@charset "UTF-8";
@import url(reset.css);

/* skipnavi */
#skip_navi {position:absolute;top:0;left:0;width:100%;height:0;z-index:10}
#skip_navi a {display:block;overflow:hidden;position:absolute;top:0;left:0;width:1px;height:1px;margin-bottom:-1px;margin-left:-1px;color:#000;text-align:center}
#skip_navi a:hover,#skip_navi a:active,#skip_navi a:focus {width:100%;height:auto;padding:10px 0;background:#333;color:#fff;z-index:1000}

/* layout */
.wrapper{width: 1200px;margin: 0 auto}
body.active{overflow: hidden;}
.gnb_mobile,
.btn_menu,
.mo_block{display: none;}

/* header */
header{}
.logo_area{padding: 29px 0 27px;text-align: center;}
.logo_area h1{}
.logo_area h1 a{}
.logo_area h1 img{}
.navi_pc_area{background: rgba(31,79,175,0.9);position: relative;z-index: 1001}
.pc_depth_01{float: left;width: calc(100% - 25px);}
.pc_depth_01 > li{float: left;width: 25%;position: relative;font-size: 20px;text-align: center;font-weight: 400}
.pc_depth_01 > li > a{display: block;color: #fff;transition: all .2s ease-out;padding:25px 0 23px;}
.pc_depth_01 > li.active > a {color: #4feaff;}
.pc_depth_02{position: absolute;top: 70px;left: 0;text-align: left;width: 100%;z-index: 1002;visibility: hidden;opacity: 0;transition: all .2s ease-out;}
.pc_depth_02.active{visibility: visible;opacity: 1;}
.pc_depth_02 li{font-size: 16px;border-top:1px solid #596471}
.pc_depth_02 li:first-child{border-top: none;}
.pc_depth_02 li a{display: block;padding: 14px 30px;color: #fff;background: rgba(72,86,101,0.98);transition: all .2s ease-out;line-height: 1.4em}
.pc_depth_02 li a:hover,
.pc_depth_02 li a:focus,
.pc_depth_02 li a:active{color: #485665;background: #fff;}
.btn_all_area{float: left;display: inline-block;width: 25px;padding: 15px 0;}
.btn_all{display: block;width: 100%;height: 40px;position: relative;}
.btn_all:before{content: "";display: block;width: 100%;height: 2px;background: #fff;position: absolute;top: 13px;left: 0;}
.btn_all:after{content: "";display: block;width: 100%;height: 2px;background: #fff;position: absolute;bottom: 12px;left: 0;}
.all_menu_wrap{display: none;width: 100%;height: calc(100% - 100px);border-top:1px solid #224ea7;background: #fff;position: absolute;top: 100px;left: 0;z-index:1001;overflow: auto;}
.all_menu_wrap.active{display: block; -webkit-animation: fade-in .2s ease-out; animation: fade-in .2s ease-out;}
.all_menu_top{padding: 24px 0 25px;border-bottom:1px solid #2451ab;}
.btn_all_close{display: inline-block;float: right;width: 20px;height: 20px;position: relative;}
.btn_all_close:before{content:"";display: block;width: 25px;height: 2px;background: #333;transform: rotate(45deg);-webkit-transform: rotate(45deg);position: absolute;bottom: 9px;left: -2px;}
.btn_all_close:after{content:"";display: block;width: 25px;height: 2px;background: #333;transform: rotate(-45deg);-webkit-transform: rotate(-45deg);position: absolute;bottom: 9px;left: -2px;}
.all_menu_content{padding-bottom:100px}
.all_list{}
.all_list > li{float: left;width: 23.5%;margin-left: 2%;}
.all_list > li:first-child{margin-left: 0;}
.all_tit{font-size: 20px;font-weight: 800;color: #333;padding: 28px 0 27px;text-align: center;}
.all_depth_01{line-height: 1.3em;}
.all_depth_01 > li{margin-bottom: 10px;}
.all_depth_01 > li > a{display: block;padding: 13px 20px;border:1px solid #234fa8;font-size: 17px;font-weight: 600;color: #234fa8;line-height: 1.35em;}
.all_depth_01 > li > a:hover{text-decoration: underline;}
.all_depth_02{padding: 16px 22px 6px;}
.all_depth_02 li{font-size: 15px;padding: 6px 0 5px 15px;letter-spacing: -0.025em;position: relative;}
.all_depth_02 li:before{content: "";display: block;width: 5px;height: 5px;background: #999;border-radius: 50%;position: absolute;top: 12px;left: 0;}
.all_depth_02 li a{display: block;color: #555;}
.all_depth_02 li a:hover{text-decoration: underline;}

/* sub_layout */
.sub_top_visual {width:100%;height:200px;background-repeat:no-repeat;margin-top:-70px}
.sub_top_visual.visual_01 {background-image:url(../images/common/sub_top_bg01.jpg)}
.sub_top_visual.visual_02 {background-image:url(../images/common/sub_top_bg02.jpg)}
.sub_top_visual.visual_03 {background-image:url(../images/common/sub_top_bg03.jpg)}
.sub_top_visual.visual_04 {background-image:url(../images/common/sub_top_bg04.jpg)}
.lnb_wrap{float:left;width:25%}
.lnb_wrap h2 {font-size:22px;padding:40px 0;text-align:center;background-color:#485665;color:#fff}
.lnb_depth02 {box-sizing:border-box}
.lnb_depth02 > li {font-size:16px;box-sizing:border-box}
.lnb_depth02 > li.active {font-weight:700}
.lnb_depth02 > li.has_depth > a:after {content:"";display:block;width:19px;height:10px;background-image:url(../images/common/sub_menu_arrow.png);background-position:right center;position:absolute;right:20px;top:20px}
.lnb_depth02 > li.has_depth.active > a:after {background-position:left center}
.lnb_depth02 > li > a {display:block;width:100%;height:100%;padding:16px 20px 15px;color:#777;border-bottom: 1px solid #ddd;box-sizing:border-box;position:relative}
.lnb_depth02 > li:first-child > a{border-top: 1px solid #ddd;}
.lnb_depth02 > li.active > a {color:#1f4faf;border-bottom:3px solid #1f4faf}
.lnb_depth02 > li:first-child.active > a{border-top:1px solid #566473;}
.lnb_depth02 > li.active .lnb_depth03{display: block;}
.lnb_depth03 {display:none;padding:20px 20px 20px 20px;border-bottom:1px solid #1f4faf;background: #f5f8fd;}
.lnb_depth03 li {font-size:14px}
.lnb_depth03 li a {display:block;padding:0 0 0 13px;position:relative;line-height:24px;color:#596471;font-weight:400}
.lnb_depth03 li a:before {content: "";display: block;width:7px;height:2px;background:#596471;position:absolute;top:11px;left:0}
.lnb_depth03 li a.on {font-weight:700}
.cont_wrap {float:left;width:75%;padding-left:50px}
.cont_wrap > .cont_top {border-bottom:3px solid #333;padding:23px 0}
.cont_wrap > .cont_top > h3 {font-size:25px}
.cont_wrap > .cont_top > .location {font-size:14px;margin-top:10px}
.cont_wrap > .cont_top > .location > li {display:inline-block}
.cont_wrap > .cont_top > .location > li::after {content:">";margin:0 5px;color:#aaa}
.cont_wrap > .cont_top > .location > li:last-child::after {display:none}
.cont_wrap > .content {padding:50px 0 100px 0;min-height:600px}

/* footer */
footer{background: #414141;padding: 32px 0;}
.footer_area{}
.footer_area > div{float: left;}
.footer_logo{margin: 4px 30px 0 0;}
.footer_add{margin-top: 4px;font-size: 14px;color: #9e9e9e;font-weight: 500;line-height: 1.25em;}
.footer_area .footer_sns{float: right;}
.sns_list li{float: left;margin-left: 5px;}

/* go_top */
.go_top {display:block;position:fixed;right:30px;bottom:30px;z-index:5}
.go_top a {display:block;width:100%;height:100%}

@media (max-width:1400px) {
    .go_top{right:15px}
}



@media screen and (max-width:1300px){
    .wrapper{width: 950px;}
    .footer_add { width: 430px; }
}

@media screen and (max-width:1030px){
    .wrapper{width: 100%;padding: 0 8%;}

    .gnb_mobile,
    .btn_menu,
    .mo_block{display: block;}

    .mo_none{display: none;}

    .logo_area{padding: 23px 0 20px;text-align: left;}
    .logo_area h1{float: left;}

    .btn_menu{display: block;float: right;width: 30px;height: 37px;position: relative;}
    .btn_menu:before{content: "";display: block;width: 25px;height: 2px;background: #333;position: absolute;top: 11px;right: 0;}
    .btn_menu:after{content: "";display: block;width: 25px;height: 2px;background: #333;position: absolute;bottom: 11px;right: 0;}
    .navi_pc_area{display: none;}

    .gnb_m_top {padding: 17px 15px 14px;overflow: hidden;border-bottom:1px solid #ddd}
    .gnb_m_close{display: inline-block;float: right;width: 20px;height: 20px;position: relative;}
    .gnb_m_close:before{content:"";display: block;width: 25px;height: 2px;background: #333;transform: rotate(45deg);-webkit-transform: rotate(45deg);position: absolute;bottom: 9px;left: -2px;}
    .gnb_m_close:after{content:"";display: block;width: 25px;height: 2px;background: #333;transform: rotate(-45deg);-webkit-transform: rotate(-45deg);position: absolute;bottom: 9px;left: -2px;}


    .gnb_mobile{display: block;position: fixed;z-index: 1001;top: 0;right: 0; word-break: keep-all;
        height: 100%;
        width: 30%;
        min-width: 300px;
        overflow-y: auto;
        -webkit-transform: translateX(100%);
        -moz-transform: translateX(100%);
        -ms-transform: translateX(100%);
        -o-transform: translateX(100%);
        transform: translateX(100%);
        -webkit-transition: transform 0.35s ease-out;
        -moz-transition: transform 0.35s ease-out;
        -o-transition: transform 0.35s ease-out;
        transition: transform 0.35s ease-out;
    }
    .gnb_mobile.active{
        -webkit-transform: translateX(0px);
        -moz-transform: translateX(0px);
        -ms-transform: translateX(0px);
        -o-transform: translateX(0px);
        transform: translateX(0px);
    }
    .gnb_m_area{width:100%;float: right;background-color: #fff;height: 100%;padding: 0 0 50px 0;box-sizing: border-box;position: relative;}

    .gnb_mobile .navi_mobile > li{font-size:18px;border-bottom: 1px solid #ddd;background: #fff;font-weight: 500;}
    .gnb_mobile .navi_mobile > li > a{display: block;padding: 15px 15px 13px 17px;color: #222;position: relative;}
    .gnb_mobile .navi_mobile > li > a:before{content:"";display: block;width: 1px;height: 19px;background: #999;position: absolute;top: 14px;right: 24px;transition: all .25s ease-out;opacity: 1}
    .gnb_mobile .navi_mobile > li > a:after{content:"";display: block;width: 19px;height: 1px;background: #999;position: absolute;top: 23px;right: 15px;transition: all .25s ease-out;}
    .gnb_mobile .navi_mobile > li.active > a:before{background: #fff;transform: rotate(-90deg);opacity: 0}
    .gnb_mobile .navi_mobile > li.active > a:after{background: #fff;}
    .gnb_mobile .navi_mobile li a:hover{text-decoration: none;}
    .gnb_mobile .navi_mobile > li.active{border-bottom: 1px solid #214ea6;background: #214ea6;}
    .gnb_mobile .navi_mobile > li.active > a{color: #fff;}
    .gnb_mobile .navi_mobile > li.no_depth > a:before,
    .gnb_mobile .navi_mobile > li.no_depth > a:after{display: none;}

    .gnb_mobile .mo_depth02 {display: none;}
    .gnb_mobile .mo_depth02.active {display: block;}
    .gnb_mobile .mo_depth02 > li{font-size:16px;background: #e9edf0;font-weight: 500;border-bottom: 1px solid #fff;position: relative;}
    .gnb_mobile .mo_depth02 > li:before{content: "";display: block;width: 5px;height: 5px;background: #485665;position: absolute;top: 20px;left: 24px;border-radius: 50%}
    .gnb_mobile .mo_depth02 > li.active{background: #485665;border-bottom: 1px solid #485665;}
    .gnb_mobile .mo_depth02 > li.active > a{color: #fff;padding:12px 15px 11px 34px;}
    .gnb_mobile .mo_depth02 > li.active:before{background: #fff;left: 17px;}
    .gnb_mobile .mo_depth02 > li:last-child{border:none}
    .gnb_mobile .mo_depth02 > li > a{display: block;color: #485665;padding:12px 15px 11px 39px;position: relative;}
    .gnb_mobile .mo_depth02 > li > a:before{content:"";display: block;width: 13px;height: 1px;background: #848e9a;position: absolute;top: 21px;right: 23px;transition: all .25s ease-out;transform: rotate(45deg);-webkit-transform: rotate(45deg);}
    .gnb_mobile .mo_depth02 > li > a:after{content:"";display: block;width: 13px;height: 1px;background: #848e9a;position: absolute;top: 21px;right: 14px;transition: all .25s ease-out;transform: rotate(-45deg);-webkit-transform: rotate(-45deg);}
    .gnb_mobile .mo_depth02 > li.active > a:before{background: #7f8995;transform: rotate(-45deg);-webkit-transform: rotate(-45deg);}
    .gnb_mobile .mo_depth02 > li.active > a:after{background: #7f8995;transform: rotate(45deg);-webkit-transform: rotate(45deg);}
    .gnb_mobile .mo_depth02 > li.no_depth > a:before,
    .gnb_mobile .mo_depth02 > li.no_depth > a:after{display: none;}

    .gnb_mobile .mo_depth03 {display: none;padding: 15px 0 15px 32px;background: #fff;}
    .gnb_mobile .mo_depth03.active {display: block;}
    .gnb_mobile .mo_depth03 > li{font-size:15px;font-weight: 500;}
    .gnb_mobile .mo_depth03 > li > a{display: block;color: #485665;padding:4px 15px 4px 20px;line-height: 18px;position: relative;}
    .gnb_mobile .mo_depth03 > li a:before{content:"";display: block;width: 10px;height: 1px;background: #485665;position: absolute;top: 12px;left: 0;}

    .overlay {position: fixed;z-index: 7;width: 100%;height: 100%;top: 0;left: 0;opacity: 0;visibility: hidden;transition: all 0.35s ease-out;}
    .overlay.active {opacity: 0.4;visibility: visible;background: rgba(0, 0, 0, 1);}

    .sub_top_visual {margin-top:0;background-position:center bottom;height:120px}
    .lnb_wrap {display:none}
    .cont_wrap {width:100%;padding-left:0}

    footer{padding: 36px 8% 43px;text-align: center;}
    .footer_area > div{float: none;display: inline-block;}
    .footer_logo{margin: 0 0 30px 0;}
    .footer_add{width: 100%;margin-top: 0;margin-bottom: 20px;}
    .footer_area .footer_sns{float: none;}
    .sns_list li:nth-child(1){margin-left: 0;}
}

@media screen and (max-width:800px){
}

@media screen and (max-width:600px){
    .wrapper{padding: 0 15px;}
}

@-webkit-keyframes fade-in {
 0% {
   opacity: 0;
 }
 100% {
   opacity: 1;
 }
}
@keyframes fade-in {
 0% {
   opacity: 0;
 }
 100% {
   opacity: 1;
 }
}