@charset "UTF-8";

/*------------------------------------------------------------
	デフォルトスタイル
------------------------------------------------------------*/
html, body, div, span, figure, img, fieldset,
a, h1, h2, h3, h4, h5, h6, p, blockquote,
pre, small, strong, dl, dt, dd, ol, ul, li,
table, caption, tbody, tfoot, thead, tr, th, td{
	margin:0;
	padding:0;
	border:none;
	outline:none;
	font-size:1em;
}

header,hgroup,nav,article,
section,aside,figure,footer{
	display:block;
}

ol, ul{
	list-style: none;  
}

html{
    font:14px/1.3 "メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", Arial, Helvetica, Tahoma, sans-serif;
}



/*------------------------------------------------------------
	レイアウト
------------------------------------------------------------*/
body{
	background:#fff;
	width:100%;
	color:#333;
}

/*	リンクタグ	*/

a,
a:hover{
	color:#333;
	text-decoration:none;
}



/*------------------------------------------------------------
	ヘッダー
------------------------------------------------------------*/

header{	
	width: 100%;
	/*padding: 10px;*/ /* padding はみ出る */
	margin: 0 auto;
	overflow: hidden;
	/*position: relative;*/
}

header h1{
	float:left;
	width: 70%;
}

header h1 img{
	width: 80%;
	max-width: 337px;
	display: block;
	padding-left: 15px;
	padding-top: 5px;
	padding-bottom: 10px;
	/*padding-right: 25px;*/
}

header h1 a {
	display: block;
	width: 100%;
	height: auto;
}

header p {
	float: right;
	width: 30%;
	padding: 12px 0 0 0;
}

header p img {
	width: 80%;
}

header p a {
	display: block;
	width: 114px;
	max-width: 70%;
	color: #fff;
	text-align: center;
	font-size: 0.85em;
	padding: 6px;
	white-space: nowrap;
	background: -moz-linear-gradient(top, #3f6af2, #5b7ff4);/*Firefox用*/
	background: -webkit-gradient(linear, left top, left bottom, from(#3f6af2), to(#5b7ff4)); /* Safari,Google Chrome用 */
	border: 1px solid #416cf2;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	box-shadow: 2px 2px 3px #ccc;
}

header p a:hover {
	color: #fff;
}

/*	ヘッダー画像内 文字	*/
p#h_image span{
	padding:0 10px;
	display:block;
	color:#FFF;
	position:absolute;
	z-index:2;
	top:40%;
}

/*	ヘッダー画像下 文字	*/
header h2{
	padding:10px;
}

header p.des{
	padding:0 10px;
	margin-bottom:5%;
}




/*	タイトル	*/
#top h1{
	background:url(img/header_bg.html) repeat-x;
	background-image:-moz-linear-gradient(top, #434641, #292b27);
	background-image:-webkit-gradient(linear, center top, center bottom, from(#434641), to(#292b27));
	background-image:-o-linear-gradient(top, #434641, #292b27);
	background-image:linear-gradient(top, #434641, #292b27);
	width:100%;
	padding:3% 10px;
	border-bottom:solid 1px #11120F;
	color:#FFF;
	text-shadow:1px 1px 1px #11120F;
}



/*------------------------------------------------------------
	common
------------------------------------------------------------*/

.left{
	float:left;
}

.right{
	float:right;
}

.clear{
	clear:both;
}

.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0px;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}

#wrapper {
/*	position:absolute; z-index:1;*/
/*	top:0px; bottom:85px; left:0;*/
	width:100%;
/*	overflow:auto;*/
}
 
#scroller {
/*	position:absolute; z-index:1;*/
/*	-webkit-touch-callout:none;*/
/*	-webkit-tap-highlight-color:rgba(0,0,0,0);*/
/*	width:100%;*/
/*	padding:0;*/
}

.titleImg01 img{
	width:99.5%;
	margin:auto;
}

#mainContents {
	/*margin: 5px 5px;*/
	margin: 0;
}


/*------------------------------------------------------------
	メイン
------------------------------------------------------------*/

.h2Title{
	margin:0 0 5px 0;
	border-top: 5px solid #535362;
	border-bottom: 5px solid #535362;
	background-color: #f2f2f2;
	max-height:90px;
	width: 100%;
	/*text-indent: -9999px;*/
	/*display: table-cell;
	vertical-align: middle;*/
}

.h2Title img {
	/*width: 100%;*/
	max-width: 90%;
	margin-left: 15px;
	margin-top: 22px;
	margin-bottom: 22px;
}

.h3Title{
	background:url(../images/ico_01.gif) no-repeat 15px 0;
	padding:3px 0 10px 55px;
	margin-top: 15px;
	margin-bottom:20px;
	border-bottom:2px solid #666666;
	clear:both;
	font-size: 1.2em;
}

.h4Title{
	padding:0 0 0 25px;
	margin:20px 0 10px 8px;
	line-height:23px;
	font-weight:bold;
	font-size:140%;
	background:url(../images/h4bg.html) 0 0 no-repeat;
}



p{
	/*padding:15px;*/
	padding: 5px 0;
	line-height: 1.5;
	/*line-height:25px;*/
}


.mainTitle h2{
	border: 1px solid #A7C5EB;
	background-color:#EAF3FB;
	padding:15px 15px 15px 15px;
	font-size: 1.2em;
	font-weight: normal;
}

.mainTitle02 h3{
	background:url(../images/ico_04.png) no-repeat;
	background-position: 15px;
	border: 1px solid #EBEBEB;
	background-color:#F7F7F7;
	padding:15px 15px 15px 40px;
}





/*	トップに戻る　*/
p.go_top{
	text-align:right;}

p.go_top a{
	margin-right:5px;
	padding:5% 15px 5% 0;
	display:block;
	color:#9CA695;
}

/*------------------------------------------------------------
	フッター
------------------------------------------------------------*/
/* PC版へのリンク */
#switchpc {
	/*border-top: 2px solid #666;
	width: 100%;
	min-height: 43px;*/
	/*clear:both;
	background-color: #eaeaea;
	overflow: hidden;*/
	padding: 15px 0;
}

#switchpcLeft {
	float: left;
	width: 35%;
	/*padding: 0 0 15px 0;*/
}

#switchpcLeft img {
	display: block;
	width: 85%;
	margin: 0 auto;
}

#switchpcRight {
	color: #666;
	float: left;
	width: 65%;
	/*padding: 0 0 15px 0px;*/
}

#switchpcRight p {
	font-size: 0.85em;
	width: 90%;
	margin: 0 auto;
}


/*	フリースペース　*/
.free_space{
	padding:3% 10px;
	border:dotted #D7E5CF;
	border-width:1px 0;
}

.free_space img{
	margin:auto;
	display:block;
	border:solid 1px #333631;
}

/*	メニュー　*/



#footer {
/*	position:absolute; z-index:2;*/
/*	bottom:0; left:0;*/
	width:100%;
	/*height:85px;*/
}


.footerNavi{
	clear:both;
	/*margin: 15px 0;*/
	margin: 15px 0 0 0;
}

.footerNavi {
	overflow: hidden;
}

.footerNavi li {
	float: left;
	text-align: center;
	font-size: 90%;
	-moz-box-shadow: 1px 1px 0px 0px #9bb6f8 inset;/*Firefox用*/
	-webkit-box-shadow: 1px 1px 0px 0px #9bb6f8 inset; /* Safari,Google Chrome用 */
	/* 130829 Android 3系用　第3引数も設定＋最後にbox-shadowを指定　http://memo.sixbird.net/archives/159 */
	box-shadow: 1px 1px 0px 0px #9bb6f8 inset;
	background: -moz-linear-gradient(top, #5479f3, #587df3);/*Firefox用*/
	background: -webkit-gradient(linear, left top, left bottom, from(#5479f3), to(#587df3));　/* Safari,Google Chrome用 */
}

.footerNavi li.fNavi01{
	width:50%;
}

.footerNavi li.fNavi02{
	width:50%;
}

.footerNavi li.fNavi03{
	width:50%;
}

.footerNavi li.fNavi04{
	width:50%;
}

.footerNavi li.fNavi05{
	width:100%;
}


.footerNavi li a{
	color:#FFF;
	padding:15px 0px;
	display:block;
	font-weight: bold;
}

.footerNavi2 {
	margin: 0 0 15px 0;
}

.footerNavi2 li {
	border-bottom: 1px solid #ccc;
	/*padding: 13px 4% 13px 8%;*/
}

.footerNavi2 li p {
	background: url(../images/ico_06.png) 2% center no-repeat;
	padding: 0 0 0 8%;
	line-height: 3.3;
}

.footerNavi2 li a {
	display: block;
	width: 100%;
	height: 46px;
}

#footerContact {
	clear: both;
	margin: 20px auto 10px auto;
	width: 95%;
}

#footerContact .footerContactTit {
	background: url(../images/footer_img_01.gif) 5px center no-repeat;
	padding: 5px 5px 0 30px;
	font-weight: bold;
	font-size: 1.15em;
}

#footerContact .footerContactTel {
	font-weight: bold;
	/*margin-left: 40px;*/
	margin: 0 auto;
	padding: 5px 0 0 0;
	line-height: 1.5;
	max-width: 78%;
}

.footerContactTel span {
	font-size: 1.7em;
}


#footerContact .footerContactBtn img {
	display: block;
	margin: 0 auto;
	width: 95%;
}


/*-- 修正 --*/


#copy .explain{
	background:#FAFAFA;
	border:3px solid #CCC;
	border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
	padding:15px 25px;
	margin-bottom:5px;
}


/*-- END --*/



/*	コピーライト　*/

#copy{
	clear:both;
	padding: 0 10px 10px 10px;
	/*text-align: center;*/
	background: #fff;
	border-top: 1px solid #fff;
	/*border-top: 2px solid #2e4800;
	border-bottom: 2px solid #2e4800;*/
	/*height: 72px;*/
}

#copy .footLogo img {
	display: block;
	margin: 0 auto;
}

#copy p{
	font-size: 0.9em;
	color: #999;
	line-height: 1.6;
	padding: 5px 0;
}
#copy .footHoken{
    margin: 6px 0;
}
#copy .footHoken p{
    padding: 0;
    margin-bottom: 5px;
}
address{
	font-size: 0.85em;
	font-style: normal;
	color: #999;
}

/*	PCリンクボタン　*/

#pcLinkBtn{
	text-align:center;
	padding-bottom:10px;
}

#pcLinkBtn a{
	text-align:center;
	text-decoration:underline;
}



.alignCenter{
	text-align:center;
}

.alignRight{
	text-align:right;
}

.pdg10{
	padding:10px!important;
}

.pdgLeft5{
	padding-left:5px!important;
}

.pdgLeft10{
	padding-left:10px!important;
}

.pdgLeft15{
	padding-left:10px!important;
}

.pdgLeft20{
	padding-left:20px!important;
}

.mgn0{
	margin:0px!important;
}

.mgnBtm10{
	margin-bottom:10px!important;
}

.mgnBtm15{
	margin-bottom:15px!important;
}

.mgnBtm20{
	margin-bottom:20px!important;
}

.mgnBtm30{
	margin-bottom:30px!important;
}

.mgnBtm40{
	margin-bottom:40px!important;
}

.mgnBtm50{
	margin-bottom:50px!important;
}

.text120per{
	font-size:120%!important;
	line-height:170%!important;
}

.text100per{
	font-size:100%!important;
	line-height:140%!important;
}

.borderNone{
	border:none!important;
}


.socialBtn01{
	padding-top:10px;
	margin-bottom:10px;
	height:30px;
	position:relative;
}

.socialBtn01 ul{
	position:absolute;
	top:0;
	right:10px;
}

.socialBtn01 li{
	float:left;
	padding-left:10px;
}

/* ---------------------------------------------------------
    gimukaBox
   ---------------------------------------------------------*/
   .gimukaBox{
	display: block;
	margin:auto;
	padding: auto;
	width:94%;
}

.gimukaBox dl{
	padding-top: 10px;
	margin: 0;
}

.gimukaBox dl img{
	width: 100%;
	height:auto;
}

.gimukaBox dl h4 {
	text-align: center;
	padding-top: 10px;
}

.gimukaBox dl p {
	display: block;
	text-align: center;
	padding-left: 40px;
	padding-right: 40px;
	padding-bottom:0; 
}




/* ---------------------------------------------------------
    netHokenBox
   ---------------------------------------------------------*/

.netHokenBox{
	/*width:660px;
	clear:both;*/
}

.netHokenBox .netHokenBanBox{
	/*width:302px;*/
	width: 100%;
}

/*.netHokenBoxIner{
	border:3px solid #EBEBEB;
	padding:15px;
}

.netHokenBox .netHokenTitle{
	width:630px;
	margin-bottom:10px;
}

.netHokenBox .netHokenTitle dt{
	width:170px;
	height:50px;
	text-indent:-9999px;
	float:left;
	background:url(../images/nethoken_tit.gif) no-repeat;
}*/

/*.netHokenBox .netHokenTitle dd{
	width:450px;
	height:35px;*/
/*	float:right;*/
/*	padding-top:15px;
	padding-left:50px;
	font-size:86%;
	background:url(../images/nethoken_tit.gif) no-repeat;
}*/

/*.netHokenBox .netHokenBanBoxClera{
	clear:both;
	margin-bottom:10px;
}*/

/*.netHokenBox .netHokenBanBox.netHokenBan01{float:left;}
.netHokenBox .netHokenBanBox.netHokenBan02{float:right;}
.netHokenBox .netHokenBanBox.netHokenBan03{float:left;}
.netHokenBox .netHokenBanBox.netHokenBan04{float:right;}*/


.netHokenBox .netHokenBanBox h3{
	/*width:302px;*/
	/*height:32px;*/
	width:100%;
	height: 32px;
	text-indent:-9999999px;
}

.netHokenBox .netHokenBanBox01.netHokenBan01 h3{
	background-image: url(../images/nethoken01_tit.gif);
	background-repeat: no-repeat;
	background-size: contain;
	background-position:50% 50%;
}
.netHokenBox .netHokenBanBox01.netHokenBan02 h3{
	background-image: url(../images/nethoken02_tit.gif);
	background-repeat: no-repeat;
	background-size: contain;
	background-position:50% 50%;
}

.netHokenBox .netHokenBanBox01.netHokenBan00 h3{
	background-image: url(../images/nethoken_jitensha.gif);
	background-repeat: no-repeat;
	background-size: contain;
	background-position:50% 50%;
}

.netHokenBox .netHokenBanBox01.netHokenBan01 h3{
	background-image: url(../images/nethoken01_tit.gif);
	background-repeat: no-repeat;
	background-size: contain;
	background-position:50% 50%;
}

.netHokenBox .netHokenBanBox01.netHokenBan03 h3{
  background-image: url(../images/nethoken_kasai_tit.gif);
  background-repeat: no-repeat;
  background-size: contain;
  background-position:50% 50%;
}


.netHokenBox .netHokenBanBox.netHokenBan04 h3{
	background-image: url(../images/nethoken05_tit.gif);
	background-repeat: no-repeat;
	background-size: contain;
	background-position:50% 50%;
}

.netHokenBox .netHokenBanBox01.netHokenBan05 h3{
	background-image: url(../images/nethoken04_tit.gif);
	background-repeat: no-repeat;
	/*background-size: contain;*/
	background-position:50% 50%;
}
.netHokenBox .netHokenBanBox01.netHokenBan06 h3{
	background-image: url(../images/nethoken_iryo.gif);
	background-repeat: no-repeat;
	background-size: contain;
	background-position:50% 50%;
}

.netHokenBox .netHokenBanBox h4{
	text-align:center;
	font-weight:normal;
	margin-bottom:5px;
}

/*.netHokenBox .netHokenBanBox ul{
	width:261px;
	padding-left:20px;
}*/

/*.netHokenBox .netHokenBanBox li.netHokenBanLeft{float:left; width:126px;}
.netHokenBox .netHokenBanBox li.netHokenBanRight{float:right; width:126px;}*/
.netHokenBox .netHokenBanBox .netHokenBanLeft{float:left; width:48%;}
.netHokenBox .netHokenBanBox .netHokenBanRight{float:right; width:48%;}

/*.netHokenBox .netHokenBanBox img {
	padding: 5px 0;
}*/

/*.netHokenBox .netHokenBanBox.netHokenBan02 img {
	width: 50%;
}*/

.netHokenBox .netHokenBanBox dt{
	margin-bottom:0px;
	text-align:center;
}

.netHokenBox .netHokenBanBox dd{
	font-size:75%;
	text-align:center;
	line-height:100%;
}


/* netHokenBanBox01 */

.netHokenBox .netHokenBanBox01{
/*
	width:266px;
*/
	width:95%;
	margin:5px auto;
}

.netHokenBox .netHokenBanBox{
/*
	width:266px;
*/
	width:95%;
	margin:0 auto;
}

.netHokenBox .netHokenBanBox01 h3{
	width:100%;
	height: 32px;
	text-indent:-9999999px;
}

.netHokenBox .netHokenBanBox01 h4{
	text-align:center;
	font-weight:normal;
	margin-bottom:5px;
}

.petTit{
	display: block;
	margin-top: 15px;
	font-size: 75%;
	padding: 0 5% 20px;text-align: left;
}

/*2018バナー変更*/
.lineupLinkBox{
  display: block;
  width: 94%;
  margin: 30px auto 0;
}
#topban.lineupLinkBox{
  margin: -45px auto 0;
}
.lineupLinkBox a img{
  display: block;
  width: 100%;
  margin: 0 auto 5px;
}
#topban.lineupLinkBox a[href*="business/FinancialPlanner.html"]{
    display: none;
}
#footer .topban06{
	background-image:url(../images/SP_side_gakusou_top.png),url(../images/SP_side_gakusou_bottom.png),url(../images/SP_side_gakusou_middle.png);
	background-position: top center, bottom center, top center;
	background-repeat: no-repeat, no-repeat, repeat-y;
    padding: 85px 0px 10px 0px;
    margin: 0px 0px 5px;
    width: 100%;
    display: block;
    background-size: 100%;
}

#footer .topban06 ul{
    padding: 10px 0 0px 0;
    margin: 10px 0;
    list-style: disc;
}

#footer .topban06 li{
    margin: 20px 45px;
    font-size: 1em;
}

#footer .topban07{
	background-image:url("../images/SP_side_dansya_top.png"),url(../images/SP_side_gakusou_bottom.png),url(../images/SP_side_gakusou_middle.png);
	background-position: top center, bottom center, top center;
	background-repeat: no-repeat, no-repeat, repeat-y;
    padding: 85px 0px 10px 0px;
    margin: 0px 0px 5px;
    width: 100%;
    display: block;
    background-size: 100%;
}

#footer .topban07 ul{
    padding: 10px 0 0px 0;
    margin: 10px 0;
    list-style: disc;
}

#footer .topban07 li{
    margin: 20px 45px;
    font-size: 1em;
}

#topban .topban06{
	background-image:url(../images/SP_side_gakusou_top.png),url(../images/SP_side_gakusou_bottom.png),url(../images/SP_side_gakusou_middle.png);
	background-position: top center, bottom center, top center;
	background-repeat: no-repeat, no-repeat, repeat-y;
    padding: 85px 0px 10px 0px;
    margin: 0 0px 5px;
    width: 100%;
    display: block;
    background-size: 100%;
}
#topban .topban06 ul{
    padding: 10px 0 0px 0;
    margin: 10px 0;
    list-style: disc;
}

#topban .topban06 li{
    margin: 20px 45px;
    font-size: 1em;
}


#topban .topban07{
	background-image:url("../images/SP_side_dansya_top.png"),url(../images/SP_side_gakusou_bottom.png),url(../images/SP_side_gakusou_middle.png);
	background-position: top center, bottom center, top center;
	background-repeat: no-repeat, no-repeat, repeat-y;
    padding: 85px 0px 10px 0px;
    margin: 55px 0px 5px;
    width: 100%;
    display: block;
    background-size: 100%;
}

#topban .topban07 ul{
    padding: 10px 0 0px 0;
    margin: 10px 0;
    list-style: disc;
}

#topban .topban07 li{
    margin: 20px 45px;
    font-size: 1em;
}

/*消す*/
/*
.netHokenBox .netHokenBanBox.netHokenBan03 h3{
	background-image: url(../images/nethoken05_tit.gif);
	background-repeat: no-repeat;
	background-size: contain;
	background-position:50% 50%;
}

*/


.mb3 {
    margin-bottom: 30px;
}
a.blueBtn {
    position: relative;
    display: block;
    border-radius: 5px;
    border: 2px solid #fff;
    box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.5);
    color: #fff;
    font-weight: bold;
    font-size: 16px;
    padding: 20px;
    text-decoration: none;
    background: #2586cd;
    text-align: center;
    background: linear-gradient(
        to bottom,
        rgba(95, 167, 225, 1) 0%,
        rgba(37, 134, 205, 1) 100%
    );
}
a.blueBtn::before {
    border-radius: 5px;
    content: '';
    border-top: 1px solid #e5e5e5;
    border-left: 1px solid #e5e5e5;
    position: absolute;
    width: calc(100% + 4px);
    height: calc(100% + 4px);
	top: -3px;
	left: -3px;
    margin: auto;
    display: block;
    pointer-events: none;
}
a.blueBtn:hover {
    opacity: 0.7;
}

/* トップへ戻る */
#pageBtn .pageTopBtn a {
    width: 85px;
    height: 85px;
    display: block;
    text-indent: -9999px;
    background: url(../../../shared/images/pagetop_btn.png) no-repeat;
	background-size: cover;
}
#pageBtn .pageTopBtn,
#pageBtn .pageTopBtn a:hover {
    background: url(../../../shared/images/pagetop_btn.png) right 0 no-repeat;
	background-size: cover;
}

#pageBtn .pageTopBtn {
    position: fixed;
    bottom: 5px;
    /*right: 90px;
	left: 0px;*/
	right:5px;
    z-index: 999;
}

#pageBtn .fixedBanner {
    position: fixed;
    bottom: 75px;
    /*right: 90px;
	left: 0px;*/
	right:5px;
    z-index: 999;
}

#pageBtn .fixedBanner a {
    width: 85px;
    height: 85px;
    background: linear-gradient(45deg, rgba(93, 131, 243, 1) 0%, rgba(60, 108, 241, 1) 100%);
    border-radius: 100px;
    color: #fff;
    font-weight: bold;
    border: 7px solid #c3dff0;
    box-sizing: border-box;
    text-decoration: none;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    line-height: 1.2;
    padding-top: 5px;
    filter: hue-rotate(120deg);
}
#pageBtn .fixedBanner a:hover {
    opacity: 0.8;
}


#pageBtn .pageTopBtn a ,
	#pageBtn .fixedBanner a {
	zoom:0.8;
}

address,
.footHoken{
	padding-right: 65px;
}