@charset "utf-8";


.clear {*zoom:1;}
.clear:after {clear:both; display:block; content:"";}



/*portal*/

#sub_portal {width:640px; margin: 0 auto; padding:90px 0 0 0; background:#FFF;}
#sub_portal p {text-align:center; width:638px; margin:0 auto; border:1px solid #ddd;}
#sub_portal p .select_wrap {width:100%;display:block;height:50px; border:0px solid #000; background:#fff;}
#sub_portal p .select_wrap select {font-size:25px; color:#4e4f5d; width:100%; height:50px; padding:0 0 0 25px; border:0; background:transparent url('/new2020/mobile/images/select_arrow.gif') no-repeat right top; background-size:60px 50px;-webkit-background-size:60px 50px;-webkit-appearance:none; border-radius:0; webkit-border-radius:0;  }


/*visual*/
#sub_visual {width:640px; padding:45px 0; margin:0 auto; border-bottom:1px solid #ddd; background:#f3f3f3; margin-bottom:30px;}
#sub_visual .vis_txt01{text-align:center; font-size:30px; line-height:36px; color:#222; letter-spacing:-0.5px; font-weight:300;}
#sub_visual .vis_txt01 b{font-weight:500; color:#222;}
#sub_visual h2{font-size:55px; color:#d07991; font-weight:600; line-height:100%; text-align:center; margin-top:29px; letter-spacing:-1.5px;}
#sub_visual div.line{height:4px; margin:35px auto 30px; width:34px; background:#222;}
#sub_visual .vis_txt02{text-align:center; font-size:23px; color:#222; font-weight:300; letter-spacing:-0.5px; line-height:29px;}


/*content*/
.sub_content {width:640px; background:#fff; margin:0 auto; padding-bottom:20px; /* padding-top:83px;*/}
.sub_content .content {min-height:400px; padding-bottom:30px;}

#contents {
	position:relative;
	clear:both; 
	min-height:300px;
	background:#fff;
}
#contents:after {
	clear:both;
	display:block;
	content:"";
}
#contents .cntbox {width:640px; margin:0 auto;}
#contents .cntbox h3 {width:600px; font-weight:400; letter-spacing: -0.125rem; font-size:40px; line-height:50px; width:600px; margin:0 auto; border-bottom:1px solid #444; margin-bottom:20px;}
#contents .cntbox h3 b{color:#d07991; font-weight:600;}
#contents .cntbox p {padding-bottom:30px; text-align:center; line-height:0;}


#contents p {
	line-height:0; font-size:0;
}

/* 3depths */
.tab_3dep{width:550px; padding:0 10px; margin:0 auto; margin-bottom:30px; text-align:center; overflow:hidden; background:#fff; height: 50px; border-bottom: 1px solid #999; border-top: 2px solid #333;}
.tab_3dep li{width:50%; float:left;}
.tab_3dep li a{display:block; color:#444; font-size:23px; line-height:50px; font-weight:400}
.tab_3dep li a:hover{height:50px; color:#7577d3; text-decoration:underline}
.tab_3dep li a.on{color:#7577d3;}
