@charset "utf-8";
/* CSS Document */
.mobile_top {background-color:#17469d;height:36px;line-height:36px;color:#fff;text-align:right;padding:0 1.5rem;box-sizing:border-box;}
.mobile_top a {color:#fff;}
.mobile_lgo{position:relative;text-align:center;height:80px;display:inline-block;vertical-align:middle;width:100vw;overflow:hidden;background-color:#fff;}
.mobile_lgo > a{display: inline-block;width:calc(44% + 1vw);line-height:80px;text-indent:-30px;}
.mobile_lgo > a img{display:inline-block;width:100%;vertical-align:middle;}
.mobile-menu{position:absolute;top:50%;right:10vw;transform:translateY(-50%)}
.mobile_top,.mobile_lgo{display:none;}
.mobile-menu.open a,.mobile-menu.close a{font-size:3rem;}
.mobile-menu.close a{color:#fff;}

#menu-mobile ul,#menu-mobile li{margin:0;padding:0;list-style:none;}
#menu-mobile ul.main-menu {list-style: none;margin: 0;padding: 0;position: fixed;width: 80vw;height: 100vh;overflow-y: auto;background: #fff;}
#menu-mobile ul.main-menu > li {position: relative;margin: 0;padding: 0;}
#menu-mobile ul.main-menu > li > a {padding:0 1em 0 1.5em ;display: block;position:relative;}
#menu-mobile ul.main-menu > li > a:hover{background-color:#f4f4f4;color:#000;}
#menu-mobile ul.main-menu > li > a > .fa,#menu-mobile>ul.main-menu > li > a > .glyphicon,#menu-mobile>ul.main-menu > li > a > .ion {width: 20px;}
#menu-mobile ul.main-menu > li .label,#menu-mobile>ul.main-menu > li .badge {margin-right: 5px;}
#menu-mobile ul.main-menu > li .badge {margin-top: 3px;}
#menu-mobile ul.main-menu > li.header {padding:0px;height:90px;background-color:#fff;border-bottom: 1px solid #ddd;}
#menu-mobile ul.main-menu > li.header a {text-align:center;}
#menu-mobile .treeview > a {position:relative;}
#menu-mobile .treeview > a:after {display:block;content:'\f2c7';position:absolute;top:50%;right:10px;transform:translate(0,-50%);font-family:'Ionicons'; font-size:1.5rem;}
#menu-mobile .treeview.menu-open > a:after {content:'\f2f4';}
#menu-mobile ul.main-menu  .menu-open > a,#menu-mobile>ul.main-menu  .menu-open > a:hover {color: #fff;background-color:#434e5f;}
#menu-mobile .treeview .treeview-menu{display:none;}
#menu-mobile ul.main-menu  .active > .treeview-menu {}
#menu-mobile ul.main-menu .fa.pull-right {margin-left: .3em;}
#menu-mobile ul.main-menu .treeview-menu {padding:0em;}
#menu-mobile ul.main-menu .treeview-menu li{border-bottom: 1px solid #ddd;}
#menu-mobile ul.main-menu .treeview-menu li.on a{font-weight:700;}

.mobile-menu.open{display:none;}
#menu-mobile {display:none}
.mobile_top_head.fixed{position:fixed;top:0;left:0;width:100vw;z-index:55;background-color:#fff;box-shadow:0px 0px 4px rgba(0,0,0,0.6)}

@media all and (max-width:1348px){
	body{overflow-x:hidden;}
	.top_search_area #bo_sch{width:90%;}
	.top_search_area #bo_sch #sfl{width:18%;}
	.top_search_area #bo_sch #stx{width:70%;}
	
}
@media all and (max-width:1280px){
	
	.locationWrap.fixed{top:116px;}
	.address {box-sizing:border-box;padding-left:1rem;}
}
@media all and (max-width:1184px){
	#container:before {content:'';position:absolute; width:0px; height:100%; background-color:#ddd; left:0;display:none;}
	.content_body{padding-left:0;padding-top:50px;}
	.side_menu_wrap_pc {display:none;}
	.side_menu_wrap_mobile {display:block;position:absolute; top:0;left:0; bottom:0; width:100%; display:block;background-color:rgba(0,0,0,.6); height:50px; zoom:.9;z-index:2;}
	.side_menu_wrap_mobile .side_menu { height:50px; position:absolute; z-index:1; width:100%;}
	.side_menu_wrap_mobile .side_menu.on{z-index:5;}
	.side_menu_wrap_mobile .side_menu li {display:none;}
	.side_menu_wrap_mobile .side_menu li .snb3{display:none;background-color: rgba(0, 0, 0, 0.85);}
	.side_menu_wrap_mobile .side_menu li .snb3 > div {padding:3px 10px;border-bottom: 1px solid #666;}
	.side_menu_wrap_mobile .side_menu li .snb3 > div > a {display:block;text-align:center;padding: 10px;color:#fff;}
	.side_menu_wrap_mobile .side_menu li .snb3 > div > a.on{font-weight:bold;}
	.side_menu_wrap_mobile .side_menu li.on .snb3{display:block;}
	.side_menu_wrap_mobile .side_menu li > a {font-size:1.1rem; box-sizing:border-box; border:1px solid #616161; border-width:0 1px 1px 1px; height:50px; padding:0px 20px;display:block;line-height:50px;background-color:rgba(0,0,0,0.8); color:#fff; text-align:center;}
	.side_menu_wrap_mobile .side_menu li > a:hover,.side_menu li > a.on {background-color:rgba(0,0,0,0.8);}
	.side_menu_wrap_mobile .side_menu_current {display:block;height:50px;background-color:#266ed4;position:relative;font-size:1.25rem;text-align:center;line-height:50px;color:#fff;}
	.side_menu_wrap_mobile .side_menu_current:after{content:'\f107';font-family:'Font Awesome 5 Free'; font-weight:900; font-size:1.15rem; position:absolute; right:2rem; top:50%; transform:translateY(-50%);}
	.side_menu_wrap_mobile .side_menu_current.on:after{content:'\f106';font-family:'Font Awesome 5 Free'; font-weight:900; font-size:1.15rem; position:absolute; right:1rem; top:50%; transform:translateY(-50%);}
	.side_title p {padding:1rem;}


	.mobile_top{display:block;}
	.mobile_lgo{display: block;text-align: center;}
	.mobile-menu.open{display:block;}
	#menu-mobile {display:block}
	.mobile-menu.open{display:block;}
	.mobile-menu.close{border:none;display:inline-block;vertical-align:middle;position:absolute;left: 85%;top: 3rem;z-index: 115;width: 50px;}
	.mobile-menu.close a{font-size:5rem;color:#fff;}
	#menu-pc{display:none;}
	#menu-mobile{width: 100vw;height:calc(100vh - 118px);z-index:98;position:fixed;left:-101vw;top:0;background-color: rgba(0,0,0,.5);box-shadow:3px 0px 5px rgba(0,0,0,.5);overflow: hidden;}
	.tg_wrap{top:0;}
	#menu-mobile>ul.main-menu > li.treeview:first-child > a{border-top:1px solid #ddd;}
	#menu-mobile>ul.main-menu>li>a{color: #444;font-size:1.05em;border-bottom: 1px solid #ddd;height:57px;line-height:57px;position:relative;}
	#menu-mobile>ul.main-menu>li>a.on::before{
		content:'';
		position:absolute;
		height:100%;
		width:5px;
		background-color:#0033cc;
		top:0;
		left:0;
	}
	#menu-mobile>ul.main-menu>li>ul{background-color: #f5f5f5;}
	#menu-mobile>ul.main-menu>li>ul>li>a{color: #222;display: block;padding: 0.8em 1em;}
	#menu-mobile>ul.main-menu>li>ul>li>a:hover,#menu-mobile>ul.main-menu>li>ul>li>a:focus{background-color:#dfdfdf;color:#000;}	


}
@media all and (max-width:960px){
	.visible-hs{display:block}
	.page_top_box{height:200px;min-height:100px;}
	.location_box{margin-top:0;}
	.address div {text-align:center;}
	.lnk_family{position:relative;margin:0.5rem auto;}
	.relatedsites{position:relative;margin:0 auto;right:0;}
	.relatedsites a.relatedsites_btn{text-align:center;text-indent:-1.5rem;}
	.motto_wrap .motto_box{width:220px;height:220px;}
	.management_policy_wrap li.po_title{width:100%;font-size:1.15rem;}
	.management_policy_wrap li.po_text{width:100%;font-size:1.1rem;}

	
}

@media all and (max-width:777px) {
	.locationWrap{margin-top:0; height:50px;}
	.location_box{margin-top:0;}
	.locationArea .location > li.home {width:32px;}
	.locationArea .location > li.home > a {background-size: 14px auto}
	.locationArea .location > li.null {display:none;}
	.locationArea .location{height:35px;}
	.locationArea .location > li.locationLink > a{line-height:50px; font-size:13px;padding-left:10px; padding-right:14px; letter-spacing:-1px;}
	.locationArea .location > li.locationLink .selectMenu{top:50px;}
	.locationArea .location > li.locationLink .selectMenu li a{padding:10px 10px; font-size:13px;}

}
@media all and (max-width:768px){
	.qic_btn{box-shadow:2px 2px 2px #e5e5e5;}
	.mobile_lgo{height:75px;}
	.mobile_lgo > a{line-height:75px;}
	.locationWrap.fixed{top:111px;}
	.motto_wrap .motto_box{width:180px;height:180px;}
	.motto_wrap .motto_box .motto_txt span{font-size:1.5rem;}
	.org_pc{display:none;}
	.org_mobile{display:block;}
	.float_side_bar{display:none;}
	
}
@media all and (max-width:640px){
	.address .office{padding-bottom:0.3rem;}
	.address .addr{padding-bottom:0.3rem;}
	.address .tel{width:100%;text-align:center;}
	.address .reserved{width:100%;text-align:center;}
	.address .login_box{display:inline-block;width:100%;text-align:center;padding:0.5rem 0;}
	.motto_wrap .motto_box{width:150px;height:150px;}
	.motto_wrap .motto_box .motto_txt span{font-size:1.2rem;}
}
@media all and (max-width:580px) {
	
}
@media all and (max-width:480px) {
	.address .office{width:100%;text-align:center;}
	.address .addr{width:100%;text-align:center;}
	.address .tel{width:100%;text-align:center;}
	
	.motto_wrap .motto_box{width:100%;height:100px;border-radius:0;}
	.motto_wrap .motto_box .motto_txt span{font-size:1.1rem;}
	.management_policy_wrap {padding: 1.2rem;}
	.management_policy_wrap li.po_text{padding:0.4rem 1rem;}
	.biz_slo_box > h4 {font-size:20px;}

    .top_search_area {height:120px;}
	.top_search_area #bo_sch #sfl{width:20%;}
	.top_search_area #bo_sch #stx{width:77%;}
	.top_search_area #bo_sch .sch_btn {display:block; margin-top:8px; width:100%;}

	.html_wrap {padding:0 0.5rem;}

}
@media all and (max-width:375px){
	.qic_btn{box-shadow:2px 2px 2px #e5e5e5;}
	
}
@media all and (max-width:320px){
	html * {word-break:break-all;word-wrap:break-all;}
	.hex_wrap {padding-bttom:6rem;}

}