/* ===============================================================
    * facility
=============================================================== */
.fac-box {position: relative;}
.fac-box .imgbox {position: relative; width: 50%; margin-left: auto; padding: 6.25vw; background: var(--color-3);}
.fac-box .width-max {position: absolute; left: 50%; top: 0; transform: translateX(-50%);}
.fac-box .txtbox {position: relative; width: 50%; z-index: 1;}
.fac-box h2 {font-size: 70px; line-height: 80px; width: 60%; padding-top: 40px; margin-left: auto; margin-right: -40px;}
.fac-box .info h3 {font-size: 18px; color: var(--color-2); margin: 70px 0 30px;}
.fac-box .info .txt {font-size: 12px; line-height: 24px; color: #999; padding-right: 60px;}
.img-thumb {margin-top: 120px;}
@media (max-width: 992px){
    .fac.wrap {padding-top: 0;}
    .fac-box {min-height: initial !important;}
    .fac-box .imgbox {width: 100%; padding: 60px 15px;}
    .fac-box .width-max {position: static; transform: none;}
    .fac-box .txtbox {width: 100%;}
    .fac-box h2 {font-size: 35px; line-height: 40px; width: 80%; text-align: right; padding-top: 0; margin-right: 0; margin-top: -30px;}
    .fac-box .info h3 {font-size: 14px; margin: 50px 0 20px;}
    .fac-box .info .txt {font-size: 12px; line-height: 20px; padding-right: 0;}
    .img-thumb {margin-top: 60px;}
}