@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-pink-100: #EC6D7B;
    --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: #D5A1F3;
    --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, 0.8s transform var(--ease-out-cubic);
  }
  .-top .l-header {
    transition-delay: opacity 2.2s, transform 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: 999px;
    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);
  }
  @media (max-width: 743px) {
    .l-header__inner {
      padding-inline: min(1.2244897959vw + 10.4081632653px, 30px);
    }
    .is-act .l-header__inner {
      border-bottom: none;
    }
  }
  .l-header__logo {
    width: min(16.3265306122vw + 138.7755102041px, 400px);
  }
  .l-header__nav {
    display: flex;
    gap: 0.5em;
  }
  @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 a {
    display: block;
    color: var(--color-white-00);
    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 .roll-char {
      transform: translateY(-130%);
    }
  }
}
@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__gallery__obj01 {
    position: absolute;
    top: 10%;
    left: 0;
    width: min(15.2653061224vw + 128.7551020408px, 373px);
    z-index: 3;
  }
  .l-footer__gallery__obj02 {
    position: absolute;
    top: 5%;
    right: 0;
    width: min(15.0204081633vw + 127.6734693878px, 368px);
    z-index: 2;
  }
  .l-footer__title {
    padding-block: min(6.5306122449vw + 55.5102040816px, 160px) min(4.0816326531vw + 34.693877551px, 100px);
  }
  .l-footer__title__sub {
    width: min(17.4693877551vw + 148.4897959184px, 428px);
  }
  @media (max-width: 743px) {
    .l-footer__title__sub {
      width: 70%;
    }
  }
  .l-footer__title__main {
    display: block;
    margin-top: min(1.6326530612vw + 13.8775510204px, 40px);
    width: min(30.7755102041vw + 284.5918367347px, 777px);
  }
  @media (max-width: 743px) {
    .l-footer__title__main {
      width: 90%;
    }
  }
  .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 {
  .c-lower {
    padding-block: min(3.2653061224vw + 67.7551020408px, 120px);
    position: relative;
  }
  .c-lower .swiper {
    position: relative;
    z-index: 1;
  }
  .c-lower__title {
    top: -1em;
  }
  .c-lower::before {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-image: url(../../img/index/kv_bg.webp);
    background-size: cover;
    z-index: -1;
  }
  .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-black-100);
    transform: translateY(0%);
    transition: 0.6s ease;
  }
  .c-form_complete {
    padding-block: min(4.0816326531vw + 84.693877551px, 150px);
    text-align: center;
  }
  .c-table01 dl {
    border-bottom: 1px solid var(--color-gray-50);
    display: grid;
    grid-template-columns: auto 1fr;
  }
  @media (max-width: 743px) {
    .c-table01 dl {
      grid-template-columns: 1fr;
    }
  }
  .c-table01 dl > dt,
  .c-table01 dl > dd {
    padding: min(1.6326530612vw + 13.8775510204px, 40px);
  }
  .c-table01 dl > dt {
    width: 15em;
    background-color: var(--color-gray-10);
    font-weight: 400;
  }
  @media (max-width: 743px) {
    .c-table01 dl > dt {
      width: 100%;
    }
  }
  .c-table01 dl:first-child {
    border-top: 1px solid var(--color-gray-50);
  }
  .c-list > li {
    padding-left: 1em;
    position: relative;
  }
  .c-list > li::before {
    content: "";
    position: absolute;
    top: 0.6em;
    left: 0;
    width: 0.4em;
    height: 0.4em;
    border-radius: 100vmax;
    background-color: var(--color-green-100);
  }
}
@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 {
  .c-form {
    font-size: 1rem;
    padding: min(3.2653061224vw + 27.7551020408px, 80px);
    border-radius: min(0.4081632653vw + 3.4693877551px, 10px);
    background: var(--color-white-00);
    border: 1px solid var(--color-gray-50);
  }
  .c-form .formrun-system-show {
    font-size: 0.8125rem;
    color: #fc7777;
    font-weight: 700;
  }
  .c-form .formrun-system-show:not(:first-child) {
    margin-block-start: 0.5em;
  }
  .c-form__item:not(:last-child) {
    margin-block-end: 2rem;
  }
  .c-form__item-label {
    font-weight: 700;
    line-height: 1.6;
    letter-spacing: 0.025em;
    font-style: normal;
  }
  .c-form__item-label.text-left {
    margin-inline-start: -0.025em;
  }
  .c-form__item-label.text-center {
    padding-inline-start: 0.025em;
  }
  .c-form__item-label.-thin {
    line-height: 1.4;
  }
  .c-form__item-label.-thick {
    line-height: 1.8;
  }
  .c-form__item-label:not(:last-child) {
    margin-block-end: 1rem;
  }
  .c-form__item-label::after {
    content: "任意";
    font-size: 0.75rem;
    border-radius: 2px;
    padding-inline: 0.75em;
    line-height: 1;
    padding-block: 0.125em;
    border: 1px solid #d1d1d1;
    display: inline-block;
    margin-inline-start: 0.5em;
    translate: 0 -5%;
    background: #e7e7e7;
  }
  .c-form__item:has(:is([data-formrun-required], [type=radio])) .c-form__item-label::after {
    content: "必須";
    color: var(--color-white-00);
    background: #ee3a21;
    border-color: #ee3a21;
  }
  .c-form__item-input {
    line-height: 1.6;
    letter-spacing: 0.025em;
    font-style: normal;
  }
  .c-form__item-input.text-left {
    margin-inline-start: -0.025em;
  }
  .c-form__item-input.text-center {
    padding-inline-start: 0.025em;
  }
  .c-form__item-input.-thin {
    line-height: 1.4;
  }
  .c-form__item-input.-thick {
    line-height: 1.8;
  }
  .c-form__radio-group, .c-form__date-group {
    display: flex;
    flex-wrap: wrap;
    column-gap: 1rem;
    row-gap: min(0.1632653061vw + 13.387755102px, 16px);
  }
  .c-form__radio-btn, .c-form__checkbox, .c-form__date-btn {
    border-width: 2px;
    border-style: solid;
    font-size: 0.875rem;
    display: flex;
    align-items: center;
    padding-block: 0.625rem;
    cursor: pointer;
    column-gap: 0.625rem;
    padding-inline: 1.5rem;
    border-radius: calc(infinity * 1px);
    min-inline-size: 225px;
    transition: var(--dur) box-shadow ease, var(--dur) border-color ease, var(--dur) color ease, var(--dur) background-color ease, var(--dur) font-weight ease;
  }
  .c-form__radio-btn:not(:has(:checked)), .c-form__checkbox:not(:has(:checked)), .c-form__date-btn:not(:has(:checked)) {
    border-color: var(--color-line, #ececec);
    box-shadow: 0 4px 0 0 rgba(122, 122, 122, 0.3);
  }
  .c-form__radio-btn:has(:checked), .c-form__checkbox:has(:checked), .c-form__date-btn:has(:checked) {
    border-color: var(--color-green-100);
    color: var(--color-green-100);
    font-weight: 700;
    box-shadow: 0 0px 0 0 rgba(122, 122, 122, 0.3);
  }
  .c-form__radio-icon, .c-form__date-icon, .c-form__checkbox-icon {
    min-inline-size: 1.5rem;
    inline-size: 1.5rem;
    aspect-ratio: 1/1;
    background-color: var(--color-white-00);
    border-radius: 50%;
    position: relative;
    border: 1px solid #ccc;
    transition: var(--dur) border-color ease;
  }
  :checked + .c-form__radio-icon, :checked + .c-form__date-icon, :checked + .c-form__checkbox-icon {
    border-color: var(--color-green-100);
  }
  .c-form__date-icon::after, .c-form__radio-icon::after {
    content: "";
    position: absolute;
    inset: 3px;
    border-radius: 50%;
    background-color: var(--color-green-100);
    opacity: 0;
    transition: var(--dur) opacity ease;
  }
  :checked + .c-form__date-icon::after, :checked + .c-form__radio-icon::after {
    opacity: 1;
  }
  .c-form__checkbox-icon::after {
    content: "";
    position: absolute;
    transition: var(--dur) opacity ease;
    inline-size: 65%;
    block-size: 40%;
    border-left: 3px solid var(--color-green-100);
    border-bottom: 3px solid var(--color-green-100);
    transform: rotate(-45deg);
    top: 20%;
    opacity: 0;
    left: 13.75%;
  }
  :checked + .c-form__checkbox-icon::after {
    opacity: 1;
  }
  .c-form__input, .c-form__select, .c-form__textarea {
    inline-size: stretch;
    border: 1px solid;
    padding: 1rem;
    background: var(--color-white-00, #fff);
    border: 2px solid var(--color-line, #ececec);
    border-radius: 0.625rem;
  }
  .c-form__input ::placeholder {
    color: #bababa;
  }
  .c-form__input.-postal {
    inline-size: fit-content;
  }
  .c-form__select {
    appearance: none;
    padding-inline-end: calc(1rem * 3);
  }
  .c-form__select-wrapper {
    position: relative;
    inline-size: fit-content;
  }
  .c-form__select-wrapper::after {
    content: "";
    pointer-events: none;
    position: absolute;
    inline-size: 0.8em;
    block-size: 0.5em;
    border-block-start: 0.5em solid var(--color-blue);
    top: calc(50% - 0.2em);
    right: 1rem;
    border-inline: 0.4em solid transparent;
  }
  .c-form__date-group {
    display: flex;
    flex-wrap: wrap;
  }
  .c-form__divider {
    padding-block: min(0.3537414966vw + 14.3401360544px, 20px);
    border-radius: min(0.3537414966vw + 14.3401360544px, 20px);
    background: #f3f3f3;
    padding-inline: min(1.6326530612vw + 13.8775510204px, 40px);
  }
  .c-form__divider:not(:first-child) {
    margin-block-start: min(3.2108843537vw + 28.6258503401px, 80px);
  }
  .c-form__divider:not(:last-child) {
    margin-block-end: 2rem;
  }
  .c-form__name-group {
    column-gap: min(0.1632653061vw + 13.387755102px, 16px);
    display: flex;
    row-gap: min(0.1632653061vw + 13.387755102px, 16px);
  }
  @media (max-width: 1023px) {
    .c-form__name-group {
      flex-direction: column;
    }
  }
  .c-form__address-group {
    display: flex;
    flex-direction: column;
    row-gap: 0.5rem;
  }
  .c-form__postal {
    display: flex;
    align-items: center;
    column-gap: 0.5em;
  }
  .c-form__note {
    line-height: 1.8;
    font-style: normal;
    font-size: 0.75rem;
  }
  .c-form__note.-thin {
    line-height: 1.6;
  }
  .c-form__note.-thick {
    line-height: 2;
  }
  .c-form__note.-notice {
    padding-inline-start: 1.375em;
    position: relative;
  }
  .c-form__note.-notice::before {
    content: "※";
    position: absolute;
    top: 0;
    left: 0;
  }
  .c-form__footer:not(:first-child) {
    margin-block-start: min(3.2108843537vw + 28.6258503401px, 80px);
  }
  .c-form__privacy-link {
    text-decoration: underline;
    color: var(--color-green-100);
  }
  @media (any-hover: hover) {
    .c-form__privacy-link:hover {
      text-decoration: none;
    }
  }
  .c-form__checkbox {
    margin-block-start: min(0.1632653061vw + 13.387755102px, 16px);
  }
  .c-form__submit {
    margin-block-start: min(1.306122449vw + 19.1020408163px, 40px);
    --c-button_min-inline-size: 240px;
  }
  .c-form__submit button,
  .c-form__submit a {
    color: var(--color-white-00);
    appearance: none;
    position: relative;
    outline: none;
    padding-block: var(--c-button_pading-block, min(0.1632653061vw + 13.387755102px, 16px));
    min-block-size: var(--c-button_min-block-size, 0px);
    padding-inline: min(0.3265306122vw + 18.7755102041px, 24px);
    min-inline-size: 240px;
    background-color: var(--c-button_background-color, var(--color-green-100));
    box-shadow: 0 4px 0 0 rgba(122, 122, 122, 0.3);
  }
  .c-form__submit button::after,
  .c-form__submit a::after {
    content: "";
    position: absolute;
    inset: 0;
    border: 2px solid #90DDCB;
    border-radius: 200px;
  }
  @media (any-hover: hover) {
    .c-form__submit button::after,
    .c-form__submit a::after {
      transition: var(--dur) border-width ease;
    }
    .c-form__submit button:hover::after,
    .c-form__submit a:hover::after {
      border-width: 0px;
    }
  }
  .c-form__submit.-black a {
    background-color: var(--color-black-100);
  }
  .c-form__submit.-black a::after {
    border: 2px solid var(--color-gray-50);
  }
  @media (any-hover: hover) {
    .c-form__submit.-black a::after {
      transition: var(--dur) border-width ease;
    }
    .c-form__submit.-black a:hover::after {
      border-width: 0px;
    }
  }
  .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.-green {
    background-color: var(--color-green-100);
    color: var(--color-white-00);
    border-color: var(--color-green-100);
  }
  .c-button-primary.-green .icon {
    fill: var(--color-white-00);
  }
  .c-button-primary.-reverse {
    flex-direction: row-reverse;
  }
  .c-button-secondary {
    grid-template-columns: 1fr 2em;
    column-gap: 0.5em;
    border: 1px solid var(--color-black-100);
    border-radius: 999px;
    padding: 0.6em 1em;
    align-items: center;
    background: var(--color-green-100);
    transition: var(--dur) opacity;
    position: relative;
    min-inline-size: 180px;
    transition: var(--dur);
  }
  .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);
  }
  .c-button-secondary .text {
    text-align: center;
    font-size: min(0.0816326531vw + 0.7308673469rem, 0.8125rem);
    color: var(--color-black-100);
    font-weight: 700;
  }
  @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;
  }
  @media (any-hover: hover) {
    .c-button-secondary:hover {
      filter: brightness(1.25);
    }
    .c-button-secondary:hover .text {
      color: var(--color-black-100);
    }
    .c-button-secondary:hover .icon .arrow-left {
      animation: blink-left 0.8s ease-in-out infinite;
    }
    .c-button-secondary:hover .icon .arrow-right {
      animation: blink-right 0.8s ease-in-out infinite;
    }
  }
  .c-button-secondary.-no-icon {
    grid-template-columns: 1fr;
  }
  .c-button-secondary.-lg {
    padding: 1em 2em;
  }
  .c-button-secondary.-lg .icon {
    width: 3em;
    height: 3em;
  }
  .c-button-secondary.-full {
    min-inline-size: 0;
  }
  .c-button-secondary.-center {
    margin-inline: auto;
  }
  .c-button-secondary.-white {
    background-color: var(--color-white-00);
  }
  .c-button-secondary.-white .icon {
    color: var(--color-white-00);
  }
  .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);
  }
  .c-button-secondary.-black .text {
    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-white-00);
  }
  @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);
  }
  .c-title-course {
    display: flex;
    gap: 1em;
    align-items: center;
    position: relative;
    padding-bottom: 1em;
    margin-bottom: 2em;
  }
  @media (max-width: 743px) {
    .c-title-course {
      margin-bottom: 1.5em;
    }
  }
  .c-title-course::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: var(--color-gray-50);
    width: 0%;
    height: 1px;
    transition: 1s ease 0.3s;
  }
  .c-title-course .c-icon .arrow-left {
    opacity: 0;
    transform: translateX(-1em);
    transition: var(--dur) ease 0.4s;
  }
  .c-title-course .c-icon .arrow-right {
    opacity: 0;
    transform: translateX(-1em);
    transition: var(--dur) ease 0.5s;
  }
  .c-title-course .c-title-md {
    opacity: 0;
    transition: var(--dur) ease 0.8s;
  }
  .c-title-course.is-act::before {
    width: 100%;
  }
  .c-title-course.is-act .c-title-md {
    opacity: 1;
  }
  .c-title-course.is-act .c-icon .arrow-left,
  .c-title-course.is-act .c-icon .arrow-right {
    opacity: 1;
    transform: translateX(0);
  }
}
@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-link {
    text-decoration: underline;
  }
  .u-link:hover {
    text-decoration: none;
  }
  .u-color-white {
    color: var(--color-white-00);
  }
  .u-color-gray-90 {
    color: var(--color-gray-90);
  }
  .u-color-green-100 {
    color: var(--color-green-100);
  }
  .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;
    aspect-ratio: 16/9;
    position: relative;
  }
  @media (max-width: 743px) {
    .p-index_kv {
      display: flex;
      flex-direction: column;
      block-size: auto;
      aspect-ratio: auto;
      margin-top: 0;
      padding-block-end: min(0.8299319728vw + 16.7210884354px, 30px);
    }
  }
  .p-index_kv__visual {
    display: contents;
  }
  @media (max-width: 743px) {
    .p-index_kv__visual {
      display: flex;
      justify-content: flex-end;
      position: relative;
      inline-size: 100%;
      aspect-ratio: 365/339;
      margin-top: calc(var(--header-height) + 5%);
    }
  }
  .p-index_kv__bg {
    filter: blur(30px);
    opacity: 0;
    transition: 0.6s ease;
    position: absolute;
    aspect-ratio: 1198/1100;
    height: 100%;
    width: 73%;
  }
  @media (max-width: 743px) {
    .p-index_kv__bg {
      aspect-ratio: auto;
      width: 95%;
      height: 100%;
    }
  }
  .is-start.is-loaded .p-index_kv__bg {
    filter: blur(0);
    opacity: 1;
  }
  .p-index_kv__obj01 {
    position: absolute;
    bottom: 5%;
    z-index: 1;
    opacity: 0;
    filter: blur(30px);
    transition: 0.5s ease 1s;
  }
  .is-start.is-loaded .p-index_kv__obj01 {
    opacity: 1;
    filter: blur(0);
    transform: translateY(0);
  }
  @media (max-width: 743px) {
    .p-index_kv__obj01 {
      bottom: -100%;
      left: -12%;
      width: 60%;
      z-index: -1;
    }
  }
  .p-index_kv__obj02 {
    position: absolute;
    top: var(--header-height);
    transform: translateX(50%);
    right: 30%;
    z-index: 1;
    width: min(20.7346938776vw + 176.2448979592px, 508px);
    opacity: 0;
    filter: blur(30px);
    transition: 0.5s ease 1.2s;
  }
  .is-start.is-loaded .p-index_kv__obj02 {
    opacity: 1;
    filter: blur(0);
  }
  @media (max-width: 743px) {
    .p-index_kv__obj02 {
      top: 25%;
      right: -20%;
      left: auto;
      transform: none;
      width: 55%;
    }
  }
  .p-index_kv__obj03 {
    position: absolute;
    bottom: -22%;
    right: -10%;
    z-index: -1;
    width: min(19.9183673469vw + 170.306122449px, 489px);
    opacity: 0;
    filter: blur(30px);
    transition: 0.6s ease 1.4s;
  }
  .is-start.is-loaded .p-index_kv__obj03 {
    opacity: 1;
    filter: blur(0);
  }
  @media (max-width: 743px) {
    .p-index_kv__obj03 {
      display: block;
      z-index: 1;
      top: auto;
      bottom: -18%;
      left: -38%;
      right: auto;
      width: 65%;
    }
  }
  .p-index_kv__star01 {
    position: absolute;
    top: 40%;
    left: 1%;
    width: min(8.3265306122vw + 71.7755102041px, 205px);
    opacity: 0;
    filter: blur(30px);
    transition: 0.6s ease 1.4s;
  }
  .is-start.is-loaded .p-index_kv__star01 {
    opacity: 1;
    filter: blur(0);
  }
  @media (max-width: 743px) {
    .p-index_kv__star01 {
      top: 32%;
      left: 7%;
      width: 16%;
    }
  }
  .p-index_kv__star02 {
    position: absolute;
    top: 55%;
    left: 10%;
    width: min(2.8571428571vw + 27.2857142857px, 73px);
    opacity: 0;
    filter: blur(30px);
    transition: 0.6s ease 1.4s;
  }
  .is-start.is-loaded .p-index_kv__star02 {
    opacity: 1;
    filter: blur(0);
  }
  @media (max-width: 743px) {
    .p-index_kv__star02 {
      top: 48%;
      left: 20%;
      width: 6%;
    }
  }
  .p-index_kv__star03 {
    position: absolute;
    top: 20%;
    right: 15%;
    width: min(3.0204081633vw + 26.6734693878px, 75px);
    opacity: 0;
    filter: blur(30px);
    transition: 0.6s ease 1.4s;
  }
  .is-start.is-loaded .p-index_kv__star03 {
    opacity: 1;
    filter: blur(0);
  }
  @media (max-width: 743px) {
    .p-index_kv__star03 {
      display: none;
    }
  }
  .p-index_kv__en {
    position: absolute;
    top: calc(var(--header-height) + 5%);
    left: 10%;
    width: min(29.7142857143vw + 253.5714285714px, 729px);
  }
  .p-index_kv__en img {
    width: 100%;
  }
  @media (max-width: 743px) {
    .p-index_kv__en {
      top: 8%;
      left: 8%;
      width: 65%;
    }
  }
  .p-index_kv__copy {
    position: absolute;
    top: 60%;
    right: 5%;
    transform: translateY(-50%);
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    z-index: 2;
  }
  @media (max-width: 743px) {
    .p-index_kv__copy {
      position: static;
      transform: none;
      inline-size: 100%;
      margin-block-start: min(0.5442176871vw + 15.2925170068px, 24px);
      padding-inline: min(1.6326530612vw + 13.8775510204px, 40px);
    }
  }
  .p-index_kv__copy__sub {
    padding-bottom: 1em;
    border-bottom: 1px solid var(--color-black-100);
    opacity: 0;
    transform: translateY(1em);
    transition: 0.3s ease 0.7s;
  }
  @media (max-width: 743px) {
    .p-index_kv__copy__sub {
      width: 80%;
      margin-top: 2em;
      padding-bottom: 0.5em;
    }
  }
  .is-start.is-loaded .p-index_kv__copy__sub {
    opacity: 1;
    transform: translateY(0);
  }
  .p-index_kv__copy__main {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    margin-top: min(1.2244897959vw + 10.4081632653px, 30px);
    line-height: 1;
  }
  .p-index_kv__copy__main > span {
    display: inline-block;
    background-color: var(--color-white-00);
    padding: 0.2em;
    line-height: 1;
    position: relative;
    opacity: 0;
    transform: translateY(1em);
    white-space: nowrap;
  }
  .p-index_kv__copy__main > span:nth-of-type(1) {
    transition: 0.3s ease 0.7s;
  }
  @media (max-width: 743px) {
    .p-index_kv__copy__main > span:nth-of-type(1) {
      width: 95%;
    }
  }
  .p-index_kv__copy__main > span:nth-of-type(1)::before {
    transition-delay: 0.9s;
  }
  .p-index_kv__copy__main > span:nth-of-type(2) {
    transition: 0.3s ease 0.8s;
  }
  @media (max-width: 743px) {
    .p-index_kv__copy__main > span:nth-of-type(2) {
      width: 83%;
    }
  }
  .p-index_kv__copy__main > span:nth-of-type(2)::before {
    transition-delay: 1s;
  }
  .p-index_kv__copy__main > 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__main > span {
    opacity: 1;
    transform: translateY(0);
  }
  .is-start.is-loaded .p-index_kv__copy__main > span::before {
    right: 0;
    left: auto;
    width: 0;
  }
  .p-index_kv__copy__info {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    margin-top: min(1.6326530612vw + 13.8775510204px, 40px);
  }
  .p-index_kv__copy__info span {
    font-size: min(0.3265306122vw + 0.9234693878rem, 1.25rem);
    font-weight: 700;
    line-height: 1.4;
    background-color: var(--color-black-100);
    color: var(--color-white-00);
    display: inline-block;
    padding: 0.2em 0.4em;
    opacity: 0;
    margin-block-end: 0.5em;
    transition: 0.3s ease 1s;
    white-space: nowrap;
  }
  @media (max-width: 743px) {
    .p-index_kv__copy__info span {
      font-size: min(0vw + 0.75rem, 0.75rem);
    }
  }
  .p-index_kv__copy__info span strong {
    color: var(--color-pink-100);
  }
  .p-index_kv__copy__info span::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__copy__info span {
    opacity: 1;
    transform: translateY(0);
  }
  .is-start.is-loaded .p-index_kv__copy__info 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 {
    margin-top: min(1.6326530612vw + 23.8775510204px, 50px);
    padding-block: min(1.6326530612vw + 43.8775510204px, 70px) min(4.0816326531vw + 34.693877551px, 100px);
    position: relative;
    overflow: hidden;
  }
  .p-index_about__inner {
    display: grid;
    grid-template-columns: 0.6fr 3fr 0.6fr;
    position: relative;
    z-index: 2;
    gap: min(1.6326530612vw + 13.8775510204px, 40px);
    align-items: center;
  }
  @media (max-width: 743px) {
    .p-index_about__inner {
      display: block;
      gap: 0;
    }
  }
  .p-index_about__star01 {
    position: absolute;
    width: min(4.8163265306vw + 40.9387755102px, 118px);
  }
  @media (max-width: 743px) {
    .p-index_about__star01 {
      top: 0;
      right: -5%;
    }
  }
  .p-index_about__star02 {
    position: absolute;
    top: 32%;
    right: -5%;
    width: min(3.0204081633vw + 25.6734693878px, 74px);
  }
  @media (max-width: 743px) {
    .p-index_about__star02 {
      display: none;
    }
  }
  .p-index_about__star03 {
    position: absolute;
    top: 40%;
    right: -2%;
    width: min(7.0204081633vw + 59.6734693878px, 172px);
  }
  @media (max-width: 743px) {
    .p-index_about__star03 {
      width: 38px;
      top: 7%;
      right: 6%;
    }
  }
  .p-index_about__sub-title {
    width: min(17.306122449vw + 147.1020408163px, 424px);
    margin-inline: auto;
  }
  @media (max-width: 743px) {
    .p-index_about__sub-title {
      margin-inline: 0;
      width: 80%;
    }
  }
  .p-index_about__text {
    text-align: center;
  }
  @media (max-width: 743px) {
    .p-index_about__text {
      text-align: left;
    }
  }
  .p-index_about__gallery img {
    width: 100%;
  }
  .p-index_about__slider {
    margin-top: max(-1.6326530612vw + -13.8775510204px, -40px);
  }
  @media (max-width: 743px) {
    .p-index_about__logo {
      width: 60%;
    }
  }
  .p-index_about__point {
    position: relative;
  }
  .p-index_about__point-bubble {
    position: relative;
    display: block;
    width: fit-content;
    margin-inline: auto;
    background-color: #484848;
    border-radius: 999px;
    padding-block: min(0vw + 12px, 12px);
    padding-inline: min(0.5442176871vw + 15.2925170068px, 24px);
    color: var(--color-white-00);
    font-weight: bold;
    font-size: min(0.3537414966vw + 14.3401360544px, 20px);
    line-height: 1.8;
    text-align: center;
  }
  @media (max-width: 743px) {
    .p-index_about__point-bubble {
      font-size: min(0.1632653061vw + 13.387755102px, 16px);
      padding-block: min(0vw + 8px, 8px);
      padding-inline: min(0.1632653061vw + 13.387755102px, 16px);
    }
  }
  .p-index_about__point-bubble::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: min(0vw + -12px, -12px);
    translate: -50% 0;
    border-style: solid;
    border-width: min(0.0680272109vw + 12.9115646259px, 14px) min(0vw + 10px, 10px) 0 min(0vw + 10px, 10px);
    border-color: #484848 transparent transparent transparent;
  }
  .p-index_about__point-list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: min(0vw + 12px, 12px);
    margin-block-start: min(1.6870748299vw + 21.0068027211px, 48px);
  }
  @media (max-width: 743px) {
    .p-index_about__point-list {
      grid-template-columns: 1fr;
      gap: min(0vw + 5px, 5px);
    }
  }
  @media (min-width: 744px) {
    .p-index_about__point-list {
      grid-template-columns: repeat(5, 1fr);
      max-inline-size: 832px;
      margin-inline: auto;
    }
  }
  .p-index_about__point-item {
    background-color: #fcedee;
    border-radius: min(0.6530612245vw + 5.5510204082px, 16px);
    padding-block: min(0.5442176871vw + 15.2925170068px, 24px) min(0.3537414966vw + 14.3401360544px, 20px);
    padding-inline: min(0vw + 8px, 8px);
    text-align: center;
  }
  @media (max-width: 743px) {
    .p-index_about__point-item {
      display: grid;
      align-items: center;
      gap: min(1.6326530612vw + 13.8775510204px, 40px);
      padding-inline: min(1.6326530612vw + 13.8775510204px, 40px);
      grid-template-columns: auto 1fr;
      text-align: left;
    }
  }
  .p-index_about__point-item__num {
    display: block;
    width: min(1.1156462585vw + 18.1496598639px, 36px);
    height: auto;
    margin-inline: auto;
  }
  .p-index_about__point-item__num img {
    width: 100%;
  }
  .p-index_about__point-item__text {
    margin-block-start: min(0vw + 12px, 12px);
    font-size: min(0.0680272109vw + 12.9115646259px, 14px);
    line-height: 1.6;
  }
  @media (max-width: 743px) {
    .p-index_about__point-item__text {
      margin-block-start: 0;
    }
  }
}
@layer components {
  .p-index_curriculum {
    padding-block: 0 min(1.6326530612vw + 43.8775510204px, 70px);
  }
  .p-index_curriculum__heading {
    position: relative;
    margin-bottom: min(1.6326530612vw + 23.8775510204px, 50px);
  }
  .p-index_curriculum__heading__obj {
    position: absolute;
    top: -20%;
    right: 0;
    z-index: 3;
    transform: translateX(50%);
    width: min(32.1632653061vw + 273.387755102px, 788px);
  }
  .p-index_curriculum__main-title {
    display: block;
    margin-top: min(1.2244897959vw + 10.4081632653px, 30px);
  }
  .p-index_curriculum__lesson {
    position: relative;
    overflow: hidden;
    background-color: var(--color-pink-100);
    padding-block: min(1.6326530612vw + 43.8775510204px, 70px);
    padding-inline: min(4.8979591837vw + 1.6326530612px, 80px);
    margin-bottom: min(1.6326530612vw + 13.8775510204px, 40px);
  }
  .p-index_curriculum__lesson-bg {
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
  }
  .p-index_curriculum__lesson-bg img {
    position: absolute;
  }
  .p-index_curriculum__lesson-bg__obj01 {
    top: max(-1.6326530612vw + -53.8775510204px, -80px);
    right: min(1.6326530612vw + -66.1224489796px, -40px);
    width: min(13.0612244898vw + 171.0204081633px, 380px);
  }
  .p-index_curriculum__lesson-bg__obj02 {
    bottom: max(-3.2653061224vw + -67.7551020408px, -120px);
    left: min(1.6326530612vw + -106.1224489796px, -80px);
    width: min(13.8775510204vw + 167.9591836735px, 390px);
  }
  .p-index_curriculum__lesson > .c-container {
    z-index: 1;
  }
  .p-index_curriculum__lesson-ttl {
    max-inline-size: min(25.4965986395vw + 140.0544217687px, 548px);
  }
  .p-index_curriculum__lesson-ttl img {
    width: 100%;
    height: auto;
  }
  .p-index_curriculum__lesson-list {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: min(1.6870748299vw + 21.0068027211px, 48px) min(0.5442176871vw + 15.2925170068px, 24px);
  }
  @media (max-width: 743px) {
    .p-index_curriculum__lesson-list {
      grid-template-columns: repeat(2, 1fr);
    }
  }
  .p-index_curriculum__lesson-item__pic img {
    width: 100%;
  }
  .p-index_curriculum__lesson-item__ttl {
    margin-block-start: min(0vw + 8px, 8px);
    padding-inline-start: min(0.4965986395vw + 15.0544217687px, 23px);
    position: relative;
    font-weight: bold;
    font-size: min(0.4489795918vw + 14.8163265306px, 22px);
    line-height: 1.8;
    color: var(--color-white-00);
  }
  .p-index_curriculum__lesson-item__ttl::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    translate: 0 -50%;
    width: min(0.0204081633vw + 12.6734693878px, 13px);
    height: min(0.0204081633vw + 12.6734693878px, 13px);
    border-radius: 50%;
    background-color: var(--color-white-00);
  }
  .p-index_curriculum__lesson-item__text {
    margin-block-start: min(0vw + 2px, 2px);
    font-size: min(0.1632653061vw + 13.387755102px, 16px);
    line-height: 1.6;
    color: var(--color-white-00);
  }
  .p-index_curriculum__lesson-banner {
    display: flex;
    align-items: center;
    gap: min(1.6870748299vw + 21.0068027211px, 48px);
    background-color: #fcf2f3;
    padding-block: min(1.6870748299vw + 21.0068027211px, 48px);
    padding-inline: min(2.0680272109vw + 22.9115646259px, 56px) min(3.2108843537vw + 28.6258503401px, 80px);
    border-radius: min(0.1632653061vw + 13.387755102px, 16px);
  }
  @media (max-width: 743px) {
    .p-index_curriculum__lesson-banner {
      flex-direction: column;
      padding: min(1.9591836735vw + 16.6530612245px, 48px);
    }
  }
  .p-index_curriculum__lesson-banner__logo {
    flex-shrink: 0;
    width: min(22.3537414966vw + 124.3401360544px, 482px);
  }
  @media (max-width: 743px) {
    .p-index_curriculum__lesson-banner__logo {
      width: 100%;
    }
  }
  .p-index_curriculum__lesson-banner__logo img {
    width: 100%;
  }
  .p-index_curriculum__lesson-banner__body {
    display: flex;
    flex-direction: column;
    gap: min(0.1632653061vw + 13.387755102px, 16px);
  }
  .p-index_curriculum__lesson-banner__catch {
    font-weight: bold;
    font-size: min(0.3537414966vw + 14.3401360544px, 20px);
    line-height: 1.6;
    color: var(--color-pink-100);
  }
  .p-index_curriculum__lesson-banner__text {
    font-size: min(0.1632653061vw + 13.387755102px, 16px);
    line-height: 1.8;
    color: var(--color-black-100);
  }
  .p-index_curriculum__practice {
    position: relative;
    overflow: hidden;
    background-color: #b378d6;
    padding-block: min(1.6326530612vw + 43.8775510204px, 70px);
    padding-inline: min(4.8979591837vw + 1.6326530612px, 80px);
  }
  .p-index_curriculum__practice-bg__obj01 {
    position: absolute;
    z-index: 0;
    top: max(-1.6326530612vw + -53.8775510204px, -80px);
    right: min(1.6326530612vw + -66.1224489796px, -40px);
    width: min(13.0612244898vw + 171.0204081633px, 380px);
  }
  .p-index_curriculum__practice-bg__obj02 {
    position: absolute;
    z-index: 0;
    bottom: 0;
    left: min(1.6326530612vw + -106.1224489796px, -80px);
    width: min(13.8775510204vw + 167.9591836735px, 390px);
  }
  .p-index_curriculum__practice-ttl {
    max-inline-size: min(25.4965986395vw + 140.0544217687px, 548px);
  }
  .p-index_curriculum__practice-ttl img {
    width: 100%;
    height: auto;
  }
  .p-index_curriculum__practice-main img {
    width: 100%;
    border-radius: min(0.1632653061vw + 13.387755102px, 16px);
  }
  .p-index_curriculum__practice-list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: min(0.925170068vw + 17.1972789116px, 32px);
  }
  @media (max-width: 743px) {
    .p-index_curriculum__practice-list {
      grid-template-columns: 1fr;
    }
  }
  .p-index_curriculum__practice-item__pic img {
    width: 100%;
  }
  .p-index_curriculum__practice-item__ttl {
    margin-block-start: min(0vw + 10px, 10px);
    padding-inline-start: min(0.4013605442vw + 14.5782312925px, 21px);
    position: relative;
    font-weight: bold;
    font-size: min(0.4489795918vw + 14.8163265306px, 22px);
    line-height: 1.8;
    color: var(--color-white-00);
  }
  .p-index_curriculum__practice-item__ttl::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    translate: 0 -50%;
    width: min(0.0204081633vw + 12.6734693878px, 13px);
    height: min(0.0204081633vw + 12.6734693878px, 13px);
    border-radius: 50%;
    background-color: var(--color-white-00);
  }
  .p-index_curriculum__practice-item__cols {
    margin-block-start: min(0vw + 8px, 8px);
    display: flex;
    flex-wrap: wrap;
    column-gap: 1em;
  }
  .p-index_curriculum__practice-item__col {
    font-size: min(0.1632653061vw + 13.387755102px, 16px);
    line-height: 1.6;
    color: var(--color-white-00);
    white-space: nowrap;
  }
  .p-index_curriculum__practice-banner {
    background-color: #ecdfff;
    padding-block: min(1.6870748299vw + 21.0068027211px, 48px);
    padding-inline: min(2.0680272109vw + 22.9115646259px, 56px) min(3.2108843537vw + 28.6258503401px, 80px);
    border-radius: min(0.1632653061vw + 13.387755102px, 16px);
  }
  @media (max-width: 743px) {
    .p-index_curriculum__practice-banner {
      padding: min(1.9591836735vw + 16.6530612245px, 48px);
    }
  }
  .p-index_curriculum__practice-banner__catch {
    font-weight: bold;
    font-size: min(0.925170068vw + 17.1972789116px, 32px);
    line-height: 1.6;
    text-align: center;
    color: #b378d6;
  }
  .p-index_curriculum__practice-banner__list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    justify-content: center;
    gap: min(0.5442176871vw + 15.2925170068px, 24px);
  }
  @media (max-width: 1023px) {
    .p-index_curriculum__practice-banner__list {
      grid-template-columns: 1fr;
    }
  }
  .p-index_curriculum__practice-banner__item {
    display: grid;
    align-items: center;
    gap: min(0.5442176871vw + 15.2925170068px, 24px);
    grid-template-columns: 1.2fr 2fr;
  }
  @media (max-width: 743px) {
    .p-index_curriculum__practice-banner__item {
      grid-template-columns: 1fr;
      align-items: flex-start;
    }
  }
  .p-index_curriculum__practice-banner__item-pic {
    flex-shrink: 0;
    overflow: hidden;
  }
  @media (max-width: 743px) {
    .p-index_curriculum__practice-banner__item-pic {
      width: 100%;
    }
  }
  .p-index_curriculum__practice-banner__item-pic img {
    width: 100%;
  }
  .p-index_curriculum__practice-banner__item-body {
    display: flex;
    flex-direction: column;
    gap: min(0.1632653061vw + 13.387755102px, 16px);
    width: min(13.1156462585vw + 78.1496598639px, 288px);
    color: var(--color-black-100);
  }
  @media (max-width: 743px) {
    .p-index_curriculum__practice-banner__item-body {
      width: 100%;
    }
  }
  .p-index_curriculum__practice-banner__item-title {
    font-weight: 500;
    font-size: min(0.4489795918vw + 14.8163265306px, 22px);
    line-height: 1.4;
  }
  .p-index_curriculum__practice-banner__item-text {
    font-size: min(0.0680272109vw + 12.9115646259px, 14px);
    line-height: 1.6;
  }
  .p-index_curriculum__slider {
    margin-top: min(1.6326530612vw + 43.8775510204px, 70px);
  }
}
@layer components {
  .p-index_style__ttl {
    text-align: center;
    margin-top: min(3.2653061224vw + 47.7551020408px, 100px);
  }
  .p-index_style__ttl img {
    display: inline-block;
    max-width: 100%;
    height: auto;
  }
  @media (max-width: 743px) {
    .p-index_style__ttl {
      width: 70%;
      margin-inline: auto;
    }
  }
  .p-index_style__diagram {
    display: flex;
    justify-content: center;
  }
  @media (max-width: 743px) {
    .p-index_style__diagram {
      display: block;
    }
  }
  .p-index_style__diagram__main {
    width: min(42.1632653061vw + 223.387755102px, 898px);
    display: block;
  }
  @media (max-width: 743px) {
    .p-index_style__diagram__main {
      width: 80%;
      margin-inline: auto;
    }
  }
  .p-index_style__diagram__girl {
    position: absolute;
  }
  .p-index_style__diagram__girl.-left {
    left: 4%;
    transform: translateX(-50%);
    bottom: -22%;
    width: min(12.5714285714vw + 106.8571428571px, 308px);
  }
  .p-index_style__diagram__girl.-right {
    left: 100%;
    transform: translateX(-50%);
    bottom: -10%;
    width: min(11.3469387755vw + 96.4489795918px, 278px);
  }
  .p-index_style__banner {
    margin-block-start: 60px;
    position: relative;
    z-index: 1;
    max-inline-size: min(42.1632653061vw + 223.387755102px, 898px);
    margin-inline: auto;
    background-color: #404040;
    border-radius: min(4.2585034014vw + 33.8639455782px, 102px);
    padding-block: min(1.306122449vw + 19.1020408163px, 40px) min(0.925170068vw + 17.1972789116px, 32px);
    padding-inline: min(2.2585034014vw + 23.8639455782px, 60px);
    text-align: center;
  }
  @media (max-width: 743px) {
    .p-index_style__banner {
      border-radius: min(0.5442176871vw + 15.2925170068px, 24px);
    }
  }
  .p-index_style__banner__badge {
    position: absolute;
    top: min(0vw + -20px, -20px);
    left: 50%;
    translate: -50% 0;
    display: inline-block;
    margin-block-end: min(0.1632653061vw + 13.387755102px, 16px);
    background-color: var(--color-pink-100);
    border-radius: min(1.306122449vw + 19.1020408163px, 40px);
    padding-block: min(0vw + 6px, 6px) min(0vw + 7px, 7px);
    padding-inline: min(1.306122449vw + 19.1020408163px, 40px);
    font-weight: bold;
    font-size: min(0.1632653061vw + 13.387755102px, 16px);
    line-height: 1.7;
    color: var(--color-white-00);
  }
  .p-index_style__banner__text {
    font-weight: 600;
    font-size: min(0.5442176871vw + 15.2925170068px, 24px);
    line-height: 1.6;
    color: var(--color-white-00);
  }
  @media (max-width: 743px) {
    .p-index_style__banner__text {
      font-size: min(0.3537414966vw + 14.3401360544px, 20px);
    }
  }
  .p-index_style__banner__underline {
    text-decoration: underline;
    text-underline-offset: min(0vw + 6px, 6px);
  }
  .p-index_style__online {
    position: relative;
    background-color: #fcf2f3;
    border-radius: min(0.5442176871vw + 15.2925170068px, 24px);
    margin-top: min(3.2653061224vw + 27.7551020408px, 80px);
    padding-block: min(1.6870748299vw + 21.0068027211px, 48px) min(2.4489795918vw + 24.8163265306px, 64px);
    padding-inline: min(2.9387755102vw + 8.9795918367px, 56px);
  }
  .p-index_style__online__heading {
    display: flex;
    align-items: center;
    gap: min(0.1632653061vw + 13.387755102px, 16px);
    font-weight: bold;
    font-size: min(0.925170068vw + 17.1972789116px, 32px);
    line-height: 1.8;
    color: var(--color-pink-100);
    margin-bottom: min(0.925170068vw + 17.1972789116px, 32px);
  }
  @media (max-width: 743px) {
    .p-index_style__online__heading {
      font-size: min(0.3537414966vw + 14.3401360544px, 20px);
    }
  }
  .p-index_style__online__heading svg {
    flex-shrink: 0;
    width: min(0.6394557823vw + 15.768707483px, 26px);
    height: auto;
  }
  @media (max-width: 743px) {
    .p-index_style__online__heading svg {
      font-size: min(0.2585034014vw + 13.8639455782px, 18px);
    }
  }
  .p-index_style__online__pc {
    position: absolute;
    top: -33%;
    right: 0%;
    width: min(16.306122449vw + 94.1020408163px, 355px);
  }
  .p-index_style__online__pc img {
    width: 100%;
  }
  .p-index_style__online__steps {
    text-align: center;
  }
  .p-index_style__online__steps img {
    max-width: 100%;
    height: auto;
  }
}
@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_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__label {
    color: var(--color-pink-100);
  }
  .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: 10px auto;
    gap: min(0vw + 8px, 8px);
  }
  .p-index_support__card__title::before {
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    background-color: var(--color-pink-100);
  }
  .p-index_support__card__text {
    font-size: min(0.1632653061vw + 13.387755102px, 16px);
    line-height: 1.6;
    color: var(--color-black-100);
  }
}
@layer components {
  .p-index_faq {
    padding-block: min(4.0816326531vw + 34.693877551px, 100px) min(6.1224489796vw + 52.0408163265px, 150px);
  }
  .p-index_faq__heading {
    position: relative;
    z-index: 1;
    padding-block: 0 min(4.0816326531vw + 34.693877551px, 100px);
    margin-top: min(4.0816326531vw + 34.693877551px, 100px);
  }
  @media (max-width: 743px) {
    .p-index_faq__heading {
      padding-block: 0 150px;
    }
  }
  .p-index_faq__heading__obj {
    position: absolute;
    bottom: max(-8.1632653061vw + -69.387755102px, -200px);
    right: -15%;
    width: min(21.5510204082vw + 183.1836734694px, 528px);
    z-index: -1;
  }
  .p-index_faq__title__sub {
    width: min(10.0408163265vw + 85.3469387755px, 246px);
    display: block;
  }
  .p-index_faq__title__sub img {
    width: 100%;
  }
  @media (max-width: 743px) {
    .p-index_faq__title__sub {
      width: 40%;
    }
  }
  .p-index_faq__title__main {
    width: min(14.5306122449vw + 124.5102040816px, 357px);
    display: block;
  }
  .p-index_faq__title__main img {
    width: 100%;
  }
  @media (max-width: 743px) {
    .p-index_faq__title__main {
      width: 70%;
      margin-top: min(1.6326530612vw + 13.8775510204px, 40px);
    }
  }
  .p-index_faq__list {
    display: flex;
    flex-direction: column;
    gap: min(0vw + 10px, 10px);
  }
  .p-index_faq__list-item {
    background-color: #fdf4f4;
    border-radius: min(0vw + 10px, 10px);
    padding-block: min(0.8299319728vw + 16.7210884354px, 30px);
    padding-inline: min(1.6326530612vw + 13.8775510204px, 40px);
  }
  @media (max-width: 743px) {
    .p-index_faq__list-item {
      padding-block: min(0.3537414966vw + 14.3401360544px, 20px);
    }
  }
  .p-index_faq__list-item > dt {
    display: grid;
    grid-template-columns: 2.5em 1fr;
    align-items: center;
    font-weight: 700;
    font-size: min(0.1632653061vw + 0.9617346939rem, 1.125rem);
    border-bottom: 1px solid var(--color-gray-50);
    padding-block-end: min(0.3537414966vw + 14.3401360544px, 20px);
  }
  .p-index_faq__list-item > dt::before {
    content: "Q.";
    font-family: var(--font-line);
    color: var(--color-pink-100);
    font-weight: 700;
    font-size: min(0.6530612245vw + 1.0969387755rem, 1.75rem);
    line-height: 1;
  }
  .p-index_faq__list-item > dd {
    display: grid;
    grid-template-columns: 2.5em 1fr;
    padding-block-start: min(0.3537414966vw + 14.3401360544px, 20px);
    line-height: 1.8;
  }
  .p-index_faq__list-item > dd::before {
    content: "A.";
    font-family: var(--font-line);
    color: #b378d6;
    font-weight: 700;
    font-size: min(0.6530612245vw + 1.0969387755rem, 1.75rem);
    line-height: 1;
  }
}
@layer components {
  .p-index_access {
    position: relative;
    overflow: hidden;
    color: var(--color-white-00);
  }
  .p-index_access::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 50%;
    background-color: var(--color-black-100);
    z-index: -1;
  }
  .p-index_access__inner {
    position: relative;
    overflow: hidden;
    background-color: var(--color-pink-100);
    padding-block: 0 min(7.3469387755vw + 52.4489795918px, 170px);
    padding-inline: min(3.2653061224vw + 27.7551020408px, 80px);
  }
  .p-index_access__bg__obj01 {
    position: absolute;
    top: 0;
    right: 0;
    width: min(13.0612244898vw + 171.0204081633px, 380px);
  }
  .p-index_access__bg__obj02 {
    position: absolute;
    bottom: 0;
    left: 0;
    width: min(12.2448979592vw + 134.0816326531px, 330px);
  }
  .p-index_access__heading {
    width: min(53.387755102vw + 39.7959183673px, 894px);
  }
  .p-index_access__info {
    position: relative;
    z-index: 1;
    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;
    color: var(--color-white-00);
  }
  @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__route {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: min(0vw + 8px, 8px);
    width: min(11.0204081633vw + 67.6734693878px, 244px);
    max-width: 100%;
    background-color: var(--color-white-00);
    border-radius: min(1.306122449vw + 19.1020408163px, 40px);
    padding-block: min(0vw + 11px, 11px);
    font-weight: 500;
    font-size: min(0.1632653061vw + 13.387755102px, 16px);
    color: var(--color-pink-100);
  }
  .p-index_access__info__route .c-icon {
    width: min(0vw + 12px, 12px);
  }
  .p-index_access__info__map {
    width: 100%;
    aspect-ratio: 894/360;
    overflow: hidden;
    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;
    }
  }
}
@layer components {
  .c-button_opencampus {
    width: fit-content;
    margin-inline: 0;
  }
  .c-button_opencampus.-center {
    margin-inline: auto;
  }
  .c-button_opencampus.-detail > a {
    background: var(--color-white-00);
    color: var(--color-green-100);
  }
  .c-button_opencampus > a {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: min(0.7346938776vw + 6.2448979592px, 18px) min(0.9795918367vw + 8.3265306122px, 24px);
    min-width: min(5.7142857143vw + 138.5714285714px, 230px);
    border-radius: 999px;
    border: 2px solid #90DDCB;
    background: var(--green, #00B48C);
    box-shadow: 0 4px 0 0 rgba(122, 122, 122, 0.3);
    text-align: center;
    font-weight: 700;
    color: var(--color-white-00);
    font-size: min(0.0680272109vw + 0.8069727891rem, 0.875rem);
    line-height: 1.8;
    letter-spacing: 0.02em;
    transition: opacity var(--dur);
  }
  @media (any-hover: hover) {
    .c-button_opencampus > a:hover {
      opacity: 0.85;
    }
  }
  .p-opencampus .c-icon,
  .p-opencampus .js-svg {
    color: var(--color-green-100);
  }
  .p-opencampus .c-button-primary .js-svg {
    color: currentColor;
  }
  .p-opencampus__title {
    top: -1em;
  }
  .p-opencampus__item {
    background: var(--color-gray-10);
    padding: min(1.6326530612vw + 13.8775510204px, 40px);
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: min(1.6326530612vw + 13.8775510204px, 40px);
    margin-block-end: min(0.7346938776vw + 6.2448979592px, 18px);
  }
  @media (max-width: 743px) {
    .p-opencampus__item {
      grid-template-columns: 1fr;
    }
  }
  .p-opencampus__item__title {
    font-size: min(0.4897959184vw + 16.1632653061px, 24px);
    font-weight: 700;
    padding-block: 1em;
    border-block-end: 1px solid var(--color-gray-50);
    margin-block-end: 1em;
  }
  .p-opencampus__item__data {
    display: grid;
    grid-template-columns: 0.3fr 1fr;
  }
  .p-opencampus__item__data > dt {
    background: var(--color-gray-50);
    padding: 1em;
    text-align: center;
    font-weight: 700;
  }
  .p-opencampus__item__data > dd {
    background: var(--color-white-00);
    padding: 1em;
  }
  .p-opencampus__actions {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
  }
  @media (max-width: 743px) {
    .p-opencampus__actions {
      justify-content: center;
    }
  }
  .p-opencampus_article .c-icon,
  .p-opencampus_article .js-svg {
    color: var(--color-green-100);
  }
  .p-opencampus_article .c-button-primary .js-svg {
    color: currentColor;
  }
  .p-opencampus_article .c-container {
    position: relative;
    z-index: 1;
    margin-top: max(-3.2653061224vw + -27.7551020408px, -80px);
    display: grid;
    grid-template-columns: 300px minmax(0, 1fr);
    gap: min(1.6326530612vw + 13.8775510204px, 40px);
    align-items: start;
  }
  @media (max-width: 743px) {
    .p-opencampus_article .c-container {
      grid-template-columns: 1fr;
    }
  }
  .p-opencampus_article__main {
    min-width: 0;
  }
  .p-opencampus_article__content {
    display: flex;
    flex-direction: column;
    gap: 48px;
    padding: min(1.6326530612vw + 13.8775510204px, 40px);
    background: var(--color-white-00);
    border-radius: 8px;
  }
  .p-opencampus_article__title {
    font-size: min(0.9795918367vw + 24.3265306122px, 40px);
    font-weight: 700;
    line-height: 1.4;
    color: var(--color-black-100);
  }
  .p-opencampus_article__lead {
    font-size: min(0.1632653061vw + 0.8367346939rem, 1rem);
    line-height: 1.6;
    color: var(--color-black-100);
  }
  @media (max-width: 743px) {
    .p-opencampus_article__section {
      margin-top: 0 !important;
    }
  }
  .p-opencampus_article__section .c-heading-primary {
    width: fit-content;
  }
  .p-opencampus_article__section-heading {
    position: relative;
    min-height: 120px;
    display: flex;
    align-items: flex-end;
  }
  .p-opencampus_article__section-en {
    position: absolute;
    inset-block-start: 0;
    inset-inline-start: 0;
    font-family: var(--font-en);
    font-size: min(3.9183673469vw + 57.306122449px, 120px);
    line-height: 1;
    letter-spacing: -0.02em;
    color: var(--color-gray-50);
    opacity: 0.35;
    font-weight: 700;
    pointer-events: none;
  }
  @media (max-width: 743px) {
    .p-opencampus_article__section-en {
      top: 30%;
    }
  }
  .p-opencampus_article__schedule-box {
    background: #f7f7f7;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: 12px 24px;
  }
  @media (max-width: 743px) {
    .p-opencampus_article__schedule-box {
      flex-direction: column;
      align-items: stretch;
      padding: 16px;
    }
  }
  .p-opencampus_article__schedule-date {
    font-size: min(0.1632653061vw + 0.8367346939rem, 1rem);
    line-height: 1.6;
    font-weight: 700;
    color: var(--color-black-100);
  }
  .p-opencampus_article__point-list {
    display: grid;
    gap: 16px;
  }
  .p-opencampus_article__point-item {
    display: grid;
    grid-template-columns: 370px minmax(0, 1fr);
    gap: min(2.2857142857vw + 11.4285714286px, 48px);
    align-items: center;
  }
  @media (max-width: 743px) {
    .p-opencampus_article__point-item {
      grid-template-columns: 1fr;
    }
  }
  .p-opencampus_article__point-thumb img {
    display: block;
    width: 100%;
    height: auto;
  }
  .p-opencampus_article__point-body h3 {
    font-size: min(0.1632653061vw + 21.387755102px, 24px);
    font-weight: 700;
    line-height: 1.4;
  }
  .p-opencampus_article__point-body p {
    font-size: min(0.0680272109vw + 0.8069727891rem, 0.875rem);
    line-height: 1.6;
    margin-top: 16px;
  }
  .p-opencampus_article__teacher-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: min(1.6326530612vw + 13.8775510204px, 40px);
  }
  @media (max-width: 743px) {
    .p-opencampus_article__teacher-list {
      grid-template-columns: 1fr;
      gap: 20px;
    }
  }
  .p-opencampus_article__teacher-item {
    background: var(--color-white-00);
    border: 1px solid var(--color-gray-50);
    border-radius: 10px;
    padding: min(1.1428571429vw + 13.7142857143px, 32px) min(1.6326530612vw + 13.8775510204px, 40px);
  }
  .p-opencampus_article__teacher-thumb img {
    display: block;
    width: 100%;
  }
  .p-opencampus_article__teacher-body {
    margin-top: 24px;
  }
  .p-opencampus_article__teacher-role {
    width: fit-content;
    min-height: 24px;
    padding: 4px 6px;
    background: var(--green, #00B48C);
    color: var(--color-black-100);
    font-size: min(0.0680272109vw + 0.8069727891rem, 0.875rem);
    font-weight: 700;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .p-opencampus_article__teacher-name-wrap {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-top: 4px;
    padding-bottom: 10px;
    border-bottom: 1px solid var(--color-gray-50);
  }
  .p-opencampus_article__teacher-name {
    font-size: min(0.3537414966vw + 0.8962585034rem, 1.25rem);
    font-weight: 700;
    line-height: 1.8;
    color: var(--color-black-100);
  }
  .p-opencampus_article__teacher-ruby {
    font-size: min(0vw + 0.75rem, 0.75rem);
    line-height: 1.8;
    color: var(--color-black-100);
  }
  .p-opencampus_article__teacher-desc {
    margin-top: 10px;
    font-size: min(0.0680272109vw + 0.8069727891rem, 0.875rem);
    line-height: 1.8;
    color: var(--color-black-100);
  }
  .p-opencampus_article__faq-list {
    display: grid;
    gap: 10px;
  }
  .p-opencampus_article__faq-item {
    background: #f1f1f1;
    border-radius: 10px;
    padding: min(0.8163265306vw + 16.9387755102px, 30px) min(1.6326530612vw + 13.8775510204px, 40px);
  }
  .p-opencampus_article__faq-item > dt {
    display: grid;
    grid-template-columns: 2em 1fr;
    gap: 10px;
    align-items: center;
    font-size: min(0.1632653061vw + 15.387755102px, 18px);
    font-weight: 700;
    color: var(--color-black-100);
    border-bottom: 1px solid var(--color-gray-50);
    padding-block-end: 14px;
  }
  .p-opencampus_article__faq-item > dt::before {
    content: "Q.";
    font-family: var(--font-line);
    color: var(--color-green-100);
    font-size: min(0.4897959184vw + 20.1632653061px, 28px);
    line-height: 1;
  }
  .p-opencampus_article__faq-item > dd {
    display: grid;
    grid-template-columns: 2em 1fr;
    gap: 13px;
    padding-block-start: 14px;
    font-size: min(0.1632653061vw + 0.8367346939rem, 1rem);
    line-height: 1.8;
  }
  .p-opencampus_article__faq-item > dd::before {
    content: "A.";
    font-family: var(--font-line);
    color: var(--color-purple-100);
    font-size: min(0.4897959184vw + 20.1632653061px, 28px);
    line-height: 1;
  }
  .p-opencampus_article__access-map {
    border-radius: 8px;
    overflow: hidden;
  }
  .p-opencampus_article__access-map iframe {
    display: block;
    width: 100%;
    height: 328px;
  }
  .p-opencampus_article__access-name {
    font-size: min(0.3537414966vw + 0.8962585034rem, 1.25rem);
    font-weight: 700;
    line-height: 1.6;
    color: var(--color-black-100);
  }
  .p-opencampus_article__access-name > span {
    font-size: min(0.1632653061vw + 0.8367346939rem, 1rem);
    font-weight: 400;
  }
  .p-opencampus_article__access-address {
    font-size: min(0.1632653061vw + 0.8367346939rem, 1rem);
    line-height: 1.8;
    color: var(--color-black-100);
  }
  .p-opencampus_article__aside {
    position: sticky;
    top: 100px;
    order: -1;
  }
  @media (max-width: 743px) {
    .p-opencampus_article__aside {
      position: static;
    }
  }
  .p-opencampus_article__event-card {
    background: var(--color-white-00);
    border-radius: 8px;
    padding: 16px;
    display: flex;
    flex-direction: column;
    gap: 24px;
  }
  .p-opencampus_article__event-current {
    background: var(--color-gray-10);
    border-radius: 8px;
    padding: 24px 16px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
  }
  .p-opencampus_article__event-current-label {
    background: var(--color-black-100);
    color: var(--color-white-00);
    font-size: min(0vw + 0.75rem, 0.75rem);
    font-weight: 700;
    line-height: 1.6;
    padding: 2px 8px 3px;
    text-align: center;
  }
  .p-opencampus_article__event-current-title {
    font-size: min(0.1632653061vw + 0.8367346939rem, 1rem);
    font-weight: 700;
    line-height: 1.6;
    color: var(--color-black-100);
    width: 100%;
    text-align: center;
  }
  .p-opencampus_article__event-actions {
    display: flex;
    flex-direction: column;
    gap: 24px;
  }
  .p-opencampus_article__event-date {
    min-height: 56px;
    border: 1px solid var(--color-gray-50);
    border-radius: 5px;
    padding: 16px;
    background: var(--color-white-00);
    font-size: min(0.1632653061vw + 0.8367346939rem, 1rem);
    font-weight: 500;
    line-height: 1.5;
    color: var(--color-black-100);
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .p-opencampus_single__inner {
    display: grid;
    grid-template-columns: 3fr 8.54fr;
  }
}

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