@charset "utf-8";
/* MV */
.mv{background: #1a3558; color: #fff; width: 100%; display: flex; flex-wrap: wrap; margin: 0 0 70px;}
.mv-img{width: 50%; position: relative;}

@media (min-width: 1920px){
    .mv{align-items: center;}
    .mv-img img{width: 100%;}
}

@media (max-width: 1919px) and (min-width: 768px){
    .mv-img img{height: 100%; object-fit: cover; object-position: center;}
}

@media (max-width: 767px){
    .mv{margin: 0 0 60px;}
}

.mv-outer{width: 50%; padding: 40px 20px 50px;}
.mv-inner{max-width: 700px; width: 100%; margin: 0 auto;}
.mv-inner .m-tit{padding: 0 0 20px 0; margin: 0 0 15px; border-bottom: 1px solid #485d79;}

.mv-info{display: flex; justify-content: /*space-between*/left; align-items: center; padding: 20px 0 25px; font-size: 1.4rem; line-height: 1.4; flex-wrap: wrap;}
.mv-sta{border: 1px solid #fff; padding: 0.4em 1.5em 0.5em; border-radius: 34px; color: #fff;margin-right: 10px;margin-bottom: 5px;}

.mv-print{max-width: 305px; margin: 30px auto 0; height: 60px; font-size: 1.6rem; line-height: 1; background: #fff; color: #1a3558; border-radius: 5px; display: flex; align-items: center; justify-content: center; text-align: center; transition: .3s;}
.mv-print:before{content: ''; margin-right: 9px; width: 16px; height: 14px; background: url("../img/common/ic_print_blue.svg") no-repeat top left/100% 100%;}
.mv-print:hover{background: #dfe4ea;}

.contact{background: #fff; color: #161616; text-align: center; padding: 4.5% 5.7% 5.7%; line-height: 1.7;}
.contact-tit{font-size: 2rem; font-weight: 500; margin: 0 0 7px;}
.contact-tel{font-size: 3.8rem; line-height: 1; font-weight: bold; color: #1a3558; font-family: 'Barlow', sans-serif; letter-spacing: 0.05em;}
.contact-tel:before{content: ''; width: 27px; height: 27px; background: url("../img/common/ic_tel.svg") no-repeat top left/100% 100%; display: inline-block; margin-right: 5px;}
.contact-time{font-size: 1.4rem; margin: 0 0 25px;}

.contact-btn{display: flex; flex-wrap: wrap; justify-content: space-between;}
.contact-btn.col1{ justify-content: center;}
.contact-btn a{width: 49%; height: 60px; display: flex; align-items: center; justify-content: center; text-align: center; border-radius: 5px; margin: 2% 0 0 0; transition: .3s; line-height: 1.3; padding: 0 5px;}
.contact-btn a:before{content: ''; margin-right: 10px; display: inline-block; position: relative; top: 1px;}
.contact-btn a:nth-of-type(2n){margin-right: 0;}

.contact-btn a.btn-add{color: #fff; background: #1a3558;}
.contact-btn a.btn-add:before{width: 13px; height: 17px; background: url("../img/common/ic_bookmark.svg") no-repeat top left/100% 100%;}
.contact-btn a.btn-add:hover{background: #336bb3;}
.contact-btn a.btn-delete{color: #fff; background: #737373;}
.contact-btn a.btn-delete:before{width: 13px; height: 17px; background: url("../img/common/ic_bookmark.svg") no-repeat top left/100% 100%;}
.contact-btn a.btn-delete:hover{background: #555;}

.contact-btn a.btn-inquiry{color: #fff; background: #a59466;}
.contact-btn a.btn-inquiry:before{width: 20px; height: 16px; background: url("../img/common/ic_mail.svg") no-repeat top left/100% 100%;}
.contact-btn a.btn-inquiry:hover{background: #cab47a;}

.contact-btn a.btn-vr{border: 1px solid #161616; color: #fff; background: #161616;}
.contact-btn a.btn-vr:before{width: 15px; height: 15px; background: url("../img/common/ic_reload.svg") no-repeat top left/100% 100%;}
.contact-btn a.btn-vr:hover{background: #737373; border: 1px solid #737373;}

.contact-btn a.btn-site{ color: #fff; background: #a93d3d;}
.contact-btn a.btn-site:before{width: 16px; height: 16px; background: url("../img/common/ic_open.svg") no-repeat top left/100% 100%;}
.contact-btn a.btn-site:hover{background: #dc5252;}

@media (max-width: 767px){
    .mv-img{width: 100%;}
    .mv-outer{width: 100%; padding: 25px 20px;}
    .mv-inner .m-tit{padding: 0 0 15px 0; margin: 0 0 12px;}
    .mv-info{font-size: 1.2rem;}
    .mv-btn{margin: 20px 0 0 0;}
    .mv-btn a{font-size: 1.2rem;}
    
    .contact{padding: 15px;}
    .contact-tit{font-size: 1.6rem;}
    .contact-tel{font-size: 3rem;}
    .contact-time{margin: 0 0 15px;}
    .contact-btn a{height: 50px; width: 100%; margin: 8px 0 0 0;}
    .mv-print{ display: none;}
    
    footer{margin-bottom: 70px;}
    #pagetop{bottom: 150px;}
}

/* Detail */
.btn-back{margin: 0 auto;}
.d-desc{line-height: 1.8;}
.detail .m-tit.is-none{margin: 0;}
body.non-kentou .btn-kentou-detail,
body.non-kentou .btn-kentou-box{ display: none !important;}

@media (min-width: 768px){
    .detail{padding-bottom: 100px;}
    .detail .m-tit{margin: 0 0 30px;}
    .group{margin: 0 0 90px;}
}

@media (max-width: 767px){
    .detail{padding-bottom: 60px;}
    .detail .m-tit{margin: 0 0 20px;}
    .group{margin: 0 0 60px;}
    body.non-kentou .floatRex li { width: 100%;}
}

/* Slider */
.slider{line-height: 1; width: 100%; margin: 0 auto;}
.slider-for{background: #f1f4f7;}
.slide{position: relative; overflow: hidden;}
.slide:after{content: ''; display: block; padding-bottom: 52%;}
.slide img{height: 100%; width: auto; max-width: inherit; position: absolute; top: 0; left: 50%; transform: translateX(-50%);}
.slide p{position: absolute; bottom: 0; left: 0; font-size: 1.4rem; line-height: 1; background: #161616; color: #fff; padding: 8px;}

.slider-nav{display: flex; flex-wrap: wrap; margin-top: 30px;}
.slider-nav:before,
.slider-nav:after{display: none;}
.slider-nav .slick-track, 
.slider-nav .slick-list {width: 100% !important;
  -webkit-transform: translate3d(0, 0, 0) !important;
  -moz-transform: translate3d(0, 0, 0) !important;
  -ms-transform: translate3d(0, 0, 0) !important;
  -o-transform: translate3d(0, 0, 0) !important;
  transform: translate3d(0, 0, 0) !important;}
.slider-nav .slick-track{display: flex; flex-wrap: wrap;}
.slider-nav .slick-slide{overflow: hidden;}
.slider-nav .slick-current{opacity: .6;}

.slider-nav .thumb{position: relative; overflow: hidden; background: #f1f4f7;}
.slider-nav .thumb:after{content: ''; display: block; padding-bottom: 64.865%;}
.slider-nav .thumb img{height: auto; width: auto; min-width: 100%; min-height: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}

@media (min-width: 768px){
    .slider-nav .slick-slide{margin-right: 0.833333%; margin-bottom: 0.833333%; width: 9.25% !important;}
    .slider-nav .slick-slide:nth-of-type(10n){margin-right: 0;}
}
@media (max-width: 767px){
    .slide p{font-size: 1.2rem; padding: 4px 8px 6px;}
    .slide:after{padding-bottom: 65%;}
    .slider-nav{margin-top: 20px;}
    .slider-nav .slick-slide{margin-right: 1%; margin-bottom: 1%; width: 19.2% !important;}
    .slider-nav .slick-slide:nth-of-type(5n){margin-right: 0;}    
}

/* Floor */
.floor{margin-top: 30px;}
.floor .slide img{height: 90%; top: 5%;}

@media (max-width: 767px){
    .floor{margin-top: 20px;}
}

/* Map */
.gmap{position: relative;}
.gmap:after{content: ''; display: block; padding-bottom: 40%;}
.gmap iframe{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

@media (max-width: 767px){
    .gmap:after{padding-bottom: 100%;}
}

/* Subnav */
/*
.subnav{display: flex; justify-content: space-between; margin: 0 0 40px;}
.subnav a{width: 31.67%; height: 60px; display: flex; align-items: center; justify-content: center; background: #f1f4f7; color: #1a3558; font-size: 1.8rem; line-height: 1.5; border-radius: 5px; position: relative; transition: .3s;}
.subnav a:after{content: ''; border: solid #1a3558; border-width: 0 2px 2px 0; display: inline-block; padding: 4px; position: absolute; top: 50%; right: 5%; transform: rotate(45deg); -webkit-transform: rotate(45deg); margin-top: -4px;}
.subnav a:hover,
.subnav a.is-active{background: #1a3558; color: #fff;}
.subnav a:hover:after,
.subnav a.is-active:after{border: solid #fff; border-width: 0 2px 2px 0;}

@media (max-width: 767px){
    .subnav{flex-wrap: wrap; margin: 0 0 25px;}
    .subnav a{font-size: 1.4rem; height: 50px; width: 49%;}
    .subnav a:last-of-type{margin-top: 2%;}
    .subnav a:after{padding: 3px;}
}
*/

/* Table */
.tbl-col{display: flex; line-height: 1.8;}
.tbl-col:nth-of-type(1){border-top: 1px solid #ececec; position: relative;}
.tbl-col:nth-of-type(1):before{content: ''; position: absolute; top: -1px; left: 0; width: 120px; height: 1px; background: #1a3558;}
.tbl-col li{padding: 22px 0;}
.tbl-col li:nth-of-type(1){width: 120px; border-bottom: 1px solid #1a3558; font-weight: 500;}
.tbl-col li:nth-of-type(2){width: calc(100% - 120px); border-bottom: 1px solid #ececec; padding-left: 30px;}

@media (max-width: 767px){
    .tbl-col:nth-of-type(1):before{width: 90px;}
    .tbl-col li{padding: 15px 0;}
    .tbl-col li:nth-of-type(1){width: 90px;}
    .tbl-col li:nth-of-type(2){width: calc(100% - 90px); padding-left: 15px;}
}

/* Outline */
.outline-tbl{display: flex; flex-wrap: wrap; margin: 0 0 40px;}
@media (min-width: 768px){
    .outline-tbl .tbl-col{width: 48.33%;}
    .outline-tbl .tbl-col:nth-of-type(2n+1){margin-right: 3.34%;}
    .outline-tbl .tbl-col:nth-of-type(2){border-top: 1px solid #ececec; position: relative;}
    .outline-tbl .tbl-col:nth-of-type(2):before{content: ''; position: absolute; top: -1px; left: 0; width: 120px; height: 1px; background: #1a3558;}
}

@media (max-width: 767px){
    .outline-tbl .tbl-col{width: 100%;}    
    .outline-tbl .tbl-col:nth-of-type(1){order: -9;}
    .outline-tbl .tbl-col:nth-of-type(3){order: -8;}
    .outline-tbl .tbl-col:nth-of-type(5){order: -7;}
    .outline-tbl .tbl-col:nth-of-type(7){order: -6;}
    .outline-tbl .tbl-col:nth-of-type(9){order: -5;}
    .outline-tbl .tbl-col:nth-of-type(2){order: -4;}
    .outline-tbl .tbl-col:nth-of-type(4){order: -3;}
    .outline-tbl .tbl-col:nth-of-type(6){order: -2;}
    .outline-tbl .tbl-col:nth-of-type(8){order: -1;}
    .outline-tbl .tbl-col:nth-of-type(10){order: 0;}
}

.outline-btn{max-width: 500px; width: 100%; margin: 0 auto;}
.outline-btn a[class*="btn-"]{width: 100%; height: 70px; display: flex; align-items: center; justify-content: center; font-size: 1.8rem; line-height: 1.5; border-radius: 5px; position: relative; transition: .3s; margin-bottom: 20px;}
.outline-btn a[class*="btn-"]:before{content: ''; margin-right: 10px; display: inline-block; position: relative; top: 1px;}
.outline-btn a:last-of-type{margin-bottom: 0;}
.outline-btn a:hover img{opacity: .7;}

.outline-btn a.btn-vr{background: #161616; border: 1px solid #161616; color: #fff;}
.outline-btn a.btn-vr:before{width: 26px; height: 26px; background: url("../img/common/ic_reload.svg") no-repeat top left/100% 100%;}
.outline-btn a.btn-vr:hover{background: #737373; border: 1px solid #737373;}

.outline-btn a.btn-site{ color: #fff; background: #a93d3d;}
.outline-btn a.btn-site:before{width: 16px; height: 16px; background: url("../img/common/ic_open.svg") no-repeat top left/100% 100%;}
.outline-btn a.btn-site:hover{background: #dc5252;}

@media (max-width: 767px){
    .outline-btn a[class*="btn-"]{height: 50px; font-size: 1.6rem; margin: 0 0 10px;}
}

/* Recruit  */
.recruit-tbl{width: 100%; border: 1px solid #acb9ca;}
.recruit-tbl th,
.recruit-tbl td{ text-align: center; border-bottom: 1px solid #acb9ca; border-right: 1px solid #acb9ca; line-height: 1.6;}
.recruit-tbl th{background: #d3d9e2; padding: 11px 0; font-weight: 500;}
.recruit-tbl td{padding: 17px 0;}
.recruit-tbl .num{font-size: 125%; font-weight: 500;}

#access .cap{ margin-top: 5px; font-size: 13px;}
.mv-outer .cap {
  font-size: 1.4rem;
  /*text-align: center;*/
  margin-top: 10px;
}

.office-bnr-area { margin: 0 auto 80px; max-width: 1020px;}
.office-bnr-area a{ display: flex; background: #1a3558; height: 100%; border-radius: 5px; overflow: hidden;}
.office-bnr-area a:hover{ opacity: 0.8;}
.office-bnr-area .img{ flex-basis: 34%;}
.office-bnr-area .office-bnr-inner{ flex-basis: 66%; padding: 2vw 3vw; color: white; display: flex; flex-direction: column;}
.office-bnr-area .office-bnr-inner .office-tit { line-height: 1.45em; margin-bottom: 10px; font-size: 1.8rem; font-weight: normal;}
.office-bnr-area img{width: 100%; height: 100%; object-fit: cover; object-position: center;}
.office-bnr-area .link-more{ background: url(/assets/img/office/arrow_circle.svg) no-repeat top 50% left 0 / 18px; margin-top: auto; padding-left: 25px;}


@media (min-width: 767px){
    .recruit-scroll{overflow-x: auto;  -webkit-overflow-scrolling: touch;}
    .recruit-tbl th,
    .recruit-tbl td{width: 29%;}
    .recruit-tbl th:nth-of-type(1),
    .recruit-tbl td:nth-of-type(1){width: 13%;}

    .office-bnr-area ul{ display: flex; flex-wrap: wrap;}
    .office-bnr-area ul li{ flex-basis: calc((100% - 20px) / 2);}
    .office-bnr-area ul li:nth-of-type(even){ margin-left: 20px;}
    .office-bnr-area ul li:nth-of-type(n+3){ margin-top: 20px;}
}
@media (max-width: 767px){
    /* .recruit-tbl{width: 768px;} */
    .recruit-tbl td.sp_head_01{ width: 5em;}
    .recruit-tbl td.sp_head_02{ width: calc(100% - 5em);}
    #access .cap,.mv-outer .cap{ display: none;}
    .office-bnr-area { max-width: 500px;}
    .office-bnr-area ul li:nth-of-type(n+2){ margin-top: 20px;}
    .office-bnr-area .office-bnr-inner{ padding: 3.5vw 5.5vw;}
}
.printHd{display: none;}
@media print {
    body {
        width: 1200px !important;
        zoom: .75;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
.printHd{
display:block;
margin-bottom: 30px;
}
.printHd h1{  line-height: 44px; opacity: 1;}
.printHd h1 img{ width: 357px; height: 44px; opacity: 1;}
   /* header.is-hide,
    header {
  transform: translateY(0) !important;
  -webkit-transform: translateY(0) !important;
        transition: none !important;
        position: static;
        opacity: 1 !important;
    }*/
    .outline-btn, .floatRex, .fix-btn, .btn-menu, .breadcrumb, .contact-btn, footer, .btn-back, #pagetop,.flickSp,.mv-print,#access .cap,.mv-outer .cap,  .sliderWrap .slider-for,header{
        display: none !important;
    }
    .container-1200,
    .recruit-tbl{
        width: 100%!important;
    }
    .detail {
        padding-bottom: 0 !important;
    }
    [class*="fade-"]{
        opacity: 1 !important;
        transition: none !important;
    }
    /*.slider-for .slick-list {
    height: 625px !important;
    }
    .slider-for {
    width: 1200px !important;
    min-height: 625px !important;
    }
    .slider-for img{
    height: 625px !important;
    }
    .sliderWrap{
        page-break-after: always;
    }*/
   .sliderWrap .slider-nav{
        /*padding: 0 80px;*/
        max-width: 920px;
    }
    .slider-nav .thumb img{
        object-fit: contain;
        position: static;
        transform: none;
    }
    .slider-nav .slick-slide,
    .slider-nav .thumb img{
        width: 220px !important;
        height: 220px;
    }
    .slider-nav .slick-current{
        opacity: 1;
    }
    .slider-nav .slick-slide{
        /*width: calc((100% - 30px)/3) !important;*/
        margin:  0 5px 10px !important;
    }
    /*.slider-nav .slick-slide:nth-of-type(n+2){
        margin:  0 5px 10px;
    }*/
    .gmap {
        width: 1200px !important;
        min-height: 480px !important;
    }
    .gmap iframe {
        opacity: 1 !important;
        visibility: visible !important;
        display: block !important;
        position: static;
        width: 1200px !important;
        height: 480px !important;
    }
    .gmap::after {
        padding-bottom: 0;
        display: none !important;
    }
    .gmap img {
        max-width: none !important;
    }
    .mv-img {
        text-align: center;
    }
    .mv,
    .detail .group{
        break-inside: avoid;
    }
    .mv-img img {
        height: auto;
    }
    .mv-img {
        width: 55%;
    }
    .mv-outer {
        width: 45%;
    }
    .outline-tbl .tbl-col {
        width: 48.33%;
    }
    .group {
        margin: 0;
        padding-bottom: 60px;
    }
}