/* stylelint-disable rule-empty-line-before */
/* stylelint-disable no-descending-specificity */
@media (max-width: 1400px) and (min-width: 768px) {
  html.is-windows {
    font-size: calc(10 * (100vw - var(--scrollbar-width)) / 1400);
  }
}

@media (max-width: 1400px) and (min-width: 768px) {
  html:not(.is-windows) {
    font-size: 0.7142857143vw;
  }
}

.landingPage {
  --color-black: #000;
  --color-gray-dark: #3d3d3d;
  --color-gray-light: #c1becc;
  --color-gray-medium: #58595b;
  --font-miller: "miller-banner", serif;
  --font-classic: "classic-script-mn", sans-serif;
  --font-toppan: "toppan-bunkyu-mincho-pr6n", serif;
}
@media (min-width: 768px) {
  .landingPage {
    overflow-x: hidden;
    border-bottom: 0.5px solid var(--color-black);
  }
}
.landingPage * {
  box-sizing: border-box;
  font-feature-settings: "palt";
  line-height: 1;
}
.landingPage a {
  display: inline-block;
}
.landingPage img,
.landingPage picture {
  display: block;
}
.landingPage img,
.landingPage svg {
  width: 100%;
  height: auto;
  image-rendering: optimizequality;
}
@media (max-width: 767px) {
  .landingPage {
    --rate: 100vw / 750;
    padding-bottom: calc(152 * var(--rate));
  }
  .landingPage .without-sp {
    display: none;
  }
}
@media (min-width: 768px) {
  .landingPage {
    --rate: 0.1rem;
    padding-bottom: calc(132 * var(--rate));
  }
  .landingPage .without-pc {
    display: none;
  }
}
.landingPage .js-fadeBlur {
  visibility: hidden;
  filter: blur(5px);
  opacity: 0;
  transition: all 1.1s ease-in-out;
}
.landingPage .js-fadeBlur.inview {
  visibility: visible;
  filter: blur(0);
  opacity: 1;
}
.landingPage .js-slideIn {
  clip-path: inset(0% 100% 0% 0%);
  transition: clip-path ease-out 0.8s 0s;
}
.landingPage .js-slideIn.inview {
  clip-path: inset(0% 0% 0% 0%);
}
@media (min-width: 768px) {
  .landingPage .hero__visual {
    max-width: calc(1200 * var(--rate));
    margin-inline: auto;
  }
}
.landingPage .hero__desc {
  font-family: var(--font-toppan);
  font-weight: 400;
  color: var(--color-gray-medium);
  text-align: center;
  letter-spacing: 0.16em;
}
@media (max-width: 767px) {
  .landingPage .hero__desc {
    margin-top: calc(111 * var(--rate));
    font-size: calc(25 * var(--rate));
    line-height: 1.92;
  }
}
@media (min-width: 768px) {
  .landingPage .hero__desc {
    margin-top: calc(56 * var(--rate));
    font-size: calc(13 * var(--rate));
    line-height: 2;
  }
}
@media (max-width: 767px) {
  .landingPage .look {
    margin-top: var(--look-margin-top, calc(110 * var(--rate)));
  }
}
@media (min-width: 768px) {
  .landingPage .look {
    margin-top: var(--look-margin-top, calc(160 * var(--rate)));
  }
}
.landingPage .look .look-heading {
  z-index: 2;
  pointer-events: none;
}
@media (max-width: 767px) {
  .landingPage .look .look-heading {
    position: absolute;
  }
}
@media (min-width: 768px) {
  .landingPage .look .look-heading {
    position: relative;
  }
}
.landingPage .look .look-heading span {
  display: block;
}
.landingPage .look .look-heading__inner {
  position: relative;
  padding-top: var(--heading-en-padding-top, 0);
}
@media (max-width: 767px) {
  .landingPage .look .look-heading__inner {
    padding-left: var(--heading-en-padding-left, calc(100 * var(--rate)));
  }
}
@media (min-width: 768px) {
  .landingPage .look .look-heading__inner {
    padding-left: var(--heading-en-padding-left, calc(57.5 * var(--rate)));
  }
}
.landingPage .look .look-heading__en {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  font-family: var(--font-classic);
  font-weight: 400;
  color: var(--heading-en-color, var(--color-gray-light));
  letter-spacing: 0;
}
@media (max-width: 767px) {
  .landingPage .look .look-heading__en {
    font-size: calc(104 * var(--rate));
  }
}
@media (min-width: 768px) {
  .landingPage .look .look-heading__en {
    font-size: calc(61 * var(--rate));
  }
}
.landingPage .look .look-heading__num {
  font-family: var(--font-miller);
  font-style: italic;
  font-weight: 300;
  color: var(--color-gray-dark);
}
@media (max-width: 767px) {
  .landingPage .look .look-heading__num {
    font-size: calc(170 * var(--rate));
  }
}
@media (min-width: 768px) {
  .landingPage .look .look-heading__num {
    font-size: calc(100 * var(--rate));
  }
}
.landingPage .look .look-credit > * {
  font-family: var(--font-miller);
  font-weight: 300;
  color: var(--color-gray-medium);
  letter-spacing: 0.05em;
}
@media (max-width: 767px) {
  .landingPage .look .look-credit > * {
    font-size: calc(23 * var(--rate));
    line-height: 1.847826087;
  }
}
@media (min-width: 768px) {
  .landingPage .look .look-credit > * {
    font-size: calc(12 * var(--rate));
    line-height: 1.85;
  }
}
.landingPage .look__block {
  position: relative;
  display: grid;
  justify-content: center;
}
@media (min-width: 768px) {
  .landingPage .look__unit:last-child {
    position: relative;
  }
}
.landingPage .look__image {
  line-height: 0;
  background-color: #fff;
}
@media (min-width: 768px) {
  .landingPage .look--01 {
    --look-margin-top: calc(94 * var(--rate));
  }
}
@media (max-width: 767px) {
  .landingPage .look--01 .look-heading {
    top: 0;
    right: calc(60 * var(--rate));
    width: calc(246 * var(--rate));
  }
}
@media (min-width: 768px) {
  .landingPage .look--01 .look-heading {
    width: calc(155 * var(--rate));
    padding-right: calc(9 * var(--rate));
    --heading-en-padding-left: calc(58 * var(--rate));
  }
}
@media (max-width: 767px) {
  .landingPage .look--01 .look__block {
    padding-top: calc(103 * var(--rate));
  }
}
@media (min-width: 768px) {
  .landingPage .look--01 .look__block {
    grid-template-rows: calc(545 * var(--rate)) calc(160 * var(--rate)) calc(410 * var(--rate));
    grid-template-columns: calc(130 * var(--rate)) calc(470 * var(--rate)) calc(80 * var(--rate)) calc(380 * var(--rate)) calc(30 * var(--rate)) calc(170 * var(--rate));
  }
}
@media (min-width: 768px) {
  .landingPage .look--01 .look__unit:first-child {
    position: relative;
    left: calc(5 * var(--rate));
    grid-row: 2/4;
    grid-column: 6;
    justify-self: end;
    padding-top: calc(424 * var(--rate));
  }
}
@media (max-width: 767px) {
  .landingPage .look--01 .look__unit:nth-child(2) {
    padding-inline: calc(40 * var(--rate));
  }
}
@media (min-width: 768px) {
  .landingPage .look--01 .look__unit:nth-child(2) {
    grid-row: 1/3;
    grid-column: 2;
  }
}
@media (max-width: 767px) {
  .landingPage .look--01 .look__unit:nth-child(3) {
    padding-inline: calc(75 * var(--rate));
    margin-top: calc(60 * var(--rate));
  }
}
@media (min-width: 768px) {
  .landingPage .look--01 .look__unit:nth-child(3) {
    grid-row: 2/4;
    grid-column: 4;
  }
}
@media (max-width: 767px) {
  .landingPage .look--01 .look__unit:last-child {
    margin-top: calc(29 * var(--rate));
    text-align: center;
  }
}
@media (min-width: 768px) {
  .landingPage .look--01 .look__unit:last-child {
    top: calc(4 * var(--rate));
    grid-row: 2/4;
    grid-column: 6;
    align-self: end;
  }
}
@media (max-width: 767px) {
  .landingPage .look--02 {
    --look-margin-top: calc(165 * var(--rate));
  }
}
@media (max-width: 767px) {
  .landingPage .look--02 .look-heading {
    top: 0;
    left: calc(30 * var(--rate));
    width: calc(275 * var(--rate));
  }
}
@media (min-width: 768px) {
  .landingPage .look--02 .look-heading {
    width: calc(161 * var(--rate));
  }
}
@media (max-width: 767px) {
  .landingPage .look--02 .look__block {
    padding-top: calc(95 * var(--rate));
  }
}
@media (min-width: 768px) {
  .landingPage .look--02 .look__block {
    grid-template-rows: calc(630 * var(--rate)) calc(80 * var(--rate)) calc(495 * var(--rate)) calc(55 * var(--rate)) calc(185 * var(--rate)) calc(355 * var(--rate));
    grid-template-columns: calc(175 * var(--rate)) calc(195 * var(--rate)) calc(50 * var(--rate)) calc(10 * var(--rate)) calc(300 * var(--rate)) calc(60 * var(--rate)) calc(60 * var(--rate)) calc(430 * var(--rate)) calc(120 * var(--rate));
  }
}
@media (min-width: 768px) {
  .landingPage .look--02 .look__unit:first-child {
    grid-row: 4/6;
    grid-column: 2/3;
  }
}
@media (max-width: 767px) {
  .landingPage .look--02 .look__unit:nth-child(2) {
    padding-left: calc(170 * var(--rate));
  }
}
@media (min-width: 768px) {
  .landingPage .look--02 .look__unit:nth-child(2) {
    grid-row: 1;
    grid-column: 1/4;
  }
}
@media (max-width: 767px) {
  .landingPage .look--02 .look__unit:nth-child(3) {
    padding-left: calc(170 * var(--rate));
    margin-top: calc(20 * var(--rate));
  }
}
@media (min-width: 768px) {
  .landingPage .look--02 .look__unit:nth-child(3) {
    grid-row: 1;
    grid-column: 5/8;
  }
}
@media (max-width: 767px) {
  .landingPage .look--02 .look__unit:nth-child(4) {
    padding-right: calc(70 * var(--rate));
    margin-top: calc(90 * var(--rate));
  }
}
@media (min-width: 768px) {
  .landingPage .look--02 .look__unit:nth-child(4) {
    grid-row: 3/6;
    grid-column: 7/9;
  }
}
@media (max-width: 767px) {
  .landingPage .look--02 .look__unit:nth-child(5) {
    padding-left: calc(150 * var(--rate));
    margin-top: calc(60 * var(--rate));
  }
}
@media (min-width: 768px) {
  .landingPage .look--02 .look__unit:nth-child(5) {
    grid-row: 5/7;
    grid-column: 3/6;
  }
}
@media (max-width: 767px) {
  .landingPage .look--02 .look__unit:last-child {
    padding-left: calc(150 * var(--rate));
    margin-top: calc(30 * var(--rate));
  }
}
@media (min-width: 768px) {
  .landingPage .look--02 .look__unit:last-child {
    grid-row: 6;
    grid-column: 7/9;
    margin-top: calc(24 * var(--rate));
    text-align: right;
  }
}
@media (max-width: 767px) {
  .landingPage .look--03 {
    --look-margin-top: calc(184 * var(--rate));
  }
}
@media (max-width: 767px) {
  .landingPage .look--03 .look-heading {
    --heading-en-color: #fff;
    top: calc(1245 * var(--rate));
    right: calc(90 * var(--rate));
    width: calc(278 * var(--rate));
  }
}
@media (min-width: 768px) {
  .landingPage .look--03 .look-heading {
    width: calc(163 * var(--rate));
  }
}
@media (min-width: 768px) {
  .landingPage .look--03 .look__block {
    grid-template-rows: calc(513 * var(--rate)) calc(57 * var(--rate)) calc(226 * var(--rate)) calc(159 * var(--rate)) calc(95 * var(--rate)) calc(490 * var(--rate));
    grid-template-columns: calc(265 * var(--rate)) calc(125 * var(--rate)) calc(345 * var(--rate)) calc(60 * var(--rate)) calc(260 * var(--rate)) calc(5 * var(--rate));
  }
}
@media (min-width: 768px) {
  .landingPage .look--03 .look__unit:first-child {
    grid-row: 2/4;
    grid-column: 5;
    justify-self: end;
    padding-right: calc(20 * var(--rate));
  }
}
@media (min-width: 768px) {
  .landingPage .look--03 .look__unit:nth-child(2) {
    grid-row: 1/4;
    grid-column: 2/5;
  }
}
@media (max-width: 767px) {
  .landingPage .look--03 .look__unit:nth-child(3) {
    padding-right: calc(170 * var(--rate));
    padding-left: calc(40 * var(--rate));
    margin-top: calc(80 * var(--rate));
  }
}
@media (min-width: 768px) {
  .landingPage .look--03 .look__unit:nth-child(3) {
    position: relative;
    grid-row: 3/6;
    grid-column: 4/6;
  }
}
@media (max-width: 767px) {
  .landingPage .look--03 .look__unit:nth-child(4) {
    padding-right: calc(40 * var(--rate));
    padding-left: calc(110 * var(--rate));
    margin-top: calc(60 * var(--rate));
  }
}
@media (min-width: 768px) {
  .landingPage .look--03 .look__unit:nth-child(4) {
    grid-row: 5/7;
    grid-column: 1/3;
  }
}
@media (max-width: 767px) {
  .landingPage .look--03 .look__unit:last-child {
    padding-right: calc(42 * var(--rate));
    margin-top: calc(28 * var(--rate));
    text-align: right;
  }
}
@media (min-width: 768px) {
  .landingPage .look--03 .look__unit:last-child {
    top: calc(6 * var(--rate));
    grid-row: 5/7;
    grid-column: 3;
    align-self: end;
    padding-left: calc(30 * var(--rate));
  }
}
@media (max-width: 767px) {
  .landingPage .look--04 {
    --look-margin-top: calc(170 * var(--rate));
  }
}
.landingPage .look--04 .look-heading {
  padding-bottom: calc(10 * var(--rate));
}
@media (max-width: 767px) {
  .landingPage .look--04 .look-heading {
    top: 0;
    right: calc(517 * var(--rate));
    width: calc(269 * var(--rate));
  }
}
@media (min-width: 768px) {
  .landingPage .look--04 .look-heading {
    width: calc(158 * var(--rate));
  }
}
@media (max-width: 767px) {
  .landingPage .look--04 .look__block {
    padding-top: calc(100 * var(--rate));
  }
}
@media (min-width: 768px) {
  .landingPage .look--04 .look__block {
    grid-template-rows: calc(391 * var(--rate)) calc(59 * var(--rate)) calc(270 * var(--rate)) calc(240 * var(--rate));
    grid-template-columns: calc(330 * var(--rate)) calc(190 * var(--rate)) calc(340 * var(--rate)) calc(60 * var(--rate)) calc(480 * var(--rate));
  }
}
@media (min-width: 768px) {
  .landingPage .look--04 .look__unit:first-child {
    grid-row: 2/4;
    grid-column: 2;
  }
}
@media (max-width: 767px) {
  .landingPage .look--04 .look__unit:nth-child(2) {
    padding-left: calc(100 * var(--rate));
  }
}
@media (min-width: 768px) {
  .landingPage .look--04 .look__unit:nth-child(2) {
    grid-row: 1/4;
    grid-column: 5;
  }
}
@media (max-width: 767px) {
  .landingPage .look--04 .look__unit:nth-child(3) {
    padding-right: calc(190 * var(--rate));
    margin-top: calc(58 * var(--rate));
  }
}
@media (min-width: 768px) {
  .landingPage .look--04 .look__unit:nth-child(3) {
    grid-row: 3/5;
    grid-column: 3;
  }
}
@media (max-width: 767px) {
  .landingPage .look--04 .look__unit:last-child {
    padding-left: calc(40 * var(--rate));
    margin-top: calc(28 * var(--rate));
  }
}
@media (min-width: 768px) {
  .landingPage .look--04 .look__unit:last-child {
    grid-row: 4;
    grid-column: 5;
    margin-top: calc(26 * var(--rate));
    text-align: right;
  }
}
@media (max-width: 767px) {
  .landingPage .look--05 {
    --look-margin-top: calc(168 * var(--rate));
  }
}
@media (max-width: 767px) {
  .landingPage .look--05 .look-heading {
    top: calc(1115 * var(--rate));
    left: calc(30 * var(--rate));
    width: calc(281 * var(--rate));
  }
}
@media (min-width: 768px) {
  .landingPage .look--05 .look-heading {
    width: calc(171 * var(--rate));
    padding-right: calc(8 * var(--rate));
    --heading-en-padding-left: calc(58 * var(--rate));
  }
}
@media (min-width: 768px) {
  .landingPage .look--05 .look__block {
    grid-template-rows: calc(528 * var(--rate)) calc(111 * var(--rate)) calc(170 * var(--rate)) calc(260 * var(--rate)) calc(50 * var(--rate)) calc(520 * var(--rate));
    grid-template-columns: calc(85 * var(--rate)) calc(360 * var(--rate)) calc(180 * var(--rate)) calc(200 * var(--rate)) calc(60 * var(--rate)) calc(320 * var(--rate)) calc(65 * var(--rate));
  }
}
@media (min-width: 768px) {
  .landingPage .look--05 .look__unit:first-child {
    grid-row: 2;
    grid-column: 5/8;
    justify-self: end;
  }
}
@media (max-width: 767px) {
  .landingPage .look--05 .look__unit:nth-child(2) {
    padding-right: calc(41 * var(--rate));
    padding-left: calc(30 * var(--rate));
  }
}
@media (min-width: 768px) {
  .landingPage .look--05 .look__unit:nth-child(2) {
    grid-row: 1/4;
    grid-column: 2/4;
  }
}
@media (max-width: 767px) {
  .landingPage .look--05 .look__unit:nth-child(3) {
    padding-left: calc(260 * var(--rate));
    margin-top: calc(80 * var(--rate));
  }
}
@media (min-width: 768px) {
  .landingPage .look--05 .look__unit:nth-child(3) {
    grid-row: 3/6;
    grid-column: 6;
  }
}
@media (max-width: 767px) {
  .landingPage .look--05 .look__unit:nth-child(4) {
    padding-inline: calc(65 * var(--rate));
    margin-top: calc(60 * var(--rate));
  }
}
@media (min-width: 768px) {
  .landingPage .look--05 .look__unit:nth-child(4) {
    grid-row: 5/7;
    grid-column: 3/5;
  }
}
@media (max-width: 767px) {
  .landingPage .look--05 .look__unit:last-child {
    margin-top: calc(31 * var(--rate));
    text-align: center;
  }
}
@media (min-width: 768px) {
  .landingPage .look--05 .look__unit:last-child {
    grid-row: 4;
    grid-column: 2/4;
    margin-top: calc(26 * var(--rate));
  }
}
@media (max-width: 767px) {
  .landingPage .look--05 .look__unit:nth-child(1) {
    position: absolute;
    z-index: 10;
  }
}
@media (max-width: 767px) {
  .landingPage .look--05 .look__unit:not(:nth-child(1)) {
    position: relative;
    z-index: 1;
  }
}
.landingPage .foot {
  text-align: center;
}
@media (max-width: 767px) {
  .landingPage .foot {
    margin-top: calc(145 * var(--rate));
  }
}
@media (min-width: 768px) {
  .landingPage .foot {
    margin-top: calc(138 * var(--rate));
  }
}
.landingPage .foot__button {
  display: inline-block;
}
.landingPage .foot__button a {
  position: relative;
  font-family: var(--font-miller);
  font-weight: 300;
  text-align: center;
  letter-spacing: 0.04em;
  border-bottom: var(--color-gray-medium) 0.5px solid;
}
@media (max-width: 767px) {
  .landingPage .foot__button a {
    padding-bottom: calc(15 * var(--rate));
    margin-bottom: calc(4 * var(--rate));
    font-size: calc(44 * var(--rate));
  }
}
@media (min-width: 768px) {
  .landingPage .foot__button a {
    padding-bottom: calc(7 * var(--rate));
    margin-bottom: calc(3 * var(--rate));
    font-size: calc(23 * var(--rate));
  }
}
.landingPage .foot__button a::before {
  position: absolute;
  left: 0;
  display: inline-block;
  width: 100%;
  height: 0.5px;
  content: "";
  background-color: var(--color-gray-medium);
}
@media (max-width: 767px) {
  .landingPage .foot__button a::before {
    bottom: calc(-4 * var(--rate));
  }
}
@media (min-width: 768px) {
  .landingPage .foot__button a::before {
    bottom: calc(-3 * var(--rate));
  }
}
.landingPage .foot__credit {
  font-family: var(--font-miller);
  font-weight: 300;
  color: var(--color-gray-medium);
  text-align: center;
  letter-spacing: 0.07em;
}
@media (max-width: 767px) {
  .landingPage .foot__credit {
    margin-top: calc(150 * var(--rate));
    font-size: calc(25 * var(--rate));
    line-height: 1.848;
  }
}
@media (min-width: 768px) {
  .landingPage .foot__credit {
    margin-top: calc(134 * var(--rate));
    font-size: calc(14 * var(--rate));
    line-height: 1.85;
  }
}
.landingPage .foot__credit--bracket {
  font-family: var(--font-toppan);
}

/*# sourceMappingURL=style.css.map */