@charset "utf-8";
#subWrapper{position:relative;min-height:200px;}
.subVisual1{background:url('../imgs/sub/subvisual1.png') no-repeat 50% 0px; }
.subVisual2{background:url('../imgs/sub/subvisual4.png') no-repeat 50% 0px; }
.subVisual3{background:url('../imgs/sub/subvisual6.png') no-repeat 50% 0px; }
.subVisual4{background:url('../imgs/sub/subvisual3.png') no-repeat 50% 0px; }
.subVisual5{background:url('../imgs/sub/subvisual2.png') no-repeat 50% 0px; }
.subVisual6{background:url('../imgs/sub/subvisual4.png') no-repeat 50% 0px; }
.subVisual7{background:url('../imgs/sub/subvisual6.png') no-repeat 50% 0px; }
.subVisual8{background:url('../imgs/sub/subvisual6.png') no-repeat 50% 0px; }
.subVisual9{background:url('../imgs/sub/subvisual6.png') no-repeat 50% 0px; }
.subVisual10{background:url('../imgs/sub/subvisual6.png') no-repeat 50% 0px; }
#subMenu{position:relative; margin:45px 0 0;}
#subMenu::before{position:absolute; top:-45px; left:50%; content:""; width:1px; height:28px; background:#000; display:block;}
#subMenu ul.subMul{text-align:center; width:80%; margin:0 auto; padding:0 10%;}
#subMenu .subMul li{position:relative;line-height:42px;font-size:17px; display:inline-block; padding:0 22px;}
#subMenu .subMul li a{display:block; color:#222;}
#subMenu .subMul li.on a{border-bottom:3px solid #000; color:#000; font-weight:700;}
#subMenu .subMul li a:hover{position:relative; color:#000; font-weight:700;}
#subMenu .subMul li a:hover:after{position:absolute;bottom:-3px;left: 0;content:"";width: 100%;height:3px;background:#000;display: block;border-radius:50px;}
.m_action li a:hover:after{animation-name:menu_move; animation-duration:0.6s;}
@keyframes menu_move{
	0%{opacity:0;transform:scaleX(0);}
	100%{opacity:1;transform:scaleX(1);}
}
.location{position:relative; height:200px;}
.location ul{text-align:center; width:100%; padding-top:52px;}
.location li{display:block;font-size:42px;font-weight:500;}
.location li a{color:#fff;}
.location li a:hover{color:#f1edd4;}
.location li:first-child{position:relative; font-size:20px; font-weight:400; margin-bottom:15px;}
.location li:first-child:after{position:absolute; top:37px; left:calc(50% - 6px); content:''; display:block; width:12px; height:6px; background:url('../imgs/sub/location_arrow.png') no-repeat;}
.sns{position:absolute; top:0; right:0;}
.sns_in{display:inline-block;}
.sns_in a{margin-left:5px;}
.sns_in ul{display:none;position:absolute;top:50px; right:21px; background:rgba(1,1,1,0.1);border-radius:100px;width:90px;}
.sns_in ul li{float:left;margin:4px 5px 0;}
.sns_in ul li a{margin-left:0;}
.sns_in ul:before{position:absolute;top:-12px;right:39px;content:'';display:block;border-right:6px solid transparent;border-left:6px solid transparent;border-bottom:6px solid #000;border-top:6px solid transparent;opacity:0.1;}
.sns_in a.share_close{display:none;margin:0; position:absolute;right:48px;z-index:1;}

@media all and (max-width:1024px){
	.subVisual1{background:url('../imgs/sub/subvisual1.png') no-repeat 72% 0px; }
	.subVisual2{background:url('../imgs/sub/subvisual2.png') no-repeat 50% 0px; }
	.subVisual3{background:url('../imgs/sub/subvisual4.png') no-repeat 50% 0px; }
	.subVisual4{background:url('../imgs/sub/subvisual3.png') no-repeat 50% 0px; }
	.subVisual5{background:url('../imgs/sub/subvisual4.png') no-repeat 50% 0px; }
	.subVisual6{background:url('../imgs/sub/subvisual6.png') no-repeat 50% 0px; }
	#subMenu::before{display:none;}
	.subTitle{margin:20px 0;}
	.subTitle h1{padding:0;}
	.subTitle h1:before{display:none;}
	.print-preview{display:none;}
	.sns{position:absolute; top:-66px; right:calc(50% - 45px);}
	.sns_in ul{top:50px; right:calc(50% - 70px);}
	.sns_in ul:before{position:absolute;top:-12px;right:calc(50% - 9px); content:'';display:block;border-right:6px solid transparent;border-left:6px solid transparent;border-bottom:6px solid #000;border-top:6px solid transparent;opacity:0.1;}
	.sns_in a.share_close{right:0;}
}
@media all and (max-width:768px){
	#subMenu ul.subMul{width:86%; padding:0 7%;}
}
@media all and (max-width:640px){
	.location li{font-size:32px;}
	#subMenu ul.subMul{width:100%; padding:0 0;}
}
@media all and (max-width:480px){
	#subMenu .subMul li{font-size:16px; padding:0 12px;}
}