@charset "utf-8";
/* CSS Document */

/*メニュー*/
.btn-menu{display:block;}
.btn-menu-link{}
.btn-menu-figure{position:relative;}
.btn-menu-figure-image{}
.btn-menu-figure-image-lg{aspect-ratio:694 / 460;object-fit:cover;}
.btn-menu-header{position:absolute;left:0;bottom:0;width:100%;background-color:hsla(174.3, 41.2%, 90%,0.9);padding:0.8em;transition:background-color 0.3s ease-out;}
.btn-menu:hover .btn-menu-header{background-color:hsla(175.4, 67.2%, 38.2%,0.9);}
.btn-menu-header-title{color:#20a399;font-size:1.2em;}
.btn-menu-header-copy{font-size:0.9em;}
.btn-menu:hover .btn-menu-header-title,
.btn-menu:hover .btn-menu-header-copy{color:#fff;}
.btn-menu-title-en{color:#fff;position:absolute;left:1rem ;top:0.5rem;font-size:1.8em;letter-spacing:0.1em;text-shadow:#20a399 1px 1px 0px}

/*メインビジュアル*/
.section-mv{overflow: hidden;width: 100%;}
.swiper-container.swiper-mv{ max-width: 1600px; overflow: visible;}
.swiper-mv-item {max-width: 1600px;margin-left: auto;margin-right: auto;}
.swiper-mv .swiper-slide{opacity: 0.2;transition: opacity 1s ease-out;}
.swiper-mv .swiper-slide-active {opacity: 1;}
.slider-mv-arrow-left,
.slider-mv-arrow-right{width: 3em;height: 100%;position: absolute;top: 0;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;z-index: 2;cursor: pointer;background-color: #FFF;}
.slider-mv-arrow-left:hover,
.slider-mv-arrow-right:hover{background-color: hsla(0, 0%, 100%,1);}
.slider-mv-arrow-left{left:0;}
.slider-mv-arrow-right{right:0;}
/**/
.swiper-mv-thumbnail-item {opacity: 1;cursor: pointer;}
.swiper-slide-thumb-active {position: relative;}
.swiper-slide-thumb-active::after{position: absolute;width: 100%;height: 100%;top: 0;right: 0;bottom: 0;left: 0;border: 0.2em solid #00a499;z-index: 1;content: "";display: block;}
.swiper-mv-thumbnail { max-width: 1600px;padding: 0 3em 0;overflow: hidden;margin-left: auto;margin-right: auto; margin-top: 0.5em;}
.swiper-button-disabled {display: none;}

@media (min-width: 768px){
/*メニュー*/
.btn-menu-figure-image-lg{aspect-ratio:unset;}

/*メインビジュアル*/
.swiper-design-thumbnail {margin-left: auto;margin-right: auto;}

}