/* ===============================================================
    * full-slide-section
=============================================================== */
.full-slide {width: 100%; height: auto; position: relative;}
.full-slide__wrapper {position: relative;}
.full-slide__tit {position: absolute; z-index: 10; left: 50%; top: 50%; transform: translate(-50%, -50%); color: #fff;}
.full-slide__tit h2 {font-size: 40px; font-weight: 600; margin-bottom: 20px;}
.full-slide__tit p {font-size: 20px; line-height: 26px;}
.full-container {width: 100%; height: 100vh; overflow: hidden; position: relative;}
.full-container .swiper-slide {width: 100%; height: 100%; overflow: hidden; position: relative;}
.full-container .swiper-slide img {width: 100%; height: 100%; object-fit: cover;}
.full-ctrl {position: absolute; left: 0; right: 0; top: 0; bottom: 0;}
.full-ctrl .full-pagination {position: absolute; width: 100%; left: 50%; bottom: 140px; transform: translateX(-50%); line-height: 11px;}
.full-ctrl .swiper-pagination-bullet {width: 6px; height: 6px; margin: 0 10px; background: #aca5a0; opacity: 1;}
.full-ctrl .swiper-pagination-bullet-active {background: #fff; transform: scale(1.8); transform-origin: center;}
.full-ctrl .nav-btn {font-size: 60px; color: #fff; outline: none;}
.full-ctrl .swiper-button-prev {left: 3%;}
.full-ctrl .swiper-button-next {right: 3%;}
.full-slide-section .scroll-icon {position: absolute; left: 50%; bottom: 40px; transform: translateX(-50%); z-index: 1;}
@media (max-width: 820px){
    .full-slide__tit h2 {display: none;}
    .full-slide__tit p {display: none;}
    .full-slide-section .scroll-icon {display: none;}
    .full-container {height: auto; padding-bottom: 50px;}
    .full-ctrl .full-pagination {bottom: 22px;}
    .full-ctrl .swiper-pagination-bullet {width: 4px; height: 4px; margin: 0 5px; background: #a7a7a7;}
    .full-ctrl .nav-btn {font-size: 30px; top: calc(50% - 25px);}
    .play-ctrl-mo {position: absolute; right: 15px; bottom: 20px; cursor: pointer; z-index: 100;}
    .play-ctrl-mo .swiper-button-play,
    .play-ctrl-mo .swiper-button-pause {display: inline-block; font-size: 12px; padding: 0 5px; color: #ccc;}
    .play-ctrl-mo .swiper-button-play.js-active,
    .play-ctrl-mo .swiper-button-pause.js-active {color: #222;}
}


/* ===============================================================
    * fac-info
=============================================================== */
.fac-info {padding: 150px 0; text-align: center;}
.fac-info h2 {font-size: 34px; font-weight: 600; letter-spacing: 0.04em; color: #222;}
.fac-info h3 {font-size: 20px; margin: 30px 0;}
.fac-content {font-size: 14px; line-height: 28px; color: #777;}
@media (max-width: 820px){
    .fac-info {padding: 60px 0;}
    .fac-info h2 {font-size: 24px;}
    .fac-info h3 {font-size: 17px; margin: 15px 0;}
    .fac-content {line-height: 22px;}
}


/* ===============================================================
    * preview-slide .preview-fac
=============================================================== */
.preview-slide {padding: 150px 0; background: #f6f6f6;}
.preview-slide > h2 {font-size: 40px; font-weight: 600; letter-spacing: 0.02em; color: #222; margin-bottom: 60px;}
.preview-slide__wrapper {position: relative;}
.preview-container {padding-bottom: 100px;}
.preview-container .swiper-slide > a {display: block;}
.preview-img {position: relative; width: 100%; height: 250px;}
.preview-img:after {content: ''; position: absolute; left: 0; right: 0; bottom: 0; top: 0; background: rgba(0,0,0,.5); opacity: 0; transition: .3s;}
.preview-img img {width: 100%; height: 100%; object-fit:  cover;}
.overlay-icon {z-index: 1; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); font-size: 24px; color: #fff; opacity: 0; transition: .3s;}
.preview-tit {text-align: center;}
.preview-tit h3 {font-size: 20px; color: #222; margin: 30px 0;}
.preview-tit .preview-btn {display: inline-block; width: 150px; height: 40px; line-height: 38px; font-size: 14px; font-weight: 300; letter-spacing: 0.1em; color: #222; border: 1px solid #444; transition: .3s;}
.preview-ctrl {position: absolute; left: 0;right: 0;top: 0;bottom: 0;}
.preview-ctrl .preview-pagination {z-index: 500; left: 50%; bottom: 10px; transform: translateX(-50%);}
.preview-ctrl .swiper-pagination-bullet {width: 6px; height: 6px; margin: 0 10px; background: #c8c8c8; opacity: 1;}
.preview-ctrl .swiper-pagination-bullet-active {background: #e3a259; transform: scale(1.8); transform-origin: center;}
.preview-ctrl .nav-btn {z-index: 100; font-size: 60px; color: #222; outline: none; top: 125px;}
.preview-ctrl .swiper-button-prev {left: -5%;}
.preview-ctrl .swiper-button-next {right: -5%;}
.preview-img:hover:after {opacity: 1;}
.preview-img:hover .overlay-icon {opacity: 1;}
.preview-container .swiper-slide:hover .preview-tit .preview-btn {background: #e3a259; border-color: #e3a259; color: #fff;}
@media (max-width: 820px){
    .preview-slide {padding: 60px 0;}
    .preview-slide > h2 {font-size: 28px; margin-bottom: 30px;}
    .preview-container {padding-bottom: 50px;}
    .preview-img {height: 194px;}
    .preview-tit h3 {font-size: 18px; margin: 15px 0;}
    .preview-tit .preview-btn {width: 100px; height: 25px; line-height: 22px; font-size: 12px; margin-top: 10px;}
    .preview-ctrl .swiper-pagination-bullet {width: 4px; height: 4px; margin: 0 5px;}
    .preview-ctrl .nav-btn {font-size: 30px; color: #fff; top: 97px;}
    .preview-ctrl .swiper-button-prev {left: 2%;}
    .preview-ctrl .swiper-button-next {right: 2%;}
}