@charset "utf-8";


#sVisu {width:100%; height:400px; background-repeat:no-repeat; background-position:center center; background-size:cover; display:table;}
#sVisu .txt_box {display:table-cell; text-align:center; vertical-align:middle; }
#sVisu .txt_box h2 {font-size:3em; color:#fff; letter-spacing:-0.08em; line-height:1.2em; font-weight:500; position:relative; margin:3% 0;}
#sVisu .txt_box h2:after {content:'時安'; font-size:2.75em; color:rgba(255,255,255,0.25); position:absolute; left:0; top:0; text-align:center; width:100%; font-family:'AdobeMyungjoStd-Medium';}
#sVisu .txt_box .f-Mon {display:inline-block; font-size:0.8em; color:#fff; letter-spacing:0.2em;font-weight:500; border-top:1px solid rgba(255,255,255,0.5); border-bottom:1px solid rgba(255,255,255,0.5); padding:5px 15px; text-transform:uppercase}
#sVisu .txt_box .t1 {font-size:1.0em; color:#fff; line-height:1.6em; font-weight:300;}


.sVisu1 {background-image:url(/images/sub/s_visual2.jpg)}
.sVisu2 {background-image:url(/images/sub/s_visual4.jpg)}
.sVisu3 {background-image:url(/images/sub/s_visual3.jpg)}
.sVisu4 {background-image:url(/images/sub/s_visual5.jpg)}

@media screen and (max-width:1024px){
#sVisu {height:300px;}
}

@media screen and (max-width:767px){
#sVisu {height:260px;}
#sVisu .txt_box h2 { margin:5% 0;}
}



#page01 .smenu  a.menu1,
#page02 .smenu  a.menu2,
#page03 .smenu  a.menu3,
#page04 .smenu  a.menu4,
#page05 .smenu  a.menu5,
#page06 .smenu  a.menu6,
#page07 .smenu  a.menu7,
#page08 .smenu  a.menu8,
#page09 .smenu  a.menu9,
#page10 .smenu  a.menu10,
#page11 .smenu  a.menu11 {color:#caa56b;}

#s_navi { position:relative; width:100%; overflow: hidden; border-bottom:1px solid #dedede; }
#s_navi .smenu {position:relative; clear:both; margin:0 auto; text-align:center; width:100%; overflow:hidden; max-width: 1400px;  margin:0 auto; }
#s_navi .smenu li {display:inline-block; *zoom:1; *display: inline; list-style:none;  position:relative; box-sizing:border-box;}
#s_navi .smenu li:after {content:''; display:inline-block; width:1px; height:16px; vertical-align:middle; background:#dedede}
#s_navi .smenu li:last-child:after {display:none;}
#s_navi .smenu li a {display:inline-block; font-size:1.1em; line-height:80px; color:#5b5b5b; box-sizing: border-box; position:relative; padding:0 30px;}

@media screen and (max-width:1199px){
#s_navi .smenu li a { font-size: 1em; padding:0 20px;}

}

@media screen and (max-width:1024px){
  #s_navi {display:none;}
}



/* sub_top */
.sub_top {display:none; position:relative;width:100%; margin:0 auto; background:#fff; box-sizing:border-box; border-bottom:1px solid #e2e2e2; z-index:3;}
.sub_top .sub_top_in {width:100%; max-width:1400px; margin:0 auto; position:relative; z-index:50;}
.snb:after { content:"."; display:block; height:0; clear:both; visibility:hidden;}
.snb>div { float:left; position:relative;}
.snb .home>a { display:block; width:60px; height:60px; text-align:center; font-size:0; background:#caa56b url("/images/sub/ico_home.png") no-repeat center; }
.snb>.depth1_area, .snb>.depth2_area { width:250px;}
.snb>.depth1_area, .snb>.depth2_area  a {color:white;} /*#caa56b; }*/
.snb .open_depth { display:block; position:relative; height:60px; line-height: 60px; padding:0 20px; border-right:1px solid #e2e2e2; color:#4b4b4b; font-size:1em; white-space:nowrap;}
.snb .open_depth:after { content:"\e874"; display:inline-block; position:absolute; top:0; right:14px; font-family:'Linearicons-Free'; font-size:10px; line-height:60px; color:#000;}
.snb .open_depth.on:after { content:"\e873"; top:0;}
.snb .smenu { display:none; position:absolute; top:60px; left:0; width:100%;}
.snb .smenu>li>a { display:block; padding:12px 5px 13px 20px; border:1px solid #ccc; border-top:none; background-color:#f4f4f4; color:#555; font-size:14px;}
.snb .smenu>li>a:hover { background-color:#fff; color:#222;}

@media screen and (max-width:1024px){
	.sub_top {display:block; width:100%;}

	.sub_top {
		position: sticky !important;
		position: -webkit-sticky !important;   
		
		top: 0px !important;
		/* top: 70px !important; */
		
		background-color: rgba(249,161,58,1); 
		font-size:1rem;

	}
}





@media screen and (max-width:767px){
/* sub_top */
	.sub_top { height:46px;}
	.snb { padding-left:45px;}
	.snb .home { position:absolute; top:0; left:0; z-index:10;}
	.snb .home>a { width:45px; height:45px; background-size:100% auto}
	.snb .home>a:before { font-size:13px; line-height:13px;}
	.snb>.depth1_area, .snb>.depth2_area { width:50%;}
	.snb .open_depth { height:45px; line-height: 45px; padding:0px 12px 0px 12px; font-size:1em; overflow:hidden; text-overflow:ellipsis; }
	.snb .open_depth:after { /*top:13px;*/ right:6px; font-size:9px; line-height:45px;}
	.snb .open_depth.on:after { top:12px;}
	.snb .smenu { top:45px;}
	.snb .smenu>li>a { padding:7px 5px 8px 7px; font-size:12px;}

}


#subContent {width:100%; margin:100px 0;}
#subTitle {text-align:center; font-size:2.4em; color:#000; letter-spacing:-0.09em; font-weight:500; margin-bottom:50px;}
#pageCont {min-height:350px;}

@media screen and (max-width:1024px){
	#subContent {margin:80px 0}
	#subTitle {margin-bottom:40px;}
}

@media screen and (max-width:767px){
	#subContent {margin:10% 0}
	#subTitle {font-size:2.3em; margin-bottom:4%;}
}

