@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=LINE+Seed+JP:wght@400;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Climate+Crisis:YEAR@1979&display=swap");
/**
  * @param {number} $min - 通常文章で使うような文字のPC時の文字サイズ
  * @param {number} $min-small - 通常文章で使うような文字のSP時の文字サイズ
  * @param {number} $max - 通常見出しで使うような文字のPC時の文字サイズ
  * @param {number} $max-small - 通常見出しで使うような文字のSP時の文字サイズ
  */
@layer theme, base, components, utilities;
@layer theme {
  :root {
    --font-ja: "LINE Seed JP", sans-serif;
    --font-en: "Climate Crisis", sans-serif;
    --color-white-00: #fff;
    --color-black-100: #040404;
    --color-black-90: #1b1b1b;
    --color-black-70: #232323;
    --color-black-50: #565656;
    --color-gray-100: #888;
    --color-gray-50: #ccc;
    --color-gray-30: #eaeaea;
    --color-gray-10: #f5f5f5;
    --color-red-100: #cf4949;
    --color-lightblue-100: #5ae6cd;
    --color-blue-100: #1b78fa;
    --color-orange-100: #ef5d1d;
    --color-green-100: #38d44a;
    --color-lightgreen-100: #daef1d;
    --ease-in-sine: cubic-bezier(0.47, 0, 0.745, 0.715);
    --ease-in-quad: cubic-bezier(0.55, 0.085, 0.68, 0.53);
    --ease-in-cubic: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    --ease-in-quart: cubic-bezier(0.895, 0.03, 0.685, 0.22);
    --ease-in-quint: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    --ease-in-expo: cubic-bezier(0.95, 0.05, 0.795, 0.035);
    --ease-in-circ: cubic-bezier(0.6, 0.04, 0.98, 0.335);
    --ease-in-back: cubic-bezier(0.6, -0.28, 0.735, 0.045);
    --ease-out-sine: cubic-bezier(0.39, 0.575, 0.565, 1);
    --ease-out-quad: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    --ease-out-cubic: cubic-bezier(0.215, 0.61, 0.355, 1);
    --ease-out-quart: cubic-bezier(0.165, 0.84, 0.44, 1);
    --ease-out-quint: cubic-bezier(0.23, 1, 0.32, 1);
    --ease-out-expo: cubic-bezier(0.19, 1, 0.22, 1);
    --ease-out-expo2: cubic-bezier(0.1, 1, 0.1, 1);
    --ease-out-circ: cubic-bezier(0.075, 0.82, 0.165, 1);
    --ease-out-back: cubic-bezier(0.175, 0.885, 0.32, 1.275);
    --ease-in-out-sine: cubic-bezier(0.445, 0.05, 0.55, 0.95);
    --ease-in-out-quad: cubic-bezier(0.455, 0.03, 0.515, 0.955);
    --ease-in-out-cubic: cubic-bezier(0.645, 0.045, 0.355, 1);
    --ease-in-out-quart: cubic-bezier(0.77, 0, 0.175, 1);
    --ease-in-out-quint: cubic-bezier(0.86, 0, 0.07, 1);
    --ease-in-out-expo: cubic-bezier(1, 0, 0, 1);
    --ease-in-out-circ: cubic-bezier(0.785, 0.135, 0.15, 0.86);
    --ease-in-out-back: cubic-bezier(0.68, -0.55, 0.265, 1.55);
    --dur: 0.2s;
    --container-min-size: 89.3333333333vw;
    --container-min-padding: calc((100vw - var(--container-min-size)) * 0.5);
    --z-header: 5000;
  }
}
@layer base {
  :root {
    scrollbar-gutter: stable;
    -webkit-tap-highlight-color: transparent;
  }
  :root[lang=ja], :root[lang=ch], :root[lang=kr] {
    text-spacing-trim: trim-start;
    text-autospace: normal;
    line-break: strict;
    overflow-wrap: anywhere;
  }
  body {
    color: var(--color-black-100);
    font-family: var(--font-ja);
    font-size: min(0.1632653061vw + 13.387755102px, 16px);
  }
  button:not(:disabled),
  input[type=submit]:not(:disabled) {
    cursor: pointer;
  }
  button:disabled,
  input[type=submit]:disabled {
    cursor: not-allowed;
  }
  img {
    vertical-align: bottom;
    block-size: auto;
    max-inline-size: 100%;
    min-block-size: 1px;
    object-fit: cover;
  }
  img.-t {
    object-position: center top;
  }
  img.-tl {
    object-position: left top;
  }
  img.-tr {
    object-position: right top;
  }
  img.-r {
    object-position: right center;
  }
  img.-b {
    object-position: center bottom;
  }
  img.-bl {
    object-position: left bottom;
  }
  img.-br {
    object-position: right bottom;
  }
  img.-l {
    object-position: left center;
  }
  svg {
    overflow: hidden;
  }
}
@layer components {
  .l-header {
    width: 100%;
    position: fixed;
    margin-inline: auto;
    padding: 6px;
    top: 0;
    left: 0;
    right: 0;
    z-index: 5001;
    transform: translateY(-10%);
    opacity: 0;
    transition: 0.8s opacity ease 0.8s, 0.8s transform var(--ease-out-cubic) 0.8s;
  }
  .is-start.is-loaded .l-header {
    opacity: 1;
    transform: translateY(0);
  }
  .l-header__inner {
    align-items: center;
    display: flex;
    border: 2px solid var(--color-black-100);
    background-color: var(--color-white-00);
    margin-inline: auto;
    height: 64px;
  }
  @media (max-width: 743px) {
    .l-header__inner {
      justify-content: space-between;
      height: 43px;
    }
  }
  .l-header__logo {
    min-width: min(9.7959183673vw + 143.2653061224px, 300px);
    display: flex;
    align-items: center;
    justify-content: center;
    padding-inline: 1em;
    height: 100%;
    border-right: 2px solid var(--color-black-100);
  }
  @media (max-width: 743px) {
    .l-header__logo {
      width: 100%;
      padding-block: 0.5em;
    }
  }
  .l-header__logo a {
    display: block;
  }
  @media (max-width: 743px) {
    .l-header__logo a img {
      height: 100%;
    }
  }
  .l-header__nav {
    display: flex;
    justify-content: center;
    width: 100%;
    height: 100%;
    overflow: hidden;
  }
  @media (max-width: 743px) {
    .l-header__nav {
      display: none;
    }
  }
  .l-header__nav__item {
    position: relative;
    height: 100%;
  }
  .l-header__nav__item:nth-of-type(1) a::before {
    background-image: url(../../img/concept/section02_ink_blue.webp);
  }
  .l-header__nav__item:nth-of-type(2) a::before {
    background-image: url(../../img/concept/section01_ink_green.webp);
  }
  .l-header__nav__item:nth-of-type(3) a::before {
    background-image: url(../../img/concept/section02_ink_yellow01.webp);
  }
  .l-header__nav__item:nth-of-type(4) a::before {
    background-image: url(../../img/concept/section02_ink_orange.webp);
  }
  .l-header__nav__item:nth-of-type(5) a::before {
    background-image: url(../../img/concept/section01_ink_blue.webp);
  }
  .l-header__nav__item:last-of-type::before {
    content: none;
  }
  .l-header__nav__item:last-of-type a {
    padding-inline-end: 0;
  }
  .l-header__nav__item a {
    position: relative;
    display: flex;
    align-items: center;
    color: var(--color-black-100);
    padding: 0.5em;
    line-height: 1;
    font-weight: 600;
    font-size: rem_px_max(12px, 16px);
    height: 100%;
  }
  .l-header__nav__item a .text {
    -webkit-text-stroke: 1px transparent;
    text-stroke: 1px transparent;
  }
  .l-header__nav__item a::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    aspect-ratio: 1;
    transform: translateX(-50%) translateY(-50%) scale(0);
    transform-origin: center;
    opacity: 0;
    transition: opacity 0.2s var(--ease-out-cubic), transform 0.5s var(--ease-out-expo2);
    background-size: contain;
  }
  @media (any-hover: hover) {
    .l-header__nav__item a:hover .text {
      -webkit-text-stroke: 1px var(--color-black-100);
      text-stroke: 1px var(--color-black-100);
      color: var(--color-white-00);
    }
    .l-header__nav__item a:hover .roll-char {
      transform: translateY(-130%);
    }
    .l-header__nav__item a:hover::before {
      opacity: 1;
      transform: translateX(-50%) translateY(-50%) scale(1);
    }
  }
  .l-header__nav__item a .text {
    text-align: center;
    position: relative;
    overflow: hidden;
    display: inline-block;
    transition: var(--dur);
  }
  .l-header__nav__item a .text .roll-text {
    display: flex;
    position: relative;
  }
  .l-header__nav__item a .text .roll-text .roll-char {
    display: inline-block;
    position: relative;
    transition: transform 0.4s var(--ease-out-expo) 0.1s;
    transition-delay: calc(var(--char-index) * 0.01s);
  }
  .l-header__nav__item a .text .roll-text .roll-char::after {
    content: attr(data-char);
    display: block;
    position: absolute;
    top: 130%;
    left: 0;
  }
  @media (max-width: 743px) {
    .l-header__buttons {
      position: fixed;
      bottom: 1%;
      left: 50%;
      transform: translateX(-50%);
      z-index: 5002;
      display: flex;
      width: 96%;
      box-shadow: 2px 2px 0 0 var(--color-brush-black-100, #040404);
    }
  }
  .l-header__button {
    height: 100%;
    border-left: 2px solid var(--color-black-100);
  }
  @media (max-width: 743px) {
    .l-header__button {
      border: none;
      width: 100%;
    }
  }
  .l-header__button a {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5em;
    padding-inline: 1em;
    background-color: var(--color-orange-100);
    color: var(--color-white-00);
    height: 100%;
    min-width: min(6.5306122449vw + 95.5102040816px, 200px);
    font-size: min(0.1632653061vw + 11.387755102px, 14px);
    transition: 0.4s;
  }
  @media (max-width: 743px) {
    .l-header__button a {
      padding: 1em;
      font-size: min(0.3265306122vw + 10.7755102041px, 16px);
      border: 2px solid var(--color-black-100);
      width: 100%;
      border-right: none;
    }
    .l-header__button a .icon {
      display: none;
    }
  }
  .l-header__button a::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(../../img/common/parts/button_brush.webp);
    transform: translateY(-50%);
    clip-path: inset(0 0 100% 0);
    transition: clip-path 0.4s var(--ease-out-cubic);
  }
  @media (any-hover: hover) {
    .l-header__button a:hover {
      filter: brightness(1.2);
    }
    .l-header__button a:hover::before {
      clip-path: inset(0 0 0 0);
    }
  }
  .l-header__button.-document a {
    background-color: var(--color-blue-100);
    border-right: 2px solid var(--color-black-100);
  }
}
@layer components {
  .l-footer {
    position: relative;
    z-index: 10;
    width: 100%;
  }
  .l-footer__gallery {
    position: relative;
    aspect-ratio: 1600/860;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
  }
  .l-footer__gallery::before {
    content: "";
    position: absolute;
    top: -5%;
    width: 100%;
    aspect-ratio: 1600/177;
    background-image: url(../../img/common/parts/bg_paper_footer_top.webp);
    background-size: 100%;
    z-index: 1;
  }
  .l-footer__gallery::after {
    content: "";
    position: absolute;
    bottom: -5%;
    width: 100%;
    aspect-ratio: 1600/177;
    background-image: url(../../img/common/parts/bg_paper_footer_bottom.webp);
    background-size: 100%;
    z-index: 1;
  }
  .l-footer__gallery-item {
    position: relative;
  }
  .l-footer__gallery-item::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--color-white-00);
    transition: 0.5s var(--ease-out-cubic);
  }
  .l-footer__gallery-item:first-of-type::before, .l-footer__gallery-item:last-of-type::before {
    bottom: 0;
    top: auto;
  }
  .is-act .l-footer__gallery-item::before {
    height: 0;
  }
  .l-footer__gallery-item:nth-child(1)::before {
    transition-delay: calc(2 * var(--dur) / 1);
  }
  .l-footer__gallery-item:nth-child(2)::before {
    transition-delay: calc(3 * var(--dur) / 1);
  }
  .l-footer__gallery-item:nth-child(3)::before {
    transition-delay: calc(4 * var(--dur) / 1);
  }
  .l-footer__gallery-item:nth-child(4)::before {
    transition-delay: calc(5 * var(--dur) / 1);
  }
  .l-footer__gallery-item:nth-child(5)::before {
    transition-delay: calc(6 * var(--dur) / 1);
  }
  .l-footer__gallery-item:nth-child(6)::before {
    transition-delay: calc(7 * var(--dur) / 1);
  }
  .l-footer__gallery-item:nth-child(7)::before {
    transition-delay: calc(8 * var(--dur) / 1);
  }
  .l-footer__gallery-item:nth-child(8)::before {
    transition-delay: calc(9 * var(--dur) / 1);
  }
  .l-footer__gallery-item:nth-child(9)::before {
    transition-delay: calc(10 * var(--dur) / 1);
  }
  .l-footer__gallery-item:nth-child(10)::before {
    transition-delay: calc(11 * var(--dur) / 1);
  }
  .l-footer__gallery-item:nth-child(11)::before {
    transition-delay: calc(12 * var(--dur) / 1);
  }
  .l-footer__gallery-item:nth-child(12)::before {
    transition-delay: calc(13 * var(--dur) / 1);
  }
  .l-footer__gallery-item:nth-child(13)::before {
    transition-delay: calc(14 * var(--dur) / 1);
  }
  .l-footer__gallery-item:nth-child(14)::before {
    transition-delay: calc(15 * var(--dur) / 1);
  }
  .l-footer__gallery-item:nth-child(15)::before {
    transition-delay: calc(16 * var(--dur) / 1);
  }
  .l-footer__gallery-item:nth-child(16)::before {
    transition-delay: calc(17 * var(--dur) / 1);
  }
  .l-footer__gallery-item:nth-child(17)::before {
    transition-delay: calc(18 * var(--dur) / 1);
  }
  .l-footer__gallery-item:nth-child(18)::before {
    transition-delay: calc(19 * var(--dur) / 1);
  }
  .l-footer__gallery-item:nth-child(19)::before {
    transition-delay: calc(20 * var(--dur) / 1);
  }
  .l-footer__gallery-item:nth-child(20)::before {
    transition-delay: calc(21 * var(--dur) / 1);
  }
  .l-footer__heading {
    padding-top: min(3.2653061224vw + 27.7551020408px, 80px);
  }
  .l-footer__inner {
    background-color: var(--color-black-90);
  }
  @media (max-width: 743px) {
    .l-footer__inner {
      padding-bottom: min(3.2653061224vw + 107.7551020408px, 160px);
    }
  }
  .l-footer__bottom {
    padding-block: min(3.2653061224vw + 27.7551020408px, 80px);
    text-align: center;
  }
  .l-footer__logo {
    margin-inline: auto;
    display: block;
    width: min(19.0204081633vw + 228.6734693878px, 533px);
  }
  .l-footer__logo img {
    width: 100%;
  }
  .l-footer__copyright {
    margin-top: 1em;
    font-size: min(0.0680272109vw + 12.9115646259px, 14px);
    color: var(--color-black-50);
  }
}
@layer components {
  .l-drawer {
    max-width: 900px;
    margin: 0 auto;
    top: 60px;
    left: 50%;
    transform: translateX(-50%);
    padding-block: 1em;
    width: calc(100% - 12px);
    display: none;
    background-color: var(--color-white-00);
    border: 2px solid var(--color-black-100);
  }
  .l-drawer li {
    padding-inline: 1em;
  }
  .l-drawer li a {
    padding-block: 1em;
    display: grid;
    grid-template-columns: 1fr 1.5em;
    width: 100%;
    font-weight: 700;
    border-bottom: 2px solid var(--color-gray-30);
  }
  .l-drawer li a svg {
    width: 100%;
    height: 100%;
  }
  .l-drawer_button {
    width: 51px;
    height: 100%;
    position: relative;
    cursor: pointer;
    background-color: var(--color-orange-100);
  }
  .l-drawer_button span {
    height: 2px;
    width: 80%;
    position: absolute;
    left: 10%;
    top: 50%;
    margin-top: -1px;
    text-indent: -9999px;
    transition: all 0.3s ease;
  }
  .l-drawer_button span.hidden {
    display: none;
  }
  .l-drawer_button::before, .l-drawer_button::after {
    content: "";
    height: 2px;
    width: 60%;
    position: absolute;
    left: 20%;
    background-color: var(--color-white-00);
    transition: all 0.3s ease;
  }
  .l-drawer_button::before {
    top: 35%;
  }
  .l-drawer_button::after {
    bottom: 35%;
  }
  .l-drawer_button.is-act {
    color: #333;
  }
  .l-drawer_button.is-act:before {
    transform: rotate(150deg);
    top: 50%;
    background: var(--color-white-00);
  }
  .l-drawer_button.is-act:after {
    transform: rotate(-150deg);
    top: 50%;
    background: var(--color-white-00);
  }
}
@layer components {
  @keyframes draw {
    to {
      stroke-dashoffset: 0;
    }
  }
  @keyframes marquee-player {
    0% {
      transform: translateX(0);
    }
    100% {
      transform: translateX(-50%);
    }
  }
  .js-anim_elm.-base {
    opacity: 0;
    translate: 0 20px;
    transition: opacity 0.3s ease, translate 0.6s ease;
  }
  .js-anim_elm.-base.is-act {
    opacity: 1;
    translate: 0;
  }
  .js-anim_elm.-list > * {
    opacity: 0;
    transform: translateY(1em);
    transition-property: opacity, transform;
    transition-duration: calc(var(--dur) * 2.5);
    transition-timing-function: ease;
    position: relative;
  }
  .js-anim_elm.-list > *:nth-child(1) {
    transition-delay: calc(2 * var(--dur) / 2);
  }
  .js-anim_elm.-list > *:nth-child(1)::before {
    transition-delay: calc(2.5 * var(--dur) / 2);
  }
  .js-anim_elm.-list > *:nth-child(2) {
    transition-delay: calc(3 * var(--dur) / 2);
  }
  .js-anim_elm.-list > *:nth-child(2)::before {
    transition-delay: calc(3.5 * var(--dur) / 2);
  }
  .js-anim_elm.-list > *:nth-child(3) {
    transition-delay: calc(4 * var(--dur) / 2);
  }
  .js-anim_elm.-list > *:nth-child(3)::before {
    transition-delay: calc(4.5 * var(--dur) / 2);
  }
  .js-anim_elm.-list > *:nth-child(4) {
    transition-delay: calc(5 * var(--dur) / 2);
  }
  .js-anim_elm.-list > *:nth-child(4)::before {
    transition-delay: calc(5.5 * var(--dur) / 2);
  }
  .js-anim_elm.-list > *:nth-child(5) {
    transition-delay: calc(6 * var(--dur) / 2);
  }
  .js-anim_elm.-list > *:nth-child(5)::before {
    transition-delay: calc(6.5 * var(--dur) / 2);
  }
  .js-anim_elm.-list > *:nth-child(6) {
    transition-delay: calc(7 * var(--dur) / 2);
  }
  .js-anim_elm.-list > *:nth-child(6)::before {
    transition-delay: calc(7.5 * var(--dur) / 2);
  }
  .js-anim_elm.-list > *:nth-child(7) {
    transition-delay: calc(8 * var(--dur) / 2);
  }
  .js-anim_elm.-list > *:nth-child(7)::before {
    transition-delay: calc(8.5 * var(--dur) / 2);
  }
  .js-anim_elm.-list > *:nth-child(8) {
    transition-delay: calc(9 * var(--dur) / 2);
  }
  .js-anim_elm.-list > *:nth-child(8)::before {
    transition-delay: calc(9.5 * var(--dur) / 2);
  }
  .js-anim_elm.-list > *:nth-child(9) {
    transition-delay: calc(10 * var(--dur) / 2);
  }
  .js-anim_elm.-list > *:nth-child(9)::before {
    transition-delay: calc(10.5 * var(--dur) / 2);
  }
  .js-anim_elm.-list > *:nth-child(10) {
    transition-delay: calc(11 * var(--dur) / 2);
  }
  .js-anim_elm.-list > *:nth-child(10)::before {
    transition-delay: calc(11.5 * var(--dur) / 2);
  }
  .js-anim_elm.-list > *:nth-child(11) {
    transition-delay: calc(12 * var(--dur) / 2);
  }
  .js-anim_elm.-list > *:nth-child(11)::before {
    transition-delay: calc(12.5 * var(--dur) / 2);
  }
  .js-anim_elm.-list > *:nth-child(12) {
    transition-delay: calc(13 * var(--dur) / 2);
  }
  .js-anim_elm.-list > *:nth-child(12)::before {
    transition-delay: calc(13.5 * var(--dur) / 2);
  }
  .js-anim_elm.-list > *:nth-child(13) {
    transition-delay: calc(14 * var(--dur) / 2);
  }
  .js-anim_elm.-list > *:nth-child(13)::before {
    transition-delay: calc(14.5 * var(--dur) / 2);
  }
  .js-anim_elm.-list > *:nth-child(14) {
    transition-delay: calc(15 * var(--dur) / 2);
  }
  .js-anim_elm.-list > *:nth-child(14)::before {
    transition-delay: calc(15.5 * var(--dur) / 2);
  }
  .js-anim_elm.-list > *:nth-child(15) {
    transition-delay: calc(16 * var(--dur) / 2);
  }
  .js-anim_elm.-list > *:nth-child(15)::before {
    transition-delay: calc(16.5 * var(--dur) / 2);
  }
  .js-anim_elm.-list > *:nth-child(16) {
    transition-delay: calc(17 * var(--dur) / 2);
  }
  .js-anim_elm.-list > *:nth-child(16)::before {
    transition-delay: calc(17.5 * var(--dur) / 2);
  }
  .js-anim_elm.-list > *:nth-child(17) {
    transition-delay: calc(18 * var(--dur) / 2);
  }
  .js-anim_elm.-list > *:nth-child(17)::before {
    transition-delay: calc(18.5 * var(--dur) / 2);
  }
  .js-anim_elm.-list > *:nth-child(18) {
    transition-delay: calc(19 * var(--dur) / 2);
  }
  .js-anim_elm.-list > *:nth-child(18)::before {
    transition-delay: calc(19.5 * var(--dur) / 2);
  }
  .js-anim_elm.-list > *:nth-child(19) {
    transition-delay: calc(20 * var(--dur) / 2);
  }
  .js-anim_elm.-list > *:nth-child(19)::before {
    transition-delay: calc(20.5 * var(--dur) / 2);
  }
  .js-anim_elm.-list > *:nth-child(20) {
    transition-delay: calc(21 * var(--dur) / 2);
  }
  .js-anim_elm.-list > *:nth-child(20)::before {
    transition-delay: calc(21.5 * var(--dur) / 2);
  }
  .js-anim_elm.-list.is-act > * {
    transform: translateY(0);
    opacity: 1;
  }
  .js-anim_elm.-point > *,
  .js-anim_elm.-point > span {
    opacity: 0;
    position: relative;
    display: inline-block;
    color: var(--color-green-100);
    transition: opacity calc(var(--dur) * 2) ease, transform calc(var(--dur) * 2) ease, color 0.8s ease;
  }
  .js-anim_elm.-point > *:nth-child(1),
  .js-anim_elm.-point > span:nth-child(1) {
    transition-delay: 0.15s, 0.15s, 0.25s;
  }
  .js-anim_elm.-point > *:nth-child(1)::before,
  .js-anim_elm.-point > span:nth-child(1)::before {
    transition-delay: 0.15s;
  }
  .js-anim_elm.-point > *:nth-child(2),
  .js-anim_elm.-point > span:nth-child(2) {
    transition-delay: 0.3s, 0.3s, 0.5s;
  }
  .js-anim_elm.-point > *:nth-child(2)::before,
  .js-anim_elm.-point > span:nth-child(2)::before {
    transition-delay: 0.3s;
  }
  .js-anim_elm.-point > *:nth-child(3),
  .js-anim_elm.-point > span:nth-child(3) {
    transition-delay: 0.45s, 0.45s, 0.75s;
  }
  .js-anim_elm.-point > *:nth-child(3)::before,
  .js-anim_elm.-point > span:nth-child(3)::before {
    transition-delay: 0.45s;
  }
  .js-anim_elm.-point > *:nth-child(4),
  .js-anim_elm.-point > span:nth-child(4) {
    transition-delay: 0.6s, 0.6s, 1s;
  }
  .js-anim_elm.-point > *:nth-child(4)::before,
  .js-anim_elm.-point > span:nth-child(4)::before {
    transition-delay: 0.6s;
  }
  .js-anim_elm.-point > *:nth-child(5),
  .js-anim_elm.-point > span:nth-child(5) {
    transition-delay: 0.75s, 0.75s, 1.25s;
  }
  .js-anim_elm.-point > *:nth-child(5)::before,
  .js-anim_elm.-point > span:nth-child(5)::before {
    transition-delay: 0.75s;
  }
  .js-anim_elm.-point > *:nth-child(6),
  .js-anim_elm.-point > span:nth-child(6) {
    transition-delay: 0.9s, 0.9s, 1.5s;
  }
  .js-anim_elm.-point > *:nth-child(6)::before,
  .js-anim_elm.-point > span:nth-child(6)::before {
    transition-delay: 0.9s;
  }
  .js-anim_elm.-point > *:nth-child(7),
  .js-anim_elm.-point > span:nth-child(7) {
    transition-delay: 1.05s, 1.05s, 1.75s;
  }
  .js-anim_elm.-point > *:nth-child(7)::before,
  .js-anim_elm.-point > span:nth-child(7)::before {
    transition-delay: 1.05s;
  }
  .js-anim_elm.-point > *:nth-child(8),
  .js-anim_elm.-point > span:nth-child(8) {
    transition-delay: 1.2s, 1.2s, 2s;
  }
  .js-anim_elm.-point > *:nth-child(8)::before,
  .js-anim_elm.-point > span:nth-child(8)::before {
    transition-delay: 1.2s;
  }
  .js-anim_elm.-point > *:nth-child(9),
  .js-anim_elm.-point > span:nth-child(9) {
    transition-delay: 1.35s, 1.35s, 2.25s;
  }
  .js-anim_elm.-point > *:nth-child(9)::before,
  .js-anim_elm.-point > span:nth-child(9)::before {
    transition-delay: 1.35s;
  }
  .js-anim_elm.-point > *:nth-child(10),
  .js-anim_elm.-point > span:nth-child(10) {
    transition-delay: 1.5s, 1.5s, 2.5s;
  }
  .js-anim_elm.-point > *:nth-child(10)::before,
  .js-anim_elm.-point > span:nth-child(10)::before {
    transition-delay: 1.5s;
  }
  .js-anim_elm.-point > *:nth-child(11),
  .js-anim_elm.-point > span:nth-child(11) {
    transition-delay: 1.65s, 1.65s, 2.75s;
  }
  .js-anim_elm.-point > *:nth-child(11)::before,
  .js-anim_elm.-point > span:nth-child(11)::before {
    transition-delay: 1.65s;
  }
  .js-anim_elm.-point > *:nth-child(12),
  .js-anim_elm.-point > span:nth-child(12) {
    transition-delay: 1.8s, 1.8s, 3s;
  }
  .js-anim_elm.-point > *:nth-child(12)::before,
  .js-anim_elm.-point > span:nth-child(12)::before {
    transition-delay: 1.8s;
  }
  .js-anim_elm.-point > *:nth-child(13),
  .js-anim_elm.-point > span:nth-child(13) {
    transition-delay: 1.95s, 1.95s, 3.25s;
  }
  .js-anim_elm.-point > *:nth-child(13)::before,
  .js-anim_elm.-point > span:nth-child(13)::before {
    transition-delay: 1.95s;
  }
  .js-anim_elm.-point > *:nth-child(14),
  .js-anim_elm.-point > span:nth-child(14) {
    transition-delay: 2.1s, 2.1s, 3.5s;
  }
  .js-anim_elm.-point > *:nth-child(14)::before,
  .js-anim_elm.-point > span:nth-child(14)::before {
    transition-delay: 2.1s;
  }
  .js-anim_elm.-point > *:nth-child(15),
  .js-anim_elm.-point > span:nth-child(15) {
    transition-delay: 2.25s, 2.25s, 3.75s;
  }
  .js-anim_elm.-point > *:nth-child(15)::before,
  .js-anim_elm.-point > span:nth-child(15)::before {
    transition-delay: 2.25s;
  }
  .js-anim_elm.-point > *:nth-child(16),
  .js-anim_elm.-point > span:nth-child(16) {
    transition-delay: 2.4s, 2.4s, 4s;
  }
  .js-anim_elm.-point > *:nth-child(16)::before,
  .js-anim_elm.-point > span:nth-child(16)::before {
    transition-delay: 2.4s;
  }
  .js-anim_elm.-point > *:nth-child(17),
  .js-anim_elm.-point > span:nth-child(17) {
    transition-delay: 2.55s, 2.55s, 4.25s;
  }
  .js-anim_elm.-point > *:nth-child(17)::before,
  .js-anim_elm.-point > span:nth-child(17)::before {
    transition-delay: 2.55s;
  }
  .js-anim_elm.-point > *:nth-child(18),
  .js-anim_elm.-point > span:nth-child(18) {
    transition-delay: 2.7s, 2.7s, 4.5s;
  }
  .js-anim_elm.-point > *:nth-child(18)::before,
  .js-anim_elm.-point > span:nth-child(18)::before {
    transition-delay: 2.7s;
  }
  .js-anim_elm.-point > *:nth-child(19),
  .js-anim_elm.-point > span:nth-child(19) {
    transition-delay: 2.85s, 2.85s, 4.75s;
  }
  .js-anim_elm.-point > *:nth-child(19)::before,
  .js-anim_elm.-point > span:nth-child(19)::before {
    transition-delay: 2.85s;
  }
  .js-anim_elm.-point > *:nth-child(20),
  .js-anim_elm.-point > span:nth-child(20) {
    transition-delay: 3s, 3s, 5s;
  }
  .js-anim_elm.-point > *:nth-child(20)::before,
  .js-anim_elm.-point > span:nth-child(20)::before {
    transition-delay: 3s;
  }
  .js-anim_elm.-point > *::before,
  .js-anim_elm.-point > span::before {
    content: "";
    background-color: var(--color-green-100);
    position: absolute;
    left: 0;
    top: 0;
    width: 101%;
    height: 100%;
    transition: width 0.5s var(--ease-out-expo);
    z-index: 5;
  }
  .js-anim_elm.-point.is-act > * {
    opacity: 1;
    color: var(--color-white-00);
  }
  .js-anim_elm.-point.is-act > *::before {
    width: 0;
    left: auto;
    right: 0;
  }
  .js-anim_elm.-curtain > *,
  .js-anim_elm.-curtain > span {
    opacity: 0;
    transition-property: opacity, transform;
    transition-duration: calc(var(--dur) * 2);
    transition-timing-function: ease;
    position: relative;
    display: inline-block;
  }
  .js-anim_elm.-curtain > *:nth-child(1),
  .js-anim_elm.-curtain > span:nth-child(1) {
    transition-delay: calc(1.5 * var(--dur) / 2);
  }
  .js-anim_elm.-curtain > *:nth-child(1)::before,
  .js-anim_elm.-curtain > span:nth-child(1)::before {
    transition-delay: calc(3 * var(--dur) / 2);
  }
  .js-anim_elm.-curtain > *:nth-child(2),
  .js-anim_elm.-curtain > span:nth-child(2) {
    transition-delay: calc(2.5 * var(--dur) / 2);
  }
  .js-anim_elm.-curtain > *:nth-child(2)::before,
  .js-anim_elm.-curtain > span:nth-child(2)::before {
    transition-delay: calc(4 * var(--dur) / 2);
  }
  .js-anim_elm.-curtain > *:nth-child(3),
  .js-anim_elm.-curtain > span:nth-child(3) {
    transition-delay: calc(3.5 * var(--dur) / 2);
  }
  .js-anim_elm.-curtain > *:nth-child(3)::before,
  .js-anim_elm.-curtain > span:nth-child(3)::before {
    transition-delay: calc(5 * var(--dur) / 2);
  }
  .js-anim_elm.-curtain > *:nth-child(4),
  .js-anim_elm.-curtain > span:nth-child(4) {
    transition-delay: calc(4.5 * var(--dur) / 2);
  }
  .js-anim_elm.-curtain > *:nth-child(4)::before,
  .js-anim_elm.-curtain > span:nth-child(4)::before {
    transition-delay: calc(6 * var(--dur) / 2);
  }
  .js-anim_elm.-curtain > *:nth-child(5),
  .js-anim_elm.-curtain > span:nth-child(5) {
    transition-delay: calc(5.5 * var(--dur) / 2);
  }
  .js-anim_elm.-curtain > *:nth-child(5)::before,
  .js-anim_elm.-curtain > span:nth-child(5)::before {
    transition-delay: calc(7 * var(--dur) / 2);
  }
  .js-anim_elm.-curtain > *:nth-child(6),
  .js-anim_elm.-curtain > span:nth-child(6) {
    transition-delay: calc(6.5 * var(--dur) / 2);
  }
  .js-anim_elm.-curtain > *:nth-child(6)::before,
  .js-anim_elm.-curtain > span:nth-child(6)::before {
    transition-delay: calc(8 * var(--dur) / 2);
  }
  .js-anim_elm.-curtain > *:nth-child(7),
  .js-anim_elm.-curtain > span:nth-child(7) {
    transition-delay: calc(7.5 * var(--dur) / 2);
  }
  .js-anim_elm.-curtain > *:nth-child(7)::before,
  .js-anim_elm.-curtain > span:nth-child(7)::before {
    transition-delay: calc(9 * var(--dur) / 2);
  }
  .js-anim_elm.-curtain > *:nth-child(8),
  .js-anim_elm.-curtain > span:nth-child(8) {
    transition-delay: calc(8.5 * var(--dur) / 2);
  }
  .js-anim_elm.-curtain > *:nth-child(8)::before,
  .js-anim_elm.-curtain > span:nth-child(8)::before {
    transition-delay: calc(10 * var(--dur) / 2);
  }
  .js-anim_elm.-curtain > *:nth-child(9),
  .js-anim_elm.-curtain > span:nth-child(9) {
    transition-delay: calc(9.5 * var(--dur) / 2);
  }
  .js-anim_elm.-curtain > *:nth-child(9)::before,
  .js-anim_elm.-curtain > span:nth-child(9)::before {
    transition-delay: calc(11 * var(--dur) / 2);
  }
  .js-anim_elm.-curtain > *:nth-child(10),
  .js-anim_elm.-curtain > span:nth-child(10) {
    transition-delay: calc(10.5 * var(--dur) / 2);
  }
  .js-anim_elm.-curtain > *:nth-child(10)::before,
  .js-anim_elm.-curtain > span:nth-child(10)::before {
    transition-delay: calc(12 * var(--dur) / 2);
  }
  .js-anim_elm.-curtain > *:nth-child(11),
  .js-anim_elm.-curtain > span:nth-child(11) {
    transition-delay: calc(11.5 * var(--dur) / 2);
  }
  .js-anim_elm.-curtain > *:nth-child(11)::before,
  .js-anim_elm.-curtain > span:nth-child(11)::before {
    transition-delay: calc(13 * var(--dur) / 2);
  }
  .js-anim_elm.-curtain > *:nth-child(12),
  .js-anim_elm.-curtain > span:nth-child(12) {
    transition-delay: calc(12.5 * var(--dur) / 2);
  }
  .js-anim_elm.-curtain > *:nth-child(12)::before,
  .js-anim_elm.-curtain > span:nth-child(12)::before {
    transition-delay: calc(14 * var(--dur) / 2);
  }
  .js-anim_elm.-curtain > *:nth-child(13),
  .js-anim_elm.-curtain > span:nth-child(13) {
    transition-delay: calc(13.5 * var(--dur) / 2);
  }
  .js-anim_elm.-curtain > *:nth-child(13)::before,
  .js-anim_elm.-curtain > span:nth-child(13)::before {
    transition-delay: calc(15 * var(--dur) / 2);
  }
  .js-anim_elm.-curtain > *:nth-child(14),
  .js-anim_elm.-curtain > span:nth-child(14) {
    transition-delay: calc(14.5 * var(--dur) / 2);
  }
  .js-anim_elm.-curtain > *:nth-child(14)::before,
  .js-anim_elm.-curtain > span:nth-child(14)::before {
    transition-delay: calc(16 * var(--dur) / 2);
  }
  .js-anim_elm.-curtain > *:nth-child(15),
  .js-anim_elm.-curtain > span:nth-child(15) {
    transition-delay: calc(15.5 * var(--dur) / 2);
  }
  .js-anim_elm.-curtain > *:nth-child(15)::before,
  .js-anim_elm.-curtain > span:nth-child(15)::before {
    transition-delay: calc(17 * var(--dur) / 2);
  }
  .js-anim_elm.-curtain > *:nth-child(16),
  .js-anim_elm.-curtain > span:nth-child(16) {
    transition-delay: calc(16.5 * var(--dur) / 2);
  }
  .js-anim_elm.-curtain > *:nth-child(16)::before,
  .js-anim_elm.-curtain > span:nth-child(16)::before {
    transition-delay: calc(18 * var(--dur) / 2);
  }
  .js-anim_elm.-curtain > *:nth-child(17),
  .js-anim_elm.-curtain > span:nth-child(17) {
    transition-delay: calc(17.5 * var(--dur) / 2);
  }
  .js-anim_elm.-curtain > *:nth-child(17)::before,
  .js-anim_elm.-curtain > span:nth-child(17)::before {
    transition-delay: calc(19 * var(--dur) / 2);
  }
  .js-anim_elm.-curtain > *:nth-child(18),
  .js-anim_elm.-curtain > span:nth-child(18) {
    transition-delay: calc(18.5 * var(--dur) / 2);
  }
  .js-anim_elm.-curtain > *:nth-child(18)::before,
  .js-anim_elm.-curtain > span:nth-child(18)::before {
    transition-delay: calc(20 * var(--dur) / 2);
  }
  .js-anim_elm.-curtain > *:nth-child(19),
  .js-anim_elm.-curtain > span:nth-child(19) {
    transition-delay: calc(19.5 * var(--dur) / 2);
  }
  .js-anim_elm.-curtain > *:nth-child(19)::before,
  .js-anim_elm.-curtain > span:nth-child(19)::before {
    transition-delay: calc(21 * var(--dur) / 2);
  }
  .js-anim_elm.-curtain > *:nth-child(20),
  .js-anim_elm.-curtain > span:nth-child(20) {
    transition-delay: calc(20.5 * var(--dur) / 2);
  }
  .js-anim_elm.-curtain > *:nth-child(20)::before,
  .js-anim_elm.-curtain > span:nth-child(20)::before {
    transition-delay: calc(22 * var(--dur) / 2);
  }
  .js-anim_elm.-curtain > *::before,
  .js-anim_elm.-curtain > span::before {
    content: "";
    background-color: var(--color-black-100);
    position: absolute;
    left: 0;
    top: 0;
    width: 101%;
    height: 100%;
    transition-timing-function: var(--ease-out-expo);
    transition-duration: 0.5s;
    z-index: 5;
  }
  .js-anim_elm.-curtain.-white > *::before {
    background-color: var(--color-white-00);
  }
  .js-anim_elm.-curtain.is-act > * {
    opacity: 1;
  }
  .js-anim_elm.-curtain.is-act > *::before {
    width: 0;
    left: auto;
    right: 0;
  }
  .js-anim_elm.-image {
    position: relative;
    opacity: 0;
    transition: 0.1s;
  }
  .js-anim_elm.-image::before, .js-anim_elm.-image::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
  }
  .js-anim_elm.-image::before {
    background-color: var(--color-orange-100);
    transition: 0.5s var(--ease-out-quint) 0.2s;
  }
  .js-anim_elm.-image::after {
    background-color: var(--color-white-00);
    transition: 0.5s var(--ease-out-quint) 0.1s;
  }
  .js-anim_elm.-image.-sports-science::after {
    background-color: var(--color-course-sports-science);
  }
  .js-anim_elm.-image.-judo-therapy::after {
    background-color: var(--color-course-judo-therapy);
  }
  .js-anim_elm.-image.-acupuncture::after {
    background-color: var(--color-course-acupuncture);
  }
  .js-anim_elm.-image.-physical-therapy::after {
    background-color: var(--color-course-physical-therapy);
  }
  .js-anim_elm.-image.is-act {
    opacity: 1;
  }
  .js-anim_elm.-image.is-act::before, .js-anim_elm.-image.is-act::after {
    width: 0;
  }
}
@layer components {
  .c-icon {
    line-height: 1;
    display: inline-block;
    width: 1em;
    height: 1em;
  }
  .c-icon svg {
    width: 100%;
    height: 100%;
  }
  .c-cta {
    gap: max(-1.9591836735vw + 47.3469387755px, 16px);
  }
  .c-cta__button a {
    position: relative;
    display: block;
    padding: min(0.8163265306vw + 26.9387755102px, 40px) min(0.9795918367vw + 16.3265306122px, 32px);
    background-color: var(--color-orange-100);
    transition: 0.3s ease;
  }
  .c-cta__button a::before {
    content: "";
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: url(../../img/common/parts/cta_brush.webp);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    clip-path: inset(0 0 100% 0);
    transition: clip-path 0.18s var(--ease-out-cubic);
  }
  @media (any-hover: hover) {
    .c-cta__button a {
      border-radius: 5px;
    }
    .c-cta__button a:focus-visible {
      outline: 3px solid var(--color-black-100);
      outline-offset: 5px;
    }
    .c-cta__button a:hover {
      transform: translateY(-5%);
      filter: brightness(1.2);
    }
    .c-cta__button a:hover::before {
      clip-path: inset(0 0 0 0);
    }
  }
  @media (any-hover: none) {
    .c-cta__button a:active {
      transform: translateY(-5%);
      filter: brightness(1.2);
    }
    .c-cta__button a:active::before {
      clip-path: inset(0 0 0 0);
    }
    .c-cta__button a:active,
    .c-cta__button a:active *, .c-cta__button a:active::before, .c-cta__button a:active::after {
      animation-duration: var(--dur) !important;
      transition-duration: var(--dur) !important;
    }
  }
  .c-cta__button.-school_guide a {
    background-color: var(--color-blue-100);
  }
  .c-cta__button-schoolguide01 {
    right: 0;
    top: -5%;
    width: 30%;
  }
  .c-cta__button-schoolguide02 {
    right: 10%;
    bottom: 0;
    width: 30%;
  }
  .c-cta__button-image {
    width: 40%;
  }
  .c-cta__button-title {
    font-size: min(1.6870748299vw + 1.3129251701rem, 3rem);
    font-family: var(--font-en);
    font-variation-settings: "YEAR" 1979;
    color: var(--color-white-00);
    font-optical-sizing: auto;
    line-height: 1;
    text-transform: uppercase;
  }
  .c-cta__button-subtitle {
    padding: 0.7em 1em;
    line-height: 1;
    border-radius: 9999px;
    display: inline-grid;
    gap: 0.5em;
    align-items: center;
    grid-template-columns: auto max-content;
    background-color: var(--color-white-00);
  }
  .c-cta__button-subtitle .c-icon {
    color: var(--color-orange-100);
  }
  .-school_guide .c-cta__button-subtitle .c-icon {
    color: var(--color-blue-100);
  }
  .c-cta__button-fukidashi {
    top: -1em;
  }
  @media (max-width: 743px) {
    .c-cta__button-fukidashi {
      left: 0;
    }
  }
  .c-cta__button-fukidashi.-opencampus {
    width: min(3.1836734694vw + 148.0612244898px, 199px);
  }
  .c-cta__button-fukidashi.-school_guide {
    width: min(3.0204081633vw + 168.6734693878px, 217px);
  }
}
@layer components {
  .c-container {
    margin-inline: auto;
    inline-size: 100%;
    max-inline-size: var(--c-container-size, min(70.612244898vw + 70.2040816327px, 1200px));
  }
  .c-container.-wide {
    --c-container-size: min(86.9387755102vw + 8.9795918367px, 1400px);
  }
  .c-container.-narrow {
    --c-container-size: min(54.2857142857vw + 131.4285714286px, 1000px);
  }
  @media (max-width: 567px) {
    .c-container {
      max-inline-size: var(--c-container-min-size, var(--container-min-size));
    }
  }
  .c-fluid {
    margin-inline: auto;
    inline-size: 100%;
    max-inline-size: var(--c-fluid-size, calc(100% - min(0.9795918367vw + 16.3265306122px, 32px) * 2));
  }
  @media (max-width: 567px) {
    .c-fluid {
      max-inline-size: var(--c-fluid-min-size, var(--container-min-size));
    }
  }
  .c-grid-container {
    display: grid;
    inline-size: 100%;
    grid-template-columns: var(--c-grid-container-columns, minmax(0, 1fr) repeat(2, minmax(0, min(35.306122449vw + 35.1020408163px, 600px))) minmax(0, 1fr));
  }
  .c-grid-container.-wide {
    --container-grid-inline-size: minmax(0, 1fr) repeat(2, minmax(0, min(38.5714285714vw + 22.8571428571px, 640px))) minmax(0, 1fr);
  }
  @media (max-width: 567px) {
    .c-grid-container {
      grid-template-columns: var(--c-grid-container-min-columns, minmax(0, 1fr) repeat(2, minmax(0, calc(var(--container-min-size) * 0.5))) minmax(0, 1fr));
    }
  }
  .c-grid-fluid {
    display: grid;
    inline-size: 100%;
    grid-template-columns: var(--c-grid-fluid-columns, minmax(0, 1fr) repeat(2, minmax(0, calc(50% - min(0.4897959184vw + 8.1632653061px, 16px) * 2))) minmax(0, 1fr));
  }
  @media (max-width: 567px) {
    .c-grid-fluid {
      grid-template-columns: var(--c-grid-fluid-min-columns, minmax(0, 1fr) repeat(2, minmax(0, calc(var(--container-min-size) * 0.5))) minmax(0, 1fr));
    }
  }
  .c-grid-container > .col1-2,
  .c-grid-fluid > .col1-2 {
    grid-column: 1/2;
  }
  .c-grid-container > .col1-3,
  .c-grid-fluid > .col1-3 {
    grid-column: 1/3;
  }
  .c-grid-container > .col1-4,
  .c-grid-fluid > .col1-4 {
    grid-column: 1/4;
  }
  .c-grid-container > .col1-5,
  .c-grid-fluid > .col1-5 {
    grid-column: 1/5;
  }
  .c-grid-container > .col2-3,
  .c-grid-fluid > .col2-3 {
    grid-column: 2/3;
  }
  .c-grid-container > .col2-4,
  .c-grid-fluid > .col2-4 {
    grid-column: 2/4;
  }
  .c-grid-container > .col2-5,
  .c-grid-fluid > .col2-5 {
    grid-column: 2/5;
  }
  .c-grid-container > .col3-4,
  .c-grid-fluid > .col3-4 {
    grid-column: 3/4;
  }
  .c-grid-container > .col3-5,
  .c-grid-fluid > .col3-5 {
    grid-column: 3/5;
  }
  .c-grid-container > .col4-5,
  .c-grid-fluid > .col4-5 {
    grid-column: 4/5;
  }
  .c-grid-container.-nowrap > [class*=col],
  .c-grid-fluid.-nowrap > [class*=col] {
    grid-row: 1/-1;
  }
}
@layer components {
  .c-grid-column {
    display: grid;
  }
  .c-grid-column.-col4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  @media (max-width: 1599px) {
    .c-grid-column.-col4.-col4-max {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  @media (max-width: 1299px) {
    .c-grid-column.-col4.-col4-md {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  @media (max-width: 1023px) {
    .c-grid-column.-col4.-col4-tab {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  @media (max-width: 743px) {
    .c-grid-column.-col4.-col4-sp {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col4.-col4-spmin {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  @media (max-width: 1599px) {
    .c-grid-column.-col4.-col3-max {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  @media (max-width: 1299px) {
    .c-grid-column.-col4.-col3-md {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  @media (max-width: 1023px) {
    .c-grid-column.-col4.-col3-tab {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  @media (max-width: 743px) {
    .c-grid-column.-col4.-col3-sp {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col4.-col3-spmin {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  @media (max-width: 1599px) {
    .c-grid-column.-col4.-col2-max {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  @media (max-width: 1299px) {
    .c-grid-column.-col4.-col2-md {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  @media (max-width: 1023px) {
    .c-grid-column.-col4.-col2-tab {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  @media (max-width: 743px) {
    .c-grid-column.-col4.-col2-sp {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col4.-col2-spmin {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  @media (max-width: 1599px) {
    .c-grid-column.-col4.-col1-max {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
  }
  @media (max-width: 1299px) {
    .c-grid-column.-col4.-col1-md {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
  }
  @media (max-width: 1023px) {
    .c-grid-column.-col4.-col1-tab {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
  }
  @media (max-width: 743px) {
    .c-grid-column.-col4.-col1-sp {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col4.-col1-spmin {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
  }
  @media (max-width: 1599px) {
    .c-grid-column.-col4-max {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  @media (max-width: 1299px) {
    .c-grid-column.-col4-max.-col4-md {
      grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 1023px) {
    .c-grid-column.-col4-max.-col4-tab {
      grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 743px) {
    .c-grid-column.-col4-max.-col4-sp {
      grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col4-max.-col4-spmin {
      grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 1299px) {
    .c-grid-column.-col4-max.-col3-md {
      grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 1023px) {
    .c-grid-column.-col4-max.-col3-tab {
      grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 743px) {
    .c-grid-column.-col4-max.-col3-sp {
      grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col4-max.-col3-spmin {
      grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 1299px) {
    .c-grid-column.-col4-max.-col2-md {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 1023px) {
    .c-grid-column.-col4-max.-col2-tab {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 743px) {
    .c-grid-column.-col4-max.-col2-sp {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col4-max.-col2-spmin {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 1299px) {
    .c-grid-column.-col4-max.-col1-md {
      grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 1023px) {
    .c-grid-column.-col4-max.-col1-tab {
      grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 743px) {
    .c-grid-column.-col4-max.-col1-sp {
      grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col4-max.-col1-spmin {
      grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 1299px) {
    .c-grid-column.-col4-md {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  @media (max-width: 1023px) {
    .c-grid-column.-col4-md.-col4-tab {
      grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 743px) {
    .c-grid-column.-col4-md.-col4-sp {
      grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col4-md.-col4-spmin {
      grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 1023px) {
    .c-grid-column.-col4-md.-col3-tab {
      grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 743px) {
    .c-grid-column.-col4-md.-col3-sp {
      grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col4-md.-col3-spmin {
      grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 1023px) {
    .c-grid-column.-col4-md.-col2-tab {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 743px) {
    .c-grid-column.-col4-md.-col2-sp {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col4-md.-col2-spmin {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 1023px) {
    .c-grid-column.-col4-md.-col1-tab {
      grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 743px) {
    .c-grid-column.-col4-md.-col1-sp {
      grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col4-md.-col1-spmin {
      grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 1023px) {
    .c-grid-column.-col4-tab {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  @media (max-width: 743px) {
    .c-grid-column.-col4-tab.-col4-sp {
      grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col4-tab.-col4-spmin {
      grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 743px) {
    .c-grid-column.-col4-tab.-col3-sp {
      grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col4-tab.-col3-spmin {
      grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 743px) {
    .c-grid-column.-col4-tab.-col2-sp {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col4-tab.-col2-spmin {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 743px) {
    .c-grid-column.-col4-tab.-col1-sp {
      grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col4-tab.-col1-spmin {
      grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 743px) {
    .c-grid-column.-col4-sp {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col4-sp.-col4-spmin {
      grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col4-sp.-col3-spmin {
      grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col4-sp.-col2-spmin {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col4-sp.-col1-spmin {
      grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col4-spmin {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  .c-grid-column.-col3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  @media (max-width: 1599px) {
    .c-grid-column.-col3.-col4-max {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  @media (max-width: 1299px) {
    .c-grid-column.-col3.-col4-md {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  @media (max-width: 1023px) {
    .c-grid-column.-col3.-col4-tab {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  @media (max-width: 743px) {
    .c-grid-column.-col3.-col4-sp {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col3.-col4-spmin {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  @media (max-width: 1599px) {
    .c-grid-column.-col3.-col3-max {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  @media (max-width: 1299px) {
    .c-grid-column.-col3.-col3-md {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  @media (max-width: 1023px) {
    .c-grid-column.-col3.-col3-tab {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  @media (max-width: 743px) {
    .c-grid-column.-col3.-col3-sp {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col3.-col3-spmin {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  @media (max-width: 1599px) {
    .c-grid-column.-col3.-col2-max {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  @media (max-width: 1299px) {
    .c-grid-column.-col3.-col2-md {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  @media (max-width: 1023px) {
    .c-grid-column.-col3.-col2-tab {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  @media (max-width: 743px) {
    .c-grid-column.-col3.-col2-sp {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col3.-col2-spmin {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  @media (max-width: 1599px) {
    .c-grid-column.-col3.-col1-max {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
  }
  @media (max-width: 1299px) {
    .c-grid-column.-col3.-col1-md {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
  }
  @media (max-width: 1023px) {
    .c-grid-column.-col3.-col1-tab {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
  }
  @media (max-width: 743px) {
    .c-grid-column.-col3.-col1-sp {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col3.-col1-spmin {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
  }
  @media (max-width: 1599px) {
    .c-grid-column.-col3-max {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  @media (max-width: 1299px) {
    .c-grid-column.-col3-max.-col4-md {
      grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 1023px) {
    .c-grid-column.-col3-max.-col4-tab {
      grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 743px) {
    .c-grid-column.-col3-max.-col4-sp {
      grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col3-max.-col4-spmin {
      grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 1299px) {
    .c-grid-column.-col3-max.-col3-md {
      grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 1023px) {
    .c-grid-column.-col3-max.-col3-tab {
      grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 743px) {
    .c-grid-column.-col3-max.-col3-sp {
      grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col3-max.-col3-spmin {
      grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 1299px) {
    .c-grid-column.-col3-max.-col2-md {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 1023px) {
    .c-grid-column.-col3-max.-col2-tab {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 743px) {
    .c-grid-column.-col3-max.-col2-sp {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col3-max.-col2-spmin {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 1299px) {
    .c-grid-column.-col3-max.-col1-md {
      grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 1023px) {
    .c-grid-column.-col3-max.-col1-tab {
      grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 743px) {
    .c-grid-column.-col3-max.-col1-sp {
      grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col3-max.-col1-spmin {
      grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 1299px) {
    .c-grid-column.-col3-md {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  @media (max-width: 1023px) {
    .c-grid-column.-col3-md.-col4-tab {
      grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 743px) {
    .c-grid-column.-col3-md.-col4-sp {
      grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col3-md.-col4-spmin {
      grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 1023px) {
    .c-grid-column.-col3-md.-col3-tab {
      grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 743px) {
    .c-grid-column.-col3-md.-col3-sp {
      grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col3-md.-col3-spmin {
      grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 1023px) {
    .c-grid-column.-col3-md.-col2-tab {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 743px) {
    .c-grid-column.-col3-md.-col2-sp {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col3-md.-col2-spmin {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 1023px) {
    .c-grid-column.-col3-md.-col1-tab {
      grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 743px) {
    .c-grid-column.-col3-md.-col1-sp {
      grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col3-md.-col1-spmin {
      grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 1023px) {
    .c-grid-column.-col3-tab {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  @media (max-width: 743px) {
    .c-grid-column.-col3-tab.-col4-sp {
      grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col3-tab.-col4-spmin {
      grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 743px) {
    .c-grid-column.-col3-tab.-col3-sp {
      grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col3-tab.-col3-spmin {
      grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 743px) {
    .c-grid-column.-col3-tab.-col2-sp {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col3-tab.-col2-spmin {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 743px) {
    .c-grid-column.-col3-tab.-col1-sp {
      grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col3-tab.-col1-spmin {
      grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 743px) {
    .c-grid-column.-col3-sp {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col3-sp.-col4-spmin {
      grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col3-sp.-col3-spmin {
      grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col3-sp.-col2-spmin {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col3-sp.-col1-spmin {
      grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col3-spmin {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  .c-grid-column.-col2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  @media (max-width: 1599px) {
    .c-grid-column.-col2.-col4-max {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  @media (max-width: 1299px) {
    .c-grid-column.-col2.-col4-md {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  @media (max-width: 1023px) {
    .c-grid-column.-col2.-col4-tab {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  @media (max-width: 743px) {
    .c-grid-column.-col2.-col4-sp {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col2.-col4-spmin {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  @media (max-width: 1599px) {
    .c-grid-column.-col2.-col3-max {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  @media (max-width: 1299px) {
    .c-grid-column.-col2.-col3-md {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  @media (max-width: 1023px) {
    .c-grid-column.-col2.-col3-tab {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  @media (max-width: 743px) {
    .c-grid-column.-col2.-col3-sp {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col2.-col3-spmin {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  @media (max-width: 1599px) {
    .c-grid-column.-col2.-col2-max {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  @media (max-width: 1299px) {
    .c-grid-column.-col2.-col2-md {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  @media (max-width: 1023px) {
    .c-grid-column.-col2.-col2-tab {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  @media (max-width: 743px) {
    .c-grid-column.-col2.-col2-sp {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col2.-col2-spmin {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  @media (max-width: 1599px) {
    .c-grid-column.-col2.-col1-max {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
  }
  @media (max-width: 1299px) {
    .c-grid-column.-col2.-col1-md {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
  }
  @media (max-width: 1023px) {
    .c-grid-column.-col2.-col1-tab {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
  }
  @media (max-width: 743px) {
    .c-grid-column.-col2.-col1-sp {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col2.-col1-spmin {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
  }
  @media (max-width: 1599px) {
    .c-grid-column.-col2-max {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  @media (max-width: 1299px) {
    .c-grid-column.-col2-max.-col4-md {
      grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 1023px) {
    .c-grid-column.-col2-max.-col4-tab {
      grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 743px) {
    .c-grid-column.-col2-max.-col4-sp {
      grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col2-max.-col4-spmin {
      grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 1299px) {
    .c-grid-column.-col2-max.-col3-md {
      grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 1023px) {
    .c-grid-column.-col2-max.-col3-tab {
      grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 743px) {
    .c-grid-column.-col2-max.-col3-sp {
      grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col2-max.-col3-spmin {
      grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 1299px) {
    .c-grid-column.-col2-max.-col2-md {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 1023px) {
    .c-grid-column.-col2-max.-col2-tab {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 743px) {
    .c-grid-column.-col2-max.-col2-sp {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col2-max.-col2-spmin {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 1299px) {
    .c-grid-column.-col2-max.-col1-md {
      grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 1023px) {
    .c-grid-column.-col2-max.-col1-tab {
      grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 743px) {
    .c-grid-column.-col2-max.-col1-sp {
      grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col2-max.-col1-spmin {
      grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 1299px) {
    .c-grid-column.-col2-md {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  @media (max-width: 1023px) {
    .c-grid-column.-col2-md.-col4-tab {
      grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 743px) {
    .c-grid-column.-col2-md.-col4-sp {
      grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col2-md.-col4-spmin {
      grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 1023px) {
    .c-grid-column.-col2-md.-col3-tab {
      grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 743px) {
    .c-grid-column.-col2-md.-col3-sp {
      grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col2-md.-col3-spmin {
      grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 1023px) {
    .c-grid-column.-col2-md.-col2-tab {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 743px) {
    .c-grid-column.-col2-md.-col2-sp {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col2-md.-col2-spmin {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 1023px) {
    .c-grid-column.-col2-md.-col1-tab {
      grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 743px) {
    .c-grid-column.-col2-md.-col1-sp {
      grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col2-md.-col1-spmin {
      grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 1023px) {
    .c-grid-column.-col2-tab {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  @media (max-width: 743px) {
    .c-grid-column.-col2-tab.-col4-sp {
      grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col2-tab.-col4-spmin {
      grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 743px) {
    .c-grid-column.-col2-tab.-col3-sp {
      grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col2-tab.-col3-spmin {
      grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 743px) {
    .c-grid-column.-col2-tab.-col2-sp {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col2-tab.-col2-spmin {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 743px) {
    .c-grid-column.-col2-tab.-col1-sp {
      grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col2-tab.-col1-spmin {
      grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 743px) {
    .c-grid-column.-col2-sp {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col2-sp.-col4-spmin {
      grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col2-sp.-col3-spmin {
      grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col2-sp.-col2-spmin {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col2-sp.-col1-spmin {
      grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col2-spmin {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .c-grid-column.-col1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  @media (max-width: 1599px) {
    .c-grid-column.-col1.-col4-max {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  @media (max-width: 1299px) {
    .c-grid-column.-col1.-col4-md {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  @media (max-width: 1023px) {
    .c-grid-column.-col1.-col4-tab {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  @media (max-width: 743px) {
    .c-grid-column.-col1.-col4-sp {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col1.-col4-spmin {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  @media (max-width: 1599px) {
    .c-grid-column.-col1.-col3-max {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  @media (max-width: 1299px) {
    .c-grid-column.-col1.-col3-md {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  @media (max-width: 1023px) {
    .c-grid-column.-col1.-col3-tab {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  @media (max-width: 743px) {
    .c-grid-column.-col1.-col3-sp {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col1.-col3-spmin {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  @media (max-width: 1599px) {
    .c-grid-column.-col1.-col2-max {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  @media (max-width: 1299px) {
    .c-grid-column.-col1.-col2-md {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  @media (max-width: 1023px) {
    .c-grid-column.-col1.-col2-tab {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  @media (max-width: 743px) {
    .c-grid-column.-col1.-col2-sp {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col1.-col2-spmin {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  @media (max-width: 1599px) {
    .c-grid-column.-col1.-col1-max {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
  }
  @media (max-width: 1299px) {
    .c-grid-column.-col1.-col1-md {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
  }
  @media (max-width: 1023px) {
    .c-grid-column.-col1.-col1-tab {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
  }
  @media (max-width: 743px) {
    .c-grid-column.-col1.-col1-sp {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col1.-col1-spmin {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
  }
  @media (max-width: 1599px) {
    .c-grid-column.-col1-max {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
  }
  @media (max-width: 1299px) {
    .c-grid-column.-col1-max.-col4-md {
      grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 1023px) {
    .c-grid-column.-col1-max.-col4-tab {
      grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 743px) {
    .c-grid-column.-col1-max.-col4-sp {
      grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col1-max.-col4-spmin {
      grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 1299px) {
    .c-grid-column.-col1-max.-col3-md {
      grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 1023px) {
    .c-grid-column.-col1-max.-col3-tab {
      grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 743px) {
    .c-grid-column.-col1-max.-col3-sp {
      grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col1-max.-col3-spmin {
      grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 1299px) {
    .c-grid-column.-col1-max.-col2-md {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 1023px) {
    .c-grid-column.-col1-max.-col2-tab {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 743px) {
    .c-grid-column.-col1-max.-col2-sp {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col1-max.-col2-spmin {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 1299px) {
    .c-grid-column.-col1-max.-col1-md {
      grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 1023px) {
    .c-grid-column.-col1-max.-col1-tab {
      grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 743px) {
    .c-grid-column.-col1-max.-col1-sp {
      grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col1-max.-col1-spmin {
      grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 1299px) {
    .c-grid-column.-col1-md {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
  }
  @media (max-width: 1023px) {
    .c-grid-column.-col1-md.-col4-tab {
      grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 743px) {
    .c-grid-column.-col1-md.-col4-sp {
      grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col1-md.-col4-spmin {
      grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 1023px) {
    .c-grid-column.-col1-md.-col3-tab {
      grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 743px) {
    .c-grid-column.-col1-md.-col3-sp {
      grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col1-md.-col3-spmin {
      grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 1023px) {
    .c-grid-column.-col1-md.-col2-tab {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 743px) {
    .c-grid-column.-col1-md.-col2-sp {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col1-md.-col2-spmin {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 1023px) {
    .c-grid-column.-col1-md.-col1-tab {
      grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 743px) {
    .c-grid-column.-col1-md.-col1-sp {
      grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col1-md.-col1-spmin {
      grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 1023px) {
    .c-grid-column.-col1-tab {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
  }
  @media (max-width: 743px) {
    .c-grid-column.-col1-tab.-col4-sp {
      grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col1-tab.-col4-spmin {
      grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 743px) {
    .c-grid-column.-col1-tab.-col3-sp {
      grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col1-tab.-col3-spmin {
      grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 743px) {
    .c-grid-column.-col1-tab.-col2-sp {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col1-tab.-col2-spmin {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 743px) {
    .c-grid-column.-col1-tab.-col1-sp {
      grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col1-tab.-col1-spmin {
      grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 743px) {
    .c-grid-column.-col1-sp {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col1-sp.-col4-spmin {
      grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col1-sp.-col3-spmin {
      grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col1-sp.-col2-spmin {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col1-sp.-col1-spmin {
      grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col1-spmin {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
  }
}
@layer components {
  .wpcf7-form {
    --label-optional-border-color: var(--color-gray-100, #888);
    --label-required-border-color: color-mix(in srgb, var(--color-red-100, #f00) 60%, yellow);
    --label-required-background-color: color-mix(in srgb, var(--color-red-100, #f00) 60%, yellow);
    --file-button-background-color: var(--color-black-100, #000);
    --radio-checkbox-checked-color: var(--color-black-100, #000);
    --radio-checkbox-focus-color: var(--color-gray-50, #ccc);
    --error-fukidashi-background-color: color-mix(in srgb, var(--color-red-100, #f00) 90%, #000);
    font-size: min(0.1632653061vw + 0.8367346939rem, 1rem);
    line-height: 1.5;
  }
  .wpcf7-form__no-item {
    display: contents;
  }
  .wpcf7-form__item + .wpcf7-form__item {
    margin-block-start: min(0.8163265306vw + 26.9387755102px, 40px);
  }
  .wpcf7-form__item:has(.wpcf7-not-valid-tip) + .wpcf7-form__item {
    margin-block-start: min(0.9387755102vw + 44.9795918367px, 60px);
  }
  .wpcf7-form__item__head {
    display: flex;
    column-gap: 0.5em;
  }
  .wpcf7-form__item__head::before {
    font-size: min(0.1224489796vw + 0.6275510204rem, 0.75rem);
    line-height: 1;
    padding: 0.25em 0.5em;
    align-self: start;
    border-radius: calc(infinity * 1px);
    border: 1px solid;
    margin-block-start: 0.125em;
    white-space: nowrap;
  }
  .wpcf7-form__item:not(:has([aria-required=true])) .wpcf7-form__item__head::before {
    content: "任意";
    border-color: var(--label-optional-border-color);
  }
  .wpcf7-form__item:has(:is([aria-required=true], .wpcf7-radio)) .wpcf7-form__item__head::before {
    content: "必須";
    color: var(--color-white-00, #fff);
    border-color: var(--label-required-border-color);
    background-color: var(--label-required-background-color);
  }
  .wpcf7-form__item__head + .wpcf7-form__item__body {
    margin-block-start: min(0.1156462585vw + 13.1496598639px, 15px);
  }
  .wpcf7-form__item__body {
    display: flex;
    flex-direction: column;
    row-gap: 0.5em;
  }
  .wpcf7-form__item__body > *:not(.wpcf7-form-control-wrap) {
    align-items: center;
    display: flex;
    column-gap: 0.5em;
    max-inline-size: 100%;
    white-space: nowrap;
  }
  .wpcf7-form__item__body.-full .wpcf7-form-control-wrap, .wpcf7-form__item__body:has(textarea) .wpcf7-form-control-wrap, .wpcf7-form__item__body:has(.wpcf7-file) .wpcf7-form-control-wrap {
    inline-size: 100%;
  }
  .wpcf7-form__item__body:has(> *:not(.wpcf7-form-control-wrap):nth-child(2)) {
    flex-direction: row;
    column-gap: 1em;
  }
  .wpcf7-form__item__body + .wpcf7-form__item__body {
    margin-block-start: min(0vw + 10px, 10px);
  }
  .wpcf7-form__item__body:has(.wpcf7-not-valid-tip) + .wpcf7-form__item__body {
    margin-block-start: min(0.3265306122vw + 34.7755102041px, 40px);
  }
  .wpcf7-form__acceptance:not(:first-child), .wpcf7-form__submit:not(:first-child) {
    margin-block-start: min(0.9387755102vw + 44.9795918367px, 60px);
  }
  .wpcf7-form__item:has(.wpcf7-not-valid-tip) + .wpcf7-form__acceptance, .wpcf7-form__item:has(.wpcf7-not-valid-tip) + .wpcf7-form__submit {
    margin-block-start: min(0.7210884354vw + 68.462585034px, 80px);
  }
  .wpcf7-form__acceptance {
    text-align: center;
    display: flex;
    justify-content: center;
    gap: 10px;
  }
  .wpcf7-form__acceptance .wpcf7-list-item {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
  }
  .wpcf7-form__acceptance .wpcf7-list-item::after {
    font-size: min(0.1224489796vw + 0.6275510204rem, 0.75rem);
    line-height: 1;
    padding: 0.25em 0.5em;
    align-self: start;
    border-radius: calc(infinity * 1px);
    border: 1px solid;
    margin-block-start: 0.125em;
    white-space: nowrap;
    content: "必須";
    color: var(--color-white-00, #fff);
    border-color: var(--label-required-background-color);
    background-color: var(--label-required-background-color);
  }
  .wpcf7-form__acceptance a {
    text-decoration: underline;
    transition: color 0.3s;
  }
  @media (any-hover: hover) {
    .wpcf7-form__acceptance a:hover {
      text-decoration: none;
    }
  }
  .wpcf7-form__submit input[type=submit] {
    margin-inline: auto;
    color: var(--color-white-00, #fff);
    display: block;
    border-radius: calc(infinity * 1px);
    text-align: center;
    padding: 1em;
    min-inline-size: min(240px, 100%);
  }
  .wpcf7-form__submit input[type=submit]:not(:disabled) {
    background-color: var(--color-black-100, #000);
    cursor: pointer;
    transition: var(--dur, 0.2s) opacity var(--ease-out-sine, ease-out), var(--dur, 0.2s) background-color var(--ease-out-sine, ease-out);
  }
  @media (any-hover: hover) {
    .wpcf7-form__submit input[type=submit]:not(:disabled):hover {
      opacity: 0.75;
    }
  }
  .wpcf7-form__submit input[type=submit]:disabled {
    opacity: 0.5;
    background-color: var(--color-gray-50, #ccc);
    cursor: not-allowed;
  }
  .wpcf7-form-control-wrap {
    display: block;
    inline-size: fit-content;
    max-inline-size: 100%;
    position: relative;
  }
  .wpcf7-form-control-wrap :where([type=text], [type=tel], [type=email], [type=number], [type=password], [type=url], [type=date], select, textarea) {
    inline-size: 100%;
    display: block;
    background-color: var(--color-white-00, #fff);
    border: 1px solid var(--color-gray-50, #ccc);
    border-radius: 5px;
    font-size: 1rem;
    padding: 1rem;
    appearance: none;
  }
  .wpcf7-form-control-wrap [type=date] {
    display: flex;
    column-gap: 1em;
    align-items: center;
  }
  .wpcf7-form-control-wrap [type=date]::before {
    font-size: min(0.0680272109vw + 0.8069727891rem, 0.875rem);
    content: "日付を選択する";
    white-space: nowrap;
    color: var(--color-gray-100, #888);
  }
  .wpcf7-form-control-wrap:has(select) select {
    padding-inline-end: 2rem;
  }
  .wpcf7-form-control-wrap:has(select)::after {
    content: "";
    position: absolute;
    width: 0.6em;
    pointer-events: none;
    height: 0.35em;
    border-inline: 0.3em solid transparent;
    top: calc(50% - 0.2em);
    right: 0.75rem;
    border-block-start: 0.35em solid var(--color-black-100, #000);
  }
  .wpcf7-form-control-wrap textarea {
    inline-size: 100%;
    resize: vertical;
    field-sizing: content;
    min-block-size: 12em;
  }
  :where(.wpcf7-checkbox, .wpcf7-radio, .wpcf7-acceptance) {
    display: flex;
    flex-wrap: wrap;
    column-gap: 1.5em;
    row-gap: 1em;
  }
  .-vertical :where(.wpcf7-checkbox, .wpcf7-radio, .wpcf7-acceptance) {
    flex-direction: column;
  }
  :where(.wpcf7-checkbox, .wpcf7-radio, .wpcf7-acceptance) input {
    appearance: none;
    position: absolute;
    opacity: 0;
  }
  :where(.wpcf7-checkbox, .wpcf7-radio, .wpcf7-acceptance) .wpcf7-list-item:not(:has(label)),
  :where(.wpcf7-checkbox, .wpcf7-radio, .wpcf7-acceptance) .wpcf7-list-item label {
    position: relative;
    display: flex;
    align-items: flex-start;
    column-gap: 0.5em;
    cursor: pointer;
  }
  :where(.wpcf7-checkbox, .wpcf7-radio, .wpcf7-acceptance) .wpcf7-list-item:not(:has(label))::before,
  :where(.wpcf7-checkbox, .wpcf7-radio, .wpcf7-acceptance) .wpcf7-list-item label::before {
    content: "";
    inline-size: 1.5em;
    min-inline-size: 1.5em;
    block-size: 1.5em;
    border: 1px solid var(--color-gray-50, #ccc);
    transition: var(--dur, 0.2s) border-color var(--ease-out-sine, ease-out);
  }
  :where(.wpcf7-checkbox, .wpcf7-radio, .wpcf7-acceptance) .wpcf7-list-item:not(:has(label))::after,
  :where(.wpcf7-checkbox, .wpcf7-radio, .wpcf7-acceptance) .wpcf7-list-item label::after {
    content: "";
    position: absolute;
    transition: var(--dur, 0.2s) opacity var(--ease-out-sine, ease-out);
    opacity: 0;
  }
  :where(.wpcf7-checkbox, .wpcf7-radio, .wpcf7-acceptance) .wpcf7-list-item:not(:has(label)):has(:checked)::before,
  :where(.wpcf7-checkbox, .wpcf7-radio, .wpcf7-acceptance) .wpcf7-list-item label:has(:checked)::before {
    border-color: var(--radio-checkbox-checked-color);
  }
  :where(.wpcf7-checkbox, .wpcf7-radio, .wpcf7-acceptance) .wpcf7-list-item:not(:has(label)):has(:checked)::after,
  :where(.wpcf7-checkbox, .wpcf7-radio, .wpcf7-acceptance) .wpcf7-list-item label:has(:checked)::after {
    opacity: 1;
  }
  :where(.wpcf7-checkbox, .wpcf7-radio, .wpcf7-acceptance) .wpcf7-list-item:not(:has(label)):has(:focus-visible),
  :where(.wpcf7-checkbox, .wpcf7-radio, .wpcf7-acceptance) .wpcf7-list-item label:has(:focus-visible) {
    outline-offset: 4px;
    outline: auto;
    outline: 2px solid -webkit-focus-ring-color;
    border-radius: 2px;
  }
  .wpcf7-checkbox .wpcf7-list-item:not(:has(label))::before,
  .wpcf7-checkbox .wpcf7-list-item label::before,
  .wpcf7-acceptance .wpcf7-list-item:not(:has(label))::before,
  .wpcf7-acceptance .wpcf7-list-item label::before {
    content: "";
    border-radius: 0.25em;
  }
  .wpcf7-checkbox .wpcf7-list-item:not(:has(label))::after,
  .wpcf7-checkbox .wpcf7-list-item label::after,
  .wpcf7-acceptance .wpcf7-list-item:not(:has(label))::after,
  .wpcf7-acceptance .wpcf7-list-item label::after {
    inline-size: 0.8em;
    block-size: 0.5em;
    border-block-end: 2px solid var(--radio-checkbox-checked-color);
    border-inline-start: 2px solid var(--radio-checkbox-checked-color);
    rotate: -45deg;
    top: 0.375em;
    left: 0.35em;
  }
  .wpcf7-radio .wpcf7-list-item:not(:has(label))::before,
  .wpcf7-radio .wpcf7-list-item label::before {
    content: "";
    border-radius: calc(infinity * 1px);
  }
  .wpcf7-radio .wpcf7-list-item:not(:has(label))::after,
  .wpcf7-radio .wpcf7-list-item label::after {
    background-color: var(--radio-checkbox-checked-color);
    top: 0.5em;
    left: 0.5em;
    inline-size: 0.5em;
    aspect-ratio: 1/1;
    border-radius: calc(infinity * 1px);
  }
  .wpcf7-file {
    inline-size: 0;
    block-size: 0;
    opacity: 0;
    padding: 0;
    border: none;
    display: block;
    position: absolute;
  }
  .wpcf7-file:focus-visible + .wpcf7-file__label {
    outline: auto;
    outline: 2px solid -webkit-focus-ring-color;
  }
  .wpcf7-file__label {
    cursor: pointer;
    inline-size: 100%;
    background-color: var(--color-white-00);
    border: 1px solid var(--color-gray-50);
    border-radius: 5px;
    font-size: min(0.1632653061vw + 13.387755102px, 16px);
    padding-block: min(0.1632653061vw + 13.387755102px, 16px);
    padding-inline-start: min(0.1632653061vw + 13.387755102px, 16px);
    display: flex;
    position: relative;
    column-gap: 1em;
    justify-content: space-between;
  }
  .wpcf7-file__label__text {
    color: var(--color-gray-100);
    word-break: keep-all;
  }
  .wpcf7-file__label__text.is-filled {
    color: var(--color-black-100);
  }
  .wpcf7-file__label:has(.is-filled) + .wpcf7-file__label__delete {
    display: flex;
  }
  .wpcf7-file__label__button {
    background-color: var(--file-button-background-color);
    color: var(--color-white-00, #fff);
    justify-content: center;
    display: flex;
    align-items: center;
    border-top-right-radius: 5px;
    font-size: min(0vw + 0.75rem, 0.75rem);
    line-height: 1.4;
    padding-inline: 1em;
    column-gap: 0.5em;
    word-break: keep-all;
    border-bottom-right-radius: 5px;
    margin-inline-end: -1px;
    margin-block-start: calc(min(0.1632653061vw + 13.387755102px, 16px) * -1 - 1px);
    margin-block-end: calc(min(0.1632653061vw + 13.387755102px, 16px) * -1 - 1px);
  }
  .wpcf7-file__label__button svg {
    fill: currentColor;
    width: 1.25em;
    min-width: 1.25em;
    height: 1.25em;
  }
  .wpcf7-file__label__delete {
    position: absolute;
    bottom: 100%;
    left: 100%;
    inline-size: 1.5em;
    max-inline-size: 1.5em;
    height: 1.5em;
    cursor: pointer;
    display: none;
    translate: -50% 50%;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--file-button-background-color);
    background-color: var(--color-white-00, #fff);
    border-radius: 50%;
  }
  @media (any-hover: hover) {
    .wpcf7-file__label__delete {
      transition: var(--dur) scale var(--ease-out-cubic);
    }
    .wpcf7-file__label__delete:hover {
      scale: 1.25;
    }
  }
  .wpcf7-file__label__delete svg {
    width: 50%;
    height: 50%;
    display: block;
    fill: currentColor;
    rotate: 45deg;
  }
}
.wpcf7-list-item {
  margin: 0;
  display: flex;
}

.wpcf7-not-valid-tip {
  font-size: min(0.112244898vw + 0.575255102rem, 0.6875rem);
  background-color: var(--error-fukidashi-background-color);
  color: var(--color-white-00, #fff);
  position: absolute;
  top: calc(100% + 1em);
  left: 0;
  border-radius: calc(infinity * 1px);
  white-space: nowrap;
  line-height: 1;
  padding: 0.35em 0.6em;
}
.wpcf7-not-valid-tip::before {
  content: "";
  position: absolute;
  bottom: calc(100% - 0.5px);
  left: 1em;
  width: 0.7em;
  height: 0.5em;
  border-inline: 0.35em solid transparent;
  border-block-end: 0.5em solid var(--error-fukidashi-background-color);
}

.wpcf7-response-output,
.wpcf7-spinner {
  display: none;
}

@layer components {
  .c-button-primary {
    justify-content: space-between;
    column-gap: 0.5em;
    border: 1px solid var(--color-black-100);
    border-radius: 999px;
    padding: 1em 2em;
    align-items: center;
    color: var(--color-white-00);
    background: var(--color-black-100);
    transition: var(--dur) opacity;
  }
  @media (any-hover: hover) {
    .c-button-primary {
      border-radius: calc(infinity * 1px);
    }
    .c-button-primary:focus-visible {
      outline: 3px solid var(--color-black-100);
      outline-offset: 5px;
    }
    .c-button-primary:hover {
      opacity: 0.5;
    }
  }
  @media (any-hover: none) {
    .c-button-primary:active {
      opacity: 0.5;
    }
    .c-button-primary:active,
    .c-button-primary:active *, .c-button-primary:active::before, .c-button-primary:active::after {
      animation-duration: var(--dur) !important;
      transition-duration: var(--dur) !important;
    }
  }
  .c-button-primary .text {
    font-size: min(0.2448979592vw + 0.7551020408rem, 1rem);
  }
  .c-button-primary .icon {
    inline-size: 1em;
    block-size: 1em;
  }
  .c-button-primary .icon svg {
    display: block;
    width: 100%;
    height: 100%;
  }
  .c-button-primary.-center {
    margin-inline: auto;
  }
  .c-button-primary.-white {
    background-color: var(--color-white-00);
    color: var(--color-black-100);
  }
  .c-button-primary.-white .icon {
    fill: var(--color-black-100);
  }
  .c-button-primary.-reverse {
    flex-direction: row-reverse;
  }
}
@layer components {
  .c-heading-primary {
    position: relative;
    width: fit-content;
    margin: 0 auto;
    font-size: 7vw;
    font-weight: 700;
    text-transform: uppercase;
    font-family: var(--font-en);
    line-height: 1;
    letter-spacing: -0.045em;
    transform: translateY(20%);
    opacity: 0;
    transition: transform 0.4s var(--ease-out-cubic), opacity 0.2s var(--ease-out-cubic);
  }
  @media (max-width: 743px) {
    .c-heading-primary {
      font-size: 9vw;
    }
  }
  .c-heading-primary .afterimage {
    position: absolute;
    top: 0;
  }
  .c-heading-primary .afterimage.-l {
    left: 0;
  }
  .c-heading-primary .afterimage.-l span {
    clip-path: inset(0 80% 0 0);
    left: 0;
  }
  .c-heading-primary .afterimage.-r {
    right: 0;
  }
  .c-heading-primary .afterimage.-r span {
    clip-path: inset(0 0 0 80%);
    right: 0;
  }
  .c-heading-primary .afterimage > span {
    display: block;
    position: absolute;
    font-weight: 100;
    top: 0;
    -webkit-text-stroke: 1px #fff;
    text-stroke: 1px #fff;
    color: transparent;
    transition: 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    opacity: 0;
  }
  .c-heading-primary.is-act {
    transform: translateY(0);
    opacity: 1;
  }
  .c-heading-primary.is-act .afterimage span {
    opacity: 1;
  }
  .c-heading-primary.is-act .afterimage.-l span:nth-of-type(1) {
    left: -0.2em;
  }
  .c-heading-primary.is-act .afterimage.-l span:nth-of-type(2) {
    left: -0.35em;
  }
  .c-heading-primary.is-act .afterimage.-l span:nth-of-type(3) {
    left: -0.5em;
  }
  .c-heading-primary.is-act .afterimage.-r span:nth-of-type(1) {
    right: -0.2em;
  }
  .c-heading-primary.is-act .afterimage.-r span:nth-of-type(2) {
    right: -0.35em;
  }
  .c-heading-primary.is-act .afterimage.-r span:nth-of-type(3) {
    right: -0.5em;
  }
  .c-heading-primary .title {
    display: block;
    white-space: nowrap;
  }
}
@layer components {
  .c-text-14 {
    font-size: min(0.0680272109vw + 12.9115646259px, 14px);
  }
  .c-title-20 {
    font-size: min(0.3537414966vw + 14.3401360544px, 20px);
  }
  .c-title-24 {
    font-size: min(0.5442176871vw + 15.2925170068px, 24px);
  }
  .c-title-32 {
    font-size: min(0.925170068vw + 17.1972789116px, 32px);
  }
  .c-title-40 {
    font-size: min(1.306122449vw + 19.1020408163px, 40px);
  }
  .c-title-48 {
    font-size: min(1.6870748299vw + 21.0068027211px, 48px);
  }
  .c-title-72 {
    font-size: min(2.8299319728vw + 26.7210884354px, 72px);
  }
  .c-title-80 {
    font-size: min(3.2108843537vw + 28.6258503401px, 80px);
  }
  .c-title-border span {
    border: 1px solid;
    border-radius: 999px;
    padding: 0.3em 1.2em;
    margin-inline: auto;
    font-size: min(0.3537414966vw + 14.3401360544px, 20px);
  }
}
@layer components {
  .c-default_notfound {
    padding-block: min(5.1156462585vw + 38.1496598639px, 120px);
  }
  .c-default_notfound h2 {
    text-align: center;
    font-weight: 600;
    font-size: min(1.6326530612vw + 0.8673469388rem, 2.5rem);
    line-height: 1.2;
    color: var(--color-black-100);
  }
  .c-default_notfound h2 strong {
    font-size: min(4.6394557823vw + 2.2355442177rem, 6.875rem);
  }
  .c-default_notfound h3 {
    text-align: center;
    font-weight: 600;
    font-size: min(0.5442176871vw + 0.9557823129rem, 1.5rem);
  }
  .c-default_notfound .body {
    margin-top: min(1.306122449vw + 19.1020408163px, 40px);
  }
  .c-default_notfound .body p {
    text-align: center;
  }
  @media (max-width: 743px) {
    .c-default_notfound .body p {
      text-align: left;
    }
  }
  .c-default_notfound .button {
    display: flex;
    gap: 1em;
    justify-content: center;
    margin-top: min(2.2585034014vw + 23.8639455782px, 60px);
  }
  @media (max-width: 743px) {
    .c-default_notfound .button {
      flex-direction: column;
      align-items: center;
    }
  }
}
@layer utilities {
  .u-mt0 {
    margin-block-start: 0;
  }
  .u-mt1 {
    margin-block-start: min(0vw + 1px, 1px);
  }
  .u-mt2 {
    margin-block-start: min(0vw + 2px, 2px);
  }
  .u-mt3 {
    margin-block-start: min(0vw + 3px, 3px);
  }
  .u-mt4 {
    margin-block-start: min(0vw + 4px, 4px);
  }
  .u-mt5 {
    margin-block-start: min(0vw + 5px, 5px);
  }
  .u-mt6 {
    margin-block-start: min(0vw + 6px, 6px);
  }
  .u-mt7 {
    margin-block-start: min(0vw + 7px, 7px);
  }
  .u-mt8 {
    margin-block-start: min(0vw + 8px, 8px);
  }
  .u-mt9 {
    margin-block-start: min(0vw + 9px, 9px);
  }
  .u-mt10 {
    margin-block-start: min(0vw + 10px, 10px);
  }
  .u-mt11 {
    margin-block-start: min(0vw + 11px, 11px);
  }
  .u-mt12 {
    margin-block-start: min(0vw + 12px, 12px);
  }
  .u-mt13 {
    margin-block-start: min(0.0204081633vw + 12.6734693878px, 13px);
  }
  .u-mt14 {
    margin-block-start: min(0.0680272109vw + 12.9115646259px, 14px);
  }
  .u-mt15 {
    margin-block-start: min(0.1156462585vw + 13.1496598639px, 15px);
  }
  .u-mt16 {
    margin-block-start: min(0.1632653061vw + 13.387755102px, 16px);
  }
  .u-mt17 {
    margin-block-start: min(0.2108843537vw + 13.6258503401px, 17px);
  }
  .u-mt18 {
    margin-block-start: min(0.2585034014vw + 13.8639455782px, 18px);
  }
  .u-mt19 {
    margin-block-start: min(0.306122449vw + 14.1020408163px, 19px);
  }
  .u-mt20 {
    margin-block-start: min(0.3537414966vw + 14.3401360544px, 20px);
  }
  .u-mt21 {
    margin-block-start: min(0.4013605442vw + 14.5782312925px, 21px);
  }
  .u-mt22 {
    margin-block-start: min(0.4489795918vw + 14.8163265306px, 22px);
  }
  .u-mt23 {
    margin-block-start: min(0.4965986395vw + 15.0544217687px, 23px);
  }
  .u-mt24 {
    margin-block-start: min(0.5442176871vw + 15.2925170068px, 24px);
  }
  .u-mt25 {
    margin-block-start: min(0.5918367347vw + 15.5306122449px, 25px);
  }
  .u-mt26 {
    margin-block-start: min(0.6394557823vw + 15.768707483px, 26px);
  }
  .u-mt27 {
    margin-block-start: min(0.6870748299vw + 16.0068027211px, 27px);
  }
  .u-mt28 {
    margin-block-start: min(0.7346938776vw + 16.2448979592px, 28px);
  }
  .u-mt29 {
    margin-block-start: min(0.7823129252vw + 16.4829931973px, 29px);
  }
  .u-mt30 {
    margin-block-start: min(0.8299319728vw + 16.7210884354px, 30px);
  }
  .u-mt31 {
    margin-block-start: min(0.8775510204vw + 16.9591836735px, 31px);
  }
  .u-mt32 {
    margin-block-start: min(0.925170068vw + 17.1972789116px, 32px);
  }
  .u-mt33 {
    margin-block-start: min(0.9727891156vw + 17.4353741497px, 33px);
  }
  .u-mt34 {
    margin-block-start: min(1.0204081633vw + 17.6734693878px, 34px);
  }
  .u-mt35 {
    margin-block-start: min(1.0680272109vw + 17.9115646259px, 35px);
  }
  .u-mt36 {
    margin-block-start: min(1.1156462585vw + 18.1496598639px, 36px);
  }
  .u-mt37 {
    margin-block-start: min(1.1632653061vw + 18.387755102px, 37px);
  }
  .u-mt38 {
    margin-block-start: min(1.2108843537vw + 18.6258503401px, 38px);
  }
  .u-mt39 {
    margin-block-start: min(1.2585034014vw + 18.8639455782px, 39px);
  }
  .u-mt40 {
    margin-block-start: min(1.306122449vw + 19.1020408163px, 40px);
  }
  .u-mt41 {
    margin-block-start: min(1.3537414966vw + 19.3401360544px, 41px);
  }
  .u-mt42 {
    margin-block-start: min(1.4013605442vw + 19.5782312925px, 42px);
  }
  .u-mt43 {
    margin-block-start: min(1.4489795918vw + 19.8163265306px, 43px);
  }
  .u-mt44 {
    margin-block-start: min(1.4965986395vw + 20.0544217687px, 44px);
  }
  .u-mt45 {
    margin-block-start: min(1.5442176871vw + 20.2925170068px, 45px);
  }
  .u-mt46 {
    margin-block-start: min(1.5918367347vw + 20.5306122449px, 46px);
  }
  .u-mt47 {
    margin-block-start: min(1.6394557823vw + 20.768707483px, 47px);
  }
  .u-mt48 {
    margin-block-start: min(1.6870748299vw + 21.0068027211px, 48px);
  }
  .u-mt49 {
    margin-block-start: min(1.7346938776vw + 21.2448979592px, 49px);
  }
  .u-mt50 {
    margin-block-start: min(1.7823129252vw + 21.4829931973px, 50px);
  }
  .u-mt51 {
    margin-block-start: min(1.8299319728vw + 21.7210884354px, 51px);
  }
  .u-mt52 {
    margin-block-start: min(1.8775510204vw + 21.9591836735px, 52px);
  }
  .u-mt53 {
    margin-block-start: min(1.925170068vw + 22.1972789116px, 53px);
  }
  .u-mt54 {
    margin-block-start: min(1.9727891156vw + 22.4353741497px, 54px);
  }
  .u-mt55 {
    margin-block-start: min(2.0204081633vw + 22.6734693878px, 55px);
  }
  .u-mt56 {
    margin-block-start: min(2.0680272109vw + 22.9115646259px, 56px);
  }
  .u-mt57 {
    margin-block-start: min(2.1156462585vw + 23.1496598639px, 57px);
  }
  .u-mt58 {
    margin-block-start: min(2.1632653061vw + 23.387755102px, 58px);
  }
  .u-mt59 {
    margin-block-start: min(2.2108843537vw + 23.6258503401px, 59px);
  }
  .u-mt60 {
    margin-block-start: min(2.2585034014vw + 23.8639455782px, 60px);
  }
  .u-mt61 {
    margin-block-start: min(2.306122449vw + 24.1020408163px, 61px);
  }
  .u-mt62 {
    margin-block-start: min(2.3537414966vw + 24.3401360544px, 62px);
  }
  .u-mt63 {
    margin-block-start: min(2.4013605442vw + 24.5782312925px, 63px);
  }
  .u-mt64 {
    margin-block-start: min(2.4489795918vw + 24.8163265306px, 64px);
  }
  .u-mt65 {
    margin-block-start: min(2.4965986395vw + 25.0544217687px, 65px);
  }
  .u-mt66 {
    margin-block-start: min(2.5442176871vw + 25.2925170068px, 66px);
  }
  .u-mt67 {
    margin-block-start: min(2.5918367347vw + 25.5306122449px, 67px);
  }
  .u-mt68 {
    margin-block-start: min(2.6394557823vw + 25.768707483px, 68px);
  }
  .u-mt69 {
    margin-block-start: min(2.6870748299vw + 26.0068027211px, 69px);
  }
  .u-mt70 {
    margin-block-start: min(2.7346938776vw + 26.2448979592px, 70px);
  }
  .u-mt71 {
    margin-block-start: min(2.7823129252vw + 26.4829931973px, 71px);
  }
  .u-mt72 {
    margin-block-start: min(2.8299319728vw + 26.7210884354px, 72px);
  }
  .u-mt73 {
    margin-block-start: min(2.8775510204vw + 26.9591836735px, 73px);
  }
  .u-mt74 {
    margin-block-start: min(2.925170068vw + 27.1972789116px, 74px);
  }
  .u-mt75 {
    margin-block-start: min(2.9727891156vw + 27.4353741497px, 75px);
  }
  .u-mt76 {
    margin-block-start: min(3.0204081633vw + 27.6734693878px, 76px);
  }
  .u-mt77 {
    margin-block-start: min(3.0680272109vw + 27.9115646259px, 77px);
  }
  .u-mt78 {
    margin-block-start: min(3.1156462585vw + 28.1496598639px, 78px);
  }
  .u-mt79 {
    margin-block-start: min(3.1632653061vw + 28.387755102px, 79px);
  }
  .u-mt80 {
    margin-block-start: min(3.2108843537vw + 28.6258503401px, 80px);
  }
  .u-mt81 {
    margin-block-start: min(3.2585034014vw + 28.8639455782px, 81px);
  }
  .u-mt82 {
    margin-block-start: min(3.306122449vw + 29.1020408163px, 82px);
  }
  .u-mt83 {
    margin-block-start: min(3.3537414966vw + 29.3401360544px, 83px);
  }
  .u-mt84 {
    margin-block-start: min(3.4013605442vw + 29.5782312925px, 84px);
  }
  .u-mt85 {
    margin-block-start: min(3.4489795918vw + 29.8163265306px, 85px);
  }
  .u-mt86 {
    margin-block-start: min(3.4965986395vw + 30.0544217687px, 86px);
  }
  .u-mt87 {
    margin-block-start: min(3.5442176871vw + 30.2925170068px, 87px);
  }
  .u-mt88 {
    margin-block-start: min(3.5918367347vw + 30.5306122449px, 88px);
  }
  .u-mt89 {
    margin-block-start: min(3.6394557823vw + 30.768707483px, 89px);
  }
  .u-mt90 {
    margin-block-start: min(3.6870748299vw + 31.0068027211px, 90px);
  }
  .u-mt91 {
    margin-block-start: min(3.7346938776vw + 31.2448979592px, 91px);
  }
  .u-mt92 {
    margin-block-start: min(3.7823129252vw + 31.4829931973px, 92px);
  }
  .u-mt93 {
    margin-block-start: min(3.8299319728vw + 31.7210884354px, 93px);
  }
  .u-mt94 {
    margin-block-start: min(3.8775510204vw + 31.9591836735px, 94px);
  }
  .u-mt95 {
    margin-block-start: min(3.925170068vw + 32.1972789116px, 95px);
  }
  .u-mt96 {
    margin-block-start: min(3.9727891156vw + 32.4353741497px, 96px);
  }
  .u-mt97 {
    margin-block-start: min(4.0204081633vw + 32.6734693878px, 97px);
  }
  .u-mt98 {
    margin-block-start: min(4.0680272109vw + 32.9115646259px, 98px);
  }
  .u-mt99 {
    margin-block-start: min(4.1156462585vw + 33.1496598639px, 99px);
  }
  .u-mt100 {
    margin-block-start: min(4.1632653061vw + 33.387755102px, 100px);
  }
  .u-mt101 {
    margin-block-start: min(4.2108843537vw + 33.6258503401px, 101px);
  }
  .u-mt102 {
    margin-block-start: min(4.2585034014vw + 33.8639455782px, 102px);
  }
  .u-mt103 {
    margin-block-start: min(4.306122449vw + 34.1020408163px, 103px);
  }
  .u-mt104 {
    margin-block-start: min(4.3537414966vw + 34.3401360544px, 104px);
  }
  .u-mt105 {
    margin-block-start: min(4.4013605442vw + 34.5782312925px, 105px);
  }
  .u-mt106 {
    margin-block-start: min(4.4489795918vw + 34.8163265306px, 106px);
  }
  .u-mt107 {
    margin-block-start: min(4.4965986395vw + 35.0544217687px, 107px);
  }
  .u-mt108 {
    margin-block-start: min(4.5442176871vw + 35.2925170068px, 108px);
  }
  .u-mt109 {
    margin-block-start: min(4.5918367347vw + 35.5306122449px, 109px);
  }
  .u-mt110 {
    margin-block-start: min(4.6394557823vw + 35.768707483px, 110px);
  }
  .u-mt111 {
    margin-block-start: min(4.6870748299vw + 36.0068027211px, 111px);
  }
  .u-mt112 {
    margin-block-start: min(4.7346938776vw + 36.2448979592px, 112px);
  }
  .u-mt113 {
    margin-block-start: min(4.7823129252vw + 36.4829931973px, 113px);
  }
  .u-mt114 {
    margin-block-start: min(4.8299319728vw + 36.7210884354px, 114px);
  }
  .u-mt115 {
    margin-block-start: min(4.8775510204vw + 36.9591836735px, 115px);
  }
  .u-mt116 {
    margin-block-start: min(4.925170068vw + 37.1972789116px, 116px);
  }
  .u-mt117 {
    margin-block-start: min(4.9727891156vw + 37.4353741497px, 117px);
  }
  .u-mt118 {
    margin-block-start: min(5.0204081633vw + 37.6734693878px, 118px);
  }
  .u-mt119 {
    margin-block-start: min(5.0680272109vw + 37.9115646259px, 119px);
  }
  .u-mt120 {
    margin-block-start: min(5.1156462585vw + 38.1496598639px, 120px);
  }
  .u-mt121 {
    margin-block-start: min(5.1632653061vw + 38.387755102px, 121px);
  }
  .u-mt122 {
    margin-block-start: min(5.2108843537vw + 38.6258503401px, 122px);
  }
  .u-mt123 {
    margin-block-start: min(5.2585034014vw + 38.8639455782px, 123px);
  }
  .u-mt124 {
    margin-block-start: min(5.306122449vw + 39.1020408163px, 124px);
  }
  .u-mt125 {
    margin-block-start: min(5.3537414966vw + 39.3401360544px, 125px);
  }
  .u-mt126 {
    margin-block-start: min(5.4013605442vw + 39.5782312925px, 126px);
  }
  .u-mt127 {
    margin-block-start: min(5.4489795918vw + 39.8163265306px, 127px);
  }
  .u-mt128 {
    margin-block-start: min(5.4965986395vw + 40.0544217687px, 128px);
  }
  .u-mt129 {
    margin-block-start: min(5.5442176871vw + 40.2925170068px, 129px);
  }
  .u-mt130 {
    margin-block-start: min(5.5918367347vw + 40.5306122449px, 130px);
  }
  .u-mt131 {
    margin-block-start: min(5.6394557823vw + 40.768707483px, 131px);
  }
  .u-mt132 {
    margin-block-start: min(5.6870748299vw + 41.0068027211px, 132px);
  }
  .u-mt133 {
    margin-block-start: min(5.7346938776vw + 41.2448979592px, 133px);
  }
  .u-mt134 {
    margin-block-start: min(5.7823129252vw + 41.4829931973px, 134px);
  }
  .u-mt135 {
    margin-block-start: min(5.8299319728vw + 41.7210884354px, 135px);
  }
  .u-mt136 {
    margin-block-start: min(5.8775510204vw + 41.9591836735px, 136px);
  }
  .u-mt137 {
    margin-block-start: min(5.925170068vw + 42.1972789116px, 137px);
  }
  .u-mt138 {
    margin-block-start: min(5.9727891156vw + 42.4353741497px, 138px);
  }
  .u-mt139 {
    margin-block-start: min(6.0204081633vw + 42.6734693878px, 139px);
  }
  .u-mt140 {
    margin-block-start: min(6.0680272109vw + 42.9115646259px, 140px);
  }
  .u-mt141 {
    margin-block-start: min(6.1156462585vw + 43.1496598639px, 141px);
  }
  .u-mt142 {
    margin-block-start: min(6.1632653061vw + 43.387755102px, 142px);
  }
  .u-mt143 {
    margin-block-start: min(6.2108843537vw + 43.6258503401px, 143px);
  }
  .u-mt144 {
    margin-block-start: min(6.2585034014vw + 43.8639455782px, 144px);
  }
  .u-mt145 {
    margin-block-start: min(6.306122449vw + 44.1020408163px, 145px);
  }
  .u-mt146 {
    margin-block-start: min(6.3537414966vw + 44.3401360544px, 146px);
  }
  .u-mt147 {
    margin-block-start: min(6.4013605442vw + 44.5782312925px, 147px);
  }
  .u-mt148 {
    margin-block-start: min(6.4489795918vw + 44.8163265306px, 148px);
  }
  .u-mt149 {
    margin-block-start: min(6.4965986395vw + 45.0544217687px, 149px);
  }
  .u-mt150 {
    margin-block-start: min(6.5442176871vw + 45.2925170068px, 150px);
  }
  .u-mt151 {
    margin-block-start: min(6.5918367347vw + 45.5306122449px, 151px);
  }
  .u-mt152 {
    margin-block-start: min(6.6394557823vw + 45.768707483px, 152px);
  }
  .u-mt153 {
    margin-block-start: min(6.6870748299vw + 46.0068027211px, 153px);
  }
  .u-mt154 {
    margin-block-start: min(6.7346938776vw + 46.2448979592px, 154px);
  }
  .u-mt155 {
    margin-block-start: min(6.7823129252vw + 46.4829931973px, 155px);
  }
  .u-mt156 {
    margin-block-start: min(6.8299319728vw + 46.7210884354px, 156px);
  }
  .u-mt157 {
    margin-block-start: min(6.8775510204vw + 46.9591836735px, 157px);
  }
  .u-mt158 {
    margin-block-start: min(6.925170068vw + 47.1972789116px, 158px);
  }
  .u-mt159 {
    margin-block-start: min(6.9727891156vw + 47.4353741497px, 159px);
  }
  .u-mt160 {
    margin-block-start: min(7.0204081633vw + 47.6734693878px, 160px);
  }
  .u-mt161 {
    margin-block-start: min(7.0680272109vw + 47.9115646259px, 161px);
  }
  .u-mt162 {
    margin-block-start: min(7.1156462585vw + 48.1496598639px, 162px);
  }
  .u-mt163 {
    margin-block-start: min(7.1632653061vw + 48.387755102px, 163px);
  }
  .u-mt164 {
    margin-block-start: min(7.2108843537vw + 48.6258503401px, 164px);
  }
  .u-mt165 {
    margin-block-start: min(7.2585034014vw + 48.8639455782px, 165px);
  }
  .u-mt166 {
    margin-block-start: min(7.306122449vw + 49.1020408163px, 166px);
  }
  .u-mt167 {
    margin-block-start: min(7.3537414966vw + 49.3401360544px, 167px);
  }
  .u-mt168 {
    margin-block-start: min(7.4013605442vw + 49.5782312925px, 168px);
  }
  .u-mt169 {
    margin-block-start: min(7.4489795918vw + 49.8163265306px, 169px);
  }
  .u-mt170 {
    margin-block-start: min(7.4965986395vw + 50.0544217687px, 170px);
  }
  .u-mt171 {
    margin-block-start: min(7.5442176871vw + 50.2925170068px, 171px);
  }
  .u-mt172 {
    margin-block-start: min(7.5918367347vw + 50.5306122449px, 172px);
  }
  .u-mt173 {
    margin-block-start: min(7.6394557823vw + 50.768707483px, 173px);
  }
  .u-mt174 {
    margin-block-start: min(7.6870748299vw + 51.0068027211px, 174px);
  }
  .u-mt175 {
    margin-block-start: min(7.7346938776vw + 51.2448979592px, 175px);
  }
  .u-mt176 {
    margin-block-start: min(7.7823129252vw + 51.4829931973px, 176px);
  }
  .u-mt177 {
    margin-block-start: min(7.8299319728vw + 51.7210884354px, 177px);
  }
  .u-mt178 {
    margin-block-start: min(7.8775510204vw + 51.9591836735px, 178px);
  }
  .u-mt179 {
    margin-block-start: min(7.925170068vw + 52.1972789116px, 179px);
  }
  .u-mt180 {
    margin-block-start: min(7.9727891156vw + 52.4353741497px, 180px);
  }
  .u-mt181 {
    margin-block-start: min(8.0204081633vw + 52.6734693878px, 181px);
  }
  .u-mt182 {
    margin-block-start: min(8.0680272109vw + 52.9115646259px, 182px);
  }
  .u-mt183 {
    margin-block-start: min(8.1156462585vw + 53.1496598639px, 183px);
  }
  .u-mt184 {
    margin-block-start: min(8.1632653061vw + 53.387755102px, 184px);
  }
  .u-mt185 {
    margin-block-start: min(8.2108843537vw + 53.6258503401px, 185px);
  }
  .u-mt186 {
    margin-block-start: min(8.2585034014vw + 53.8639455782px, 186px);
  }
  .u-mt187 {
    margin-block-start: min(8.306122449vw + 54.1020408163px, 187px);
  }
  .u-mt188 {
    margin-block-start: min(8.3537414966vw + 54.3401360544px, 188px);
  }
  .u-mt189 {
    margin-block-start: min(8.4013605442vw + 54.5782312925px, 189px);
  }
  .u-mt190 {
    margin-block-start: min(8.4489795918vw + 54.8163265306px, 190px);
  }
  .u-mt191 {
    margin-block-start: min(8.4965986395vw + 55.0544217687px, 191px);
  }
  .u-mt192 {
    margin-block-start: min(8.5442176871vw + 55.2925170068px, 192px);
  }
  .u-mt193 {
    margin-block-start: min(8.5918367347vw + 55.5306122449px, 193px);
  }
  .u-mt194 {
    margin-block-start: min(8.6394557823vw + 55.768707483px, 194px);
  }
  .u-mt195 {
    margin-block-start: min(8.6870748299vw + 56.0068027211px, 195px);
  }
  .u-mt196 {
    margin-block-start: min(8.7346938776vw + 56.2448979592px, 196px);
  }
  .u-mt197 {
    margin-block-start: min(8.7823129252vw + 56.4829931973px, 197px);
  }
  .u-mt198 {
    margin-block-start: min(8.8299319728vw + 56.7210884354px, 198px);
  }
  .u-mt199 {
    margin-block-start: min(8.8775510204vw + 56.9591836735px, 199px);
  }
  .u-mt200 {
    margin-block-start: min(8.925170068vw + 57.1972789116px, 200px);
  }
  .u-mb0 {
    margin-block-end: 0;
  }
  .u-mb1 {
    margin-block-end: min(0vw + 1px, 1px);
  }
  .u-mb2 {
    margin-block-end: min(0vw + 2px, 2px);
  }
  .u-mb3 {
    margin-block-end: min(0vw + 3px, 3px);
  }
  .u-mb4 {
    margin-block-end: min(0vw + 4px, 4px);
  }
  .u-mb5 {
    margin-block-end: min(0vw + 5px, 5px);
  }
  .u-mb6 {
    margin-block-end: min(0vw + 6px, 6px);
  }
  .u-mb7 {
    margin-block-end: min(0vw + 7px, 7px);
  }
  .u-mb8 {
    margin-block-end: min(0vw + 8px, 8px);
  }
  .u-mb9 {
    margin-block-end: min(0vw + 9px, 9px);
  }
  .u-mb10 {
    margin-block-end: min(0vw + 10px, 10px);
  }
  .u-mb11 {
    margin-block-end: min(0vw + 11px, 11px);
  }
  .u-mb12 {
    margin-block-end: min(0vw + 12px, 12px);
  }
  .u-mb13 {
    margin-block-end: min(0.0204081633vw + 12.6734693878px, 13px);
  }
  .u-mb14 {
    margin-block-end: min(0.0680272109vw + 12.9115646259px, 14px);
  }
  .u-mb15 {
    margin-block-end: min(0.1156462585vw + 13.1496598639px, 15px);
  }
  .u-mb16 {
    margin-block-end: min(0.1632653061vw + 13.387755102px, 16px);
  }
  .u-mb17 {
    margin-block-end: min(0.2108843537vw + 13.6258503401px, 17px);
  }
  .u-mb18 {
    margin-block-end: min(0.2585034014vw + 13.8639455782px, 18px);
  }
  .u-mb19 {
    margin-block-end: min(0.306122449vw + 14.1020408163px, 19px);
  }
  .u-mb20 {
    margin-block-end: min(0.3537414966vw + 14.3401360544px, 20px);
  }
  .u-mb21 {
    margin-block-end: min(0.4013605442vw + 14.5782312925px, 21px);
  }
  .u-mb22 {
    margin-block-end: min(0.4489795918vw + 14.8163265306px, 22px);
  }
  .u-mb23 {
    margin-block-end: min(0.4965986395vw + 15.0544217687px, 23px);
  }
  .u-mb24 {
    margin-block-end: min(0.5442176871vw + 15.2925170068px, 24px);
  }
  .u-mb25 {
    margin-block-end: min(0.5918367347vw + 15.5306122449px, 25px);
  }
  .u-mb26 {
    margin-block-end: min(0.6394557823vw + 15.768707483px, 26px);
  }
  .u-mb27 {
    margin-block-end: min(0.6870748299vw + 16.0068027211px, 27px);
  }
  .u-mb28 {
    margin-block-end: min(0.7346938776vw + 16.2448979592px, 28px);
  }
  .u-mb29 {
    margin-block-end: min(0.7823129252vw + 16.4829931973px, 29px);
  }
  .u-mb30 {
    margin-block-end: min(0.8299319728vw + 16.7210884354px, 30px);
  }
  .u-mb31 {
    margin-block-end: min(0.8775510204vw + 16.9591836735px, 31px);
  }
  .u-mb32 {
    margin-block-end: min(0.925170068vw + 17.1972789116px, 32px);
  }
  .u-mb33 {
    margin-block-end: min(0.9727891156vw + 17.4353741497px, 33px);
  }
  .u-mb34 {
    margin-block-end: min(1.0204081633vw + 17.6734693878px, 34px);
  }
  .u-mb35 {
    margin-block-end: min(1.0680272109vw + 17.9115646259px, 35px);
  }
  .u-mb36 {
    margin-block-end: min(1.1156462585vw + 18.1496598639px, 36px);
  }
  .u-mb37 {
    margin-block-end: min(1.1632653061vw + 18.387755102px, 37px);
  }
  .u-mb38 {
    margin-block-end: min(1.2108843537vw + 18.6258503401px, 38px);
  }
  .u-mb39 {
    margin-block-end: min(1.2585034014vw + 18.8639455782px, 39px);
  }
  .u-mb40 {
    margin-block-end: min(1.306122449vw + 19.1020408163px, 40px);
  }
  .u-mb41 {
    margin-block-end: min(1.3537414966vw + 19.3401360544px, 41px);
  }
  .u-mb42 {
    margin-block-end: min(1.4013605442vw + 19.5782312925px, 42px);
  }
  .u-mb43 {
    margin-block-end: min(1.4489795918vw + 19.8163265306px, 43px);
  }
  .u-mb44 {
    margin-block-end: min(1.4965986395vw + 20.0544217687px, 44px);
  }
  .u-mb45 {
    margin-block-end: min(1.5442176871vw + 20.2925170068px, 45px);
  }
  .u-mb46 {
    margin-block-end: min(1.5918367347vw + 20.5306122449px, 46px);
  }
  .u-mb47 {
    margin-block-end: min(1.6394557823vw + 20.768707483px, 47px);
  }
  .u-mb48 {
    margin-block-end: min(1.6870748299vw + 21.0068027211px, 48px);
  }
  .u-mb49 {
    margin-block-end: min(1.7346938776vw + 21.2448979592px, 49px);
  }
  .u-mb50 {
    margin-block-end: min(1.7823129252vw + 21.4829931973px, 50px);
  }
  .u-mb51 {
    margin-block-end: min(1.8299319728vw + 21.7210884354px, 51px);
  }
  .u-mb52 {
    margin-block-end: min(1.8775510204vw + 21.9591836735px, 52px);
  }
  .u-mb53 {
    margin-block-end: min(1.925170068vw + 22.1972789116px, 53px);
  }
  .u-mb54 {
    margin-block-end: min(1.9727891156vw + 22.4353741497px, 54px);
  }
  .u-mb55 {
    margin-block-end: min(2.0204081633vw + 22.6734693878px, 55px);
  }
  .u-mb56 {
    margin-block-end: min(2.0680272109vw + 22.9115646259px, 56px);
  }
  .u-mb57 {
    margin-block-end: min(2.1156462585vw + 23.1496598639px, 57px);
  }
  .u-mb58 {
    margin-block-end: min(2.1632653061vw + 23.387755102px, 58px);
  }
  .u-mb59 {
    margin-block-end: min(2.2108843537vw + 23.6258503401px, 59px);
  }
  .u-mb60 {
    margin-block-end: min(2.2585034014vw + 23.8639455782px, 60px);
  }
  .u-mb61 {
    margin-block-end: min(2.306122449vw + 24.1020408163px, 61px);
  }
  .u-mb62 {
    margin-block-end: min(2.3537414966vw + 24.3401360544px, 62px);
  }
  .u-mb63 {
    margin-block-end: min(2.4013605442vw + 24.5782312925px, 63px);
  }
  .u-mb64 {
    margin-block-end: min(2.4489795918vw + 24.8163265306px, 64px);
  }
  .u-mb65 {
    margin-block-end: min(2.4965986395vw + 25.0544217687px, 65px);
  }
  .u-mb66 {
    margin-block-end: min(2.5442176871vw + 25.2925170068px, 66px);
  }
  .u-mb67 {
    margin-block-end: min(2.5918367347vw + 25.5306122449px, 67px);
  }
  .u-mb68 {
    margin-block-end: min(2.6394557823vw + 25.768707483px, 68px);
  }
  .u-mb69 {
    margin-block-end: min(2.6870748299vw + 26.0068027211px, 69px);
  }
  .u-mb70 {
    margin-block-end: min(2.7346938776vw + 26.2448979592px, 70px);
  }
  .u-mb71 {
    margin-block-end: min(2.7823129252vw + 26.4829931973px, 71px);
  }
  .u-mb72 {
    margin-block-end: min(2.8299319728vw + 26.7210884354px, 72px);
  }
  .u-mb73 {
    margin-block-end: min(2.8775510204vw + 26.9591836735px, 73px);
  }
  .u-mb74 {
    margin-block-end: min(2.925170068vw + 27.1972789116px, 74px);
  }
  .u-mb75 {
    margin-block-end: min(2.9727891156vw + 27.4353741497px, 75px);
  }
  .u-mb76 {
    margin-block-end: min(3.0204081633vw + 27.6734693878px, 76px);
  }
  .u-mb77 {
    margin-block-end: min(3.0680272109vw + 27.9115646259px, 77px);
  }
  .u-mb78 {
    margin-block-end: min(3.1156462585vw + 28.1496598639px, 78px);
  }
  .u-mb79 {
    margin-block-end: min(3.1632653061vw + 28.387755102px, 79px);
  }
  .u-mb80 {
    margin-block-end: min(3.2108843537vw + 28.6258503401px, 80px);
  }
  .u-mb81 {
    margin-block-end: min(3.2585034014vw + 28.8639455782px, 81px);
  }
  .u-mb82 {
    margin-block-end: min(3.306122449vw + 29.1020408163px, 82px);
  }
  .u-mb83 {
    margin-block-end: min(3.3537414966vw + 29.3401360544px, 83px);
  }
  .u-mb84 {
    margin-block-end: min(3.4013605442vw + 29.5782312925px, 84px);
  }
  .u-mb85 {
    margin-block-end: min(3.4489795918vw + 29.8163265306px, 85px);
  }
  .u-mb86 {
    margin-block-end: min(3.4965986395vw + 30.0544217687px, 86px);
  }
  .u-mb87 {
    margin-block-end: min(3.5442176871vw + 30.2925170068px, 87px);
  }
  .u-mb88 {
    margin-block-end: min(3.5918367347vw + 30.5306122449px, 88px);
  }
  .u-mb89 {
    margin-block-end: min(3.6394557823vw + 30.768707483px, 89px);
  }
  .u-mb90 {
    margin-block-end: min(3.6870748299vw + 31.0068027211px, 90px);
  }
  .u-mb91 {
    margin-block-end: min(3.7346938776vw + 31.2448979592px, 91px);
  }
  .u-mb92 {
    margin-block-end: min(3.7823129252vw + 31.4829931973px, 92px);
  }
  .u-mb93 {
    margin-block-end: min(3.8299319728vw + 31.7210884354px, 93px);
  }
  .u-mb94 {
    margin-block-end: min(3.8775510204vw + 31.9591836735px, 94px);
  }
  .u-mb95 {
    margin-block-end: min(3.925170068vw + 32.1972789116px, 95px);
  }
  .u-mb96 {
    margin-block-end: min(3.9727891156vw + 32.4353741497px, 96px);
  }
  .u-mb97 {
    margin-block-end: min(4.0204081633vw + 32.6734693878px, 97px);
  }
  .u-mb98 {
    margin-block-end: min(4.0680272109vw + 32.9115646259px, 98px);
  }
  .u-mb99 {
    margin-block-end: min(4.1156462585vw + 33.1496598639px, 99px);
  }
  .u-mb100 {
    margin-block-end: min(4.1632653061vw + 33.387755102px, 100px);
  }
  .u-mb101 {
    margin-block-end: min(4.2108843537vw + 33.6258503401px, 101px);
  }
  .u-mb102 {
    margin-block-end: min(4.2585034014vw + 33.8639455782px, 102px);
  }
  .u-mb103 {
    margin-block-end: min(4.306122449vw + 34.1020408163px, 103px);
  }
  .u-mb104 {
    margin-block-end: min(4.3537414966vw + 34.3401360544px, 104px);
  }
  .u-mb105 {
    margin-block-end: min(4.4013605442vw + 34.5782312925px, 105px);
  }
  .u-mb106 {
    margin-block-end: min(4.4489795918vw + 34.8163265306px, 106px);
  }
  .u-mb107 {
    margin-block-end: min(4.4965986395vw + 35.0544217687px, 107px);
  }
  .u-mb108 {
    margin-block-end: min(4.5442176871vw + 35.2925170068px, 108px);
  }
  .u-mb109 {
    margin-block-end: min(4.5918367347vw + 35.5306122449px, 109px);
  }
  .u-mb110 {
    margin-block-end: min(4.6394557823vw + 35.768707483px, 110px);
  }
  .u-mb111 {
    margin-block-end: min(4.6870748299vw + 36.0068027211px, 111px);
  }
  .u-mb112 {
    margin-block-end: min(4.7346938776vw + 36.2448979592px, 112px);
  }
  .u-mb113 {
    margin-block-end: min(4.7823129252vw + 36.4829931973px, 113px);
  }
  .u-mb114 {
    margin-block-end: min(4.8299319728vw + 36.7210884354px, 114px);
  }
  .u-mb115 {
    margin-block-end: min(4.8775510204vw + 36.9591836735px, 115px);
  }
  .u-mb116 {
    margin-block-end: min(4.925170068vw + 37.1972789116px, 116px);
  }
  .u-mb117 {
    margin-block-end: min(4.9727891156vw + 37.4353741497px, 117px);
  }
  .u-mb118 {
    margin-block-end: min(5.0204081633vw + 37.6734693878px, 118px);
  }
  .u-mb119 {
    margin-block-end: min(5.0680272109vw + 37.9115646259px, 119px);
  }
  .u-mb120 {
    margin-block-end: min(5.1156462585vw + 38.1496598639px, 120px);
  }
  .u-mb121 {
    margin-block-end: min(5.1632653061vw + 38.387755102px, 121px);
  }
  .u-mb122 {
    margin-block-end: min(5.2108843537vw + 38.6258503401px, 122px);
  }
  .u-mb123 {
    margin-block-end: min(5.2585034014vw + 38.8639455782px, 123px);
  }
  .u-mb124 {
    margin-block-end: min(5.306122449vw + 39.1020408163px, 124px);
  }
  .u-mb125 {
    margin-block-end: min(5.3537414966vw + 39.3401360544px, 125px);
  }
  .u-mb126 {
    margin-block-end: min(5.4013605442vw + 39.5782312925px, 126px);
  }
  .u-mb127 {
    margin-block-end: min(5.4489795918vw + 39.8163265306px, 127px);
  }
  .u-mb128 {
    margin-block-end: min(5.4965986395vw + 40.0544217687px, 128px);
  }
  .u-mb129 {
    margin-block-end: min(5.5442176871vw + 40.2925170068px, 129px);
  }
  .u-mb130 {
    margin-block-end: min(5.5918367347vw + 40.5306122449px, 130px);
  }
  .u-mb131 {
    margin-block-end: min(5.6394557823vw + 40.768707483px, 131px);
  }
  .u-mb132 {
    margin-block-end: min(5.6870748299vw + 41.0068027211px, 132px);
  }
  .u-mb133 {
    margin-block-end: min(5.7346938776vw + 41.2448979592px, 133px);
  }
  .u-mb134 {
    margin-block-end: min(5.7823129252vw + 41.4829931973px, 134px);
  }
  .u-mb135 {
    margin-block-end: min(5.8299319728vw + 41.7210884354px, 135px);
  }
  .u-mb136 {
    margin-block-end: min(5.8775510204vw + 41.9591836735px, 136px);
  }
  .u-mb137 {
    margin-block-end: min(5.925170068vw + 42.1972789116px, 137px);
  }
  .u-mb138 {
    margin-block-end: min(5.9727891156vw + 42.4353741497px, 138px);
  }
  .u-mb139 {
    margin-block-end: min(6.0204081633vw + 42.6734693878px, 139px);
  }
  .u-mb140 {
    margin-block-end: min(6.0680272109vw + 42.9115646259px, 140px);
  }
  .u-mb141 {
    margin-block-end: min(6.1156462585vw + 43.1496598639px, 141px);
  }
  .u-mb142 {
    margin-block-end: min(6.1632653061vw + 43.387755102px, 142px);
  }
  .u-mb143 {
    margin-block-end: min(6.2108843537vw + 43.6258503401px, 143px);
  }
  .u-mb144 {
    margin-block-end: min(6.2585034014vw + 43.8639455782px, 144px);
  }
  .u-mb145 {
    margin-block-end: min(6.306122449vw + 44.1020408163px, 145px);
  }
  .u-mb146 {
    margin-block-end: min(6.3537414966vw + 44.3401360544px, 146px);
  }
  .u-mb147 {
    margin-block-end: min(6.4013605442vw + 44.5782312925px, 147px);
  }
  .u-mb148 {
    margin-block-end: min(6.4489795918vw + 44.8163265306px, 148px);
  }
  .u-mb149 {
    margin-block-end: min(6.4965986395vw + 45.0544217687px, 149px);
  }
  .u-mb150 {
    margin-block-end: min(6.5442176871vw + 45.2925170068px, 150px);
  }
  .u-mb151 {
    margin-block-end: min(6.5918367347vw + 45.5306122449px, 151px);
  }
  .u-mb152 {
    margin-block-end: min(6.6394557823vw + 45.768707483px, 152px);
  }
  .u-mb153 {
    margin-block-end: min(6.6870748299vw + 46.0068027211px, 153px);
  }
  .u-mb154 {
    margin-block-end: min(6.7346938776vw + 46.2448979592px, 154px);
  }
  .u-mb155 {
    margin-block-end: min(6.7823129252vw + 46.4829931973px, 155px);
  }
  .u-mb156 {
    margin-block-end: min(6.8299319728vw + 46.7210884354px, 156px);
  }
  .u-mb157 {
    margin-block-end: min(6.8775510204vw + 46.9591836735px, 157px);
  }
  .u-mb158 {
    margin-block-end: min(6.925170068vw + 47.1972789116px, 158px);
  }
  .u-mb159 {
    margin-block-end: min(6.9727891156vw + 47.4353741497px, 159px);
  }
  .u-mb160 {
    margin-block-end: min(7.0204081633vw + 47.6734693878px, 160px);
  }
  .u-mb161 {
    margin-block-end: min(7.0680272109vw + 47.9115646259px, 161px);
  }
  .u-mb162 {
    margin-block-end: min(7.1156462585vw + 48.1496598639px, 162px);
  }
  .u-mb163 {
    margin-block-end: min(7.1632653061vw + 48.387755102px, 163px);
  }
  .u-mb164 {
    margin-block-end: min(7.2108843537vw + 48.6258503401px, 164px);
  }
  .u-mb165 {
    margin-block-end: min(7.2585034014vw + 48.8639455782px, 165px);
  }
  .u-mb166 {
    margin-block-end: min(7.306122449vw + 49.1020408163px, 166px);
  }
  .u-mb167 {
    margin-block-end: min(7.3537414966vw + 49.3401360544px, 167px);
  }
  .u-mb168 {
    margin-block-end: min(7.4013605442vw + 49.5782312925px, 168px);
  }
  .u-mb169 {
    margin-block-end: min(7.4489795918vw + 49.8163265306px, 169px);
  }
  .u-mb170 {
    margin-block-end: min(7.4965986395vw + 50.0544217687px, 170px);
  }
  .u-mb171 {
    margin-block-end: min(7.5442176871vw + 50.2925170068px, 171px);
  }
  .u-mb172 {
    margin-block-end: min(7.5918367347vw + 50.5306122449px, 172px);
  }
  .u-mb173 {
    margin-block-end: min(7.6394557823vw + 50.768707483px, 173px);
  }
  .u-mb174 {
    margin-block-end: min(7.6870748299vw + 51.0068027211px, 174px);
  }
  .u-mb175 {
    margin-block-end: min(7.7346938776vw + 51.2448979592px, 175px);
  }
  .u-mb176 {
    margin-block-end: min(7.7823129252vw + 51.4829931973px, 176px);
  }
  .u-mb177 {
    margin-block-end: min(7.8299319728vw + 51.7210884354px, 177px);
  }
  .u-mb178 {
    margin-block-end: min(7.8775510204vw + 51.9591836735px, 178px);
  }
  .u-mb179 {
    margin-block-end: min(7.925170068vw + 52.1972789116px, 179px);
  }
  .u-mb180 {
    margin-block-end: min(7.9727891156vw + 52.4353741497px, 180px);
  }
  .u-mb181 {
    margin-block-end: min(8.0204081633vw + 52.6734693878px, 181px);
  }
  .u-mb182 {
    margin-block-end: min(8.0680272109vw + 52.9115646259px, 182px);
  }
  .u-mb183 {
    margin-block-end: min(8.1156462585vw + 53.1496598639px, 183px);
  }
  .u-mb184 {
    margin-block-end: min(8.1632653061vw + 53.387755102px, 184px);
  }
  .u-mb185 {
    margin-block-end: min(8.2108843537vw + 53.6258503401px, 185px);
  }
  .u-mb186 {
    margin-block-end: min(8.2585034014vw + 53.8639455782px, 186px);
  }
  .u-mb187 {
    margin-block-end: min(8.306122449vw + 54.1020408163px, 187px);
  }
  .u-mb188 {
    margin-block-end: min(8.3537414966vw + 54.3401360544px, 188px);
  }
  .u-mb189 {
    margin-block-end: min(8.4013605442vw + 54.5782312925px, 189px);
  }
  .u-mb190 {
    margin-block-end: min(8.4489795918vw + 54.8163265306px, 190px);
  }
  .u-mb191 {
    margin-block-end: min(8.4965986395vw + 55.0544217687px, 191px);
  }
  .u-mb192 {
    margin-block-end: min(8.5442176871vw + 55.2925170068px, 192px);
  }
  .u-mb193 {
    margin-block-end: min(8.5918367347vw + 55.5306122449px, 193px);
  }
  .u-mb194 {
    margin-block-end: min(8.6394557823vw + 55.768707483px, 194px);
  }
  .u-mb195 {
    margin-block-end: min(8.6870748299vw + 56.0068027211px, 195px);
  }
  .u-mb196 {
    margin-block-end: min(8.7346938776vw + 56.2448979592px, 196px);
  }
  .u-mb197 {
    margin-block-end: min(8.7823129252vw + 56.4829931973px, 197px);
  }
  .u-mb198 {
    margin-block-end: min(8.8299319728vw + 56.7210884354px, 198px);
  }
  .u-mb199 {
    margin-block-end: min(8.8775510204vw + 56.9591836735px, 199px);
  }
  .u-mb200 {
    margin-block-end: min(8.925170068vw + 57.1972789116px, 200px);
  }
  .u-font-en {
    font-family: var(--font-en);
  }
  .u-color-white-00 {
    color: var(--color-white-00);
  }
  .u-visible {
    display: block;
  }
  @media (max-width: 1599px) {
    .u-visible-max {
      display: none !important;
    }
  }
  @media (max-width: 1299px) {
    .u-visible-md {
      display: none !important;
    }
  }
  @media (max-width: 1023px) {
    .u-visible-tab {
      display: none !important;
    }
  }
  @media (max-width: 743px) {
    .u-visible-sp {
      display: none !important;
    }
  }
  @media (max-width: 567px) {
    .u-visible-spmin {
      display: none !important;
    }
  }
  @media (max-width: 374px) {
    .u-visible-min {
      display: none !important;
    }
  }
  .u-hidden {
    display: none;
  }
  .u-hidden-max {
    display: none !important;
  }
  @media (max-width: 1599px) {
    .u-hidden-max {
      display: block !important;
    }
    .u-hidden-max.-f {
      display: flex !important;
    }
    .u-hidden-max.-i {
      display: inline !important;
    }
    .u-hidden-max.-ib {
      display: inline-block !important;
    }
  }
  .u-hidden-md {
    display: none !important;
  }
  @media (max-width: 1299px) {
    .u-hidden-md {
      display: block !important;
    }
    .u-hidden-md.-f {
      display: flex !important;
    }
    .u-hidden-md.-i {
      display: inline !important;
    }
    .u-hidden-md.-ib {
      display: inline-block !important;
    }
  }
  .u-hidden-tab {
    display: none !important;
  }
  @media (max-width: 1023px) {
    .u-hidden-tab {
      display: block !important;
    }
    .u-hidden-tab.-f {
      display: flex !important;
    }
    .u-hidden-tab.-i {
      display: inline !important;
    }
    .u-hidden-tab.-ib {
      display: inline-block !important;
    }
  }
  .u-hidden-sp {
    display: none !important;
  }
  @media (max-width: 743px) {
    .u-hidden-sp {
      display: block !important;
    }
    .u-hidden-sp.-f {
      display: flex !important;
    }
    .u-hidden-sp.-i {
      display: inline !important;
    }
    .u-hidden-sp.-ib {
      display: inline-block !important;
    }
  }
  .u-hidden-spmin {
    display: none !important;
  }
  @media (max-width: 567px) {
    .u-hidden-spmin {
      display: block !important;
    }
    .u-hidden-spmin.-f {
      display: flex !important;
    }
    .u-hidden-spmin.-i {
      display: inline !important;
    }
    .u-hidden-spmin.-ib {
      display: inline-block !important;
    }
  }
  .u-hidden-min {
    display: none !important;
  }
  @media (max-width: 374px) {
    .u-hidden-min {
      display: block !important;
    }
    .u-hidden-min.-f {
      display: flex !important;
    }
    .u-hidden-min.-i {
      display: inline !important;
    }
    .u-hidden-min.-ib {
      display: inline-block !important;
    }
  }
}
@layer components {
  .p-index_kv {
    position: relative;
    height: 100vh;
    width: 100%;
    aspect-ratio: 1600/960;
    min-height: 960px;
    background-image: url(../../img/kv/bg@2x.webp);
    background-size: cover;
    background-position: center;
    display: flex;
    align-items: center;
  }
  @media (max-width: 743px) {
    .p-index_kv {
      background-image: url(../../img/kv/bg.webp);
      aspect-ratio: 375/810;
      min-height: 100vh;
    }
  }
  .p-index_kv__heading {
    position: relative;
    z-index: 10;
    padding-left: min(6.5306122449vw + 15.5102040816px, 120px);
  }
  @media (max-width: 743px) {
    .p-index_kv__heading {
      padding-left: 0;
      position: static;
    }
  }
  .p-index_kv__heading-copy {
    display: inline-flex;
    flex-direction: column;
    gap: 2px;
  }
  @media (max-width: 743px) {
    .p-index_kv__heading-copy {
      position: absolute;
      top: 10%;
      left: 50%;
      transform: translateX(-50%);
    }
  }
  .p-index_kv__heading-copy span {
    display: inline-block;
    position: relative;
    width: min(20.4081632653vw + 173.4693877551px, 500px);
    padding-inline: 0.5em;
  }
  .p-index_kv__heading-copy span::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 0%;
    height: 100%;
    background-color: var(--color-white-00);
    z-index: -1;
    transition: width 0.2s var(--ease-out-cubic);
  }
  .is-start.is-loaded .p-index_kv__heading-copy span::before {
    width: 100%;
  }
  .p-index_kv__heading-copy span:nth-child(1) svg {
    transition-delay: calc(2 * var(--dur) / 1.3);
  }
  .p-index_kv__heading-copy span:nth-child(1)::before {
    transition-delay: calc(2.5 * var(--dur) / 1.3);
  }
  .p-index_kv__heading-copy span:nth-child(2) svg {
    transition-delay: calc(3 * var(--dur) / 1.3);
  }
  .p-index_kv__heading-copy span:nth-child(2)::before {
    transition-delay: calc(3.5 * var(--dur) / 1.3);
  }
  .p-index_kv__heading-copy span:nth-child(3) svg {
    transition-delay: calc(4 * var(--dur) / 1.3);
  }
  .p-index_kv__heading-copy span:nth-child(3)::before {
    transition-delay: calc(4.5 * var(--dur) / 1.3);
  }
  .p-index_kv__heading-copy span:nth-child(4) svg {
    transition-delay: calc(5 * var(--dur) / 1.3);
  }
  .p-index_kv__heading-copy span:nth-child(4)::before {
    transition-delay: calc(5.5 * var(--dur) / 1.3);
  }
  .p-index_kv__heading-copy span:nth-child(5) svg {
    transition-delay: calc(6 * var(--dur) / 1.3);
  }
  .p-index_kv__heading-copy span:nth-child(5)::before {
    transition-delay: calc(6.5 * var(--dur) / 1.3);
  }
  .p-index_kv__heading-copy span:nth-child(6) svg {
    transition-delay: calc(7 * var(--dur) / 1.3);
  }
  .p-index_kv__heading-copy span:nth-child(6)::before {
    transition-delay: calc(7.5 * var(--dur) / 1.3);
  }
  .p-index_kv__heading-copy span:nth-child(7) svg {
    transition-delay: calc(8 * var(--dur) / 1.3);
  }
  .p-index_kv__heading-copy span:nth-child(7)::before {
    transition-delay: calc(8.5 * var(--dur) / 1.3);
  }
  .p-index_kv__heading-copy span:nth-child(8) svg {
    transition-delay: calc(9 * var(--dur) / 1.3);
  }
  .p-index_kv__heading-copy span:nth-child(8)::before {
    transition-delay: calc(9.5 * var(--dur) / 1.3);
  }
  .p-index_kv__heading-copy span:nth-child(9) svg {
    transition-delay: calc(10 * var(--dur) / 1.3);
  }
  .p-index_kv__heading-copy span:nth-child(9)::before {
    transition-delay: calc(10.5 * var(--dur) / 1.3);
  }
  .p-index_kv__heading-copy span:nth-child(10) svg {
    transition-delay: calc(11 * var(--dur) / 1.3);
  }
  .p-index_kv__heading-copy span:nth-child(10)::before {
    transition-delay: calc(11.5 * var(--dur) / 1.3);
  }
  .p-index_kv__heading-copy span:nth-child(11) svg {
    transition-delay: calc(12 * var(--dur) / 1.3);
  }
  .p-index_kv__heading-copy span:nth-child(11)::before {
    transition-delay: calc(12.5 * var(--dur) / 1.3);
  }
  .p-index_kv__heading-copy span:nth-child(12) svg {
    transition-delay: calc(13 * var(--dur) / 1.3);
  }
  .p-index_kv__heading-copy span:nth-child(12)::before {
    transition-delay: calc(13.5 * var(--dur) / 1.3);
  }
  .p-index_kv__heading-copy span:nth-child(13) svg {
    transition-delay: calc(14 * var(--dur) / 1.3);
  }
  .p-index_kv__heading-copy span:nth-child(13)::before {
    transition-delay: calc(14.5 * var(--dur) / 1.3);
  }
  .p-index_kv__heading-copy span:nth-child(14) svg {
    transition-delay: calc(15 * var(--dur) / 1.3);
  }
  .p-index_kv__heading-copy span:nth-child(14)::before {
    transition-delay: calc(15.5 * var(--dur) / 1.3);
  }
  .p-index_kv__heading-copy span:nth-child(15) svg {
    transition-delay: calc(16 * var(--dur) / 1.3);
  }
  .p-index_kv__heading-copy span:nth-child(15)::before {
    transition-delay: calc(16.5 * var(--dur) / 1.3);
  }
  .p-index_kv__heading-copy span:nth-child(16) svg {
    transition-delay: calc(17 * var(--dur) / 1.3);
  }
  .p-index_kv__heading-copy span:nth-child(16)::before {
    transition-delay: calc(17.5 * var(--dur) / 1.3);
  }
  .p-index_kv__heading-copy span:nth-child(17) svg {
    transition-delay: calc(18 * var(--dur) / 1.3);
  }
  .p-index_kv__heading-copy span:nth-child(17)::before {
    transition-delay: calc(18.5 * var(--dur) / 1.3);
  }
  .p-index_kv__heading-copy span:nth-child(18) svg {
    transition-delay: calc(19 * var(--dur) / 1.3);
  }
  .p-index_kv__heading-copy span:nth-child(18)::before {
    transition-delay: calc(19.5 * var(--dur) / 1.3);
  }
  .p-index_kv__heading-copy span:nth-child(19) svg {
    transition-delay: calc(20 * var(--dur) / 1.3);
  }
  .p-index_kv__heading-copy span:nth-child(19)::before {
    transition-delay: calc(20.5 * var(--dur) / 1.3);
  }
  .p-index_kv__heading-copy span:nth-child(20) svg {
    transition-delay: calc(21 * var(--dur) / 1.3);
  }
  .p-index_kv__heading-copy span:nth-child(20)::before {
    transition-delay: calc(21.5 * var(--dur) / 1.3);
  }
  .p-index_kv__heading-copy span img {
    display: inline-block;
  }
  .p-index_kv__heading-copy span .copy01 {
    aspect-ratio: 539/118;
    width: 100%;
    height: 100%;
    opacity: 0;
    clip-path: inset(0 100% 0 0);
    transition: opacity 0.1s var(--ease-out-cubic), transform 0.4s var(--ease-in-out-back), clip-path 0.15s var(--ease-out-sine);
  }
  .is-start.is-loaded .p-index_kv__heading-copy span .copy01 {
    opacity: 1;
    clip-path: inset(0 0 0 0);
  }
  .p-index_kv__heading-copy span .copy02 {
    aspect-ratio: 433/118;
    width: 80%;
    height: 100%;
    opacity: 0;
    clip-path: inset(0 100% 0 0);
    transition: opacity 0.1s var(--ease-out-cubic), transform 0.4s var(--ease-in-out-back), clip-path 0.15s var(--ease-out-sine);
  }
  .is-start.is-loaded .p-index_kv__heading-copy span .copy02 {
    opacity: 1;
    clip-path: inset(0 0 0 0);
  }
  .p-index_kv__heading-copy span .en {
    position: absolute;
    right: -28%;
    top: 25%;
    transform: translateY(-50%);
    width: 55%;
    clip-path: inset(0 100% 0 0);
    transition: clip-path 0.3s var(--ease-out-sine) 0.6s;
  }
  .is-start.is-loaded .p-index_kv__heading-copy span .en {
    clip-path: inset(0 0 0 0);
  }
  .p-index_kv__heading-copy span .copy03 {
    aspect-ratio: 452/118;
    width: 80%;
    height: 100%;
    opacity: 0;
    transition: opacity 0.1s var(--ease-out-cubic), transform 0.4s var(--ease-in-out-back), clip-path 0.15s var(--ease-out-sine);
  }
  .is-start.is-loaded .p-index_kv__heading-copy span .copy03 {
    opacity: 1;
    clip-path: inset(0 0 0 0);
  }
  .p-index_kv__heading-title {
    margin-top: min(1.306122449vw + 19.1020408163px, 40px);
  }
  @media (max-width: 743px) {
    .p-index_kv__heading-title {
      position: absolute;
      bottom: 20%;
      left: 6%;
      margin-top: 0;
    }
  }
  .p-index_kv__heading-title span {
    display: inline-block;
    background: var(--color-black-100);
    color: var(--color-white-00);
    font-weight: 700;
    white-space: nowrap;
    clip-path: inset(0 100% 0 0);
    transition: clip-path 0.3s var(--ease-out-cubic);
  }
  .is-start.is-loaded .p-index_kv__heading-title span {
    clip-path: inset(0 0 0 0);
  }
  .p-index_kv__heading-title span:nth-child(1) {
    transition-delay: calc(6 * var(--dur) / 2);
  }
  .p-index_kv__heading-title span:nth-child(2) {
    transition-delay: calc(7 * var(--dur) / 2);
  }
  .p-index_kv__heading-title span:nth-child(3) {
    transition-delay: calc(8 * var(--dur) / 2);
  }
  .p-index_kv__heading-title span:nth-child(4) {
    transition-delay: calc(9 * var(--dur) / 2);
  }
  .p-index_kv__heading-title span:nth-child(5) {
    transition-delay: calc(10 * var(--dur) / 2);
  }
  .p-index_kv__heading-title span:nth-child(6) {
    transition-delay: calc(11 * var(--dur) / 2);
  }
  .p-index_kv__heading-title span:nth-child(7) {
    transition-delay: calc(12 * var(--dur) / 2);
  }
  .p-index_kv__heading-title span:nth-child(8) {
    transition-delay: calc(13 * var(--dur) / 2);
  }
  .p-index_kv__heading-title span:nth-child(9) {
    transition-delay: calc(14 * var(--dur) / 2);
  }
  .p-index_kv__heading-title span:nth-child(10) {
    transition-delay: calc(15 * var(--dur) / 2);
  }
  .p-index_kv__heading-title span:nth-child(11) {
    transition-delay: calc(16 * var(--dur) / 2);
  }
  .p-index_kv__heading-title span:nth-child(12) {
    transition-delay: calc(17 * var(--dur) / 2);
  }
  .p-index_kv__heading-title span:nth-child(13) {
    transition-delay: calc(18 * var(--dur) / 2);
  }
  .p-index_kv__heading-title span:nth-child(14) {
    transition-delay: calc(19 * var(--dur) / 2);
  }
  .p-index_kv__heading-title span:nth-child(15) {
    transition-delay: calc(20 * var(--dur) / 2);
  }
  .p-index_kv__heading-title span:nth-child(16) {
    transition-delay: calc(21 * var(--dur) / 2);
  }
  .p-index_kv__heading-title span:nth-child(17) {
    transition-delay: calc(22 * var(--dur) / 2);
  }
  .p-index_kv__heading-title span:nth-child(18) {
    transition-delay: calc(23 * var(--dur) / 2);
  }
  .p-index_kv__heading-title span:nth-child(19) {
    transition-delay: calc(24 * var(--dur) / 2);
  }
  .p-index_kv__heading-title span:nth-child(20) {
    transition-delay: calc(25 * var(--dur) / 2);
  }
  .p-index_kv__heading-title .establishment {
    font-size: min(0.5442176871vw + 15.2925170068px, 24px);
  }
  .p-index_kv__heading-title .major {
    font-size: min(1.306122449vw + 19.1020408163px, 40px);
  }
  .p-index_kv__main-center {
    width: 84vw;
    right: -4.5vw;
    top: 28%;
    z-index: 6;
  }
  @media (max-width: 743px) {
    .p-index_kv__main-center {
      width: 170vw;
      right: auto;
      top: auto;
      left: 50%;
      transform: translateX(-59%);
      bottom: -20%;
    }
  }
  .p-index_kv__main-center .image {
    z-index: 1;
    transform: translateY(0) scale(1.6);
    opacity: 0;
    transition: opacity 0.1s var(--ease-out-cubic), transform 0.3s var(--ease-in-sine);
  }
  .is-start.is-loaded .p-index_kv__main-center .image {
    transform: translateY(0) scale(1);
    opacity: 1;
  }
  .p-index_kv__main-center .ink-brush {
    position: absolute;
    bottom: 10%;
    left: -13%;
    z-index: 0;
    width: min(36.1632653061vw + 306.387755102px, 885px);
    clip-path: inset(100% 0 0% 0);
    translate: -10% 10%;
    transition: clip-path 0.8s var(--ease-out-expo2) 0.3s, translate 0.8s var(--ease-out-expo2) 0.3s;
  }
  .is-start.is-loaded .p-index_kv__main-center .ink-brush {
    clip-path: inset(0 0 0 0);
    translate: 0% 0%;
  }
  .p-index_kv__main-center .ink-drop {
    position: absolute;
    bottom: 28%;
    left: 16%;
    z-index: 0;
    width: min(13.306122449vw + 113.1020408163px, 326px);
    opacity: 0;
    transform: scale(0);
    transition: opacity 0.2s var(--ease-out-cubic) 0.15s, transform 0.5s var(--ease-out-expo2) 0.15s;
  }
  .is-start.is-loaded .p-index_kv__main-center .ink-drop {
    opacity: 1;
    transform: scale(1);
  }
  .p-index_kv__main-center .ink-brush02 {
    position: absolute;
    bottom: 35%;
    right: -9%;
    width: min(29.7142857143vw + 252.5714285714px, 728px);
    z-index: 3;
    clip-path: inset(0 0 100% 0);
    translate: 10% -10%;
    transition: clip-path 0.8s var(--ease-out-expo2) 0.3s, translate 0.8s var(--ease-out-expo2) 0.3s;
  }
  .is-start.is-loaded .p-index_kv__main-center .ink-brush02 {
    clip-path: inset(0 0 0 0);
    translate: 0% 0%;
  }
  .p-index_kv__main-center .ink-pen {
    position: absolute;
    bottom: 57%;
    left: 20%;
    opacity: 0;
    transition: opacity 0.2s var(--ease-out-cubic) 0.15s;
  }
  .p-index_kv__main-center .ink-pen .line {
    stroke-dasharray: 2000;
    stroke-dashoffset: 2000;
    animation: draw 5s var(--ease-out-cubic) forwards;
    animation-delay: 0.5s;
    animation-play-state: paused;
  }
  .is-start.is-loaded .p-index_kv__main-center .ink-pen {
    opacity: 1;
  }
  .is-start.is-loaded .p-index_kv__main-center .ink-pen .line {
    animation-play-state: running;
  }
  .p-index_kv__main-center .ink-pen01 {
    position: absolute;
    bottom: 44%;
    right: 20%;
    opacity: 0;
    transition: opacity 0.2s var(--ease-out-cubic) 0.15s;
    z-index: 4;
  }
  .p-index_kv__main-center .ink-pen01 .line {
    stroke-dasharray: 2000;
    stroke-dashoffset: 2000;
    animation: draw 5s var(--ease-out-cubic) forwards;
    animation-delay: 0.75s;
    animation-play-state: paused;
  }
  .is-start.is-loaded .p-index_kv__main-center .ink-pen01 {
    opacity: 1;
  }
  .is-start.is-loaded .p-index_kv__main-center .ink-pen01 .line {
    animation-play-state: running;
  }
  .p-index_kv__main-center .ink-pen02 {
    position: absolute;
    bottom: 63%;
    right: 8%;
    opacity: 0;
    transition: opacity 0.2s var(--ease-out-cubic) 0.15s;
    z-index: 4;
  }
  .p-index_kv__main-center .ink-pen02 .line {
    stroke-dasharray: 2000;
    stroke-dashoffset: 2000;
    animation: draw 5s var(--ease-out-cubic) forwards;
    animation-delay: 0.5s;
    animation-play-state: paused;
  }
  .is-start.is-loaded .p-index_kv__main-center .ink-pen02 {
    opacity: 1;
  }
  .is-start.is-loaded .p-index_kv__main-center .ink-pen02 .line {
    animation-play-state: running;
  }
  .p-index_kv__main-left {
    top: 8%;
    right: 25%;
    width: 34vw;
    z-index: 2;
  }
  @media (max-width: 743px) {
    .p-index_kv__main-left {
      width: 65vw;
      right: auto;
      top: auto;
      left: -1%;
      bottom: 18%;
    }
  }
  .p-index_kv__main-left .image {
    z-index: 1;
    opacity: 0;
    transform: translateX(-10%) scale(1.5);
    transition: opacity 0.2s var(--ease-out-cubic) 0.08s, transform 0.3s var(--ease-out-sine) 0.08s;
  }
  .is-start.is-loaded .p-index_kv__main-left .image {
    transform: translateX(0) scale(1);
    opacity: 1;
  }
  .p-index_kv__main-left .ink-yellow {
    position: absolute;
    top: 35%;
    left: 0%;
    width: min(8.4897959184vw + 72.1632653061px, 208px);
    z-index: 0;
    opacity: 0;
    transition: opacity 0.2s var(--ease-out-cubic) 0.25s;
  }
  .is-start.is-loaded .p-index_kv__main-left .ink-yellow {
    opacity: 1;
  }
  .p-index_kv__main-left .ink-brush {
    position: absolute;
    top: 0%;
    left: 40%;
    width: min(16.1632653061vw + 138.387755102px, 397px);
    z-index: 0;
    clip-path: inset(0 0 100% 0);
    translate: 10% -10%;
    transition: clip-path 0.8s var(--ease-out-expo2) 0.4s, translate 0.8s var(--ease-out-expo2) 0.4s;
  }
  .is-start.is-loaded .p-index_kv__main-left .ink-brush {
    translate: 0% 0%;
    clip-path: inset(0 0 0 0);
  }
  .p-index_kv__main-left .ink-drop {
    position: absolute;
    top: -14%;
    left: 42%;
    width: min(14.3673469388vw + 123.1224489796px, 353px);
    z-index: 0;
    opacity: 0;
    transform: scale(0.75);
    transition: opacity 0.2s var(--ease-out-cubic) 0.7s, transform 0.5s var(--ease-out-expo2) 0.7s;
  }
  .is-start.is-loaded .p-index_kv__main-left .ink-drop {
    opacity: 1;
    transform: scale(1);
  }
  .p-index_kv__main-left .ink-pen {
    position: absolute;
    top: 6%;
    left: 70%;
    opacity: 0;
    transition: opacity 0.2s var(--ease-out-cubic) 0.15s;
  }
  .p-index_kv__main-left .ink-pen .line {
    stroke-dasharray: 2000;
    stroke-dashoffset: 2000;
    animation: draw 5s var(--ease-out-cubic) forwards;
    animation-delay: 0.5s;
    animation-play-state: paused;
  }
  .is-start.is-loaded .p-index_kv__main-left .ink-pen {
    opacity: 1;
  }
  .is-start.is-loaded .p-index_kv__main-left .ink-pen .line {
    animation-play-state: running;
  }
  .p-index_kv__main-right {
    top: 8%;
    right: 5%;
    width: 35.8vw;
    z-index: 4;
  }
  @media (max-width: 743px) {
    .p-index_kv__main-right {
      width: 78vw;
      right: -11%;
      top: auto;
      bottom: 6%;
    }
  }
  .p-index_kv__main-right .image {
    z-index: 1;
    opacity: 0;
    transform: translateX(10%) scale(1.5);
    transition: opacity 0.2s var(--ease-out-cubic) 0.15s, transform 0.3s var(--ease-out-sine) 0.15s;
  }
  .is-start.is-loaded .p-index_kv__main-right .image {
    transform: translateX(0%) scale(1);
    opacity: 1;
  }
  .p-index_kv__main-right .ink-green {
    position: absolute;
    top: 44%;
    right: 1%;
    width: min(2.693877551vw + 22.8979591837px, 66px);
    z-index: 0;
    opacity: 0;
    transition: opacity 0.15s var(--ease-out-cubic) 0.3s;
  }
  .is-start.is-loaded .p-index_kv__main-right .ink-green {
    opacity: 1;
  }
  .p-index_kv::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    aspect-ratio: 1600/126;
    background-image: url(../../img/kv/frame_top.webp);
    background-size: cover;
  }
  .p-index_kv::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    aspect-ratio: 1611/144;
    background-image: url(../../img/kv/frame_bottom.webp);
    background-size: cover;
  }
  .p-index_kv .music-player {
    display: inline-flex;
    align-items: center;
    background: var(--color-white-00);
    border: 2px solid var(--color-black-100);
    box-shadow: 2px 2px 0 0 var(--color-black-100);
    padding: 0.5em 1em;
    position: fixed;
    right: 2em;
    bottom: 2em;
    z-index: 90;
    cursor: pointer;
    overflow: hidden;
    user-select: none;
    opacity: 0;
    translate: 50% 0;
  }
  .is-start .p-index_kv .music-player {
    transition: var(--dur) opacity ease calc(var(--dur) * 6), calc(var(--dur) * 2) translate var(--ease-out-quint) calc(var(--dur) * 6);
  }
  .is-start.is-loaded .p-index_kv .music-player {
    translate: 0% 0;
    opacity: 1;
  }
  @media (max-width: 743px) {
    .p-index_kv .music-player {
      width: 45%;
      bottom: 11%;
      right: 2%;
    }
  }
  .p-index_kv .music-player__canvas {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
  }
  .p-index_kv .music-player__marquee-wrap {
    position: relative;
    z-index: 1;
    width: 180px;
    overflow: hidden;
    white-space: nowrap;
    margin-right: 12px;
  }
  .p-index_kv .music-player__marquee-text {
    display: inline-block;
    font-size: min(0.2585034014vw + 13.8639455782px, 18px);
    font-weight: 700;
    color: var(--color-black-100);
    white-space: nowrap;
    animation: marquee-player 5s linear infinite;
  }
  .p-index_kv .music-player__btn {
    position: relative;
    z-index: 1;
    width: 28px;
    height: 28px;
    border-radius: 999px;
    background: var(--color-black-100);
    border: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    transition: opacity 0.15s;
    color: var(--color-white-00);
    pointer-events: none;
  }
  .p-index_kv .music-player__btn svg {
    width: 50%;
    height: 50%;
  }
}
@layer components {
  .p-index_concept {
    position: relative;
    background-color: var(--color-black-100);
    padding-top: 100px;
  }
  .p-index_concept__inner {
    position: relative;
    height: 200vh;
    background-color: var(--color-gray-10);
    z-index: 11;
  }
  .p-index_concept__inner::before {
    content: "";
    display: block;
    position: absolute;
    top: -66px;
    z-index: 2;
    left: 0;
    width: 100%;
    height: 67px;
    aspect-ratio: 1600/67;
    background-image: url(../../img/concept/bg_paper_top.webp);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  }
  .p-index_concept__stage {
    position: sticky;
    top: 0;
    height: 100vh;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .p-index_concept__section {
    position: absolute;
    inset: 0;
    height: 100vh;
    z-index: 1;
  }
  .p-index_concept__section.-section01 .ink-green {
    position: absolute;
    top: 8%;
    left: 5%;
    width: min(10.9387755102vw + 92.9795918367px, 268px);
    opacity: 0;
  }
  .p-index_concept__section.-section01 .ink-blue {
    position: absolute;
    bottom: 20%;
    right: 5%;
    width: min(12.4081632653vw + 104.4693877551px, 303px);
    z-index: 3;
    opacity: 0;
  }
  .p-index_concept__section.-section01 .ink-yellow {
    position: absolute;
    bottom: 17%;
    right: 5%;
    width: min(13.5510204082vw + 115.1836734694px, 332px);
    z-index: 2;
    opacity: 0;
  }
  .p-index_concept__section.-section01 .ink-orange {
    position: absolute;
    bottom: 4%;
    right: 0;
    width: min(12.8979591837vw + 108.6326530612px, 315px);
    z-index: 2;
    opacity: 0;
  }
  .p-index_concept__section.-section01 .line-blue {
    position: absolute;
    bottom: 4%;
    right: 0;
    width: min(12.8979591837vw + 108.6326530612px, 315px);
    z-index: 2;
  }
  .p-index_concept__section.-section01 .line-blue svg {
    width: 100%;
    height: 100%;
  }
  .p-index_concept__section.-section01 .line-blue .line {
    stroke-dasharray: 1200;
    stroke-dashoffset: 1200;
    animation: draw 1.8s var(--ease-out-cubic) forwards;
    animation-play-state: paused;
  }
  .p-index_concept__section.-section01 .line-blue.is-act .line {
    animation-play-state: running;
  }
  .p-index_concept__section.-section02 .ink-yellow01 {
    position: absolute;
    top: -5%;
    left: -1%;
    width: min(16vw + 137px, 393px);
    opacity: 0;
  }
  @media (max-width: 743px) {
    .p-index_concept__section.-section02 .ink-yellow01 {
      top: 0%;
      left: -10%;
    }
  }
  .p-index_concept__section.-section02 .ink-green {
    position: absolute;
    top: 5%;
    right: 0;
    width: min(20.2448979592vw + 172.0816326531px, 496px);
    opacity: 0;
  }
  .p-index_concept__section.-section02 .ink-blue {
    position: absolute;
    top: 0%;
    right: 3%;
    width: min(13.306122449vw + 113.1020408163px, 326px);
    opacity: 0;
  }
  .p-index_concept__section.-section02 .line-yellow {
    position: absolute;
    top: 4%;
    right: 0;
    width: min(13.8775510204vw + 117.9591836735px, 340px);
    z-index: 2;
  }
  .p-index_concept__section.-section02 .line-yellow svg {
    width: 100%;
    height: 100%;
  }
  .p-index_concept__section.-section02 .line-yellow .line {
    stroke-dasharray: 2000;
    stroke-dashoffset: 2000;
    animation: draw 3s var(--ease-out-cubic) forwards;
    animation-play-state: paused;
    animation-delay: 1.1s;
  }
  .p-index_concept__section.-section02 .line-yellow.is-act .line {
    animation-play-state: running;
  }
  .p-index_concept__section.-section02 .ink-orange {
    position: absolute;
    bottom: 0;
    left: -7%;
    width: min(12.8979591837vw + 108.6326530612px, 315px);
    z-index: 2;
    opacity: 0;
  }
  @media (max-width: 743px) {
    .p-index_concept__section.-section02 .ink-orange {
      left: -20%;
    }
  }
  .p-index_concept__section.-section02 .ink-yellow02 {
    position: absolute;
    bottom: -32%;
    left: -50%;
    width: min(43.8367346939vw + 371.612244898px, 1073px);
    z-index: 3;
    opacity: 0;
  }
  @media (max-width: 743px) {
    .p-index_concept__section.-section02 .ink-yellow02 {
      bottom: -18%;
      left: -105%;
    }
  }
  .p-index_concept__section.-section03 .ink-yellow01 {
    position: absolute;
    top: 13%;
    left: 6%;
    width: min(44.2448979592vw + 14.0816326531px, 722px);
    opacity: 0;
  }
  @media (max-width: 743px) {
    .p-index_concept__section.-section03 .ink-yellow01 {
      top: 5%;
      left: 3%;
    }
  }
  .p-index_concept__section.-section03 .ink-yellow02 {
    position: absolute;
    top: 28%;
    right: -21%;
    width: min(38.5306122449vw + 105.5102040816px, 722px);
    opacity: 0;
  }
  @media (max-width: 743px) {
    .p-index_concept__section.-section03 .ink-yellow02 {
      top: 15%;
      right: -21%;
      z-index: 2;
    }
  }
  .p-index_concept__section.-section03 .ink-blue {
    position: absolute;
    bottom: 25%;
    left: -14%;
    width: min(24.1632653061vw + 109.387755102px, 496px);
    opacity: 0;
  }
  @media (max-width: 743px) {
    .p-index_concept__section.-section03 .ink-blue {
      bottom: -8%;
      left: -20%;
    }
  }
  .p-index_concept__section.-section03 .ink-lightblue {
    position: absolute;
    bottom: 7%;
    left: 12%;
    width: min(7.9183673469vw + 68.306122449px, 195px);
    opacity: 0;
  }
  @media (max-width: 743px) {
    .p-index_concept__section.-section03 .ink-lightblue {
      bottom: -5%;
      left: 15%;
    }
  }
  .p-index_concept__section.-section03 .ink-orange {
    position: absolute;
    top: -3%;
    right: 6%;
    width: min(14.4489795918vw + 121.8163265306px, 353px);
    opacity: 0;
  }
  @media (max-width: 743px) {
    .p-index_concept__section.-section03 .ink-orange {
      top: 0;
      right: 30%;
    }
  }
  .p-index_concept__section.-section03 .line-orange01 {
    position: absolute;
    top: 13%;
    left: -3%;
    width: min(10.4489795918vw + 88.8163265306px, 256px);
    z-index: 2;
  }
  @media (max-width: 743px) {
    .p-index_concept__section.-section03 .line-orange01 {
      left: -20%;
      top: 5%;
    }
  }
  .p-index_concept__section.-section03 .line-orange01 svg {
    width: 100%;
    height: 100%;
  }
  .p-index_concept__section.-section03 .line-orange01 .line {
    stroke-dasharray: 2000;
    stroke-dashoffset: 2000;
    animation: draw 3s var(--ease-out-cubic) forwards;
    animation-play-state: paused;
  }
  .p-index_concept__section.-section03 .line-orange01.is-act .line {
    animation-play-state: running;
  }
  .p-index_concept__section.-section03 .line-orange02 {
    position: absolute;
    bottom: 5%;
    left: -2%;
    width: min(16.2448979592vw + 139.0816326531px, 399px);
    z-index: 2;
  }
  .p-index_concept__section.-section03 .line-orange02 svg {
    width: 100%;
    height: 100%;
  }
  .p-index_concept__section.-section03 .line-orange02 .line {
    stroke-dasharray: 2000;
    stroke-dashoffset: 2000;
    animation: draw 4s var(--ease-out-cubic) forwards;
    animation-play-state: paused;
  }
  .p-index_concept__section.-section03 .line-orange02.is-act .line {
    animation-play-state: running;
  }
  .p-index_concept__section.-section03 .line-lightblue {
    position: absolute;
    bottom: 25%;
    left: -13%;
    width: min(16.2448979592vw + 139.0816326531px, 399px);
    z-index: 2;
  }
  @media (max-width: 743px) {
    .p-index_concept__section.-section03 .line-lightblue {
      bottom: -10%;
      left: -30%;
    }
  }
  .p-index_concept__section.-section03 .line-lightblue svg {
    width: 100%;
    height: 100%;
  }
  .p-index_concept__section.-section03 .line-lightblue .line {
    stroke-dasharray: 2000;
    stroke-dashoffset: 2000;
    animation: draw 6s var(--ease-out-cubic) forwards;
    animation-play-state: paused;
  }
  .p-index_concept__section.-section03 .line-lightblue.is-act .line {
    animation-play-state: running;
  }
  .p-index_concept__section__image {
    aspect-ratio: 375/668;
    height: 70vh;
    position: relative;
    z-index: 1;
    filter: grayscale(100%);
    transition: filter 0.8s ease 0.2s;
    opacity: 0;
  }
  @media (max-width: 743px) {
    .p-index_concept__section__image {
      height: 50vh;
    }
  }
  .p-index_concept__section__image.is-act {
    filter: grayscale(0);
  }
  .p-index_concept__detail {
    position: absolute;
    left: 50%;
    top: 60%;
    white-space: nowrap;
    transform: translateX(-50%);
    z-index: 3;
  }
  .p-index_concept__detail span {
    font-size: min(0.8163265306vw + 10.9387755102px, 24px);
    background-color: var(--color-white-00);
    padding: 0.1em;
    font-weight: 700;
  }
  @media (max-width: 743px) {
    .p-index_concept__detail {
      top: 75%;
    }
  }
  .p-index_concept__copy {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .p-index_concept__copy.-back {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    filter: invert(1);
    z-index: 10;
  }
  .p-index_concept__copy.-front {
    position: relative;
    z-index: 10;
    clip-path: inset(0 calc(50vw - 19.6482035928vh) 0 calc(50vw - 19.6482035928vh));
    mix-blend-mode: exclusion;
  }
  @media (max-width: 743px) {
    .p-index_concept__copy.-front {
      clip-path: inset(0 calc(50vw - 14.0344311377vh) 0 calc(50vw - 14.0344311377vh));
    }
  }
  .p-index_concept__copy__inner {
    display: flex;
    justify-content: space-between;
    width: 90%;
    max-width: 1200px;
    gap: 10%;
  }
  @media (max-width: 743px) {
    .p-index_concept__copy__inner {
      flex-direction: column;
      align-items: center;
      gap: 1em;
      padding-left: 0;
    }
  }
  .p-index_concept__copy__text {
    position: relative;
    opacity: 0;
    block-size: min(3.2653061224vw + 67.7551020408px, 120px);
  }
  .p-index_concept__copy__text img {
    display: block;
    width: 100%;
  }
  .p-index_concept__copy__text.copy01 {
    aspect-ratio: 390/120;
  }
  .p-index_concept__copy__text.copy02 {
    aspect-ratio: 232/120;
  }
  .p-index_concept__copy__text.copy03 {
    aspect-ratio: 440/120;
  }
}
@layer components {
  .p-index_curriculum {
    padding-block: min(8.1632653061vw + 69.387755102px, 200px) 0;
    background-color: var(--color-black-70);
    position: relative;
  }
  .p-index_curriculum::before {
    content: "";
    position: absolute;
    top: -1px;
    width: 100%;
    aspect-ratio: 1600/67;
    height: 67px;
    background-image: url(../../img/curriculum/bg_paper_top.webp);
    background-size: cover;
    background-position: center;
  }
  .p-index_curriculum__heading {
    letter-spacing: 0em;
  }
  .p-index_curriculum__heading .title {
    color: transparent;
    font-weight: 400;
    -webkit-text-stroke: 1px #fff;
    text-stroke: 1px #fff;
  }
  .p-index_curriculum__title .lead {
    line-height: 1.1;
    background-color: var(--color-white-00);
    display: inline-block;
    padding: 0.1em 0.2em;
    margin-right: 0.3em;
    color: var(--color-black-100);
  }
  .p-index_curriculum__list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    position: relative;
    left: -5%;
  }
  @media (max-width: 743px) {
    .p-index_curriculum__list {
      left: 0;
    }
    .p-index_curriculum__list .swiper-wrapper {
      display: flex;
      z-index: 1;
    }
    .p-index_curriculum__list .swiper-slide {
      height: auto;
    }
    .p-index_curriculum__list .swiper-pagination {
      position: relative;
      margin-top: 30px;
    }
    .p-index_curriculum__list .swiper-pagination ::v-deep .swiper-pagination-bullet {
      background-color: var(--color-white-00);
      opacity: 0.5;
    }
    .p-index_curriculum__list .swiper-pagination ::v-deep .swiper-pagination-bullet-active {
      opacity: 1;
    }
    .p-index_curriculum__list .swiper-button-prev,
    .p-index_curriculum__list .swiper-button-next {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      background-color: var(--color-blue-100);
      color: var(--color-white-00);
      border-radius: 999px;
      z-index: 5;
      width: 40px;
      height: 40px;
      display: flex;
      align-items: center;
      justify-content: center;
      border: 2px solid var(--color-white-00);
    }
    .p-index_curriculum__list .swiper-button-prev::after,
    .p-index_curriculum__list .swiper-button-next::after {
      font-size: 24px;
    }
    .p-index_curriculum__list .swiper-button-prev svg,
    .p-index_curriculum__list .swiper-button-next svg {
      width: 50%;
      height: 50%;
    }
    .p-index_curriculum__list .swiper-button-prev {
      left: 10px;
    }
    .p-index_curriculum__list .swiper-button-next {
      right: 10px;
    }
  }
  .p-index_curriculum__list::before {
    content: "";
    position: absolute;
    z-index: 0;
    top: 0;
    width: 100%;
    aspect-ratio: 914/637;
    height: min(26.0408163265vw + 220.3469387755px, 637px);
    left: -45%;
    background-image: url(../../img/curriculum/ink_left.webp);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
  }
  @media (max-width: 743px) {
    .p-index_curriculum__list::before {
      left: 40%;
      top: 3%;
    }
  }
  .p-index_curriculum__list::after {
    content: "";
    position: absolute;
    z-index: 0;
    top: -9%;
    width: 100%;
    aspect-ratio: 914/700;
    height: min(28.9795918367vw + 236.3265306122px, 700px);
    right: -53%;
    background-image: url(../../img/curriculum/ink_right.webp);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
  }
  @media (max-width: 743px) {
    .p-index_curriculum__list::after {
      right: 40%;
      top: 0;
    }
  }
  @media (max-width: 743px) {
    .p-index_curriculum__list-item {
      display: flex;
      flex-direction: column;
      justify-content: center;
    }
  }
  @media (max-width: 743px) {
    .p-index_curriculum__list-item .image img {
      object-fit: contain !important;
      max-height: 350px;
    }
  }
  .p-index_curriculum__list-item:first-of-type .image {
    z-index: 3;
    top: 6%;
    right: -45%;
    width: min(15.5918367347vw + 131.5306122449px, 381px);
  }
  @media (max-width: 743px) {
    .p-index_curriculum__list-item:first-of-type .image {
      position: static;
      width: 100%;
      max-width: 100%;
      right: 0;
      top: 0;
    }
  }
  .p-index_curriculum__list-item:first-of-type .detail {
    top: -15%;
    left: 15%;
  }
  @media (max-width: 743px) {
    .p-index_curriculum__list-item:first-of-type .detail {
      position: static;
      left: 0;
      top: 0;
      max-width: 100%;
    }
  }
  .p-index_curriculum__list-item:nth-of-type(2) .image {
    z-index: 4;
    width: min(20.6530612245vw + 175.5510204082px, 506px);
  }
  @media (max-width: 743px) {
    .p-index_curriculum__list-item:nth-of-type(2) .image {
      position: static;
      width: 100%;
      max-width: 100%;
    }
  }
  .p-index_curriculum__list-item:nth-of-type(2) .detail {
    top: -18%;
    margin-inline: auto;
  }
  @media (max-width: 743px) {
    .p-index_curriculum__list-item:nth-of-type(2) .detail {
      position: static;
      max-width: 100%;
      left: 0;
      top: 0;
    }
  }
  .p-index_curriculum__list-item:last-of-type .image {
    z-index: 3;
    top: 7%;
    left: -35%;
    width: min(15.5918367347vw + 131.5306122449px, 381px);
  }
  @media (max-width: 743px) {
    .p-index_curriculum__list-item:last-of-type .image {
      position: static;
      width: 100%;
      max-width: 100%;
      left: 0;
      top: 0;
    }
  }
  .p-index_curriculum__list-item:last-of-type .detail {
    top: -9%;
  }
  @media (max-width: 743px) {
    .p-index_curriculum__list-item:last-of-type .detail {
      position: static;
      max-width: 100%;
    }
  }
  .p-index_curriculum__list-item .label span {
    display: inline-block;
    border: 1px solid var(--color-white-00);
    border-radius: 999px;
    padding: 0.2em 0.5em;
    line-height: 1;
  }
  .p-index_curriculum__list-item .detail {
    max-width: 320px;
    width: 90%;
    z-index: 4;
  }
}
@layer components {
  .p-index_project {
    position: relative;
    background-color: var(--color-black-90);
    padding-block: min(6.5306122449vw + 55.5102040816px, 160px) min(8.1632653061vw + 69.387755102px, 200px);
  }
  .p-index_project::before {
    content: "";
    position: absolute;
    top: 0;
    width: 100%;
    aspect-ratio: 1600/67;
    height: 67px;
    background-image: url(../../img/project/bg_paper_top.webp);
    background-size: cover;
    background-position: center;
  }
  .p-index_project__heading {
    letter-spacing: 0em;
  }
  .p-index_project__heading .title {
    color: transparent;
    font-weight: 400;
    -webkit-text-stroke: 1px #fff;
    text-stroke: 1px #fff;
  }
  .p-index_project__title .lead {
    line-height: 1.1;
    background-color: var(--color-white-00);
    display: inline-block;
    padding: 0.1em 0.2em;
    margin-right: 0.3em;
    color: var(--color-black-100);
  }
  .p-index_project__seminar__title {
    margin-top: min(3.2653061224vw + 67.7551020408px, 120px);
  }
  .p-index_project__seminar__title::before {
    content: "";
    position: absolute;
    top: -50%;
    left: -2%;
    transform: translateX(-50%);
    aspect-ratio: 1/1;
    height: 353px;
    background-image: url(../../img/project/seminer_ink_left.webp);
    background-size: cover;
    background-position: center;
  }
  @media (max-width: 743px) {
    .p-index_project__seminar__title::before {
      height: 200px;
      top: -74%;
      left: -7%;
    }
  }
  .p-index_project__seminar__title::after {
    content: "";
    position: absolute;
    z-index: 0;
    top: -30%;
    right: 0%;
    transform: translateX(-50%);
    aspect-ratio: 1/1;
    height: 353px;
    background-image: url(../../img/project/seminer_ink_right.webp);
    background-size: cover;
    background-position: center;
  }
  @media (max-width: 743px) {
    .p-index_project__seminar__title::after {
      right: -50%;
      top: 0%;
      height: 200px;
    }
  }
  .p-index_project__seminar__title .en {
    z-index: 1;
    font-size: min(3.2653061224vw + 19.7551020408px, 72px);
  }
  .p-index_project__seminar__title .en::before {
    content: "";
    position: absolute;
    top: -46%;
    right: -7%;
    transform: translateX(-50%);
    aspect-ratio: 247/127;
    height: 127px;
    z-index: -1;
    background-image: url(../../img/project/seminar_fukidashi.svg);
    background-size: cover;
    background-position: center;
  }
  @media (max-width: 743px) {
    .p-index_project__seminar__title .en::before {
      height: 70px;
      top: -25%;
      right: -20%;
    }
  }
  .p-index_project__seminar__title .en .combination {
    width: min(11.8367346939vw + 100.612244898px, 290px);
    left: 6.5em;
    top: 68%;
  }
  @media (max-width: 743px) {
    .p-index_project__seminar__title .en .combination {
      display: none;
    }
  }
  .p-index_project__seminar__list {
    margin-top: min(3.7551020408vw + 35.9183673469px, 96px);
    gap: 1em;
  }
  @media (max-width: 743px) {
    .p-index_project__seminar__list {
      gap: 0.5em;
    }
  }
  .p-index_project__seminar__list-item:nth-child(2n) {
    margin-top: 2em;
  }
  .p-index_project__seminar__list-item .image figcaption {
    writing-mode: vertical-rl;
    top: 0;
    left: 0;
    color: var(--color-orange-100);
  }
  .p-index_project__case {
    margin-top: min(3.5918367347vw + 30.5306122449px, 88px);
  }
  .p-index_project__case__title {
    grid-template-columns: max-content auto;
    gap: 0.5em;
  }
  .p-index_project__case__title::after {
    content: "";
    width: 100%;
    height: 4px;
    background-color: var(--color-black-50);
  }
  .p-index_project__case-card {
    gap: 2em;
  }
  @media (max-width: 743px) {
    .p-index_project__case-card {
      gap: 1em;
    }
  }
  @media (max-width: 743px) {
    .p-index_project__case-card__content {
      order: 2;
    }
  }
  @media (max-width: 743px) {
    .p-index_project__case-card__image {
      order: 1;
    }
  }
}
@layer components {
  .p-index_produced {
    position: relative;
    padding-block: min(8.1632653061vw + 69.387755102px, 200px) min(8.1632653061vw + 69.387755102px, 200px);
  }
  .p-index_produced::before {
    content: "";
    position: absolute;
    z-index: 1;
    top: -1px;
    width: 100%;
    aspect-ratio: 1600/56;
    height: 56px;
    background-image: url(../../img/produced/bg_paper_top.webp);
    background-size: cover;
    background-position: center;
  }
  .p-index_produced__bg {
    position: relative;
    background-color: var(--color-black-70);
  }
  .p-index_produced__bg::before {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-image: url(../../img/produced/bg_pattern.webp);
    background-size: cover;
    background-position: center;
  }
  @media (max-width: 743px) {
    .p-index_produced__main {
      padding-block: min(6.5306122449vw + 55.5102040816px, 160px);
    }
  }
  .p-index_produced__main::before {
    content: "";
    position: absolute;
    z-index: 0;
    top: 50%;
    transform: translateY(-50%);
    aspect-ratio: 1552/1208;
    height: 100%;
    background-image: url(../../img/produced/bg_circle.webp);
    background-size: contain;
    background-position: center;
  }
  .p-index_produced__main::after {
    content: "";
    position: absolute;
    z-index: 0;
    bottom: -18%;
    aspect-ratio: 772/289;
    height: min(12.1632653061vw + 94.387755102px, 289px);
    background-image: url(../../img/produced/ink_shadow.webp);
    background-size: cover;
    background-position: center;
    clip-path: inset(0 0 100% 0);
    transition: clip-path 0.4s var(--ease-out-cubic) 0.1s;
  }
  @media (max-width: 743px) {
    .p-index_produced__main::after {
      bottom: 10%;
    }
  }
  .p-index_produced__main.is-act::after {
    clip-path: inset(0 0 0 0);
  }
  .p-index_produced__main__girl {
    right: -10%;
    z-index: 2;
    width: min(19.1836734694vw + 163.0612244898px, 470px);
    transform: scale(1.5);
    transition: opacity 0.3s ease, transform 0.5s var(--ease-out-back);
    opacity: 0;
  }
  .p-index_produced__main__girl::before {
    content: "";
    position: absolute;
    top: 0;
    left: -48%;
    z-index: -1;
    aspect-ratio: 467/334;
    height: min(15.8367346939vw + 80.612244898px, 334px);
    background-image: url(../../img/produced/ink_yellow.webp);
    background-size: cover;
    background-position: center;
    opacity: 0;
    transition: opacity 0.3s var(--ease-out-back) 0.4s;
  }
  @media (max-width: 743px) {
    .p-index_produced__main__girl::before {
      top: -5%;
    }
  }
  .is-act .p-index_produced__main__girl {
    transform: scale(1);
    opacity: 1;
  }
  .is-act .p-index_produced__main__girl::before {
    opacity: 1;
  }
  .p-index_produced__main__boy {
    left: -10%;
    z-index: 1;
    width: min(17.4693877551vw + 148.4897959184px, 428px);
    transform: scale(1.5);
    transition: opacity 0.3s ease 0.1s, transform 0.5s var(--ease-out-back) 0.1s;
    opacity: 0;
  }
  @media (max-width: 743px) {
    .p-index_produced__main__boy {
      left: -20%;
    }
  }
  .p-index_produced__main__boy::before {
    content: "";
    position: absolute;
    top: 27%;
    right: -32%;
    z-index: -1;
    aspect-ratio: 321/107;
    height: min(4.4081632653vw + 37.4693877551px, 108px);
    background-image: url(../../img/produced/ink_blue.webp);
    background-size: cover;
    background-position: center;
    opacity: 0;
    transition: opacity 0.3s var(--ease-out-back) 0.4s;
  }
  @media (max-width: 743px) {
    .p-index_produced__main__boy::before {
      top: 20%;
    }
  }
  .is-act .p-index_produced__main__boy {
    transform: scale(1);
    opacity: 1;
  }
  .is-act .p-index_produced__main__boy::before {
    opacity: 1;
  }
  .p-index_produced__list {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .p-index_produced__list-item {
    opacity: 0;
    transition: opacity 0.1s var(--ease-in-sine), transform 0.5s var(--ease-out-back);
  }
  .p-index_produced__list-item:nth-of-type(1) {
    top: 12%;
    left: 10%;
    transform: translateX(-50%) rotate(16deg) scale(1.5);
    z-index: 1;
    width: min(7.6734693878vw + 65.2244897959px, 188px);
    transition-delay: 0.55s;
  }
  @media (max-width: 743px) {
    .p-index_produced__list-item:nth-of-type(1) {
      top: 6%;
      left: 10%;
    }
  }
  .p-index_produced__list-item:nth-of-type(2) {
    top: 20%;
    left: 18%;
    transform: translateX(-50%) rotate(-16deg) scale(1.5);
    z-index: 2;
    width: min(8.9795918367vw + 76.3265306122px, 220px);
    transition-delay: 0.5s;
  }
  @media (max-width: 743px) {
    .p-index_produced__list-item:nth-of-type(2) {
      top: 14%;
    }
  }
  .p-index_produced__list-item:nth-of-type(3) {
    top: 54%;
    left: 10%;
    transform: translateX(-50%) rotate(13deg) scale(1.5);
    z-index: 3;
    width: min(14.9387755102vw + 127.9795918367px, 367px);
    transition-delay: 0.6s;
  }
  @media (max-width: 743px) {
    .p-index_produced__list-item:nth-of-type(3) {
      top: auto;
      left: 20%;
      bottom: 16%;
    }
  }
  .p-index_produced__list-item:nth-of-type(4) {
    top: 68%;
    left: 22%;
    transform: translateX(-50%) rotate(-13deg) scale(1.5);
    z-index: 3;
    width: min(12.0816326531vw + 102.693877551px, 296px);
    transition-delay: 0.65s;
  }
  @media (max-width: 743px) {
    .p-index_produced__list-item:nth-of-type(4) {
      top: auto;
      bottom: 2%;
      left: 32%;
    }
  }
  .p-index_produced__list-item:nth-of-type(5) {
    top: 8%;
    right: 7%;
    transform: translateX(-50%) rotate(-10deg) scale(1.5);
    width: min(9.9591836735vw + 92.6530612245px, 252px);
    transition-delay: 0.7s;
  }
  @media (max-width: 743px) {
    .p-index_produced__list-item:nth-of-type(5) {
      top: 15%;
      right: -24%;
    }
  }
  .p-index_produced__list-item:nth-of-type(6) {
    top: 20%;
    right: -14%;
    transform: translateX(-50%) rotate(5deg) scale(1.5);
    width: min(15.0204081633vw + 126.6734693878px, 367px);
    z-index: 2;
    transition-delay: 0.4s;
  }
  @media (max-width: 743px) {
    .p-index_produced__list-item:nth-of-type(6) {
      top: 45%;
      right: -32%;
    }
  }
  .p-index_produced__list-item:nth-of-type(7) {
    top: 40%;
    right: -2%;
    transform: translateX(-50%) rotate(-10deg) scale(1.5);
    z-index: 2;
    width: min(14.1224489796vw + 120.0408163265px, 346px);
    transition-delay: 0.75s;
  }
  @media (max-width: 743px) {
    .p-index_produced__list-item:nth-of-type(7) {
      top: auto;
      bottom: 24%;
      right: -24%;
    }
  }
  .p-index_produced__list-item:nth-of-type(8) {
    top: 61%;
    right: -10%;
    transform: translateX(-50%) rotate(10deg) scale(1.5);
    z-index: 2;
    width: min(18.2040816327vw + 81.7346938776px, 373px);
    transition-delay: 0.45s;
  }
  @media (max-width: 743px) {
    .p-index_produced__list-item:nth-of-type(8) {
      top: auto;
      bottom: 15%;
      right: -24%;
    }
  }
  .p-index_produced__list.is-act .p-index_produced__list-item {
    opacity: 1;
  }
  .p-index_produced__list.is-act .p-index_produced__list-item:nth-of-type(1) {
    transform: translateX(-50%) rotate(16deg) scale(1);
  }
  .p-index_produced__list.is-act .p-index_produced__list-item:nth-of-type(2) {
    transform: translateX(-50%) rotate(-16deg) scale(1);
  }
  .p-index_produced__list.is-act .p-index_produced__list-item:nth-of-type(3) {
    transform: translateX(-50%) rotate(13deg) scale(1);
  }
  .p-index_produced__list.is-act .p-index_produced__list-item:nth-of-type(4) {
    transform: translateX(-50%) rotate(-13deg) scale(1);
  }
  .p-index_produced__list.is-act .p-index_produced__list-item:nth-of-type(5) {
    transform: translateX(-50%) rotate(-10deg) scale(1);
  }
  .p-index_produced__list.is-act .p-index_produced__list-item:nth-of-type(6) {
    transform: translateX(-50%) rotate(5deg) scale(1);
  }
  .p-index_produced__list.is-act .p-index_produced__list-item:nth-of-type(7) {
    transform: translateX(-50%) rotate(-10deg) scale(1);
  }
  .p-index_produced__list.is-act .p-index_produced__list-item:nth-of-type(8) {
    transform: translateX(-50%) rotate(10deg) scale(1);
  }
}
@layer components {
  .p-index_skill {
    position: relative;
    z-index: 2;
  }
  .p-index_skill__block-head {
    position: sticky;
    top: 0;
    block-size: 250vh;
  }
  .p-index_skill__block-head .sticky {
    position: sticky;
    block-size: 100vh;
    top: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    background-color: var(--color-black-90);
  }
  .-rap .p-index_skill__block-head .sticky {
    background-color: transparent;
  }
  .-rap .p-index_skill__block-head .sticky::before {
    content: "";
    position: absolute;
    width: 150vmax;
    height: 200vmax;
    left: 50%;
    background-color: var(--color-black-90);
    border-radius: 50% 50% 0 0/20% 20% 0 0;
    transform: translateX(-50%) translateY(calc((1 - var(--p-heading, 0)) * 70% - 30%));
    z-index: 0;
  }
  .p-index_skill__block-head .sticky__heading {
    font-size: min(4.7346938776vw + 36.2448979592px, 112px);
    letter-spacing: 0.05em;
  }
  .p-index_skill__block-head .sticky__heading .lead {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 75%;
  }
  .p-index_skill__block-head .sticky__circle {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    aspect-ratio: 1/1;
    width: calc(var(--hypot) * 1px);
    border-radius: 50%;
    clip-path: circle(calc(var(--hypot) * 0.5px * (var(--p1) * 0.3 + var(--p2) * 0.7)) at 50% 50%);
    background-color: #fff;
  }
  .p-index_skill__block-head .sticky__circle__inner {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
  }
  .p-index_skill__block-head .sticky__circle__title {
    font-size: min(4.3537414966vw + 34.3401360544px, 104px);
  }
  .p-index_skill__block-head .sticky__circle::before {
    content: "";
    top: 50%;
    position: fixed;
    left: 50%;
    transform: translate(-50%, -50%);
    inline-size: 100vw;
    block-size: 100vh;
    background-size: cover;
  }
  .p-index_skill__block:first-of-type .sticky__circle::before {
    background-image: url(../../img/skills/bg_orange@2x.webp);
  }
  @media (max-width: 743px) {
    .p-index_skill__block:first-of-type .sticky__circle::before {
      background-image: url(../../img/skills/bg_orange.webp);
    }
  }
  .p-index_skill__block:nth-of-type(2) .sticky__circle::before {
    background-image: url(../../img/skills/bg_green@2x.webp);
  }
  @media (max-width: 743px) {
    .p-index_skill__block:nth-of-type(2) .sticky__circle::before {
      background-image: url(../../img/skills/bg_green.webp);
    }
  }
  .p-index_skill__block:nth-of-type(3) .sticky__circle::before {
    background-image: url(../../img/skills/bg_blue@2x.webp);
  }
  @media (max-width: 743px) {
    .p-index_skill__block:nth-of-type(3) .sticky__circle::before {
      background-image: url(../../img/skills/bg_blue.webp);
    }
  }
  .p-index_skill__block-body {
    background-color: var(--color-black-90);
    position: relative;
    block-size: 170vh;
  }
  .p-index_skill__block-body .head {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
  }
  .p-index_skill__block-body .content {
    padding-top: min(1.6326530612vw + 53.8775510204px, 80px);
    align-items: flex-end;
    gap: min(1.6326530612vw + 13.8775510204px, 40px);
  }
  .p-index_skill__block-body .content .image {
    aspect-ratio: 626/822;
    display: flex;
    align-items: flex-end;
    transform: scale(1.5);
    opacity: 0;
    transition: transform 0.5s var(--ease-out-cubic) 0.3s, opacity 0.1s var(--ease-out-cubic) 0.3s;
  }
  .-rap .p-index_skill__block-body .content .image::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 10%;
    z-index: 0;
    aspect-ratio: 412/152;
    height: min(5.8775510204vw + 57.9591836735px, 152px);
    background-image: url(../../img/skills/rap_pic_shadow.webp);
    background-size: contain;
    background-repeat: no-repeat;
    opacity: 0;
    transform: scale(0.75);
    filter: blur(10px);
    transition: transform 0.4s ease 0.6s, opacity 0.2s ease 0.6s, filter 0.3s ease 0.6s;
  }
  .-rap .p-index_skill__block-body .content .image::after {
    content: "";
    position: absolute;
    bottom: 0;
    right: -2%;
    z-index: 0;
    aspect-ratio: 267/340;
    height: min(13.8775510204vw + 117.9591836735px, 340px);
    background-image: url(../../img/skills/rap_ink.webp);
    background-size: contain;
    background-repeat: no-repeat;
    opacity: 0;
    transform: scale(0.75);
    filter: blur(10px);
    transition: transform 0.4s ease 0.7s, opacity 0.2s ease 0.7s, filter 0.3s ease 0.7s;
  }
  .-beatmake .p-index_skill__block-body .content .image::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 0;
    aspect-ratio: 458/179;
    height: min(7.2653061224vw + 62.7551020408px, 179px);
    background-image: url(../../img/skills/beatmake_pic_shadow.webp);
    background-size: contain;
    background-repeat: no-repeat;
    opacity: 0;
    transform: scale(0.75);
    filter: blur(10px);
    transition: transform 0.4s ease 0.6s, opacity 0.2s ease 0.6s, filter 0.3s ease 0.6s;
  }
  .-beatmake .p-index_skill__block-body .content .image::after {
    content: "";
    position: absolute;
    bottom: 11%;
    right: -2%;
    z-index: 0;
    aspect-ratio: 460/622;
    height: min(25.387755102vw + 215.7959183673px, 622px);
    background-image: url(../../img/skills/beatmake_ink.webp);
    background-size: contain;
    background-repeat: no-repeat;
    opacity: 0;
    transform: scale(0.75);
    filter: blur(10px);
    transition: transform 0.4s ease 0.7s, opacity 0.2s ease 0.7s, filter 0.3s ease 0.7s;
  }
  .-pr .p-index_skill__block-body .content .image::before {
    content: "";
    position: absolute;
    bottom: 0%;
    left: 12%;
    z-index: 0;
    aspect-ratio: 522/168;
    height: min(6.8571428571vw + 58.2857142857px, 168px);
    background-image: url(../../img/skills/pr_pic_shadow.webp);
    background-size: contain;
    background-repeat: no-repeat;
    opacity: 0;
    transform: scale(0.75);
    filter: blur(10px);
    transition: transform 0.4s ease 0.6s, opacity 0.2s ease 0.6s, filter 0.3s ease 0.6s;
  }
  .-pr .p-index_skill__block-body .content .image::after {
    content: "";
    position: absolute;
    bottom: 38%;
    right: -2%;
    z-index: 0;
    aspect-ratio: 267/340;
    height: min(13.8775510204vw + 117.9591836735px, 340px);
    background-image: url(../../img/skills/pr_ink.webp);
    background-size: contain;
    background-repeat: no-repeat;
    opacity: 0;
    transform: scale(0.75);
    filter: blur(10px);
    transition: transform 0.4s ease 0.7s, opacity 0.2s ease 0.7s, filter 0.3s ease 0.7s;
  }
  .p-index_skill__block-body .content .image.is-act {
    transform: scale(1);
    opacity: 1;
  }
  .p-index_skill__block-body .content .image.is-act::before {
    opacity: 1;
    filter: blur(0);
    transform: scale(1);
  }
  .p-index_skill__block-body .content .image.is-act::after {
    opacity: 1;
    filter: blur(0);
    transform: scale(1);
  }
  .-beatmake .p-index_skill__block-body .content .image {
    order: 2;
  }
  .p-index_skill__block-body .pickup {
    margin-top: min(3.7551020408vw + 35.9183673469px, 96px);
    padding-block: min(1.6326530612vw + 13.8775510204px, 40px);
    padding-inline: min(1.9591836735vw + 16.6530612245px, 48px);
    border: 1px solid;
    gap: min(1.6326530612vw + 13.8775510204px, 40px);
  }
  .p-index_skill__block-body .pickup__body .title .ja {
    border: 1px solid;
    padding: 0.2em 1em;
    border-radius: 999px;
  }
  .p-index_skill__block-body .pickup::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    aspect-ratio: 1/1;
    width: min(9.4693877551vw + 80.4897959184px, 232px);
    background-size: contain;
    background-repeat: no-repeat;
  }
  .-rap .p-index_skill__block-body .pickup {
    border-color: var(--color-orange-100);
  }
  .-rap .p-index_skill__block-body .pickup::before {
    background-image: url(../../img/skills/rap_pickup_ink.webp);
  }
  .-beatmake .p-index_skill__block-body .pickup {
    border-color: var(--color-green-100);
  }
  .-beatmake .p-index_skill__block-body .pickup::before {
    background-image: url(../../img/skills/beatmake_pickup_ink.webp);
  }
  .-pr .p-index_skill__block-body .pickup {
    border-color: var(--color-blue-100);
  }
  .-pr .p-index_skill__block-body .pickup::before {
    background-image: url(../../img/skills/pr_pickup_ink.webp);
  }
}
@layer components {
  @keyframes marquee {
    0% {
      transform: translateX(0%);
    }
    100% {
      transform: translateX(-50%);
    }
  }
  @keyframes marquee-rev {
    0% {
      transform: translateX(0%);
    }
    100% {
      transform: translateX(100%);
    }
  }
  .p-index_about {
    background-color: var(--color-gray-10);
    padding-bottom: min(2.4489795918vw + 40.8163265306px, 80px);
    z-index: 2;
  }
  .p-index_about__head img {
    height: min(37.5510204082vw + 99.1836734694px, 700px);
  }
  .p-index_about__heading {
    margin-top: -0.6em;
    color: var(--color-white-00);
  }
  .p-index_about__desc {
    padding-block: min(5.2244897959vw + 20.4081632653px, 104px) min(1.9591836735vw + 32.6530612245px, 64px);
    position: relative;
  }
  .p-index_about__desc::before {
    content: "";
    top: 10%;
    position: absolute;
    right: 0;
    background-image: url(../../img/about/ink.webp);
    width: 425px;
    height: 542px;
  }
  @media (max-width: 743px) {
    .p-index_about__desc::before {
      display: none;
    }
  }
  .p-index_about__card {
    position: relative;
    background-color: var(--color-black-90);
    padding: min(0.9795918367vw + 8.3265306122px, 24px);
    display: grid;
    align-items: center;
    gap: min(1.306122449vw + 11.1020408163px, 32px);
    grid-template-columns: 534fr 554fr;
  }
  @media (max-width: 743px) {
    .p-index_about__card {
      grid-template-columns: 1fr;
    }
  }
  .p-index_about__card + .p-index_about__card {
    margin-top: min(0.8163265306vw + 6.9387755102px, 20px);
  }
  .p-index_about__card-body {
    color: var(--color-white-00);
  }
  .p-index_about__check {
    padding-block: min(4.0816326531vw + 34.693877551px, 100px);
    position: relative;
  }
  .p-index_about__check .tape-wrap {
    position: absolute;
    top: -50%;
    left: 50%;
    overflow: hidden;
    white-space: nowrap;
    padding: 10px 0;
    background: #ff6600;
    transform: rotate(-10deg) translateX(-50%);
    margin: 8px -10em;
    clip-path: inset(0 100% 0 0);
    transition: clip-path 2s var(--ease-out-cubic);
    border-top: 1px solid var(--color-black-100);
    border-bottom: 1px solid var(--color-black-100);
  }
  .p-index_about__check .tape-wrap.-reverse {
    top: 130%;
    background: var(--color-lightgreen-100);
    transform: rotate(10deg) translateX(-50%);
    transition: clip-path 2s var(--ease-out-cubic) 0.1s;
  }
  .p-index_about__check .tape-wrap .tape-track {
    display: inline-block;
  }
  .p-index_about__check .tape-wrap .tape-track span {
    font-size: min(3.5918367347vw + 14.5306122449px, 72px);
    font-weight: 700;
    font-family: var(--font-en);
    color: var(--color-black-100);
    padding: 0 24px;
    text-transform: uppercase;
  }
  .p-index_about__check.is-act .tape-wrap {
    clip-path: inset(0 0 0 0);
  }
  .p-index_about__check.is-act .tape-wrap .tape-track {
    animation: marquee 30s linear infinite;
  }
  .p-index_about__check.is-act .tape-wrap.-reverse .tape-track {
    animation: marquee-rev 30s linear infinite;
  }
  .p-index_about__check__link {
    aspect-ratio: 1024/476;
    display: block;
    background-image: url(../../img/about/campus_tour_bg.webp);
    background-size: cover;
    background-position: center;
    position: relative;
    padding: min(1.5510204082vw + -0.8163265306px, 24px);
    transform: translateY(20px);
    opacity: 0;
  }
  .p-index_about__check__link.is-act {
    transform: translateY(0);
    opacity: 1;
    transition: transform 0.5s var(--ease-out-cubic) 0.5s, opacity 0.5s var(--ease-out-cubic) 0.5s;
  }
  .p-index_about__check__link .textarea {
    padding: min(2.4489795918vw + 10.8163265306px, 50px) min(2.4489795918vw + 10.8163265306px, 50px);
    width: 60%;
  }
  @media (max-width: 743px) {
    .p-index_about__check__link .textarea {
      width: 100%;
    }
  }
  .p-index_about__check__link .textarea .title {
    font-size: 4vw;
    white-space: nowrap;
  }
  @media (max-width: 743px) {
    .p-index_about__check__link .textarea .title {
      font-size: 6vw;
    }
  }
  .p-index_about__check__link .textarea .subtitle {
    font-size: 1.5vw;
  }
  @media (max-width: 743px) {
    .p-index_about__check__link .textarea .subtitle {
      font-size: 3vw;
    }
  }
  .p-index_about__check__link .textarea .text {
    font-size: 1vw;
  }
  @media (max-width: 743px) {
    .p-index_about__check__link .textarea .text {
      width: 50%;
      font-size: 1.8vw;
    }
  }
  .p-index_about__check__link .textarea .button {
    padding: 0.5em 1em;
    font-weight: 700;
    font-size: 1vw;
    border-radius: 999px;
    display: inline-grid;
    align-items: center;
    gap: 0.5em;
    grid-template-columns: 1fr 1em;
    background-color: var(--color-white-00);
    color: var(--color-black-100);
    border: 2px solid var(--color-black-100);
  }
  @media (max-width: 743px) {
    .p-index_about__check__link .textarea .button {
      font-size: 1.6vw;
    }
  }
  .p-index_about__check__link .image {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 40%;
    transition: transform 0.5s var(--ease-out-cubic);
    transform-origin: bottom;
  }
  @media (any-hover: hover) {
    .p-index_about__check__link:hover .image {
      transform: scale(1.05);
    }
  }
}
@layer components {
  .p-index_access {
    background-color: var(--color-gray-30);
    padding-block: min(8.1632653061vw + 69.387755102px, 200px);
  }
  .p-index_access::before {
    content: "";
    position: absolute;
    top: -67px;
    width: 100%;
    aspect-ratio: 1600/67;
    height: 67px;
    background-image: url(../../img/access/bg_paper_top.webp);
    background-size: cover;
    background-position: center;
  }
  .p-index_access__title {
    line-height: 1.2;
  }
  .p-index_access__logo {
    margin-top: min(2.4489795918vw + 20.8163265306px, 60px) !important;
    display: inline-block;
  }
  .p-index_access__map {
    aspect-ratio: 616/399;
  }
  @media (max-width: 743px) {
    .p-index_access__map {
      aspect-ratio: 335/400;
      margin-top: min(1.6326530612vw + 13.8775510204px, 40px);
    }
  }
  .p-index_access__map iframe {
    width: 100%;
    height: 100%;
  }
  .p-index_access__contact .c-icon {
    margin-right: 0.5em;
    color: var(--color-red-100);
  }
}

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