/*! * Copyright (c) 2022 WEBLIFE * * Permission is granted to use this file for the period specified in the contract * between WEBLIFE and the client. Usage of this file beyond the contract period * is strictly prohibited unless an extended license or written permission is obtained. * * Modifying or editing this file without prior written consent from WEBLIFE * is not permitted. * * THE FILE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, * INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A * PARTICULAR PURPOSE AND NONINFRINGEMENT. */ .wl-slide-swiper{overflow:hidden}wl-slider-swiper{--swiper-pagination-bullet-horizontal-gap: .6rem;--swiper-pagination-progressbar-size: .7rem;--swiper-theme-color: var(--color-foreground);--swiper-pagination-fraction-color: rgba(var(--color-button), .5);--swiper-pagination-color: rgba(var(--color-button), 1);--swiper-pagination-bullet-inactive-color: rgba(var(--color-button), .5);--swiper-navigation-size: 2.4rem;--swiper-navigation-sides-offset: 1.6rem;--swiper-pagination-bottom: 2%}@media screen and (width < 750px){wl-slider-swiper{--swiper-pagination-bottom: 1.6rem }}wl-slider-swiper{--container-small-height: 40rem;--container-medium-height: 54rem;--container-large-height: 90rem;--container-mobile-small-height: 24rem;--container-mobile-square-height: 100vw;--container-mobile-large-height: 70svh;--content-padding-desktop: 7rem 8rem;--content-padding-mobile: 4rem 2rem;--button-padding: 1.2rem 2.5rem;--pagination-spacing: 2.6rem;--pagination-spacing-mobile: 1.7rem;--subtitle-line-height: 1.64;--letter-spacing: .04em;--pagination-font-size: 1.2rem;--pagination-line-height: 1.6;--slide-transition-timing: cubic-bezier(.23, 1, .32, 1);--slide-transition-duration: var(--ease-out-cubic-bezier-duration);--slide-overlay-transition: transform 1.4s cubic-bezier(.19, 1, .22, 1) .2s;--slide-content-transition: opacity var(--ease-out-cubic-bezier) var(--ease-out-cubic-bezier-duration);--slide-media-transition: transform .8s ease .1s, opacity .5s ease .1s}@media screen and (width < 750px){wl-slider-swiper{--swiper-navigation-size: 1.6rem }}wl-slider-swiper:not([data-animation=false]){opacity:0;visibility:hidden;transition:opacity var(--slide-transition-duration) var(--slide-transition-timing);position:relative}wl-slider-swiper:not([data-animation=false]):after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(rgba(var(--color-background),0),rgba(var(--color-background),1));transform-origin:bottom;transform:translate(0);opacity:1;z-index:1;transition:var(--slide-overlay-transition)}wl-slider-swiper:not([data-animation=false]) .swiper-slide:first-child .swiper-slide__media{visibility:hidden;opacity:0;transform:translate(0) scale(1.02);transform-origin:top;transition:var(--slide-media-transition)}wl-slider-swiper:not([data-animation=false]) .swiper-slide:first-child .swiper-slide__content{opacity:0;visibility:hidden;transition:var(--slide-content-transition)}wl-slider-swiper:not([data-animation=false]).is-initialized{opacity:1;visibility:visible}wl-slider-swiper:not([data-animation=false]).is-initialized:after{opacity:1;transform:translateY(100%)}wl-slider-swiper:not([data-animation=false]).is-initialized .swiper-slide:first-child .swiper-slide__media{transform:translate(0) scale(1);opacity:1;visibility:visible}wl-slider-swiper:not([data-animation=false]).is-initialized .swiper-slide:first-child .swiper-slide__content{opacity:1;visibility:visible}wl-slider-swiper .page-width--full-width{max-width:none;padding:0}wl-slider-swiper .countdown-bar{position:absolute;bottom:0;left:0;height:4px;background-color:#ffffffb3;width:0}wl-slider-swiper .swiper{position:relative;isolation:isolate}wl-slider-swiper .swiper:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(#fff0,#fff);transform-origin:bottom;transform:translate(0);opacity:1;transition:var(--slide-overlay-transition)}wl-slider-swiper .swiper.image-loaded:after{opacity:1;transform:translateY(100%)}wl-slider-swiper .swiper .swiper-wrapper{transition-timing-function:var(--slide-transition-timing)}wl-slider-swiper .swiper .swiper-slide{height:100%;width:100%;position:relative}@media screen and (width < 750px){wl-slider-swiper .swiper .swiper-slide{height:auto}}wl-slider-swiper .swiper .swiper-slide__media{height:100%;width:100%;position:relative;overflow:hidden}wl-slider-swiper .swiper .swiper-slide .slider-image{width:100%;height:100%;object-fit:cover;position:absolute;top:0;right:0;bottom:0;left:0}wl-slider-swiper .swiper .swiper-slide .slider-image-pc{display:block}wl-slider-swiper .swiper .swiper-slide .slider-image-sp{display:none}wl-slider-swiper .swiper .swiper-slide__content{display:flex;position:absolute;top:0;right:0;bottom:0;left:0;box-sizing:border-box}wl-slider-swiper .swiper .swiper-slide__content-box{position:relative;z-index:2;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;align-items:center;border:0;background:none}wl-slider-swiper .swiper .swiper-slide__content-subtitle{margin:0;font-weight:700;line-height:var(--subtitle-line-height);letter-spacing:var(--letter-spacing)}wl-slider-swiper .swiper .swiper-slide__content-title{margin:0;letter-spacing:var(--letter-spacing)}wl-slider-swiper .swiper .swiper-slide__content-text p{margin:.4rem 0}wl-slider-swiper .swiper .swiper-slide__content-button{margin-top:1.8rem;padding:var(--button-padding);min-height:auto;border:none;text-decoration:none;--alpha-button-background: .5}@media screen and (width >= 750px){wl-slider-swiper .swiper .swiper-slide__content-button{font-size:1.6rem}}wl-slider-swiper .swiper .swiper-slide__content-button:hover{opacity:.8}wl-slider-swiper .swiper .swiper-slide .wl-slide-swiper-overlay{position:absolute;display:block;top:0;right:0;bottom:0;left:0;z-index:1;background-color:rgba(var(--color-foreground),var(--between-background-opacity));transition:background-color var(--ease-out-cubic-bezier) var(--ease-out-cubic-bezier-duration)}@media screen and (width >= 750px){wl-slider-swiper .swiper .swiper-slide:hover .wl-slide-swiper-overlay{background-color:rgba(var(--color-foreground),max(calc(var(--between-background-opacity) * 1.4),.05))}}@media screen and (width >= 750px){wl-slider-swiper .swiper .swiper-slide__desktop-full-bleed .swiper-slide__content-button{--buttons-border-width: 0}}@media screen and (width < 750px){wl-slider-swiper .swiper .swiper-slide__mobile-full-bleed .swiper-slide__content-button{--buttons-border-width: 0}}@media screen and (width >= 750px){wl-slider-swiper .container-device-medium-up-size-small{height:var(--container-small-height)}wl-slider-swiper .container-device-medium-up-size-medium{height:var(--container-medium-height)}wl-slider-swiper .container-device-medium-up-size-large{height:var(--container-large-height)}wl-slider-swiper .container-device-medium-up-size-fullsize{height:calc(100svh - var(--header-height, 0px) - var(--announcement-bar-height, 0px))}wl-slider-swiper .swiper-slide__desktop-full-bleed,wl-slider-swiper .swiper-slide__desktop-grid{height:auto}wl-slider-swiper .swiper-slide__content{padding:var(--content-padding-desktop)}wl-slider-swiper .swiper-slide__content--top-left{align-items:flex-start;justify-content:flex-start}wl-slider-swiper .swiper-slide__content--top-center{align-items:flex-start;justify-content:center}wl-slider-swiper .swiper-slide__content--top-right{align-items:flex-start;justify-content:flex-end}wl-slider-swiper .swiper-slide__content--middle-left{align-items:center;justify-content:flex-start}wl-slider-swiper .swiper-slide__content--middle-center{align-items:center;justify-content:center}wl-slider-swiper .swiper-slide__content--middle-right{align-items:center;justify-content:flex-end}wl-slider-swiper .swiper-slide__content--bottom-left{align-items:flex-end;justify-content:flex-start}wl-slider-swiper .swiper-slide__content--bottom-center{align-items:flex-end;justify-content:center}wl-slider-swiper .swiper-slide__content--bottom-right{align-items:flex-end;justify-content:flex-end}wl-slider-swiper .swiper-slide__desktop-grid{display:flex;position:relative;justify-content:center;flex-direction:row-reverse;width:100%;text-decoration:none;overflow:hidden}wl-slider-swiper .swiper-slide__desktop-grid .swiper-slide__media{min-width:53.8rem;max-width:46%}wl-slider-swiper .swiper-slide__desktop-grid .swiper-slide__media .slider-image{position:static}wl-slider-swiper .swiper-slide__desktop-grid .swiper-slide__content{position:static;padding:2rem 6% 1.5rem var(--page-medium-up-horizontal-padding);flex-grow:1;height:auto}wl-slider-swiper .swiper-slide__desktop-grid .swiper-slide__content-button{background-color:transparent;--buttons-border-width: 1px;--color-button-text: var(--color-secondary-button-text)}}@media screen and (width < 750px){wl-slider-swiper .swiper-slide__content{padding:var(--content-padding-mobile)}wl-slider-swiper .swiper-slide__content.mobile-left{text-align:left}wl-slider-swiper .swiper-slide__content.mobile-center{text-align:center}wl-slider-swiper .swiper-slide__content.mobile-right{text-align:right}wl-slider-swiper .swiper-slide__content--mobile-top-left{align-items:flex-start;justify-content:flex-start}wl-slider-swiper .swiper-slide__content--mobile-top-center{align-items:flex-start;justify-content:center}wl-slider-swiper .swiper-slide__content--mobile-top-right{align-items:flex-start;justify-content:flex-end}wl-slider-swiper .swiper-slide__content--mobile-middle-left{align-items:center;justify-content:flex-start}wl-slider-swiper .swiper-slide__content--mobile-middle-center{align-items:center;justify-content:center}wl-slider-swiper .swiper-slide__content--mobile-middle-right{align-items:center;justify-content:flex-end}wl-slider-swiper .swiper-slide__content--mobile-bottom-left{align-items:flex-end;justify-content:flex-start}wl-slider-swiper .swiper-slide__content--mobile-bottom-center{align-items:flex-end;justify-content:center}wl-slider-swiper .swiper-slide__content--mobile-bottom-right{align-items:flex-end;justify-content:flex-end}wl-slider-swiper .swiper-slide__mobile-grid{display:flex;flex-direction:column;width:100%;text-decoration:none}wl-slider-swiper .swiper-slide__mobile-grid .swiper-slide__content{position:static;padding:min(6vw,3rem) 2rem;height:auto}wl-slider-swiper .swiper-slide__mobile-grid .swiper-slide__content-text>div{margin-top:min(5.2vw,2rem)}wl-slider-swiper .swiper-slide__mobile-grid .swiper-slide__content-button{margin-top:min(5.2vw,2rem);background-color:transparent;--buttons-border-width: 1px;--color-button-text: var(--color-secondary-button-text)}wl-slider-swiper .container-device-small-size-small{min-height:var(--container-mobile-small-height)}wl-slider-swiper .container-device-small-size-small .swiper-slide__media{min-height:var(--container-mobile-small-height)}wl-slider-swiper .container-device-small-size-small .swiper-slide__mobile-grid{min-height:0}wl-slider-swiper .container-device-small-size-small .swiper-slide__mobile-grid .swiper-slide__media{min-height:56.25vw;height:56.25vw}wl-slider-swiper .container-device-small-size-spuare{min-height:var(--container-mobile-square-height)}wl-slider-swiper .container-device-small-size-spuare .swiper-slide__media{min-height:var(--container-mobile-square-height)}wl-slider-swiper .container-device-small-size-spuare .swiper-slide__mobile-grid{min-height:0}wl-slider-swiper .container-device-small-size-spuare .swiper-slide__mobile-grid .swiper-slide__media{min-height:62.5vw;height:62.5vw}wl-slider-swiper .container-device-small-size-large{min-height:var(--container-mobile-large-height)}wl-slider-swiper .container-device-small-size-large .swiper-slide__media{min-height:var(--container-mobile-large-height)}wl-slider-swiper .container-device-small-size-large .swiper-slide__mobile-grid{min-height:0}wl-slider-swiper .container-device-small-size-large .swiper-slide__mobile-grid .swiper-slide__media{min-height:80vw;height:80vw}wl-slider-swiper .container-device-small-size-fullsize{min-height:calc(100svh - var(--header-height, 0px) - var(--announcement-bar-height, 0px))}wl-slider-swiper .container-device-small-size-fullsize .swiper-slide__media{min-height:calc(100svh - var(--header-height, 0px) - var(--announcement-bar-height, 0px))}wl-slider-swiper .container-device-small-size-fullsize .swiper-slide__mobile-grid{min-height:0}wl-slider-swiper .container-device-small-size-fullsize .swiper-slide__mobile-grid .swiper-slide__media{min-height:100vw;height:100vw}wl-slider-swiper .swiper .swiper-slide .slider-image-sp{display:block}wl-slider-swiper .swiper .swiper-slide .slider-image-sp+.slider-image-pc{display:none}}wl-slider-swiper .swiper-pagination-fraction,wl-slider-swiper .swiper-pagination-bullets{width:auto!important;font-size:var(--pagination-font-size);font-weight:var(--font-body-weight-bold);line-height:var(--pagination-line-height);letter-spacing:var(--letter-spacing)}wl-slider-swiper .swiper-pagination-fraction.swiper-pagination__center,wl-slider-swiper .swiper-pagination-bullets.swiper-pagination__center{right:auto;left:50%;transform:translate(-50%)}wl-slider-swiper .swiper-pagination-fraction.swiper-pagination__right,wl-slider-swiper .swiper-pagination-bullets.swiper-pagination__right{left:auto;right:8rem}@media screen and (width < 750px){wl-slider-swiper .swiper-pagination-fraction.swiper-pagination__right,wl-slider-swiper .swiper-pagination-bullets.swiper-pagination__right{bottom:2rem;right:2rem}}wl-slider-swiper .swiper-pagination-fraction.swiper-pagination__left,wl-slider-swiper .swiper-pagination-bullets.swiper-pagination__left{left:8rem;right:auto}@media screen and (width < 750px){wl-slider-swiper .swiper-pagination-fraction.swiper-pagination__left,wl-slider-swiper .swiper-pagination-bullets.swiper-pagination__left{bottom:2rem;left:2rem}}wl-slider-swiper .swiper-pagination-countdown{position:absolute;bottom:0;left:0;height:.6rem;width:100%;z-index:2;display:block;background-color:#ffffff4d}wl-slider-swiper .swiper-pagination-countdown__loading{position:absolute;bottom:0;left:0;height:100%;width:0;z-index:2;display:block;background-color:var(--swiper-navigation-color, var(--swiper-theme-color))}wl-slider-swiper:has(.swiper-pagination) .swiper-slide__mobile-grid .swiper-slide__content{padding-bottom:4.2rem}wl-slider-swiper .swiper__image-with-text .swiper-pagination-fraction{right:0;bottom:0}@media screen and (width < 750px){wl-slider-swiper .swiper__image-with-text .swiper-pagination-fraction{bottom:2rem;right:2rem}}@media screen and (width >= 750px){wl-slider-swiper .swiper__image-with-text .swiper-pagination-countdown{display:none}}wl-slider-swiper .swiper-pagination-bullet{max-width:.5rem;height:.5rem;border-radius:100%;opacity:0}wl-slider-swiper .swiper.image-loaded .swiper-pagination-bullet{opacity:1;transition:opacity .3s ease .6s}wl-slider-swiper .swiper-thumbs{height:8rem}@media screen and (width >= 750px){wl-slider-swiper .swiper-thumbs{height:20rem}}