@charset "utf-8";
#svisual_layout{overflow:hidden;position:relative;width:100%;height:310px;}
#svisual_layout .svisual_wrap{position:relative;width:100%;height:100%;}
.sub__background{position: absolute;top:0;left:0;width:100%;height:100%;background:url(/pcms/common/layout/roleA/images/svisual_sample_img.jpg) no-repeat center center; background-size:cover;}
.top_wave{position: absolute;bottom:-26px;left: 50%;right: 0;width:4000px; margin-left: -1500px;height:640px;}
.subvisual-layout{padding:70px 0 0 0;height:100%;}
.subvisual-layout__title{display:inline-block;position:relative;width:100%;color:#fff;font-size:40px;font-weight:400;line-height:44px;}
.subvisual-layout__title:before{ width:50px; height:3px; background-color:#cd1c25; content:""; position:absolute; bottom:-10px; left:0;}
.subvisual-layout__text{display:inline-block;position:relative;margin-top:40px;width:100%;color:#fff;font-size:18px;line-height:22px;}
#body_layout{position:relative;margin-top:45px;padding-bottom:70px;}
.lnb_wrap{position:relative;z-index:10;float:left;width:17%;}
.contents_wrap{position:relative;float:right;width:77%;margin:30px 0}
.lnb__title{display:block;height:82px;background-color:#2f71d2;text-align:center}
.lnb__title:before{display:inline-block;height:100%;content:"";vertical-align:middle;}
.lnb__title strong{color:#fff;font-size:24px;}
.lnb_depth2__list{border:#b7b7b7 solid;border-width:0 1px 1px}
.lnb_depth2__list li{border-top:1px solid #b7b7b7}
.lnb_depth2__list li a{position:relative;display:block;line-height:1.2;word-wrap:break-word;word-break:keep-all;}
.lnb_depth2__list li a span{position:relative;display:block;line-height:1.2;word-wrap:break-word;word-break:keep-all;}
.lnb_depth2__list >li:first-child{border-top-width:0}
.lnb_depth2__list >li>a{}
.lnb_depth2__list >li>a>span{padding:15px 30px 15px 15px}
.lnb_depth2__list > li > a:hover,
.lnb_depth2__list > li > a:focus,
.lnb_depth2__list >li.ov>a,
.lnb_depth2__list >li.on>a{background-color:#45495b;color:#fff}
.lnb_depth2__list .lnb_depth3__list{visibility:hidden;height:0;overflow:hidden;display:none;padding:25px 16px;background-color:#f9f9f9;transition:all .4s;}
.lnb_depth2__list .lnb_depth3__list li{border-top:none;}
.lnb_depth2__list .lnb_depth3__list li a{margin-bottom:2px;display:block;}
.lnb_depth2__list .lnb_depth3__list li span{display:block;padding:3px 0;padding-right:30px;font-size:14px;word-wrap:break-word;word-break:keep-all;}
.lnb_depth2__list > li > a:hover .lnb_depth3__list,
.lnb_depth2__list > li > a:focus .lnb_depth3__list,
.lnb_depth2__list > li.on .lnb_depth3__list,
.lnb_depth2__list > li.ov .lnb_depth3__list,
.lnb_depth3__list.on,
.lnb_depth3__list.open{display:block;visibility:visible;height:auto;}
.lnb_depth3__list > li > a:hover,
.lnb_depth3__list > li > a:focus,
.lnb_depth3__list > li.on > a
.lnb_depth3__list > li.ov > a{color:#2c6ea8;}
#location{position:relative;margin-bottom:30px;width:100%;border-bottom:1px solid #efefef;text-align:left;}
#location *{vertical-align:middle;}
.utile_wrap{position:absolute;bottom:10px;right:0;}
.title_wrap .page__title{display:block;margin:0;padding:0 0 20px 5px;color:#000;font-size:30px;font-weight:bold;line-height:1.23;}
.location_wrap{float:left;display:inline-block;text-align:right;overflow: hidden; margin: 0 auto;margin-top:5px;font-size: 0;letter-spacing: 0;word-spacing: 0;}
.location_wrap li{display:inline-block;float:left;position:relative;padding:0 10px;min-height:16px;}
.location_wrap li *{vertical-align:middle;}
.location_wrap li a{display:block;position:relative;line-height:1.3;font-size:13px;color:#666}
.location_wrap li:last-child:after{content:none;}
.location_wrap li:before{ width:5px; height:9px; background:url(/pcms/common/layout/roleA/images/ir-tmpl.png) no-repeat -191px 0; content:""; margin-top:-4px; position:absolute; top:50%; left:-3px;}
.location_wrap li:first-child a{margin-top:2px;width:12px;height:12px;padding:0;font-size:0; background:url(/pcms/common/layout/roleA/images/ir-tmpl.png) no-repeat -178px 0;font-size:0;line-height:0;text-indent:-9999px;}
.location_wrap .n1:before{display:none;}
.setting-box__group{ margin-left:10px; float:left;}
.setting-box__group li{ margin:0 2px; display:inline-block; float:left; position:relative;}
.setting-box__group li a,
.setting-box__group li button{ width:27px; height:29px; background:url(/pcms/common/layout/roleA/images/ir-tmpl.png) no-repeat; font-size:0; text-indent:-9999px; display:inline-block; vertical-align:middle;}
.setting-box__group li.n1 > button{ background-position:-197px 0;}
.setting-box__group li.n2 > button{ background-position:-225px 0;}
.setting-box__group li a.fa{ background-position:-281px 0; margin-right:2px;}
.setting-box__group li a.tw{ background-position:-309px 0; margin-right:2px;}
.setting-box__group li a.bl{ background-position:-337px 0;}
.setting-box__group li [data-target="ui-close"]{ background-position:-253px 0; position:absolute; top:0; left:0;}
.setting-box__group li .sns_wrap{ width:85px; display:none;}
.setting-box__group li .sns_wrap a{ float:left;}
.setting-box__group li.on > a{ display:none;}
.setting-box__group li.on .sns_wrap{ width:auto; padding-left:29px; display:inline-block;}

@media screen and (max-width:1023px){
.lnb_wrap{display:none;}
.contents_wrap{float:none;width:100%;padding:0 10px;}
.utile_wrap{position:relative;bottom:auto;right:auto;}
.title_wrap .page__title{text-align:center;padding-bottom:0;}
.location_wrap{display:block;float:none;text-align:center;padding-bottom:20px;}
.location_wrap li{float:none;}
.setting-box__group{display:none;}
}
@media screen and (max-width:767px){
.subvisual-layout__title{font-size:20px;}
.subvisual-layout__title:before{width:40px;}
.subvisual-layout__text{display:none;}
}