.key-visual-banner{--kv-controller-background-color:silver;--kv-controller-indicator-opacity:.5;background:#fff;width:100%;position:relative;overflow:hidden}.key-visual-banner--dark{--kv-controller-background-color:#d0d0d0}@media screen and (max-width:720px){.key-visual-banner{--kv-pagination-bottom:20px;--kv-nav-offset:24px;--kv-nav-size:0;--kv-controller-gap:10px;--kv-controller-bar-width:24px;--kv-controller-bar-height:14px;--kv-content-width:296px;--kv-content-padding-top:60px;--kv-content-padding-x:0;--kv-content-padding-bottom:60px;--kv-title-text-width:296px;--kv-title-svg-width:300px;--kv-subtitle-text-width:296px;--kv-title-font-size:24px;--kv-title-font-weight:700;--kv-subtitle-margin-top:4px;--kv-subtitle-svg-margin-top:12px;--kv-subtitle-font-size:16px;--kv-subtitle-line-height:20px;--kv-subtitle-font-weight:500;--kv-button-margin-top:20px;--kv-button-font-size:14px;--kv-button-line-height:14px;--kv-button-width:140px;--kv-button-padding-x:12px;--kv-button-gap:4px;--kv-button-icon-size:12px;--kv-slide-height:500px;padding-bottom:8px}}@media screen and (min-width:721px) and (max-width:1024px){.key-visual-banner{--kv-pagination-bottom:16px;--kv-nav-offset:24px;--kv-nav-size:42px;--kv-controller-gap:12px;--kv-controller-bar-width:111px;--kv-controller-bar-height:14px;--kv-content-width:660px;--kv-content-padding-top:48px;--kv-content-padding-x:0;--kv-content-padding-bottom:0;--kv-title-text-width:660px;--kv-title-svg-width:660px;--kv-subtitle-text-width:660px;--kv-title-font-size:48px;--kv-title-font-weight:700;--kv-subtitle-margin-top:4px;--kv-subtitle-svg-margin-top:10px;--kv-subtitle-font-size:20px;--kv-subtitle-line-height:24px;--kv-subtitle-font-weight:500;--kv-button-margin-top:16px;--kv-button-font-size:16px;--kv-button-line-height:16px;--kv-button-width:160px;--kv-button-padding-x:16px;--kv-button-gap:6px;--kv-button-icon-size:14px;--kv-slide-height:570px;padding-bottom:8px}}@media screen and (min-width:1025px) and (max-width:1440px){.key-visual-banner{--kv-pagination-bottom:16px;--kv-nav-offset:24px;--kv-nav-size:42px;--kv-controller-gap:16px;--kv-controller-bar-width:140px;--kv-controller-bar-height:18px;--kv-content-width:800px;--kv-content-padding-top:56px;--kv-content-padding-x:0;--kv-content-padding-bottom:0;--kv-title-text-width:800px;--kv-title-svg-width:800px;--kv-subtitle-text-width:800px;--kv-title-font-size:48px;--kv-title-font-weight:700;--kv-subtitle-margin-top:6px;--kv-subtitle-svg-margin-top:16px;--kv-subtitle-font-size:20px;--kv-subtitle-line-height:24px;--kv-subtitle-font-weight:500;--kv-button-margin-top:16px;--kv-button-font-size:16px;--kv-button-line-height:16px;--kv-button-width:195px;--kv-button-padding-x:24px;--kv-button-gap:10px;--kv-button-icon-size:14px;--kv-slide-height:580px;padding-bottom:12px}}@media screen and (min-width:1441px) and (max-width:1920px){.key-visual-banner{--kv-pagination-bottom:16px;--kv-nav-offset:24px;--kv-nav-size:42px;--kv-controller-gap:16px;--kv-controller-bar-width:140px;--kv-controller-bar-height:18px;--kv-content-width:800px;--kv-content-padding-top:56px;--kv-content-padding-x:0;--kv-content-padding-bottom:0;--kv-title-text-width:800px;--kv-title-svg-width:800px;--kv-subtitle-text-width:800px;--kv-title-font-size:48px;--kv-title-font-weight:700;--kv-subtitle-margin-top:6px;--kv-subtitle-svg-margin-top:16px;--kv-subtitle-font-size:20px;--kv-subtitle-line-height:24px;--kv-subtitle-font-weight:500;--kv-button-margin-top:16px;--kv-button-font-size:16px;--kv-button-line-height:16px;--kv-button-width:195px;--kv-button-padding-x:24px;--kv-button-gap:10px;--kv-button-icon-size:14px;--kv-slide-height:580px;padding-bottom:12px}}@media screen and (min-width:1921px){.key-visual-banner{--kv-pagination-bottom:16px;--kv-nav-offset:24px;--kv-nav-size:42px;--kv-controller-gap:16px;--kv-controller-bar-width:140px;--kv-controller-bar-height:18px;--kv-content-width:800px;--kv-content-padding-top:56px;--kv-content-padding-x:0;--kv-content-padding-bottom:0;--kv-title-text-width:800px;--kv-title-svg-width:800px;--kv-subtitle-text-width:800px;--kv-title-font-size:48px;--kv-title-font-weight:700;--kv-subtitle-margin-top:6px;--kv-subtitle-svg-margin-top:16px;--kv-subtitle-font-size:20px;--kv-subtitle-line-height:24px;--kv-subtitle-font-weight:500;--kv-button-margin-top:16px;--kv-button-font-size:16px;--kv-button-line-height:16px;--kv-button-width:195px;--kv-button-padding-x:24px;--kv-button-gap:10px;--kv-button-icon-size:14px;--kv-slide-height:580px;padding-bottom:12px}}@media screen and (min-width:721px) and (max-width:1024px) and (min-height:734px){.key-visual-banner{--kv-slide-height:650px}}@media screen and (min-width:1025px) and (min-height:776px){.key-visual-banner{--kv-slide-height:692px}}.key-visual-banner .swiper-pagination{bottom:var(--kv-pagination-bottom);justify-content:center;gap:12px;display:flex}.key-visual-banner .swiper-pagination-bullet{opacity:1;background:rgba(255,255,255,.42);border-radius:999px;width:36px;height:3px;margin:0}.key-visual-banner .swiper-pagination-bullet-active{background:currentColor}@keyframes kv-progress{0%{width:0%}to{width:100%}}.key-visual-banner__swiper,.key-visual-banner__slide,.key-visual-banner__media,.key-visual-banner__video{width:100%;height:100%;display:block}.key-visual-banner__slide{position:relative;overflow:hidden}.key-visual-banner__media{position:absolute;top:0;bottom:0;left:0;right:0}.key-visual-banner__picture{width:100%;height:100%;display:block;position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}.key-visual-banner .key-visual-banner__picture .key-visual-banner__image,.key-visual-banner .slide__background .slide__background-img{object-fit:unset;width:auto;max-width:none;height:100%;display:block;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.key-visual-banner__video,.key-visual-banner .slide__background--video{object-fit:cover;width:100%;height:100%}.key-visual-banner .slide__background{width:100%;height:100%;display:block;position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}.key-visual-banner .slide__background--hide{opacity:0}.key-visual-banner__swiper-wrap{height:var(--kv-slide-height);position:relative}.key-visual-banner__content{z-index:1;box-sizing:border-box;width:min(100%,var(--kv-content-width));padding:var(--kv-content-padding-top)var(--kv-content-padding-x)var(--kv-content-padding-bottom);color:#fff;text-align:center;pointer-events:none;margin:0 auto;position:relative}.key-visual-banner__slide--layout-center .key-visual-banner__content{top:50%;transform:translateY(-50%)}.key-visual-banner__slide--title-black .key-visual-banner__content{color:#191919}.key-visual-banner__slide--title-white .key-visual-banner__content{color:#f7f7f7}.key-visual-banner__title{width:min(100%,var(--kv-title-text-width));max-width:100%;font-weight:var(--kv-title-font-weight);font-size:var(--kv-title-font-size);letter-spacing:0;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 auto;display:-webkit-box;overflow:hidden}.key-visual-banner__title--svg{width:min(100%,var(--kv-title-svg-width));-webkit-line-clamp:initial;line-height:0;display:block}.key-visual-banner__title--svg picture{display:block}.key-visual-banner__title-svg{width:100%;height:auto;margin:0 auto;display:block}.key-visual-banner__subtitle{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;max-width:min(100%,var(--kv-subtitle-text-width));margin:var(--kv-subtitle-margin-top)auto 0;font-weight:var(--kv-subtitle-font-weight);font-size:var(--kv-subtitle-font-size);line-height:var(--kv-subtitle-line-height);letter-spacing:0;-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.key-visual-banner__title--svg+.key-visual-banner__subtitle{max-width:min(100%,var(--kv-title-svg-width));margin-top:var(--kv-subtitle-svg-margin-top)}.key-visual-banner__button{gap:var(--kv-button-gap);box-sizing:border-box;min-width:var(--kv-button-width);margin-top:var(--kv-button-margin-top);padding:0 var(--kv-button-padding-x);color:inherit;font-size:var(--kv-button-font-size);line-height:var(--kv-button-line-height);pointer-events:auto;background:0 0;border:0;justify-content:center;align-items:flex-end;text-decoration:none;transition:opacity .2s;display:inline-flex}.key-visual-banner__button-text{line-height:var(--kv-button-line-height);white-space:nowrap;display:block}.key-visual-banner__button-icon{width:var(--kv-button-icon-size);height:var(--kv-button-icon-size);flex-shrink:0;line-height:0;display:block}.key-visual-banner .mirror{transform:initial;display:inline-block}[dir=rtl] .key-visual-banner .mirror{transform:rotateY(180deg)}.key-visual-banner .mirror [dir=rtl]{transform:rotateY(180deg)}.key-visual-banner__slide--button-black .key-visual-banner__button{color:#191919}.key-visual-banner__slide--button-white .key-visual-banner__button{color:#fff}.key-visual-banner__button:hover{opacity:.72}.key-visual-banner__nav{z-index:2;box-sizing:border-box;width:var(--kv-nav-size);height:var(--kv-nav-size);color:silver;cursor:pointer;opacity:.5;background:0 0;border:0;justify-content:center;align-items:center;padding:0;transition:opacity .2s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.key-visual-banner__nav:hover,.key-visual-banner__nav:focus{opacity:1}.key-visual-banner__nav:focus-visible{opacity:1}.key-visual-banner__nav--prev{left:var(--kv-nav-offset)}.key-visual-banner__nav--next{right:var(--kv-nav-offset)}.key-visual-banner__nav-icon{font-size:var(--kv-nav-size);line-height:1}@media screen and (max-width:720px){.key-visual-banner__nav{display:none}}.key-visual-banner__controller{right:0;bottom:var(--kv-pagination-bottom);z-index:2;gap:var(--kv-controller-gap);pointer-events:auto;justify-content:center;align-items:center;display:flex;position:absolute;left:0}.key-visual-banner__controller:hover{--kv-controller-indicator-opacity:.7}.key-visual-banner__controller-bar{width:var(--kv-controller-bar-width);height:var(--kv-controller-bar-height);cursor:pointer;opacity:var(--kv-controller-indicator-opacity);background:0 0;border:0;align-items:center;padding:0;transition:opacity .5s,background-color .5s,font-size .5s;display:flex}.key-visual-banner__controller-bar:hover,.key-visual-banner__controller-bar:focus,.key-visual-banner__controller-bar--current{opacity:1}.key-visual-banner__controller-bar:focus-visible{opacity:1}.key-visual-banner__controller-bar:focus-visible{outline:4px solid var(--outline-color)}.key-visual-banner__controller-track{background:var(--kv-controller-background-color);border-radius:999px;width:100%;height:2px;transition:opacity .5s,background-color .5s,font-size .5s;display:block;overflow:hidden}.key-visual-banner__controller-progress{background:#ff6900;border-radius:999px;width:0;height:2px;display:block}.key-visual-banner__controller-bar--current .key-visual-banner__controller-progress{animation-name:kv-progress;animation-duration:5s;animation-timing-function:linear;animation-iteration-count:1;animation-play-state:paused}.key-visual-banner__controller-bar--playing .key-visual-banner__controller-progress{animation-play-state:running}.key-visual-banner__controller-toggle{width:var(--kv-controller-bar-height);height:var(--kv-controller-bar-height);color:var(--kv-controller-background-color);cursor:pointer;opacity:var(--kv-controller-indicator-opacity);background:0 0;border:0;justify-content:center;align-items:center;padding:0;line-height:0;transition:opacity .5s,background-color .5s,font-size .5s;display:flex}.key-visual-banner__controller-toggle:hover,.key-visual-banner__controller-toggle:focus{opacity:1}.key-visual-banner__controller-toggle:focus-visible{opacity:1}.key-visual-banner__controller-toggle:focus-visible{outline:4px solid var(--outline-color)}.key-visual-banner__controller-icon{color:var(--kv-controller-background-color);font-size:var(--kv-controller-bar-height);line-height:1}@media screen and (max-width:720px){.key-visual-banner__title{-webkit-line-clamp:3}.key-visual-banner__subtitle{-webkit-line-clamp:4}}