@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=Lexend+Giga:wght@400&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 {
  @property --color-grad1 {
    syntax: "<color>";
    inherits: false;
    initial-value: #d1e743;
  }
  @property --color-grad2 {
    syntax: "<color>";
    inherits: false;
    initial-value: #d0f7ff;
  }
  @property --color-grad3 {
    syntax: "<color>";
    inherits: false;
    initial-value: #9492ff;
  }
  :root {
    --font-ja: "Noto Sans JP", sans-serif;
    --font-en: "Lexend Giga", sans-serif;
    --color-white-00: #fff;
    --color-black-100: #222222;
    --color-gray-100: #888;
    --color-gray-70: #d3d3d3;
    --color-gray-50: #dfdfdf;
    --color-gray-40: #e1e1e1;
    --color-gray-30: #f2f2f2;
    --color-red-100: #ed392f;
    --color-green-120: #99ac1c;
    --color-green-100: #d1e743;
    --color-blue-100: #019ee3;
    --color-green-line: #13bf5a;
    --grad-angle: 211deg;
    --grad1-pos: -10.02%;
    --grad2-pos: 33.44%;
    --grad3-pos: 81.28%;
    --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-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);
    --ease-out-elastic: cubic-bezier(0.34, 1.56, 0.64, 1);
    --ease-in-out-elastic: linear(
      0,
      0.009,
      0.035 2.1%,
      0.141,
      0.281 6.7%,
      0.723 12.9%,
      0.938 16.7%,
      1.017,
      1.077,
      1.121,
      1.149 24.3%,
      1.159,
      1.163,
      1.161,
      1.154 29.9%,
      1.129 32.8%,
      1.051 39.6%,
      1.017 43.1%,
      0.994,
      0.983 51%,
      0.981 53.8%,
      0.982 57.1%,
      0.999 72%,
      1.002 80%,
      1.001 88%,
      1 92%,
      1 96%
    );
    --dur: 0.3s;
    --container-min-size: 89.3333333333vw;
    --container-min-padding: calc((100vw - var(--container-min-size)) * 0.5);
    --z-header: 5000;
  }
}
@layer base {
  :root {
    scrollbar-gutter: stable;
    -webkit-tap-highlight-color: transparent;
  }
  :root[lang=ja], :root[lang=ch], :root[lang=kr] {
    text-spacing-trim: trim-start;
    text-autospace: normal;
    line-break: strict;
    overflow-wrap: anywhere;
  }
  body {
    color: var(--color-black-100);
    font-family: var(--font-ja);
    font-size: min(0.1632653061vw + 13.387755102px, 16px);
  }
  button:not(:disabled),
  input[type=submit]:not(:disabled) {
    cursor: pointer;
  }
  button:disabled,
  input[type=submit]:disabled {
    cursor: not-allowed;
  }
  img {
    vertical-align: bottom;
    block-size: auto;
    max-inline-size: 100%;
    min-block-size: 1px;
    object-fit: cover;
  }
  img.-t {
    object-position: center top;
  }
  img.-tl {
    object-position: left top;
  }
  img.-tr {
    object-position: right top;
  }
  img.-r {
    object-position: right center;
  }
  img.-b {
    object-position: center bottom;
  }
  img.-bl {
    object-position: left bottom;
  }
  img.-br {
    object-position: right bottom;
  }
  img.-l {
    object-position: left center;
  }
  svg {
    overflow: hidden;
  }
}
@layer components {
  .l-header {
    position: fixed;
    margin-inline: auto;
    top: 0;
    left: 0;
    right: 0;
    z-index: 5001;
    width: 100%;
    padding: 20px 0;
    transform: translateY(-10%);
    opacity: 0;
    transition: 0.8s opacity ease 1.8s, 0.8s transform var(--ease-out-cubic) 1.8s;
  }
  .is-start.is-loaded .l-header {
    opacity: 1;
    transform: translateY(0);
  }
  .l-header__inner {
    align-items: center;
    display: flex;
    justify-content: space-between;
  }
  .l-header__nav {
    position: relative;
    display: flex;
    flex-wrap: nowrap;
    gap: 1em;
    padding: 1em 2em;
    border: 1px solid rgba(35, 35, 35, 0.1);
    background: rgba(255, 255, 255, 0.8);
    backdrop-filter: blur(5px);
    border-radius: 999px;
  }
  @media (max-width: 743px) {
    .l-header__nav {
      position: fixed;
      z-index: 5001;
      bottom: 3%;
      left: 50%;
      width: 90%;
      overflow-x: auto;
      scrollbar-width: none;
      opacity: 0;
      transform: translateX(-50%) translateY(10%);
      transition: 0.8s opacity ease 1.8s, 0.8s transform var(--ease-out-cubic) 1.8s;
    }
    .l-header__nav::-webkit-scrollbar {
      display: none;
    }
    .is-start.is-loaded .l-header__nav {
      opacity: 1;
      transform: translateX(-50%) translateY(0);
    }
  }
  .l-header__nav__item {
    position: relative;
    z-index: 1;
  }
  .l-header__nav__item .text {
    white-space: nowrap;
  }
  .l-header__nav__underline {
    position: absolute;
    bottom: 0.7em;
    left: 0;
    height: 2px;
    background: var(--color-blue-100);
    transition: transform 0.3s var(--ease-out-cubic), width 0.3s var(--ease-out-cubic);
  }
  .l-header__info {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    column-gap: 20px;
  }
  .l-header__info__tel {
    align-items: center;
    display: flex;
  }
  .l-header__info__tel li {
    margin-left: 20px;
  }
}
@layer components {
  .l-footer {
    inline-size: 100%;
    block-size: 100vh;
    min-block-size: 700px;
    position: relative;
  }
  @media (max-width: 1023px) {
    .l-footer {
      block-size: auto;
    }
  }
  .l-footer__info {
    background: linear-gradient(180deg, rgba(217, 217, 217, 0) 0%, #605843 100%);
    inline-size: 100%;
    position: absolute;
    bottom: 0;
    z-index: 5;
    padding-block: min(4.0816326531vw + 34.693877551px, 100px);
    pointer-events: none;
  }
  @media (max-width: 1023px) {
    .l-footer__info {
      padding-block: min(4.0816326531vw + 34.693877551px, 100px) min(8.1632653061vw + 69.387755102px, 200px);
    }
  }
  .is-bottom .l-footer__info {
    pointer-events: auto;
  }
  .l-footer__info__inner {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: min(2.4489795918vw + 0.8163265306px, 40px);
  }
  .l-footer__info__copyright {
    text-align: center;
    font-family: var(--font-en);
    margin-top: min(1.6326530612vw + 13.8775510204px, 40px);
    font-size: 10px;
  }
  .l-footer__cta {
    position: relative;
    inline-size: 100%;
    block-size: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, 0.01);
    backdrop-filter: blur(7.5px);
    z-index: 2;
    opacity: 0;
  }
  @media (max-width: 1023px) {
    .l-footer__cta {
      padding-top: 40px;
    }
  }
  .l-footer__cta__slider {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    z-index: 1;
  }
  @media (max-width: 1023px) {
    .l-footer__cta__slider {
      top: 10%;
    }
  }
  .l-footer__bottom {
    position: absolute;
    opacity: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
    inline-size: 100%;
    block-size: 100%;
    padding-inline: min(3.6734693878vw + 31.2244897959px, 90px);
    display: grid;
    grid-template-columns: 1fr 1fr;
    pointer-events: none;
  }
  @media (max-width: 1023px) {
    .l-footer__bottom {
      grid-template-columns: 1fr;
      gap: 40px;
      padding-inline: 0;
      justify-content: center;
      position: relative;
    }
  }
  @media (max-width: 743px) {
    .l-footer__bottom {
      padding-bottom: 160px;
    }
  }
  .is-bottom .l-footer__bottom {
    pointer-events: auto;
  }
  .l-footer__bottom__copy {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 1em;
    padding-left: min(4.0816326531vw + -15.306122449px, 50px);
    padding-bottom: min(4.0816326531vw + 34.693877551px, 100px);
    width: 100%;
  }
  @media (max-width: 1023px) {
    .l-footer__bottom__copy {
      padding-left: 0;
      padding-bottom: 0;
      padding-top: 80px;
      width: 60%;
      margin-inline: auto;
    }
  }
  .l-footer__bottom__copy .copy01 {
    display: inline-block;
    width: 90%;
  }
  .l-footer__bottom__copy .copy01 img {
    width: 100%;
  }
  .l-footer__bottom__copy .copy02 {
    display: inline-block;
    width: 100%;
  }
  .l-footer__bottom__copy .copy02 img {
    width: 100%;
  }
  .l-footer__bottom__model {
    position: relative;
    display: flex;
    align-items: flex-end;
    width: 100%;
    aspect-ratio: 836/795;
  }
  @media (max-width: 1023px) {
    .l-footer__bottom__model {
      width: 130%;
      left: -20%;
    }
  }
  .l-footer__bottom__model .bg-blue {
    position: absolute;
    bottom: 34%;
    left: 55%;
    border-radius: 50%;
    transform: rotate(-32deg) translateX(-50%) translateY(-50%);
    background: var(--color-blue-100);
    width: 100%;
    aspect-ratio: 835/385;
    z-index: 0;
  }
  @media (max-width: 1023px) {
    .l-footer__bottom__model .bg-blue {
      width: 60%;
      bottom: 60%;
    }
  }
  .l-footer__bottom__model .bg-dot {
    position: absolute;
    transform: translateX(-50%) translateY(-50%);
  }
  .l-footer__bottom__model .bg-dot.-rectangle01 {
    bottom: 50%;
    left: 78%;
    width: 10%;
    z-index: 4;
  }
  .l-footer__bottom__model .bg-dot.-rectangle01 svg {
    width: 100%;
  }
  @media (max-width: 1023px) {
    .l-footer__bottom__model .bg-dot.-rectangle01 {
      bottom: 55%;
      width: 8%;
      z-index: 4;
    }
  }
  .l-footer__bottom__model .bg-dot.-rectangle02 {
    bottom: 8%;
    left: 14%;
    width: 10%;
  }
  .l-footer__bottom__model .bg-dot.-rectangle02 svg {
    width: 100%;
  }
  .l-footer__bottom__model .boy {
    position: relative;
    width: 71%;
    right: -10%;
    z-index: 3;
  }
  .l-footer__bottom__model .boy img {
    width: 100%;
    height: auto;
  }
  .l-footer__bottom__model .girl {
    position: relative;
    width: 40%;
    left: -10%;
    z-index: 2;
  }
  .l-footer__bottom__model .girl img {
    width: 100%;
    height: auto;
  }
}
@layer components {
  .l-drawer {
    max-width: 900px;
    margin: 0 auto;
    top: 50px;
    left: 0;
    width: 100%;
    display: none;
  }
  .l-drawer li {
    margin-bottom: 20px;
    text-align: center;
  }
  .l-drawer_button {
    width: 45px;
    height: 45px;
    position: relative;
    cursor: pointer;
  }
  .l-drawer_button span {
    height: 2px;
    width: 80%;
    position: absolute;
    left: 10%;
    top: 50%;
    margin-top: -1px;
    background-color: #333;
    text-indent: -9999px;
    transition: all 0.3s ease;
  }
  .l-drawer_button span.hidden {
    display: none;
  }
  .l-drawer_button::before, .l-drawer_button::after {
    content: "";
    height: 2px;
    width: 80%;
    position: absolute;
    left: 10%;
    background-color: #333;
    transition: all 0.3s ease;
  }
  .l-drawer_button::before {
    top: 25%;
  }
  .l-drawer_button::after {
    bottom: 25%;
  }
  .l-drawer_button.is-act {
    color: #333;
  }
  .l-drawer_button.is-act:before {
    transform: rotate(135deg);
    top: 45%;
    background: #333;
  }
  .l-drawer_button.is-act:after {
    transform: rotate(-135deg);
    top: 45%;
    background: #333;
  }
}
@layer components {
  .wp-pagenavi {
    display: grid;
    margin-inline: auto;
    inline-size: fit-content;
    grid-template-columns: repeat(var(--column), min-content);
    line-height: 1;
    font-size: min(0.3537414966vw + 0.8962585034rem, 1.25rem);
  }
  .wp-pagenavi:not(:first-child) {
    margin-block-start: min(1.7823129252vw + 21.4829931973px, 50px);
  }
  .wp-pagenavi .first {
    text-decoration: underline;
  }
  .wp-pagenavi > * {
    grid-row: 1/2;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
  }
  .wp-pagenavi > *:not(.previouspostslink):not(.nextpostslink) {
    padding-inline: 0.25em;
    min-width: 2.25em;
    aspect-ratio: 1;
  }
  @media (max-width: 567px) {
    .wp-pagenavi > *:not(.previouspostslink):not(.nextpostslink) {
      min-width: 2em;
    }
  }
  .wp-pagenavi > a:not(.previouspostslink):not(.nextpostslink) {
    transition: var(--dur) color var(--ease-out-sine), var(--dur) background-color var(--ease-out-sine);
    aspect-ratio: 1;
  }
  @media (any-hover: hover) {
    .wp-pagenavi > a:not(.previouspostslink):not(.nextpostslink):hover {
      color: var(--color-black-100);
      background-color: var(--color-gray-100);
    }
  }
  .wp-pagenavi .previouspostslink,
  .wp-pagenavi .nextpostslink {
    grid-column: 1/2;
    color: var(--color-black-100);
    transition: var(--dur) opacity;
  }
  @media (any-hover: hover) {
    .wp-pagenavi .previouspostslink:hover,
    .wp-pagenavi .nextpostslink:hover {
      opacity: 0.7;
    }
  }
  .wp-pagenavi .previouspostslink {
    margin-right: 1em;
  }
  .wp-pagenavi .previouspostslink svg {
    rotate: 180deg;
  }
  .wp-pagenavi .extend {
    white-space: nowrap;
  }
  .wp-pagenavi .page {
    text-decoration: underline;
  }
  .wp-pagenavi .current {
    color: var(--color-black-100);
    text-underline-offset: 0.25em;
    background: var(--color-gray-100);
    border-radius: 999px;
  }
  .wp-pagenavi .nextpostslink {
    grid-column: -1/-2;
    margin-left: 1em;
  }
  .wp-pagenavi .last {
    text-decoration: underline;
  }
  .c-loading {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%) scale(1);
    width: 100vw;
    height: 100lvh;
    transform-origin: center center;
    background-color: var(--color-blue-100);
    z-index: 9000;
    transition: border-radius 0.2s ease 0.3s, transform 0.4s var(--ease-in-out-elastic) 0.3s;
  }
  .is-start.is-loaded .c-loading {
    border-radius: 50%;
    transform: translateX(-50%) translateY(-50%) scale(0);
  }
  .c-frame {
    inline-size: 100%;
    aspect-ratio: var(--c-frame-aspect-ratio, 16/9);
    position: var(--c-frame-position, relative);
    border-radius: var(--c-frame-border-radius, 0px);
    overflow: var(--c-frame-overflow, hidden);
  }
  .c-frame img,
  .c-frame video,
  .c-frame svg,
  .c-frame iframe {
    inline-size: 100%;
    block-size: 100%;
    position: absolute;
    top: 0;
    left: 0;
  }
  .c-slider-progressbar {
    position: relative;
    width: 100%;
    border: 1px solid #d1d1d1;
    height: 13px;
    background-color: var(--color-white-00);
    border-radius: 999px;
    overflow: hidden;
  }
  .c-slider-progressbar .swiper-pagination-progressbar-fill {
    background-color: var(--progressbar-color, var(--color-blue-100));
    width: calc(100% - 8px);
    height: 5px;
    position: absolute;
    border-radius: 999px;
    top: 50%;
    left: 4px;
    transform-origin: left center;
    translate: 0 -50%;
  }
  .c-cta {
    position: relative;
    z-index: 2;
    padding: min(3.5918367347vw + 30.5306122449px, 88px) min(3.2653061224vw + 27.7551020408px, 80px) min(2.612244898vw + 30.2040816327px, 72px);
    background-color: var(--color-white-00);
    border-radius: 40px;
  }
  @media (max-width: 1023px) {
    .c-cta {
      padding: 88px 20px 20px;
      margin-top: 30%;
    }
  }
  .c-cta::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: url(../../img/common/parts/grid_pattern.svg);
    background-repeat: repeat;
    opacity: 0.2;
  }
  .c-cta__head {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: 547fr 342fr;
    gap: min(1.6326530612vw + 13.8775510204px, 40px);
  }
  @media (max-width: 1023px) {
    .c-cta__head {
      grid-template-columns: 1fr;
      gap: 1em;
    }
  }
  .c-cta__head__info {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  @media (max-width: 1023px) {
    .c-cta__head__info {
      order: 1;
    }
  }
  .c-cta__head__title {
    width: 100%;
  }
  .c-cta__head__title svg {
    width: 100%;
  }
  .c-cta__head__image {
    position: relative;
  }
  @media (max-width: 1023px) {
    .c-cta__head__image {
      position: absolute;
      top: -115%;
      left: 50%;
      width: 40%;
      transform: translateX(-50%);
    }
  }
  @media (max-width: 743px) {
    .c-cta__head__image {
      top: -50%;
      width: 50%;
    }
  }
  .c-cta__head__image .image {
    position: absolute;
    top: -35%;
    rotate: 4deg;
    width: min(12.4081632653vw + 143.4693877551px, 342px);
  }
  @media (max-width: 1023px) {
    .c-cta__head__image .image {
      width: 100%;
      top: 0;
    }
  }
  .c-cta__bottom {
    margin-top: min(1.6326530612vw + 13.8775510204px, 40px);
  }
  @media (max-width: 1023px) {
    .c-cta__bottom {
      margin-top: 1em;
    }
  }
  .c-cta__faq {
    max-inline-size: 472px;
    margin-inline: auto;
    width: 100%;
  }
  .c-cta__faq__title {
    margin-top: min(1.6326530612vw + 13.8775510204px, 40px);
    padding: 0.3em;
    text-align: center;
    font-weight: bold;
    display: block;
    color: var(--color-white-00);
    border-radius: 60px;
    background: linear-gradient(270deg, #bbd22a -18.18%, #4ecee8 38.07%, #6563e3 100%);
  }
  @media (max-width: 1023px) {
    .c-cta__faq__title {
      margin-top: 0px;
    }
  }
  .c-cta__faq__list {
    display: grid;
    gap: 1em;
    grid-template-columns: repeat(3, 1fr);
  }
  .c-cta__faq__list svg {
    width: 100%;
  }
  .c-cta__button {
    width: 100%;
  }
  .c-cta__button a {
    display: grid;
    position: relative;
    grid-template-columns: 1fr 1em;
    background-color: var(--color-blue-100);
    padding: min(0.5714285714vw + 4.8571428571px, 14px) min(1.6326530612vw + 13.8775510204px, 40px);
    height: 100%;
    min-height: 64px;
    color: var(--color-white-00);
    align-items: center;
    border-radius: 999px;
    border: 1px solid var(--color-blue-100);
    transition: var(--dur) var(--ease-out-back);
  }
  .c-cta__button a svg {
    transition: var(--dur) ease;
  }
  .c-cta__button a .text {
    display: grid;
    align-items: center;
    gap: 1em;
    grid-template-columns: 2em 1fr;
  }
  .c-cta__button a .text .icon {
    width: 100%;
  }
  .c-cta__button a .text .icon svg {
    width: 100%;
  }
  .c-cta__button a .text .c-text-xs {
    line-height: 1;
  }
  .c-cta__button a .text .c-text-l {
    line-height: 1.4;
  }
  @media (any-hover: hover) {
    .c-cta__button a:hover {
      filter: brightness(110%);
      transform: translateY(-0.5em) scale(1.06);
    }
  }
  .c-cta__button.-line a {
    background-color: var(--color-green-line);
    border-color: var(--color-green-line);
  }
  .p-course_nav {
    color: var(--color-white-00);
    font-size: min(0.0680272109vw + 0.8069727891rem, 0.875rem);
    line-height: 1.4;
    z-index: 1;
    text-align: center;
    inset-inline: 0;
    inset-block-start: calc((var(--header-height, 0px) + var(--header-top, 0px) * 2) * -1);
    inset-block-end: 0;
  }
  .p-course_nav__container {
    block-size: 100dvh;
    position: sticky;
    padding-block-end: min(2.5442176871vw + 25.2925170068px, 66px);
    top: 0;
    display: flex;
    align-items: flex-end;
  }
  .p-course_nav__list {
    border: 1px solid var(--color-gray-70, #8c8c8c);
    background-color: color-mix(in srgb, var(--color-black-100) 80%, transparent);
    inline-size: fit-content;
    margin-inline: auto;
    padding: min(0vw + 8px, 8px);
    overflow-x: auto;
    position: relative;
    white-space: nowrap;
    column-gap: min(0vw + 8px, 8px);
  }
  .p-course_nav__list:has(.p-course_nav__item.is-active) .p-course_nav__item-current {
    background-color: var(--color-white-00);
  }
  .p-course_nav__item {
    display: flex;
    padding: min(0vw + 10px, 10px) min(0.1632653061vw + 13.387755102px, 16px);
    position: relative;
    border-radius: calc(infinity * 1px);
  }
  .p-course_nav__item.is-active {
    color: var(--color-black-100);
  }
  @media (any-hover: hover) {
    .p-course_nav__item {
      transition: var(--dur) color ease;
    }
    .p-course_nav__item:not(.is-active):hover {
      color: var(--color-primitive-red-100);
    }
  }
  .p-course_nav__item-current {
    left: 0;
    inset-block: min(0vw + 8px, 8px);
    background-color: transparent;
    transition: var(--dur) background-color ease, var(--dur) transform var(--ease-out-cubic), var(--dur) width var(--ease-out-cubic);
  }
}
@layer components {
  .c-container {
    margin-inline: auto;
    inline-size: 100%;
    max-inline-size: var(--c-container-size, min(64.0816326531vw + 94.693877551px, 1120px));
  }
  .c-container.-wide {
    --c-container-size: min(80.4081632653vw + 33.4693877551px, 1320px);
  }
  .c-container.-narrow {
    --c-container-size: min(47.7551020408vw + 155.9183673469px, 920px);
  }
  @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(32.0408163265vw + 47.3469387755px, 560px))) minmax(0, 1fr));
  }
  .c-grid-container.-wide {
    --container-grid-inline-size: minmax(0, 1fr) repeat(2, minmax(0, min(38.5714285714vw + 22.8571428571px, 640px))) minmax(0, 1fr);
  }
  @media (max-width: 567px) {
    .c-grid-container {
      grid-template-columns: var(--c-grid-container-min-columns, minmax(0, 1fr) repeat(2, minmax(0, calc(var(--container-min-size) * 0.5))) minmax(0, 1fr));
    }
  }
  .c-grid-fluid {
    display: grid;
    inline-size: 100%;
    grid-template-columns: var(--c-grid-fluid-columns, minmax(0, 1fr) repeat(2, minmax(0, calc(50% - min(0.4897959184vw + 8.1632653061px, 16px) * 2))) minmax(0, 1fr));
  }
  @media (max-width: 567px) {
    .c-grid-fluid {
      grid-template-columns: var(--c-grid-fluid-min-columns, minmax(0, 1fr) repeat(2, minmax(0, calc(var(--container-min-size) * 0.5))) minmax(0, 1fr));
    }
  }
  .c-grid-container > .col1-2,
  .c-grid-fluid > .col1-2 {
    grid-column: 1/2;
  }
  .c-grid-container > .col1-3,
  .c-grid-fluid > .col1-3 {
    grid-column: 1/3;
  }
  .c-grid-container > .col1-4,
  .c-grid-fluid > .col1-4 {
    grid-column: 1/4;
  }
  .c-grid-container > .col1-5,
  .c-grid-fluid > .col1-5 {
    grid-column: 1/5;
  }
  .c-grid-container > .col2-3,
  .c-grid-fluid > .col2-3 {
    grid-column: 2/3;
  }
  .c-grid-container > .col2-4,
  .c-grid-fluid > .col2-4 {
    grid-column: 2/4;
  }
  .c-grid-container > .col2-5,
  .c-grid-fluid > .col2-5 {
    grid-column: 2/5;
  }
  .c-grid-container > .col3-4,
  .c-grid-fluid > .col3-4 {
    grid-column: 3/4;
  }
  .c-grid-container > .col3-5,
  .c-grid-fluid > .col3-5 {
    grid-column: 3/5;
  }
  .c-grid-container > .col4-5,
  .c-grid-fluid > .col4-5 {
    grid-column: 4/5;
  }
  .c-grid-container.-nowrap > [class*=col],
  .c-grid-fluid.-nowrap > [class*=col] {
    grid-row: 1/-1;
  }
}
@layer components {
  .c-grid-column {
    display: grid;
  }
  .c-grid-column.-col4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  @media (max-width: 1599px) {
    .c-grid-column.-col4.-col4-max {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  @media (max-width: 1299px) {
    .c-grid-column.-col4.-col4-md {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  @media (max-width: 1023px) {
    .c-grid-column.-col4.-col4-tab {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  @media (max-width: 743px) {
    .c-grid-column.-col4.-col4-sp {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col4.-col4-spmin {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  @media (max-width: 1599px) {
    .c-grid-column.-col4.-col3-max {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  @media (max-width: 1299px) {
    .c-grid-column.-col4.-col3-md {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  @media (max-width: 1023px) {
    .c-grid-column.-col4.-col3-tab {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  @media (max-width: 743px) {
    .c-grid-column.-col4.-col3-sp {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col4.-col3-spmin {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  @media (max-width: 1599px) {
    .c-grid-column.-col4.-col2-max {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  @media (max-width: 1299px) {
    .c-grid-column.-col4.-col2-md {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  @media (max-width: 1023px) {
    .c-grid-column.-col4.-col2-tab {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  @media (max-width: 743px) {
    .c-grid-column.-col4.-col2-sp {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col4.-col2-spmin {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  @media (max-width: 1599px) {
    .c-grid-column.-col4.-col1-max {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
  }
  @media (max-width: 1299px) {
    .c-grid-column.-col4.-col1-md {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
  }
  @media (max-width: 1023px) {
    .c-grid-column.-col4.-col1-tab {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
  }
  @media (max-width: 743px) {
    .c-grid-column.-col4.-col1-sp {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col4.-col1-spmin {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
  }
  @media (max-width: 1599px) {
    .c-grid-column.-col4-max {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  @media (max-width: 1299px) {
    .c-grid-column.-col4-max.-col4-md {
      grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 1023px) {
    .c-grid-column.-col4-max.-col4-tab {
      grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 743px) {
    .c-grid-column.-col4-max.-col4-sp {
      grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col4-max.-col4-spmin {
      grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 1299px) {
    .c-grid-column.-col4-max.-col3-md {
      grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 1023px) {
    .c-grid-column.-col4-max.-col3-tab {
      grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 743px) {
    .c-grid-column.-col4-max.-col3-sp {
      grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col4-max.-col3-spmin {
      grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 1299px) {
    .c-grid-column.-col4-max.-col2-md {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 1023px) {
    .c-grid-column.-col4-max.-col2-tab {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 743px) {
    .c-grid-column.-col4-max.-col2-sp {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col4-max.-col2-spmin {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 1299px) {
    .c-grid-column.-col4-max.-col1-md {
      grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 1023px) {
    .c-grid-column.-col4-max.-col1-tab {
      grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 743px) {
    .c-grid-column.-col4-max.-col1-sp {
      grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col4-max.-col1-spmin {
      grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 1299px) {
    .c-grid-column.-col4-md {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  @media (max-width: 1023px) {
    .c-grid-column.-col4-md.-col4-tab {
      grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 743px) {
    .c-grid-column.-col4-md.-col4-sp {
      grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col4-md.-col4-spmin {
      grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 1023px) {
    .c-grid-column.-col4-md.-col3-tab {
      grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 743px) {
    .c-grid-column.-col4-md.-col3-sp {
      grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col4-md.-col3-spmin {
      grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 1023px) {
    .c-grid-column.-col4-md.-col2-tab {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 743px) {
    .c-grid-column.-col4-md.-col2-sp {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col4-md.-col2-spmin {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 1023px) {
    .c-grid-column.-col4-md.-col1-tab {
      grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 743px) {
    .c-grid-column.-col4-md.-col1-sp {
      grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col4-md.-col1-spmin {
      grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 1023px) {
    .c-grid-column.-col4-tab {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  @media (max-width: 743px) {
    .c-grid-column.-col4-tab.-col4-sp {
      grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col4-tab.-col4-spmin {
      grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 743px) {
    .c-grid-column.-col4-tab.-col3-sp {
      grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col4-tab.-col3-spmin {
      grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 743px) {
    .c-grid-column.-col4-tab.-col2-sp {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col4-tab.-col2-spmin {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 743px) {
    .c-grid-column.-col4-tab.-col1-sp {
      grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col4-tab.-col1-spmin {
      grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 743px) {
    .c-grid-column.-col4-sp {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col4-sp.-col4-spmin {
      grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col4-sp.-col3-spmin {
      grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col4-sp.-col2-spmin {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col4-sp.-col1-spmin {
      grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col4-spmin {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  .c-grid-column.-col3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  @media (max-width: 1599px) {
    .c-grid-column.-col3.-col4-max {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  @media (max-width: 1299px) {
    .c-grid-column.-col3.-col4-md {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  @media (max-width: 1023px) {
    .c-grid-column.-col3.-col4-tab {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  @media (max-width: 743px) {
    .c-grid-column.-col3.-col4-sp {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col3.-col4-spmin {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  @media (max-width: 1599px) {
    .c-grid-column.-col3.-col3-max {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  @media (max-width: 1299px) {
    .c-grid-column.-col3.-col3-md {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  @media (max-width: 1023px) {
    .c-grid-column.-col3.-col3-tab {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  @media (max-width: 743px) {
    .c-grid-column.-col3.-col3-sp {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col3.-col3-spmin {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  @media (max-width: 1599px) {
    .c-grid-column.-col3.-col2-max {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  @media (max-width: 1299px) {
    .c-grid-column.-col3.-col2-md {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  @media (max-width: 1023px) {
    .c-grid-column.-col3.-col2-tab {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  @media (max-width: 743px) {
    .c-grid-column.-col3.-col2-sp {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col3.-col2-spmin {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  @media (max-width: 1599px) {
    .c-grid-column.-col3.-col1-max {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
  }
  @media (max-width: 1299px) {
    .c-grid-column.-col3.-col1-md {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
  }
  @media (max-width: 1023px) {
    .c-grid-column.-col3.-col1-tab {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
  }
  @media (max-width: 743px) {
    .c-grid-column.-col3.-col1-sp {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col3.-col1-spmin {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
  }
  @media (max-width: 1599px) {
    .c-grid-column.-col3-max {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  @media (max-width: 1299px) {
    .c-grid-column.-col3-max.-col4-md {
      grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 1023px) {
    .c-grid-column.-col3-max.-col4-tab {
      grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 743px) {
    .c-grid-column.-col3-max.-col4-sp {
      grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col3-max.-col4-spmin {
      grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 1299px) {
    .c-grid-column.-col3-max.-col3-md {
      grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 1023px) {
    .c-grid-column.-col3-max.-col3-tab {
      grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 743px) {
    .c-grid-column.-col3-max.-col3-sp {
      grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col3-max.-col3-spmin {
      grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 1299px) {
    .c-grid-column.-col3-max.-col2-md {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 1023px) {
    .c-grid-column.-col3-max.-col2-tab {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 743px) {
    .c-grid-column.-col3-max.-col2-sp {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col3-max.-col2-spmin {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 1299px) {
    .c-grid-column.-col3-max.-col1-md {
      grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 1023px) {
    .c-grid-column.-col3-max.-col1-tab {
      grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 743px) {
    .c-grid-column.-col3-max.-col1-sp {
      grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col3-max.-col1-spmin {
      grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 1299px) {
    .c-grid-column.-col3-md {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  @media (max-width: 1023px) {
    .c-grid-column.-col3-md.-col4-tab {
      grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 743px) {
    .c-grid-column.-col3-md.-col4-sp {
      grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col3-md.-col4-spmin {
      grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 1023px) {
    .c-grid-column.-col3-md.-col3-tab {
      grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 743px) {
    .c-grid-column.-col3-md.-col3-sp {
      grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col3-md.-col3-spmin {
      grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 1023px) {
    .c-grid-column.-col3-md.-col2-tab {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 743px) {
    .c-grid-column.-col3-md.-col2-sp {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col3-md.-col2-spmin {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 1023px) {
    .c-grid-column.-col3-md.-col1-tab {
      grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 743px) {
    .c-grid-column.-col3-md.-col1-sp {
      grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col3-md.-col1-spmin {
      grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 1023px) {
    .c-grid-column.-col3-tab {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  @media (max-width: 743px) {
    .c-grid-column.-col3-tab.-col4-sp {
      grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col3-tab.-col4-spmin {
      grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 743px) {
    .c-grid-column.-col3-tab.-col3-sp {
      grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col3-tab.-col3-spmin {
      grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 743px) {
    .c-grid-column.-col3-tab.-col2-sp {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col3-tab.-col2-spmin {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 743px) {
    .c-grid-column.-col3-tab.-col1-sp {
      grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col3-tab.-col1-spmin {
      grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 743px) {
    .c-grid-column.-col3-sp {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col3-sp.-col4-spmin {
      grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col3-sp.-col3-spmin {
      grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col3-sp.-col2-spmin {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col3-sp.-col1-spmin {
      grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col3-spmin {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  .c-grid-column.-col2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  @media (max-width: 1599px) {
    .c-grid-column.-col2.-col4-max {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  @media (max-width: 1299px) {
    .c-grid-column.-col2.-col4-md {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  @media (max-width: 1023px) {
    .c-grid-column.-col2.-col4-tab {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  @media (max-width: 743px) {
    .c-grid-column.-col2.-col4-sp {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col2.-col4-spmin {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  @media (max-width: 1599px) {
    .c-grid-column.-col2.-col3-max {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  @media (max-width: 1299px) {
    .c-grid-column.-col2.-col3-md {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  @media (max-width: 1023px) {
    .c-grid-column.-col2.-col3-tab {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  @media (max-width: 743px) {
    .c-grid-column.-col2.-col3-sp {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col2.-col3-spmin {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  @media (max-width: 1599px) {
    .c-grid-column.-col2.-col2-max {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  @media (max-width: 1299px) {
    .c-grid-column.-col2.-col2-md {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  @media (max-width: 1023px) {
    .c-grid-column.-col2.-col2-tab {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  @media (max-width: 743px) {
    .c-grid-column.-col2.-col2-sp {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col2.-col2-spmin {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  @media (max-width: 1599px) {
    .c-grid-column.-col2.-col1-max {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
  }
  @media (max-width: 1299px) {
    .c-grid-column.-col2.-col1-md {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
  }
  @media (max-width: 1023px) {
    .c-grid-column.-col2.-col1-tab {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
  }
  @media (max-width: 743px) {
    .c-grid-column.-col2.-col1-sp {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col2.-col1-spmin {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
  }
  @media (max-width: 1599px) {
    .c-grid-column.-col2-max {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  @media (max-width: 1299px) {
    .c-grid-column.-col2-max.-col4-md {
      grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 1023px) {
    .c-grid-column.-col2-max.-col4-tab {
      grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 743px) {
    .c-grid-column.-col2-max.-col4-sp {
      grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col2-max.-col4-spmin {
      grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 1299px) {
    .c-grid-column.-col2-max.-col3-md {
      grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 1023px) {
    .c-grid-column.-col2-max.-col3-tab {
      grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 743px) {
    .c-grid-column.-col2-max.-col3-sp {
      grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col2-max.-col3-spmin {
      grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 1299px) {
    .c-grid-column.-col2-max.-col2-md {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 1023px) {
    .c-grid-column.-col2-max.-col2-tab {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 743px) {
    .c-grid-column.-col2-max.-col2-sp {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col2-max.-col2-spmin {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 1299px) {
    .c-grid-column.-col2-max.-col1-md {
      grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 1023px) {
    .c-grid-column.-col2-max.-col1-tab {
      grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 743px) {
    .c-grid-column.-col2-max.-col1-sp {
      grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col2-max.-col1-spmin {
      grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 1299px) {
    .c-grid-column.-col2-md {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  @media (max-width: 1023px) {
    .c-grid-column.-col2-md.-col4-tab {
      grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 743px) {
    .c-grid-column.-col2-md.-col4-sp {
      grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col2-md.-col4-spmin {
      grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 1023px) {
    .c-grid-column.-col2-md.-col3-tab {
      grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 743px) {
    .c-grid-column.-col2-md.-col3-sp {
      grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col2-md.-col3-spmin {
      grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 1023px) {
    .c-grid-column.-col2-md.-col2-tab {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 743px) {
    .c-grid-column.-col2-md.-col2-sp {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col2-md.-col2-spmin {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 1023px) {
    .c-grid-column.-col2-md.-col1-tab {
      grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 743px) {
    .c-grid-column.-col2-md.-col1-sp {
      grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col2-md.-col1-spmin {
      grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 1023px) {
    .c-grid-column.-col2-tab {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  @media (max-width: 743px) {
    .c-grid-column.-col2-tab.-col4-sp {
      grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col2-tab.-col4-spmin {
      grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 743px) {
    .c-grid-column.-col2-tab.-col3-sp {
      grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col2-tab.-col3-spmin {
      grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 743px) {
    .c-grid-column.-col2-tab.-col2-sp {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col2-tab.-col2-spmin {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 743px) {
    .c-grid-column.-col2-tab.-col1-sp {
      grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col2-tab.-col1-spmin {
      grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 743px) {
    .c-grid-column.-col2-sp {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col2-sp.-col4-spmin {
      grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col2-sp.-col3-spmin {
      grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col2-sp.-col2-spmin {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col2-sp.-col1-spmin {
      grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col2-spmin {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .c-grid-column.-col1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  @media (max-width: 1599px) {
    .c-grid-column.-col1.-col4-max {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  @media (max-width: 1299px) {
    .c-grid-column.-col1.-col4-md {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  @media (max-width: 1023px) {
    .c-grid-column.-col1.-col4-tab {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  @media (max-width: 743px) {
    .c-grid-column.-col1.-col4-sp {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col1.-col4-spmin {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  @media (max-width: 1599px) {
    .c-grid-column.-col1.-col3-max {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  @media (max-width: 1299px) {
    .c-grid-column.-col1.-col3-md {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  @media (max-width: 1023px) {
    .c-grid-column.-col1.-col3-tab {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  @media (max-width: 743px) {
    .c-grid-column.-col1.-col3-sp {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col1.-col3-spmin {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  @media (max-width: 1599px) {
    .c-grid-column.-col1.-col2-max {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  @media (max-width: 1299px) {
    .c-grid-column.-col1.-col2-md {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  @media (max-width: 1023px) {
    .c-grid-column.-col1.-col2-tab {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  @media (max-width: 743px) {
    .c-grid-column.-col1.-col2-sp {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col1.-col2-spmin {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  @media (max-width: 1599px) {
    .c-grid-column.-col1.-col1-max {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
  }
  @media (max-width: 1299px) {
    .c-grid-column.-col1.-col1-md {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
  }
  @media (max-width: 1023px) {
    .c-grid-column.-col1.-col1-tab {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
  }
  @media (max-width: 743px) {
    .c-grid-column.-col1.-col1-sp {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col1.-col1-spmin {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
  }
  @media (max-width: 1599px) {
    .c-grid-column.-col1-max {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
  }
  @media (max-width: 1299px) {
    .c-grid-column.-col1-max.-col4-md {
      grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 1023px) {
    .c-grid-column.-col1-max.-col4-tab {
      grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 743px) {
    .c-grid-column.-col1-max.-col4-sp {
      grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col1-max.-col4-spmin {
      grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 1299px) {
    .c-grid-column.-col1-max.-col3-md {
      grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 1023px) {
    .c-grid-column.-col1-max.-col3-tab {
      grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 743px) {
    .c-grid-column.-col1-max.-col3-sp {
      grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col1-max.-col3-spmin {
      grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 1299px) {
    .c-grid-column.-col1-max.-col2-md {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 1023px) {
    .c-grid-column.-col1-max.-col2-tab {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 743px) {
    .c-grid-column.-col1-max.-col2-sp {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col1-max.-col2-spmin {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 1299px) {
    .c-grid-column.-col1-max.-col1-md {
      grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 1023px) {
    .c-grid-column.-col1-max.-col1-tab {
      grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 743px) {
    .c-grid-column.-col1-max.-col1-sp {
      grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col1-max.-col1-spmin {
      grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 1299px) {
    .c-grid-column.-col1-md {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
  }
  @media (max-width: 1023px) {
    .c-grid-column.-col1-md.-col4-tab {
      grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 743px) {
    .c-grid-column.-col1-md.-col4-sp {
      grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col1-md.-col4-spmin {
      grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 1023px) {
    .c-grid-column.-col1-md.-col3-tab {
      grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 743px) {
    .c-grid-column.-col1-md.-col3-sp {
      grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col1-md.-col3-spmin {
      grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 1023px) {
    .c-grid-column.-col1-md.-col2-tab {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 743px) {
    .c-grid-column.-col1-md.-col2-sp {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col1-md.-col2-spmin {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 1023px) {
    .c-grid-column.-col1-md.-col1-tab {
      grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 743px) {
    .c-grid-column.-col1-md.-col1-sp {
      grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col1-md.-col1-spmin {
      grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 1023px) {
    .c-grid-column.-col1-tab {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
  }
  @media (max-width: 743px) {
    .c-grid-column.-col1-tab.-col4-sp {
      grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col1-tab.-col4-spmin {
      grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 743px) {
    .c-grid-column.-col1-tab.-col3-sp {
      grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col1-tab.-col3-spmin {
      grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 743px) {
    .c-grid-column.-col1-tab.-col2-sp {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col1-tab.-col2-spmin {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 743px) {
    .c-grid-column.-col1-tab.-col1-sp {
      grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col1-tab.-col1-spmin {
      grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 743px) {
    .c-grid-column.-col1-sp {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col1-sp.-col4-spmin {
      grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col1-sp.-col3-spmin {
      grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col1-sp.-col2-spmin {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col1-sp.-col1-spmin {
      grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col1-spmin {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
  }
}
@layer components {
  .wpcf7-form {
    --label-optional-border-color: var(--color-gray-100, #888);
    --label-required-border-color: color-mix(in srgb, var(--color-red-100, #f00) 60%, yellow);
    --label-required-background-color: color-mix(in srgb, var(--color-red-100, #f00) 60%, yellow);
    --file-button-background-color: var(--color-black-100, #000);
    --radio-checkbox-checked-color: var(--color-black-100, #000);
    --radio-checkbox-focus-color: var(--color-gray-50, #ccc);
    --error-fukidashi-background-color: color-mix(in srgb, var(--color-red-100, #f00) 90%, #000);
    font-size: min(0.1632653061vw + 0.8367346939rem, 1rem);
    line-height: 1.5;
  }
  .wpcf7-form__no-item {
    display: contents;
  }
  .wpcf7-form__item + .wpcf7-form__item {
    margin-block-start: min(0.8163265306vw + 26.9387755102px, 40px);
  }
  .wpcf7-form__item:has(.wpcf7-not-valid-tip) + .wpcf7-form__item {
    margin-block-start: min(0.9387755102vw + 44.9795918367px, 60px);
  }
  .wpcf7-form__item__head {
    display: flex;
    column-gap: 0.5em;
  }
  .wpcf7-form__item__head::before {
    font-size: min(0.1224489796vw + 0.6275510204rem, 0.75rem);
    line-height: 1;
    padding: 0.25em 0.5em;
    align-self: start;
    border-radius: calc(infinity * 1px);
    border: 1px solid;
    margin-block-start: 0.125em;
    white-space: nowrap;
  }
  .wpcf7-form__item:not(:has([aria-required=true])) .wpcf7-form__item__head::before {
    content: "任意";
    border-color: var(--label-optional-border-color);
  }
  .wpcf7-form__item:has(:is([aria-required=true], .wpcf7-radio)) .wpcf7-form__item__head::before {
    content: "必須";
    color: var(--color-white-00, #fff);
    border-color: var(--label-required-border-color);
    background-color: var(--label-required-background-color);
  }
  .wpcf7-form__item__head + .wpcf7-form__item__body {
    margin-block-start: min(0.1156462585vw + 13.1496598639px, 15px);
  }
  .wpcf7-form__item__body {
    display: flex;
    flex-direction: column;
    row-gap: 0.5em;
  }
  .wpcf7-form__item__body > *:not(.wpcf7-form-control-wrap) {
    align-items: center;
    display: flex;
    column-gap: 0.5em;
    max-inline-size: 100%;
    white-space: nowrap;
  }
  .wpcf7-form__item__body.-full .wpcf7-form-control-wrap, .wpcf7-form__item__body:has(textarea) .wpcf7-form-control-wrap, .wpcf7-form__item__body:has(.wpcf7-file) .wpcf7-form-control-wrap {
    inline-size: 100%;
  }
  .wpcf7-form__item__body:has(> *:not(.wpcf7-form-control-wrap):nth-child(2)) {
    flex-direction: row;
    column-gap: 1em;
  }
  .wpcf7-form__item__body + .wpcf7-form__item__body {
    margin-block-start: min(0vw + 10px, 10px);
  }
  .wpcf7-form__item__body:has(.wpcf7-not-valid-tip) + .wpcf7-form__item__body {
    margin-block-start: min(0.3265306122vw + 34.7755102041px, 40px);
  }
  .wpcf7-form__acceptance:not(:first-child), .wpcf7-form__submit:not(:first-child) {
    margin-block-start: min(0.9387755102vw + 44.9795918367px, 60px);
  }
  .wpcf7-form__item:has(.wpcf7-not-valid-tip) + .wpcf7-form__acceptance, .wpcf7-form__item:has(.wpcf7-not-valid-tip) + .wpcf7-form__submit {
    margin-block-start: min(0.7210884354vw + 68.462585034px, 80px);
  }
  .wpcf7-form__acceptance {
    text-align: center;
    display: flex;
    justify-content: center;
    gap: 10px;
  }
  .wpcf7-form__acceptance .wpcf7-list-item {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
  }
  .wpcf7-form__acceptance .wpcf7-list-item::after {
    font-size: min(0.1224489796vw + 0.6275510204rem, 0.75rem);
    line-height: 1;
    padding: 0.25em 0.5em;
    align-self: start;
    border-radius: calc(infinity * 1px);
    border: 1px solid;
    margin-block-start: 0.125em;
    white-space: nowrap;
    content: "必須";
    color: var(--color-white-00, #fff);
    border-color: var(--label-required-background-color);
    background-color: var(--label-required-background-color);
  }
  .wpcf7-form__acceptance a {
    text-decoration: underline;
    transition: color 0.3s;
  }
  @media (any-hover: hover) {
    .wpcf7-form__acceptance a:hover {
      text-decoration: none;
    }
  }
  .wpcf7-form__submit input[type=submit] {
    margin-inline: auto;
    color: var(--color-white-00, #fff);
    display: block;
    border-radius: calc(infinity * 1px);
    text-align: center;
    padding: 1em;
    min-inline-size: min(240px, 100%);
  }
  .wpcf7-form__submit input[type=submit]:not(:disabled) {
    background-color: var(--color-black-100, #000);
    cursor: pointer;
    transition: var(--dur, 0.2s) opacity var(--ease-out-sine, ease-out), var(--dur, 0.2s) background-color var(--ease-out-sine, ease-out);
  }
  @media (any-hover: hover) {
    .wpcf7-form__submit input[type=submit]:not(:disabled):hover {
      opacity: 0.75;
    }
  }
  .wpcf7-form__submit input[type=submit]:disabled {
    opacity: 0.5;
    background-color: var(--color-gray-50, #ccc);
    cursor: not-allowed;
  }
  .wpcf7-form-control-wrap {
    display: block;
    inline-size: fit-content;
    max-inline-size: 100%;
    position: relative;
  }
  .wpcf7-form-control-wrap :where([type=text], [type=tel], [type=email], [type=number], [type=password], [type=url], [type=date], select, textarea) {
    inline-size: 100%;
    display: block;
    background-color: var(--color-white-00, #fff);
    border: 1px solid var(--color-gray-50, #ccc);
    border-radius: 5px;
    font-size: 1rem;
    padding: 1rem;
    appearance: none;
  }
  .wpcf7-form-control-wrap [type=date] {
    display: flex;
    column-gap: 1em;
    align-items: center;
  }
  .wpcf7-form-control-wrap [type=date]::before {
    font-size: min(0.0680272109vw + 0.8069727891rem, 0.875rem);
    content: "日付を選択する";
    white-space: nowrap;
    color: var(--color-gray-100, #888);
  }
  .wpcf7-form-control-wrap:has(select) select {
    padding-inline-end: 2rem;
  }
  .wpcf7-form-control-wrap:has(select)::after {
    content: "";
    position: absolute;
    width: 0.6em;
    pointer-events: none;
    height: 0.35em;
    border-inline: 0.3em solid transparent;
    top: calc(50% - 0.2em);
    right: 0.75rem;
    border-block-start: 0.35em solid var(--color-black-100, #000);
  }
  .wpcf7-form-control-wrap textarea {
    inline-size: 100%;
    resize: vertical;
    field-sizing: content;
    min-block-size: 12em;
  }
  :where(.wpcf7-checkbox, .wpcf7-radio, .wpcf7-acceptance) {
    display: flex;
    flex-wrap: wrap;
    column-gap: 1.5em;
    row-gap: 1em;
  }
  .-vertical :where(.wpcf7-checkbox, .wpcf7-radio, .wpcf7-acceptance) {
    flex-direction: column;
  }
  :where(.wpcf7-checkbox, .wpcf7-radio, .wpcf7-acceptance) input {
    appearance: none;
    position: absolute;
    opacity: 0;
  }
  :where(.wpcf7-checkbox, .wpcf7-radio, .wpcf7-acceptance) .wpcf7-list-item:not(:has(label)),
  :where(.wpcf7-checkbox, .wpcf7-radio, .wpcf7-acceptance) .wpcf7-list-item label {
    position: relative;
    display: flex;
    align-items: flex-start;
    column-gap: 0.5em;
    cursor: pointer;
  }
  :where(.wpcf7-checkbox, .wpcf7-radio, .wpcf7-acceptance) .wpcf7-list-item:not(:has(label))::before,
  :where(.wpcf7-checkbox, .wpcf7-radio, .wpcf7-acceptance) .wpcf7-list-item label::before {
    content: "";
    inline-size: 1.5em;
    min-inline-size: 1.5em;
    block-size: 1.5em;
    border: 1px solid var(--color-gray-50, #ccc);
    transition: var(--dur, 0.2s) border-color var(--ease-out-sine, ease-out);
  }
  :where(.wpcf7-checkbox, .wpcf7-radio, .wpcf7-acceptance) .wpcf7-list-item:not(:has(label))::after,
  :where(.wpcf7-checkbox, .wpcf7-radio, .wpcf7-acceptance) .wpcf7-list-item label::after {
    content: "";
    position: absolute;
    transition: var(--dur, 0.2s) opacity var(--ease-out-sine, ease-out);
    opacity: 0;
  }
  :where(.wpcf7-checkbox, .wpcf7-radio, .wpcf7-acceptance) .wpcf7-list-item:not(:has(label)):has(:checked)::before,
  :where(.wpcf7-checkbox, .wpcf7-radio, .wpcf7-acceptance) .wpcf7-list-item label:has(:checked)::before {
    border-color: var(--radio-checkbox-checked-color);
  }
  :where(.wpcf7-checkbox, .wpcf7-radio, .wpcf7-acceptance) .wpcf7-list-item:not(:has(label)):has(:checked)::after,
  :where(.wpcf7-checkbox, .wpcf7-radio, .wpcf7-acceptance) .wpcf7-list-item label:has(:checked)::after {
    opacity: 1;
  }
  :where(.wpcf7-checkbox, .wpcf7-radio, .wpcf7-acceptance) .wpcf7-list-item:not(:has(label)):has(:focus-visible),
  :where(.wpcf7-checkbox, .wpcf7-radio, .wpcf7-acceptance) .wpcf7-list-item label:has(:focus-visible) {
    outline-offset: 4px;
    outline: auto;
    outline: 2px solid -webkit-focus-ring-color;
    border-radius: 2px;
  }
  .wpcf7-checkbox .wpcf7-list-item:not(:has(label))::before,
  .wpcf7-checkbox .wpcf7-list-item label::before,
  .wpcf7-acceptance .wpcf7-list-item:not(:has(label))::before,
  .wpcf7-acceptance .wpcf7-list-item label::before {
    content: "";
    border-radius: 0.25em;
  }
  .wpcf7-checkbox .wpcf7-list-item:not(:has(label))::after,
  .wpcf7-checkbox .wpcf7-list-item label::after,
  .wpcf7-acceptance .wpcf7-list-item:not(:has(label))::after,
  .wpcf7-acceptance .wpcf7-list-item label::after {
    inline-size: 0.8em;
    block-size: 0.5em;
    border-block-end: 2px solid var(--radio-checkbox-checked-color);
    border-inline-start: 2px solid var(--radio-checkbox-checked-color);
    rotate: -45deg;
    top: 0.375em;
    left: 0.35em;
  }
  .wpcf7-radio .wpcf7-list-item:not(:has(label))::before,
  .wpcf7-radio .wpcf7-list-item label::before {
    content: "";
    border-radius: calc(infinity * 1px);
  }
  .wpcf7-radio .wpcf7-list-item:not(:has(label))::after,
  .wpcf7-radio .wpcf7-list-item label::after {
    background-color: var(--radio-checkbox-checked-color);
    top: 0.5em;
    left: 0.5em;
    inline-size: 0.5em;
    aspect-ratio: 1/1;
    border-radius: calc(infinity * 1px);
  }
  .wpcf7-file {
    inline-size: 0;
    block-size: 0;
    opacity: 0;
    padding: 0;
    border: none;
    display: block;
    position: absolute;
  }
  .wpcf7-file:focus-visible + .wpcf7-file__label {
    outline: auto;
    outline: 2px solid -webkit-focus-ring-color;
  }
  .wpcf7-file__label {
    cursor: pointer;
    inline-size: 100%;
    background-color: var(--color-white-00);
    border: 1px solid var(--color-gray-50);
    border-radius: 5px;
    font-size: min(0.1632653061vw + 13.387755102px, 16px);
    padding-block: min(0.1632653061vw + 13.387755102px, 16px);
    padding-inline-start: min(0.1632653061vw + 13.387755102px, 16px);
    display: flex;
    position: relative;
    column-gap: 1em;
    justify-content: space-between;
  }
  .wpcf7-file__label__text {
    color: var(--color-gray-100);
    word-break: keep-all;
  }
  .wpcf7-file__label__text.is-filled {
    color: var(--color-black-100);
  }
  .wpcf7-file__label:has(.is-filled) + .wpcf7-file__label__delete {
    display: flex;
  }
  .wpcf7-file__label__button {
    background-color: var(--file-button-background-color);
    color: var(--color-white-00, #fff);
    justify-content: center;
    display: flex;
    align-items: center;
    border-top-right-radius: 5px;
    font-size: min(0vw + 0.75rem, 0.75rem);
    line-height: 1.4;
    padding-inline: 1em;
    column-gap: 0.5em;
    word-break: keep-all;
    border-bottom-right-radius: 5px;
    margin-inline-end: -1px;
    margin-block-start: calc(min(0.1632653061vw + 13.387755102px, 16px) * -1 - 1px);
    margin-block-end: calc(min(0.1632653061vw + 13.387755102px, 16px) * -1 - 1px);
  }
  .wpcf7-file__label__button svg {
    fill: currentColor;
    width: 1.25em;
    min-width: 1.25em;
    height: 1.25em;
  }
  .wpcf7-file__label__delete {
    position: absolute;
    bottom: 100%;
    left: 100%;
    inline-size: 1.5em;
    max-inline-size: 1.5em;
    height: 1.5em;
    cursor: pointer;
    display: none;
    translate: -50% 50%;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--file-button-background-color);
    background-color: var(--color-white-00, #fff);
    border-radius: 50%;
  }
  @media (any-hover: hover) {
    .wpcf7-file__label__delete {
      transition: var(--dur) scale var(--ease-out-cubic);
    }
    .wpcf7-file__label__delete:hover {
      scale: 1.25;
    }
  }
  .wpcf7-file__label__delete svg {
    width: 50%;
    height: 50%;
    display: block;
    fill: currentColor;
    rotate: 45deg;
  }
}
.wpcf7-list-item {
  margin: 0;
  display: flex;
}

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

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

@layer components {
  .c-button-primary a {
    display: grid;
    position: relative;
    grid-template-columns: 1fr 1em;
    background: rgba(34, 34, 34, 0.8);
    padding: min(0.5714285714vw + 4.8571428571px, 14px) min(1.6326530612vw + 13.8775510204px, 40px);
    gap: 1em;
    color: var(--color-white-00);
    align-items: center;
    border-radius: 999px;
    border: 1px solid var(--color-white-00);
    transition: 0.4s var(--ease-out-back);
  }
  .c-button-primary a svg {
    transition: var(--dur) ease;
  }
  .c-button-primary a .text {
    display: grid;
    align-items: center;
    gap: 1em;
    grid-template-columns: 2em 1fr;
  }
  .c-button-primary a .text .c-text-xs {
    line-height: 1;
  }
  .c-button-primary a .text .c-text-l {
    line-height: 1.4;
  }
  @media (any-hover: hover) {
    .c-button-primary a:hover {
      background: var(--color-white-00);
      color: var(--color-black-100);
    }
  }
}
@layer components {
  .c-heading-primary {
    font-size: min(1.306122449vw + 1.193877551rem, 2.5rem);
    line-height: 1.5;
    font-weight: 700;
    display: flex;
  }
  .c-heading-primary:not(.-border)::before {
    content: "・";
    color: gray;
  }
  .c-heading-primary.-border {
    border-block-end: 1px solid gray;
    padding-block-end: 0.25em;
  }
  .c-heading-primary.-ondark {
    color: var(--color-white, #fff);
  }
  .c-heading-primary.-ondark:not(.-border)::before {
    color: var(--color-white, #fff);
  }
  .c-heading-primary.-ondark.-border {
    border-color: #fff;
  }
  .c-heading-secondary {
    padding-top: max(-1.9591836735vw + 3.4591836735rem, 1.5rem);
    position: relative;
  }
  .c-heading-secondary::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 0;
    height: 1px;
    background-color: var(--color-black-100);
    z-index: 2;
    transition: 0.5s var(--ease-out-quart) 0.2s;
  }
  .c-heading-secondary::after {
    content: "";
    position: absolute;
    right: max(-6vw + -51px, -147px);
    top: max(-2.4489795918vw + -20.8163265306px, -60px);
    width: min(18.3673469388vw + 156.1224489796px, 450px);
    height: min(8.9795918367vw + 76.3265306122px, 220px);
    border-radius: 50%;
    transform: scale(0) rotate(-32deg);
    background: linear-gradient(var(--grad-angle), var(--color-grad1) var(--grad1-pos), var(--color-grad2) var(--grad2-pos), var(--color-grad3) var(--grad3-pos));
    filter: blur(37px);
    z-index: 0;
    transition: 0.4s ease 0.3s;
  }
  .c-heading-secondary.grad-green {
    --grad-angle: 238deg;
    --color-grad1: #d1e743;
    --color-grad2: #d0f7ff;
    --color-grad3: #9492ff;
    --grad1-pos: -1.96%;
    --grad2-pos: 62.58%;
    --grad3-pos: 133.63%;
  }
  .c-heading-secondary .dot-rectangle {
    position: absolute;
    right: max(-1.7142857143vw + -14.5714285714px, -42px);
    top: max(-3.1836734694vw + -27.0612244898px, -78px);
    z-index: 1;
    width: min(3.4285714286vw + 29.1428571429px, 84px);
    height: min(6.4081632653vw + 54.4693877551px, 157px);
  }
  .c-heading-secondary .dot-rectangle svg {
    width: 100%;
    height: 100%;
  }
  .c-heading-secondary .en {
    font-size: min(0.6530612245vw + 0.8469387755rem, 1.5rem);
    font-family: var(--font-en);
    opacity: 0;
    transition: 0.4s var(--ease-out-quart) 0.4s;
  }
  .c-heading-secondary .jp {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5em;
    font-size: min(1.306122449vw + 1.693877551rem, 3rem);
    font-weight: 700;
    line-height: 1.4;
    opacity: 0;
    transform: translateY(1em);
    transition: 0.4s var(--ease-out-quart) 0.4s;
  }
  .c-heading-secondary .jp small {
    font-size: min(0.3265306122vw + 0.9234693878rem, 1.25rem);
  }
  @media (max-width: 743px) {
    .c-heading-secondary .jp {
      gap: 0.2em;
      margin-top: 0.2em;
    }
  }
  .c-heading-secondary.is-act::before {
    width: 100%;
    left: 0;
    right: auto;
  }
  .c-heading-secondary.is-act::after {
    transform: scale(1) rotate(-32deg);
  }
  .c-heading-secondary.is-act .en {
    opacity: 1;
    transform: translateY(0);
  }
  .c-heading-secondary.is-act .jp {
    opacity: 1;
    transform: translateY(0);
  }
}
@layer components {
  .c-title-xs {
    font-size: min(0.1632653061vw + 1.0867346939rem, 1.25rem);
    line-height: 1.4;
  }
  .c-title-s {
    font-size: min(0.4897959184vw + 1.0102040816rem, 1.5rem);
    line-height: 1.4;
  }
  .c-title-m {
    font-size: min(0.3265306122vw + 1.4234693878rem, 1.75rem);
    line-height: 1.4;
  }
  .c-title-l {
    font-size: min(0.6530612245vw + 1.3469387755rem, 2rem);
    line-height: 1.7;
  }
  .c-title-l .number {
    font-family: var(--font-en);
    font-size: min(0.8163265306vw + 1.6836734694rem, 2.5rem);
    font-weight: 400;
  }
  .c-title-xl {
    font-size: min(1.306122449vw + 1.693877551rem, 3rem);
    line-height: 1.4;
  }
  .c-title-border {
    padding-left: 1em;
    border-left: 5px solid var(--color-gray-50);
  }
  .c-text-xs {
    font-size: min(0vw + 0.75rem, 0.75rem);
    line-height: 1.6;
  }
  .c-text-s {
    font-size: min(0.1632653061vw + 0.7117346939rem, 0.875rem);
    line-height: 1.6;
  }
  .c-text-m {
    font-size: min(0.1632653061vw + 0.8367346939rem, 1rem);
    line-height: 1.6;
  }
  .c-text-l {
    font-size: min(0.3265306122vw + 0.9234693878rem, 1.25rem);
    line-height: 1.6;
  }
}
@layer components {
  .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.-scale {
    opacity: 0;
    transform: scale(0);
    transform-origin: center;
    transition: opacity 0.3s ease, scale 0.6s var(--ease-in-out-elastic);
  }
  .js-anim_elm.-scale.is-act {
    opacity: 1;
    transform: scale(1);
  }
  .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-endless-slider .swiper-wrapper {
    transition-timing-function: linear;
  }
  .js-endless-slider .swiper-slide {
    inline-size: auto;
  }
  @keyframes gradientShift {
    0% {
      --color-grad1: #d1e743;
      --color-grad2: #d0f7ff;
      --color-grad3: #9492ff;
    }
    50% {
      --color-grad1: #9492ff;
      --color-grad2: #d1e743;
      --color-grad3: #d0f7ff;
    }
    100% {
      --color-grad1: #d1e743;
      --color-grad2: #d0f7ff;
      --color-grad3: #9492ff;
    }
  }
  @keyframes blue-float {
    0% {
      transform: scale(1) rotate(-32deg) translateY(0);
      animation-timing-function: cubic-bezier(0.45, 0.05, 0.55, 0.95);
    }
    15% {
      transform: scale(0.98) rotate(-30deg) translateY(-8px);
      animation-timing-function: cubic-bezier(0.45, 0.05, 0.55, 0.95);
    }
    30% {
      transform: scale(1.01) rotate(-33deg) translateY(-15px);
      animation-timing-function: cubic-bezier(0.45, 0.05, 0.55, 0.95);
    }
    45% {
      transform: scale(0.99) rotate(-30deg) translateY(-8px);
      animation-timing-function: cubic-bezier(0.45, 0.05, 0.55, 0.95);
    }
    60% {
      transform: scale(1.02) rotate(-34deg) translateY(8px);
      animation-timing-function: cubic-bezier(0.45, 0.05, 0.55, 0.95);
    }
    75% {
      transform: scale(0.97) rotate(-31deg) translateY(12px);
      animation-timing-function: cubic-bezier(0.45, 0.05, 0.55, 0.95);
    }
    90% {
      transform: scale(1.01) rotate(-33deg) translateY(4px);
      animation-timing-function: cubic-bezier(0.45, 0.05, 0.55, 0.95);
    }
    100% {
      transform: scale(1) rotate(-32deg) translateY(0);
    }
  }
  @keyframes float-a {
    0% {
      transform: rotate(-32deg) translateY(0) scale(1);
    }
    30% {
      transform: rotate(-32deg) translateY(-5%) scale(1.02);
    }
    60% {
      transform: rotate(-32deg) translateY(5%) scale(1.05);
    }
    100% {
      transform: rotate(-32deg) translateY(0) scale(1);
    }
  }
  @keyframes float-b {
    0% {
      transform: rotate(-32deg) translateY(0) scale(1.03);
    }
    40% {
      transform: rotate(-32deg) translateY(10%) scale(0.97);
    }
    70% {
      transform: rotate(-32deg) translateY(-5%) scale(1.01);
    }
    100% {
      transform: rotate(-32deg) translateY(0) scale(1.03);
    }
  }
  @keyframes float-c {
    0% {
      transform: rotate(-32deg) translateY(0) scale(1);
    }
    35% {
      transform: rotate(-32deg) translateY(-10px) scale(1.04);
    }
    65% {
      transform: rotate(-32deg) translateY(-5px) scale(0.98);
    }
    100% {
      transform: rotate(-32deg) translateY(0) scale(1);
    }
  }
  @keyframes blur-pulse-a {
    0%, 100% {
      filter: blur(37px);
    }
    50% {
      filter: blur(20px);
    }
  }
  @keyframes blur-pulse-b {
    0%, 100% {
      filter: blur(37px);
    }
    50% {
      filter: blur(14px);
    }
  }
  @keyframes blur-pulse-c {
    0%, 100% {
      filter: blur(20px);
    }
    50% {
      filter: blur(0px);
    }
  }
  @keyframes blur-pulse-blue {
    0%, 100% {
      filter: blur(27px);
    }
    50% {
      filter: blur(10px);
    }
  }
  @keyframes dot-appear {
    0% {
      opacity: 0;
      transform: rotateY(90deg) translateY(20%);
    }
    60% {
      opacity: 1;
    }
    100% {
      opacity: 1;
      transform: rotateY(0deg) translateY(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;
    }
  }
}
@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-color-red {
    color: var(--color-red-100);
  }
  .u-color-white {
    color: var(--color-white-00);
  }
  .u-color-green {
    color: var(--color-green-120);
  }
  .u-list-dot > li {
    position: relative;
    padding-left: 1em;
  }
  .u-list-dot > li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0.55em;
    width: 5px;
    height: 5px;
    border-radius: 999px;
    background-color: var(--color-green-100);
  }
  .u-list-circle > li {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 0.3em;
  }
  .u-list-circle > li:not(:first-child) {
    margin-top: 0.5em;
  }
  .u-list-circle > li::before {
    content: "";
    transform: translateY(70%) rotate(-35deg);
    border-radius: 50%;
    width: 27px;
    height: 13px;
    background-color: var(--color-blue-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_bg {
    background-image: url(../../img/common/parts/grid_bg.webp);
    background-size: cover;
    inline-size: 100%;
    height: 100vh;
    overflow: hidden;
    position: fixed;
    left: 0;
    top: 0;
  }
  .p-index_bg__green {
    position: absolute;
    mix-blend-mode: multiply;
  }
  .p-index_bg__green img {
    width: 100%;
  }
  .p-index_bg__green.-circle01 {
    left: 3%;
    top: -28%;
    width: 32%;
    animation: blur-pulse-c 8s ease-in-out infinite 0.8s;
  }
  @media (max-width: 743px) {
    .p-index_bg__green.-circle01 {
      top: -40%;
      left: auto;
      right: -50%;
      width: 136%;
    }
  }
  .p-index_bg__green.-circle02 {
    right: 0;
    top: var(--header-height);
    width: 24%;
    animation: blur-pulse-c 5s ease-in-out infinite 0s;
  }
  @media (max-width: 743px) {
    .p-index_bg__green.-circle02 {
      opacity: 0;
    }
  }
  .p-index_bg__green.-circle03 {
    left: 5%;
    bottom: 5%;
    width: 22%;
    animation: blur-pulse-c 7s ease-in-out infinite 0.4s;
  }
  @media (max-width: 743px) {
    .p-index_bg__green.-circle03 {
      width: 96%;
      left: auto;
      right: -10%;
      bottom: -30%;
    }
  }
  .p-index_bg__grad {
    --grad1-pos: 0%;
    --grad2-pos: 47.6%;
    --grad3-pos: 100%;
    position: absolute;
    border-radius: 50%;
    transform: rotate(-32deg);
    background: linear-gradient(var(--grad-angle), var(--color-grad1) var(--grad1-pos), var(--color-grad2) var(--grad2-pos), var(--color-grad3) var(--grad3-pos));
    filter: blur(37px);
  }
  .p-index_bg__grad.-circle01 {
    top: -18%;
    left: 22%;
    width: 37%;
    aspect-ratio: 600/280;
    animation: float-a 5.2s ease-in-out infinite, blur-pulse-a 5.2s ease-in-out infinite;
  }
  @media (max-width: 743px) {
    .p-index_bg__grad.-circle01 {
      left: auto;
      right: -30%;
      width: 73%;
      top: 10%;
      filter: blur(20px);
    }
  }
  .p-index_bg__grad.-circle02 {
    top: 10%;
    right: 26%;
    width: 17%;
    aspect-ratio: 284/132;
    animation: float-b 4.1s ease-in-out infinite 0.8s, blur-pulse-b 4.1s ease-in-out infinite 0.8s;
  }
  @media (max-width: 743px) {
    .p-index_bg__grad.-circle02 {
      opacity: 0;
    }
  }
  .p-index_bg__grad.-circle03 {
    top: 40%;
    left: -12%;
    width: 31%;
    aspect-ratio: 503/235;
    animation: float-c 6.3s ease-in-out infinite 1.5s, blur-pulse-a 6.3s ease-in-out infinite 1.5s;
  }
  @media (max-width: 743px) {
    .p-index_bg__grad.-circle03 {
      filter: blur(20px);
      width: 73%;
      left: -35%;
      top: 45%;
    }
  }
  .p-index_bg__grad.-circle04 {
    bottom: -10%;
    left: 10%;
    width: 26%;
    aspect-ratio: 423/198;
    animation: float-a 4.8s ease-in-out infinite 0.3s, blur-pulse-b 4.8s ease-in-out infinite 0.3s;
  }
  @media (max-width: 743px) {
    .p-index_bg__grad.-circle04 {
      filter: blur(20px);
      width: 61%;
      left: -8%;
      bottom: -1%;
    }
  }
  .p-index_bg__grad.-circle05 {
    bottom: -11%;
    right: -13%;
    width: 37%;
    aspect-ratio: 599/280;
    animation: float-b 5.7s ease-in-out infinite 2.1s, blur-pulse-a 5.7s ease-in-out infinite 2.1s;
  }
  @media (max-width: 743px) {
    .p-index_bg__grad.-circle05 {
      filter: blur(20px);
      width: 41%;
      left: auto;
      right: 0;
      bottom: 20%;
    }
  }
  .p-index_bg__blue {
    position: absolute;
    bottom: 3%;
    left: 70%;
    border-radius: 50%;
    transform: rotate(-32deg) translateX(-50%);
    background: var(--color-blue-100);
    filter: blur(27px);
    width: 11%;
    aspect-ratio: 179/84;
    animation: blur-pulse-blue 4.4s ease-in-out infinite 1.2s;
  }
  @media (max-width: 743px) {
    .p-index_bg__blue {
      opacity: 0;
    }
  }
  .p-index_bg__dot {
    position: absolute;
    width: 5%;
    transition: 0.5s;
    opacity: 0;
  }
  @media (max-width: 743px) {
    .p-index_bg__dot {
      width: 12%;
    }
  }
  .p-index_bg__dot svg {
    width: 100%;
  }
  .is-bottom .p-index_bg__dot {
    opacity: 0;
  }
  .p-index_bg__dot.-rectangle01 {
    top: 10%;
    right: 10%;
    animation: dot-appear 1.4s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;
  }
  .is-start.is-loaded .p-index_bg__dot.-rectangle01 {
    animation-delay: 1.5s;
  }
  @media (max-width: 743px) {
    .p-index_bg__dot.-rectangle01 {
      right: 0;
      top: 18%;
    }
  }
  .p-index_bg__dot.-rectangle02 {
    bottom: 23%;
    left: 14%;
    animation: dot-appear 1.6s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;
  }
  .is-start.is-loaded .p-index_bg__dot.-rectangle02 {
    animation-delay: 1.5s;
  }
  @media (max-width: 743px) {
    .p-index_bg__dot.-rectangle02 {
      bottom: 35%;
      left: 10%;
    }
  }
  .p-index_bg__dot.-rectangle03 {
    bottom: 8%;
    right: 15%;
    animation: dot-appear 1.4s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;
  }
  .is-start.is-loaded .p-index_bg__dot.-rectangle03 {
    animation-delay: 1.7s;
  }
  @media (max-width: 743px) {
    .p-index_bg__dot.-rectangle03 {
      bottom: 17%;
      right: 0;
    }
  }
  .p-index_kv {
    aspect-ratio: 16/9;
    position: relative;
    padding-top: var(--header-height);
    inline-size: 100%;
    block-size: 100svh;
    overflow: hidden;
    z-index: 3;
  }
  @media (max-width: 1023px) {
    .p-index_kv {
      block-size: 100%;
    }
  }
  @media (max-width: 743px) {
    .p-index_kv {
      aspect-ratio: 375/667;
    }
  }
  .p-index_kv__model {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 45%;
    z-index: 1;
  }
  @media (max-width: 743px) {
    .p-index_kv__model {
      width: 90%;
    }
  }
  .p-index_kv__model__blue {
    position: fixed;
    top: 45%;
    left: 45%;
    background: var(--color-blue-100);
    width: 125%;
    aspect-ratio: 835/420;
    z-index: 0;
    transform-origin: center;
    translate: -50% -50%;
    transform: scale(6) rotate(-32deg);
    border-radius: 0;
    transition: border-radius 0s ease 0.2s, transform 0.6s var(--ease-out-expo) 0.3s;
  }
  @media (max-width: 743px) {
    .p-index_kv__model__blue {
      width: 130%;
      top: 40%;
      left: 50%;
    }
  }
  .is-start.is-loaded .p-index_kv__model__blue {
    position: absolute;
    transform: scale(1) rotate(-32deg);
    translate: -50% -50%;
    border-radius: 50%;
    animation: blue-float 24s ease-in-out 1.5s infinite alternate;
  }
  .p-index_kv__model__image {
    position: relative;
    z-index: 3;
    opacity: 0;
    display: block;
    filter: blur(10px);
    transform: translateY(10%);
    transition: filter 0.3s ease 0.6s, opacity 0.2s ease 0.6s, transform 0.4s var(--ease-out-cubic) 0.6s;
  }
  .p-index_kv__model__image img {
    width: 100%;
  }
  .is-start.is-loaded .p-index_kv__model__image {
    filter: blur(0);
    transform: translateY(0);
    opacity: 1;
  }
  .p-index_kv__slider {
    position: absolute;
    bottom: -2%;
    width: 100%;
    z-index: 0;
    transform: translateY(50%);
    opacity: 0;
    transition: opacity 0.6s ease 0.8s, transform 1.2s var(--ease-in-out) 0.8s;
  }
  .is-start.is-loaded .p-index_kv__slider {
    transform: translateY(0);
    opacity: 1;
  }
  .p-index_kv__heading__copy {
    position: absolute;
    left: 9%;
    top: 36%;
    transform: translateY(-50%);
    z-index: 3;
    width: 27%;
  }
  @media (max-width: 743px) {
    .p-index_kv__heading__copy {
      width: 85%;
      top: 24%;
      left: 50%;
      transform: translateX(-50%) translateY(-50%);
    }
  }
  .p-index_kv__heading__copy .copy01 {
    display: block;
    aspect-ratio: 402/70;
    overflow: hidden;
    opacity: 0;
    transition: opacity 0.1s ease 0.4s;
  }
  .is-start.is-loaded .p-index_kv__heading__copy .copy01 {
    opacity: 1;
  }
  .p-index_kv__heading__copy .copy01 svg {
    overflow: visible;
    width: 80%;
    height: 100%;
  }
  .p-index_kv__heading__copy .copy01 svg path {
    transform-origin: center bottom;
    transform-box: fill-box;
    opacity: 0;
    transform: translateY(100%);
    transition: transform 0.7s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.5s cubic-bezier(0.22, 1, 0.36, 1);
  }
  .p-index_kv__heading__copy .copy01 svg path:nth-child(1) {
    transition-delay: 0.6s;
  }
  .p-index_kv__heading__copy .copy01 svg path:nth-child(2) {
    transition-delay: 0.62s;
  }
  .p-index_kv__heading__copy .copy01 svg path:nth-child(3) {
    transition-delay: 0.64s;
  }
  .p-index_kv__heading__copy .copy01 svg path:nth-child(4) {
    transition-delay: 0.66s;
  }
  .p-index_kv__heading__copy .copy01 svg path:nth-child(5) {
    transition-delay: 0.68s;
  }
  .p-index_kv__heading__copy .copy01 svg path:nth-child(6) {
    transition-delay: 0.7s;
  }
  .p-index_kv__heading__copy .copy01 svg path:nth-child(7) {
    transition-delay: 0.72s;
  }
  .p-index_kv__heading__copy .copy01 svg path:nth-child(8) {
    transition-delay: 0.74s;
  }
  .p-index_kv__heading__copy .copy01 svg path:nth-child(9) {
    transition-delay: 0.76s;
  }
  .p-index_kv__heading__copy .copy01 svg path:nth-child(10) {
    transition-delay: 0.78s;
  }
  .p-index_kv__heading__copy .copy01 svg path:nth-child(11) {
    transition-delay: 0.8s;
  }
  .p-index_kv__heading__copy .copy01 svg path:nth-child(12) {
    transition-delay: 0.82s;
  }
  .p-index_kv__heading__copy .copy01 svg path:nth-child(13) {
    transition-delay: 0.84s;
  }
  .p-index_kv__heading__copy .copy01 svg path:nth-child(14) {
    transition-delay: 0.86s;
  }
  .p-index_kv__heading__copy .copy01 svg path:nth-child(15) {
    transition-delay: 0.88s;
  }
  .p-index_kv__heading__copy .copy01 svg path:nth-child(16) {
    transition-delay: 0.9s;
  }
  .p-index_kv__heading__copy .copy01 svg path:nth-child(17) {
    transition-delay: 0.92s;
  }
  .p-index_kv__heading__copy .copy01 svg path:nth-child(18) {
    transition-delay: 0.94s;
  }
  .p-index_kv__heading__copy .copy01 svg path:nth-child(19) {
    transition-delay: 0.96s;
  }
  .p-index_kv__heading__copy .copy01 svg path:nth-child(20) {
    transition-delay: 0.98s;
  }
  .p-index_kv__heading__copy .copy01 svg path:nth-child(21) {
    transition-delay: 1s;
  }
  .p-index_kv__heading__copy .copy01 svg path:nth-child(22) {
    transition-delay: 1.02s;
  }
  .p-index_kv__heading__copy .copy01 svg path:nth-child(23) {
    transition-delay: 1.04s;
  }
  .p-index_kv__heading__copy .copy01 svg path:nth-child(24) {
    transition-delay: 1.06s;
  }
  .p-index_kv__heading__copy .copy01 svg path:nth-child(25) {
    transition-delay: 1.08s;
  }
  .p-index_kv__heading__copy .copy01 svg path:nth-child(26) {
    transition-delay: 1.1s;
  }
  .p-index_kv__heading__copy .copy01 svg path:nth-child(27) {
    transition-delay: 1.12s;
  }
  .p-index_kv__heading__copy .copy01 svg path:nth-child(28) {
    transition-delay: 1.14s;
  }
  .p-index_kv__heading__copy .copy01 svg path:nth-child(29) {
    transition-delay: 1.16s;
  }
  .p-index_kv__heading__copy .copy01 svg path:nth-child(30) {
    transition-delay: 1.18s;
  }
  .is-start.is-loaded .p-index_kv__heading__copy .copy01 svg path {
    opacity: 1;
    transform: translateY(0);
  }
  .p-index_kv__heading__copy .copy02 {
    display: block;
    margin-top: 0.8em;
    aspect-ratio: 458/70;
    overflow: hidden;
    opacity: 0;
    transition: opacity 0.1s ease 0.4s;
  }
  @media (max-width: 743px) {
    .p-index_kv__heading__copy .copy02 {
      margin-top: 0em;
    }
  }
  .is-start.is-loaded .p-index_kv__heading__copy .copy02 {
    opacity: 1;
  }
  .p-index_kv__heading__copy .copy02 svg {
    overflow: visible;
    width: 90%;
    height: 100%;
  }
  .p-index_kv__heading__copy .copy02 svg path {
    transform-origin: center bottom;
    transform-box: fill-box;
    opacity: 0;
    transform: translateY(100%);
    transition: transform 0.7s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.5s cubic-bezier(0.22, 1, 0.36, 1);
  }
  .p-index_kv__heading__copy .copy02 svg path:nth-child(1) {
    transition-delay: 0.8s;
  }
  .p-index_kv__heading__copy .copy02 svg path:nth-child(2) {
    transition-delay: 0.82s;
  }
  .p-index_kv__heading__copy .copy02 svg path:nth-child(3) {
    transition-delay: 0.84s;
  }
  .p-index_kv__heading__copy .copy02 svg path:nth-child(4) {
    transition-delay: 0.86s;
  }
  .p-index_kv__heading__copy .copy02 svg path:nth-child(5) {
    transition-delay: 0.88s;
  }
  .p-index_kv__heading__copy .copy02 svg path:nth-child(6) {
    transition-delay: 0.9s;
  }
  .p-index_kv__heading__copy .copy02 svg path:nth-child(7) {
    transition-delay: 0.92s;
  }
  .p-index_kv__heading__copy .copy02 svg path:nth-child(8) {
    transition-delay: 0.94s;
  }
  .p-index_kv__heading__copy .copy02 svg path:nth-child(9) {
    transition-delay: 0.96s;
  }
  .p-index_kv__heading__copy .copy02 svg path:nth-child(10) {
    transition-delay: 0.98s;
  }
  .p-index_kv__heading__copy .copy02 svg path:nth-child(11) {
    transition-delay: 1s;
  }
  .p-index_kv__heading__copy .copy02 svg path:nth-child(12) {
    transition-delay: 1.02s;
  }
  .p-index_kv__heading__copy .copy02 svg path:nth-child(13) {
    transition-delay: 1.04s;
  }
  .p-index_kv__heading__copy .copy02 svg path:nth-child(14) {
    transition-delay: 1.06s;
  }
  .p-index_kv__heading__copy .copy02 svg path:nth-child(15) {
    transition-delay: 1.08s;
  }
  .p-index_kv__heading__copy .copy02 svg path:nth-child(16) {
    transition-delay: 1.1s;
  }
  .p-index_kv__heading__copy .copy02 svg path:nth-child(17) {
    transition-delay: 1.12s;
  }
  .p-index_kv__heading__copy .copy02 svg path:nth-child(18) {
    transition-delay: 1.14s;
  }
  .p-index_kv__heading__copy .copy02 svg path:nth-child(19) {
    transition-delay: 1.16s;
  }
  .p-index_kv__heading__copy .copy02 svg path:nth-child(20) {
    transition-delay: 1.18s;
  }
  .p-index_kv__heading__copy .copy02 svg path:nth-child(21) {
    transition-delay: 1.2s;
  }
  .p-index_kv__heading__copy .copy02 svg path:nth-child(22) {
    transition-delay: 1.22s;
  }
  .p-index_kv__heading__copy .copy02 svg path:nth-child(23) {
    transition-delay: 1.24s;
  }
  .p-index_kv__heading__copy .copy02 svg path:nth-child(24) {
    transition-delay: 1.26s;
  }
  .p-index_kv__heading__copy .copy02 svg path:nth-child(25) {
    transition-delay: 1.28s;
  }
  .p-index_kv__heading__copy .copy02 svg path:nth-child(26) {
    transition-delay: 1.3s;
  }
  .p-index_kv__heading__copy .copy02 svg path:nth-child(27) {
    transition-delay: 1.32s;
  }
  .p-index_kv__heading__copy .copy02 svg path:nth-child(28) {
    transition-delay: 1.34s;
  }
  .p-index_kv__heading__copy .copy02 svg path:nth-child(29) {
    transition-delay: 1.36s;
  }
  .p-index_kv__heading__copy .copy02 svg path:nth-child(30) {
    transition-delay: 1.38s;
  }
  .is-start.is-loaded .p-index_kv__heading__copy .copy02 svg path {
    opacity: 1;
    transform: translateY(0);
  }
  .p-index_kv__heading__copy .copy03 {
    display: block;
    margin-top: -0.4em;
    aspect-ratio: 258/82;
    overflow: hidden;
    opacity: 0;
    transition: opacity 0.1s ease 0.4s;
  }
  @media (max-width: 743px) {
    .p-index_kv__heading__copy .copy03 {
      margin-top: -1.5em;
    }
  }
  .is-start.is-loaded .p-index_kv__heading__copy .copy03 {
    opacity: 1;
  }
  .p-index_kv__heading__copy .copy03 svg {
    overflow: visible;
    width: 55%;
    height: 100%;
  }
  @media (max-width: 743px) {
    .p-index_kv__heading__copy .copy03 svg {
      width: 50%;
    }
  }
  .p-index_kv__heading__copy .copy03 svg path {
    transform-origin: center bottom;
    transform-box: fill-box;
    opacity: 0;
    transform: translateY(100%);
    transition: transform 0.7s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.5s cubic-bezier(0.22, 1, 0.36, 1);
  }
  .p-index_kv__heading__copy .copy03 svg path:nth-child(1) {
    transition-delay: 1s;
  }
  .p-index_kv__heading__copy .copy03 svg path:nth-child(2) {
    transition-delay: 1.02s;
  }
  .p-index_kv__heading__copy .copy03 svg path:nth-child(3) {
    transition-delay: 1.04s;
  }
  .p-index_kv__heading__copy .copy03 svg path:nth-child(4) {
    transition-delay: 1.06s;
  }
  .p-index_kv__heading__copy .copy03 svg path:nth-child(5) {
    transition-delay: 1.08s;
  }
  .p-index_kv__heading__copy .copy03 svg path:nth-child(6) {
    transition-delay: 1.1s;
  }
  .p-index_kv__heading__copy .copy03 svg path:nth-child(7) {
    transition-delay: 1.12s;
  }
  .p-index_kv__heading__copy .copy03 svg path:nth-child(8) {
    transition-delay: 1.14s;
  }
  .p-index_kv__heading__copy .copy03 svg path:nth-child(9) {
    transition-delay: 1.16s;
  }
  .p-index_kv__heading__copy .copy03 svg path:nth-child(10) {
    transition-delay: 1.18s;
  }
  .p-index_kv__heading__copy .copy03 svg path:nth-child(11) {
    transition-delay: 1.2s;
  }
  .p-index_kv__heading__copy .copy03 svg path:nth-child(12) {
    transition-delay: 1.22s;
  }
  .p-index_kv__heading__copy .copy03 svg path:nth-child(13) {
    transition-delay: 1.24s;
  }
  .p-index_kv__heading__copy .copy03 svg path:nth-child(14) {
    transition-delay: 1.26s;
  }
  .p-index_kv__heading__copy .copy03 svg path:nth-child(15) {
    transition-delay: 1.28s;
  }
  .p-index_kv__heading__copy .copy03 svg path:nth-child(16) {
    transition-delay: 1.3s;
  }
  .p-index_kv__heading__copy .copy03 svg path:nth-child(17) {
    transition-delay: 1.32s;
  }
  .p-index_kv__heading__copy .copy03 svg path:nth-child(18) {
    transition-delay: 1.34s;
  }
  .p-index_kv__heading__copy .copy03 svg path:nth-child(19) {
    transition-delay: 1.36s;
  }
  .p-index_kv__heading__copy .copy03 svg path:nth-child(20) {
    transition-delay: 1.38s;
  }
  .p-index_kv__heading__copy .copy03 svg path:nth-child(21) {
    transition-delay: 1.4s;
  }
  .p-index_kv__heading__copy .copy03 svg path:nth-child(22) {
    transition-delay: 1.42s;
  }
  .p-index_kv__heading__copy .copy03 svg path:nth-child(23) {
    transition-delay: 1.44s;
  }
  .p-index_kv__heading__copy .copy03 svg path:nth-child(24) {
    transition-delay: 1.46s;
  }
  .p-index_kv__heading__copy .copy03 svg path:nth-child(25) {
    transition-delay: 1.48s;
  }
  .p-index_kv__heading__copy .copy03 svg path:nth-child(26) {
    transition-delay: 1.5s;
  }
  .p-index_kv__heading__copy .copy03 svg path:nth-child(27) {
    transition-delay: 1.52s;
  }
  .p-index_kv__heading__copy .copy03 svg path:nth-child(28) {
    transition-delay: 1.54s;
  }
  .p-index_kv__heading__copy .copy03 svg path:nth-child(29) {
    transition-delay: 1.56s;
  }
  .p-index_kv__heading__copy .copy03 svg path:nth-child(30) {
    transition-delay: 1.58s;
  }
  .is-start.is-loaded .p-index_kv__heading__copy .copy03 svg path {
    opacity: 1;
    transform: translateY(0);
  }
  .p-index_kv__heading__text {
    position: absolute;
    left: 9%;
    top: 60%;
    transform: translateY(-50%);
    z-index: 3;
    width: 31%;
  }
  @media (max-width: 743px) {
    .p-index_kv__heading__text {
      width: 100%;
      padding-left: 6%;
      left: 0;
      top: auto;
      bottom: 6%;
    }
  }
  .p-index_kv__heading__text span {
    display: inline-block;
    margin-top: 0.2em;
    position: relative;
    opacity: 0;
    transition: 0.6s cubic-bezier(0.22, 1, 0.36, 1);
    background-color: var(--color-white-00);
  }
  .p-index_kv__heading__text span::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: var(--color-white-00);
    transition: 0.7s var(--ease-in-out-quint);
  }
  .p-index_kv__heading__text span:nth-child(1) {
    transition-delay: 0.9s;
  }
  .p-index_kv__heading__text span:nth-child(1)::before {
    transition-delay: 0.9s;
  }
  .p-index_kv__heading__text span:nth-child(2) {
    transition-delay: 1.1s;
  }
  .p-index_kv__heading__text span:nth-child(2)::before {
    transition-delay: 1.1s;
  }
  .p-index_kv__heading__text span:nth-child(3) {
    transition-delay: 1.3s;
  }
  .p-index_kv__heading__text span:nth-child(3)::before {
    transition-delay: 1.3s;
  }
  .p-index_kv__heading__text span:nth-child(4) {
    transition-delay: 1.5s;
  }
  .p-index_kv__heading__text span:nth-child(4)::before {
    transition-delay: 1.5s;
  }
  .p-index_kv__heading__text span:first-of-type {
    margin-top: 0;
  }
  .p-index_kv__heading__text span img {
    width: 100%;
    height: 100%;
  }
  .is-start.is-loaded .p-index_kv__heading__text span {
    opacity: 1;
  }
  .is-start.is-loaded .p-index_kv__heading__text span::before {
    width: 0;
    left: auto;
    right: 0;
  }
  .p-index_kv__heading__text .text01 {
    width: 76%;
    aspect-ratio: 403/36;
  }
  @media (max-width: 743px) {
    .p-index_kv__heading__text .text01 {
      width: 58%;
      aspect-ratio: 218/27;
    }
  }
  .p-index_kv__heading__text .text02 {
    width: 86%;
    aspect-ratio: 461/36;
  }
  @media (max-width: 743px) {
    .p-index_kv__heading__text .text02 {
      width: 51%;
      aspect-ratio: 194/27;
    }
  }
  @media (max-width: 743px) {
    .p-index_kv__heading__text .text03 {
      width: 71%;
      aspect-ratio: 255/27;
    }
  }
  @media (max-width: 743px) {
    .p-index_kv__heading__text .text04 {
      width: 48%;
      aspect-ratio: 182/27;
    }
  }
}
@layer components {
  .p-index_choice {
    height: 100vh;
    width: 100%;
    position: relative;
    z-index: 1;
    font-size: min(1.5vh, 16px);
  }
  @media (max-width: 743px) {
    .p-index_choice {
      height: auto;
      font-size: medium;
    }
  }
  .p-index_choice__wrap {
    position: sticky;
    top: 0;
  }
  .p-index_choice__bg {
    position: absolute;
    inset: 0;
    background-color: var(--color-white-00);
  }
  .p-index_choice__circle {
    position: absolute;
    z-index: 0;
  }
  .p-index_choice__circle svg {
    width: 100%;
  }
  .p-index_choice__circle.-circle01 {
    top: -3%;
    left: 25%;
    width: 30%;
  }
  @media (max-width: 743px) {
    .p-index_choice__circle.-circle01 {
      width: 74%;
      left: 50%;
      transform: translateX(-50%);
    }
  }
  .p-index_choice__circle.-circle02 {
    right: -3%;
    top: 70%;
    transform: translateY(-50%);
    width: 19%;
  }
  .p-index_choice__inner {
    display: grid;
    grid-template-columns: 1fr 1fr;
    height: 100%;
    --scale: min(1, calc(100vh / 800px));
    height: 100%;
    width: 100%;
  }
  @media (max-width: 743px) {
    .p-index_choice__inner {
      position: relative;
      top: auto;
      left: auto;
      transform: none;
      height: auto;
      grid-template-columns: 1fr;
      padding-top: min(8.1632653061vw + 69.387755102px, 200px);
    }
  }
  .p-index_choice__copy {
    position: relative;
    text-align: center;
    padding-left: min(19.1836734694vw + -71.9387755102px, 235px);
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  .p-index_choice__copy__title {
    aspect-ratio: 458/178;
    width: min(100%, 30em);
    margin-inline: auto;
    position: relative;
  }
  @media (max-width: 743px) {
    .p-index_choice__copy__title {
      width: 80%;
    }
  }
  .p-index_choice__copy__title img {
    width: 100%;
    height: 100%;
  }
  .p-index_choice__copy__title::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-110%) translateY(-70%) rotate(-35deg);
    border-radius: 50%;
    width: min(29.5510204082vw + 118.1836734694px, 591px);
    z-index: -2;
    aspect-ratio: 591/253;
    background-color: var(--color-green-100);
  }
  @media (max-width: 743px) {
    .p-index_choice__copy__title::before {
      transform: translateX(-125%) translateY(-90%) rotate(-35deg);
    }
  }
  .p-index_choice__copy__title::after {
    content: "";
    position: absolute;
    border-radius: 50%;
    left: 30%;
    top: 95%;
    transform: translateX(-130%) translateY(0%) rotate(-32deg);
    width: min(12.5714285714vw + 66.8571428571px, 268px);
    aspect-ratio: 268/125;
    background: linear-gradient(211deg, #d1e743 0%, #d0f7ff 47.6%, #9492ff 100%);
    filter: blur(16px);
    z-index: -1;
  }
  .p-index_choice__copy__title svg {
    width: 100%;
  }
  .p-index_choice__copy__text {
    margin-top: min(1.6326530612vw + 13.8775510204px, 40px);
  }
  .p-index_choice__copy__text p {
    font-size: 1.2vw;
    font-weight: 700;
    margin-top: min(1.306122449vw + 27.1020408163px, 48px);
  }
  @media (max-width: 743px) {
    .p-index_choice__copy__text p {
      font-size: min(0.1632653061vw + 15.387755102px, 18px);
    }
  }
  .p-index_choice__gallery {
    position: relative;
    z-index: 0;
  }
  @media (max-width: 743px) {
    .p-index_choice__gallery {
      display: flex;
      flex-direction: column;
    }
  }
  .p-index_choice__gallery__bg {
    position: absolute;
    z-index: 0;
    top: 60%;
    left: 50%;
    transform: translateX(-60%) translateY(-50%);
    width: min(850px, 106vh);
    aspect-ratio: 850/704;
  }
  @media (max-width: 743px) {
    .p-index_choice__gallery__bg {
      top: auto;
      bottom: 10%;
      left: 50%;
      transform: translateX(-50%);
      width: 120%;
    }
  }
  .p-index_choice__gallery__pic {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 2;
  }
  .p-index_choice__gallery__pic figure {
    position: absolute;
  }
  .p-index_choice__gallery__pic .pic01 {
    top: 0%;
    left: 0;
    width: 34%;
  }
  @media (max-width: 743px) {
    .p-index_choice__gallery__pic .pic01 {
      width: 27%;
      left: -11%;
      top: 6%;
    }
  }
  .p-index_choice__gallery__pic .pic02 {
    top: 25%;
    left: 65%;
    transform: translateX(-50%);
    width: 29%;
  }
  @media (max-width: 743px) {
    .p-index_choice__gallery__pic .pic02 {
      width: 35%;
      left: auto;
      top: 0;
      right: -13%;
      transform: none;
    }
  }
  .p-index_choice__gallery__pic .pic03 {
    top: 80%;
    left: -2%;
    width: 20%;
    z-index: 1;
  }
  @media (max-width: 743px) {
    .p-index_choice__gallery__pic .pic03 {
      top: 60%;
      left: -10%;
    }
  }
  .p-index_choice__gallery__pic .pic04 {
    top: 94%;
    left: 8%;
    width: 23%;
  }
  @media (max-width: 743px) {
    .p-index_choice__gallery__pic .pic04 {
      top: 65%;
      left: 0%;
      width: 28%;
    }
  }
  .p-index_choice__gallery__pic .pic05 {
    top: 128%;
    right: 25%;
    width: 19%;
  }
  @media (max-width: 743px) {
    .p-index_choice__gallery__pic .pic05 {
      top: 56%;
      right: -8%;
      width: 22%;
    }
  }
  .p-index_choice__gallery__pic img {
    width: 100%;
  }
  .p-index_choice__gallery__main {
    position: relative;
    aspect-ratio: 576/652;
    max-width: min(576px, 72vh);
    z-index: 3;
    height: 100%;
  }
  @media (max-width: 743px) {
    .p-index_choice__gallery__main {
      position: relative;
      width: 100%;
      height: auto;
      max-width: 100%;
      padding-inline: 10px;
      aspect-ratio: 576/652;
      margin-top: min(8.1632653061vw + 69.387755102px, 200px);
    }
  }
  .p-index_choice__gallery__main .boy {
    display: block;
    width: 60%;
    position: absolute;
    bottom: 0;
    left: 0;
  }
  @media (max-width: 743px) {
    .p-index_choice__gallery__main .boy {
      left: 10px;
      bottom: -10px;
    }
  }
  .p-index_choice__gallery__main .boy img {
    width: 100%;
  }
  .p-index_choice__gallery__main .girl {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 81%;
  }
  @media (max-width: 743px) {
    .p-index_choice__gallery__main .girl {
      right: 10px;
      bottom: -10px;
    }
  }
  .p-index_choice__gallery__main .girl img {
    width: 100%;
  }
}
@layer components {
  .p-index_new-school {
    position: relative;
    overflow: hidden;
    padding-block: min(1.6326530612vw + 13.8775510204px, 40px) min(3.2653061224vw + 77.7551020408px, 130px);
    background: linear-gradient(276deg, #d1e743 -1.41%, #d0f7ff 45.12%, #9492ff 96.35%);
  }
  .p-index_new-school::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: url(../../img/common/parts/grid_pattern.svg);
    background-repeat: repeat;
    opacity: 0.35;
  }
  .p-index_new-school__circle {
    position: absolute;
    width: 21%;
  }
  .p-index_new-school__circle svg {
    width: 100%;
  }
  .p-index_new-school__circle.-circle01 {
    top: -3%;
    left: -6%;
  }
  .p-index_new-school__circle.-circle02 {
    bottom: 25%;
    right: -10%;
  }
  .p-index_new-school__circle.-circle02 svg path {
    stroke: var(--color-white-00);
  }
  .p-index_new-school__head {
    position: relative;
    padding-block: min(7.3469387755vw + 82.4489795918px, 200px) max(-4.8979591837vw + 248.3673469388px, 170px);
  }
  .p-index_new-school__head__bg-slider {
    width: 100%;
    position: absolute;
    top: 0;
  }
  .p-index_new-school__head__inner {
    margin-inline: min(4.4897959184vw + -1.8367346939px, 70px);
  }
  .p-index_new-school__head__title {
    position: relative;
    padding-left: min(8.1632653061vw + -30.612244898px, 100px);
    z-index: 2;
  }
  .p-index_new-school__head__title .text {
    font-size: min(1.2244897959vw + 1.0255102041rem, 2.25rem);
    font-weight: 700;
  }
  .p-index_new-school__head__title .text .number {
    font-family: var(--font-en);
    font-weight: 400;
    font-size: min(1.6326530612vw + 1.1173469388rem, 2.75rem);
    margin-right: 0.1em;
  }
  .p-index_new-school__head__title .text small {
    font-size: min(0.8163265306vw + 0.6836734694rem, 1.5rem);
    margin-right: 0.5em;
  }
  .p-index_new-school__head__title span {
    display: inline-block;
  }
  .p-index_new-school__head__title span svg {
    width: 100%;
    height: 100%;
  }
  .p-index_new-school__head__title .copy span {
    position: relative;
    opacity: 0;
    transition: 0.4s ease;
  }
  .p-index_new-school__head__title .copy span::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: var(--color-white-00);
    transition: 1s cubic-bezier(0.22, 1, 0.36, 1);
  }
  .p-index_new-school__head__title .copy span:nth-child(1) {
    transition-delay: 0.2s;
  }
  .p-index_new-school__head__title .copy span:nth-child(1)::before {
    transition-delay: 0.2s;
  }
  .p-index_new-school__head__title .copy span:nth-child(2) {
    transition-delay: 0.35s;
  }
  .p-index_new-school__head__title .copy span:nth-child(2)::before {
    transition-delay: 0.35s;
  }
  .p-index_new-school__head__title .copy span:nth-child(3) {
    transition-delay: 0.5s;
  }
  .p-index_new-school__head__title .copy span:nth-child(3)::before {
    transition-delay: 0.5s;
  }
  .p-index_new-school__head__title .copy.is-act span {
    opacity: 1;
  }
  .p-index_new-school__head__title .copy.is-act span::before {
    left: auto;
    right: 0;
    width: 0;
  }
  .p-index_new-school__head__title .copy01 {
    margin-bottom: 0.7em;
    width: min(14.2040816327vw + 176.7346938776px, 404px);
  }
  .p-index_new-school__head__title .copy02 {
    width: min(15.5102040816vw + 191.8367346939px, 440px);
  }
  .p-index_new-school__head__school {
    position: absolute;
    top: max(-2.4489795918vw + -25.8163265306px, -65px);
    right: 0;
    z-index: 1;
    opacity: 0;
    transform: translateY(30%);
    transition: 1s var(--ease-out-quart) 0.2s;
  }
  @media (max-width: 743px) {
    .p-index_new-school__head__school {
      top: auto;
      bottom: max(-3.6734693878vw + -31.2244897959px, -90px);
      width: 110%;
      right: 0;
    }
  }
  .p-index_new-school__head__school.is-act {
    opacity: 1;
    transform: translateY(0);
  }
  .p-index_new-school__body {
    position: relative;
    padding-block: min(1.6326530612vw + 73.8775510204px, 100px) min(3.2653061224vw + 67.7551020408px, 120px);
    background-color: var(--color-black-100);
    margin-inline: min(4.8979591837vw + -8.3673469388px, 70px);
    z-index: 2;
  }
  @media (max-width: 743px) {
    .p-index_new-school__body {
      padding-inline: 20px;
    }
  }
  .p-index_new-school__body__green {
    position: absolute;
    right: -8%;
    top: -10%;
    width: 39.5%;
  }
  @media (max-width: 743px) {
    .p-index_new-school__body__green {
      width: 90%;
      top: -6%;
      right: -30%;
    }
  }
  .p-index_new-school__body__green img {
    width: 100%;
  }
  .p-index_new-school__body__title {
    position: relative;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0.5em;
  }
  .p-index_new-school__body__title .title01 {
    display: flex;
    align-items: center;
    gap: 0.1em;
    font-size: min(1.7142857143vw + 1.2857142857rem, 3rem);
  }
  .p-index_new-school__body__title .title01 strong {
    font-weight: 400;
    font-family: var(--font-en);
    font-size: min(2.2857142857vw + 1.7142857143rem, 4rem);
  }
  @media (max-width: 743px) {
    .p-index_new-school__body__title .title02 {
      width: 72%;
    }
  }
  .p-index_new-school__body__title .title02 svg {
    width: 100%;
    height: auto;
  }
  .p-index_new-school__block {
    grid-template-columns: 638fr 442fr;
    gap: 40px;
    align-items: center;
    margin-top: 40px;
  }
  .p-index_new-school__block:first-of-type {
    margin-top: min(0.8163265306vw + 56.9387755102px, 70px);
  }
  @media (max-width: 743px) {
    .p-index_new-school__block {
      grid-template-columns: 1fr;
    }
  }
  .p-index_new-school__block:nth-of-type(even) {
    grid-template-columns: 442fr 638fr;
  }
  .p-index_new-school__block:nth-of-type(even) .p-index_new-school__block__text {
    order: 0;
  }
  @media (max-width: 743px) {
    .p-index_new-school__block:nth-of-type(even) .p-index_new-school__block__text {
      order: 1;
    }
  }
  .p-index_new-school__block:nth-of-type(even) .c-frame {
    order: 1;
  }
  @media (max-width: 743px) {
    .p-index_new-school__block:nth-of-type(even) .c-frame {
      order: 0;
    }
  }
  .p-index_new-school__block:nth-of-type(even) .p-index_new-school__block__title::before {
    background-color: var(--color-green-100);
  }
  @media (max-width: 743px) {
    .p-index_new-school__block:nth-of-type(even) {
      grid-template-columns: 1fr;
    }
  }
  .p-index_new-school__block__title {
    font-family: var(--font-en);
    font-size: min(1.306122449vw + 2.193877551rem, 3.5rem);
    line-height: 1.2;
    position: relative;
    z-index: 1;
  }
  .p-index_new-school__block__title::before {
    content: "";
    width: 65px;
    height: 30px;
    border-radius: 50%;
    background-color: var(--color-blue-100);
    transform: rotate(-32deg);
    position: absolute;
    left: -20px;
    top: -10px;
    z-index: -1;
  }
  .p-index_new-school__slider {
    --slider-margin: min(1.6326530612vw + 13.8775510204px, 40px);
  }
  .p-index_new-school__slider.swiper {
    margin-inline: calc(-0.5 * var(--slider-margin)) !important;
    overflow: visible !important;
  }
  .p-index_new-school__slider .swiper-slide {
    padding-inline: calc(0.5 * var(--slider-margin)) !important;
    width: 47.619047619% !important;
  }
  @media (max-width: 1023px) {
    .p-index_new-school__slider .swiper-slide {
      width: 83.3333333333% !important;
    }
  }
  .p-index_new-school__slider .swiper-slide .title {
    font-family: var(--font-en);
    font-size: min(0.3265306122vw + 1.6734693878rem, 2rem);
    line-height: 1.2;
    position: relative;
    z-index: 1;
  }
  .p-index_new-school__slider .swiper-slide .title::before {
    content: "";
    width: 65px;
    height: 30px;
    border-radius: 50%;
    background-color: var(--color-blue-100);
    transform: rotate(-32deg);
    position: absolute;
    left: -20px;
    top: -10px;
    z-index: -1;
  }
  .p-index_new-school__slider .swiper-slide:nth-of-type(even) .title::before {
    background-color: var(--color-green-100);
  }
}
@layer components {
  .p-index_education {
    padding-block: min(11.9183673469vw + 49.306122449px, 240px) 0;
    position: relative;
    overflow: hidden;
    background-color: var(--color-white-00);
  }
  .p-index_education__circle {
    position: absolute;
    left: -5%;
    top: -2%;
    width: 52%;
  }
  .p-index_education__circle img {
    width: 100%;
  }
  .p-index_education__block {
    margin-top: min(3.2653061224vw + 27.7551020408px, 80px);
    gap: min(3.5918367347vw + 6.5306122449px, 64px);
  }
  @media (max-width: 743px) {
    .p-index_education__block__text {
      order: 1;
    }
    .p-index_education__block .c-frame {
      order: 0;
    }
  }
  .p-index_education__block:nth-of-type(even) .p-index_education__block__text {
    order: 1;
  }
  .p-index_education__block:nth-of-type(even) .c-frame {
    order: 0;
  }
}
@layer components {
  .p-index_career {
    padding-block: min(11.9183673469vw + 49.306122449px, 240px);
    background-color: var(--color-white-00);
    position: relative;
  }
  .p-index_career__block {
    margin-top: min(3.2653061224vw + 27.7551020408px, 80px);
    gap: min(3.5918367347vw + 6.5306122449px, 64px);
  }
  @media (max-width: 743px) {
    .p-index_career__block__text {
      order: 1;
    }
    .p-index_career__block .c-frame {
      order: 0;
    }
  }
  .p-index_career__block:nth-of-type(even) .p-index_career__block__text {
    order: 1;
  }
  .p-index_career__block:nth-of-type(even) .c-frame {
    order: 0;
  }
  .p-index_career__record {
    padding-block: min(1.6326530612vw + 13.8775510204px, 40px) 0;
    padding-inline: min(3.2653061224vw + 27.7551020408px, 80px);
    margin-top: min(3.2653061224vw + 27.7551020408px, 80px);
    background-color: var(--color-gray-30);
    background-image: url(../../img/career_support/record_bg.webp);
    background-size: cover;
    background-position: center;
    grid-template-columns: auto min(19.9183673469vw + 225.306122449px, 544px);
    gap: min(1.6326530612vw + 13.8775510204px, 40px);
  }
  @media (max-width: 1023px) {
    .p-index_career__record {
      grid-template-columns: 1fr;
      padding-inline: min(1.306122449vw + 19.1020408163px, 40px);
    }
  }
  .p-index_career__record__text {
    padding-bottom: min(1.6326530612vw + 13.8775510204px, 40px);
  }
  @media (max-width: 1023px) {
    .p-index_career__record__text {
      padding-bottom: 0;
    }
  }
  .p-index_career__record__text .title {
    position: relative;
    z-index: 1;
  }
  .p-index_career__record__text .title::before {
    content: "";
    position: absolute;
    left: -10%;
    top: -16%;
    width: min(0.4081632653vw + 58.4693877551px, 65px);
    height: min(0.4081632653vw + 28.4693877551px, 35px);
    background-color: var(--color-green-100);
    border-radius: 50%;
    transform: rotate(-30deg);
    z-index: -1;
  }
  .p-index_career__result {
    margin-top: min(3.2653061224vw + 27.7551020408px, 80px);
  }
  .p-index_career__result .js-accordion-wrapper {
    height: 0;
    overflow: hidden;
  }
  .p-index_career__result .js-accordion .is-close-text {
    display: none;
  }
  .p-index_career__result .js-accordion.is-open .is-open-text {
    display: none;
  }
  .p-index_career__result .js-accordion.is-open .is-close-text {
    display: inline;
  }
  .p-index_career__result-accordion {
    position: relative;
  }
  .p-index_career__result-accordion__visible {
    position: relative;
  }
  .p-index_career__result-accordion__gradient {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 80px;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%);
    pointer-events: none;
    transition: opacity 0.4s;
  }
  .p-index_career__result-accordion.is-open .p-index_career__result-accordion__gradient {
    opacity: 0;
  }
  .p-index_career__result-accordion.is-open .is-open-text {
    display: none;
  }
  .p-index_career__result-accordion.is-open .is-close-text {
    display: inline;
  }
  .p-index_career__result-accordion__trigger-wrap {
    margin-top: 20px;
    text-align: center;
  }
  .p-index_career__result-accordion__trigger {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    background-color: var(--color-black-100);
    min-width: 216px;
    color: var(--color-white-00);
    border-radius: 999px;
    font-weight: 700;
    padding: 1em;
    box-shadow: 2px 2px 10px 0 rgba(0, 0, 0, 0.25);
  }
  .p-index_career__result-accordion__trigger .is-close-text {
    display: none;
  }
}
@layer components {
  .p-index_strengths {
    background-color: var(--color-gray-30);
    overflow: hidden;
    position: relative;
  }
  .p-index_strengths__head {
    padding-block: 0 40px;
    position: relative;
  }
  .p-index_strengths__head__circle {
    width: 51%;
    position: absolute;
    left: -5%;
    top: -5%;
  }
  .p-index_strengths__head__circle svg {
    width: 100%;
  }
  .p-index_strengths__head__circle svg path {
    stroke: var(--color-white-00);
  }
  .p-index_strengths__head__bg {
    position: absolute;
    z-index: 0;
  }
  .p-index_strengths__head__bg img {
    width: 100%;
  }
  .p-index_strengths__head__bg.-circle01 {
    right: 0;
    top: 4%;
    width: 34%;
  }
  .p-index_strengths__head__bg.-circle02 {
    width: 26%;
    top: 25%;
  }
  .p-index_strengths__head__bg.-circle03 {
    width: 12.8%;
    bottom: -5%;
  }
  .p-index_strengths__head__dot {
    position: absolute;
    width: 5%;
  }
  .p-index_strengths__head__dot svg {
    width: 100%;
  }
  .p-index_strengths__head__dot.-rectangle01 {
    top: 20%;
    right: 7%;
  }
  .p-index_strengths__head__dot.-rectangle02 {
    bottom: 2%;
    left: 7%;
  }
  .p-index_strengths__head__heading {
    position: relative;
    text-align: center;
  }
  .p-index_strengths__head__heading .en {
    font-family: var(--font-en);
    font-size: min(6.5306122449vw + 2.2193877551rem, 8.75rem);
    transform: skew(-10deg);
    line-height: 1;
    white-space: nowrap;
    overflow: hidden;
  }
  .p-index_strengths__head__heading .en span {
    display: inline-block;
    opacity: 0;
    transform: translateY(100%);
    transition: transform 0.8s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.5s cubic-bezier(0.22, 1, 0.36, 1);
  }
  .p-index_strengths__head__heading .en span:nth-child(1) {
    transition-delay: 0.2s;
  }
  .p-index_strengths__head__heading .en span:nth-child(2) {
    transition-delay: 0.23s;
  }
  .p-index_strengths__head__heading .en span:nth-child(3) {
    transition-delay: 0.26s;
  }
  .p-index_strengths__head__heading .en span:nth-child(4) {
    transition-delay: 0.29s;
  }
  .p-index_strengths__head__heading .en span:nth-child(5) {
    transition-delay: 0.32s;
  }
  .p-index_strengths__head__heading .en span:nth-child(6) {
    transition-delay: 0.35s;
  }
  .p-index_strengths__head__heading .en span:nth-child(7) {
    transition-delay: 0.38s;
  }
  .p-index_strengths__head__heading .en span:nth-child(8) {
    transition-delay: 0.41s;
  }
  .p-index_strengths__head__heading .en span:nth-child(9) {
    transition-delay: 0.44s;
  }
  .p-index_strengths__head__heading .en span:nth-child(10) {
    transition-delay: 0.47s;
  }
  .p-index_strengths__head__heading .en span:nth-child(11) {
    transition-delay: 0.5s;
  }
  .p-index_strengths__head__heading .en span:nth-child(12) {
    transition-delay: 0.53s;
  }
  .p-index_strengths__head__heading .en span:nth-child(13) {
    transition-delay: 0.56s;
  }
  .p-index_strengths__head__heading .en span:nth-child(14) {
    transition-delay: 0.59s;
  }
  .p-index_strengths__head__heading .en span:nth-child(15) {
    transition-delay: 0.62s;
  }
  .p-index_strengths__head__heading .en span:nth-child(16) {
    transition-delay: 0.65s;
  }
  .p-index_strengths__head__heading .en span:nth-child(17) {
    transition-delay: 0.68s;
  }
  .p-index_strengths__head__heading .en span:nth-child(18) {
    transition-delay: 0.71s;
  }
  .p-index_strengths__head__heading .en span:nth-child(19) {
    transition-delay: 0.74s;
  }
  .p-index_strengths__head__heading .en span:nth-child(20) {
    transition-delay: 0.77s;
  }
  .p-index_strengths__head__heading .en span:nth-child(21) {
    transition-delay: 0.8s;
  }
  .p-index_strengths__head__heading .en span:nth-child(22) {
    transition-delay: 0.83s;
  }
  .p-index_strengths__head__heading .en span:nth-child(23) {
    transition-delay: 0.86s;
  }
  .p-index_strengths__head__heading .en span:nth-child(24) {
    transition-delay: 0.89s;
  }
  .p-index_strengths__head__heading .en span:nth-child(25) {
    transition-delay: 0.92s;
  }
  .p-index_strengths__head__heading .en span:nth-child(26) {
    transition-delay: 0.95s;
  }
  .p-index_strengths__head__heading .en span:nth-child(27) {
    transition-delay: 0.98s;
  }
  .p-index_strengths__head__heading .en span:nth-child(28) {
    transition-delay: 1.01s;
  }
  .p-index_strengths__head__heading .en span:nth-child(29) {
    transition-delay: 1.04s;
  }
  .p-index_strengths__head__heading .en span:nth-child(30) {
    transition-delay: 1.07s;
  }
  .p-index_strengths__head__heading .en.is-act span {
    opacity: 1;
    transform: translateY(0);
  }
  .p-index_strengths__head__heading .subtitle {
    margin-top: min(0.6530612245vw + 13.5510204082px, 24px);
    display: inline-flex;
    gap: 0.5em;
    align-items: center;
    justify-content: center;
    font-size: min(0.6530612245vw + 0.8469387755rem, 1.5rem);
    font-weight: 700;
    padding: 0.3em 0.5em;
    background-color: var(--color-white-00);
  }
  .p-index_strengths__head__heading .subtitle::before, .p-index_strengths__head__heading .subtitle::after {
    content: "■";
    font-size: min(0.4897959184vw + 0.3852040816rem, 0.875rem);
    color: var(--color-blue-100);
  }
  .p-index_strengths__head__heading .jp {
    font-size: min(1.4693877551vw + 1.9056122449rem, 3.375rem);
    line-height: 1.5;
    font-weight: 700;
  }
  .p-index_strengths__head__heading .jp strong {
    line-height: 1;
    letter-spacing: 0;
    font-family: var(--font-en);
    font-size: min(4.4081632653vw + 2.0918367347rem, 6.5rem);
    font-weight: 400;
  }
  .p-index_strengths__head__list-item {
    display: grid;
    grid-template-columns: 426fr 525fr;
    gap: min(2.4489795918vw + 0.8163265306px, 40px);
    position: relative;
    background-color: var(--color-white-00);
    padding: min(2.1224489796vw + 18.0408163265px, 52px) min(2.612244898vw + 22.2040816327px, 64px);
    border-radius: min(1.6326530612vw + 13.8775510204px, 40px);
    overflow: hidden;
  }
  @media (max-width: 1599px) {
    .p-index_strengths__head__list-item {
      padding: min(2.1224489796vw + 18.0408163265px, 52px);
    }
  }
  @media (max-width: 1023px) {
    .p-index_strengths__head__list-item {
      grid-template-columns: 1fr;
      padding: min(2.612244898vw + 22.2040816327px, 64px);
    }
  }
  .p-index_strengths__head__list-item:not(:first-child) {
    margin-top: 1em;
  }
  .p-index_strengths__head__list-item::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: url(../../img/common/parts/grid_pattern.svg);
    background-repeat: repeat;
    opacity: 0.2;
  }
  .p-index_strengths__head__list-item .heading {
    display: grid;
    grid-template-columns: auto 250fr;
    align-items: center;
  }
  @media (max-width: 743px) {
    .p-index_strengths__head__list-item .heading {
      grid-template-columns: 1fr;
    }
  }
  .p-index_strengths__head__list-item .heading__number {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: min(3.7551020408vw + 103.9183673469px, 164px);
    aspect-ratio: 164/77;
  }
  @media (max-width: 743px) {
    .p-index_strengths__head__list-item .heading__number {
      left: -1em;
    }
  }
  .p-index_strengths__head__list-item .heading__number:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(-32deg);
    border-radius: 50%;
    width: 100%;
    height: 100%;
    filter: blur(21.5px);
    z-index: 0;
    background: linear-gradient(230deg, #d1e743 -14.22%, #d0f7ff 65.59%, #9492ff 107.85%);
  }
  .p-index_strengths__head__list-item .heading__number::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 85%;
    aspect-ratio: 164/120;
    background-image: url(../../img/strengths/list_circle.svg);
    background-size: contain;
  }
  .p-index_strengths__head__list-item .heading__number span {
    font-family: var(--font-en);
    font-size: min(0.5714285714vw + 0.9285714286rem, 1.5rem);
    position: relative;
  }
  .p-index_strengths__head__list-item .heading__title {
    display: flex;
    align-items: center;
    font-weight: 700;
    position: relative;
  }
  .p-index_strengths__head__list-item .heading__title ruby {
    font-size: min(0.6530612245vw + 1.8469387755rem, 2.5rem);
    ruby-position: under;
    white-space: nowrap;
  }
  @media (max-width: 743px) {
    .p-index_strengths__head__list-item .heading__title ruby {
      margin-top: 0.3em;
      margin-right: 0.1em;
    }
  }
  .p-index_strengths__head__list-item .heading__title ruby rt {
    font-family: var(--font-en);
    font-weight: 400;
    font-size: 16px;
    margin-top: 0.3em;
    margin-left: -1em;
  }
  @media (max-width: 743px) {
    .p-index_strengths__head__list-item .heading__title ruby rt {
      margin-left: 0;
      font-size: 14px;
      margin-top: 0.1em;
    }
  }
  .p-index_strengths__head__list-item .heading__title span {
    font-size: 20px;
  }
  .p-index_strengths__body {
    position: relative;
    padding-block: 0 min(8vw + 42px, 170px);
  }
  .p-index_strengths__block {
    margin-top: min(6.1224489796vw + 237.0408163265px, 335px);
  }
  .p-index_strengths__block:nth-of-type(even) .p-index_strengths__block__heading .number:before {
    background-color: var(--color-green-100);
  }
  .p-index_strengths__block:nth-of-type(even) .p-index_strengths__block__heading .number::after {
    filter: blur(25px);
    background: linear-gradient(341deg, #d1e743 -26.49%, #d0f7ff 32.81%, #9492ff 98.11%);
  }
  .p-index_strengths__block__heading {
    display: flex;
    position: relative;
    padding-left: min(16.4897959184vw + -23.8367346939px, 240px);
  }
  @media (max-width: 1023px) {
    .p-index_strengths__block__heading {
      padding-left: 0;
    }
  }
  .p-index_strengths__block__heading .number {
    position: absolute;
    top: -40%;
    left: -8%;
    display: flex;
    align-items: center;
    justify-content: center;
    aspect-ratio: 540/253;
    width: min(23.6734693878vw + 161.2244897959px, 540px);
  }
  @media (max-width: 1023px) {
    .p-index_strengths__block__heading .number {
      left: -30%;
      top: -45%;
    }
  }
  @media (max-width: 743px) {
    .p-index_strengths__block__heading .number {
      top: -70%;
    }
  }
  .p-index_strengths__block__heading .number span {
    font-family: var(--font-en);
    font-size: min(2.4489795918vw + 0.6760204082rem, 3.125rem);
    position: relative;
    color: var(--color-white-00);
    transform: skew(-15deg);
    opacity: 0;
    transition: 0.4s var(--ease-out-expo);
  }
  .p-index_strengths__block__heading .number:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(-35deg);
    border-radius: 50%;
    width: 100%;
    height: 100%;
    background-color: var(--color-blue-100);
    scale: 0;
    transition: 0.6s var(--ease-out-expo);
  }
  .p-index_strengths__block__heading .number::after {
    content: "";
    position: absolute;
    border-radius: 50%;
    left: 80%;
    top: -10%;
    transform: translateY(0%) rotate(-32deg);
    width: min(9.2244897959vw + 78.4081632653px, 226px);
    aspect-ratio: 119/60;
    background: linear-gradient(213deg, #d1e743 19.71%, #d0f7ff 60.73%, #9492ff 105.89%);
    filter: blur(16px);
    z-index: 1;
    transform-origin: center;
    scale: 0;
    transition: 0.6s ease 0.4s;
  }
  .p-index_strengths__block__heading .number.is-act span {
    opacity: 1;
  }
  .p-index_strengths__block__heading .number.is-act::before {
    scale: 1;
  }
  .p-index_strengths__block__heading .number.is-act::after {
    scale: 1;
  }
  .p-index_strengths__block__heading .title {
    width: 100%;
  }
  .p-index_strengths__block__heading .title .en {
    display: block;
    font-family: var(--font-en);
    font-size: min(7.5102040816vw + 1.2397959184rem, 8.75rem);
    position: relative;
    transform: skew(-15deg);
    line-height: 1.2;
    overflow: hidden;
  }
  .p-index_strengths__block__heading .title .en span {
    transform-origin: center bottom;
    display: inline-block;
    opacity: 0;
    transform: translateY(100%);
    transition: transform 0.8s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.5s cubic-bezier(0.22, 1, 0.36, 1);
  }
  .p-index_strengths__block__heading .title .en span:nth-child(1) {
    transition-delay: 0.4s;
  }
  .p-index_strengths__block__heading .title .en span:nth-child(2) {
    transition-delay: 0.43s;
  }
  .p-index_strengths__block__heading .title .en span:nth-child(3) {
    transition-delay: 0.46s;
  }
  .p-index_strengths__block__heading .title .en span:nth-child(4) {
    transition-delay: 0.49s;
  }
  .p-index_strengths__block__heading .title .en span:nth-child(5) {
    transition-delay: 0.52s;
  }
  .p-index_strengths__block__heading .title .en span:nth-child(6) {
    transition-delay: 0.55s;
  }
  .p-index_strengths__block__heading .title .en span:nth-child(7) {
    transition-delay: 0.58s;
  }
  .p-index_strengths__block__heading .title .en span:nth-child(8) {
    transition-delay: 0.61s;
  }
  .p-index_strengths__block__heading .title .en span:nth-child(9) {
    transition-delay: 0.64s;
  }
  .p-index_strengths__block__heading .title .en span:nth-child(10) {
    transition-delay: 0.67s;
  }
  .p-index_strengths__block__heading .title .en span:nth-child(11) {
    transition-delay: 0.7s;
  }
  .p-index_strengths__block__heading .title .en span:nth-child(12) {
    transition-delay: 0.73s;
  }
  .p-index_strengths__block__heading .title .en span:nth-child(13) {
    transition-delay: 0.76s;
  }
  .p-index_strengths__block__heading .title .en span:nth-child(14) {
    transition-delay: 0.79s;
  }
  .p-index_strengths__block__heading .title .en span:nth-child(15) {
    transition-delay: 0.82s;
  }
  .p-index_strengths__block__heading .title .en span:nth-child(16) {
    transition-delay: 0.85s;
  }
  .p-index_strengths__block__heading .title .en span:nth-child(17) {
    transition-delay: 0.88s;
  }
  .p-index_strengths__block__heading .title .en span:nth-child(18) {
    transition-delay: 0.91s;
  }
  .p-index_strengths__block__heading .title .en span:nth-child(19) {
    transition-delay: 0.94s;
  }
  .p-index_strengths__block__heading .title .en span:nth-child(20) {
    transition-delay: 0.97s;
  }
  .p-index_strengths__block__heading .title .en span:nth-child(21) {
    transition-delay: 1s;
  }
  .p-index_strengths__block__heading .title .en span:nth-child(22) {
    transition-delay: 1.03s;
  }
  .p-index_strengths__block__heading .title .en span:nth-child(23) {
    transition-delay: 1.06s;
  }
  .p-index_strengths__block__heading .title .en span:nth-child(24) {
    transition-delay: 1.09s;
  }
  .p-index_strengths__block__heading .title .en span:nth-child(25) {
    transition-delay: 1.12s;
  }
  .p-index_strengths__block__heading .title .en span:nth-child(26) {
    transition-delay: 1.15s;
  }
  .p-index_strengths__block__heading .title .en span:nth-child(27) {
    transition-delay: 1.18s;
  }
  .p-index_strengths__block__heading .title .en span:nth-child(28) {
    transition-delay: 1.21s;
  }
  .p-index_strengths__block__heading .title .en span:nth-child(29) {
    transition-delay: 1.24s;
  }
  .p-index_strengths__block__heading .title .en span:nth-child(30) {
    transition-delay: 1.27s;
  }
  .p-index_strengths__block__heading .title .ja {
    position: relative;
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: center;
    gap: min(0.8163265306vw + 6.9387755102px, 20px);
  }
  .p-index_strengths__block__heading .title .ja::before {
    content: "";
    transition: 1s var(--ease-in-out);
    width: 0%;
    height: 1px;
    background-color: var(--color-black-100);
  }
  .p-index_strengths__block__heading .title .ja > span {
    font-size: min(2.1224489796vw + 0.8775510204rem, 3rem);
    font-weight: 700;
    background-color: var(--color-white-00);
    padding: 0 0.2em;
    line-height: 1.2;
    position: relative;
    opacity: 0;
    transition: 0.4s ease 0.4s;
  }
  .p-index_strengths__block__heading .title .ja > span::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: var(--color-white-00);
    transition: 0.4s var(--ease-out-cubic) 0.4s;
  }
  .p-index_strengths__block__heading .title .ja strong {
    font-weight: 600;
    font-size: min(2.612244898vw + 1.137755102rem, 3.75rem);
  }
  .p-index_strengths__block__heading .title.is-act .en span {
    opacity: 1;
    transform: translateY(0);
  }
  .p-index_strengths__block__heading .title.is-act .ja::before {
    width: 100%;
  }
  .p-index_strengths__block__heading .title.is-act .ja > span {
    opacity: 1;
  }
  .p-index_strengths__block__heading .title.is-act .ja > span::before {
    width: 0;
    right: 0;
    left: auto;
  }
  .p-index_strengths__block__inner {
    --left-area-width: calc((100% * 496 / 1264) + min(4.8979591837vw + 21.6326530612px, 100px));
    margin-top: min(4.8979591837vw + 21.6326530612px, 100px);
    display: grid;
    grid-template-columns: 496fr 768fr;
    gap: min(4.8979591837vw + 21.6326530612px, 100px);
  }
  @media (max-width: 1023px) {
    .p-index_strengths__block__inner {
      grid-template-columns: 1fr;
    }
  }
  .p-index_strengths__block__image {
    border-top-right-radius: min(2.4489795918vw + 10.8163265306px, 50px);
    border-bottom-right-radius: min(2.4489795918vw + 10.8163265306px, 50px);
    overflow: hidden;
    aspect-ratio: 496/790;
    position: relative;
    z-index: 1;
    display: block;
  }
  .p-index_strengths__block__image img {
    inline-size: 100%;
    block-size: 100%;
  }
  @media (max-width: 1023px) {
    .p-index_strengths__block__image {
      aspect-ratio: 343/206;
      border-radius: min(2.4489795918vw + 10.8163265306px, 50px);
    }
  }
  .p-index_strengths__block__image-wrap {
    position: relative;
  }
  .p-index_strengths__block__image-wrap::before {
    content: "";
    position: absolute;
    top: 0;
    width: calc(100% + min(4.8979591837vw + 21.6326530612px, 100px));
    left: 0;
    height: 100%;
    background: var(--color-gray-30);
    z-index: 1;
  }
  @media (max-width: 743px) {
    .p-index_strengths__block__image-wrap::before {
      content: none;
    }
  }
  .p-index_strengths__block__body .drawing img {
    inline-size: 100%;
  }
  .p-index_strengths__block__body .point {
    background-color: var(--color-white-00);
    padding: 1em 2em;
    border-radius: 20px;
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 1em;
    align-items: center;
  }
  @media (max-width: 743px) {
    .p-index_strengths__block__body .point {
      padding: 1em 1em;
    }
  }
  .p-index_strengths__block__body .point__title {
    display: flex;
    align-items: center;
    gap: 0.5em;
  }
  .p-index_strengths__block__body .point__title .en {
    font-family: var(--font-en);
    font-size: min(0.7346938776vw + 0.7653061224rem, 1.5rem);
    position: relative;
    z-index: 1;
  }
  .p-index_strengths__block__body .point__title .en:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(-35deg);
    border-radius: 50%;
    width: 90%;
    height: 90%;
    background-color: var(--color-green-100);
  }
  .p-index_strengths__block__body .job-slider {
    --slider-margin: min(1.6326530612vw + 13.8775510204px, 40px);
    z-index: 0;
  }
  .p-index_strengths__block__body .job-slider.swiper {
    overflow: visible !important;
  }
  .p-index_strengths__block__body .job-slider .swiper-slide {
    padding-inline: calc(0.5 * var(--slider-margin)) !important;
    width: 76.9230769231% !important;
  }
  @media (max-width: 1023px) {
    .p-index_strengths__block__body .job-slider .swiper-slide {
      width: 83.3333333333% !important;
    }
  }
  .p-index_strengths__block__body .job-slider .swiper-slide .logo {
    margin-top: 1em !important;
  }
  .p-index_strengths__block__body .job-slider .swiper-slide:nth-of-type(even) .title::before {
    background-color: var(--color-green-100);
  }
  .p-index_strengths__block__body .merit {
    border: 2px solid var(--color-gray-50);
    padding: max(-0.1632653061vw + 56.612244898px, 54px) min(2.4489795918vw + 14.8163265306px, 54px) 0;
    border-radius: 40px;
    gap: min(3.2653061224vw + -2.2448979592px, 50px);
    position: relative;
    display: flex;
    justify-content: space-between;
  }
  @media (max-width: 1299px) {
    .p-index_strengths__block__body .merit {
      flex-direction: column;
    }
  }
  .p-index_strengths__block__body .merit__title {
    position: absolute;
    top: min(0.0816326531vw + -28.306122449px, -27px);
    padding: 0.3em;
    background-color: var(--color-gray-30);
    white-space: nowrap;
  }
  @media (max-width: 1299px) {
    .p-index_strengths__block__body .merit__title {
      text-align: center;
      left: 50%;
      transform: translateX(-50%);
    }
  }
  .p-index_strengths__block__body .merit__list {
    margin-top: 1.5em;
  }
  .p-index_strengths__block__body .merit__list > li:last-of-type {
    margin-bottom: 1.5em;
  }
  @media (max-width: 743px) {
    .p-index_strengths__block__body .merit__list > li:last-of-type {
      margin-bottom: 0;
    }
  }
  .p-index_strengths__block__body .merit__voice {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    right: -5%;
  }
  @media (max-width: 1299px) {
    .p-index_strengths__block__body .merit__voice {
      flex-direction: column;
      align-items: center;
      width: 85%;
      margin-inline: auto;
      right: 0;
      margin-top: 2em;
    }
  }
  .p-index_strengths__block__body .merit__voice__balloon {
    position: absolute;
    bottom: 94%;
    min-inline-size: 262px;
    width: 100%;
    z-index: 1;
  }
  @media (max-width: 1299px) {
    .p-index_strengths__block__body .merit__voice__balloon {
      position: relative;
      bottom: auto;
      top: 5%;
    }
  }
  .p-index_strengths__block__body .merit__voice__balloon span {
    display: block;
    position: relative;
    background: var(--color-black-100);
    color: var(--color-white-00);
    border-radius: 16px 16px 16px 0;
    padding: 1em min(1.6326530612vw + 3.8775510204px, 30px);
    line-height: 1.7;
  }
  .p-index_strengths__block__body .merit__voice__balloon span::after {
    content: "";
    position: absolute;
    bottom: -16px;
    left: 0;
    border-width: 0 0 16px 16px;
    border-style: solid;
    border-color: transparent transparent transparent #222;
  }
  @media (max-width: 743px) {
    .p-index_strengths__block__body .merit__voice__balloon {
      position: relative;
      bottom: auto;
    }
  }
  .p-index_strengths__block__body .merit__voice__image {
    position: relative;
    aspect-ratio: 202/179;
    display: flex;
    align-items: flex-end;
  }
  .p-index_strengths__block__body .merit__voice__image::before {
    content: "";
    width: min(4.6530612245vw + 117.5510204082px, 192px);
    height: min(2.2040816327vw + 54.7346938776px, 90px);
    position: absolute;
    z-index: 0;
    top: 50%;
    left: 10%;
    border-radius: 50%;
    transform: rotate(-32deg) translateY(-50%);
    background: linear-gradient(213deg, #d1e743 19.71%, #d0f7ff 60.73%, #9492ff 105.89%);
    filter: blur(15px);
  }
  .p-index_strengths__block__body .merit__voice__image img {
    position: relative;
    z-index: 1;
  }
}
@layer components {
  .p-index_advanced-diploma {
    z-index: 0;
    overflow: hidden;
    height: 100vh;
    min-height: 700px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--color-white-00);
  }
  @media (max-width: 1023px) {
    .p-index_advanced-diploma {
      height: 100%;
      min-height: calc(100vh + 1000px);
      padding-inline: 0;
      overflow: visible;
    }
  }
  .p-index_advanced-diploma__inner {
    width: 100%;
    height: calc(100% - min(1.6326530612vw + 13.8775510204px, 40px));
    background-image: url(../../img/advanced_diploma/bg.webp);
    background-size: 100%;
    background-position: center;
    position: relative;
    overflow: hidden;
  }
  @media (max-width: 1023px) {
    .p-index_advanced-diploma__inner {
      background-image: url(../../img/advanced_diploma/bg_sp.webp);
      height: 100%;
      width: 100%;
      margin: 10px;
    }
  }
  .p-index_advanced-diploma__inner::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    width: calc(100% - min(1.9591836735vw + 8.6530612245px, 40px));
    height: calc(100% - min(1.9591836735vw + 8.6530612245px, 40px));
    border: 1px solid var(--color-white-00);
    border-radius: min(1.306122449vw + 3.1020408163px, 24px);
  }
  .p-index_advanced-diploma__info {
    inline-size: 100%;
    block-size: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    left: 0;
    top: 0;
  }
  @media (max-width: 1023px) {
    .p-index_advanced-diploma__info {
      position: relative;
      align-items: flex-start;
      block-size: 100vh;
    }
  }
  .p-index_advanced-diploma__info__bg {
    position: absolute;
    left: 0;
    top: 0;
    inline-size: 100%;
    block-size: 100%;
  }
  .p-index_advanced-diploma__info__bg img {
    inline-size: 100%;
    block-size: 100%;
    object-fit: cover;
  }
  .p-index_advanced-diploma__info__heading {
    position: relative;
    z-index: 1;
  }
  @media (max-width: 1023px) {
    .p-index_advanced-diploma__info__heading {
      padding-top: 40px;
    }
  }
  .p-index_advanced-diploma__info__heading .title {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: min(1.6326530612vw + 13.8775510204px, 40px);
  }
  .p-index_advanced-diploma__info__heading .title span:first-of-type {
    width: min(14.7755102041vw + 86.5918367347px, 323px);
  }
  .p-index_advanced-diploma__info__heading .title span:last-of-type {
    width: min(27.0204081633vw + 160.6734693878px, 593px);
  }
  .p-index_advanced-diploma__info__heading .title span svg {
    width: 100%;
    height: 100%;
  }
  .p-index_advanced-diploma__info__heading .subtitle {
    font-size: min(0.6530612245vw + 1.0969387755rem, 1.75rem);
    line-height: 1.7;
  }
  .p-index_advanced-diploma__info__keyword {
    position: absolute;
    transform: translateX(-50%) translateY(-50%);
    display: inline-block;
    background: rgba(0, 90, 131, 0.1);
    backdrop-filter: blur(2.5px);
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 5px;
    padding: 0.7em 1em;
    line-height: 1;
    white-space: nowrap;
    font-family: var(--font-en);
    color: var(--color-white-00);
    font-size: min(0.4897959184vw + 0.7602040816rem, 1.25rem);
  }
  .p-index_advanced-diploma__info__keyword.-keyword01 {
    top: 16%;
    left: 16%;
  }
  .p-index_advanced-diploma__info__keyword.-keyword02 {
    top: 30%;
    left: 21%;
  }
  .p-index_advanced-diploma__info__keyword.-keyword03 {
    top: 34%;
    left: 24%;
  }
  .p-index_advanced-diploma__info__keyword.-keyword04 {
    top: 54%;
    left: 12%;
  }
  .p-index_advanced-diploma__info__keyword.-keyword05 {
    top: 72%;
    left: 17%;
    z-index: 1;
  }
  .p-index_advanced-diploma__info__keyword.-keyword06 {
    top: 77%;
    left: 23%;
  }
  .p-index_advanced-diploma__info__keyword.-keyword07 {
    top: 87%;
    left: 10%;
  }
  .p-index_advanced-diploma__info__keyword.-keyword08 {
    top: 18%;
    right: 15%;
  }
  .p-index_advanced-diploma__info__keyword.-keyword09 {
    top: 37%;
    right: 0%;
  }
  .p-index_advanced-diploma__info__keyword.-keyword10 {
    top: 47%;
    right: 2%;
  }
  .p-index_advanced-diploma__info__keyword.-keyword11 {
    top: 63%;
    right: 10%;
    z-index: 1;
  }
  .p-index_advanced-diploma__info__keyword.-keyword12 {
    top: 66%;
    right: 4%;
  }
  .p-index_advanced-diploma__info__keyword.-keyword13 {
    top: 80%;
    right: 12%;
  }
  @media (max-width: 1023px) {
    .p-index_advanced-diploma__info__keyword {
      font-size: min(0.3265306122vw + 0.5484693878rem, 0.875rem);
    }
    .p-index_advanced-diploma__info__keyword.-keyword01 {
      top: 40%;
      left: 22%;
    }
    .p-index_advanced-diploma__info__keyword.-keyword02 {
      top: 50%;
      left: 30%;
    }
    .p-index_advanced-diploma__info__keyword.-keyword03 {
      top: 52%;
      left: 40%;
    }
    .p-index_advanced-diploma__info__keyword.-keyword04 {
      top: 57%;
      left: 2%;
    }
    .p-index_advanced-diploma__info__keyword.-keyword05 {
      top: 65%;
      left: 25%;
    }
    .p-index_advanced-diploma__info__keyword.-keyword06 {
      top: 93%;
      left: auto;
      right: 4%;
    }
    .p-index_advanced-diploma__info__keyword.-keyword07 {
      top: 95%;
      left: 20%;
    }
    .p-index_advanced-diploma__info__keyword.-keyword08 {
      top: 45%;
      right: 40%;
    }
    .p-index_advanced-diploma__info__keyword.-keyword09 {
      top: 38%;
      left: auto;
      right: -30%;
    }
    .p-index_advanced-diploma__info__keyword.-keyword10 {
      top: 57%;
      right: -15%;
    }
    .p-index_advanced-diploma__info__keyword.-keyword11 {
      top: 76%;
      right: 40%;
    }
    .p-index_advanced-diploma__info__keyword.-keyword12 {
      top: 98%;
      right: -5%;
    }
    .p-index_advanced-diploma__info__keyword.-keyword13 {
      top: 85%;
      left: auto;
      right: 10%;
    }
  }
  .p-index_advanced-diploma__career {
    position: absolute;
    left: 0;
    top: 0;
    inline-size: 100%;
    block-size: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: min(0.4897959184vw + 18.1632653061px, 26px);
  }
  @media (max-width: 1023px) {
    .p-index_advanced-diploma__career {
      position: relative;
      width: 100%;
      height: auto;
      z-index: 100;
      display: block;
      padding-block: 100px 80px;
      box-sizing: border-box;
      text-align: center;
    }
  }
  .p-index_advanced-diploma__career__title {
    display: inline-block;
    background: rgba(0, 90, 131, 0.1);
    backdrop-filter: blur(2.5px);
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 5px;
    padding: 0.4em 1.8em;
    color: var(--color-white-00);
    font-size: min(0.6530612245vw + 0.8469387755rem, 1.5rem);
  }
  .p-index_advanced-diploma__career__type {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: min(2.9387755102vw + 8.9795918367px, 56px);
    width: 75%;
    max-inline-size: 1083px;
  }
  @media (max-width: 1023px) {
    .p-index_advanced-diploma__career__type {
      grid-template-columns: repeat(2, 1fr);
      width: 85%;
      margin-inline: auto;
      padding-bottom: 40px;
      margin-top: 2em;
    }
  }
  .p-index_advanced-diploma__career__type-item {
    display: flex;
    flex-direction: column;
  }
  @media (max-width: 1023px) {
    .p-index_advanced-diploma__career__type-item:nth-of-type(even) {
      margin-top: 80px;
    }
  }
  .p-index_advanced-diploma__career__type-item .model {
    position: relative;
    aspect-ratio: 180/466;
    inline-size: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    width: 100%;
  }
  .p-index_advanced-diploma__career__type-item .list {
    font-size: 0.8vw;
  }
  @media (max-width: 1023px) {
    .p-index_advanced-diploma__career__type-item .list {
      font-size: min(0.3265306122vw + 0.6734693878rem, 1rem);
    }
  }
  .p-index_advanced-diploma__career__type-item .image {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    padding-bottom: min(0.8163265306vw + 16.9387755102px, 30px);
  }
  .p-index_advanced-diploma__career__type-item .image img {
    object-fit: contain;
    width: 100%;
  }
  .p-index_advanced-diploma__career__type-item .image .caption {
    position: absolute;
    bottom: 15%;
    left: -0.5em;
    white-space: nowrap;
    font-size: 2vw;
    font-family: var(--font-en);
    line-height: 1;
  }
  @media (max-width: 1023px) {
    .p-index_advanced-diploma__career__type-item .image .caption {
      font-size: min(1.1428571429vw + 1.3571428571rem, 2.5rem);
    }
  }
  .p-index_advanced-diploma__career__type-item .image .caption > span {
    display: inline-block;
    margin-left: 0.5em;
  }
  .p-index_advanced-diploma__career__type-item .ground {
    position: absolute;
    bottom: 0;
    width: 100%;
  }
  .p-index_advanced-diploma__career__type-item .ground img {
    width: 100%;
  }
  .p-index_advanced-diploma__career__type-item.-item01 .image {
    width: 72%;
  }
  .p-index_advanced-diploma__career__type-item.-item02 .image {
    width: 84%;
  }
  .p-index_advanced-diploma__career__type-item.-item03 .image {
    width: 72%;
  }
  .p-index_advanced-diploma__career__type-item.-item04 .image {
    width: 64%;
  }
  .p-index_advanced-diploma__career__type-item.-item05 .image {
    width: 70%;
  }
}

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