@charset "UTF-8";
/* 
//////////////////////////////////////////////////////////////////////////////////////////
default settings
//////////////////////////////////////////////////////////////////////////////////////////
*/
#header .header__wrapper {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: var(--zindex-header);
}

#header:not(.is-open).header .drawer-btn__border,
#header:not(.is-open).header .drawer-btn__border::after,
#header:not(.is-open).header .drawer-btn__border::before {
  background: #ffffff;
}

#header .header__inner svg {
  fill: #ffffff;
}

#header .header__inner .cls-4 {
  stroke: #ffffff;
}

#header .navigation__icon {
  color: #ffffff;
}
.AU251119WARM {
  --pc-width: 1400;
  --sp-width: 750;
  --pc-artboard-width: 450;
  --sp-artboard-width: 750;
  --formula: calc(var(--variable) * var(--ratio));
  --formula_pc: calc(var(--variable) * 1);
}

@media (min-width: 1401px) {
  .AU251119WARM {
    --ratio: calc(var(--pc-artboard-width) / var(--sp-artboard-width));
    --variable: 1px;
  }
}

@media (min-width: 768px) and (max-width: 1400px) {
  .AU251119WARM {
    --ratio: calc(var(--pc-artboard-width) / var(--sp-artboard-width));
    --variable: calc(100vw / var(--pc-width));
  }
}

@media (max-width: 767px) {
  .AU251119WARM {
    --ratio: 1;
    --variable: calc(100vw / var(--sp-width));
  }
}

.AU251119WARM img {
  display: block;
  width: 100%;
  height: auto;
}

.AU251119WARM h2,
.AU251119WARM h3,
.AU251119WARM p,
.AU251119WARM li {
  margin-block: calc((1em - 1lh) / 2);
}

.AU251119WARM .invisible-heading {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
/* 
//////////////////////////////////////////////////////////////////////////////////////////
animation settings
//////////////////////////////////////////////////////////////////////////////////////////
*/
.AU251119WARM .mv_pc,
.AU251119WARM .mv__text-cont,
.AU251119WARM .stagger-img,
.AU251119WARM .stagger-txt,
.AU251119WARM .scroll-txt,
.AU251119WARM .scroll-img {
  visibility: hidden;
}
/* 
//////////////////////////////////////////////////////////////////////////////////////////
common settings
//////////////////////////////////////////////////////////////////////////////////////////
*/
.AU251119WARM {
  padding-top: 25px;
  --darkgreen: #171e1e;
  --white: #ffffff;
  --black: #000000;
  --nimbus: nimbus-sans, sans-serif;
  --hiragino: hiragino-kaku-gothic-pron, "Hiragino Sans", Meiryo, sans-serif;
  --font-regular: 400;
  --font-medium: 500;
  --font-bold: 600;
  font-feature-settings: "palt";
  position: relative;
  background: var(--darkgreen);
  overflow-x: clip;
}

.AU251119WARM [class*="__img-cont"] {
  display: grid;
  place-items: center;
}

.AU251119WARM [class*="__txt"] {
  grid-area: 1/1;
  font-family: var(--hiragino);
  font-size: calc(25 * var(--formula));
  line-height: 1.8;
  letter-spacing: 0.05em;
  text-align: center;
  z-index: 5;
}

.AU251119WARM [class*="__img-cont"] [class*="-01"] {
  grid-area: 1/1;
}

.AU251119WARM [class*="__credit"] {
  font-family: var(--nimbus);
  color: var(--white);
  font-size: calc(24 * var(--formula));
  line-height: 2.08;
  letter-spacing: 0.025em;
  font-weight: var(--font-regular);
  display: flex;
  text-decoration: underline 1px solid;
  text-underline-offset: calc(4 * var(--formula));
  flex-direction: column;
  gap: calc(26 * var(--formula));
  align-items: center;
}

.AU251119WARM [class*="__credit"] li {
  display: flex;
  gap: calc(16 * var(--formula));
}
.AU251119WARM .splide__pagination {
  bottom: calc(20 * var(--formula));
  left: 0;
  padding: 0;
  position: absolute;
  right: 0;
}

.AU251119WARM .splide__pagination__page {
  background: var(--white);
  border: 0;
  border-radius: 0%;
  display: inline-block;
  height: calc(5 * var(--formula));
  margin: 0;
  opacity: 1;
  padding: 0;
  position: relative;
  transition: transform .2s linear;
  width: calc(50 * var(--formula));
}
.AU251119WARM .splide__pagination__page.is-active {
  transform: scale(1);
  background: var(--darkgreen);
}
/* 
//////////////////////////////////////////////////////////////////////////////////////////
layout settings
//////////////////////////////////////////////////////////////////////////////////////////
*/
.AU251119WARM .lp-cont {
  width: 100%;
  height: 100%;
  display: flex;
}
.AU251119WARM .lp-left {
  flex: 1;
  position: sticky;
  top: 0;
  height: 100vh;
  width: 100%;
}

.AU251119WARM .mv_pc,
.AU251119WARM .mv_pc a {
  width: 100%;
  height: 100%;
}

.AU251119WARM .mv__text-cont {
  grid-area: 1/1;
  z-index: 5;
  position: relative;
  display: flex;
  flex-direction: column;
  margin: calc(812 * var(--formula)) calc(11 * var(--formula)) 71px 0;
  gap: calc(134 * var(--formula));
  pointer-events: none;
}

.AU251119WARM .lp-right {
  position: relative;
  flex: 1;
  display: flex;
  justify-content: center;
}

.AU251119WARM .section-cont {
  width: calc(450 * var(--formula_pc));
  margin-left: calc(-31 * var(--formula_pc));
}

.AU251119WARM .mv-cont {
  display: grid;
  justify-items: center;
}

.AU251119WARM .section-settings {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.AU251119WARM .mv-logo {
}

.AU251119WARM .mv-cont__h3 {
  font-size: calc(28 * var(--formula));
  font-family: var(--hiragino);
  font-weight: var(--font-bold);
  text-align: center;
  color: var(--white);
  line-height: 1.68;
  letter-spacing: 0.05em;
  margin: 0 calc(-10 * var(--formula)) 0 0;
}

.AU251119WARM .mv_sp {
  grid-area: 1/1;
  display: none;
}

.AU251119WARM .section01 {
  margin: calc(119 * var(--formula)) 0 calc(80 * var(--formula)) 0;
}

.AU251119WARM .splide {
  width: calc(550 * var(--formula));
}

.AU251119WARM .splide__track {
}

.AU251119WARM .splide__list {
}

.AU251119WARM .splide__slide {
}

.AU251119WARM .section01__credit {
  margin: calc(47 * var(--formula)) 0 0 calc(36 * var(--formula));
}

.AU251119WARM .section02 {
  margin: 0 0 calc(81 * var(--formula)) 0;
}

.AU251119WARM .section02__img-cont {
}

.AU251119WARM .section02__txt {
  color: var(--white);
  font-weight: var(--font-bold);
  letter-spacing: 0;
  margin: calc(58 * var(--formula)) 0 0 0;
}

.AU251119WARM .section02-01 {
}

.AU251119WARM .section02-02 {
  margin: calc(-120 * var(--formula)) 0 0 0;
}

.AU251119WARM .section02__credit {
  margin: calc(49 * var(--formula)) 0 0 calc(39 * var(--formula));
}

.AU251119WARM .section03 {
  margin: 0 0 calc(153 * var(--formula)) 0;
}

.AU251119WARM .section03__img-cont {
}

.AU251119WARM .section03__txt {
  width: calc(603 * var(--formula));
  margin: calc(-157 * var(--formula)) 0 0 calc(2 * var(--formula));
  font-size: calc(23 * var(--formula));
  letter-spacing: 0.1em;
  line-height: 1.87;
  text-align: justify;
}

.AU251119WARM .section03-01 {
}

.AU251119WARM #section03-slider {
  margin: calc(-120 * var(--formula)) 0 calc(44 * var(--formula)) 0;
}

.AU251119WARM .section03__credit {
}

.AU251119WARM .section04 {
  margin: 0 0 calc(79 * var(--formula)) 0;
}

.AU251119WARM .section04__img-cont {
  margin: 0 0 calc(153 * var(--formula)) 0;
  place-items: normal;
}

.AU251119WARM .section04__txt {
  margin: calc(121 * var(--formula)) 0 0 calc(3 * var(--formula));
  color: var(--white);
  font-size: calc(23 * var(--formula));
  font-weight: var(--font-medium);
  letter-spacing: 0.08em;
  line-height: 1.95;
  pointer-events: none;
}

.AU251119WARM .section04-01 {
}

.AU251119WARM #section04-slider {
}

.AU251119WARM .section04__credit {
  margin: calc(48 * var(--formula)) 0 0 calc(37 * var(--formula));
}

.AU251119WARM .section05 {
  margin: 0 0 calc(80 * var(--formula)) 0;
}

.AU251119WARM .section05__img-cont {
}

.AU251119WARM .section05__txt {
  color: var(--white);
  margin: calc(-230 * var(--formula)) 0 0 0;
}

.AU251119WARM .section05-01 {
}

.AU251119WARM .section05-02 {
  margin: calc(-120 * var(--formula)) 0 0 0;
}

.AU251119WARM .section05__credit {
  margin: calc(49 * var(--formula)) 0 0 calc(39 * var(--formula));
}

.AU251119WARM .section06 {
}

.AU251119WARM .section06__img-cont {
}

.AU251119WARM .section06__txt {
  width: calc(603 * var(--formula));
  color: var(--black);
  font-size: calc(23 * var(--formula));
  line-height: 1.87;
  letter-spacing: 0.098em;
  text-align: justify;
  margin: calc(-189 * var(--formula)) 0 0 0;
}

.AU251119WARM .section06-01 {
}

.AU251119WARM #section06-slider {
  margin: calc(-120 * var(--formula)) 0 0 0;
}

.AU251119WARM .section06__credit {
  margin: calc(49 * var(--formula)) 0 0 0;
}
.AU251119WARM .lp-footer {
  position: relative;
  width: 100%;
  padding: calc(171 * var(--formula_pc)) 0 calc(174 * var(--formula_pc)) 0;
}
.AU251119WARM .lp-footer__link {
  font-family: var(--nimbus);
  color: var(--white);
  font-size: calc(30 * var(--formula));
  line-height: 1;
  letter-spacing: 0.04em;
  text-align: center;
  font-weight: var(--font-regular);
  text-decoration: underline 1px solid;
  text-underline-offset: calc(11 * var(--formula));
  margin: 0 calc(-2 * var(--formula)) 0 0;
}

/* 画像サイズ指定用クラス(__frame) */
.AU251119WARM .mv_pc__frame {
  height: 100%;
  width: 100%;
  position: relative;
}
.AU251119WARM .mv_pc__frame img {
  height: 100%;
  object-fit: cover;
  width: 100%;
}

.AU251119WARM .mv-logo__frame {
  width: calc(297 * var(--formula_pc));
}

.AU251119WARM .mv_sp__frame {
  width: calc(750 * var(--formula));
}

.AU251119WARM .section02-01__frame {
  width: calc(750 * var(--formula));
}

.AU251119WARM .section02-02__frame {
  width: calc(550 * var(--formula));
}

.AU251119WARM .section03-01__frame {
  width: calc(750 * var(--formula));
}

.AU251119WARM .section04-01__frame {
  width: calc(750 * var(--formula));
}

.AU251119WARM .section05-01__frame {
  width: calc(750 * var(--formula));
}

.AU251119WARM .section05-02__frame {
  width: calc(550 * var(--formula));
}

.AU251119WARM .section06-01__frame {
  width: calc(750 * var(--formula));
}

/* 
//////////////////////////////////////////////////////////////////////////////////////////
SP settings
//////////////////////////////////////////////////////////////////////////////////////////
*/
@media (max-width: 767px) {
  #header {
    height: 13.3333333333vw;
  }
  #header .header__wrapper {
    top: unset;
    position: relative;
  }
  .AU251119WARM {
    padding-top: 0;
  }
  .AU251119WARM .mv_pc__frame {
    width: calc(700 * var(--formula));
  }
  .AU251119WARM .mv_pc__frame img {
    height: unset;
  }
  .AU251119WARM .lp-left {
    display: none;
  }
  .AU251119WARM .section-cont {
    width: 100%;
    margin: 0;
  }
  .AU251119WARM .mv_sp {
    grid-area: 1/1;
    display: block;
  }
  .AU251119WARM .mv__text-cont {
    margin: calc(405 * var(--formula)) calc(4 * var(--formula)) 0 0;
    gap: calc(336 * var(--formula));
  }
  .AU251119WARM .mv-logo__frame {
    width: calc(404 * var(--formula));
  }
  .AU251119WARM .mv-cont__h3 {
    margin: 0 calc(-4 * var(--formula)) 0 0;
  }
  .AU251119WARM .lp-footer__link {
    font-family: var(--nimbus);
    color: var(--white);
    font-size: calc(30 * var(--formula));
    line-height: 1;
    letter-spacing: 0.057em;
    text-align: center;
    font-weight: var(--font-regular);
    text-decoration: underline 1px solid;
    text-underline-offset: calc(9 * var(--formula));
  }
  .AU251119WARM .lp-footer {
    position: relative;
    width: 100%;
    padding: calc(203 * var(--formula)) 0 calc(93 * var(--formula)) 0;
  }
  #Foot {
    background: #171e1e;
  }
}