/* ===============================================================
    * main1
=============================================================== */
.main1 {position: relative; width: 100%; height: 0; padding-top: 56.25%;}
.main1 iframe{ position:absolute; top:0; left:0; width:100%; height: 100%; }
.main1 .full-img {width: 100%; height: 100%; object-fit: cover;}
.main1 .width-max {position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.main1-txt {text-align: center;}
.main1-txt h1 {position: relative; display: inline-block; font-size: 90px; color: #fff; margin-bottom: 20px; letter-spacing: 0.02em;}
/*.main1-txt h1:after {content: ''; position: absolute; left: 100%; top: -50px; width: 64px; height: 70px; background: url(/img/index/main1-deco.png) no-repeat center / 64px 70px;}*/
.main1-txt p {font-size: 20px; font-weight: 300; line-height: 26px; letter-spacing: 0.15em; color: #fff;}
.main1 .scroll-icon {position: absolute; bottom: 15%; left: 50%; transform: translateX(-50%);}

.main1 .control{ font-size: 0; position: absolute; bottom: 25%; left: 0; right: 0; margin: 0 auto; width: 170px; text-align: center;}
.main1 .control li{ display: inline-block; padding: 0 5px;}
.main1 .control li a{ display: block; font-size: 18px; color: #fff; width: 40px; height: 40px; line-height: 42px; border-radius: 50%; border: 2px solid #fff; text-align: center;}
.main1 .control li i{ color: #fff;}
.main1 .control .play-pause a.hide{ display: none;}
.main1 .control .mute-onoff a.hide{ display: none;}
.vidbox .ratio, .end-video .vimeoWrap {pointer-events: none;}
#ivideo1, #ivideo2 { pointer-events: none;}

@media (max-width: 820px){
    .main1 {height: auto; overflow: hidden;}
    .main1 iframe{ position:absolute; top:-25%; left:-25%; width:150%; height: 150%; }

    .main1-txt h1 {font-size: 35px;}
    .main1-txt h1:after, .main1-txt p, .main1 .scroll-icon {display: none;}
    
    .main1 .control {display: none;}
}



/* ===============================================================
    * half-video-section
=============================================================== */
.half-video {padding: 150px 0;}
.v-ratio {position: relative; width: 100%;}
.v-ratio iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
/* .v-ratio:before {content: ''; display: block; padding-top: 56.25%;} */
.v-top {display: flex; justify-content: space-between; align-items: center; margin-bottom: 150px; position: relative;}
.v-top__video {width: 50%; position: relative;}
.v-top__txt {max-width: 1430px; width: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.v-top__txt-inner {position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: calc(50% - 100px); padding: 50px 0 50px 100px;}
.v-top__txt-inner:after {content: ''; position: absolute; height: 340px; width: 1px; top: 50%; left: 0; transform: translateY(-50%); background: rgba(52,75,83,.4);}
.v-btm {display: flex; justify-content: space-between; align-items: center; position: relative;}
.v-btm__video {width: 50%; margin-left: auto; position: relative;}
.v-btm__txt {max-width: 1430px; width: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.v-btm__txt-inner {position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: calc(50% - 100px); padding: 50px 0 50px 100px;}
.v-btm__txt-inner:after {content: ''; position: absolute; height: 340px; width: 1px; top: 50%; left: 0; transform: translateY(-50%); background: rgba(52,75,83,.4);}
.video-wrap h2 {font-size: 40px; font-weight: 300; line-height: 50px;}
.video-wrap p {font-size: 16px; line-height: 30px; letter-spacing: 0.02em; color: #888; margin: 20px 0 50px;}
.half-v__btn {cursor: pointer; transition: .3s; font-size: 18px; letter-spacing: 0.04em;}
.half-v__btn i{font-size: 40px; vertical-align: middle; display: inline-block; margin-right: 10px;}
.half-v__btn:hover {color: #f28809;}
.video-modal {position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 990; display: none;}
.video-modal.js-video {display: block;}
.video-modal__bg {position: absolute; left: 0;right: 0;top: 0;bottom: 0;background: rgba(0,0,0,.7);}
.video-modal__wrap {position: absolute;left: 10%;right: 10%;top: 10%;}
.video-modal__wrap iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.video-close {position: absolute; top: -40px; right: -30px; font-size: 30px; color: #fff;}

.video-area img {width: 100%; height: 100%; object-fit: cover;}
.video-area {width: 100%; height: 0; padding-top: 56.25%;}
.img-icon span {font-weight: 300;}
.img-icon .bg1 {display: inline-block; width: 39px; height: 39px; line-height: 39px; text-align: center; border-radius: 50%; margin-right: 20px;}

@media (max-width: 1024px){
    .v-top__txt-inner {padding: 50px 0 50px 50px; width: 50%;}
    .v-top__txt-inner:after {display: none;}
    .v-btm__txt-inner {padding: 50px 0 50px 50px; width: 50%;}
    .v-btm__txt-inner:after {display: none;}
}
@media (max-width: 820px){
    .half-video {padding: 60px 15px;}
    .v-top {flex-wrap: wrap; margin-bottom: 30px;}
    .v-top__video {width: 100%;}
    .v-top__txt {max-width: 100%; width: 100%; position: static; transform: none;}
    .v-top__txt-inner {position: relative; transform: none; width: 100%; padding: 30px 0 0; margin-top: 30px; text-align: center;}
    .v-top__txt-inner:after {display: block; height: 1px; width: calc(100% - 60px); left: 50%; top: 0; transform: translateX(-50%);}
    .v-btm {flex-wrap: wrap;}
    .v-btm__video {order: 1; width: 100%; margin: 0;}
    .v-btm__txt {order: 2; max-width: 100%; width: 100%; position: static; transform: none;}
    .v-btm__txt-inner {position: relative; transform: none; width: 100%; padding: 30px 0 0; margin-top: 30px; text-align: center;}
    .v-btm__txt-inner:after {display: block; height: 1px; width: calc(100% - 60px); left: 50%; top: 0; transform: translateX(-50%);}
    .video-wrap h2 {font-size: 25px; line-height: 30px;}
    .video-wrap p {font-size: 14px; line-height: 20px; margin: 20px 0;}
    .half-v__btn {font-size: 12px;}
    .half-v__btn i {font-size: 20px;}
    .video-modal__wrap {top: 7%;}
    .video-close {font-size: 24px; top: -30px; right: -20px;}

    .img-icon .bg1 {width: 30px; height: 30px; line-height: 30px; margin-right: 10px;}
}


/* ===============================================================
    * full-slide-section
=============================================================== */
.full-slide-section {margin-bottom: 150px;}
.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-section {margin-bottom: 30px;}
    .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;}
}


/* ===============================================================
    * type1
=============================================================== */
.type1 {width: 100%; height: 100vh; display: flex; justify-content: space-between;}
.type1 img {width: 100%; height: 100%; object-fit: cover;}
.type1-box {position: relative; flex:1; transition: .5s;}
.type1-box:after {pointer-events: none; content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0, 0, 0, 0.25);}
.type1-box:hover {flex:2;}
.type1-box a {display: block; height: 100%;}
.type1-txt {z-index: 1; position: absolute; width: 100%; text-align: center; top: 50%; transform: translateY(-50%); color: #fff;}
.type1-txt .span-title {font-size: 16px; line-height: 26px; font-weight: 200; letter-spacing: 0.1em; display: inline-block; margin-bottom: 20px;}
.type1-txt h2 {font-size: 1.3vw; line-height: 1.7vw; margin: 10px 0 20px;}
.type1-txt .hidden {font-size: 16px; margin: 10px 0 30px; opacity: 0; transition: .3s;}
.type1-txt .mo_text{display:none;}
.type1-box:hover .type1-txt .hidden {opacity: 1;}
.type1-txt .span-pension {font-size: 16px; font-weight: 200; letter-spacing: 0.04em;}
.type1-box.js-un .type1-txt {opacity: 0;}
.type1-box.js-focus .type1-txt {animation: blink .7s forwards ease-in;}
.type1-box.js-focus .type1-txt br {display: none;}
@keyframes blink {
    0% {opacity: 0;}
    100% {opacity: 1;}
}
@media (max-width: 820px){
    .type1 {display: block; height: auto; background: #f6f6f6; padding: 50px 15px 30px;}
    .type1 img {height: 195px;}
    .type1-box {width: 100%; margin-bottom: 0;}
    .type1-box:after {display: none;}
    .type1-txt {position: static; transform: none; color: #777;}
    .type1-txt .span-title, .type1-txt h2, .type1-txt .span-pension {display: none;}
    .type1-txt .hidden {opacity: 1; font-weight:800; font-size:18px; margin-top:20px; margin-bottom:6px; color:#222;}
	.type1-txt .mo_text{display:block; font-size:14px; line-height:1.8; margin-bottom:30px; color:#888; font-weight:400;}
	.type1-txt .last_text {margin-bottom:20px;}
    .type1-box.js-un .type1-txt {opacity: 1;}
    .type1-box.js-focus .type1-txt {animation: none;}
}



/* ===============================================================
    Multi Slide Section
=============================================================== */
.multi-slide {position: relative; display: flex; justify-content: space-between; align-items: center; width: 100%; height: 580px; overflow: hidden; background: linear-gradient(to right, #fff 0%, #fff 50%, #e3a259 50%, #e3a259 100%);}
.multi-slide__left {width: 50%;}
.multi-wmax {position: absolute; display: flex; align-items: center; max-width: 1430px; width: 100%; height: 100%; left: 50%; top: 50%; transform: translate(-50%, -50%); pointer-events: all;}
.multi-slide__tit {width: 25%; margin-top: -120px; padding-left: 15px;}
.multi-slide__tit h2 {font-size: 34px; line-height: 42px; font-weight: 350; letter-spacing: 0.04em; color: #222; margin-bottom: 10px;}
.multi-slide__tit p {font-size: 18px; line-height: 26px; letter-spacing: 0.02em; color: #888;}
.multi-slide__right {width: 50%;}
.multi-container {margin-left: -240px;}
.multi-container .swiper-slide {max-width: 480px; width: calc(100% - 30px); height: 280px; position: relative;}
.multi-container .swiper-slide:after {opacity: 0; transition: .4s; content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: rgba(34,34,34,.8);}
.multi-container .swiper-slide img {width: 100%; height: 100%; object-fit: cover;}
.multi-container .swiper-slide:hover:after {opacity: 1;}
.multi-container .swiper-slide:hover .multi-slide__txt {opacity: 1;}
.multi-slide__txt {opacity: 0; transition: .4s; z-index: 1; position: absolute; text-align: center; left: 30px; right: 30px; top: 30px; bottom: 30px; border: 1px solid rgba(255,255,255,.2); border-left: none; border-right: none;}
.multi-slide__txt-inner {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%;}
.multi-slide__txt-inner h3 {font-size: 24px; font-weight: 100; letter-spacing: 0.04em; color: rgba(255,255,255,.6); margin-bottom: 10px;}
.multi-slide__txt-inner p {font-size: 20px; letter-spacing: 0.04em; color: #fff;}
.multi-ctrl {position: absolute; max-width: 1430px; width: 100%; left: 50%; top: 60%; transform: translateX(-50%); }
.multi-ctrl .nav-btn {font-size: 26px; color: #222; outline: none; transition: .3s; width: 30px;}
.multi-ctrl .nav-btn:hover {color: #e3a259;}
.multi-ctrl .swiper-button-prev {left: 15px;}
.multi-ctrl .swiper-button-next {right: initial; left: 60px; color: #222;}
@media (max-width: 820px){
    .multi-slide {height: auto; padding: 30px 0; flex-wrap: wrap; background: linear-gradient(to bottom, #fff 0%, #fff 67%, #fff 67%, #fff 100%);}
    .multi-slide__left {width: 100%; margin-bottom: 70px;}
    .multi-wmax {position: static; transform: none;}
    .multi-slide__tit {position: static; text-align: center; transform: none; margin-top: 0; width: 100%; padding-left: 0;}
    .multi-slide__tit h2 {font-size: 26px; line-height: 30px;}
    .multi-slide__tit p {font-size: 14px;}
    .multi-slide__right {width: 100%; position: relative; padding-left: 0;}
    .multi-container {margin-left: 0; padding: 0 15px 50px;}
    .multi-container .swiper-slide {max-width: 100%; width: 100%; height: 185px;}
    .multi-container .swiper-slide:after {opacity: 1; background: rgba(247, 163, 163, 0.2);}
    .multi-slide__txt {opacity: 1; top: 15px; bottom: 15px; left: 15px; right: 15px;}
    .multi-slide__txt-inner h3 {font-size: 20px;}
    .multi-slide__txt-inner p {font-size: 16px;}
    .multi-ctrl {top: -35px; width: 100%; left: 50%;}
    .multi-ctrl .swiper-button-prev {left: calc(50% - 40px);}
    .multi-ctrl .swiper-button-next {left: initial; right: calc(50% - 40px);}
}


/* ===============================================================
    * main-room-section
=============================================================== */
.main-room {width: 100%; height: 600px; position: relative; z-index: 1;}
.main-room:after {content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0,0,0,.6); z-index: -1;}
.main-room__txt {display: flex; justify-content: space-between; align-items: center; height: 100%; width: 100%; color: #fff;}
.main-room__title {width: 50%; position: relative; z-index: 1;}
.main-room__title h2 {font-size: 40px; font-weight: 600; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.main-room__link {width: 50%; text-align: left; z-index: 1;}
.main-room__link p {font-size: 16px; line-height: 28px; margin-bottom: 50px;}
.main-room__link a {font-size: 16px; font-weight: 300; letter-spacing: 0.04em;}
.main-room__line {display: inline-block; width: 50px; height: 1px; background: #fff; margin-bottom: 5px; margin-right: 20px; transition: .5s;}
.main-room__link a:hover .main-room__line {width: 80px;}
@media (max-width: 820px){
    .main-room {height: 260px; padding: 60px 0;}
    .main-room__txt {display: block;}
    .main-room__title {width: 100%; text-align: center;}
    .main-room__title h2 {font-size: 24px; line-height: 35px; position: static; transform: none;}
    .main-room__link {width: 100%; text-align: center;}
    .main-room__link p {font-size: 14px; line-height: 20px; margin: 25px 0;}
    .main-room__link a {font-size: 12px;}
    .main-room__line {width: 25px; margin-right: 10px;}
    .main-room__link a:hover .main-room__line {width: 25px;}
}

/* ===============================================================
    Bottom Video Section
=============================================================== */
/* .btm-video {padding: 150px 0 0;} */
.btm-video__tit {text-align: center;}
.btm-video .width-max{ max-width: 100%; padding: 0;}
.btm-video__tit h2 {font-size: 36px; font-weight: 400; line-height: 48px; color: #222;}
.btm-video__tit p {font-size: 12px; font-weight: 200; line-height: 24px; letter-spacing: 0.02em; margin: 50px 0 70px; color: #ccc;}
.btm-video__line {display: inline-block; width: 100px; background: #999; height: 1px; margin-bottom: 50px;}
.btm-video__area { position:relative; padding-bottom:56.25%; height:0; overflow:hidden; margin:0;}
.btm-video__area iframe {position:absolute; top:0; left:0; width:100%; height:100%;}
.lastmovie { pointer-events: none;}
@media (max-width: 820px){
    .btm-video {padding: 60px 0;}
    .btm-video__tit h2 {font-size: 20px; line-height: 25px; margin-bottom: 50px;}
    .btm-video__tit p {display: none;}
    .btm-video__line {margin-bottom: 24px;}
}