@charset "UTF-8";
:root {
  --font: Hiragino Kaku Gothic ProN, ヒラギノ角ゴ ProN, Hiragino Kaku Gothic Pro, ヒラギノ角ゴ Pro, sans-serif;
  --font-title: trajan-pro-3, serif;
  --font-credit: nimbus-sans, sans-serif;
  --pc-width: 1400;
  --tb-width: 768;
  --sp-width: 750;
}

* > .main-contents {
  font-family: var(--font);
  font-weight: var(--fontweight-medium);
  font-feature-settings: normal;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow: unset;
  min-width: auto;
}

@media only screen and (max-width: 1400) and (min-width: 768px) {
  html {
    font-size: calc(10 * (100vw/1400));
  }
}
@media only screen and (max-width: 767px) {
  html {
    font-size: calc(10 * (100vw/750));
  }
  * > .main-contents {
    font-family: var(--font-hiragino);
  }
}
.main-contents * {
  box-sizing: border-box;
}
.main-contents img {
  height: auto;
  opacity: 1;
  width: 100%;
}
.main-contents a {
  text-decoration: none;
}
.main-contents picture {
  display: block;
}
.main-contents p, .main-contents ul, .main-contents ol, .main-contents dl {
  list-style: none;
}
@media only screen and (max-width: 767px) {
  .main-contents .pc_only {
    display: none;
  }
  .main-contents .sp_only {
    display: block;
  }
}

@media only screen and (min-width: 768px) {
  .main-contents .pc_only {
    display: block;
  }
  .main-contents .sp_only {
    display: none;
  }
}
.js-fadeIn-load {
  opacity: 0;
  transition: opacity 1s;
}

.js-fadeIn-load--02 {
  opacity: 0;
  transition: opacity 1s 0.8s;
}

.js-fadeIn-load.js-active, .js-fadeIn-load--02.js-active {
  opacity: 1;
}

.js-fadeUp-load {
  opacity: 0;
  transition: opacity 1s, transform 1s;
  transform: translateY(10px);
}

.js-fadeUp-load.js-active {
  opacity: 1;
  transform: translateY(0);
}

.js-fadeUp, .js-fadeUp-credit {
  opacity: 0;
  transition: opacity 1s, transform 1s;
  transform: translateY(30px);
}

.js-fadeUp.js-active, .js-fadeUp-credit.js-active {
  opacity: 1;
  transform: translateY(0);
}

.js-fadeIn {
  opacity: 0;
  transition: opacity 1s;
}

.js-fadeIn.js-active {
  opacity: 1;
}

.js-blur {
  opacity: 0;
  -webkit-filter: blur(10px);
  filter: blur(10px);
  transition: filter 0.6s, opacity 0.6s;
}

.js-blur.js-active {
  opacity: 1;
  -webkit-filter: blur(0);
  filter: blur(0);
}

.js-text-order {
  overflow: hidden;
}
.js-text-order .text-order {
  transform: translateY(5rem);
}
.js-text-order .text-order._01 {
  transition: transform 0.4s 0.1s;
}
.js-text-order .text-order._02 {
  transition: transform 0.4s 0.2s;
}
.js-text-order .text-order._03 {
  transition: transform 0.4s 0.3s;
}
.js-text-order .text-order._04 {
  transition: transform 0.4s 0.4s;
}
.js-text-order .text-order._05 {
  transition: transform 0.4s 0.5s;
}
.js-text-order .text-order._06 {
  transition: transform 0.4s 0.6s;
}
.js-text-order .text-order._07 {
  transition: transform 0.4s 0.7s;
}
.js-text-order .text-order._08 {
  transition: transform 0.4s 0.8s;
}
.js-text-order .text-order._09 {
  transition: transform 0.4s 0.9s;
}
.js-text-order .text-order._10 {
  transition: transform 0.4s 1s;
}
.js-text-order .text-order._11 {
  transition: transform 0.4s 1.1s;
}
.js-text-order .text-order._12 {
  transition: transform 0.4s 1.2s;
}
.js-text-order .text-order._13 {
  transition: transform 0.4s 1.3s;
}
.js-text-order .text-order._14 {
  transition: transform 0.4s 1.4s;
}
.js-text-order .text-order._15 {
  transition: transform 0.4s 1.5s;
}
.js-text-order .text-order._16 {
  transition: transform 0.4s 1.6s;
}
.js-text-order .text-order._17 {
  transition: transform 0.4s 1.7s;
}
.js-text-order .text-order._18 {
  transition: transform 0.4s 1.8s;
}
.js-text-order .text-order._19 {
  transition: transform 0.4s 1.9s;
}
.js-text-order .text-order._20 {
  transition: transform 0.4s 2s;
}
.js-text-order .text-order._21 {
  transition: transform 0.4s 2.1s;
}

.js-text-order.js-active .text-order {
  transform: translateY(0);
}

.js-slideUp {
  overflow: hidden;
}
.js-slideUp .slideUp-inner {
  display: block;
  transition: transform 1s;
  transform: translateY(7rem);
}

.js-slideUp.js-active .slideUp-inner {
  transform: translateY(0);
}

@media only screen and (max-width: 767px) {
  .js-text-order .text-order {
    transform: translateY(calc(80 * (100vw/750)));
  }
}
#header .header__inner svg {
  fill: #fff;
}

.cls-4 {
  stroke: #fff;
}

.header .navigation__list {
  color: #fff;
}

.header .drawer-btn__border {
  background: #fff;
}

.header .drawer-btn__border::after {
  background: #fff;
}

.header .drawer-btn__border::before {
  background: #fff;
}

#AU241023IL {
  margin: -14rem auto 0;
  padding: 0 0 0 0;
  color: #000000;
  font-family: var(--font-primary);
  font-weight: 400;
  letter-spacing: 0.05em;
  background-color: #E6E6E6;
  overflow-x: clip;
}
#AU241023IL .firstview {
  display: grid;
  grid-template-columns: repeat(2, 50%);
  width: 100%;
  margin: 0 auto;
  position: relative;
}
#AU241023IL .firstview__img {
  position: relative;
  width: 100%;
}
#AU241023IL .firstview__title {
  display: flex;
  justify-content: center;
  width: 100%;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  font-family: var(--font-title);
  font-size: calc(35 * (100vw/1400));
  font-weight: 600;
  font-style: normal;
  color: #fff;
  line-height: 1;
  letter-spacing: 0em;
  text-align: center;
  bottom: calc(400 * (100vw/1400));
  z-index: 1;
}
#AU241023IL .firstview__title span {
  display: block;
}
#AU241023IL .firstview__title.firstview__title--01 {
  bottom: calc(300 * (100vw/1400));
  left: 54.1%;
}
#AU241023IL .firstview__title.firstview__title--02 {
  bottom: calc(300 * (100vw/1400));
  left: 45.3%;
}
#AU241023IL .firstview__lead {
  width: 100%;
  font-size: 1.4rem;
  font-feature-settings: "palt";
  text-align: center;
  color: #fff;
  letter-spacing: 0.14em;
  line-height: 2.1428571429;
  position: absolute;
  z-index: 1;
  bottom: calc(193 * (100vw/1400));
}
#AU241023IL .intro {
  margin: 13.7rem auto 0;
  font-feature-settings: "palt";
  font-size: 1.5rem;
  line-height: 2;
  letter-spacing: 0.14em;
  text-align: center;
  position: relative;
  z-index: 1;
}
#AU241023IL .product__block {
  margin: 12.5rem auto 0;
}
#AU241023IL .product__block .product__block-inner {
  width: 140rem;
  height: 100%;
  margin: 0 auto;
  position: relative;
}
#AU241023IL .product__block .product__box {
  position: relative;
  width: 140rem;
  margin: 0 auto;
}
#AU241023IL .product__block .product__box.product__box--01 {
  margin: 0 auto 0;
  display: grid;
  grid-template-columns: 16.6rem 51.1rem 3.9rem 8rem 48.1rem;
  grid-template-rows: 4.7rem 46rem 7.6rem 20.7rem 4rem 1.2rem;
}
#AU241023IL .product__block .product__box.product__box--02 {
  margin: 7.3rem auto 0;
  display: grid;
  grid-template-columns: 23rem 2.5rem 35rem 9.5rem 47rem;
  grid-template-rows: 10rem 50rem 4rem 1.2rem 4.5rem 5.2rem 12.5rem;
}
#AU241023IL .product__block .product__box.product__box--03 {
  margin: 30.4rem auto 0;
  display: grid;
  grid-template-columns: 16.5rem 33.1rem 6.9rem 7.2rem 50rem;
  grid-template-rows: 36.2rem 21.9rem 37.5rem 10.5rem;
}
#AU241023IL .product__block .product__box.product__box--04 {
  margin: 10.3rem auto 0;
  display: grid;
  grid-template-columns: 16.5rem 56.5rem 3.5rem 7rem 29rem;
  grid-template-rows: 8rem 34.8rem 11rem 31.2rem 3.8rem 1.2rem 18.8rem;
}
#AU241023IL .product__block .product__box.product__box--05 {
  margin: 14.2rem auto 0;
  display: grid;
  grid-template-columns: 29rem 82rem;
  grid-template-rows: 65rem 3.8rem 1.2rem;
}
#AU241023IL .product__block .product__item {
  position: absolute;
}
#AU241023IL .product__block .product__credit {
  font-family: var(--font-credit);
  font-size: 1.2rem;
  letter-spacing: 0.005em;
  line-height: 1;
  white-space: nowrap;
}
#AU241023IL .product__block .product__credit a {
  display: inline-block;
  margin: 0 0.8rem 0 0;
  text-decoration: underline;
  text-decoration-skip-ink: none;
}
#AU241023IL .product__block .product__credit.product__credit--01 {
  grid-column: 2;
  grid-row: 6;
  padding: 0 0 0 7.5rem;
}
#AU241023IL .product__block .product__credit.product__credit--02 {
  grid-column: 2;
  grid-row: 4;
}
#AU241023IL .product__block .product__credit.product__credit--03 {
  width: 13.9rem;
  padding: 0;
  grid-column: 3;
  grid-row: 4;
  white-space: normal;
}
#AU241023IL .product__block .product__credit.product__credit--03 a {
  display: inline-block;
  margin: 1.4rem 0 0 0;
  text-decoration: underline;
}
#AU241023IL .product__block .product__credit.product__credit--04 {
  grid-column: 2;
  grid-row: 6;
  padding: 0 0 0 9.3rem;
}
#AU241023IL .product__block .product__credit.product__credit--05 {
  width: 100%;
  padding: 0;
  grid-column: 2;
  grid-row: 3;
  text-align: center;
}
#AU241023IL .product__image--01-1 {
  width: 55rem;
  grid-column: 2/4;
  grid-row: 1;
}
#AU241023IL .product__image--01-2 {
  display: grid;
  grid-template-columns: repeat(2, 50%);
  width: 60rem;
  grid-column: 3/7;
  grid-row: 2;
}
#AU241023IL .product__image-inner--01-2-1 {
  margin: 8rem 0 0 0;
}
#AU241023IL .product__image--02-1 {
  width: 35rem;
  grid-column: 3;
  grid-row: 2;
}
#AU241023IL .product__image--02-2 {
  width: 47rem;
  grid-column: 5;
  grid-row: 1;
}
#AU241023IL .product__image--03-1 {
  width: 40rem;
  grid-column: 2;
  grid-row: 1;
}
#AU241023IL .product__image--03-2 {
  width: 50rem;
  grid-column: 5;
  grid-row: 2;
}
#AU241023IL .product__image--04-1 {
  width: 60rem;
  grid-column: 2;
  grid-row: 1;
}
#AU241023IL .product__image--04-2 {
  width: 39.6rem;
  grid-column: 3;
  grid-row: 4;
}
#AU241023IL .product__image--05-1 {
  width: 82rem;
  grid-column: 2;
  grid-row: 1;
}
#AU241023IL .product__lead {
  font-size: 1.3rem;
  font-feature-settings: "palt";
  line-height: 2.0769230769;
  letter-spacing: 0.1em;
}
#AU241023IL .product__lead--01 {
  grid-column: 5;
  grid-row: 4;
  letter-spacing: 0.07em;
}
#AU241023IL .product__lead--02 {
  width: 60rem;
  margin: 0 auto;
  grid-column: 2/6;
  grid-row: 7;
  letter-spacing: 0.05em;
}
#AU241023IL .product__lead--04 {
  grid-column: 5;
  grid-row: 2;
  letter-spacing: 0.06em;
}
#AU241023IL .product__line {
  font-family: var(--font-title);
  font-size: 6rem;
  line-height: 1;
  letter-spacing: 0.02em;
  text-align: center;
}
#AU241023IL .product__line--01 {
  margin: 8.4rem 0 0 1rem;
  letter-spacing: 0.04em;
}
#AU241023IL .product__line--02 {
  margin: 10rem 0 0 0;
}

.button__all {
  display: block;
  width: 9rem;
  margin: 20.8rem auto 0;
  padding: 0 0 17.5rem 0;
  font-family: var(--font-credit);
  font-size: 1.8rem;
  letter-spacing: 0em;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  position: relative;
}
.button__all a {
  display: block;
  width: 100%;
  padding: 0 0 0.5rem 0;
  border-bottom: 1px solid #000;
}

.top_button {
  position: absolute;
  top: 0;
  left: auto;
  right: 0;
}

@media only screen and (max-width: 767px) {
  #AU241023IL {
    margin: 0;
    margin-top: -15.3333333333vw;
    padding: 0 0 0 0;
    max-width: calc(750 * (100vw/750));
    font-weight: 400;
    letter-spacing: 0.05em;
  }
  #AU241023IL .firstview {
    display: block;
    width: 100%;
    margin: 0 auto 0;
    padding: 0 0 0 0;
  }
  #AU241023IL .firstview__title {
    width: 100%;
    position: absolute;
    left: calc(0 * (100vw/750));
    font-family: var(--font-title);
    font-size: calc(60 * (100vw/750));
    bottom: calc(400 * (100vw/750));
  }
  #AU241023IL .firstview__title.firstview__title--01 {
    bottom: calc(388 * (100vw/750));
    left: 50%;
  }
  #AU241023IL .firstview__title.firstview__title--02 {
    bottom: calc(400 * (100vw/750));
    left: 50%;
  }
  #AU241023IL .firstview__lead {
    width: 100%;
    font-size: calc(23 * (100vw/750));
    text-align: center;
    color: #fff;
    letter-spacing: 0.07em;
    line-height: 2;
    position: absolute;
    z-index: 1;
    bottom: calc(834 * (100vw/750));
  }
  #AU241023IL .intro {
    margin: calc(120 * (100vw/750)) auto 0;
    font-size: calc(23 * (100vw/750));
    line-height: 2;
    letter-spacing: 0.07em;
    text-align: center;
    position: relative;
    z-index: 1;
  }
  #AU241023IL .product__block {
    margin: calc(120 * (100vw/750)) auto 0;
  }
  #AU241023IL .product__block .product__block-inner {
    width: 100%;
    height: 100%;
    margin: 0 auto;
    position: relative;
  }
  #AU241023IL .product__block .product__box {
    position: relative;
    width: 100%;
    margin: 0 auto;
  }
  #AU241023IL .product__block .product__box.product__box--01 {
    margin: 0 auto 0;
    display: grid;
    grid-template-columns: calc(51 * (100vw/750)) calc(50 * (100vw/750)) calc(550 * (100vw/750)) calc(50 * (100vw/750)) calc(51 * (100vw/750));
    grid-template-rows: calc(790 * (100vw/750)) calc(40 * (100vw/750)) calc(70 * (100vw/750)) calc(100 * (100vw/750)) calc(550 * (100vw/750)) calc(87 * (100vw/750)) calc(470 * (100vw/750));
  }
  #AU241023IL .product__block .product__box.product__box--02 {
    margin: calc(115 * (100vw/750)) auto 0;
    display: grid;
    grid-template-columns: calc(51 * (100vw/750)) calc(50 * (100vw/750)) calc(48 * (100vw/750)) calc(450 * (100vw/750)) calc(48 * (100vw/750)) calc(50 * (100vw/750)) calc(51 * (100vw/750));
    grid-template-rows: calc(819 * (100vw/750)) calc(40 * (100vw/750)) calc(70 * (100vw/750)) calc(88 * (100vw/750)) calc(326 * (100vw/750)) calc(108 * (100vw/750)) calc(650 * (100vw/750));
  }
  #AU241023IL .product__block .product__box.product__box--03 {
    margin: calc(272 * (100vw/750)) auto 0;
    display: grid;
    grid-template-columns: calc(50 * (100vw/750)) calc(100 * (100vw/750)) calc(350 * (100vw/750)) calc(250 * (100vw/750));
    grid-template-rows: calc(600 * (100vw/750)) calc(53 * (100vw/750)) calc(785 * (100vw/750)) calc(40 * (100vw/750)) calc(70 * (100vw/750));
  }
  #AU241023IL .product__block .product__box.product__box--04 {
    margin: calc(98 * (100vw/750)) auto 0;
    display: grid;
    grid-template-columns: calc(50 * (100vw/750)) calc(78 * (100vw/750)) calc(495 * (100vw/750)) calc(450 * (100vw/750)) calc(48 * (100vw/750)) calc(50 * (100vw/750)) calc(27 * (100vw/750)) calc(52 * (100vw/750)) 6.4vw;
    grid-template-rows: calc(850 * (100vw/750)) calc(80 * (100vw/750)) calc(467 * (100vw/750)) calc(94 * (100vw/750)) calc(688 * (100vw/750)) calc(40 * (100vw/750)) calc(70 * (100vw/750));
  }
  #AU241023IL .product__block .product__box.product__box--05 {
    margin: calc(152 * (100vw/750)) auto 0;
    display: grid;
    grid-template-columns: calc(750 * (100vw/750));
    grid-template-rows: calc(595 * (100vw/750)) calc(35 * (100vw/750)) calc(70 * (100vw/750));
  }
  #AU241023IL .product__block .product__credit {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: calc(28 * (100vw/750)) calc(24 * (100vw/750));
    margin: 0 0 0 0;
    font-family: "pragmatica";
    font-size: calc(22 * (100vw/750));
    letter-spacing: 0.05em;
    line-height: 1;
    white-space: normal;
  }
  #AU241023IL .product__block .product__credit a {
    display: inline-block;
    margin: 0;
    letter-spacing: 0.025em;
  }
  #AU241023IL .product__block .product__credit.product__credit--01 {
    grid-column: 3;
    grid-row: 3;
    padding: 0;
  }
  #AU241023IL .product__block .product__credit.product__credit--02 {
    grid-column: 4/5;
    grid-row: 3;
  }
  #AU241023IL .product__block .product__credit.product__credit--03 {
    width: calc(500 * (100vw/750));
    margin: 0 auto;
    padding: 0;
    grid-column: 1/5;
    grid-row: 5;
    white-space: normal;
  }
  #AU241023IL .product__block .product__credit.product__credit--03 a {
    display: inline-block;
    margin: 0;
    text-decoration: underline;
  }
  #AU241023IL .product__block .product__credit.product__credit--04 {
    grid-column: 3;
    grid-row: 7;
    padding: 0;
  }
  #AU241023IL .product__block .product__credit.product__credit--05 {
    width: calc(530 * (100vw/750));
    margin: 0 auto;
    padding: 0;
    grid-column: 1/2;
    grid-row: 3;
    text-align: center;
  }
  #AU241023IL .product__image--01-1 {
    width: calc(550 * (100vw/750));
    grid-column: 3;
    grid-row: 1;
  }
  #AU241023IL .product__image--01-2 {
    display: grid;
    grid-template-columns: repeat(2, 50%);
    width: 100%;
    grid-column: 1/6;
    grid-row: 5;
  }
  #AU241023IL .product__image-inner--01-2-1 {
    margin: calc(73 * (100vw/750)) 0 0 0;
  }
  #AU241023IL .product__image--02-1 {
    width: calc(450 * (100vw/750));
    grid-column: 4;
    grid-row: 7;
  }
  #AU241023IL .product__image--02-2 {
    width: calc(550 * (100vw/750));
    grid-column: 3;
    grid-row: 1;
  }
  #AU241023IL .product__image--03-1 {
    width: calc(450 * (100vw/750));
    grid-column: 2;
    grid-row: 1;
    z-index: 1;
  }
  #AU241023IL .product__image--03-2 {
    width: calc(600 * (100vw/750));
    grid-column: 3;
    grid-row: 2;
  }
  #AU241023IL .product__image--04-1 {
    width: calc(600 * (100vw/750));
    grid-column: 2;
    grid-row: 1;
  }
  #AU241023IL .product__image--04-2 {
    width: calc(495 * (100vw/750));
    grid-column: 3;
    grid-row: 5;
  }
  #AU241023IL .product__image--05-1 {
    width: calc(750 * (100vw/750));
    grid-column: 1;
    grid-row: 1;
  }
  #AU241023IL .product__lead {
    width: calc(650 * (100vw/750));
    font-size: calc(23 * (100vw/750));
    line-height: 1.8695652174;
  }
  #AU241023IL .product__lead--01 {
    grid-column: 2;
    grid-row: 7;
    letter-spacing: 0.1em;
  }
  #AU241023IL .product__lead--02 {
    width: calc(650 * (100vw/750));
    margin: 0 auto;
    grid-column: 2/6;
    grid-row: 5;
    letter-spacing: 0.093em;
  }
  #AU241023IL .product__lead--04 {
    grid-column: 2;
    grid-row: 3;
    letter-spacing: 0.1em;
  }
  #AU241023IL .product__line {
    font-family: var(--font-title);
    font-size: calc(70 * (100vw/750));
    line-height: 1;
    letter-spacing: 0.02em;
    text-align: center;
  }
  #AU241023IL .product__line--01 {
    margin: calc(110 * (100vw/750)) 0 0 0;
  }
  #AU241023IL .product__line--02 {
    margin: calc(92 * (100vw/750)) 0 0 0;
  }
  .button__all {
    display: block;
    width: calc(140 * (100vw/750));
    margin: calc(205 * (100vw/750)) auto 0;
    padding: 0 0 calc(200 * (100vw/750)) 0;
    font-family: var(--font-en);
    font-size: calc(30 * (100vw/750));
    letter-spacing: 0.05em;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    position: relative;
  }
  .button__all a {
    display: block;
    width: 100%;
    padding: 0 0 calc(3 * (100vw/750)) 0;
    border-bottom: 1px solid #000;
  }
}
.top_button {
  position: absolute;
  top: calc(-125 * (100vw/750));
  left: calc(-18 * (100vw/750));
  right: auto;
}/*# sourceMappingURL=style.css.map */