:root {
  --color-white: #fff;
  --color-black: #000;
  --color-gray: #A0A0A0;
  --color-yellow: #EDD07A;
  --color-beige: #DECAC0;
  --font-linotype-didot: "linotype-didot", serif;
  --font-YuMincho: "YuMincho", "Hiragino Mincho ProN", serif;
  --font-niveau: "niveau-grotesk", sans-serif;
}

@media (min-width: 1280px) {
  :root {
    --util: 1px;
  }
}
@media (min-width: 768px) and (max-width: 1279px) {
  :root {
    --util: 100vw / 1400;
  }
}
@media (max-width: 767px) {
  :root {
    --util: 100vw / 750;
  }
}
.landingPage > * {
  box-sizing: border-box !important;
}
.landingPage img,
.landingPage picture,
.landingPage a {
  display: block;
}
.landingPage img {
  width: 100%;
  height: auto;
  image-rendering: optimizequality;
}
.landingPage .js-fade {
  opacity: 0;
  visibility: hidden;
  transition: opacity 1.2s ease;
}
.landingPage .js-fade.inview {
  opacity: 1;
  visibility: visible;
}
.landingPage .js-fadeVr {
  opacity: 0;
  visibility: hidden;
  transform: translateY(25px);
  transition: opacity 1.2s, transform 1s ease;
}
.landingPage .js-fadeVr.inview {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
@media (max-width: 767px) {
  .landingPage {
    padding-bottom: calc(200 * var(--util));
  }
  .landingPage .without-pc {
    display: none;
  }
}
@media (min-width: 768px) {
  .landingPage {
    padding-top: calc(53 * var(--util));
    padding-bottom: calc(150 * var(--util));
  }
  .landingPage .without-sp {
    display: none;
  }
}
@media (min-width: 768px) {
  .landingPage__inner {
    margin-inline: auto;
    max-width: calc(1100 * var(--util));
  }
}
@media (min-width: 768px) {
  .landingPage .mainVisual {
    max-width: calc(850 * var(--util));
    margin-inline: auto;
  }
}
.landingPage .mainVisual__image.js-fade {
  transition: opacity 3s ease-in-out;
}
.landingPage .mainVisual__heading {
  position: relative;
  text-align: center;
  font-family: var(--font-YuMincho);
}
@media (max-width: 767px) {
  .landingPage .mainVisual__heading {
    margin-top: calc(79 * var(--util));
    padding-bottom: calc(48 * var(--util));
    font-size: calc(34 * var(--util));
  }
}
@media (min-width: 768px) {
  .landingPage .mainVisual__heading {
    margin-top: calc(79 * var(--util));
    padding-bottom: calc(35 * var(--util));
    font-size: calc(20 * var(--util));
    font-feature-settings: "palt";
    letter-spacing: 0.1em;
  }
}
.landingPage .mainVisual__heading::before {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  margin-inline: auto;
  background: var(--color-yellow);
  content: "";
}
@media (max-width: 767px) {
  .landingPage .mainVisual__heading::before {
    width: calc(46 * var(--util));
    height: calc(6 * var(--util));
  }
}
@media (min-width: 768px) {
  .landingPage .mainVisual__heading::before {
    width: calc(30 * var(--util));
    height: calc(4 * var(--util));
  }
}
.landingPage .mainVisual__desc {
  text-align: center;
}
@media (max-width: 767px) {
  .landingPage .mainVisual__desc {
    margin-top: calc(30 * var(--util));
    font-size: calc(24 * var(--util));
    line-height: 2.6666666667;
  }
}
@media (min-width: 768px) {
  .landingPage .mainVisual__desc {
    margin-top: calc(20 * var(--util));
    font-size: calc(16 * var(--util));
    line-height: 2.875;
  }
}
.landingPage .staffCredit {
  text-align: center;
  font-family: var(--font-linotype-didot);
}
@media (max-width: 767px) {
  .landingPage .staffCredit {
    margin-top: calc(183 * var(--util));
    font-size: calc(23 * var(--util));
    line-height: 1.7826086957;
  }
}
@media (min-width: 768px) {
  .landingPage .staffCredit {
    margin-top: calc(116 * var(--util));
    font-size: calc(13 * var(--util));
    line-height: 1.8461538462;
  }
}
.landingPage .linkButton {
  margin-inline: auto;
  text-align: center;
}
@media (max-width: 767px) {
  .landingPage .linkButton {
    width: calc(675 * var(--util));
    height: calc(120 * var(--util));
    margin-top: calc(195 * var(--util));
    font-size: calc(28 * var(--util));
  }
}
@media (min-width: 768px) {
  .landingPage .linkButton {
    width: calc(380 * var(--util));
    height: calc(64 * var(--util));
    margin-top: calc(146 * var(--util));
    font-size: calc(18 * var(--util));
  }
}
.landingPage .linkButton a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  border: 1px solid var(--color-black);
  letter-spacing: 0.06em;
}
.landingPage .style {
  display: grid;
  justify-content: center;
}
.landingPage .style__num {
  position: relative;
  font-family: var(--font-linotype-didot);
  font-style: italic;
  pointer-events: none;
  z-index: 2;
}
@media (max-width: 767px) {
  .landingPage .style__num {
    font-size: calc(60 * var(--util));
    writing-mode: vertical-lr;
  }
}
@media (min-width: 768px) {
  .landingPage .style__num {
    font-size: calc(34 * var(--util));
  }
}
.landingPage .style__num span {
  position: relative;
  display: inline-block;
}
@media (max-width: 767px) {
  .landingPage .style__num span {
    font-size: calc(48 * var(--util));
    padding-bottom: calc(46 * var(--util));
    transform: translateX(calc(-2 * var(--util)));
  }
}
@media (min-width: 768px) {
  .landingPage .style__num span {
    font-size: calc(28 * var(--util));
    padding-right: calc(26 * var(--util));
  }
}
.landingPage .style__num span::after {
  position: absolute;
  bottom: 0;
  margin-block: auto;
  display: block;
  background: var(--color-black);
  content: "";
}
@media (max-width: 767px) {
  .landingPage .style__num span::after {
    top: 0;
    left: 0;
    right: 0;
    bottom: calc(11 * var(--util));
    top: initial;
    width: calc(1 * var(--util));
    height: calc(18 * var(--util));
  }
}
@media (min-width: 768px) {
  .landingPage .style__num span::after {
    top: calc(-7 * var(--util));
    right: calc(8 * var(--util));
    height: calc(1 * var(--util));
    width: calc(10 * var(--util));
  }
}
.landingPage .style__desc {
  position: relative;
  font-feature-settings: "pwid";
  pointer-events: none;
}
@media (max-width: 767px) {
  .landingPage .style__desc {
    font-size: calc(22 * var(--util));
    line-height: 1.8181818182;
    letter-spacing: 0.025em;
  }
}
@media (min-width: 768px) {
  .landingPage .style__desc {
    font-size: calc(14 * var(--util));
    line-height: 1.8571428571;
    letter-spacing: 0.02em;
  }
}
.landingPage .style__credit {
  font-family: var(--font-linotype-didot);
  letter-spacing: 0.02em;
}
@media (max-width: 767px) {
  .landingPage .style__credit {
    font-size: calc(23 * var(--util));
    line-height: 1.7826086957;
  }
}
@media (min-width: 768px) {
  .landingPage .style__credit {
    font-size: calc(13 * var(--util));
    line-height: 1.8461538462;
  }
}
.landingPage .style__credit span {
  display: inline-block;
}
@media (max-width: 767px) {
  .landingPage .style__credit span {
    padding-right: calc(20 * var(--util));
  }
}
@media (min-width: 768px) {
  .landingPage .style__credit span {
    padding-right: calc(12 * var(--util));
  }
}
.landingPage .style__comment {
  position: relative;
}
@media (max-width: 767px) {
  .landingPage .style__comment {
    padding-top: calc(39 * var(--util));
    padding-bottom: calc(16 * var(--util));
    padding-inline: calc(50 * var(--util));
  }
}
@media (min-width: 768px) {
  .landingPage .style__comment {
    padding-top: calc(27 * var(--util));
    padding-bottom: calc(13 * var(--util));
    padding-inline: calc(30 * var(--util));
  }
}
.landingPage .style__comment::before, .landingPage .style__comment::after {
  display: block;
  position: absolute;
  content: "";
}
@media (max-width: 767px) {
  .landingPage .style__comment::before, .landingPage .style__comment::after {
    width: calc(39 * var(--util));
    height: calc(75 * var(--util));
  }
}
@media (min-width: 768px) {
  .landingPage .style__comment::before, .landingPage .style__comment::after {
    width: calc(21 * var(--util));
    height: calc(41 * var(--util));
  }
}
.landingPage .style__comment::before {
  top: 0;
  left: 0;
  border-top: 1px solid var(--color-gray);
  border-left: 1px solid var(--color-gray);
}
.landingPage .style__comment::after {
  bottom: 0;
  right: 0;
  border-bottom: 1px solid var(--color-gray);
  border-right: 1px solid var(--color-gray);
}
.landingPage .style__comment-title {
  font-family: var(--font-linotype-didot);
  font-style: italic;
  letter-spacing: -0.01em;
}
@media (max-width: 767px) {
  .landingPage .style__comment-title {
    font-size: calc(30 * var(--util));
  }
}
@media (min-width: 768px) {
  .landingPage .style__comment-title {
    font-size: calc(18 * var(--util));
  }
}
.landingPage .style__comment-text {
  font-feature-settings: "pwid";
  letter-spacing: 0.02em;
}
@media (max-width: 767px) {
  .landingPage .style__comment-text {
    margin-top: calc(21 * var(--util));
    font-size: calc(22 * var(--util));
    line-height: 1.8181818182;
  }
}
@media (min-width: 768px) {
  .landingPage .style__comment-text {
    margin-top: calc(16 * var(--util));
    font-size: calc(14 * var(--util));
    line-height: 1.8571428571;
  }
}
.landingPage .style__point {
  position: relative;
  pointer-events: none;
}
.landingPage .style__point .js-fadeVr {
  transition-delay: 0.2s;
}
.landingPage .style__item-num {
  position: relative;
  font-family: var(--font-linotype-didot);
  font-style: italic;
}
@media (max-width: 767px) {
  .landingPage .style__item-num {
    display: flex;
    justify-content: center;
    font-size: calc(44 * var(--util));
    line-height: 1.5;
    letter-spacing: 0.1em;
  }
}
@media (min-width: 768px) {
  .landingPage .style__item-num {
    padding-bottom: calc(32 * var(--util));
    font-size: calc(24 * var(--util));
    letter-spacing: 0.02em;
  }
}
.landingPage .style__item-num span {
  background: var(--color-white);
}
@media (max-width: 767px) {
  .landingPage .style__item-num span {
    position: relative;
    padding-left: calc(21 * var(--util));
    padding-right: calc(10 * var(--util));
    letter-spacing: 0.02em;
    transform: translateY(calc(3 * var(--util)));
  }
}
.landingPage .style__item-num::before {
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 1px;
  background: var(--color-black);
  content: "";
}
@media (max-width: 767px) {
  .landingPage .style__item-num::before {
    top: 0;
    margin-block: auto;
  }
}
.landingPage .style__item-name {
  font-family: var(--font-YuMincho);
}
@media (max-width: 767px) {
  .landingPage .style__item-name {
    font-size: calc(35 * var(--util));
    line-height: 1.4857142857;
    text-align: center;
  }
}
@media (min-width: 768px) {
  .landingPage .style__item-name {
    font-size: calc(20 * var(--util));
    line-height: 1.6;
  }
}
.landingPage .style__item-price {
  font-family: var(--font-linotype-didot);
  letter-spacing: 0.02em;
}
@media (max-width: 767px) {
  .landingPage .style__item-price {
    margin-top: calc(39 * var(--util));
    font-size: calc(29 * var(--util));
    text-align: center;
  }
}
@media (min-width: 768px) {
  .landingPage .style__item-price {
    margin-top: calc(15 * var(--util));
    font-size: calc(16 * var(--util));
    line-height: 1.5;
  }
}
.landingPage .style__item-price a {
  display: inline-flex;
  align-items: center;
}
@media (max-width: 767px) {
  .landingPage .style__item-price a {
    -moz-column-gap: calc(17 * var(--util));
         column-gap: calc(17 * var(--util));
    justify-content: center;
    letter-spacing: 0;
  }
}
@media (min-width: 768px) {
  .landingPage .style__item-price a {
    -moz-column-gap: calc(12 * var(--util));
         column-gap: calc(12 * var(--util));
  }
}
@media (max-width: 767px) {
  .landingPage .style__item-price a:nth-child(3) {
    padding-top: calc(28 * var(--util));
    padding-bottom: calc(3 * var(--util));
  }
}
@media (min-width: 768px) {
  .landingPage .style__item-price a:nth-child(3) {
    padding-top: calc(10 * var(--util));
  }
}
.landingPage .style__item-color {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-bottom: calc(1 * var(--util));
  font-family: var(--font-niveau);
  letter-spacing: 0.05em;
}
@media (max-width: 767px) {
  .landingPage .style__item-color {
    width: calc(70 * var(--util));
    height: calc(30 * var(--util));
    font-size: calc(23 * var(--util));
  }
}
@media (min-width: 768px) {
  .landingPage .style__item-color {
    width: calc(44 * var(--util));
    height: calc(18 * var(--util));
    font-size: calc(14 * var(--util));
    transform: translateY(calc(-1 * var(--util)));
  }
}
.landingPage .style__item-color--black {
  background: var(--color-black);
  color: var(--color-white);
}
.landingPage .style__item-color--beige {
  background: var(--color-beige);
  color: var(--color-black);
}
.landingPage .style__item-info {
  font-family: var(--font-YuMincho);
}
@media (max-width: 767px) {
  .landingPage .style__item-info {
    margin-top: calc(45 * var(--util));
    text-align: center;
    font-size: calc(27 * var(--util));
    line-height: 1.8148148148;
  }
}
@media (min-width: 768px) {
  .landingPage .style__item-info {
    margin-top: calc(44 * var(--util));
    font-size: calc(16 * var(--util));
    line-height: 1.75;
  }
}
@media (max-width: 767px) {
  .landingPage .style__01 {
    margin-top: calc(144 * var(--util));
    grid-template-columns: calc(50 * var(--util)) calc(110 * var(--util)) calc(425 * var(--util)) calc(5 * var(--util)) calc(80 * var(--util)) calc(30 * var(--util)) calc(50 * var(--util));
    grid-template-rows: calc(70 * var(--util)) calc(50 * var(--util)) calc(645 * var(--util)) calc(64 * var(--util)) calc(268 * var(--util)) calc(134 * var(--util)) calc(34 * var(--util)) calc(237 * var(--util)) calc(702 * var(--util)) calc(74 * var(--util)) calc(200 * var(--util)) calc(30 * var(--util)) calc(40 * var(--util));
  }
}
@media (min-width: 768px) {
  .landingPage .style__01 {
    margin-top: calc(134 * var(--util));
    grid-template-columns: calc(75 * var(--util)) calc(62 * var(--util)) calc(163 * var(--util)) calc(55 * var(--util)) calc(25 * var(--util)) calc(55 * var(--util)) calc(290 * var(--util)) calc(75 * var(--util));
    grid-template-rows: calc(94 * var(--util)) calc(32 * var(--util)) calc(32 * var(--util)) calc(180 * var(--util)) calc(82 * var(--util)) calc(120 * var(--util)) calc(169 * var(--util)) calc(54 * var(--util)) calc(16 * var(--util)) calc(155 * var(--util)) calc(25 * var(--util)) calc(50 * var(--util)) calc(160 * var(--util));
  }
}
@media (max-width: 767px) {
  .landingPage .style__01 .style__item-num {
    grid-column: span 7;
    grid-row: 1/2;
  }
}
@media (min-width: 768px) {
  .landingPage .style__01 .style__item-num {
    grid-column: 7/8;
    grid-row: 2/3;
  }
}
@media (max-width: 767px) {
  .landingPage .style__01 .style__detail {
    grid-column: 3/5;
    grid-row: 5/6;
  }
}
@media (min-width: 768px) {
  .landingPage .style__01 .style__detail {
    grid-column: 7/10;
    grid-row: 4/5;
  }
}
@media (max-width: 767px) {
  .landingPage .style__01 .style__image:first-of-type {
    grid-column: 3/5;
    grid-row: 3/4;
  }
}
@media (min-width: 768px) {
  .landingPage .style__01 .style__image:first-of-type {
    grid-column: 2/5;
    grid-row: 1/6;
  }
}
@media (max-width: 767px) {
  .landingPage .style__01 .style__image:last-of-type {
    grid-column: 2/7;
    grid-row: 7/10;
  }
}
@media (min-width: 768px) {
  .landingPage .style__01 .style__image:last-of-type {
    grid-column: 6/9;
    grid-row: 7/14;
  }
}
@media (max-width: 767px) {
  .landingPage .style__01 .style__num {
    grid-column: 4/6;
    grid-row: 8/9;
    transform: translateX(calc(31 * var(--util)));
  }
}
@media (min-width: 768px) {
  .landingPage .style__01 .style__num {
    grid-column: 1/3;
    grid-row: 8/9;
  }
}
@media (max-width: 767px) {
  .landingPage .style__01 .style__desc {
    grid-column: 2/7;
    grid-row: 11/12;
  }
}
@media (min-width: 768px) {
  .landingPage .style__01 .style__desc {
    grid-column: 1/4;
    grid-row: 10/11;
  }
}
@media (max-width: 767px) {
  .landingPage .style__01 .style__credit {
    grid-column: 2/7;
    grid-row: 13/14;
  }
}
@media (min-width: 768px) {
  .landingPage .style__01 .style__credit {
    grid-column: 1/4;
    grid-row: 12/13;
  }
}
@media (max-width: 767px) {
  .landingPage .style__02 {
    margin-top: calc(160 * var(--util));
    grid-template-columns: calc(50 * var(--util)) calc(23 * var(--util)) calc(6 * var(--util)) calc(41 * var(--util)) calc(203 * var(--util)) calc(377 * var(--util)) calc(50 * var(--util));
    grid-template-rows: calc(35 * var(--util)) calc(237 * var(--util)) calc(853 * var(--util)) calc(80 * var(--util)) calc(354 * var(--util)) calc(79 * var(--util)) calc(493 * var(--util)) calc(169 * var(--util)) calc(208 * var(--util)) calc(43 * var(--util)) calc(81 * var(--util));
  }
}
@media (min-width: 768px) {
  .landingPage .style__02 {
    margin-top: calc(150 * var(--util));
    grid-template-columns: calc(480 * var(--util)) calc(76 * var(--util)) calc(44 * var(--util)) calc(125 * var(--util)) calc(14 * var(--util)) calc(221 * var(--util));
    grid-template-rows: calc(22 * var(--util)) calc(57 * var(--util)) calc(16 * var(--util)) calc(235 * var(--util)) calc(79 * var(--util)) calc(305 * var(--util)) calc(6 * var(--util)) calc(31 * var(--util)) calc(46 * var(--util)) calc(22 * var(--util)) calc(130 * var(--util));
  }
}
@media (max-width: 767px) {
  .landingPage .style__02 .style__image:first-of-type {
    grid-column: 1/8;
    grid-row: 1/4;
  }
}
@media (min-width: 768px) {
  .landingPage .style__02 .style__image:first-of-type {
    grid-column: 1/2;
    grid-row: 1/8;
  }
}
@media (max-width: 767px) {
  .landingPage .style__02 .style__image:nth-of-type(3) {
    grid-column: 5/7;
    grid-row: 7/10;
  }
}
@media (min-width: 768px) {
  .landingPage .style__02 .style__image:nth-of-type(3) {
    grid-column: 4/7;
    grid-row: 6/13;
  }
}
@media (max-width: 767px) {
  .landingPage .style__02 .style__num {
    grid-column: 1/4;
    grid-row: 2/3;
    transform: translateX(calc(24 * var(--util)));
  }
}
@media (min-width: 768px) {
  .landingPage .style__02 .style__num {
    grid-column: 4/6;
    grid-row: 2/3;
  }
}
@media (max-width: 767px) {
  .landingPage .style__02 .style__credit {
    grid-column: 5/7;
    grid-row: 11/12;
  }
}
@media (min-width: 768px) {
  .landingPage .style__02 .style__credit {
    grid-column: 1/2;
    grid-row: 9/10;
  }
}
@media (max-width: 767px) {
  .landingPage .style__02 .style__comment {
    grid-column: 2/7;
    grid-row: 5/6;
  }
}
@media (min-width: 768px) {
  .landingPage .style__02 .style__comment {
    grid-column: 4/7;
    grid-row: 4/5;
  }
}
@media (max-width: 767px) {
  .landingPage .style__02 .style__comment-text {
    letter-spacing: 0.03em;
  }
}
@media (max-width: 767px) {
  .landingPage .style__02 .style__point {
    grid-column: 3/6;
    grid-row: 8/9;
  }
}
@media (min-width: 768px) {
  .landingPage .style__02 .style__point {
    grid-column: 3/5;
    grid-row: 7/11;
  }
}
@media (max-width: 767px) {
  .landingPage .style__03 {
    margin-top: calc(155 * var(--util));
    grid-template-columns: calc(50 * var(--util)) calc(110 * var(--util)) calc(425 * var(--util)) calc(5 * var(--util)) calc(80 * var(--util)) calc(30 * var(--util)) calc(50 * var(--util));
    grid-template-rows: calc(70 * var(--util)) calc(50 * var(--util)) calc(645 * var(--util)) calc(62 * var(--util)) calc(320 * var(--util)) calc(135 * var(--util)) calc(35 * var(--util)) calc(237 * var(--util)) calc(702 * var(--util)) calc(74 * var(--util)) calc(200 * var(--util)) calc(29 * var(--util)) calc(81 * var(--util));
  }
}
@media (min-width: 768px) {
  .landingPage .style__03 {
    margin-top: calc(170 * var(--util));
    padding-left: calc(77 * var(--util));
    grid-template-columns: calc(100 * var(--util)) calc(190 * var(--util)) calc(80 * var(--util)) calc(87 * var(--util)) calc(93 * var(--util)) calc(44 * var(--util)) calc(56 * var(--util)) calc(77 * var(--util));
    grid-template-rows: calc(64 * var(--util)) calc(32 * var(--util)) calc(32 * var(--util)) calc(243 * var(--util)) calc(49 * var(--util)) calc(120 * var(--util)) calc(105 * var(--util)) calc(52 * var(--util)) calc(16 * var(--util)) calc(202 * var(--util)) calc(300 * var(--util)) calc(31 * var(--util)) calc(46 * var(--util));
  }
}
@media (max-width: 767px) {
  .landingPage .style__03 .style__item-num {
    grid-column: span 7;
    grid-row: 1/2;
  }
}
@media (min-width: 768px) {
  .landingPage .style__03 .style__item-num {
    grid-column: 1/3;
    grid-row: 2/3;
  }
}
@media (max-width: 767px) {
  .landingPage .style__03 .style__detail {
    grid-column: span 7;
    grid-row: 5/6;
  }
}
@media (min-width: 768px) {
  .landingPage .style__03 .style__detail {
    grid-column: 1/3;
    grid-row: 4/5;
  }
}
@media (max-width: 767px) {
  .landingPage .style__03 .style__image:first-of-type {
    grid-column: 3/5;
    grid-row: 3/4;
  }
}
@media (min-width: 768px) {
  .landingPage .style__03 .style__image:first-of-type {
    grid-column: 4/8;
    grid-row: 1/6;
  }
}
@media (max-width: 767px) {
  .landingPage .style__03 .style__image:last-of-type {
    grid-column: 2/7;
    grid-row: 7/10;
  }
}
@media (min-width: 768px) {
  .landingPage .style__03 .style__image:last-of-type {
    grid-column: 2/6;
    grid-row: 7/12;
  }
}
@media (max-width: 767px) {
  .landingPage .style__03 .style__num {
    grid-column: 5/6;
    grid-row: 8/9;
    transform: translateX(calc(26 * var(--util)));
  }
}
@media (min-width: 768px) {
  .landingPage .style__03 .style__num {
    grid-column: 5/7;
    grid-row: 8/9;
  }
}
.landingPage .style__03 .style__desc {
  position: relative;
}
@media (max-width: 767px) {
  .landingPage .style__03 .style__desc {
    grid-column: 2/7;
    grid-row: 11/12;
  }
}
@media (min-width: 768px) {
  .landingPage .style__03 .style__desc {
    grid-column: 5/9;
    grid-row: 10/11;
  }
}
@media (max-width: 767px) {
  .landingPage .style__03 .style__credit {
    grid-column: 2/7;
    grid-row: 13/14;
  }
}
@media (min-width: 768px) {
  .landingPage .style__03 .style__credit {
    grid-column: 2/6;
    grid-row: 13/14;
  }
}
@media (max-width: 767px) {
  .landingPage .style__04 {
    margin-top: calc(163 * var(--util));
    grid-template-columns: calc(50 * var(--util)) calc(70 * var(--util)) calc(47 * var(--util)) calc(247 * var(--util)) calc(126 * var(--util)) calc(95 * var(--util)) calc(65 * var(--util)) calc(50 * var(--util));
    grid-template-rows: calc(237 * var(--util)) calc(498 * var(--util)) calc(80 * var(--util)) calc(426 * var(--util)) calc(144 * var(--util)) calc(375 * var(--util)) calc(40 * var(--util)) calc(81 * var(--util)) calc(72 * var(--util)) calc(352 * var(--util));
  }
}
@media (min-width: 768px) {
  .landingPage .style__04 {
    margin-top: calc(126 * var(--util));
    padding-left: calc(30 * var(--util));
    grid-template-columns: calc(10 * var(--util)) calc(320 * var(--util)) calc(10 * var(--util)) calc(110 * var(--util)) calc(26 * var(--util)) calc(169 * var(--util)) calc(88 * var(--util)) calc(137 * var(--util));
    grid-template-rows: calc(130 * var(--util)) calc(57 * var(--util)) calc(16 * var(--util)) calc(277 * var(--util)) calc(94 * var(--util)) calc(3 * var(--util)) calc(257 * var(--util)) calc(31 * var(--util)) calc(46 * var(--util));
  }
}
@media (max-width: 767px) {
  .landingPage .style__04 .style__image:first-of-type {
    grid-column: 2/6;
    grid-row: 1/3;
  }
}
@media (min-width: 768px) {
  .landingPage .style__04 .style__image:first-of-type {
    grid-column: 2/3;
    grid-row: 1/5;
  }
}
@media (max-width: 767px) {
  .landingPage .style__04 .style__image:nth-of-type(2) {
    grid-column: 3/9;
    grid-row: 4/7;
  }
}
@media (min-width: 768px) {
  .landingPage .style__04 .style__image:nth-of-type(2) {
    grid-column: 5/9;
    grid-row: 4/8;
  }
}
@media (max-width: 767px) {
  .landingPage .style__04 .style__num {
    grid-column: 6/7;
    grid-row: 1/2;
    transform: translateX(calc(40 * var(--util)));
  }
}
@media (min-width: 768px) {
  .landingPage .style__04 .style__num {
    grid-column: 8/9;
    grid-row: 2/3;
  }
}
@media (max-width: 767px) {
  .landingPage .style__04 .style__credit {
    grid-column: 3/9;
    grid-row: 8/9;
  }
}
@media (min-width: 768px) {
  .landingPage .style__04 .style__credit {
    grid-column: 5/9;
    grid-row: 9/10;
  }
}
@media (max-width: 767px) {
  .landingPage .style__04 .style__comment {
    grid-column: 2/8;
    grid-row: 10/11;
  }
}
@media (min-width: 768px) {
  .landingPage .style__04 .style__comment {
    grid-column: 1/4;
    grid-row: 6/8;
  }
}
@media (max-width: 767px) {
  .landingPage .style__04 .style__point {
    grid-column: 4/5;
    grid-row: 5/6;
  }
}
@media (min-width: 768px) {
  .landingPage .style__04 .style__point {
    grid-column: 6/7;
    grid-row: 5/7;
  }
}
@media (max-width: 767px) {
  .landingPage .style__05 {
    margin-top: calc(183 * var(--util));
    grid-template-columns: calc(45 * var(--util)) calc(5 * var(--util)) calc(110 * var(--util)) calc(213 * var(--util)) calc(167 * var(--util)) calc(32 * var(--util)) calc(8 * var(--util)) calc(10 * var(--util)) calc(85 * var(--util)) calc(25 * var(--util)) calc(5 * var(--util)) calc(45 * var(--util));
    grid-template-rows: calc(70 * var(--util)) calc(52 * var(--util)) calc(645 * var(--util)) calc(62 * var(--util)) calc(379 * var(--util)) calc(136 * var(--util)) calc(35 * var(--util)) calc(239 * var(--util)) calc(718 * var(--util)) calc(79 * var(--util)) calc(312 * var(--util)) calc(79 * var(--util)) calc(217 * var(--util)) calc(147 * var(--util)) calc(446 * var(--util)) calc(41 * var(--util)) calc(122 * var(--util));
  }
}
@media (min-width: 768px) {
  .landingPage .style__05 {
    margin-top: calc(166 * var(--util));
    padding-left: calc(20 * var(--util));
    grid-template-columns: calc(85 * var(--util)) calc(85 * var(--util)) calc(81 * var(--util)) calc(109 * var(--util)) calc(5 * var(--util)) calc(15 * var(--util)) calc(15 * var(--util)) calc(50 * var(--util)) calc(55 * var(--util)) calc(54 * var(--util)) calc(96 * var(--util)) calc(41 * var(--util)) calc(44 * var(--util)) calc(105 * var(--util));
    grid-template-rows: calc(63 * var(--util)) calc(31 * var(--util)) calc(33 * var(--util)) calc(240 * var(--util)) calc(53 * var(--util)) calc(120 * var(--util)) calc(291 * var(--util)) calc(58 * var(--util)) calc(371 * var(--util)) calc(80 * var(--util)) calc(70 * var(--util)) calc(72 * var(--util)) calc(96 * var(--util)) calc(92 * var(--util)) calc(48 * var(--util)) calc(162 * var(--util)) calc(11 * var(--util));
  }
}
@media (max-width: 767px) {
  .landingPage .style__05 .style__item-num {
    grid-column: span 12;
    grid-row: 1/2;
  }
}
@media (min-width: 768px) {
  .landingPage .style__05 .style__item-num {
    grid-column: 9/14;
    grid-row: 2/3;
  }
}
@media (max-width: 767px) {
  .landingPage .style__05 .style__detail {
    grid-column: span 12;
    grid-row: 5/6;
  }
}
@media (min-width: 768px) {
  .landingPage .style__05 .style__detail {
    grid-column: 9/14;
    grid-row: 4/5;
  }
}
@media (max-width: 767px) {
  .landingPage .style__05 .style__image:first-of-type {
    grid-column: 4/9;
    grid-row: 3/4;
  }
}
@media (min-width: 768px) {
  .landingPage .style__05 .style__image:first-of-type {
    grid-column: 2/6;
    grid-row: 1/6;
  }
}
@media (max-width: 767px) {
  .landingPage .style__05 .style__image:nth-of-type(3) {
    grid-column: 2/12;
    grid-row: 7/10;
  }
}
@media (min-width: 768px) {
  .landingPage .style__05 .style__image:nth-of-type(3) {
    grid-column: 3/12;
    grid-row: 7/10;
  }
}
@media (max-width: 767px) {
  .landingPage .style__05 .style__image:nth-of-type(5) {
    grid-column: 1/6;
    grid-row: 13/16;
  }
}
@media (min-width: 768px) {
  .landingPage .style__05 .style__image:nth-of-type(5) {
    grid-column: 1/5;
    grid-row: 11/17;
  }
}
@media (max-width: 767px) {
  .landingPage .style__05 .style__num {
    grid-column: 9/10;
    grid-row: 8/9;
    transform: translateX(calc(31 * var(--util)));
  }
}
@media (min-width: 768px) {
  .landingPage .style__05 .style__num {
    grid-column: 11/13;
    grid-row: 8/9;
  }
}
@media (max-width: 767px) {
  .landingPage .style__05 .style__credit {
    grid-column: 3/10;
    grid-row: 17/18;
  }
}
@media (min-width: 768px) {
  .landingPage .style__05 .style__credit {
    grid-column: 8/11;
    grid-row: 16/18;
  }
}
@media (max-width: 767px) {
  .landingPage .style__05 .style__comment {
    grid-column: 3/11;
    grid-row: 11/12;
  }
  .landingPage .style__05 .style__comment-text {
    letter-spacing: 0.01em;
  }
}
@media (min-width: 768px) {
  .landingPage .style__05 .style__comment {
    grid-column: 10/15;
    grid-row: 12/15;
  }
}
@media (max-width: 767px) {
  .landingPage .style__05 .style__point {
    grid-column: 5/7;
    grid-row: 14/15;
  }
}
@media (min-width: 768px) {
  .landingPage .style__05 .style__point {
    grid-column: 4/7;
    grid-row: 13/14;
  }
}
@media (max-width: 767px) {
  .landingPage .style__06 {
    margin-top: calc(162 * var(--util));
    grid-template-columns: calc(45 * var(--util)) calc(5 * var(--util)) calc(23 * var(--util)) calc(95 * var(--util)) calc(42 * var(--util)) calc(430 * var(--util)) calc(60 * var(--util)) calc(50 * var(--util));
    grid-template-rows: calc(237 * var(--util)) calc(573 * var(--util)) calc(80 * var(--util)) calc(328 * var(--util)) calc(144 * var(--util)) calc(488 * var(--util)) calc(40 * var(--util)) calc(122 * var(--util)) calc(70 * var(--util)) calc(314 * var(--util));
  }
}
@media (min-width: 768px) {
  .landingPage .style__06 {
    margin-top: calc(138 * var(--util));
    grid-template-columns: calc(31 * var(--util)) calc(106 * var(--util)) calc(10 * var(--util)) calc(293 * var(--util)) calc(120 * var(--util)) calc(360 * var(--util));
    grid-template-rows: calc(169 * var(--util)) calc(59 * var(--util)) calc(16 * var(--util)) calc(243 * var(--util)) calc(53 * var(--util)) calc(29 * var(--util)) calc(101 * var(--util)) calc(234 * var(--util)) calc(29 * var(--util)) calc(46 * var(--util));
  }
}
@media (max-width: 767px) {
  .landingPage .style__06 .style__image:first-of-type {
    grid-column: 6/9;
    grid-row: 1/3;
  }
}
@media (min-width: 768px) {
  .landingPage .style__06 .style__image:first-of-type {
    grid-column: 6/7;
    grid-row: 1/6;
  }
}
@media (max-width: 767px) {
  .landingPage .style__06 .style__image:nth-of-type(2) {
    grid-column: 1/7;
    grid-row: 4/7;
  }
}
@media (min-width: 768px) {
  .landingPage .style__06 .style__image:nth-of-type(2) {
    grid-column: 1/5;
    grid-row: 4/9;
  }
}
@media (max-width: 767px) {
  .landingPage .style__06 .style__num {
    grid-column: 4/5;
    grid-row: 1/2;
    transform: translateX(calc(41 * var(--util)));
  }
}
@media (min-width: 768px) {
  .landingPage .style__06 .style__num {
    grid-column: 1/4;
    grid-row: 2/3;
  }
}
@media (max-width: 767px) {
  .landingPage .style__06 .style__credit {
    grid-column: 3/8;
    grid-row: 8/9;
  }
}
@media (min-width: 768px) {
  .landingPage .style__06 .style__credit {
    grid-column: 1/6;
    grid-row: 10/11;
  }
}
@media (max-width: 767px) {
  .landingPage .style__06 .style__comment {
    grid-column: 3/8;
    grid-row: 10/11;
  }
}
@media (min-width: 768px) {
  .landingPage .style__06 .style__comment {
    grid-column: 6/7;
    grid-row: 8/9;
  }
}
@media (max-width: 767px) {
  .landingPage .style__06 .style__point {
    grid-column: 2/6;
    grid-row: 5/6;
  }
}
@media (min-width: 768px) {
  .landingPage .style__06 .style__point {
    grid-column: 2/4;
    grid-row: 5/7;
  }
}
@media (max-width: 767px) {
  .landingPage .style__07 {
    margin-top: calc(170 * var(--util));
    grid-template-columns: calc(50 * var(--util)) calc(29 * var(--util)) calc(16 * var(--util)) calc(79 * var(--util)) calc(481 * var(--util)) calc(45 * var(--util)) calc(50 * var(--util));
    grid-template-rows: calc(35 * var(--util)) calc(237 * var(--util)) calc(568 * var(--util)) calc(73 * var(--util)) calc(200 * var(--util)) calc(31 * var(--util)) calc(81 * var(--util));
  }
}
@media (min-width: 768px) {
  .landingPage .style__07 {
    margin-top: calc(146 * var(--util));
    grid-template-columns: calc(137 * var(--util)) calc(143 * var(--util)) calc(80 * var(--util)) calc(360 * var(--util));
    grid-template-rows: calc(101 * var(--util)) calc(53 * var(--util)) calc(16 * var(--util)) calc(180 * var(--util)) calc(25 * var(--util)) calc(70 * var(--util)) calc(95 * var(--util));
  }
}
@media (max-width: 767px) {
  .landingPage .style__07 .style__image {
    grid-column: 4/6;
    grid-row: 1/4;
  }
}
@media (min-width: 768px) {
  .landingPage .style__07 .style__image {
    grid-column: 4/5;
    grid-row: 1/8;
  }
}
@media (max-width: 767px) {
  .landingPage .style__07 .style__num {
    grid-column: 3/5;
    grid-row: 2/3;
    transform: translateX(calc(41 * var(--util)));
  }
}
@media (min-width: 768px) {
  .landingPage .style__07 .style__num {
    grid-column: 1/2;
    grid-row: 2/3;
  }
}
@media (max-width: 767px) {
  .landingPage .style__07 .style__credit {
    grid-column: 2/7;
    grid-row: 7/8;
  }
}
@media (min-width: 768px) {
  .landingPage .style__07 .style__credit {
    grid-column: 1/3;
    grid-row: 6/7;
  }
}
@media (max-width: 767px) {
  .landingPage .style__07 .style__desc {
    grid-column: 2/7;
    grid-row: 5/6;
  }
}
@media (min-width: 768px) {
  .landingPage .style__07 .style__desc {
    grid-column: 1/3;
    grid-row: 4/5;
  }
}
/*# sourceMappingURL=style.css.map */