/* ===============================================================
    * facilities
=============================================================== */
body {background: #f6f6f6;}
.facilities {position: relative;}
.facilities:after {content: ''; position: absolute; right: 0; top: 0; width: 1110px; height: 797px; background: url(/img/bg/bg-facilities.png) no-repeat right top / cover; z-index: -1;}
.facilities .item a {position: relative; padding: 60px 0 80px; display: flex; justify-content: space-between; align-items: flex-start;}
.facilities .item:last-of-type a {padding-bottom: 0;}
.facilities .item .img {width: 70%; height: 450px; overflow: hidden; box-shadow: 2px 0 6px rgba(34,34,34,.2);}
.facilities .item .img img {transition: .4s;}
.facilities .item .tit {position: absolute; padding: 60px; right: 0; top: 0; width: 500px; background: #fff; box-shadow: 2px 0 6px rgba(34,34,34,.2);}
.facilities .item .tit h2 {font-size: 26px;}
.facilities .item .tit h3 {font-size: 18px; margin: 20px 0 60px;}
.facilities .item .tit p {width: 170px; height: 52px; line-height: 52px; text-align: center; background: var(--color-1); font-size: 14px; letter-spacing: 0.04em; color: #fff; transition: .4s;}
.facilities .item a:hover .img img {transform: scale(1.1);}
.facilities .item a:hover .tit p {background: var(--color-2);}
.facilities .item:nth-of-type(2n) .img {order: 2; margin-left: auto;}
.facilities .item:nth-of-type(2n) .tit {right: initial; left: 0;}
@media (max-width: 992px){
    .facilities {padding-bottom: 60px;}
    .facilities .item {margin-bottom: 30px;}
    .facilities .item:last-of-type {margin-bottom: 0;}
    .facilities .item a {padding: 0; display: block;}
    .facilities .item .img {width: 100%; height: 170px;}
    .facilities .item .tit {position: relative; z-index: 10; padding: 30px; width: 80%; margin-top: -30px; margin-left: auto;}
    .facilities .item .tit h2 {font-size: 20px;}
    .facilities .item .tit h3 {font-size: 14px; margin: 15px 0 30px;}
    .facilities .item .tit p {width: 124px; height: 35px; line-height: 35px; font-size: 12px;}
    .facilities .item:nth-of-type(2n) .tit {margin-left: 0; margin-right: auto;}
}