@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;500;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=LINE+Seed+JP:wght@400;700&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: "Noto Sans JP", sans-serif;
    --font-line: "LINE Seed JP", sans-serif;
    --font-en: "Inter", sans-serif;
    --color-white-00: #fff;
    --color-black-100: #191F20;
    --color-black-90: #545454;
    --color-red-100: #ca3123;
    --color-orange-100: #fd5300;
    --color-orange-90: #e34b00;
    --color-green-100: #00B48C;
    --color-green-90: #1ca94b;
    --color-green-80: #2dc49f;
    --color-green-70: #50e27b;
    --color-green-60: #00d13f;
    --color-purple-100: #CE75E2;
    --color-gray-100: #888;
    --color-gray-90: #7d7d7d;
    --color-gray-50: #ccc;
    --color-gray-10: #f1f1f1;
    --color-border-gray: #696969;
    --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.05, 1, 0.05, 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.3s;
    --container-min-size: 89.3333333333vw;
    --container-min-padding: calc((100vw - var(--container-min-size)) * 0.5);
    --c-fluid-size: 1520px;
    --c-fluid-min-size: 100%;
    --z-header: 5000;
  }
}
@layer base {
  @property --skew {
    syntax: "<number>";
    inherits: true;
    initial-value: 0;
  }
  :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);
  }
  p {
    line-height: 1.8;
  }
  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: 20px 20px 0 20px;
    top: 0;
    left: 0;
    right: 0;
    z-index: 5001;
    transform: translateY(-10%);
    opacity: 0;
    transition: 0.8s opacity ease 2.2s, 0.8s transform var(--ease-out-cubic) 2.2s;
  }
  .is-start.is-loaded .l-header {
    opacity: 1;
    transform: translateY(0);
  }
  .shiryo-complete .l-header, .event-complete .l-header {
    transition: 0.8s opacity ease 0.2s, 0.8s transform var(--ease-out-cubic) 0.2s;
  }
  .l-header__inner {
    align-items: center;
    display: flex;
    gap: 2em;
    justify-content: space-between;
    align-items: center;
    border-radius: 100vmax;
    border: 1px solid var(--color-border-gray);
    background-color: var(--color-black-100);
    margin-inline: auto;
    padding-block: max(-0.2448979592vw + 10.9183673469px, 7px);
    padding-inline: min(1.2244897959vw + 10.4081632653px, 30px) min(2.4489795918vw + 20.8163265306px, 60px);
  }
  @media (max-width: 743px) {
    .l-header__inner {
      padding-inline: min(1.2244897959vw + 10.4081632653px, 30px);
    }
    .is-act .l-header__inner {
      border-radius: min(1.6326530612vw + 13.8775510204px, 40px);
      border-bottom-left-radius: 0;
      border-bottom-right-radius: 0;
      border-bottom: none;
    }
  }
  .l-header__logo {
    width: min(16.3265306122vw + 138.7755102041px, 400px);
  }
  .l-header__nav {
    display: flex;
  }
  @media (max-width: 1023px) {
    .l-header__nav {
      display: none;
    }
  }
  .l-header__nav__item {
    position: relative;
  }
  .l-header__nav__item::before {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    width: 1px;
    height: 1em;
    background-color: var(--color-border-gray);
    transform: translateY(-50%);
  }
  .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 {
    display: block;
    color: var(--color-white-00);
    padding: 1em;
    line-height: 1;
    font-size: min(0.0680272109vw + 0.8069727891rem, 0.875rem);
    font-weight: 500;
  }
  @media (any-hover: hover) {
    .l-header__nav__item a:hover .text {
      color: var(--color-purple-100);
    }
    .l-header__nav__item a:hover .roll-char {
      transform: translateY(-130%);
    }
  }
  .l-header__nav__item a .text {
    font-size: min(0.0680272109vw + 0.8069727891rem, 0.875rem);
    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;
  }
}
@layer components {
  .l-footer__inner {
    width: 100%;
    background-color: var(--color-black-100);
    position: relative;
  }
  .l-footer__inner .swiper .swiper-slide img {
    width: 100%;
  }
  .l-footer__inner .swiper .swiper-slide svg {
    width: 100%;
    height: 100%;
  }
  .l-footer__inner::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    background-image: url(../../img/common/parts/footer_bg.webp);
    background-size: cover;
    width: 100%;
    aspect-ratio: 1600/1067;
    opacity: 0.4;
    mix-blend-mode: multiply;
    z-index: 1;
  }
  .l-footer__heading {
    position: relative;
    z-index: 0;
    width: 100%;
    top: -10px;
  }
  .l-footer__heading img {
    inline-size: 100%;
  }
  .l-footer__copy {
    position: relative;
    top: -1em;
    text-align: center;
    color: var(--color-white-00);
    font-weight: 900;
    font-size: min(0.6530612245vw + 1.3469387755rem, 2rem);
    z-index: 2;
    line-height: 1.4;
  }
  @media (max-width: 743px) {
    .l-footer__copy {
      top: auto;
      margin-top: 1em;
    }
  }
  .l-footer__copyright {
    display: block;
    width: 100%;
    margin-top: min(1.6326530612vw + 23.8775510204px, 50px);
    padding-block: min(1.6326530612vw + 13.8775510204px, 40px) max(-1.1428571429vw + 58.2857142857px, 40px);
    color: var(--color-gray-50);
    font-family: var(--font-en);
    font-weight: 300;
    border-top: 1px solid var(--color-black-90);
  }
}
@layer components {
  .l-drawer {
    position: absolute;
    top: 20px;
    left: 50%;
    width: calc(100% - 40px);
    background: var(--color-black-100);
    backdrop-filter: blur(10px);
    border-radius: min(1.6326530612vw + 13.8775510204px, 40px);
    padding-block: 60px 40px;
    opacity: 0;
    overflow: hidden;
    z-index: -1;
    margin-top: 1px;
    border-left: 1px solid var(--color-border-gray);
    border-right: 1px solid var(--color-border-gray);
    border-bottom: 1px solid var(--color-border-gray);
    border-top: none;
    transform: translateX(-50%) translateY(0);
    display: none;
  }
  .l-drawer__nav {
    margin-top: 0;
    padding-inline: 40px;
  }
  .l-drawer__nav__bottom {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1em;
    margin-top: 40px;
    flex-wrap: wrap;
  }
  .l-drawer__nav__bottom > li a {
    text-decoration: underline;
    color: var(--color-white-00);
    font-size: min(0vw + 0.75rem, 0.75rem);
  }
  .l-drawer__nav__item {
    margin-bottom: 0.5em;
  }
  .l-drawer__nav__item a,
  .l-drawer__nav__item button {
    display: flex;
    gap: 1em;
    width: 100%;
    align-items: center;
    color: var(--color-white-00);
  }
  .l-drawer__nav__item a .text,
  .l-drawer__nav__item button .text {
    font-size: min(0.0680272109vw + 0.8069727891rem, 0.875rem);
    font-weight: 500;
  }
  .l-drawer__nav__item a .c-icon,
  .l-drawer__nav__item button .c-icon {
    line-height: 1;
    width: 1em;
    color: var(--color-green-70);
  }
  .l-drawer__nav__item a .c-icon svg,
  .l-drawer__nav__item button .c-icon svg {
    width: 100%;
  }
  .l-drawer__nav__item button {
    border: none;
    background: transparent;
  }
  .l-drawer__nav__item button .c-icon {
    position: relative;
  }
  .l-drawer__nav__item button .c-icon::before, .l-drawer__nav__item button .c-icon::after {
    content: "";
    background-color: var(--color-white-00);
    width: 12px;
    height: 2px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: 0.3s ease;
  }
  .l-drawer__nav__item button .c-icon::after {
    rotate: 90deg;
  }
  .l-drawer__nav__item .child {
    padding-bottom: 0.5em;
    padding-left: 1em;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.4s ease, padding 0.4s ease;
  }
  .l-drawer__nav__item .child a {
    color: var(--color-white-00);
    text-decoration: underline;
    font-size: min(0.0680272109vw + 0.8069727891rem, 0.875rem);
    padding: 0.5em 0;
  }
  .l-drawer__nav__item.is-open .child {
    max-height: 500px;
    padding-top: 0.5em;
  }
  .l-drawer__nav__item.is-open button .c-icon::after {
    rotate: 0deg;
    opacity: 0;
  }
  .l-drawer__cta {
    margin-top: 20px;
  }
  .l-drawer__cta .swiper .swiper-slide img {
    width: 100%;
  }
  .l-drawer__cta .swiper .swiper-slide svg {
    width: 100%;
    height: 100%;
  }
  .l-drawer__cta__nav {
    padding-inline: 40px;
    margin-top: -2%;
  }
  @media (max-width: 743px) {
    .l-drawer__cta__nav {
      display: grid;
      gap: 15px;
    }
  }
  .l-drawer_button {
    position: relative;
    cursor: pointer;
    display: none;
  }
  @media (max-width: 1023px) {
    .l-drawer_button {
      display: flex;
      justify-content: center;
      align-items: center;
      padding: 0.4em;
      border-radius: 100vmax;
      background-color: var(--color-gray-50);
      aspect-ratio: 1;
      z-index: 2;
    }
  }
  .l-drawer_button__bar {
    position: relative;
    width: 16px;
    aspect-ratio: 1;
  }
  .l-drawer_button__bar span {
    height: 2px;
    width: 100%;
    left: 0%;
    top: 50%;
    background-color: var(--color-black-100);
    text-indent: -9999px;
    transition: all 0.3s ease;
    position: absolute;
  }
  .l-drawer_button__bar::before, .l-drawer_button__bar::after {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: var(--color-black-100);
    transition: all 0.3s ease;
  }
  .l-drawer_button__bar::before {
    top: 25%;
  }
  .l-drawer_button__bar:after {
    top: 75%;
  }
  .l-drawer_button.is-act .l-drawer_button__bar span {
    opacity: 0;
  }
  .l-drawer_button.is-act .l-drawer_button__bar::before, .l-drawer_button.is-act .l-drawer_button__bar::after {
    top: 45%;
  }
  .l-drawer_button.is-act .l-drawer_button__bar::before {
    transform: rotate(45deg);
  }
  .l-drawer_button.is-act .l-drawer_button__bar::after {
    transform: rotate(-45deg);
  }
}
@layer components {
  .wp-pagenavi {
    display: grid;
    margin-inline: auto;
    inline-size: fit-content;
    grid-template-columns: repeat(var(--column), min-content);
    line-height: 1;
    font-size: min(0.3537414966vw + 0.8962585034rem, 1.25rem);
  }
  .wp-pagenavi:not(:first-child) {
    margin-block-start: min(1.7823129252vw + 21.4829931973px, 50px);
  }
  .wp-pagenavi .first {
    text-decoration: underline;
  }
  .wp-pagenavi > * {
    grid-row: 1/2;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
  }
  .wp-pagenavi > *:not(.previouspostslink):not(.nextpostslink) {
    padding-inline: 0.25em;
    min-width: 2.25em;
    aspect-ratio: 1;
  }
  @media (max-width: 567px) {
    .wp-pagenavi > *:not(.previouspostslink):not(.nextpostslink) {
      min-width: 2em;
    }
  }
  .wp-pagenavi > a:not(.previouspostslink):not(.nextpostslink) {
    transition: var(--dur) color var(--ease-out-sine), var(--dur) background-color var(--ease-out-sine);
    aspect-ratio: 1;
  }
  @media (any-hover: hover) {
    .wp-pagenavi > a:not(.previouspostslink):not(.nextpostslink):hover {
      color: var(--color-black-100);
      background-color: var(--color-gray-100);
    }
  }
  .wp-pagenavi .previouspostslink,
  .wp-pagenavi .nextpostslink {
    grid-column: 1/2;
    color: var(--color-black-100);
    transition: var(--dur) opacity;
  }
  @media (any-hover: hover) {
    .wp-pagenavi .previouspostslink:hover,
    .wp-pagenavi .nextpostslink:hover {
      opacity: 0.7;
    }
  }
  .wp-pagenavi .previouspostslink {
    margin-right: 1em;
  }
  .wp-pagenavi .previouspostslink svg {
    rotate: 180deg;
  }
  .wp-pagenavi .extend {
    white-space: nowrap;
  }
  .wp-pagenavi .page {
    text-decoration: underline;
  }
  .wp-pagenavi .current {
    color: var(--color-black-100);
    text-underline-offset: 0.25em;
    background: var(--color-gray-100);
    border-radius: 999px;
  }
  .wp-pagenavi .nextpostslink {
    grid-column: -1/-2;
    margin-left: 1em;
  }
  .wp-pagenavi .last {
    text-decoration: underline;
  }
  .c-arrow {
    background-color: var(--color-black-100);
    border-radius: 100vmax;
    width: 56px;
    aspect-ratio: 1;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .c-cta {
    padding-block: min(1.6326530612vw + 73.8775510204px, 100px) min(6.5306122449vw + 55.5102040816px, 160px);
    background-color: var(--color-black-100);
  }
  .c-cta .swiper .swiper-slide img {
    width: 100%;
  }
  .c-cta .swiper .swiper-slide svg {
    width: 100%;
    height: 100%;
  }
  .c-cta__technical_college {
    border: 4px solid var(--color-black-100);
    padding: min(1.6326530612vw + 13.8775510204px, 40px);
    border-radius: min(0.8163265306vw + 6.9387755102px, 20px);
    margin-block-start: min(3.2653061224vw + 27.7551020408px, 80px);
    text-align: center;
  }
  .c-cta__technical_college .c-button-secondary {
    min-inline-size: min(2.4489795918vw + 240.8163265306px, 280px);
  }
  .c-cta_button a {
    border-radius: 8px;
    padding: 8px;
    inline-size: 100%;
    block-size: 100%;
    display: grid;
    position: relative;
    transition: var(--dur);
    min-height: 224px;
  }
  .c-cta_button a .c-heading-primary {
    position: absolute;
    top: -0.7em;
    left: 0.3em;
  }
  @media (any-hover: hover) {
    .c-cta_button a:hover {
      transform: translateY(-1em);
      filter: brightness(120%);
    }
    .c-cta_button a:hover .c-cta_button__image .pamphlet02 {
      transform: translateY(50%) rotate(0deg);
    }
    .c-cta_button a:hover .c-arrow .c-icon .arrow-left {
      animation: blink-left 0.8s ease-in-out infinite;
    }
    .c-cta_button a:hover .c-arrow .c-icon .arrow-right {
      animation: blink-right 0.8s ease-in-out infinite;
    }
  }
  .c-cta_button__inner {
    padding: 7px;
    border: 1px solid var(--color-black-100);
    border-radius: 8px;
    grid-template-columns: auto max-content;
    block-size: 100%;
  }
  @media (max-width: 743px) {
    .c-cta_button__inner {
      grid-template-columns: max-content 1fr;
    }
  }
  .c-cta_button__text {
    padding-left: min(1.6326530612vw + 13.8775510204px, 40px);
  }
  @media (max-width: 1299px) {
    .c-cta_button__text {
      padding-left: min(0.8163265306vw + 6.9387755102px, 20px);
    }
  }
  .c-cta_button__text .title {
    line-height: 1.2;
    display: flex;
    align-items: center;
    gap: 0.5em;
    font-size: min(1.1428571429vw + 0.8571428571rem, 2rem);
  }
  .c-cta_button__text .title .en {
    font-weight: 700;
    font-family: var(--font-en);
  }
  .-opencampus .c-cta_button__image {
    overflow: hidden;
    border-radius: 8px;
    width: min(1.6326530612vw + 173.8775510204px, 200px);
  }
  @media (max-width: 743px) {
    .-opencampus .c-cta_button__image {
      width: 100%;
      height: 100%;
    }
  }
  .-opencampus .c-cta_button__image img {
    transition: var(--dur);
  }
  @media (max-width: 743px) {
    .-opencampus .c-cta_button__image img {
      height: 100%;
      object-fit: cover;
    }
  }
  .-pamphlet .c-cta_button__image {
    position: absolute;
    bottom: 0;
    right: 0;
    width: min(8.1632653061vw + 159.387755102px, 290px);
  }
  .-pamphlet .c-cta_button__image .pamphlet01 {
    position: relative;
    z-index: 2;
    width: min(4vw + 125px, 189px);
    margin-left: auto !important;
  }
  .-pamphlet .c-cta_button__image .pamphlet02 {
    position: absolute;
    bottom: 45%;
    right: 10%;
    width: min(7.3469387755vw + 132.4489795918px, 250px);
    transition: var(--dur);
    transform: translateY(50%) translateX(10%) rotate(5deg);
  }
  @media (max-width: 743px) {
    .-pamphlet .c-cta_button__image .pamphlet02 {
      right: 20%;
    }
  }
  .c-cta_button.-opencampus a {
    background-color: var(--color-purple-100);
  }
  @media (any-hover: hover) {
    .c-cta_button.-opencampus a:hover .c-cta_button__image img {
      transform: scale(1.1);
    }
  }
  .c-cta_button.-opencampus a .c-arrow .c-icon {
    width: 20px;
    aspect-ratio: 1;
    color: var(--color-purple-100);
  }
  .c-cta_button.-pamphlet a {
    background-color: var(--color-green-100);
  }
  .c-cta_button.-pamphlet a .c-arrow .c-icon {
    width: 20px;
    aspect-ratio: 1;
    color: var(--color-green-100);
  }
  .c-follow {
    position: fixed;
    z-index: 6000;
    bottom: 0;
    padding: 1em;
    width: 100%;
    background-color: var(--color-white-00);
    transform: translateY(100%);
    transition: 0.6s ease;
  }
  .is-down .c-follow {
    transform: translateY(0%);
  }
  .c-form_complete {
    padding-block-start: min(4.0816326531vw + 84.693877551px, 150px);
    text-align: center;
  }
}
@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);
  }
  @media (any-hover: hover) {
    .c-button-primary:hover {
      background: var(--color-green-100);
      transform: translateY(-0.2em);
    }
    .c-button-primary:hover .icon .arrow-left {
      animation: blink-left 0.8s ease-in-out infinite;
    }
    .c-button-primary:hover .icon .arrow-right {
      animation: blink-right 0.8s ease-in-out infinite;
    }
  }
  .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;
  }
  .c-button-secondary {
    grid-template-columns: auto 2em;
    column-gap: 0.5em;
    border: 1px solid var(--color-black-100);
    border-radius: 999px;
    padding: 1em 1em;
    align-items: center;
    background: var(--color-green-100);
    transition: var(--dur) opacity;
    position: relative;
  }
  .c-button-secondary::before {
    content: "";
    border: 1px solid var(--color-black-100);
    border-radius: 999px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    width: calc(100% - 4px);
    height: calc(100% - 4px);
  }
  @media (any-hover: hover) {
    .c-button-secondary {
      border-radius: calc(infinity * 1px);
    }
    .c-button-secondary:focus-visible {
      outline: 3px solid var(--color-black-100);
      outline-offset: 5px;
    }
    .c-button-secondary:hover {
      opacity: 0.5;
    }
  }
  @media (any-hover: none) {
    .c-button-secondary:active {
      opacity: 0.5;
    }
    .c-button-secondary:active,
    .c-button-secondary:active *, .c-button-secondary:active::before, .c-button-secondary:active::after {
      animation-duration: var(--dur) !important;
      transition-duration: var(--dur) !important;
    }
  }
  .c-button-secondary .text {
    text-align: center;
    font-size: min(0.2448979592vw + 0.7551020408rem, 1rem);
  }
  @media (max-width: 743px) {
    .c-button-secondary .text {
      font-size: min(0vw + 0.75rem, 0.75rem);
    }
  }
  .c-button-secondary .icon {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100vmax;
    width: 2em;
    height: 2em;
    background-color: var(--color-black-100);
    color: var(--color-green-100);
  }
  .c-button-secondary .icon svg {
    display: block;
    inline-size: 1em;
    block-size: 1em;
  }
  .c-button-secondary.-center {
    margin-inline: auto;
  }
  .c-button-secondary.-white {
    background-color: var(--color-white-00);
    color: var(--color-black-100);
  }
  .c-button-secondary.-white .icon {
    fill: var(--color-black-100);
  }
  .c-button-secondary.-purple {
    background-color: var(--color-purple-100);
  }
  .c-button-secondary.-purple .icon {
    color: var(--color-purple-100);
  }
  .c-button-secondary.-black {
    background-color: var(--color-black-100);
    color: var(--color-white-00);
  }
  .c-button-secondary.-black .icon {
    fill: var(--color-white-00);
    background-color: var(--color-white-00);
    color: var(--color-black-100);
  }
  .c-button-secondary.-reverse {
    flex-direction: row-reverse;
  }
  .c-link-contact a,
  .c-link-contact .tel {
    display: inline-flex;
    align-items: center;
    gap: 0.5em;
    font-family: var(--font-en);
    font-weight: 500;
    position: relative;
  }
  .c-link-contact a::before,
  .c-link-contact .tel::before {
    content: "";
    position: absolute;
    width: 0;
    height: 1px;
    background-color: var(--color-gray-50);
    bottom: 0;
    left: 0;
    transition: var(--dur);
  }
  .c-link-contact a .c-icon,
  .c-link-contact .tel .c-icon {
    width: 1em;
    height: 1em;
    color: var(--color-gray-90);
  }
  @media (any-hover: hover) {
    .c-link-contact a:hover::before {
      width: 100%;
    }
  }
  .c-link-contact.-white a,
  .c-link-contact.-white .tel {
    color: var(--color-white-00);
  }
  .c-link-contact.-white a .c-icon,
  .c-link-contact.-white .tel .c-icon {
    color: var(--color-white-00);
  }
}
@layer components {
  .c-heading-primary {
    position: relative;
    display: inline-block;
    padding-left: 1em;
    padding-right: 1em;
  }
  .c-heading-primary::before, .c-heading-primary::after {
    content: "";
    display: inline-block;
    background-image: url(../../img/common/parts/heading_arrow.svg);
    background-size: cover;
    width: 12px;
    height: 32px;
    position: absolute;
    top: 50%;
    transition: 0.4s;
    opacity: 0;
  }
  .c-heading-primary::before {
    left: 40%;
    transform: translateY(-50%) translateX(-50%);
  }
  .c-heading-primary::after {
    right: 40%;
    transform: rotate(180deg) translateY(50%) translateX(-50%);
  }
  .c-heading-primary span {
    position: relative;
    display: inline-block;
    background-color: var(--color-black-100);
    color: var(--color-white-00);
    font-size: min(0.2585034014vw + 0.8664965986rem, 1.125rem);
    font-weight: 900;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding-inline: 0.4em;
    height: 32px;
    transition: 0.4s;
    opacity: 0;
    transform: translateY(1em);
    transition-delay: 0.4s;
  }
  .c-heading-primary span::before, .c-heading-primary span::after {
    content: "";
    position: absolute;
    top: 0;
    width: 0;
    height: 32px;
  }
  .c-heading-primary span::before {
    left: -12px;
    border-top: 16px solid transparent;
    border-right: 12px solid var(--color-black-100);
    border-bottom: 16px solid transparent;
  }
  .c-heading-primary span::after {
    right: -12px;
    border-top: 16px solid transparent;
    border-left: 12px solid var(--color-black-100);
    border-bottom: 16px solid transparent;
  }
  .c-heading-primary.-min span {
    min-width: min(7.3469387755vw + 172.4489795918px, 290px);
  }
  .c-heading-primary.-white::before, .c-heading-primary.-white::after {
    background-image: url(../../img/common/parts/heading_arrow_white.svg);
  }
  .c-heading-primary.-white span {
    background-color: var(--color-white-00);
    color: var(--color-black-100);
  }
  .c-heading-primary.-white span::before {
    border-right-color: var(--color-white-00);
  }
  .c-heading-primary.-white span::after {
    border-left-color: var(--color-white-00);
  }
  .c-heading-primary.-red::before, .c-heading-primary.-red::after {
    background-image: url(../../img/common/parts/heading_arrow_red.svg);
  }
  .c-heading-primary.-red span {
    background-color: var(--color-red-100);
    color: var(--color-white-00);
  }
  .c-heading-primary.-red span::before {
    border-right-color: var(--color-red-100);
  }
  .c-heading-primary.-red span::after {
    border-left-color: var(--color-red-100);
  }
  .c-heading-primary.is-act {
    animation: flash 0.3s linear 1 forwards;
    animation-delay: 0.3s;
  }
  .c-heading-primary.is-act::before {
    opacity: 1;
    left: -5px;
    transform: translateY(-50%) translateX(0);
  }
  .c-heading-primary.is-act::after {
    opacity: 1;
    right: -5px;
    transform: rotate(180deg) translateY(50%) translateX(0);
  }
  .c-heading-primary.is-act span {
    opacity: 1;
    transform: translateY(0);
  }
  .c-heading-en {
    position: absolute;
    left: 50%;
    top: -35%;
    transform: translateX(-50%);
    line-height: 1;
    width: max-content;
  }
  @media (max-width: 743px) {
    .c-heading-en {
      width: 120%;
      top: -15%;
    }
  }
}
@layer components {
  .c-kick-animation {
    position: relative;
    width: min(0.8163265306vw + 36.9387755102px, 50px);
    height: min(0.8163265306vw + 50.9387755102px, 64px);
    /* フレーム1（後ろ足で蹴る） - 3秒間表示 */
    /* フレーム2（地面につく） - 1秒間表示 */
    /* フレーム2は逆のタイミングで表示 */
    /* 車輪の上下アニメーション */
  }
  .c-kick-animation .frame {
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 80%;
    height: auto;
  }
  .c-kick-animation .frame-1 {
    animation: toggle 1.8s steps(1) infinite;
    animation-delay: 0s;
  }
  .c-kick-animation .frame-2 {
    animation: toggle-reverse 1.8s steps(1) infinite;
    animation-delay: 0s;
    visibility: hidden;
  }
  .c-kick-animation .frame-2 {
    animation-delay: 0s;
    visibility: hidden;
  }
  .c-kick-animation .frame-2 {
    animation-name: toggle-reverse;
  }
  .c-kick-animation .wheel {
    animation: wheel-bounce 4s linear infinite;
    transform-origin: center;
    transform-box: fill-box;
  }
  .js-endless-slider .swiper-wrapper {
    transition-timing-function: linear;
  }
  .js-endless-slider .swiper-slide {
    inline-size: auto;
  }
  @keyframes fillAnimation {
    from {
      fill: transparent;
    }
    to {
      fill: #1c1c1c;
    }
  }
  @keyframes flash {
    from {
      opacity: 0;
    }
    to {
      opacity: 1;
    }
  }
  @keyframes blink-left {
    0%, 100% {
      opacity: 0.3;
    }
    50% {
      opacity: 1;
    }
  }
  @keyframes blink-right {
    0%, 100% {
      opacity: 1;
    }
    50% {
      opacity: 0.3;
    }
  }
  @keyframes rotate {
    from {
      transform: rotate(0deg);
    }
    to {
      transform: rotate(-360deg);
    }
  }
  /* スケボーアイコン表示/非表示の切り替えアニメーション */
  @keyframes toggle {
    0%, 74.99% {
      opacity: 1;
      visibility: visible;
    }
    75%, 100% {
      opacity: 0;
      visibility: hidden;
    }
  }
  @keyframes toggle-reverse {
    0%, 74.99% {
      opacity: 0;
      visibility: hidden;
    }
    75%, 100% {
      opacity: 1;
      visibility: visible;
    }
  }
  @keyframes wheel-bounce {
    /* 1回目の二連続ガタン（0秒付近） */
    0% {
      transform: translateY(0);
    }
    1.5% {
      transform: translateY(-2px);
    }
    3.2% {
      transform: translateY(0);
    }
    4.8% {
      transform: translateY(-2px);
    }
    6.5% {
      transform: translateY(0);
    }
    /* 静止期間 */
    6.5%, 31.8% {
      transform: translateY(0);
    }
    /* 2回目の二連続ガタン（1.33秒付近） */
    33.33% {
      transform: translateY(0);
    }
    34.8% {
      transform: translateY(-2px);
    }
    36.5% {
      transform: translateY(0);
    }
    38.1% {
      transform: translateY(-2px);
    }
    39.8% {
      transform: translateY(0);
    }
    /* 静止期間 */
    39.8%, 65.0% {
      transform: translateY(0);
    }
    /* 3回目の二連続ガタン（2.66秒付近） */
    66.66% {
      transform: translateY(0);
    }
    68.1% {
      transform: translateY(-2px);
    }
    69.8% {
      transform: translateY(0);
    }
    71.4% {
      transform: translateY(-2px);
    }
    73.1% {
      transform: translateY(0);
    }
    /* 静止期間 */
    73.1%, 100% {
      transform: translateY(0);
    }
  }
  .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);
    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.-skew_xnone {
    opacity: 0;
    transition: opacity 0.2s ease, --skew 0.8s var(--ease-out-expo2), translate 0.8s var(--ease-out-expo2);
    position: relative;
    --skew: -90;
    translate: 50% -50%;
  }
  .js-anim_elm.-skew_xnone img {
    transform: skew(calc(var(--skew) * 1deg));
    transform-origin: left bottom;
  }
  .js-anim_elm.-skew_xnone.is-act {
    translate: 0;
    --skew: 0;
    opacity: 1;
  }
  .js-anim_elm.-skew {
    opacity: 0;
    transition: opacity 0.2s ease, --skew 0.8s var(--ease-out-expo2), translate 0.8s var(--ease-out-expo2);
    --skew: -90;
    translate: 50% -50%;
  }
  .js-anim_elm.-skew img {
    transform: skew(calc(var(--skew) * 1deg));
    transform-origin: left bottom;
  }
  .js-anim_elm.-skew.is-act {
    translate: 0 -50%;
    --skew: 0;
    opacity: 1;
  }
  .js-anim_elm.-curtain > * {
    opacity: 0;
    transform: translateY(1em);
    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) {
    transition-delay: calc(2 * var(--dur) / 2);
  }
  .js-anim_elm.-curtain > *:nth-child(1)::before {
    transition-delay: calc(2.5 * var(--dur) / 2);
  }
  .js-anim_elm.-curtain > *:nth-child(2) {
    transition-delay: calc(3 * var(--dur) / 2);
  }
  .js-anim_elm.-curtain > *:nth-child(2)::before {
    transition-delay: calc(3.5 * var(--dur) / 2);
  }
  .js-anim_elm.-curtain > *:nth-child(3) {
    transition-delay: calc(4 * var(--dur) / 2);
  }
  .js-anim_elm.-curtain > *:nth-child(3)::before {
    transition-delay: calc(4.5 * var(--dur) / 2);
  }
  .js-anim_elm.-curtain > *:nth-child(4) {
    transition-delay: calc(5 * var(--dur) / 2);
  }
  .js-anim_elm.-curtain > *:nth-child(4)::before {
    transition-delay: calc(5.5 * var(--dur) / 2);
  }
  .js-anim_elm.-curtain > *:nth-child(5) {
    transition-delay: calc(6 * var(--dur) / 2);
  }
  .js-anim_elm.-curtain > *:nth-child(5)::before {
    transition-delay: calc(6.5 * var(--dur) / 2);
  }
  .js-anim_elm.-curtain > *:nth-child(6) {
    transition-delay: calc(7 * var(--dur) / 2);
  }
  .js-anim_elm.-curtain > *:nth-child(6)::before {
    transition-delay: calc(7.5 * var(--dur) / 2);
  }
  .js-anim_elm.-curtain > *:nth-child(7) {
    transition-delay: calc(8 * var(--dur) / 2);
  }
  .js-anim_elm.-curtain > *:nth-child(7)::before {
    transition-delay: calc(8.5 * var(--dur) / 2);
  }
  .js-anim_elm.-curtain > *:nth-child(8) {
    transition-delay: calc(9 * var(--dur) / 2);
  }
  .js-anim_elm.-curtain > *:nth-child(8)::before {
    transition-delay: calc(9.5 * var(--dur) / 2);
  }
  .js-anim_elm.-curtain > *:nth-child(9) {
    transition-delay: calc(10 * var(--dur) / 2);
  }
  .js-anim_elm.-curtain > *:nth-child(9)::before {
    transition-delay: calc(10.5 * var(--dur) / 2);
  }
  .js-anim_elm.-curtain > *:nth-child(10) {
    transition-delay: calc(11 * var(--dur) / 2);
  }
  .js-anim_elm.-curtain > *:nth-child(10)::before {
    transition-delay: calc(11.5 * var(--dur) / 2);
  }
  .js-anim_elm.-curtain > *:nth-child(11) {
    transition-delay: calc(12 * var(--dur) / 2);
  }
  .js-anim_elm.-curtain > *:nth-child(11)::before {
    transition-delay: calc(12.5 * var(--dur) / 2);
  }
  .js-anim_elm.-curtain > *:nth-child(12) {
    transition-delay: calc(13 * var(--dur) / 2);
  }
  .js-anim_elm.-curtain > *:nth-child(12)::before {
    transition-delay: calc(13.5 * var(--dur) / 2);
  }
  .js-anim_elm.-curtain > *:nth-child(13) {
    transition-delay: calc(14 * var(--dur) / 2);
  }
  .js-anim_elm.-curtain > *:nth-child(13)::before {
    transition-delay: calc(14.5 * var(--dur) / 2);
  }
  .js-anim_elm.-curtain > *:nth-child(14) {
    transition-delay: calc(15 * var(--dur) / 2);
  }
  .js-anim_elm.-curtain > *:nth-child(14)::before {
    transition-delay: calc(15.5 * var(--dur) / 2);
  }
  .js-anim_elm.-curtain > *:nth-child(15) {
    transition-delay: calc(16 * var(--dur) / 2);
  }
  .js-anim_elm.-curtain > *:nth-child(15)::before {
    transition-delay: calc(16.5 * var(--dur) / 2);
  }
  .js-anim_elm.-curtain > *:nth-child(16) {
    transition-delay: calc(17 * var(--dur) / 2);
  }
  .js-anim_elm.-curtain > *:nth-child(16)::before {
    transition-delay: calc(17.5 * var(--dur) / 2);
  }
  .js-anim_elm.-curtain > *:nth-child(17) {
    transition-delay: calc(18 * var(--dur) / 2);
  }
  .js-anim_elm.-curtain > *:nth-child(17)::before {
    transition-delay: calc(18.5 * var(--dur) / 2);
  }
  .js-anim_elm.-curtain > *:nth-child(18) {
    transition-delay: calc(19 * var(--dur) / 2);
  }
  .js-anim_elm.-curtain > *:nth-child(18)::before {
    transition-delay: calc(19.5 * var(--dur) / 2);
  }
  .js-anim_elm.-curtain > *:nth-child(19) {
    transition-delay: calc(20 * var(--dur) / 2);
  }
  .js-anim_elm.-curtain > *:nth-child(19)::before {
    transition-delay: calc(20.5 * var(--dur) / 2);
  }
  .js-anim_elm.-curtain > *:nth-child(20) {
    transition-delay: calc(21 * var(--dur) / 2);
  }
  .js-anim_elm.-curtain > *:nth-child(20)::before {
    transition-delay: calc(21.5 * var(--dur) / 2);
  }
  .js-anim_elm.-curtain > *::before {
    content: "";
    background-color: var(--color-black-100);
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transition-timing-function: var(--ease-out-circ);
    transition-duration: calc(var(--dur) * 3);
  }
  .js-anim_elm.-curtain.is-act > * {
    transform: translateY(0);
    opacity: 1;
  }
  .js-anim_elm.-curtain.is-act > *::before {
    width: 0;
    left: auto;
    right: 0;
  }
}
@layer components {
  .c-title-s {
    font-size: min(0.3537414966vw + 0.8962585034rem, 1.25rem);
    font-weight: 900;
  }
  .c-title-md {
    font-size: min(0.6530612245vw + 13.5510204082px, 24px);
    font-weight: 900;
  }
  .c-title-lg {
    font-size: min(1.306122449vw + 1.193877551rem, 2.5rem);
    font-weight: 900;
    line-height: 1.4;
  }
  .c-title-xl {
    font-size: min(2.1224489796vw + 14.0408163265px, 48px);
    font-weight: 900;
    line-height: 1.4;
  }
  .c-title-xxl {
    font-size: min(2.9387755102vw + 16.9795918367px, 64px);
    font-weight: 900;
    line-height: 1.4;
  }
  .c-text-s {
    font-size: min(0.0680272109vw + 0.8069727891rem, 0.875rem);
  }
  .c-text-lg {
    font-size: min(0.2585034014vw + 0.8664965986rem, 1.125rem);
  }
}
@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;
    }
  }
}
.c-loading {
  pointer-events: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 8000;
  inline-size: 100vw;
  block-size: 100lvh;
  background-color: var(--color-white-00);
  opacity: 0;
}
.c-loading__inner {
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  inline-size: 100%;
  max-inline-size: 1443px;
  padding-inline: 40px;
}
@media (max-width: 743px) {
  .c-loading__inner {
    max-inline-size: 100%;
    padding-inline: 20px;
    top: 45%;
  }
}
.c-loading__skateboard {
  position: relative;
  inline-size: 100%;
  aspect-ratio: 1443/174;
}
.c-loading__skateboard img {
  inline-size: 100%;
  block-size: 100%;
  object-fit: contain;
}
.c-loading__icon {
  position: relative;
  top: 2px;
  inline-size: 100%;
  block-size: min(1.6326530612vw + 26.8775510204px, 53px);
}
@media (max-width: 743px) {
  .c-loading__icon {
    top: 0px;
  }
}
.c-loading__icon__img {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  opacity: 0;
  inline-size: min(0.4897959184vw + 32.1632653061px, 40px);
  block-size: 100%;
}
.c-loading__icon__img .c-kick-animation {
  inline-size: 100%;
  block-size: 100%;
}
.c-loading__icon__img .c-kick-animation .frame {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.c-loading__icon__img .c-kick-animation .frame svg {
  inline-size: 100%;
  block-size: 100%;
}
.c-loading__logo {
  margin-block-start: 40px;
  display: flex;
  justify-content: center;
}
@media (max-width: 743px) {
  .c-loading__logo {
    margin-block-start: 20px;
  }
}
.c-loading__logo img {
  inline-size: auto;
  max-inline-size: 400px;
}
@media (max-width: 743px) {
  .c-loading__logo img {
    max-inline-size: 80%;
  }
}
.c-loading.is-cookie {
  display: none;
}

@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-font-underline span {
    position: relative;
    display: inline-block;
  }
  .u-font-underline span::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background-color: var(--color-black-100);
  }
  .u-color-white {
    color: var(--color-white-00);
  }
  .u-color-gray-90 {
    color: var(--color-gray-90);
  }
  .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 {
    inline-size: 100%;
    block-size: 100vh;
    background-image: url(../../img/index/kv_bg.webp);
    background-size: cover;
    padding-inline: min(1.6326530612vw + 13.8775510204px, 40px);
    margin-top: calc(var(--header-height) * 0.25);
    padding-top: var(--header-height);
    aspect-ratio: 16/9;
    position: relative;
  }
  @media (max-width: 743px) {
    .p-index_kv {
      aspect-ratio: 375/600;
      margin-top: 0;
    }
  }
  .p-index_kv__inner {
    max-inline-size: 1440px;
    margin-inline: auto;
    block-size: 100%;
  }
  .p-index_kv__heading {
    opacity: 0;
    translate: 50% -50%;
    transition: opacity 0.2s ease 0.2s, --skew 0.8s var(--ease-out-expo2) 0.2s, translate 0.8s var(--ease-out-expo2) 0.2s;
    --skew: -90;
    position: absolute;
    top: -7%;
  }
  .p-index_kv__heading img {
    transform: skew(calc(var(--skew) * 1deg));
    transform-origin: left bottom;
    width: 100%;
  }
  .is-start.is-loaded .p-index_kv__heading {
    translate: 0 -50%;
    --skew: 0;
    opacity: 1;
  }
  .p-index_kv__bg {
    filter: blur(30px);
    opacity: 0;
    transition: 0.6s ease;
    translate: 0 -2.5%;
    position: relative;
    block-size: 65vh;
    inline-size: 100%;
    margin-top: var(--header-height);
  }
  @media (max-width: 743px) {
    .p-index_kv__bg {
      margin-top: 0;
      block-size: 68vh;
    }
  }
  .is-start.is-loaded .p-index_kv__bg {
    filter: blur(0);
    opacity: 1;
  }
  .p-index_kv__bg__left {
    display: grid;
    grid-template-columns: auto auto;
    align-items: center;
    gap: min(1.1428571429vw + 9.7142857143px, 28px);
    height: 100%;
    overflow: hidden;
  }
  @media (max-width: 743px) {
    .p-index_kv__bg__left {
      grid-template-columns: auto;
    }
  }
  .p-index_kv__bg__left .lead {
    width: min(0.5714285714vw + 4.8571428571px, 14px);
    translate: 0 -50%;
  }
  @media (max-width: 743px) {
    .p-index_kv__bg__left .lead {
      display: none;
    }
  }
  .p-index_kv__bg__right {
    height: 100%;
    overflow: hidden;
  }
  .p-index_kv__main {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -40%);
    opacity: 0;
    transition: opacity 0.4s ease 0.4s, transform 1.6s var(--ease-out-expo2) 0.4s;
    width: min(25.306122449vw + 355.1020408163px, 760px);
  }
  @media (max-width: 743px) {
    .p-index_kv__main {
      width: 130%;
      top: 43%;
    }
  }
  .p-index_kv__main img {
    width: 100%;
  }
  .is-start.is-loaded .p-index_kv__main {
    transform: translate(-50%, -50%);
    opacity: 1;
  }
  .p-index_kv__copy {
    position: absolute;
    right: 5%;
    top: 45%;
    transform: translateY(-50%);
  }
  @media (max-width: 743px) {
    .p-index_kv__copy {
      display: inline-flex;
      flex-direction: row-reverse;
      align-items: flex-start;
      top: 28%;
      right: 4%;
    }
  }
  .p-index_kv__copy > span {
    display: inline-block;
    font-size: min(1.6326530612vw + 0.7423469388rem, 2.375rem);
    font-weight: 900;
    background-color: var(--color-white-00);
    padding: 0.2em;
    line-height: 1;
    margin-block-end: 0.2em;
    position: relative;
    opacity: 0;
    transform: translateY(1em);
    white-space: nowrap;
  }
  @media (max-width: 743px) {
    .p-index_kv__copy > span {
      writing-mode: vertical-rl;
    }
    .p-index_kv__copy > span > .number {
      text-combine-upright: all;
    }
    .p-index_kv__copy > span:last-of-type {
      top: 1em;
    }
  }
  .p-index_kv__copy > span:nth-of-type(1) {
    transition: 0.3s ease 0.7s;
  }
  .p-index_kv__copy > span:nth-of-type(1)::before {
    transition-delay: 0.9s;
  }
  .p-index_kv__copy > span:nth-of-type(2) {
    transition: 0.3s ease 0.8s;
  }
  .p-index_kv__copy > span:nth-of-type(2)::before {
    transition-delay: 1s;
  }
  .p-index_kv__copy > span::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    background-color: var(--color-white-00);
    transition: 0.6s;
  }
  .is-start.is-loaded .p-index_kv__copy > span {
    opacity: 1;
    transform: translateY(0);
  }
  .is-start.is-loaded .p-index_kv__copy > span::before {
    right: 0;
    left: auto;
    width: 0;
  }
  @media (max-width: 743px) {
    .is-start.is-loaded .p-index_kv__copy > span::before {
      width: 100%;
      right: auto;
      height: 0%;
      bottom: 0;
      top: auto;
    }
  }
  .p-index_kv__info {
    position: absolute;
    left: 0;
    bottom: 10%;
  }
  @media (max-width: 743px) {
    .p-index_kv__info {
      bottom: auto;
      top: 68%;
      left: 3%;
    }
  }
  .p-index_kv__info__heading {
    font-weight: 900;
  }
  .p-index_kv__info__heading .copy03 {
    font-size: min(0.4897959184vw + 0.6977040816rem, 1.1875rem);
    background-color: var(--color-green-100);
    display: inline-block;
    padding: 0.2em 0.4em;
    margin-block-end: 7px;
    position: relative;
    white-space: nowrap;
    opacity: 0;
    transform: translateY(1em);
    transition: 0.3s ease 1s;
  }
  .p-index_kv__info__heading .copy03::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    background-color: var(--color-green-100);
    transition: 0.4s;
    transition-delay: 1.1s;
  }
  .is-start.is-loaded .p-index_kv__info__heading .copy03 {
    opacity: 1;
    transform: translateY(0);
  }
  .is-start.is-loaded .p-index_kv__info__heading .copy03::before {
    right: 0;
    left: auto;
    width: 0;
  }
  .p-index_kv__info__heading .copy02 {
    font-size: min(0.4897959184vw + 1.5102040816rem, 2rem);
    background-color: var(--color-black-100);
    color: var(--color-white-00);
    display: inline-block;
    padding: 0.2em 0.4em;
    margin-block-end: 7px;
    opacity: 0;
    transform: translateY(1em);
    transition: 0.3s ease 1s;
    white-space: nowrap;
  }
  .p-index_kv__info__heading .copy02::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    background-color: var(--color-black-100);
    transition: 0.4s;
    transition-delay: 1.2s;
  }
  .is-start.is-loaded .p-index_kv__info__heading .copy02 {
    opacity: 1;
    transform: translateY(0);
  }
  .is-start.is-loaded .p-index_kv__info__heading .copy02::before {
    right: 0;
    left: auto;
    width: 0;
  }
  .p-index_kv__info__heading .copy01 {
    font-size: min(0.6530612245vw + 0.8469387755rem, 1.5rem);
    background-color: var(--color-black-100);
    color: var(--color-white-00);
    display: inline-block;
    padding: 0.2em 0.4em;
    margin-block-end: 7px;
    opacity: 0;
    transform: translateY(1em);
    transition: 0.3s ease 1s;
    white-space: nowrap;
  }
  .p-index_kv__info__heading .copy01::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    background-color: var(--color-black-100);
    transition: 0.4s;
    transition-delay: 1.3s;
  }
  .is-start.is-loaded .p-index_kv__info__heading .copy01 {
    opacity: 1;
    transform: translateY(0);
  }
  .is-start.is-loaded .p-index_kv__info__heading .copy01::before {
    right: 0;
    left: auto;
    width: 0;
  }
  .p-index_kv__info__course li span {
    font-size: min(0.4897959184vw + 0.6352040816rem, 1.125rem);
    font-weight: 700;
    padding: 0.2em 0.3em;
    background-color: var(--color-white-00);
    display: inline-block;
    opacity: 0;
    transform: translateY(1em);
    transition: 0.3s ease 1s;
  }
  .p-index_kv__info__course li span::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    background-color: var(--color-white-00);
    transition: 0.4s;
    transition-delay: 1.4s;
  }
  .is-start.is-loaded .p-index_kv__info__course li span {
    opacity: 1;
    transform: translateY(0);
  }
  .is-start.is-loaded .p-index_kv__info__course li span::before {
    right: 0;
    left: auto;
    width: 0;
  }
  .p-index_kv__cta {
    position: absolute;
    bottom: 8%;
    right: 6%;
    z-index: 3;
    opacity: 0;
    transform: translateX(100%);
    transition: 0.4s opacity ease 1.7s, 1.6s transform var(--ease-out-expo2) 1.7s;
  }
  .is-start.is-loaded .p-index_kv__cta {
    opacity: 1;
    transform: translateX(0%);
  }
  @media (max-width: 743px) {
    .p-index_kv__cta {
      display: none;
    }
  }
  .p-index_kv__cta a {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: min(4.0816326531vw + 164.693877551px, 230px);
    height: min(4.0816326531vw + 164.693877551px, 230px);
    border-radius: calc(infinity * 1px);
    aspect-ratio: 1;
    background-color: var(--color-black-100);
    position: relative;
    transition: var(--dur);
  }
  .p-index_kv__cta a::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    background: linear-gradient(135deg, #00AB84 0%, #00AB84 12%, #218F89 28%, #526791 50%, #714F96 70%, #7D4698 88%, #EC6D7B 100%);
    width: 100%;
    height: 100%;
    border-radius: calc(infinity * 1px);
    transition: var(--dur);
    opacity: 0;
  }
  .p-index_kv__cta a .check {
    position: absolute;
    z-index: 2;
    left: 50%;
    top: 50%;
    width: min(2.9387755102vw + 158.9795918367px, 206px);
    height: min(2.9387755102vw + 158.9795918367px, 206px);
    transform-origin: center center;
    transform: translateX(-50%) translateY(-50%);
    transition: var(--dur);
  }
  .p-index_kv__cta a .check span {
    display: block;
    animation: rotate 20s linear infinite;
  }
  .p-index_kv__cta a .text {
    line-height: 1.4;
    position: relative;
    z-index: 2;
  }
  .p-index_kv__cta a .c-icon {
    position: relative;
    z-index: 2;
    width: 1em;
    height: 1em;
    color: var(--color-gray-50);
  }
  @media (any-hover: hover) {
    .p-index_kv__cta a:hover {
      transform: translateY(-1em);
    }
    .p-index_kv__cta a:hover::before {
      opacity: 1;
    }
    .p-index_kv__cta a:hover .check {
      transform: translateX(-50%) translateY(-50%) scale(1.3);
    }
    .p-index_kv__cta a:hover .c-icon .arrow-left {
      animation: blink-left 0.8s ease-in-out infinite;
    }
    .p-index_kv__cta a:hover .c-icon .arrow-right {
      animation: blink-right 0.8s ease-in-out infinite;
    }
  }
}
@layer components {
  .p-index_about {
    padding-block: min(1.6326530612vw + 43.8775510204px, 70px) min(4.0816326531vw + 64.693877551px, 130px);
    position: relative;
  }
  .p-index_about__gallery .image-item {
    position: absolute;
    width: min(9.2244897959vw + 77.4081632653px, 225px);
  }
  .p-index_about__gallery .image-item:nth-of-type(1) {
    bottom: 35%;
    left: 2%;
  }
  .p-index_about__gallery .image-item:nth-of-type(2) {
    bottom: 25%;
    left: 10%;
  }
  .p-index_about__gallery .image-item:nth-of-type(3) {
    bottom: 5%;
    left: 5%;
  }
  .p-index_about__gallery .image-item:nth-of-type(4) {
    bottom: 30%;
    right: 1%;
  }
  .p-index_about__gallery .image-item:nth-of-type(5) {
    bottom: 15%;
    right: 5%;
  }
  @media (max-width: 743px) {
    .p-index_about__gallery .swiper-slide {
      width: 100%;
    }
    .p-index_about__gallery .swiper-slide img {
      width: 100%;
    }
  }
  @media (max-width: 743px) {
    .p-index_about__logo {
      width: 60%;
    }
  }
}
@layer components {
  .p-index_gallery {
    /* 画像グリッドセクション */
    /* 画像セクションのラッパー(スティッキーの範囲を制限) */
    /* 1番目の黒長方形(動く) */
    /* 2番目の黒長方形(台) */
    /* 緑の長方形 */
    /* オレンジの長方形 */
    /* メインコンテンツ */
  }
  .p-index_gallery__copy {
    margin-right: min(1.6326530612vw + 13.8775510204px, 40px);
  }
  .p-index_gallery__copy__text {
    white-space: nowrap;
  }
  @media (max-width: 743px) {
    .p-index_gallery__copy__text {
      display: none;
    }
  }
  .p-index_gallery__copy__skateboard {
    width: 100%;
  }
  .p-index_gallery__copy__skateboard img {
    width: 100%;
  }
  .p-index_gallery .background-animation {
    position: sticky;
    top: 0;
    width: 100%;
    height: 100vh;
    z-index: 0;
    pointer-events: none;
  }
  @media (max-width: 743px) {
    .p-index_gallery .background-animation {
      position: relative;
      display: flex;
      align-items: flex-end;
      height: 80vh;
      z-index: 4;
    }
  }
  .p-index_gallery .image-section {
    position: sticky;
    top: 50%;
    transform: translateY(-50%);
    height: 70vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    z-index: 3;
    margin-top: -70vh;
  }
  @media (max-width: 743px) {
    .p-index_gallery .image-section {
      position: relative;
      top: 0;
      height: 50vh;
      margin-top: -50vh;
    }
  }
  .p-index_gallery .sticky-wrapper {
    position: relative;
    height: 100vh; /* スティッキーが効く範囲 */
  }
  @media (max-width: 743px) {
    .p-index_gallery .sticky-wrapper {
      height: 80vh;
    }
  }
  .p-index_gallery .rectangle {
    position: absolute;
  }
  @media (max-width: 743px) {
    .p-index_gallery .rectangle {
      bottom: 0;
      top: auto;
    }
  }
  .p-index_gallery .black-rectangle-1 {
    width: min(16.3265306122vw + 68.7755102041px, 330px);
    aspect-ratio: 330/80;
    top: 10vw;
    left: -23vw;
    transform: rotate(-20deg);
    z-index: 2;
  }
  @media (max-width: 743px) {
    .p-index_gallery .black-rectangle-1 {
      bottom: auto;
      top: 65%;
      left: -30vw;
    }
  }
  .p-index_gallery .black-rectangle-1 img {
    width: 100%;
    height: 100%;
    object-fit: contain;
  }
  .p-index_gallery .black-rectangle-2 {
    width: min(16.3265306122vw + 68.7755102041px, 330px);
    aspect-ratio: 330/80;
    top: 8vw;
    left: 12.5vw;
    z-index: 1;
  }
  @media (max-width: 743px) {
    .p-index_gallery .black-rectangle-2 {
      bottom: auto;
      top: 67%;
      left: 4vw;
    }
  }
  .p-index_gallery .black-rectangle-2 img {
    width: 100%;
    height: 100%;
    object-fit: contain;
  }
  .p-index_gallery .green-rectangle {
    width: min(16.3265306122vw + 68.7755102041px, 330px);
    aspect-ratio: 330/80;
    background-color: var(--color-green-60);
    bottom: 40%;
    right: -5%;
    z-index: 3;
  }
  @media (max-width: 743px) {
    .p-index_gallery .green-rectangle {
      bottom: 12%;
    }
  }
  .p-index_gallery .orange-rectangle {
    width: min(16.3265306122vw + 68.7755102041px, 330px);
    aspect-ratio: 330/80;
    background-color: var(--color-orange-90);
    bottom: 30%;
    right: 10%;
    z-index: 2;
  }
  @media (max-width: 743px) {
    .p-index_gallery .orange-rectangle {
      bottom: 5%;
    }
  }
  .p-index_gallery .main-content {
    position: relative;
    z-index: 2;
  }
  .p-index_gallery .image-row {
    display: flex;
    margin-bottom: 1vw;
    width: max-content;
    gap: calc(2px + 100px * var(--scroll-progress));
  }
  .p-index_gallery .image-item {
    width: 12.5vw;
    height: 12.5vw;
    flex-shrink: 0;
  }
  @media (max-width: 743px) {
    .p-index_gallery .image-item {
      width: 40vw;
      height: 40vw;
    }
  }
  .p-index_gallery .image-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
}
@layer components {
  .p-index_movie__block {
    padding-block-start: max(-6.5306122449vw + 264.4897959184px, 160px);
    padding-block-end: min(7.4197462769vw + 41.2840595698px, 160px);
    clip-path: inset(0);
    min-block-size: 100lvh;
  }
  .p-index_movie__block::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    inline-size: 100%;
    mix-blend-mode: multiply;
    pointer-events: none;
    z-index: 1;
  }
  .p-index_movie__block video {
    position: fixed;
    top: 0;
    left: 0;
    inline-size: 100%;
    object-fit: cover;
    block-size: 100lvh;
    object-position: 37.5% 85%;
  }
}
@layer components {
  .p-index_why {
    padding-block: min(6.9387755102vw + 73.9795918367px, 185px);
  }
  .p-index_why__graph {
    width: 100%;
  }
  @media (max-width: 743px) {
    .p-index_why__graph {
      width: 110%;
    }
  }
  .p-index_why__graph .graph-svg {
    width: 100%;
    height: auto;
  }
  .p-index_why__graph .graph-svg circle,
  .p-index_why__graph .graph-svg line,
  .p-index_why__graph .graph-svg path:last-of-type {
    opacity: 0;
  }
  .p-index_why__graph .graph-svg line:nth-of-type(2) {
    stroke-dasharray: 775;
    stroke-dashoffset: -775;
    opacity: 1;
  }
  .p-index_why__graph .graph-svg line:nth-of-type(1) {
    stroke-dasharray: 387;
    stroke-dashoffset: -387;
    opacity: 1;
  }
  .p-index_why__graph .graph-svg circle {
    transition: opacity 0.2s ease;
  }
  .p-index_why__graph .graph-svg path:last-of-type {
    stroke-dasharray: 1500;
    stroke-dashoffset: 1500;
    opacity: 1;
    transition: none;
  }
  .p-index_why__graph.is-act .graph-svg line:nth-of-type(2) {
    stroke-dashoffset: 0;
    transition: stroke-dashoffset 0.4s ease 0s;
  }
  .p-index_why__graph.is-act .graph-svg line:nth-of-type(1) {
    stroke-dashoffset: 0;
    transition: stroke-dashoffset 0.4s ease 0s;
  }
  .p-index_why__graph.is-act .graph-svg circle:nth-of-type(1) {
    opacity: 1;
    transition-delay: 0.4s;
  }
  .p-index_why__graph.is-act .graph-svg circle:nth-of-type(2) {
    opacity: 1;
    transition-delay: 0.7s;
  }
  .p-index_why__graph.is-act .graph-svg circle:nth-of-type(3) {
    opacity: 1;
    transition-delay: 1.1s;
  }
  .p-index_why__graph.is-act .graph-svg circle:nth-of-type(4) {
    opacity: 1;
    transition-delay: 1.5s;
  }
  .p-index_why__graph.is-act .graph-svg circle:nth-of-type(5) {
    opacity: 1;
    transition-delay: 1.9s;
  }
  .p-index_why__graph.is-act .graph-svg circle:nth-of-type(6) {
    opacity: 1;
    transition-delay: 2.3s;
  }
}
@layer components {
  .p-index_wschool {
    padding-block: min(6.5442176871vw + 45.2925170068px, 150px) min(2.2585034014vw + 23.8639455782px, 60px);
    background-color: var(--color-black-100);
  }
  @media (max-width: 743px) {
    .p-index_wschool__heading {
      margin-bottom: -5%;
    }
  }
  @media (min-width: 744px) {
    .p-index_wschool__point.swiper {
      overflow: visible;
    }
    .p-index_wschool__point .swiper-wrapper {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 1.75rem;
      transform: none !important;
    }
    .p-index_wschool__point .swiper-slide {
      width: auto;
    }
  }
  @media (max-width: 743px) {
    .p-index_wschool__point.swiper {
      overflow: visible;
      margin-inline: calc(50% - 50vw);
      padding-inline: 20px;
    }
    .p-index_wschool__point .swiper-slide {
      width: calc((100vw - 20px) / 1.5);
      height: auto;
      margin-right: 16px;
    }
    .p-index_wschool__point .swiper-slide:last-child {
      margin-right: 0;
    }
  }
  .p-index_wschool__point-item__title {
    display: grid;
    align-items: center;
    grid-template-columns: 1em auto;
  }
  .p-index_wschool__point-item__title::before {
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    background-color: var(--color-purple-100);
  }
  .p-index_wschool__school {
    position: relative;
    display: flex;
    justify-content: center;
  }
  @media (max-width: 743px) {
    .p-index_wschool__school {
      flex-direction: column;
      align-items: center;
    }
  }
  .p-index_wschool__school-main {
    position: relative;
    width: min(20.4081632653vw + 173.4693877551px, 500px);
    z-index: 2;
  }
  @media (max-width: 743px) {
    .p-index_wschool__school-main {
      width: 80%;
    }
  }
  .p-index_wschool__school-main .circle {
    position: absolute;
    width: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(-360deg);
  }
  .p-index_wschool__school-main.-left {
    margin-right: -3%;
    z-index: 3;
    opacity: 0;
    transform: translateX(-30%);
    transition: opacity 0.5s ease, transform 1s var(--ease-out-circ);
  }
  .p-index_wschool__school-main.-left .circle {
    transition: transform 2s var(--ease-out-circ) 0.2s;
  }
  @media (max-width: 743px) {
    .p-index_wschool__school-main.-left {
      margin-right: 0;
      margin-bottom: -3%;
      transform: translateY(-30%);
    }
  }
  .p-index_wschool__school-main.-right {
    margin-left: -3%;
    opacity: 0;
    transform: translateX(30%);
    transition: opacity 0.5s ease 0.3s, transform 1s var(--ease-out-circ) 0.3s;
  }
  .p-index_wschool__school-main.-right .circle {
    transition: transform 2s var(--ease-out-circ) 0.5s;
  }
  @media (max-width: 743px) {
    .p-index_wschool__school-main.-right {
      margin-left: 0;
      margin-top: -3%;
      transform: translateY(30%);
      transition: opacity 0.5s ease 0.1s, transform 1s var(--ease-out-circ) 0.1s;
    }
  }
  .p-index_wschool__school-main.is-act.-left {
    opacity: 1;
    transform: translateX(0%);
  }
  @media (max-width: 743px) {
    .p-index_wschool__school-main.is-act.-left {
      transform: translateY(0%);
    }
    .p-index_wschool__school-main.is-act.-left .circle {
      transform: translate(-50%, -50%) rotate(90deg);
    }
  }
  .p-index_wschool__school-main.is-act.-right {
    opacity: 1;
    transform: translateX(0%);
  }
  @media (max-width: 743px) {
    .p-index_wschool__school-main.is-act.-right {
      transform: translateY(0%);
    }
    .p-index_wschool__school-main.is-act.-right .circle {
      transform: translate(-50%, -50%) rotate(90deg);
    }
  }
  .p-index_wschool__school-main.is-act .circle {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  .p-index_wschool__school-left {
    position: absolute;
    width: min(17.1428571429vw + 145.7142857143px, 420px);
    left: -12%;
    top: -50%;
    z-index: 1;
  }
  @media (max-width: 743px) {
    .p-index_wschool__school-left {
      top: -10%;
      left: -15%;
    }
  }
  .p-index_wschool__school-left__penki {
    position: absolute;
    width: min(27.5102040816vw + 233.8367346939px, 674px);
    left: -30%;
    top: -20%;
  }
  .p-index_wschool__school-right {
    position: absolute;
    width: min(16.6530612245vw + 141.5510204082px, 408px);
    right: -12%;
    top: -20%;
    z-index: 1;
  }
  @media (max-width: 743px) {
    .p-index_wschool__school-right {
      top: 40%;
      right: -12%;
    }
  }
  .p-index_wschool__school-right__penki {
    position: absolute;
    width: min(21.2244897959vw + 179.4081632653px, 519px);
    right: -28%;
    top: -50%;
  }
  @media (max-width: 743px) {
    .p-index_wschool__school-right__penki {
      top: 20%;
      right: -28%;
    }
  }
}
@layer components {
  .p-index_what {
    padding-block: min(9.4013605442vw + 59.5782312925px, 210px) min(6.5442176871vw + 45.2925170068px, 150px);
    background-color: var(--color-black-100);
    position: relative;
  }
  @media (max-width: 743px) {
    .p-index_what__heading {
      margin-bottom: -5%;
    }
  }
  .p-index_what__skill {
    position: absolute;
    right: -15%;
    top: 10%;
    width: 40%;
    transform: rotate(-180deg);
    transform-origin: center;
    transition: opacity 0.4s ease, transform 1.3s var(--ease-out-expo);
    opacity: 0;
  }
  @media (max-width: 743px) {
    .p-index_what__skill {
      width: 60%;
    }
  }
  .p-index_what__skill.is-act {
    transform: rotate(360deg);
    opacity: 1;
  }
  .p-index_what__list {
    gap: min(2.4489795918vw + 20.8163265306px, 60px);
  }
  @media (max-width: 743px) {
    .p-index_what__list {
      gap: min(0.8163265306vw + 6.9387755102px, 20px);
    }
  }
  .p-index_what__list-item {
    display: grid;
    grid-template-columns: 145px auto;
    gap: min(1.2244897959vw + 10.4081632653px, 30px);
  }
  .p-index_what__list-item__title {
    position: relative;
    border-bottom: 1px solid var(--color-white-00);
    padding-block-end: 1em;
    margin-bottom: 1em;
  }
  .p-index_what__list-item__title::before {
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    border-radius: 999px;
    background-color: var(--color-white-00);
    position: absolute;
    right: -5px;
    bottom: -5px;
  }
  .p-index_what__list-item__title .en {
    text-transform: uppercase;
    color: var(--color-green-100);
    font-family: var(--font-en);
  }
  .p-index_what__info {
    width: 100%;
  }
  .p-index_what__info img {
    width: 100%;
  }
  .p-index_what__info__item {
    grid-template-columns: 145px auto;
    gap: 1em;
  }
}
@layer components {
  .p-index_campus {
    padding-block: min(6.5442176871vw + 45.2925170068px, 150px) min(2.2585034014vw + 23.8639455782px, 60px);
    background-color: var(--color-black-100);
    position: relative;
  }
  .p-index_campus__penki01 {
    position: absolute;
    top: -5%;
    right: 0;
    width: min(36.4897959184vw + 311.1632653061px, 895px);
  }
  @media (max-width: 743px) {
    .p-index_campus__penki01 {
      display: none;
    }
  }
  .p-index_campus__penki02 {
    position: absolute;
    top: 55%;
    left: -15%;
    width: min(36.4897959184vw + 311.1632653061px, 895px);
    opacity: 0.3;
  }
  @media (max-width: 743px) {
    .p-index_campus__penki02 {
      display: none;
    }
  }
  .p-index_campus__item {
    margin-bottom: min(4.1632653061vw + 33.387755102px, 100px);
  }
  .p-index_campus__item:last-child {
    margin-bottom: 0;
  }
  .p-index_campus__item__body {
    gap: min(0.8299319728vw + 16.7210884354px, 30px);
  }
  .p-index_campus__item__pic {
    position: relative;
  }
  .p-index_campus__item__pic .logo {
    position: absolute;
    bottom: 4%;
    left: 2%;
  }
  .-ariake .p-index_campus__item__pic .logo {
    width: min(8.1632653061vw + 69.387755102px, 200px);
  }
  .-miyashita .p-index_campus__item__pic .logo {
    width: min(5.8775510204vw + 50.9591836735px, 145px);
  }
  .p-index_campus__item__pic .en {
    position: absolute;
    bottom: -10%;
    left: 45%;
    width: min(23.4285714286vw + 200.1428571429px, 575px);
  }
  @media (max-width: 743px) {
    .p-index_campus__item__pic .en {
      left: 45%;
    }
  }
  .p-index_campus__item__lead {
    background-color: var(--color-purple-100);
    display: inline-block;
    padding: 0.1em 0.5em;
    white-space: pre-wrap;
    word-break: keep-all;
  }
}
@layer components {
  .p-index_to-be {
    padding-block: min(6.5306122449vw + 75.5102040816px, 180px) 0;
  }
  @media (max-width: 743px) {
    .p-index_to-be__heading {
      margin-bottom: -8%;
    }
  }
  .p-index_to-be__block {
    margin-top: min(1.6326530612vw + 73.8775510204px, 100px);
  }
  .p-index_to-be__block__heading {
    bottom: -10px;
  }
  @media (max-width: 743px) {
    .p-index_to-be__block__heading {
      bottom: -3px;
    }
  }
  .p-index_to-be__block__main {
    position: relative;
  }
  .p-index_to-be__block__main .heading {
    background-size: cover;
    background-position: top center;
    width: 100%;
    display: block;
    padding-block: min(17.1428571429vw + 145.7142857143px, 420px) min(11.4285714286vw + 57.1428571429px, 240px);
  }
  .p-index_to-be__block.-prayer .p-index_to-be__block__main .heading {
    background-image: url(../../img/index/prayer.webp);
  }
  @media (max-width: 743px) {
    .p-index_to-be__block.-prayer .p-index_to-be__block__main .heading {
      background-image: url(../../img/index/prayer_sp.webp);
    }
  }
  .p-index_to-be__block.-prayer .p-index_to-be__block__main .course span {
    background-color: var(--color-green-100);
  }
  .p-index_to-be__block.-prayer .p-index_to-be__block__main .course_info__title .c-icon {
    color: var(--color-green-100);
  }
  .p-index_to-be__block.-creator .p-index_to-be__block__main .heading {
    background-image: url(../../img/index/creator.webp);
  }
  @media (max-width: 743px) {
    .p-index_to-be__block.-creator .p-index_to-be__block__main .heading {
      background-image: url(../../img/index/creator_sp.webp);
    }
  }
  .p-index_to-be__block.-creator .p-index_to-be__block__main .course span {
    background-color: var(--color-purple-100);
  }
  .p-index_to-be__block.-creator .p-index_to-be__block__main .course_info__title .c-icon {
    color: var(--color-purple-100);
  }
  .p-index_to-be__block .lead {
    line-height: 1;
  }
  .p-index_to-be__block .lead span {
    background-color: var(--color-black-100);
    color: var(--color-white-00);
    padding: 0.2em 0.3em;
    display: inline-block;
    margin-bottom: 7px;
  }
  .p-index_to-be__block .course {
    line-height: 1.4;
  }
  .p-index_to-be__block .course span {
    padding: 0.2em 0.3em;
    display: inline-block;
    color: var(--color-white-00);
  }
  .p-index_to-be__block .course span small {
    margin-right: 0.5em;
  }
  @media (max-width: 743px) {
    .p-index_to-be__block .course span {
      font-size: min(0.1632653061vw + 0.8367346939rem, 1rem);
    }
    .p-index_to-be__block .course span small {
      font-size: min(0vw + 0.75rem, 0.75rem);
    }
  }
  .p-index_to-be__block .course_info {
    margin-top: max(-4.0816326531vw + -64.693877551px, -130px);
    padding: min(3.2653061224vw + 27.7551020408px, 80px) min(4.8979591837vw + 1.6326530612px, 80px);
    background-color: var(--color-gray-10);
  }
  .p-index_to-be__block .course_info__title {
    display: flex;
    gap: 1em;
    align-items: center;
    position: relative;
    padding-bottom: 1em;
    margin-bottom: 2em;
  }
  @media (max-width: 743px) {
    .p-index_to-be__block .course_info__title {
      margin-bottom: 1.5em;
    }
  }
  .p-index_to-be__block .course_info__title::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: var(--color-gray-50);
    width: 0%;
    height: 1px;
    transition: 1s ease 0.3s;
  }
  .p-index_to-be__block .course_info__title .c-icon .arrow-left {
    opacity: 0;
    transform: translateX(-1em);
    transition: var(--dur) ease 0.4s;
  }
  .p-index_to-be__block .course_info__title .c-icon .arrow-right {
    opacity: 0;
    transform: translateX(-1em);
    transition: var(--dur) ease 0.5s;
  }
  .p-index_to-be__block .course_info__title .c-title-md {
    opacity: 0;
    transition: var(--dur) ease 0.8s;
  }
  .p-index_to-be__block .course_info__title.is-act::before {
    width: 100%;
  }
  .p-index_to-be__block .course_info__title.is-act .c-title-md {
    opacity: 1;
  }
  .p-index_to-be__block .course_info__title.is-act .c-icon .arrow-left,
  .p-index_to-be__block .course_info__title.is-act .c-icon .arrow-right {
    opacity: 1;
    transform: translateX(0);
  }
  .p-index_to-be__block .course_info__list {
    background-color: var(--color-white-00);
    border-radius: 8px;
    padding: min(0.6530612245vw + 17.5510204082px, 28px) min(1.1428571429vw + 15.7142857143px, 34px);
    display: flex;
    flex-wrap: wrap;
    gap: 1em;
  }
  @media (max-width: 743px) {
    .p-index_to-be__block .course_info__list {
      gap: 0.5em;
      flex-direction: column;
      align-items: flex-start;
    }
  }
  .p-index_to-be__block .course_info__list > li {
    padding-left: 1em;
    position: relative;
  }
  @media (max-width: 743px) {
    .p-index_to-be__block .course_info__list > li {
      white-space: nowrap;
    }
  }
  .p-index_to-be__block .course_info__list > li::before {
    content: "・";
    position: absolute;
    top: 0em;
    left: 0;
  }
  .p-index_to-be__block .course_info__table {
    display: flex;
    flex-direction: column;
    gap: 1em;
  }
  .p-index_to-be__block .course_info__table-year {
    display: flex;
  }
  .p-index_to-be__block .course_info__table-year-label {
    flex-shrink: 0;
    background-color: var(--color-black-100);
    color: var(--color-white-00);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 1em 1em;
    gap: 6px;
    border-radius: 8px;
  }
  .p-index_to-be__block .course_info__table-year-number {
    font-size: min(0.3265306122vw + 1.1734693878rem, 1.5rem);
    font-weight: 700;
    font-family: var(--font-en);
    line-height: 1;
  }
  .p-index_to-be__block .course_info__table-year-text {
    font-size: min(0.3265306122vw + 0.6734693878rem, 1rem);
    font-weight: 700;
    line-height: 1;
    writing-mode: vertical-rl;
    letter-spacing: 0.1em;
  }
  .p-index_to-be__block .course_info__table-year-content {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding-left: 1em;
  }
  .p-index_to-be__block .course_info__table-intro {
    padding-left: 1em;
    margin-block-end: 0.5em;
    font-size: min(0.4081632653vw + 0.7168367347rem, 1.125rem);
    font-weight: 700;
    line-height: 1.6;
  }
  .p-index_to-be__block .course_info__table-intro p {
    margin: 0;
    font-size: min(0.3265306122vw + 0.6734693878rem, 1rem);
    line-height: 1.6;
  }
  .p-index_to-be__block .course_info__table-row {
    display: flex;
    border-radius: 8px;
    overflow: hidden;
  }
  @media (max-width: 743px) {
    .p-index_to-be__block .course_info__table-row {
      flex-direction: column;
      width: 100%;
    }
  }
  .p-index_to-be__block .course_info__table-category {
    flex-shrink: 0;
    width: 120px;
    background-color: var(--color-white-00);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 28px 16px;
    gap: 2px;
    position: relative;
  }
  @media (max-width: 743px) {
    .p-index_to-be__block .course_info__table-category {
      width: 100%;
      padding: 1em;
      align-items: flex-start;
    }
  }
  .p-index_to-be__block .course_info__table-category::before {
    content: "";
    width: 1px;
    height: calc(100% - 56px);
    background-color: var(--color-gray-50);
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
  }
  @media (max-width: 743px) {
    .p-index_to-be__block .course_info__table-category::before {
      width: calc(100% - 2em);
      height: 1px;
      top: 100%;
      right: 50%;
      transform: translateX(50%);
    }
  }
  .p-index_to-be__block .course_info__table-category span {
    font-size: min(0.3265306122vw + 0.6734693878rem, 1rem);
    font-weight: 700;
    line-height: 1.6;
  }
  .p-index_to-be__block .course_info__table-detail {
    flex: 1;
    padding: 28px 36px;
    background-color: #fff;
  }
  @media (max-width: 743px) {
    .p-index_to-be__block .course_info__table-detail {
      padding: 1em;
    }
  }
  .p-index_to-be__block .course_info__table-title {
    margin-block-end: 0.5em;
    font-size: min(0.4897959184vw + 0.6352040816rem, 1.125rem);
    font-weight: 700;
    line-height: 1.6;
  }
  .p-index_to-be__block .course_info__table-description {
    margin: 0;
    font-size: min(0.3265306122vw + 0.6734693878rem, 1rem);
    line-height: 1.6;
  }
}
@layer components {
  .p-index_support {
    padding-block: min(6.5306122449vw + 75.5102040816px, 180px) 0;
  }
  .p-index_support__heading {
    margin-top: -2em;
    position: relative;
    z-index: 1;
  }
  .p-index_support__system {
    overflow-x: auto;
  }
  .p-index_support__system__image {
    min-width: 1000px;
  }
  .p-index_support__card__title {
    padding-block: 0.5em;
    margin-bottom: 0.5em;
    border-bottom: 1px solid var(--color-gray-50);
    display: grid;
    align-items: center;
    grid-template-columns: 1em auto;
  }
  .p-index_support__card__title::before {
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    background-color: var(--color-purple-100);
  }
}
@layer components {
  .p-index_faq {
    padding-block: min(6.5306122449vw + 75.5102040816px, 180px) 150px;
  }
  .p-index_faq__heading {
    margin-top: -2em;
    position: relative;
    z-index: 1;
  }
  .p-index_faq__list-item {
    padding: min(1.2244897959vw + 10.4081632653px, 30px) min(1.6326530612vw + 13.8775510204px, 40px);
  }
  @media (max-width: 743px) {
    .p-index_faq__list-item {
      padding: min(1.2244897959vw + 10.4081632653px, 30px) 0;
    }
  }
  .p-index_faq__list-item > dt {
    display: grid;
    grid-template-columns: 2.5em 1fr;
    font-weight: 700;
    font-size: min(0.1632653061vw + 0.9617346939rem, 1.125rem);
    border-bottom: 1px solid var(--color-gray-50);
    padding-block-end: 1em;
  }
  .p-index_faq__list-item > dt::before {
    content: "Q.";
    font-family: var(--font-line);
    color: var(--color-green-100);
    font-weight: 700;
    font-size: min(0.6530612245vw + 1.0969387755rem, 1.75rem);
    margin-top: -0.2em;
  }
  .p-index_faq__list-item > dd {
    display: grid;
    grid-template-columns: 2.5em 1fr;
    padding-block-start: 1em;
    line-height: 1.8;
  }
  .p-index_faq__list-item > dd::before {
    content: "A.";
    font-family: var(--font-line);
    color: var(--color-purple-100);
    font-weight: 700;
    font-size: min(0.6530612245vw + 1.0969387755rem, 1.75rem);
    margin-top: -0.2em;
  }
}
@layer components {
  .p-index_access {
    position: relative;
    padding-block: 0 min(7.3469387755vw + 52.4489795918px, 170px);
  }
  .p-index_access::before {
    content: "";
    position: absolute;
    left: 0;
    top: -130px;
    z-index: 2;
    background-image: url(../../img/index/paper_line.webp);
    background-size: 100% 100%;
    width: 100%;
    aspect-ratio: 1600/247;
  }
  .p-index_access__heading {
    width: min(53.387755102vw + 39.7959183673px, 894px);
    margin-left: auto;
  }
  @media (max-width: 743px) {
    .p-index_access__heading {
      margin-left: 0;
    }
  }
  .p-index_access__info {
    margin-top: min(3.2653061224vw + 27.7551020408px, 80px);
    grid-template-columns: 400px auto;
    grid-template-rows: auto 1fr;
  }
  @media (max-width: 743px) {
    .p-index_access__info {
      grid-template-columns: 1fr;
      grid-template-rows: auto;
    }
  }
  .p-index_access__info__title {
    grid-column: 1/2;
  }
  @media (max-width: 743px) {
    .p-index_access__info__title {
      order: 1;
    }
  }
  .p-index_access__info__text {
    grid-row: 2/3;
  }
  @media (max-width: 743px) {
    .p-index_access__info__text {
      grid-row: auto;
      order: 3;
    }
  }
  .p-index_access__info__map {
    width: 100%;
    aspect-ratio: 894/360;
    grid-column: 2/3;
    grid-row: 1/3;
  }
  @media (max-width: 743px) {
    .p-index_access__info__map {
      grid-column: 1/2;
      grid-row: auto;
      order: 2;
    }
  }
}

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