/* ===============================================================
    * facility
=============================================================== */
.fac {position: relative;}
.fac:after {content: ''; position: absolute; left: 0; bottom: 0; width: 70%; height: 70%; background: #f4f4f4; z-index: -1;}
.fac .width-max {display: flex; justify-content: space-between; align-items: flex-start;}
.fac-img {width: 40%;}
.fac-img .img {width: 100%; height: 450px;}
.fac-img .btns {padding: 20px 40px 0 0; display: flex; justify-content: flex-end; align-items: center;}
.fac-img .btns a {width: 170px; height: 52px; margin-left: 20px; line-height: 52px; text-align: center; font-size: 14px; letter-spacing: 0.04em;}
.fac-txt {padding: 60px 150px; background: #fff; box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2);}
.fac-txt h2 {font-size: 32px;}
.fac-txt h3 {font-size: 18px; margin: 20px 0 60px;}
.fac-txt .txt {font-size: 12px; line-height: 24px; color: #777; }
@media (max-width: 992px){
    .fac:after {left: 0; bottom: 0; width: 100%; height: 100%;}
    .fac .width-max {display: block;}
    .fac-img {width: 100%;}
    .fac-img .img {height: auto;}
    .fac-img .btns {padding: 15px 0 40px;}
    .fac-img .btns a {width: 125px; height: 38px; line-height: 38px; margin-left: 10px; font-size: 12px;}
    .fac-txt {padding: 40px 15px;}
    .fac-txt h2 {font-size: 25px;}
    .fac-txt h3 {font-size: 14px; margin: 15px 0 25px;}
    .fac-txt .txt {font-size: 12px; line-height: 20px;}
}