@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&family=Noto+Sans+JP:wght@100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
/**
  * @param {number} $min - 通常文章で使うような文字のPC時の文字サイズ
  * @param {number} $min-small - 通常文章で使うような文字のSP時の文字サイズ
  * @param {number} $max - 通常見出しで使うような文字のPC時の文字サイズ
  * @param {number} $max-small - 通常見出しで使うような文字のSP時の文字サイズ
  */
@keyframes fukidashi {
  0% {
    opacity: 0;
    transform: translateY(0) scale(0.9);
  }
  10% {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
  30% {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
  40% {
    opacity: 0;
    transform: translateY(-20px) scale(0.95);
  }
  100% {
    opacity: 0;
    transform: translateY(-20px) scale(0.95);
  }
}
@keyframes loop {
  0% {
    transform: translateX(0%);
  }
  to {
    transform: translateX(-100%);
  }
}
@keyframes blinking {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes worksBarProgress {
  from {
    inline-size: 0%;
  }
  to {
    inline-size: 100%;
  }
}
@layer theme, base, components, utilities;
@layer theme {
  :root {
    --font-ja: "Noto Sans JP", sans-serif;
    --font-poppins: "Poppins", sans-serif;
    --font-manrope: "Manrope", sans-serif;
    --color-white-00: #ffffff;
    --color-green-100: #1e483f;
    --color-green-50: #dedecf;
    --color-light-green-100: #87d204;
    --color-yellow-100: #ffe53d;
    --color-black-100: #222222;
    --color-black-70: #7b7b72;
    --color-base-green: #f2f2e7;
    --color-base-green-100: #dedecc;
    --color-beige-100: #d7d7c9;
    --color-semantic-border-default: #cccccc;
    --color-semantic-border-btn: #d6d7d6;
    --color-semantic-attention: #e33e1c;
    --color-green-110: #2d6559;
    --heading-s: 20px;
    --heading-m: 24px;
    --heading-l: 32px;
    --heading-xl: 48px;
    --body-m: 16px;
    --body-s: 14px;
    --body-xs: 12px;
    --button-label: 14px;
    --radius-m: 10px;
    --radius-l: 24px;
    --radius-btn-l: 16px;
    --radius-btn-m: 10px;
    --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-pop: cubic-bezier(0.34, 1.56, 0.64, 1);
    --dur: 0.2s;
    --container-min-size: 89.3333333333vw;
    --container-min-padding: calc((100vw - var(--container-min-size)) * 0.5);
    --z-header: 5000;
  }
}
@layer base {
  :root {
    scrollbar-gutter: stable;
    -webkit-tap-highlight-color: transparent;
  }
  :root[lang=ja], :root[lang=ch], :root[lang=kr] {
    text-spacing-trim: trim-start;
    text-autospace: normal;
    line-break: strict;
    overflow-wrap: anywhere;
  }
  body {
    color: var(--color-black-100);
    font-family: var(--font-ja);
    background-color: var(--color-base-green);
    font-size: min(0.1632653061vw + 13.387755102px, 16px);
  }
  body::after {
    content: "";
    position: fixed;
    inset: 0;
    background: rgba(30, 72, 63, 0.45);
    backdrop-filter: blur(10px);
    z-index: 900;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s, visibility 0.3s;
  }
  body.is-act {
    overflow: hidden;
  }
  body.is-act::after {
    opacity: 1;
    visibility: visible;
  }
  button:not(:disabled),
  input[type=submit]:not(:disabled) {
    cursor: pointer;
  }
  button:disabled,
  input[type=submit]:disabled {
    cursor: not-allowed;
  }
  img {
    vertical-align: bottom;
    block-size: auto;
    max-inline-size: 100%;
    min-block-size: 1px;
    object-fit: cover;
  }
  img.-t {
    object-position: center top;
  }
  img.-tl {
    object-position: left top;
  }
  img.-tr {
    object-position: right top;
  }
  img.-r {
    object-position: right center;
  }
  img.-b {
    object-position: center bottom;
  }
  img.-bl {
    object-position: left bottom;
  }
  img.-br {
    object-position: right bottom;
  }
  img.-l {
    object-position: left center;
  }
  svg {
    overflow: hidden;
  }
}
@layer components {
  .l-header {
    width: 100%;
    position: fixed;
    top: min(0.8163265306vw + 6.9387755102px, 20px);
    left: 0;
    z-index: 999;
  }
  .l-header__inner {
    padding: 1em 2em;
    align-items: center;
    display: flex;
    border-radius: calc(infinity * 1px);
    gap: min(1.6326530612vw + 13.8775510204px, 40px);
    background-color: var(--color-white-00, #fff);
    box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.1), 0 0 4px 0 rgba(0, 0, 0, 0.1);
  }
  .l-header__navi {
    display: flex;
    align-items: center;
    column-gap: 20px;
    font-size: min(0.1020408163vw + 0.7729591837rem, 0.875rem);
    gap: 1.5em;
  }
  @media (max-width: 743px) {
    .l-header__navi {
      display: none;
    }
  }
  .l-header__navi__item {
    color: var(--color-green-100);
    font-weight: 500;
  }
  .l-header__navi__item a {
    color: var(--color-green-100);
    font-weight: 500;
  }
  .l-header__navi__item.-mega {
    position: relative;
    padding-inline-end: 0.2em;
    margin-inline-end: 0.5em;
  }
  .l-header__navi__item.-mega::before, .l-header__navi__item.-mega::after {
    content: "";
    position: absolute;
    left: 100%;
    top: 50%;
    width: 10px;
    height: 1px;
    background-color: var(--color-green-100);
    transition: rotate 0.3s;
  }
  .l-header__navi__item.-mega::after {
    rotate: -90deg;
  }
  .l-header__mega {
    position: absolute;
    left: 0;
    top: 100%;
    display: none;
  }
  .l-header__button {
    display: flex;
    gap: 0.5em;
    margin-inline-start: auto;
  }
  @media (max-width: 743px) {
    .l-header__button {
      display: none;
    }
  }
}
@layer components {
  .l-footer {
    overflow: clip;
    position: relative;
  }
  .l-footer__line {
    position: absolute;
    top: 0;
    left: 0;
    translate: 50% 0%;
    z-index: 1;
  }
  @media (max-width: 743px) {
    .l-footer__line {
      translate: -10% 0%;
      min-inline-size: 130%;
      display: block;
    }
  }
  .l-footer__top {
    position: relative;
    padding-block: min(8.1632653061vw + 69.387755102px, 200px);
    color: var(--color-white-00);
    background: linear-gradient(103deg, #77ac3e 3.29%, var(--color-light-green-100) 100%);
  }
  .l-footer__top::before {
    content: attr(data-en);
    position: absolute;
    top: 0;
    left: 50%;
    translate: -50% -20%;
    color: var(--color-white-00);
    font-family: var(--font-manrope);
    font-weight: 900;
    opacity: 0.2;
    font-size: min(9.7959183673vw + 2.7040816327rem, 12.5rem);
    white-space: nowrap;
  }
  @media (max-width: 743px) {
    .l-footer__top::before {
      translate: -50% -10%;
    }
  }
  @media (max-width: 743px) {
    .l-footer__top .c-grid-container .col2-5 {
      grid-column: 2/4;
    }
  }
  .l-footer__top__inner {
    display: grid;
    grid-template-columns: minmax(0, 495px) minmax(0, 1.2fr);
    gap: min(2.4489795918vw + 20.8163265306px, 60px);
    position: relative;
    z-index: 10;
  }
  @media (max-width: 743px) {
    .l-footer__top__inner {
      grid-template-columns: 1fr;
    }
  }
  .l-footer__top__end {
    max-inline-size: 700px;
    position: relative;
    align-self: center;
  }
  .l-footer__top__end::before, .l-footer__top__end::after {
    content: "";
    position: absolute;
    left: 0;
    inline-size: 32px;
    block-size: 32px;
    z-index: 10;
  }
  .l-footer__top__end::before {
    translate: 0 0;
    border-radius: min(0.9795918367vw + 8.3265306122px, 24px) 0 0 0;
    top: 0;
    border-block-start: 1px solid var(--color-green-100);
    border-inline-start: 1px solid var(--color-green-100);
  }
  .l-footer__top__end::after {
    translate: 0 0;
    border-radius: 0 0 0 min(0.9795918367vw + 8.3265306122px, 24px);
    bottom: 0;
    border-block-end: 1px solid var(--color-green-100);
    border-inline-start: 1px solid var(--color-green-100);
  }
  .l-footer__top__movie_wrap {
    position: relative;
  }
  .l-footer__top__movie_wrap::before, .l-footer__top__movie_wrap::after {
    content: "";
    position: absolute;
    right: 0;
    inline-size: 32px;
    block-size: 32px;
    z-index: 10;
  }
  .l-footer__top__movie_wrap::before {
    translate: 0 0;
    border-radius: 0 min(0.9795918367vw + 8.3265306122px, 24px) 0 0;
    top: 0;
    border-block-start: 1px solid var(--color-green-100);
    border-inline-end: 1px solid var(--color-green-100);
  }
  .l-footer__top__movie_wrap::after {
    translate: 0 0;
    border-radius: 0 0 min(0.9795918367vw + 8.3265306122px, 24px) 0;
    bottom: 0;
    border-block-end: 1px solid var(--color-green-100);
    border-inline-end: 1px solid var(--color-green-100);
  }
  .l-footer__top__movie {
    background-color: var(--color-white-00);
    padding: 1em;
    border-radius: min(0.9795918367vw + 8.3265306122px, 24px);
  }
  @media (max-width: 743px) {
    .l-footer__top__movie {
      padding: 0.5em;
    }
  }
  .l-footer__top__movie video {
    border-radius: min(0.6530612245vw + 5.5510204082px, 16px);
    inline-size: 100%;
  }
  .l-footer__top__human {
    position: absolute;
    top: 100%;
    left: 50%;
    translate: 20% -100%;
    z-index: 11;
  }
  @media (max-width: 743px) {
    .l-footer__top__human {
      translate: -100% -100%;
    }
  }
  .l-footer__bottom {
    background-color: var(--color-base-green);
    padding: min(4.8979591837vw + 21.6326530612px, 100px);
  }
  @media (max-width: 743px) {
    .l-footer__bottom {
      padding-inline: min(1.6326530612vw + 13.8775510204px, 40px);
    }
  }
  .l-footer__bottom__nav {
    display: flex;
    gap: min(6.5306122449vw + -4.4897959184px, 100px);
    position: relative;
    z-index: 10;
  }
  @media (max-width: 743px) {
    .l-footer__bottom__nav {
      flex-direction: column;
    }
  }
  .l-footer__bottom__logo {
    flex-shrink: 0;
  }
  .l-footer__bottom__navis {
    display: flex;
    gap: min(7.3469387755vw + -17.5510204082px, 100px);
  }
  @media (max-width: 743px) {
    .l-footer__bottom__navis {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .l-footer__bottom__navi {
    display: grid;
    gap: min(0.4081632653vw + 13.4693877551px, 20px);
    align-self: start;
  }
  .l-footer__bottom__navi__sub {
    display: grid;
    gap: min(0.8163265306vw + 6.9387755102px, 20px);
  }
  .l-footer__bottom__navi__category {
    font-size: min(0.1020408163vw + 0.7729591837rem, 0.875rem);
    font-weight: 700;
    color: var(--color-black-70);
    margin-block-end: -0.5em;
  }
  .l-footer__bottom__navi__item {
    font-weight: 700;
    color: var(--color-green-100);
    position: relative;
    padding-inline-start: 1em;
    display: inline-block;
    inline-size: fit-content;
    transition: color 0.3s;
  }
  .l-footer__bottom__navi__item::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    translate: 0 -50%;
    inline-size: 0.7em;
    block-size: 0.7em;
    background-color: var(--color-light-green-100);
    border-radius: 50%;
    transition: scale 0.3s;
  }
  @media (any-hover: hover) {
    .l-footer__bottom__navi__item:hover {
      color: var(--color-light-green-100);
    }
    .l-footer__bottom__navi__item:hover::before {
      scale: 0.8;
    }
  }
  .l-footer__bottom__bar {
    position: relative;
    z-index: 10;
    margin-block-start: min(2.8571428571vw + 19.2857142857px, 65px);
    display: flex;
  }
  .l-footer__bottom__bar__inner {
    background-color: var(--color-white-00);
    padding: min(0.8163265306vw + 6.9387755102px, 20px);
    border-radius: calc(infinity * 1px);
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-inline: min(1.9591836735vw + 16.6530612245px, 48px);
    inline-size: 100%;
  }
  @media (max-width: 743px) {
    .l-footer__bottom__bar__inner {
      flex-direction: column;
      border-radius: 20px;
      padding-block: 1.5em;
    }
  }
  .l-footer__bottom__bar__links {
    display: flex;
    gap: min(1.2244897959vw + 10.4081632653px, 30px);
  }
  @media (max-width: 743px) {
    .l-footer__bottom__bar__links {
      flex-wrap: wrap;
    }
  }
  .l-footer__bottom__bar__link {
    color: var(--color-black-70);
    position: relative;
  }
  @media (max-width: 743px) {
    .l-footer__bottom__bar__link {
      font-size: min(0.0408163265vw + 0.7091836735rem, 0.75rem);
    }
  }
  .l-footer__bottom__bar__link::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    inline-size: 0;
    block-size: 1px;
    background-color: var(--color-green-100);
    transition: inline-size 0.3s;
  }
  .l-footer__bottom__bar__link::after {
    content: "";
    position: absolute;
    right: max(-0.5714285714vw + -5.8571428571px, -15px);
    top: 50%;
    translate: 0 -50%;
    inline-size: 1px;
    block-size: 80%;
    background-color: var(--color-semantic-border-default);
  }
  @media (any-hover: hover) {
    .l-footer__bottom__bar__link:hover::before {
      inline-size: 100%;
    }
  }
  .l-footer__bottom__bar__copyright {
    font-family: var(--font-poppins);
    font-weight: 600;
    color: var(--color-green-100);
    font-size: min(0vw + 0.625rem, 0.625rem);
  }
  @media (max-width: 743px) {
    .l-footer__bottom__bar__copyright {
      margin-block-start: 1em;
      align-self: flex-start;
    }
  }
  .l-footer__bottom__pagetop {
    align-self: center;
    inline-size: min(0.6530612245vw + 45.5510204082px, 56px);
    block-size: min(0.6530612245vw + 45.5510204082px, 56px);
    background-color: var(--color-green-100);
    border-radius: 50%;
    flex-shrink: 0;
    font-family: var(--font-poppins);
    font-weight: 600;
    color: var(--color-white-00);
    font-size: min(0vw + 0.625rem, 0.625rem);
    display: grid;
    place-content: center;
    transition: scale 0.3s var(--ease-pop);
  }
  @media (max-width: 743px) {
    .l-footer__bottom__pagetop {
      align-self: start;
    }
  }
  .l-footer__bottom__pagetop .text {
    text-align: center;
    line-height: 1.2;
    position: relative;
  }
  .l-footer__bottom__pagetop .text svg {
    margin-inline: auto;
    block-size: 15px;
    rotate: -90deg;
    color: var(--color-light-green-100);
  }
  @media (any-hover: hover) {
    .l-footer__bottom__pagetop:hover {
      scale: 0.9;
    }
  }
}
@layer components {
  .l-drawer {
    inline-size: 100%;
    top: calc(var(--header-height) + 30px);
    left: 50%;
    translate: -50% 0;
    display: none;
    overflow-y: auto;
    z-index: 999;
  }
  .l-drawer__inner {
    border-radius: min(0.9795918367vw + 8.3265306122px, 24px);
    padding: min(0.3265306122vw + 34.7755102041px, 40px) min(0.1632653061vw + 29.387755102px, 32px);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    overflow-y: auto;
    background-color: var(--color-white-00);
  }
  .l-drawer__menu {
    display: flex;
    flex-direction: column;
  }
  .l-drawer__item {
    padding: 1em 0;
    border-block-end: 1px solid var(--color-semantic-border-default);
    color: var(--color-green-100);
    font-size: min(0.2244897959vw + 0.9005102041rem, 1.125rem);
    line-height: 1.2;
    font-weight: 700;
  }
  .l-drawer__service {
    padding: 1em 0;
  }
  .l-drawer__service-title {
    color: var(--color-black-70);
    font-size: min(0.1632653061vw + 0.8367346939rem, 1rem);
    padding-block-start: 1em;
    line-height: 1.2;
  }
  .l-drawer__service-links {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: max(-0.6530612245vw + 26.4489795918px, 16px);
    font-size: min(0.1632653061vw + 0.8367346939rem, 1rem);
  }
  .l-drawer__service-links .l-drawer__item {
    border-top: 0;
    padding: 1em 0;
  }
  .l-drawer__buttons {
    margin-block-start: 32px;
    display: grid;
    gap: 12px;
  }
  .l-drawer__cta {
    padding: 1em !important;
  }
  .l-drawer_button {
    inline-size: 45px;
    block-size: 45px;
    position: relative;
    border-radius: 50%;
    background-color: var(--color-green-100);
    cursor: pointer;
    margin-inline-start: auto;
  }
  .l-drawer_button::before, .l-drawer_button::after {
    content: "";
    block-size: 4px;
    inline-size: 4px;
    position: absolute;
    left: 50%;
    top: 30%;
    transform: translate(-50%, -50%);
    background-color: var(--color-light-green-100);
    border-radius: 50%;
    transition: all 0.3s ease;
    transform-origin: left top;
  }
  .l-drawer_button::before {
    left: 35%;
  }
  .l-drawer_button::after {
    left: 65%;
  }
  .l-drawer_button.is-act::before, .l-drawer_button.is-act::after {
    top: 30%;
    left: 50%;
    block-size: 2px;
    inline-size: 12px;
    border-radius: 4px;
  }
  .l-drawer_button.is-act::before {
    rotate: 45deg;
  }
  .l-drawer_button.is-act::after {
    rotate: -45deg;
  }
  .l-drawer_button .dot {
    block-size: 4px;
    inline-size: 4px;
    position: absolute;
    left: 50%;
    top: 30%;
    transform: translate(-50%, -50%);
    background-color: var(--color-light-green-100);
    transition: all 0.3s ease;
    border-radius: 50%;
  }
  .l-drawer_button .dot.hidden {
    display: none;
  }
  .l-drawer_button .menu {
    font-family: var(--font-manrope);
    font-weight: 900;
    font-size: min(0vw + 0.625rem, 0.625rem);
    color: var(--color-white-00);
    position: relative;
    top: 0.2em;
  }
}
@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.2857142857vw + 0.9642857143rem, 1.25rem);
  }
  .wp-pagenavi:not(:first-child) {
    margin-block-start: min(1.2040816327vw + 30.7346938776px, 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-cta_button a {
    background-color: var(--color-white-00);
    border: 2px solid var(--color-green-100);
    color: var(--color-green-100);
    padding: 0.75em 1.5em;
    border-radius: var(--radius-m);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5em;
    font-size: min(0.2448979592vw + 0.7551020408rem, 1rem);
    transition: background-color 0.3s, border-color 0.3s, color 0.3s;
  }
  .c-cta_button a::before {
    content: "";
    background-color: var(--color-light-green-100);
    inline-size: min(0.2448979592vw + 4.0816326531px, 8px);
    block-size: min(0.2448979592vw + 4.0816326531px, 8px);
    border-radius: calc(infinity * 1px);
    display: block;
    transition: scale 0.3s;
  }
  @media (max-width: 743px) {
    .c-cta_button a {
      flex-direction: column;
      padding: 0.75em 1em;
    }
  }
  @media (any-hover: hover) {
    .c-cta_button a:hover {
      background-color: var(--color-green-100);
      color: var(--color-white-00);
    }
    .c-cta_button a:hover::before {
      background-color: var(--color-yellow-100);
      scale: 1.2;
    }
  }
  .c-cta_button.-contact a {
    background-color: var(--color-green-100);
    color: var(--color-white-00);
  }
  .c-cta_button.-contact a::before {
    background-color: var(--color-yellow-100);
  }
  @media (any-hover: hover) {
    .c-cta_button.-contact a:hover {
      background-color: var(--color-light-green-100);
      color: var(--color-green-100);
      border-color: var(--color-light-green-100);
    }
  }
  .c-cta_button_icon {
    padding: 1em 3em;
    background-color: var(--color-green-100);
    border: 1px solid var(--color-green-100);
    display: flex;
    justify-content: space-between;
    border-radius: min(0.4897959184vw + 8.1632653061px, 16px);
    color: var(--color-white-00);
  }
  .c-cta_button_icon.-simulation {
    background-color: var(--color-white-00);
    color: var(--color-green-100);
    margin-block-end: 1em;
  }
  .c-cta_button_icon .en {
    font-size: min(0.0102040816vw + 0.6772959184rem, 0.6875rem);
    font-family: var(--font-manrope);
    font-weight: 900;
    margin-block-end: 0.5em;
  }
  .c-cta_button_icon .ja {
    font-size: min(0.2857142857vw + 0.9642857143rem, 1.25rem);
    position: relative;
    padding-inline-start: 1em;
    font-weight: 700;
  }
  .c-cta_button_icon .ja::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    translate: 0 -50%;
    inline-size: 0.4em;
    block-size: 0.4em;
    background-color: var(--color-light-green-100);
    border-radius: 50%;
    scale: 1;
    transition: scale 0.3s;
  }
  .c-cta_button_icon img {
    display: inline-block;
    transition: scale 0.3s;
  }
  @media (any-hover: hover) {
    .c-cta_button_icon:hover .ja::before {
      scale: 1.8;
    }
    .c-cta_button_icon:hover img {
      scale: 1.2;
    }
  }
  .c-show_top {
    transform: translateY(min(1.6326530612vw + 13.8775510204px, 40px));
    opacity: 0;
    transition: opacity 0.3s ease-out, transform 0.6s var(--ease-out-quad);
  }
  .c-show_top.is-act {
    opacity: 1;
    transform: translateY(0);
  }
  .c-arrow {
    font-size: min(0.3265306122vw + 8.7755102041px, 14px);
    position: relative;
    overflow: hidden;
    background-color: var(--color-green-100);
    inline-size: 24px;
    block-size: 24px;
    display: grid;
    place-content: center;
    border-radius: calc(infinity * 1px);
    transition: scale 0.3s, background-color 0.3s;
  }
  .c-arrow .c-icon {
    width: 1em;
    height: 1em;
    position: absolute;
    transition: var(--dur);
    transform: translate(-50%, -50%);
  }
  .c-arrow .c-icon:nth-of-type(1) {
    top: 50%;
    left: 50%;
  }
  .c-arrow .c-icon:nth-of-type(2) {
    top: 50%;
    left: -50%;
  }
  .c-arrow .c-icon svg {
    fill: var(--color-white-00);
  }
  .c-arrow.-small {
    inline-size: min(0.3265306122vw + 1.1734693878rem, 1.5rem);
    block-size: min(0.3265306122vw + 1.1734693878rem, 1.5rem);
  }
  .c-arrow.-anchor {
    rotate: 90deg;
  }
  .c-arrow.-anchor svg {
    inline-size: 0.8em;
  }
  .c-crumbs {
    color: var(--color-black-70);
    background-color: var(--color-white-00);
    border-radius: 4px;
    display: block;
    inline-size: fit-content;
    padding: 0.65em 1em;
    font-size: min(0.0408163265vw + 0.7091836735rem, 0.75rem);
  }
  .c-crumbs .breadcrumb_last {
    background-color: var(--color-green-50);
    color: var(--color-green-100);
    border-radius: 4px;
    padding: 0.25em 0.5em;
  }
  .c-pagenavi {
    margin-block: min(3.2653061224vw + 27.7551020408px, 80px);
    line-height: 1;
  }
  .c-pagenavi .wp-pagenavi {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .c-pagenavi .previouspostslink,
  .c-pagenavi .nextpostslink,
  .c-pagenavi .page,
  .c-pagenavi .current,
  .c-pagenavi .first,
  .c-pagenavi .last,
  .c-pagenavi .extend {
    inline-size: 48px;
    block-size: 48px;
    aspect-ratio: 1;
    border-radius: 50%;
    font-size: min(0.2857142857vw + 0.9642857143rem, 1.25rem);
    display: grid;
    place-items: center;
    margin-inline: 0.5em;
    background-color: var(--color-white-00);
    border: 2px solid var(--color-semantic-border-default);
    color: var(--color-black-70);
    font-weight: 900;
    font-family: var(--font-manrope);
    font-weight: 900;
    text-decoration: none;
  }
  @media (any-hover: hover) {
    .c-pagenavi .previouspostslink:hover,
    .c-pagenavi .nextpostslink:hover,
    .c-pagenavi .page:hover,
    .c-pagenavi .current:hover,
    .c-pagenavi .first:hover,
    .c-pagenavi .last:hover,
    .c-pagenavi .extend:hover {
      box-shadow: none;
    }
  }
  .c-pagenavi .current {
    background-color: var(--color-green-100);
    color: var(--color-white-00);
    border-color: var(--color-green-100);
    text-decoration: none;
    box-shadow: none;
  }
  .c-pagenavi .previouspostslink,
  .c-pagenavi .nextpostslink {
    font-size: min(0.1632653061vw + 0.7117346939rem, 0.875rem);
    padding: 0.5em;
    display: grid;
    place-items: center;
  }
  .c-pagenavi .previouspostslink svg,
  .c-pagenavi .nextpostslink svg {
    font-size: 1em;
  }
  .c-pagenavi .previouspostslink svg path,
  .c-pagenavi .nextpostslink svg path {
    fill: var(--color-green-100);
  }
  .c-pagenavi .previouspostslink svg path:nth-child(1),
  .c-pagenavi .nextpostslink svg path:nth-child(1) {
    stroke: var(--color-green-100);
  }
  .c-pagenavi .previouspostslink {
    margin-right: 3em;
  }
  .c-pagenavi .nextpostslink {
    order: 10;
    margin-left: 3em;
  }
  .c-works-meta {
    display: flex;
    gap: min(0.1632653061vw + 5.387755102px, 8px);
    flex-wrap: wrap;
  }
  .c-works-meta-item {
    display: flex;
    font-size: min(0.0816326531vw + 0.6683673469rem, 0.75rem);
  }
  .c-works-meta-label {
    color: var(--color-green-100);
    background-color: var(--color-base-green-100);
    padding: min(0.1632653061vw + 5.387755102px, 8px) min(0.1632653061vw + 7.387755102px, 10px);
    font-weight: bold;
    line-height: 1.2;
  }
  .c-works-meta-value {
    background-color: var(--color-white-00);
    padding: min(0.1632653061vw + 5.387755102px, 8px) min(0.1632653061vw + 7.387755102px, 10px);
    line-height: 1.2;
  }
  .c-voice_block {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: min(1.2244897959vw + 10.4081632653px, 30px);
  }
  .c-voice_block__body {
    padding: min(1.6326530612vw + 13.8775510204px, 40px);
    border-radius: min(0.9795918367vw + 8.3265306122px, 24px);
    background-color: var(--color-white-00);
    position: relative;
  }
  .c-voice_block__body::before {
    content: "";
    position: absolute;
    left: 0;
    top: min(1.6326530612vw + 13.8775510204px, 40px);
    width: min(0.6530612245vw + 9.5510204082px, 20px);
    height: min(0.6530612245vw + 9.5510204082px, 20px);
    translate: -100% 100%;
    background-color: var(--color-white-00);
    clip-path: polygon(0% 50%, min(0.6530612245vw + 9.5510204082px, 20px) 0%, min(0.6530612245vw + 9.5510204082px, 20px) min(0.6530612245vw + 9.5510204082px, 20px));
  }
  .c-review_meta {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    gap: 10px;
  }
  .c-review_meta-label {
    min-inline-size: 44px;
    min-block-size: 26px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding-inline: 0.5em;
    font-size: min(0.0408163265vw + 0.7091836735rem, 0.75rem);
    line-height: 1.3;
    font-weight: 700;
    color: var(--color-green-100);
    background-color: var(--color-green-50);
  }
  .c-review_meta-value {
    font-size: min(0.0408163265vw + 0.7091836735rem, 0.75rem);
    line-height: 1.2;
    color: var(--color-black-100);
  }
}
@layer components {
  .c-container {
    margin-inline: auto;
    inline-size: 100%;
    max-inline-size: var(--c-container-size, min(70.612244898vw + 70.2040816327px, 1200px));
  }
  .c-container.-wide {
    --c-container-size: min(86.9387755102vw + 8.9795918367px, 1400px);
  }
  .c-container.-narrow {
    --c-container-size: min(46.1224489796vw + 162.0408163265px, 900px);
  }
  @media (max-width: 567px) {
    .c-container {
      max-inline-size: var(--c-container-min-size, var(--container-min-size));
    }
  }
  .c-fluid {
    margin-inline: auto;
    inline-size: 100%;
    max-inline-size: var(--c-fluid-size, calc(100% - min(0.9795918367vw + 16.3265306122px, 32px) * 2));
  }
  @media (max-width: 567px) {
    .c-fluid {
      max-inline-size: var(--c-fluid-min-size, var(--container-min-size));
    }
  }
  .c-grid-container {
    display: grid;
    inline-size: 100%;
    grid-template-columns: var(--c-grid-container-columns, minmax(0, 1fr) repeat(2, minmax(0, min(35.306122449vw + 35.1020408163px, 600px))) minmax(0, 1fr));
  }
  .c-grid-container.-wide {
    --container-grid-inline-size: minmax(0, 1fr) repeat(2, minmax(0, min(38.5714285714vw + 22.8571428571px, 640px))) minmax(0, 1fr);
  }
  @media (max-width: 567px) {
    .c-grid-container {
      grid-template-columns: var(--c-grid-container-min-columns, minmax(0, 1fr) repeat(2, minmax(0, calc(var(--container-min-size) * 0.5))) minmax(0, 1fr));
    }
  }
  .c-grid-fluid {
    display: grid;
    inline-size: 100%;
    grid-template-columns: var(--c-grid-fluid-columns, minmax(0, 1fr) repeat(2, minmax(0, calc(50% - min(0.4897959184vw + 8.1632653061px, 16px) * 2))) minmax(0, 1fr));
  }
  @media (max-width: 567px) {
    .c-grid-fluid {
      grid-template-columns: var(--c-grid-fluid-min-columns, minmax(0, 1fr) repeat(2, minmax(0, calc(var(--container-min-size) * 0.5))) minmax(0, 1fr));
    }
  }
  .c-grid-container > .col1-2,
  .c-grid-fluid > .col1-2 {
    grid-column: 1/2;
  }
  .c-grid-container > .col1-3,
  .c-grid-fluid > .col1-3 {
    grid-column: 1/3;
  }
  .c-grid-container > .col1-4,
  .c-grid-fluid > .col1-4 {
    grid-column: 1/4;
  }
  .c-grid-container > .col1-5,
  .c-grid-fluid > .col1-5 {
    grid-column: 1/5;
  }
  .c-grid-container > .col2-3,
  .c-grid-fluid > .col2-3 {
    grid-column: 2/3;
  }
  .c-grid-container > .col2-4,
  .c-grid-fluid > .col2-4 {
    grid-column: 2/4;
  }
  .c-grid-container > .col2-5,
  .c-grid-fluid > .col2-5 {
    grid-column: 2/5;
  }
  .c-grid-container > .col3-4,
  .c-grid-fluid > .col3-4 {
    grid-column: 3/4;
  }
  .c-grid-container > .col3-5,
  .c-grid-fluid > .col3-5 {
    grid-column: 3/5;
  }
  .c-grid-container > .col4-5,
  .c-grid-fluid > .col4-5 {
    grid-column: 4/5;
  }
  .c-grid-container.-nowrap > [class*=col],
  .c-grid-fluid.-nowrap > [class*=col] {
    grid-row: 1/-1;
  }
}
@layer components {
  .c-grid-column {
    display: grid;
  }
  .c-grid-column.-col4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  @media (max-width: 1599px) {
    .c-grid-column.-col4.-col4-max {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  @media (max-width: 1299px) {
    .c-grid-column.-col4.-col4-md {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  @media (max-width: 1023px) {
    .c-grid-column.-col4.-col4-tab {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  @media (max-width: 743px) {
    .c-grid-column.-col4.-col4-sp {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col4.-col4-spmin {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  @media (max-width: 1599px) {
    .c-grid-column.-col4.-col3-max {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  @media (max-width: 1299px) {
    .c-grid-column.-col4.-col3-md {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  @media (max-width: 1023px) {
    .c-grid-column.-col4.-col3-tab {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  @media (max-width: 743px) {
    .c-grid-column.-col4.-col3-sp {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col4.-col3-spmin {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  @media (max-width: 1599px) {
    .c-grid-column.-col4.-col2-max {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  @media (max-width: 1299px) {
    .c-grid-column.-col4.-col2-md {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  @media (max-width: 1023px) {
    .c-grid-column.-col4.-col2-tab {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  @media (max-width: 743px) {
    .c-grid-column.-col4.-col2-sp {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col4.-col2-spmin {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  @media (max-width: 1599px) {
    .c-grid-column.-col4.-col1-max {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
  }
  @media (max-width: 1299px) {
    .c-grid-column.-col4.-col1-md {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
  }
  @media (max-width: 1023px) {
    .c-grid-column.-col4.-col1-tab {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
  }
  @media (max-width: 743px) {
    .c-grid-column.-col4.-col1-sp {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col4.-col1-spmin {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
  }
  @media (max-width: 1599px) {
    .c-grid-column.-col4-max {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  @media (max-width: 1299px) {
    .c-grid-column.-col4-max.-col4-md {
      grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 1023px) {
    .c-grid-column.-col4-max.-col4-tab {
      grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 743px) {
    .c-grid-column.-col4-max.-col4-sp {
      grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col4-max.-col4-spmin {
      grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 1299px) {
    .c-grid-column.-col4-max.-col3-md {
      grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 1023px) {
    .c-grid-column.-col4-max.-col3-tab {
      grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 743px) {
    .c-grid-column.-col4-max.-col3-sp {
      grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col4-max.-col3-spmin {
      grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 1299px) {
    .c-grid-column.-col4-max.-col2-md {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 1023px) {
    .c-grid-column.-col4-max.-col2-tab {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 743px) {
    .c-grid-column.-col4-max.-col2-sp {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col4-max.-col2-spmin {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 1299px) {
    .c-grid-column.-col4-max.-col1-md {
      grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 1023px) {
    .c-grid-column.-col4-max.-col1-tab {
      grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 743px) {
    .c-grid-column.-col4-max.-col1-sp {
      grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col4-max.-col1-spmin {
      grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 1299px) {
    .c-grid-column.-col4-md {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  @media (max-width: 1023px) {
    .c-grid-column.-col4-md.-col4-tab {
      grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 743px) {
    .c-grid-column.-col4-md.-col4-sp {
      grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col4-md.-col4-spmin {
      grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 1023px) {
    .c-grid-column.-col4-md.-col3-tab {
      grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 743px) {
    .c-grid-column.-col4-md.-col3-sp {
      grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col4-md.-col3-spmin {
      grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 1023px) {
    .c-grid-column.-col4-md.-col2-tab {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 743px) {
    .c-grid-column.-col4-md.-col2-sp {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col4-md.-col2-spmin {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 1023px) {
    .c-grid-column.-col4-md.-col1-tab {
      grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 743px) {
    .c-grid-column.-col4-md.-col1-sp {
      grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col4-md.-col1-spmin {
      grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 1023px) {
    .c-grid-column.-col4-tab {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  @media (max-width: 743px) {
    .c-grid-column.-col4-tab.-col4-sp {
      grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col4-tab.-col4-spmin {
      grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 743px) {
    .c-grid-column.-col4-tab.-col3-sp {
      grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col4-tab.-col3-spmin {
      grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 743px) {
    .c-grid-column.-col4-tab.-col2-sp {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col4-tab.-col2-spmin {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 743px) {
    .c-grid-column.-col4-tab.-col1-sp {
      grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col4-tab.-col1-spmin {
      grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 743px) {
    .c-grid-column.-col4-sp {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col4-sp.-col4-spmin {
      grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col4-sp.-col3-spmin {
      grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col4-sp.-col2-spmin {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col4-sp.-col1-spmin {
      grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col4-spmin {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  .c-grid-column.-col3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  @media (max-width: 1599px) {
    .c-grid-column.-col3.-col4-max {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  @media (max-width: 1299px) {
    .c-grid-column.-col3.-col4-md {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  @media (max-width: 1023px) {
    .c-grid-column.-col3.-col4-tab {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  @media (max-width: 743px) {
    .c-grid-column.-col3.-col4-sp {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col3.-col4-spmin {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  @media (max-width: 1599px) {
    .c-grid-column.-col3.-col3-max {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  @media (max-width: 1299px) {
    .c-grid-column.-col3.-col3-md {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  @media (max-width: 1023px) {
    .c-grid-column.-col3.-col3-tab {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  @media (max-width: 743px) {
    .c-grid-column.-col3.-col3-sp {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col3.-col3-spmin {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  @media (max-width: 1599px) {
    .c-grid-column.-col3.-col2-max {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  @media (max-width: 1299px) {
    .c-grid-column.-col3.-col2-md {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  @media (max-width: 1023px) {
    .c-grid-column.-col3.-col2-tab {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  @media (max-width: 743px) {
    .c-grid-column.-col3.-col2-sp {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col3.-col2-spmin {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  @media (max-width: 1599px) {
    .c-grid-column.-col3.-col1-max {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
  }
  @media (max-width: 1299px) {
    .c-grid-column.-col3.-col1-md {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
  }
  @media (max-width: 1023px) {
    .c-grid-column.-col3.-col1-tab {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
  }
  @media (max-width: 743px) {
    .c-grid-column.-col3.-col1-sp {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col3.-col1-spmin {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
  }
  @media (max-width: 1599px) {
    .c-grid-column.-col3-max {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  @media (max-width: 1299px) {
    .c-grid-column.-col3-max.-col4-md {
      grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 1023px) {
    .c-grid-column.-col3-max.-col4-tab {
      grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 743px) {
    .c-grid-column.-col3-max.-col4-sp {
      grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col3-max.-col4-spmin {
      grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 1299px) {
    .c-grid-column.-col3-max.-col3-md {
      grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 1023px) {
    .c-grid-column.-col3-max.-col3-tab {
      grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 743px) {
    .c-grid-column.-col3-max.-col3-sp {
      grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col3-max.-col3-spmin {
      grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 1299px) {
    .c-grid-column.-col3-max.-col2-md {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 1023px) {
    .c-grid-column.-col3-max.-col2-tab {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 743px) {
    .c-grid-column.-col3-max.-col2-sp {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col3-max.-col2-spmin {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 1299px) {
    .c-grid-column.-col3-max.-col1-md {
      grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 1023px) {
    .c-grid-column.-col3-max.-col1-tab {
      grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 743px) {
    .c-grid-column.-col3-max.-col1-sp {
      grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col3-max.-col1-spmin {
      grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 1299px) {
    .c-grid-column.-col3-md {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  @media (max-width: 1023px) {
    .c-grid-column.-col3-md.-col4-tab {
      grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 743px) {
    .c-grid-column.-col3-md.-col4-sp {
      grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col3-md.-col4-spmin {
      grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 1023px) {
    .c-grid-column.-col3-md.-col3-tab {
      grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 743px) {
    .c-grid-column.-col3-md.-col3-sp {
      grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col3-md.-col3-spmin {
      grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 1023px) {
    .c-grid-column.-col3-md.-col2-tab {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 743px) {
    .c-grid-column.-col3-md.-col2-sp {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col3-md.-col2-spmin {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 1023px) {
    .c-grid-column.-col3-md.-col1-tab {
      grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 743px) {
    .c-grid-column.-col3-md.-col1-sp {
      grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col3-md.-col1-spmin {
      grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 1023px) {
    .c-grid-column.-col3-tab {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  @media (max-width: 743px) {
    .c-grid-column.-col3-tab.-col4-sp {
      grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col3-tab.-col4-spmin {
      grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 743px) {
    .c-grid-column.-col3-tab.-col3-sp {
      grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col3-tab.-col3-spmin {
      grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 743px) {
    .c-grid-column.-col3-tab.-col2-sp {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col3-tab.-col2-spmin {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 743px) {
    .c-grid-column.-col3-tab.-col1-sp {
      grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col3-tab.-col1-spmin {
      grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 743px) {
    .c-grid-column.-col3-sp {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col3-sp.-col4-spmin {
      grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col3-sp.-col3-spmin {
      grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col3-sp.-col2-spmin {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col3-sp.-col1-spmin {
      grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col3-spmin {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  .c-grid-column.-col2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  @media (max-width: 1599px) {
    .c-grid-column.-col2.-col4-max {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  @media (max-width: 1299px) {
    .c-grid-column.-col2.-col4-md {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  @media (max-width: 1023px) {
    .c-grid-column.-col2.-col4-tab {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  @media (max-width: 743px) {
    .c-grid-column.-col2.-col4-sp {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col2.-col4-spmin {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  @media (max-width: 1599px) {
    .c-grid-column.-col2.-col3-max {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  @media (max-width: 1299px) {
    .c-grid-column.-col2.-col3-md {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  @media (max-width: 1023px) {
    .c-grid-column.-col2.-col3-tab {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  @media (max-width: 743px) {
    .c-grid-column.-col2.-col3-sp {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col2.-col3-spmin {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  @media (max-width: 1599px) {
    .c-grid-column.-col2.-col2-max {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  @media (max-width: 1299px) {
    .c-grid-column.-col2.-col2-md {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  @media (max-width: 1023px) {
    .c-grid-column.-col2.-col2-tab {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  @media (max-width: 743px) {
    .c-grid-column.-col2.-col2-sp {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col2.-col2-spmin {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  @media (max-width: 1599px) {
    .c-grid-column.-col2.-col1-max {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
  }
  @media (max-width: 1299px) {
    .c-grid-column.-col2.-col1-md {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
  }
  @media (max-width: 1023px) {
    .c-grid-column.-col2.-col1-tab {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
  }
  @media (max-width: 743px) {
    .c-grid-column.-col2.-col1-sp {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col2.-col1-spmin {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
  }
  @media (max-width: 1599px) {
    .c-grid-column.-col2-max {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  @media (max-width: 1299px) {
    .c-grid-column.-col2-max.-col4-md {
      grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 1023px) {
    .c-grid-column.-col2-max.-col4-tab {
      grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 743px) {
    .c-grid-column.-col2-max.-col4-sp {
      grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col2-max.-col4-spmin {
      grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 1299px) {
    .c-grid-column.-col2-max.-col3-md {
      grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 1023px) {
    .c-grid-column.-col2-max.-col3-tab {
      grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 743px) {
    .c-grid-column.-col2-max.-col3-sp {
      grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col2-max.-col3-spmin {
      grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 1299px) {
    .c-grid-column.-col2-max.-col2-md {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 1023px) {
    .c-grid-column.-col2-max.-col2-tab {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 743px) {
    .c-grid-column.-col2-max.-col2-sp {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col2-max.-col2-spmin {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 1299px) {
    .c-grid-column.-col2-max.-col1-md {
      grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 1023px) {
    .c-grid-column.-col2-max.-col1-tab {
      grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 743px) {
    .c-grid-column.-col2-max.-col1-sp {
      grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col2-max.-col1-spmin {
      grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 1299px) {
    .c-grid-column.-col2-md {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  @media (max-width: 1023px) {
    .c-grid-column.-col2-md.-col4-tab {
      grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 743px) {
    .c-grid-column.-col2-md.-col4-sp {
      grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col2-md.-col4-spmin {
      grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 1023px) {
    .c-grid-column.-col2-md.-col3-tab {
      grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 743px) {
    .c-grid-column.-col2-md.-col3-sp {
      grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col2-md.-col3-spmin {
      grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 1023px) {
    .c-grid-column.-col2-md.-col2-tab {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 743px) {
    .c-grid-column.-col2-md.-col2-sp {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col2-md.-col2-spmin {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 1023px) {
    .c-grid-column.-col2-md.-col1-tab {
      grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 743px) {
    .c-grid-column.-col2-md.-col1-sp {
      grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col2-md.-col1-spmin {
      grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 1023px) {
    .c-grid-column.-col2-tab {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  @media (max-width: 743px) {
    .c-grid-column.-col2-tab.-col4-sp {
      grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col2-tab.-col4-spmin {
      grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 743px) {
    .c-grid-column.-col2-tab.-col3-sp {
      grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col2-tab.-col3-spmin {
      grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 743px) {
    .c-grid-column.-col2-tab.-col2-sp {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col2-tab.-col2-spmin {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 743px) {
    .c-grid-column.-col2-tab.-col1-sp {
      grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col2-tab.-col1-spmin {
      grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 743px) {
    .c-grid-column.-col2-sp {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col2-sp.-col4-spmin {
      grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col2-sp.-col3-spmin {
      grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col2-sp.-col2-spmin {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col2-sp.-col1-spmin {
      grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col2-spmin {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .c-grid-column.-col1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  @media (max-width: 1599px) {
    .c-grid-column.-col1.-col4-max {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  @media (max-width: 1299px) {
    .c-grid-column.-col1.-col4-md {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  @media (max-width: 1023px) {
    .c-grid-column.-col1.-col4-tab {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  @media (max-width: 743px) {
    .c-grid-column.-col1.-col4-sp {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col1.-col4-spmin {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  @media (max-width: 1599px) {
    .c-grid-column.-col1.-col3-max {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  @media (max-width: 1299px) {
    .c-grid-column.-col1.-col3-md {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  @media (max-width: 1023px) {
    .c-grid-column.-col1.-col3-tab {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  @media (max-width: 743px) {
    .c-grid-column.-col1.-col3-sp {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col1.-col3-spmin {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  @media (max-width: 1599px) {
    .c-grid-column.-col1.-col2-max {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  @media (max-width: 1299px) {
    .c-grid-column.-col1.-col2-md {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  @media (max-width: 1023px) {
    .c-grid-column.-col1.-col2-tab {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  @media (max-width: 743px) {
    .c-grid-column.-col1.-col2-sp {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col1.-col2-spmin {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  @media (max-width: 1599px) {
    .c-grid-column.-col1.-col1-max {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
  }
  @media (max-width: 1299px) {
    .c-grid-column.-col1.-col1-md {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
  }
  @media (max-width: 1023px) {
    .c-grid-column.-col1.-col1-tab {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
  }
  @media (max-width: 743px) {
    .c-grid-column.-col1.-col1-sp {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col1.-col1-spmin {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
  }
  @media (max-width: 1599px) {
    .c-grid-column.-col1-max {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
  }
  @media (max-width: 1299px) {
    .c-grid-column.-col1-max.-col4-md {
      grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 1023px) {
    .c-grid-column.-col1-max.-col4-tab {
      grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 743px) {
    .c-grid-column.-col1-max.-col4-sp {
      grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col1-max.-col4-spmin {
      grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 1299px) {
    .c-grid-column.-col1-max.-col3-md {
      grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 1023px) {
    .c-grid-column.-col1-max.-col3-tab {
      grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 743px) {
    .c-grid-column.-col1-max.-col3-sp {
      grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col1-max.-col3-spmin {
      grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 1299px) {
    .c-grid-column.-col1-max.-col2-md {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 1023px) {
    .c-grid-column.-col1-max.-col2-tab {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 743px) {
    .c-grid-column.-col1-max.-col2-sp {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col1-max.-col2-spmin {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 1299px) {
    .c-grid-column.-col1-max.-col1-md {
      grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 1023px) {
    .c-grid-column.-col1-max.-col1-tab {
      grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 743px) {
    .c-grid-column.-col1-max.-col1-sp {
      grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col1-max.-col1-spmin {
      grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 1299px) {
    .c-grid-column.-col1-md {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
  }
  @media (max-width: 1023px) {
    .c-grid-column.-col1-md.-col4-tab {
      grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 743px) {
    .c-grid-column.-col1-md.-col4-sp {
      grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col1-md.-col4-spmin {
      grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 1023px) {
    .c-grid-column.-col1-md.-col3-tab {
      grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 743px) {
    .c-grid-column.-col1-md.-col3-sp {
      grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col1-md.-col3-spmin {
      grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 1023px) {
    .c-grid-column.-col1-md.-col2-tab {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 743px) {
    .c-grid-column.-col1-md.-col2-sp {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col1-md.-col2-spmin {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 1023px) {
    .c-grid-column.-col1-md.-col1-tab {
      grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 743px) {
    .c-grid-column.-col1-md.-col1-sp {
      grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col1-md.-col1-spmin {
      grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 1023px) {
    .c-grid-column.-col1-tab {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
  }
  @media (max-width: 743px) {
    .c-grid-column.-col1-tab.-col4-sp {
      grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col1-tab.-col4-spmin {
      grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 743px) {
    .c-grid-column.-col1-tab.-col3-sp {
      grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col1-tab.-col3-spmin {
      grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 743px) {
    .c-grid-column.-col1-tab.-col2-sp {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col1-tab.-col2-spmin {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 743px) {
    .c-grid-column.-col1-tab.-col1-sp {
      grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col1-tab.-col1-spmin {
      grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 743px) {
    .c-grid-column.-col1-sp {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col1-sp.-col4-spmin {
      grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col1-sp.-col3-spmin {
      grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col1-sp.-col2-spmin {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col1-sp.-col1-spmin {
      grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col1-spmin {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
  }
}
@layer components {
  .c-form {
    background-color: var(--color-white-00);
    padding: min(3.2653061224vw + 7.7551020408px, 60px);
    border-radius: min(0.9795918367vw + 8.3265306122px, 24px);
  }
  .wpcf7-form {
    --label-optional-border-color: var(--color-beige-100, #888);
    --label-required-border-color: var(--color-semantic-attention, #f00);
    --label-required-background-color: var(--color-semantic-attention, #f00);
    --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: var(--color-semantic-attention, #f00);
    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.306122449vw + 35.1020408163px, 40px);
  }
  .wpcf7-form__item:has(.wpcf7-not-valid-tip) + .wpcf7-form__item {
    margin-block-start: max(-0.1836734694vw + 62.9387755102px, 60px);
  }
  .wpcf7-form__item__head {
    display: flex;
    column-gap: 0.5em;
  }
  .wpcf7-form__item__head::before {
    font-size: min(0.1581632653vw + 0.5918367347rem, 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.1326530612vw + 12.8775510204px, 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: max(-0.2857142857vw + 44.5714285714px, 40px);
  }
  .wpcf7-form__acceptance:not(:first-child), .wpcf7-form__submit:not(:first-child) {
    margin-block-start: max(-0.1836734694vw + 62.9387755102px, 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: max(-1.1836734694vw + 98.9387755102px, 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.1581632653vw + 0.5918367347rem, 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.1020408163vw + 0.7729591837rem, 0.875rem);
    content: "日付を選択する";
    white-space: nowrap;
    color: var(--color-black-70, #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);
    background-color: var(--color-white-00);
    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(0.0408163265vw + 0.7091836735rem, 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.1211734694vw + 0.5663265306rem, 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;
}

.c-range-field {
  --track: var(--color-green-50); /* 未選択のトラック色 */
  --label: var(--color-green-50); /* 未選択ラベル色 */
  --thumb-d: 22px; /* サム直径 */
  --thumb-r: 11px; /* サム半径（位置計算に使う） */
  --tick-d: 12px; /* 目盛り点の直径 */
  max-inline-size: 100%;
  /* ↓ ratio = value / max を JS で書き込む。位置計算の起点 */
  --ratio: 0;
  /* サム中心の可動範囲に合わせた fill 位置。tick もこの式で揃える */
  --fill: calc(var(--thumb-r) + (100% - var(--thumb-d)) * var(--ratio));
  /* 背景トラック ＋ 左側の緑 fill */
  /* 目盛りの点（サムと同じ計算式で配置するのでピッタリ揃う） */
  /* input 本体：トラックは透明にして、サムだけ見せる */
  /* サム */
  /* ラベル */
  /* 選択中のラベルだけ濃く＆太く */
}
.c-range-field .slider {
  position: relative;
  block-size: var(--thumb-d);
}
.c-range-field .slider::before {
  content: "";
  position: absolute;
  inset: 0;
  top: 50%;
  block-size: 4px;
  transform: translateY(-50%);
  border-radius: 2px;
  background: linear-gradient(to right, var(--color-green-100) 0, var(--color-green-100) var(--fill), var(--track) var(--fill), var(--track) 100%);
}
.c-range-field .tick {
  position: absolute;
  top: 50%;
  inline-size: var(--tick-d);
  block-size: var(--tick-d);
  border-radius: 50%;
  background: var(--track);
  transform: translate(-50%, -50%);
  pointer-events: none;
}
.c-range-field .tick:nth-child(1) {
  left: calc(var(--thumb-r) + (100% - var(--thumb-d)) * 0 / 3);
}
.c-range-field .tick:nth-child(2) {
  left: calc(var(--thumb-r) + (100% - var(--thumb-d)) * 1 / 3);
}
.c-range-field .tick:nth-child(3) {
  left: calc(var(--thumb-r) + (100% - var(--thumb-d)) * 2 / 3);
}
.c-range-field .tick:nth-child(4) {
  left: calc(var(--thumb-r) + (100% - var(--thumb-d)) * 3 / 3);
}
.c-range-field input[type=range] {
  -webkit-appearance: none;
  appearance: none;
  position: relative;
  z-index: 2;
  width: 100%;
  block-size: var(--thumb-d);
  margin: 0;
  background: transparent;
  cursor: pointer;
}
.c-range-field input[type=range]::-webkit-slider-runnable-track {
  block-size: var(--thumb-d);
  background: transparent;
}
.c-range-field input[type=range]::-moz-range-track {
  block-size: var(--thumb-d);
  background: transparent;
}
.c-range-field input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: var(--thumb-d);
  block-size: var(--thumb-d);
  border: none;
  border-radius: 50%;
  background: var(--color-green-100);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}
.c-range-field input[type=range]::-moz-range-thumb {
  width: var(--thumb-d);
  block-size: var(--thumb-d);
  border: none;
  border-radius: 50%;
  background: var(--color-green-100);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}
.c-range-field .labels {
  position: relative;
  margin-block-start: min(0vw + 0.5rem, 0.5rem);
  block-size: min(0.3469387755vw + 1.0280612245rem, 1.375rem);
}
.c-range-field .labels span {
  position: absolute;
  top: 0;
  transform: translateX(-50%);
  font-size: min(0.1020408163vw + 0.7729591837rem, 0.875rem);
  color: var(--label);
  white-space: nowrap;
  cursor: pointer;
  transition: color 0.15s;
}
.c-range-field .labels span:nth-child(1) {
  left: calc(var(--thumb-r) + (100% - var(--thumb-d)) * 0 / 3);
}
.c-range-field .labels span:nth-child(2) {
  left: calc(var(--thumb-r) + (100% - var(--thumb-d)) * 1 / 3);
}
.c-range-field .labels span:nth-child(3) {
  left: calc(var(--thumb-r) + (100% - var(--thumb-d)) * 2 / 3);
}
.c-range-field .labels span:nth-child(4) {
  left: calc(var(--thumb-r) + (100% - var(--thumb-d)) * 3 / 3);
}
.c-range-field .labels span.is-active {
  color: var(--color-green-100);
  font-weight: 700;
}

.c-radio-group {
  display: flex;
  gap: 16px;
}

/* 各選択肢 */
.c-radio-group label {
  display: flex;
  align-items: center;
  gap: 10px;
  flex: 1;
  padding: 14px 18px;
  border-radius: 12px;
  border: 1.5px solid var(--color-semantic-border-btn);
  background: #fff;
  color: var(--label-off);
  font-size: 16px;
  cursor: pointer;
  user-select: none;
  transition: background-color 0.15s, color 0.15s, border-color 0.15s;
}

/* input 本体は隠す（アクセシビリティ的にフォーカスは拾えるよう visually-hidden） */
.c-radio-group input[type=radio] {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
}

/* 疑似の丸 */
.c-radio-group label::before {
  content: "";
  flex: none;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: #fff;
  border: 1px solid var(--color-semantic-border-btn);
  box-sizing: border-box;
  transition: border-color 0.15s;
}

/* チェック時：ラベル全体 */
.c-radio-group label:has(input:checked) {
  background: var(--color-green-100);
  border-color: var(--color-green-100);
  color: var(--color-white-00);
}

/* チェック時：丸を白リング＋緑ドットに */
.c-radio-group label:has(input:checked)::before {
  border-color: var(--color-white-00);
  background: radial-gradient(circle, var(--color-light-green-100) 0 5px, var(--color-white-00) 6px 100%);
}

/* キーボードフォーカス時のリング */
.c-radio-group label:has(input:focus-visible) {
  outline: 2px solid var(--color-green-100);
  outline-offset: 2px;
}

@layer components {
  .c-button-primary {
    --button-min-width: 280px;
    justify-content: space-between;
    column-gap: 0.5em;
    border: 1px solid var(--color-black-100);
    border-radius: min(0.4081632653vw + 3.4693877551px, 10px);
    padding: 1em 2em;
    align-items: center;
    color: var(--color-white-00);
    background: var(--color-black-100);
    transition: var(--dur) opacity, var(--dur) background-color, var(--dur) border-color, var(--dur) color;
    display: flex;
    inline-size: fit-content;
    min-inline-size: min(var(--button-min-width, 0), 100%);
    color: var(--button_color);
    background-color: var(--background_color);
    border: 2px solid var(--border_color);
  }
  .c-button-primary.-center {
    margin-inline: auto;
  }
  .c-button-primary.-green {
    --button_color: var(--color-white-00);
    --background_color: var(--color-green-100);
    --border_color: var(--color-green-100);
    --button_color_arrow: var(--color-green-100);
    --button_color_arrow_bg: var(--color-white-00);
    --hover_color: var(--color-green-100);
    --hover_color_arrow: var(--color-white-00);
    --hover_color_arrow_bg: var(--color-light-green-100);
    --hover_background: var(--color-green-50);
    --hover_border: var(--color-green-50);
  }
  .c-button-primary.-white {
    --button_color: var(--color-green-100);
    --background_color: var(--color-white-00);
    --border_color: var(--color-semantic-border-default);
    --button_color_arrow: var(--color-white-00);
    --button_color_arrow_bg: var(--color-green-100);
    --hover_color: var(--color-green-100);
    --hover_color_arrow: var(--color-white-00);
    --hover_color_arrow_bg: var(--color-light-green-100);
    --hover_background: var(--color-white-00);
    --hover_border: var(--color-green-100);
  }
  .c-button-primary-text {
    font-size: min(0.2448979592vw + 0.7551020408rem, 1rem);
    inline-size: 100%;
    text-align: center;
  }
  .c-button-primary-icon {
    min-inline-size: 24px;
    min-block-size: 24px;
    background-color: var(--button_color_arrow_bg);
  }
  .c-button-primary-icon svg path {
    fill: var(--button_color_arrow);
  }
  .c-button-primary-icon svg path:nth-child(1) {
    stroke: var(--button_color_arrow);
  }
  .c-button-primary.-center {
    margin-inline: auto;
  }
  .c-button-primary.-green {
    background-color: var(--background_color);
    color: var(--button_color);
  }
  .c-button-primary.-reverse {
    flex-direction: row-reverse;
  }
  .c-button-primary .c-arrow {
    transition: scale 0.3s;
  }
  @media (any-hover: hover) {
    .c-button-primary:hover {
      color: var(--hover_color);
      background-color: var(--hover_background);
      border-color: var(--hover_border);
    }
    .c-button-primary:hover::before {
      block-size: 2px;
      background-color: var(--color-green-100);
    }
    .c-button-primary:hover::after {
      scale: 1.4;
    }
    .c-button-primary:hover .c-arrow {
      scale: 1.4;
      background-color: var(--hover_color_arrow_bg);
    }
    .c-button-primary:hover .c-arrow svg path {
      fill: var(--button_color_arrow);
    }
    .c-button-primary:hover .c-arrow svg path:nth-child(1) {
      stroke: var(--button_color_arrow);
    }
    .c-button-primary:hover .c-icon:nth-of-type(1) {
      left: 150%;
    }
    .c-button-primary:hover .c-icon:nth-of-type(2) {
      left: 50%;
    }
  }
  .c-button-secondary {
    font-size: min(0.4081632653vw + 0.8418367347rem, 1.25rem);
    font-weight: 700;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: min(1.6326530612vw + 13.8775510204px, 40px);
    color: var(--color-green-100);
    padding-inline: 1em 0;
    padding-block: min(0.9795918367vw + 8.3265306122px, 24px);
  }
  .c-button-secondary::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    inline-size: 100%;
    block-size: 1px;
    background-color: var(--color-semantic-border-default);
    transition: block-size 0.3s, background-color 0.3s;
  }
  .c-button-secondary::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    translate: 0% -50%;
    inline-size: 8px;
    block-size: 8px;
    background-color: var(--color-light-green-100);
    border-radius: 50%;
    transition: scale 0.3s var(--ease-out-quad);
  }
  .c-button-secondary .c-arrow {
    transition: scale 0.3s;
  }
  @media (any-hover: hover) {
    .c-button-secondary:hover::before {
      block-size: 2px;
      background-color: var(--color-green-100);
    }
    .c-button-secondary:hover::after {
      scale: 1.4;
    }
    .c-button-secondary:hover .c-arrow {
      background-color: var(--color-light-green-100);
      scale: 1.4;
    }
    .c-button-secondary:hover .c-icon:nth-of-type(1) {
      left: 150%;
    }
    .c-button-secondary:hover .c-icon:nth-of-type(2) {
      left: 50%;
    }
  }
  .c-button-tertiary {
    background-color: var(--color-white-00);
    border: 1px solid var(--color-semantic-border-btn);
    padding: 0.8em 1.2em;
    border-radius: min(0.4081632653vw + 3.4693877551px, 10px);
    min-inline-size: min(4.8979591837vw + 81.6326530612px, 160px);
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5em;
    inline-size: fit-content;
    transition: background-color 0.3s, color 0.3s;
  }
  @media (any-hover: hover) {
    .c-button-tertiary:hover {
      color: var(--color-white-00);
      background-color: var(--color-green-100);
    }
    .c-button-tertiary:hover .c-button-tertiary-icon {
      background-color: var(--color-white-00);
    }
    .c-button-tertiary:hover .c-button-tertiary-icon .c-icon {
      fill: var(--color-green-100);
    }
  }
  .c-button-tertiary-icon {
    inline-size: 24px;
    block-size: 24px;
    border-radius: calc(infinity * 1px);
    background-color: var(--color-green-100);
    display: grid;
    place-content: center;
    transition: var(--background_color) 0.3s;
  }
  .c-button-tertiary-icon .c-icon {
    inline-size: 1em;
    block-size: auto;
    fill: var(--color-white-00);
  }
  .c-button-tertiary.-center {
    margin-inline: auto;
  }
  .c-button-tertiary.-right {
    margin-inline-start: auto;
  }
}
@layer components {
  .c-heading-primary {
    font-size: min(0.8979591837vw + 1.6020408163rem, 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-circle-slider {
  position: absolute;
  top: 0;
  left: 50%;
  inline-size: 100%;
  block-size: 100%;
  margin: 0 auto;
}
@media (max-width: 743px) {
  .c-circle-slider {
    top: -40%;
    left: 60%;
  }
}
.c-circle-slider .c-circle-slide {
  position: absolute;
  top: 50%;
  left: 50%;
  inline-size: clamp(200px, 20vw, 260px);
  block-size: clamp(360px, 36vw, 465px);
  transform-origin: center center;
}
@media (max-width: 743px) {
  .c-circle-slider .c-circle-slide {
    inline-size: 38vw;
    block-size: 70vw;
  }
}

.c-circle-slide {
  overflow: hidden;
  border-radius: 20px;
  transition: transform 0.8s ease-in-out;
}
.c-circle-slide:nth-child(1) {
  z-index: 12;
  transform: translate(-50%, -50%) rotate(0deg) translateY(calc(-1 * clamp(350px, 35vw, 450px)));
}
@media (max-width: 743px) {
  .c-circle-slide:nth-child(1) {
    transform: translate(-50%, -50%) rotate(0deg) translateY(-58vw);
  }
}
.c-circle-slide:nth-child(2) {
  z-index: 11;
  transform: translate(-50%, -50%) rotate(30deg) translateY(calc(-1 * clamp(350px, 35vw, 450px)));
}
@media (max-width: 743px) {
  .c-circle-slide:nth-child(2) {
    transform: translate(-50%, -50%) rotate(30deg) translateY(-58vw);
  }
}
.c-circle-slide:nth-child(3) {
  z-index: 10;
  transform: translate(-50%, -50%) rotate(60deg) translateY(calc(-1 * clamp(350px, 35vw, 450px)));
}
@media (max-width: 743px) {
  .c-circle-slide:nth-child(3) {
    transform: translate(-50%, -50%) rotate(60deg) translateY(-58vw);
  }
}
.c-circle-slide:nth-child(4) {
  z-index: 9;
  transform: translate(-50%, -50%) rotate(90deg) translateY(calc(-1 * clamp(350px, 35vw, 450px)));
}
@media (max-width: 743px) {
  .c-circle-slide:nth-child(4) {
    transform: translate(-50%, -50%) rotate(90deg) translateY(-58vw);
  }
}
.c-circle-slide:nth-child(5) {
  z-index: 8;
  transform: translate(-50%, -50%) rotate(120deg) translateY(calc(-1 * clamp(350px, 35vw, 450px)));
}
@media (max-width: 743px) {
  .c-circle-slide:nth-child(5) {
    transform: translate(-50%, -50%) rotate(120deg) translateY(-58vw);
  }
}
.c-circle-slide:nth-child(6) {
  z-index: 7;
  transform: translate(-50%, -50%) rotate(150deg) translateY(calc(-1 * clamp(350px, 35vw, 450px)));
}
@media (max-width: 743px) {
  .c-circle-slide:nth-child(6) {
    transform: translate(-50%, -50%) rotate(150deg) translateY(-58vw);
  }
}
.c-circle-slide:nth-child(7) {
  z-index: 6;
  transform: translate(-50%, -50%) rotate(180deg) translateY(calc(-1 * clamp(350px, 35vw, 450px)));
}
@media (max-width: 743px) {
  .c-circle-slide:nth-child(7) {
    transform: translate(-50%, -50%) rotate(180deg) translateY(-58vw);
  }
}
.c-circle-slide:nth-child(8) {
  z-index: 5;
  transform: translate(-50%, -50%) rotate(210deg) translateY(calc(-1 * clamp(350px, 35vw, 450px)));
}
@media (max-width: 743px) {
  .c-circle-slide:nth-child(8) {
    transform: translate(-50%, -50%) rotate(210deg) translateY(-58vw);
  }
}
.c-circle-slide:nth-child(9) {
  z-index: 4;
  transform: translate(-50%, -50%) rotate(240deg) translateY(calc(-1 * clamp(350px, 35vw, 450px)));
}
@media (max-width: 743px) {
  .c-circle-slide:nth-child(9) {
    transform: translate(-50%, -50%) rotate(240deg) translateY(-58vw);
  }
}
.c-circle-slide:nth-child(10) {
  z-index: 3;
  transform: translate(-50%, -50%) rotate(270deg) translateY(calc(-1 * clamp(350px, 35vw, 450px)));
}
@media (max-width: 743px) {
  .c-circle-slide:nth-child(10) {
    transform: translate(-50%, -50%) rotate(270deg) translateY(-58vw);
  }
}
.c-circle-slide:nth-child(11) {
  z-index: 2;
  transform: translate(-50%, -50%) rotate(300deg) translateY(calc(-1 * clamp(350px, 35vw, 450px)));
}
@media (max-width: 743px) {
  .c-circle-slide:nth-child(11) {
    transform: translate(-50%, -50%) rotate(300deg) translateY(-58vw);
  }
}
.c-circle-slide:nth-child(12) {
  z-index: 1;
  transform: translate(-50%, -50%) rotate(330deg) translateY(calc(-1 * clamp(350px, 35vw, 450px)));
}
@media (max-width: 743px) {
  .c-circle-slide:nth-child(12) {
    transform: translate(-50%, -50%) rotate(330deg) translateY(-58vw);
  }
}
.c-circle-slide__media {
  inline-size: 100%;
  block-size: 100%;
  object-fit: cover;
  display: block;
}
.c-circle-slide video.c-circle-slide__media {
  min-inline-size: clamp(360px, 36vw, 465px);
  min-block-size: clamp(200px, 20vw, 260px);
  inline-size: clamp(360px, 36vw, 465px);
  block-size: clamp(200px, 20vw, 260px);
  max-inline-size: clamp(360px, 36vw, 465px);
  max-block-size: clamp(200px, 20vw, 260px);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(90deg);
  transform-origin: center center;
  object-fit: cover;
}
@media (max-width: 743px) {
  .c-circle-slide video.c-circle-slide__media {
    min-inline-size: 70vw;
    min-block-size: 38vw;
    inline-size: 70vw;
    block-size: 38vw;
    max-inline-size: 70vw;
    max-block-size: 38vw;
  }
}

@layer components {
  .c-page_title_primary {
    position: relative;
    padding-block-start: var(--header-height);
    border-block-end: 1px solid var(--color-semantic-border-default);
  }
  .c-page_title_primary::before, .c-page_title_primary::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    background-color: var(--color-light-green-100);
  }
  .c-page_title_primary::before {
    inline-size: min(2.4489795918vw + 40.8163265306px, 80px);
    block-size: 1px;
  }
  .c-page_title_primary::after {
    inline-size: min(0.1632653061vw + 9.387755102px, 12px);
    block-size: min(0.1632653061vw + 9.387755102px, 12px);
    border-radius: 50%;
    translate: min(2.4489795918vw + 40.8163265306px, 80px) 50%;
  }
  .c-page_title_primary__line {
    position: absolute;
    right: 0;
    top: 0;
  }
  @media (max-width: 743px) {
    .c-page_title_primary__line {
      inline-size: 75%;
    }
  }
  .c-page_title_primary__inner {
    position: relative;
    max-inline-size: 1360px;
    margin-inline: auto;
    padding-block: min(3.2653061224vw + 27.7551020408px, 80px);
    display: grid;
  }
  @media (max-width: 743px) {
    .c-page_title_primary__inner {
      padding-inline: 1em;
    }
  }
  .c-page_title_primary__inner .c-crumbs {
    grid-column: 3/4;
    grid-row: 2/4;
    inline-size: fit-content;
    align-self: end;
    margin-inline-start: auto;
  }
  @media (max-width: 743px) {
    .c-page_title_primary__inner .c-crumbs {
      grid-row: 3/4;
    }
  }
  .c-page_title_primary__sub {
    display: block;
    font-size: min(4.4081632653vw + 1.8418367347rem, 6.25rem);
    line-height: 1;
    color: var(--color-white-00);
    margin-block-end: 0.1em;
    font-family: var(--font-manrope);
    font-weight: 900;
    grid-row: 1/2;
  }
  @media (max-width: 743px) {
    .c-page_title_primary__sub {
      grid-column: 1/4;
    }
  }
  .c-page_title_primary__main {
    font-size: min(1.7959183673vw + 1.2040816327rem, 3rem);
    line-height: 1.6;
    font-weight: 700;
    color: var(--color-green-100);
    grid-row: 2/3;
  }
  @media (max-width: 743px) {
    .c-page_title_primary__main {
      font-size: min(0.1632653061vw + 1.4617346939rem, 1.625rem);
      grid-column: 1/4;
    }
  }
  .c-section_title_primary {
    position: relative;
    color: var(--color-green-100);
    display: flex;
    align-items: center;
    gap: min(3.5102040816vw + -8.1632653061px, 48px);
    padding-block-end: min(0.6530612245vw + 7.5510204082px, 18px);
    border-block-end: 1px solid var(--color-semantic-border-default);
  }
  @media (max-width: 743px) {
    .c-section_title_primary {
      flex-direction: column;
      align-items: start;
    }
  }
  .c-section_title_primary__ja {
    font-size: min(0.6530612245vw + 1.3469387755rem, 2rem);
    position: relative;
    font-weight: 700;
    padding-inline-start: 1em;
  }
  .c-section_title_primary__ja::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    translate: 0 -50%;
    inline-size: min(0.6530612245vw + 7.5510204082px, 18px);
    block-size: min(0.6530612245vw + 7.5510204082px, 18px);
    background-color: var(--color-light-green-100);
    border-radius: calc(infinity * 1px);
  }
  .c-section_title_primary__ja::after {
    content: "";
    position: absolute;
    right: max(-0.9795918367vw + -8.3265306122px, -24px);
    top: 50%;
    translate: -50% -50%;
    inline-size: 1px;
    block-size: 60%;
    background-color: var(--color-semantic-border-default);
  }
  @media (max-width: 743px) {
    .c-section_title_primary__ja::after {
      display: none;
    }
  }
  .c-section_title_primary__en {
    font-size: min(0.1020408163vw + 0.7729591837rem, 0.875rem);
    font-family: var(--font-manrope);
    font-weight: 900;
  }
  @media (max-width: 743px) {
    .c-section_title_primary__en {
      padding-inline-start: 2em;
    }
  }
}
@layer components {
  .c-post__thumb {
    margin-block-end: min(0.6530612245vw + 21.5510204082px, 32px);
  }
  .c-post__thumb img {
    display: block;
    inline-size: 100%;
    block-size: auto;
    aspect-ratio: 2/1;
    object-fit: cover;
    border-radius: min(0.9795918367vw + 8.3265306122px, 24px);
  }
  .c-post__head {
    background-color: var(--color-white-00);
    border-radius: min(0.9795918367vw + 8.3265306122px, 24px);
    padding: min(1.6326530612vw + 13.8775510204px, 40px);
    margin-block-end: min(1.9591836735vw + 16.6530612245px, 48px);
  }
  .c-post__meta {
    display: flex;
    align-items: center;
    gap: min(0.0408163265vw + 11.3469387755px, 12px);
    margin-block-end: min(0.1632653061vw + 13.387755102px, 16px);
  }
  .c-post__date {
    font-family: var(--font-manrope);
    font-weight: 800;
    font-size: min(0.1020408163vw + 0.7729591837rem, 0.875rem);
    line-height: 1;
    color: var(--color-green-100);
  }
  .c-post__cat {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 4px 15px;
    border-radius: calc(infinity * 1px);
    background-color: var(--color-base-green);
    font-size: min(0.0408163265vw + 0.7091836735rem, 0.75rem);
    font-weight: 700;
    line-height: 1.8;
    color: var(--color-black-70);
    white-space: nowrap;
  }
  .c-post__title {
    font-size: min(0.6530612245vw + 1.3469387755rem, 2rem);
    line-height: 1.35;
    font-weight: 700;
    color: var(--color-green-100);
  }
  .c-post__body {
    color: var(--color-black-100);
    position: relative;
  }
  .c-post__body p {
    margin-bottom: 1.5em;
  }
  .c-post__body p a {
    text-decoration: underline;
    color: var(--color-main);
  }
  @media (any-hover: hover) {
    .c-post__body p a:hover {
      text-decoration: none;
    }
  }
  .c-post__body p b {
    font-weight: 500;
  }
  .c-post__body p strong {
    font-weight: 600;
  }
  .c-post__body h2,
  .c-post__body h3,
  .c-post__body h4,
  .c-post__body h5 {
    margin-top: 2.8em;
    margin-bottom: 1em;
  }
  .c-post__body h2 + h2,
  .c-post__body h2 + h3,
  .c-post__body h2 + h4,
  .c-post__body h2 + h5,
  .c-post__body h3 + h2,
  .c-post__body h3 + h3,
  .c-post__body h3 + h4,
  .c-post__body h3 + h5,
  .c-post__body h4 + h2,
  .c-post__body h4 + h3,
  .c-post__body h4 + h4,
  .c-post__body h4 + h5,
  .c-post__body h5 + h2,
  .c-post__body h5 + h3,
  .c-post__body h5 + h4,
  .c-post__body h5 + h5 {
    margin-top: 2em;
  }
  .c-post__body *:first-child {
    margin-top: 0;
  }
  .c-post__body *:last-child {
    margin-bottom: 0;
  }
  .c-post__body h2 {
    font-size: min(0.8163265306vw + 1.1836734694rem, 2rem);
    line-height: 1.5;
    font-weight: 700;
    color: var(--color-green-100);
    border-inline-start: 4px solid var(--color-light-green-100);
    padding-inline-start: min(0vw + 10px, 10px);
    margin-block: min(1.387755102vw + 33.7959183673px, 56px) min(0.4081632653vw + 17.4693877551px, 24px);
  }
  .c-post__body h3 {
    font-size: min(0.4897959184vw + 1.0102040816rem, 1.5rem);
    line-height: 1.5;
    font-weight: 700;
    color: var(--color-green-100);
    margin-block: min(0.8979591837vw + 25.6326530612px, 40px) min(0.1632653061vw + 13.387755102px, 16px);
  }
  .c-post__body p {
    font-size: min(0.1632653061vw + 0.8367346939rem, 1rem);
    line-height: 1.9;
    margin-block-end: min(0.4081632653vw + 17.4693877551px, 24px);
  }
  .c-post__body p strong {
    color: var(--color-semantic-attention);
  }
  .c-post__body p a {
    color: var(--color-green-100);
    text-decoration: underline;
  }
  .c-post__body ul,
  .c-post__body ol {
    display: grid;
    gap: min(0.0408163265vw + 11.3469387755px, 12px);
    margin-block: min(0.6530612245vw + 21.5510204082px, 32px);
  }
  .c-post__body ul li {
    position: relative;
    padding-inline-start: min(0.1632653061vw + 13.387755102px, 16px);
  }
  .c-post__body ul li::before {
    content: "";
    inline-size: 6px;
    block-size: 6px;
    border-radius: 50%;
    background-color: var(--color-light-green-100);
    position: absolute;
    top: 0.8em;
    left: 0;
    translate: 0 -50%;
  }
  .c-post__body ol {
    counter-reset: item;
  }
  .c-post__body ol li {
    counter-increment: item;
    display: flex;
    gap: min(0vw + 8px, 8px);
  }
  .c-post__body ol li::before {
    content: counter(item, decimal-leading-zero) ".";
    font-family: var(--font-manrope);
    font-weight: 700;
    color: var(--color-black-70);
    flex: none;
  }
  .c-post__body .wp-block-quote {
    border-inline-start: 2px solid var(--color-black-70);
    padding: 0.5em 2em;
    background-color: var(--color-white-00);
    margin-block-end: 1em;
  }
  .c-post__body table {
    inline-size: 100%;
    border-collapse: collapse;
    margin-block: min(0.6530612245vw + 21.5510204082px, 32px);
  }
  .c-post__body table th,
  .c-post__body table td {
    border: 1px solid var(--color-semantic-border-default);
    padding: min(0vw + 10px, 10px) min(0.1020408163vw + 12.3673469388px, 14px);
    font-size: min(0.1020408163vw + 0.7729591837rem, 0.875rem);
    line-height: 1.6;
    text-align: center;
  }
  .c-post__body table th {
    font-weight: 700;
    color: var(--color-green-100);
  }
  .c-post__body table td {
    background-color: var(--color-white-00);
  }
}
@layer components {
  .c-default_notfound {
    padding-block: min(3.3469387755vw + 66.4489795918px, 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(3.0408163265vw + 3.8341836735rem, 6.875rem);
  }
  .c-default_notfound h3 {
    text-align: center;
    font-weight: 600;
    font-size: min(0.4081632653vw + 1.0918367347rem, 1.5rem);
  }
  .c-default_notfound .body {
    margin-top: min(0.8979591837vw + 25.6326530612px, 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(1.5102040816vw + 35.8367346939px, 60px);
  }
  @media (max-width: 743px) {
    .c-default_notfound .button {
      flex-direction: column;
      align-items: center;
    }
  }
}
.c-article-card {
  display: flex;
  flex-direction: column;
  gap: min(0.6530612245vw + 13.5510204082px, 24px);
  background-color: var(--color-white-00);
  border-radius: min(0.1632653061vw + 7.387755102px, 10px);
  overflow: hidden;
  padding: min(0.3265306122vw + 10.7755102041px, 16px);
}
@media (any-hover: hover) {
  .c-article-card:hover .c-article-card__thumb-img {
    scale: 1.05;
  }
}
.c-article-card__thumb {
  aspect-ratio: 400/200;
  overflow: hidden;
  border: 1px solid #ececec;
  position: relative;
}
.c-article-card__thumb-img {
  inline-size: 100%;
  block-size: 100%;
  object-fit: cover;
  display: block;
  transition: scale 0.3s;
}
.c-article-card__body {
  display: flex;
  flex-direction: column;
  gap: min(0.1632653061vw + 5.387755102px, 8px);
}
.c-article-card__date {
  font-family: var(--font-manrope);
  font-weight: 800;
  font-size: min(0.0408163265vw + 0.7091836735rem, 0.75rem);
  line-height: 1;
  color: var(--color-green-100);
}
.c-article-card__title {
  font-size: min(0.1632653061vw + 0.8367346939rem, 1rem);
  font-weight: 700;
  line-height: 1.6;
  color: var(--color-green-100);
}
.c-article-card__text {
  font-size: min(0.1020408163vw + 0.7729591837rem, 0.875rem);
  line-height: 1.6;
  color: var(--color-black-100);
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.c-article-card__cats {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.c-article-card__cat {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 4px 15px;
  border-radius: 20px;
  background-color: var(--color-base-green);
  font-size: min(0.0408163265vw + 0.7091836735rem, 0.75rem);
  font-weight: 700;
  line-height: 1.8;
  color: var(--color-black-70);
  white-space: nowrap;
}

@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(0.0102040816vw + 10.8367346939px, 11px);
  }
  .u-mt12 {
    margin-block-start: min(0.0408163265vw + 11.3469387755px, 12px);
  }
  .u-mt13 {
    margin-block-start: min(0.0714285714vw + 11.8571428571px, 13px);
  }
  .u-mt14 {
    margin-block-start: min(0.1020408163vw + 12.3673469388px, 14px);
  }
  .u-mt15 {
    margin-block-start: min(0.1326530612vw + 12.8775510204px, 15px);
  }
  .u-mt16 {
    margin-block-start: min(0.1632653061vw + 13.387755102px, 16px);
  }
  .u-mt17 {
    margin-block-start: min(0.193877551vw + 13.8979591837px, 17px);
  }
  .u-mt18 {
    margin-block-start: min(0.2244897959vw + 14.4081632653px, 18px);
  }
  .u-mt19 {
    margin-block-start: min(0.2551020408vw + 14.9183673469px, 19px);
  }
  .u-mt20 {
    margin-block-start: min(0.2857142857vw + 15.4285714286px, 20px);
  }
  .u-mt21 {
    margin-block-start: min(0.3163265306vw + 15.9387755102px, 21px);
  }
  .u-mt22 {
    margin-block-start: min(0.3469387755vw + 16.4489795918px, 22px);
  }
  .u-mt23 {
    margin-block-start: min(0.3775510204vw + 16.9591836735px, 23px);
  }
  .u-mt24 {
    margin-block-start: min(0.4081632653vw + 17.4693877551px, 24px);
  }
  .u-mt25 {
    margin-block-start: min(0.4387755102vw + 17.9795918367px, 25px);
  }
  .u-mt26 {
    margin-block-start: min(0.4693877551vw + 18.4897959184px, 26px);
  }
  .u-mt27 {
    margin-block-start: min(0.5vw + 19px, 27px);
  }
  .u-mt28 {
    margin-block-start: min(0.5306122449vw + 19.5102040816px, 28px);
  }
  .u-mt29 {
    margin-block-start: min(0.5612244898vw + 20.0204081633px, 29px);
  }
  .u-mt30 {
    margin-block-start: min(0.5918367347vw + 20.5306122449px, 30px);
  }
  .u-mt31 {
    margin-block-start: min(0.6224489796vw + 21.0408163265px, 31px);
  }
  .u-mt32 {
    margin-block-start: min(0.6530612245vw + 21.5510204082px, 32px);
  }
  .u-mt33 {
    margin-block-start: min(0.6836734694vw + 22.0612244898px, 33px);
  }
  .u-mt34 {
    margin-block-start: min(0.7142857143vw + 22.5714285714px, 34px);
  }
  .u-mt35 {
    margin-block-start: min(0.7448979592vw + 23.0816326531px, 35px);
  }
  .u-mt36 {
    margin-block-start: min(0.7755102041vw + 23.5918367347px, 36px);
  }
  .u-mt37 {
    margin-block-start: min(0.806122449vw + 24.1020408163px, 37px);
  }
  .u-mt38 {
    margin-block-start: min(0.8367346939vw + 24.612244898px, 38px);
  }
  .u-mt39 {
    margin-block-start: min(0.8673469388vw + 25.1224489796px, 39px);
  }
  .u-mt40 {
    margin-block-start: min(0.8979591837vw + 25.6326530612px, 40px);
  }
  .u-mt41 {
    margin-block-start: min(0.9285714286vw + 26.1428571429px, 41px);
  }
  .u-mt42 {
    margin-block-start: min(0.9591836735vw + 26.6530612245px, 42px);
  }
  .u-mt43 {
    margin-block-start: min(0.9897959184vw + 27.1632653061px, 43px);
  }
  .u-mt44 {
    margin-block-start: min(1.0204081633vw + 27.6734693878px, 44px);
  }
  .u-mt45 {
    margin-block-start: min(1.0510204082vw + 28.1836734694px, 45px);
  }
  .u-mt46 {
    margin-block-start: min(1.0816326531vw + 28.693877551px, 46px);
  }
  .u-mt47 {
    margin-block-start: min(1.112244898vw + 29.2040816327px, 47px);
  }
  .u-mt48 {
    margin-block-start: min(1.1428571429vw + 29.7142857143px, 48px);
  }
  .u-mt49 {
    margin-block-start: min(1.1734693878vw + 30.2244897959px, 49px);
  }
  .u-mt50 {
    margin-block-start: min(1.2040816327vw + 30.7346938776px, 50px);
  }
  .u-mt51 {
    margin-block-start: min(1.2346938776vw + 31.2448979592px, 51px);
  }
  .u-mt52 {
    margin-block-start: min(1.2653061224vw + 31.7551020408px, 52px);
  }
  .u-mt53 {
    margin-block-start: min(1.2959183673vw + 32.2653061224px, 53px);
  }
  .u-mt54 {
    margin-block-start: min(1.3265306122vw + 32.7755102041px, 54px);
  }
  .u-mt55 {
    margin-block-start: min(1.3571428571vw + 33.2857142857px, 55px);
  }
  .u-mt56 {
    margin-block-start: min(1.387755102vw + 33.7959183673px, 56px);
  }
  .u-mt57 {
    margin-block-start: min(1.4183673469vw + 34.306122449px, 57px);
  }
  .u-mt58 {
    margin-block-start: min(1.4489795918vw + 34.8163265306px, 58px);
  }
  .u-mt59 {
    margin-block-start: min(1.4795918367vw + 35.3265306122px, 59px);
  }
  .u-mt60 {
    margin-block-start: min(1.5102040816vw + 35.8367346939px, 60px);
  }
  .u-mt61 {
    margin-block-start: min(1.5408163265vw + 36.3469387755px, 61px);
  }
  .u-mt62 {
    margin-block-start: min(1.5714285714vw + 36.8571428571px, 62px);
  }
  .u-mt63 {
    margin-block-start: min(1.6020408163vw + 37.3673469388px, 63px);
  }
  .u-mt64 {
    margin-block-start: min(1.6326530612vw + 37.8775510204px, 64px);
  }
  .u-mt65 {
    margin-block-start: min(1.6632653061vw + 38.387755102px, 65px);
  }
  .u-mt66 {
    margin-block-start: min(1.693877551vw + 38.8979591837px, 66px);
  }
  .u-mt67 {
    margin-block-start: min(1.7244897959vw + 39.4081632653px, 67px);
  }
  .u-mt68 {
    margin-block-start: min(1.7551020408vw + 39.9183673469px, 68px);
  }
  .u-mt69 {
    margin-block-start: min(1.7857142857vw + 40.4285714286px, 69px);
  }
  .u-mt70 {
    margin-block-start: min(1.8163265306vw + 40.9387755102px, 70px);
  }
  .u-mt71 {
    margin-block-start: min(1.8469387755vw + 41.4489795918px, 71px);
  }
  .u-mt72 {
    margin-block-start: min(1.8775510204vw + 41.9591836735px, 72px);
  }
  .u-mt73 {
    margin-block-start: min(1.9081632653vw + 42.4693877551px, 73px);
  }
  .u-mt74 {
    margin-block-start: min(1.9387755102vw + 42.9795918367px, 74px);
  }
  .u-mt75 {
    margin-block-start: min(1.9693877551vw + 43.4897959184px, 75px);
  }
  .u-mt76 {
    margin-block-start: min(2vw + 44px, 76px);
  }
  .u-mt77 {
    margin-block-start: min(2.0306122449vw + 44.5102040816px, 77px);
  }
  .u-mt78 {
    margin-block-start: min(2.0612244898vw + 45.0204081633px, 78px);
  }
  .u-mt79 {
    margin-block-start: min(2.0918367347vw + 45.5306122449px, 79px);
  }
  .u-mt80 {
    margin-block-start: min(2.1224489796vw + 46.0408163265px, 80px);
  }
  .u-mt81 {
    margin-block-start: min(2.1530612245vw + 46.5510204082px, 81px);
  }
  .u-mt82 {
    margin-block-start: min(2.1836734694vw + 47.0612244898px, 82px);
  }
  .u-mt83 {
    margin-block-start: min(2.2142857143vw + 47.5714285714px, 83px);
  }
  .u-mt84 {
    margin-block-start: min(2.2448979592vw + 48.0816326531px, 84px);
  }
  .u-mt85 {
    margin-block-start: min(2.2755102041vw + 48.5918367347px, 85px);
  }
  .u-mt86 {
    margin-block-start: min(2.306122449vw + 49.1020408163px, 86px);
  }
  .u-mt87 {
    margin-block-start: min(2.3367346939vw + 49.612244898px, 87px);
  }
  .u-mt88 {
    margin-block-start: min(2.3673469388vw + 50.1224489796px, 88px);
  }
  .u-mt89 {
    margin-block-start: min(2.3979591837vw + 50.6326530612px, 89px);
  }
  .u-mt90 {
    margin-block-start: min(2.4285714286vw + 51.1428571429px, 90px);
  }
  .u-mt91 {
    margin-block-start: min(2.4591836735vw + 51.6530612245px, 91px);
  }
  .u-mt92 {
    margin-block-start: min(2.4897959184vw + 52.1632653061px, 92px);
  }
  .u-mt93 {
    margin-block-start: min(2.5204081633vw + 52.6734693878px, 93px);
  }
  .u-mt94 {
    margin-block-start: min(2.5510204082vw + 53.1836734694px, 94px);
  }
  .u-mt95 {
    margin-block-start: min(2.5816326531vw + 53.693877551px, 95px);
  }
  .u-mt96 {
    margin-block-start: min(2.612244898vw + 54.2040816327px, 96px);
  }
  .u-mt97 {
    margin-block-start: min(2.6428571429vw + 54.7142857143px, 97px);
  }
  .u-mt98 {
    margin-block-start: min(2.6734693878vw + 55.2244897959px, 98px);
  }
  .u-mt99 {
    margin-block-start: min(2.7040816327vw + 55.7346938776px, 99px);
  }
  .u-mt100 {
    margin-block-start: min(2.7346938776vw + 56.2448979592px, 100px);
  }
  .u-mt101 {
    margin-block-start: min(2.7653061224vw + 56.7551020408px, 101px);
  }
  .u-mt102 {
    margin-block-start: min(2.7959183673vw + 57.2653061224px, 102px);
  }
  .u-mt103 {
    margin-block-start: min(2.8265306122vw + 57.7755102041px, 103px);
  }
  .u-mt104 {
    margin-block-start: min(2.8571428571vw + 58.2857142857px, 104px);
  }
  .u-mt105 {
    margin-block-start: min(2.887755102vw + 58.7959183673px, 105px);
  }
  .u-mt106 {
    margin-block-start: min(2.9183673469vw + 59.306122449px, 106px);
  }
  .u-mt107 {
    margin-block-start: min(2.9489795918vw + 59.8163265306px, 107px);
  }
  .u-mt108 {
    margin-block-start: min(2.9795918367vw + 60.3265306122px, 108px);
  }
  .u-mt109 {
    margin-block-start: min(3.0102040816vw + 60.8367346939px, 109px);
  }
  .u-mt110 {
    margin-block-start: min(3.0408163265vw + 61.3469387755px, 110px);
  }
  .u-mt111 {
    margin-block-start: min(3.0714285714vw + 61.8571428571px, 111px);
  }
  .u-mt112 {
    margin-block-start: min(3.1020408163vw + 62.3673469388px, 112px);
  }
  .u-mt113 {
    margin-block-start: min(3.1326530612vw + 62.8775510204px, 113px);
  }
  .u-mt114 {
    margin-block-start: min(3.1632653061vw + 63.387755102px, 114px);
  }
  .u-mt115 {
    margin-block-start: min(3.193877551vw + 63.8979591837px, 115px);
  }
  .u-mt116 {
    margin-block-start: min(3.2244897959vw + 64.4081632653px, 116px);
  }
  .u-mt117 {
    margin-block-start: min(3.2551020408vw + 64.9183673469px, 117px);
  }
  .u-mt118 {
    margin-block-start: min(3.2857142857vw + 65.4285714286px, 118px);
  }
  .u-mt119 {
    margin-block-start: min(3.3163265306vw + 65.9387755102px, 119px);
  }
  .u-mt120 {
    margin-block-start: min(3.3469387755vw + 66.4489795918px, 120px);
  }
  .u-mt121 {
    margin-block-start: min(3.3775510204vw + 66.9591836735px, 121px);
  }
  .u-mt122 {
    margin-block-start: min(3.4081632653vw + 67.4693877551px, 122px);
  }
  .u-mt123 {
    margin-block-start: min(3.4387755102vw + 67.9795918367px, 123px);
  }
  .u-mt124 {
    margin-block-start: min(3.4693877551vw + 68.4897959184px, 124px);
  }
  .u-mt125 {
    margin-block-start: min(3.5vw + 69px, 125px);
  }
  .u-mt126 {
    margin-block-start: min(3.5306122449vw + 69.5102040816px, 126px);
  }
  .u-mt127 {
    margin-block-start: min(3.5612244898vw + 70.0204081633px, 127px);
  }
  .u-mt128 {
    margin-block-start: min(3.5918367347vw + 70.5306122449px, 128px);
  }
  .u-mt129 {
    margin-block-start: min(3.6224489796vw + 71.0408163265px, 129px);
  }
  .u-mt130 {
    margin-block-start: min(3.6530612245vw + 71.5510204082px, 130px);
  }
  .u-mt131 {
    margin-block-start: min(3.6836734694vw + 72.0612244898px, 131px);
  }
  .u-mt132 {
    margin-block-start: min(3.7142857143vw + 72.5714285714px, 132px);
  }
  .u-mt133 {
    margin-block-start: min(3.7448979592vw + 73.0816326531px, 133px);
  }
  .u-mt134 {
    margin-block-start: min(3.7755102041vw + 73.5918367347px, 134px);
  }
  .u-mt135 {
    margin-block-start: min(3.806122449vw + 74.1020408163px, 135px);
  }
  .u-mt136 {
    margin-block-start: min(3.8367346939vw + 74.612244898px, 136px);
  }
  .u-mt137 {
    margin-block-start: min(3.8673469388vw + 75.1224489796px, 137px);
  }
  .u-mt138 {
    margin-block-start: min(3.8979591837vw + 75.6326530612px, 138px);
  }
  .u-mt139 {
    margin-block-start: min(3.9285714286vw + 76.1428571429px, 139px);
  }
  .u-mt140 {
    margin-block-start: min(3.9591836735vw + 76.6530612245px, 140px);
  }
  .u-mt141 {
    margin-block-start: min(3.9897959184vw + 77.1632653061px, 141px);
  }
  .u-mt142 {
    margin-block-start: min(4.0204081633vw + 77.6734693878px, 142px);
  }
  .u-mt143 {
    margin-block-start: min(4.0510204082vw + 78.1836734694px, 143px);
  }
  .u-mt144 {
    margin-block-start: min(4.0816326531vw + 78.693877551px, 144px);
  }
  .u-mt145 {
    margin-block-start: min(4.112244898vw + 79.2040816327px, 145px);
  }
  .u-mt146 {
    margin-block-start: min(4.1428571429vw + 79.7142857143px, 146px);
  }
  .u-mt147 {
    margin-block-start: min(4.1734693878vw + 80.2244897959px, 147px);
  }
  .u-mt148 {
    margin-block-start: min(4.2040816327vw + 80.7346938776px, 148px);
  }
  .u-mt149 {
    margin-block-start: min(4.2346938776vw + 81.2448979592px, 149px);
  }
  .u-mt150 {
    margin-block-start: min(4.2653061224vw + 81.7551020408px, 150px);
  }
  .u-mt151 {
    margin-block-start: min(4.2959183673vw + 82.2653061224px, 151px);
  }
  .u-mt152 {
    margin-block-start: min(4.3265306122vw + 82.7755102041px, 152px);
  }
  .u-mt153 {
    margin-block-start: min(4.3571428571vw + 83.2857142857px, 153px);
  }
  .u-mt154 {
    margin-block-start: min(4.387755102vw + 83.7959183673px, 154px);
  }
  .u-mt155 {
    margin-block-start: min(4.4183673469vw + 84.306122449px, 155px);
  }
  .u-mt156 {
    margin-block-start: min(4.4489795918vw + 84.8163265306px, 156px);
  }
  .u-mt157 {
    margin-block-start: min(4.4795918367vw + 85.3265306122px, 157px);
  }
  .u-mt158 {
    margin-block-start: min(4.5102040816vw + 85.8367346939px, 158px);
  }
  .u-mt159 {
    margin-block-start: min(4.5408163265vw + 86.3469387755px, 159px);
  }
  .u-mt160 {
    margin-block-start: min(4.5714285714vw + 86.8571428571px, 160px);
  }
  .u-mt161 {
    margin-block-start: min(4.6020408163vw + 87.3673469388px, 161px);
  }
  .u-mt162 {
    margin-block-start: min(4.6326530612vw + 87.8775510204px, 162px);
  }
  .u-mt163 {
    margin-block-start: min(4.6632653061vw + 88.387755102px, 163px);
  }
  .u-mt164 {
    margin-block-start: min(4.693877551vw + 88.8979591837px, 164px);
  }
  .u-mt165 {
    margin-block-start: min(4.7244897959vw + 89.4081632653px, 165px);
  }
  .u-mt166 {
    margin-block-start: min(4.7551020408vw + 89.9183673469px, 166px);
  }
  .u-mt167 {
    margin-block-start: min(4.7857142857vw + 90.4285714286px, 167px);
  }
  .u-mt168 {
    margin-block-start: min(4.8163265306vw + 90.9387755102px, 168px);
  }
  .u-mt169 {
    margin-block-start: min(4.8469387755vw + 91.4489795918px, 169px);
  }
  .u-mt170 {
    margin-block-start: min(4.8775510204vw + 91.9591836735px, 170px);
  }
  .u-mt171 {
    margin-block-start: min(4.9081632653vw + 92.4693877551px, 171px);
  }
  .u-mt172 {
    margin-block-start: min(4.9387755102vw + 92.9795918367px, 172px);
  }
  .u-mt173 {
    margin-block-start: min(4.9693877551vw + 93.4897959184px, 173px);
  }
  .u-mt174 {
    margin-block-start: min(5vw + 94px, 174px);
  }
  .u-mt175 {
    margin-block-start: min(5.0306122449vw + 94.5102040816px, 175px);
  }
  .u-mt176 {
    margin-block-start: min(5.0612244898vw + 95.0204081633px, 176px);
  }
  .u-mt177 {
    margin-block-start: min(5.0918367347vw + 95.5306122449px, 177px);
  }
  .u-mt178 {
    margin-block-start: min(5.1224489796vw + 96.0408163265px, 178px);
  }
  .u-mt179 {
    margin-block-start: min(5.1530612245vw + 96.5510204082px, 179px);
  }
  .u-mt180 {
    margin-block-start: min(5.1836734694vw + 97.0612244898px, 180px);
  }
  .u-mt181 {
    margin-block-start: min(5.2142857143vw + 97.5714285714px, 181px);
  }
  .u-mt182 {
    margin-block-start: min(5.2448979592vw + 98.0816326531px, 182px);
  }
  .u-mt183 {
    margin-block-start: min(5.2755102041vw + 98.5918367347px, 183px);
  }
  .u-mt184 {
    margin-block-start: min(5.306122449vw + 99.1020408163px, 184px);
  }
  .u-mt185 {
    margin-block-start: min(5.3367346939vw + 99.612244898px, 185px);
  }
  .u-mt186 {
    margin-block-start: min(5.3673469388vw + 100.1224489796px, 186px);
  }
  .u-mt187 {
    margin-block-start: min(5.3979591837vw + 100.6326530612px, 187px);
  }
  .u-mt188 {
    margin-block-start: min(5.4285714286vw + 101.1428571429px, 188px);
  }
  .u-mt189 {
    margin-block-start: min(5.4591836735vw + 101.6530612245px, 189px);
  }
  .u-mt190 {
    margin-block-start: min(5.4897959184vw + 102.1632653061px, 190px);
  }
  .u-mt191 {
    margin-block-start: min(5.5204081633vw + 102.6734693878px, 191px);
  }
  .u-mt192 {
    margin-block-start: min(5.5510204082vw + 103.1836734694px, 192px);
  }
  .u-mt193 {
    margin-block-start: min(5.5816326531vw + 103.693877551px, 193px);
  }
  .u-mt194 {
    margin-block-start: min(5.612244898vw + 104.2040816327px, 194px);
  }
  .u-mt195 {
    margin-block-start: min(5.6428571429vw + 104.7142857143px, 195px);
  }
  .u-mt196 {
    margin-block-start: min(5.6734693878vw + 105.2244897959px, 196px);
  }
  .u-mt197 {
    margin-block-start: min(5.7040816327vw + 105.7346938776px, 197px);
  }
  .u-mt198 {
    margin-block-start: min(5.7346938776vw + 106.2448979592px, 198px);
  }
  .u-mt199 {
    margin-block-start: min(5.7653061224vw + 106.7551020408px, 199px);
  }
  .u-mt200 {
    margin-block-start: min(5.7959183673vw + 107.2653061224px, 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(0.0102040816vw + 10.8367346939px, 11px);
  }
  .u-mb12 {
    margin-block-end: min(0.0408163265vw + 11.3469387755px, 12px);
  }
  .u-mb13 {
    margin-block-end: min(0.0714285714vw + 11.8571428571px, 13px);
  }
  .u-mb14 {
    margin-block-end: min(0.1020408163vw + 12.3673469388px, 14px);
  }
  .u-mb15 {
    margin-block-end: min(0.1326530612vw + 12.8775510204px, 15px);
  }
  .u-mb16 {
    margin-block-end: min(0.1632653061vw + 13.387755102px, 16px);
  }
  .u-mb17 {
    margin-block-end: min(0.193877551vw + 13.8979591837px, 17px);
  }
  .u-mb18 {
    margin-block-end: min(0.2244897959vw + 14.4081632653px, 18px);
  }
  .u-mb19 {
    margin-block-end: min(0.2551020408vw + 14.9183673469px, 19px);
  }
  .u-mb20 {
    margin-block-end: min(0.2857142857vw + 15.4285714286px, 20px);
  }
  .u-mb21 {
    margin-block-end: min(0.3163265306vw + 15.9387755102px, 21px);
  }
  .u-mb22 {
    margin-block-end: min(0.3469387755vw + 16.4489795918px, 22px);
  }
  .u-mb23 {
    margin-block-end: min(0.3775510204vw + 16.9591836735px, 23px);
  }
  .u-mb24 {
    margin-block-end: min(0.4081632653vw + 17.4693877551px, 24px);
  }
  .u-mb25 {
    margin-block-end: min(0.4387755102vw + 17.9795918367px, 25px);
  }
  .u-mb26 {
    margin-block-end: min(0.4693877551vw + 18.4897959184px, 26px);
  }
  .u-mb27 {
    margin-block-end: min(0.5vw + 19px, 27px);
  }
  .u-mb28 {
    margin-block-end: min(0.5306122449vw + 19.5102040816px, 28px);
  }
  .u-mb29 {
    margin-block-end: min(0.5612244898vw + 20.0204081633px, 29px);
  }
  .u-mb30 {
    margin-block-end: min(0.5918367347vw + 20.5306122449px, 30px);
  }
  .u-mb31 {
    margin-block-end: min(0.6224489796vw + 21.0408163265px, 31px);
  }
  .u-mb32 {
    margin-block-end: min(0.6530612245vw + 21.5510204082px, 32px);
  }
  .u-mb33 {
    margin-block-end: min(0.6836734694vw + 22.0612244898px, 33px);
  }
  .u-mb34 {
    margin-block-end: min(0.7142857143vw + 22.5714285714px, 34px);
  }
  .u-mb35 {
    margin-block-end: min(0.7448979592vw + 23.0816326531px, 35px);
  }
  .u-mb36 {
    margin-block-end: min(0.7755102041vw + 23.5918367347px, 36px);
  }
  .u-mb37 {
    margin-block-end: min(0.806122449vw + 24.1020408163px, 37px);
  }
  .u-mb38 {
    margin-block-end: min(0.8367346939vw + 24.612244898px, 38px);
  }
  .u-mb39 {
    margin-block-end: min(0.8673469388vw + 25.1224489796px, 39px);
  }
  .u-mb40 {
    margin-block-end: min(0.8979591837vw + 25.6326530612px, 40px);
  }
  .u-mb41 {
    margin-block-end: min(0.9285714286vw + 26.1428571429px, 41px);
  }
  .u-mb42 {
    margin-block-end: min(0.9591836735vw + 26.6530612245px, 42px);
  }
  .u-mb43 {
    margin-block-end: min(0.9897959184vw + 27.1632653061px, 43px);
  }
  .u-mb44 {
    margin-block-end: min(1.0204081633vw + 27.6734693878px, 44px);
  }
  .u-mb45 {
    margin-block-end: min(1.0510204082vw + 28.1836734694px, 45px);
  }
  .u-mb46 {
    margin-block-end: min(1.0816326531vw + 28.693877551px, 46px);
  }
  .u-mb47 {
    margin-block-end: min(1.112244898vw + 29.2040816327px, 47px);
  }
  .u-mb48 {
    margin-block-end: min(1.1428571429vw + 29.7142857143px, 48px);
  }
  .u-mb49 {
    margin-block-end: min(1.1734693878vw + 30.2244897959px, 49px);
  }
  .u-mb50 {
    margin-block-end: min(1.2040816327vw + 30.7346938776px, 50px);
  }
  .u-mb51 {
    margin-block-end: min(1.2346938776vw + 31.2448979592px, 51px);
  }
  .u-mb52 {
    margin-block-end: min(1.2653061224vw + 31.7551020408px, 52px);
  }
  .u-mb53 {
    margin-block-end: min(1.2959183673vw + 32.2653061224px, 53px);
  }
  .u-mb54 {
    margin-block-end: min(1.3265306122vw + 32.7755102041px, 54px);
  }
  .u-mb55 {
    margin-block-end: min(1.3571428571vw + 33.2857142857px, 55px);
  }
  .u-mb56 {
    margin-block-end: min(1.387755102vw + 33.7959183673px, 56px);
  }
  .u-mb57 {
    margin-block-end: min(1.4183673469vw + 34.306122449px, 57px);
  }
  .u-mb58 {
    margin-block-end: min(1.4489795918vw + 34.8163265306px, 58px);
  }
  .u-mb59 {
    margin-block-end: min(1.4795918367vw + 35.3265306122px, 59px);
  }
  .u-mb60 {
    margin-block-end: min(1.5102040816vw + 35.8367346939px, 60px);
  }
  .u-mb61 {
    margin-block-end: min(1.5408163265vw + 36.3469387755px, 61px);
  }
  .u-mb62 {
    margin-block-end: min(1.5714285714vw + 36.8571428571px, 62px);
  }
  .u-mb63 {
    margin-block-end: min(1.6020408163vw + 37.3673469388px, 63px);
  }
  .u-mb64 {
    margin-block-end: min(1.6326530612vw + 37.8775510204px, 64px);
  }
  .u-mb65 {
    margin-block-end: min(1.6632653061vw + 38.387755102px, 65px);
  }
  .u-mb66 {
    margin-block-end: min(1.693877551vw + 38.8979591837px, 66px);
  }
  .u-mb67 {
    margin-block-end: min(1.7244897959vw + 39.4081632653px, 67px);
  }
  .u-mb68 {
    margin-block-end: min(1.7551020408vw + 39.9183673469px, 68px);
  }
  .u-mb69 {
    margin-block-end: min(1.7857142857vw + 40.4285714286px, 69px);
  }
  .u-mb70 {
    margin-block-end: min(1.8163265306vw + 40.9387755102px, 70px);
  }
  .u-mb71 {
    margin-block-end: min(1.8469387755vw + 41.4489795918px, 71px);
  }
  .u-mb72 {
    margin-block-end: min(1.8775510204vw + 41.9591836735px, 72px);
  }
  .u-mb73 {
    margin-block-end: min(1.9081632653vw + 42.4693877551px, 73px);
  }
  .u-mb74 {
    margin-block-end: min(1.9387755102vw + 42.9795918367px, 74px);
  }
  .u-mb75 {
    margin-block-end: min(1.9693877551vw + 43.4897959184px, 75px);
  }
  .u-mb76 {
    margin-block-end: min(2vw + 44px, 76px);
  }
  .u-mb77 {
    margin-block-end: min(2.0306122449vw + 44.5102040816px, 77px);
  }
  .u-mb78 {
    margin-block-end: min(2.0612244898vw + 45.0204081633px, 78px);
  }
  .u-mb79 {
    margin-block-end: min(2.0918367347vw + 45.5306122449px, 79px);
  }
  .u-mb80 {
    margin-block-end: min(2.1224489796vw + 46.0408163265px, 80px);
  }
  .u-mb81 {
    margin-block-end: min(2.1530612245vw + 46.5510204082px, 81px);
  }
  .u-mb82 {
    margin-block-end: min(2.1836734694vw + 47.0612244898px, 82px);
  }
  .u-mb83 {
    margin-block-end: min(2.2142857143vw + 47.5714285714px, 83px);
  }
  .u-mb84 {
    margin-block-end: min(2.2448979592vw + 48.0816326531px, 84px);
  }
  .u-mb85 {
    margin-block-end: min(2.2755102041vw + 48.5918367347px, 85px);
  }
  .u-mb86 {
    margin-block-end: min(2.306122449vw + 49.1020408163px, 86px);
  }
  .u-mb87 {
    margin-block-end: min(2.3367346939vw + 49.612244898px, 87px);
  }
  .u-mb88 {
    margin-block-end: min(2.3673469388vw + 50.1224489796px, 88px);
  }
  .u-mb89 {
    margin-block-end: min(2.3979591837vw + 50.6326530612px, 89px);
  }
  .u-mb90 {
    margin-block-end: min(2.4285714286vw + 51.1428571429px, 90px);
  }
  .u-mb91 {
    margin-block-end: min(2.4591836735vw + 51.6530612245px, 91px);
  }
  .u-mb92 {
    margin-block-end: min(2.4897959184vw + 52.1632653061px, 92px);
  }
  .u-mb93 {
    margin-block-end: min(2.5204081633vw + 52.6734693878px, 93px);
  }
  .u-mb94 {
    margin-block-end: min(2.5510204082vw + 53.1836734694px, 94px);
  }
  .u-mb95 {
    margin-block-end: min(2.5816326531vw + 53.693877551px, 95px);
  }
  .u-mb96 {
    margin-block-end: min(2.612244898vw + 54.2040816327px, 96px);
  }
  .u-mb97 {
    margin-block-end: min(2.6428571429vw + 54.7142857143px, 97px);
  }
  .u-mb98 {
    margin-block-end: min(2.6734693878vw + 55.2244897959px, 98px);
  }
  .u-mb99 {
    margin-block-end: min(2.7040816327vw + 55.7346938776px, 99px);
  }
  .u-mb100 {
    margin-block-end: min(2.7346938776vw + 56.2448979592px, 100px);
  }
  .u-mb101 {
    margin-block-end: min(2.7653061224vw + 56.7551020408px, 101px);
  }
  .u-mb102 {
    margin-block-end: min(2.7959183673vw + 57.2653061224px, 102px);
  }
  .u-mb103 {
    margin-block-end: min(2.8265306122vw + 57.7755102041px, 103px);
  }
  .u-mb104 {
    margin-block-end: min(2.8571428571vw + 58.2857142857px, 104px);
  }
  .u-mb105 {
    margin-block-end: min(2.887755102vw + 58.7959183673px, 105px);
  }
  .u-mb106 {
    margin-block-end: min(2.9183673469vw + 59.306122449px, 106px);
  }
  .u-mb107 {
    margin-block-end: min(2.9489795918vw + 59.8163265306px, 107px);
  }
  .u-mb108 {
    margin-block-end: min(2.9795918367vw + 60.3265306122px, 108px);
  }
  .u-mb109 {
    margin-block-end: min(3.0102040816vw + 60.8367346939px, 109px);
  }
  .u-mb110 {
    margin-block-end: min(3.0408163265vw + 61.3469387755px, 110px);
  }
  .u-mb111 {
    margin-block-end: min(3.0714285714vw + 61.8571428571px, 111px);
  }
  .u-mb112 {
    margin-block-end: min(3.1020408163vw + 62.3673469388px, 112px);
  }
  .u-mb113 {
    margin-block-end: min(3.1326530612vw + 62.8775510204px, 113px);
  }
  .u-mb114 {
    margin-block-end: min(3.1632653061vw + 63.387755102px, 114px);
  }
  .u-mb115 {
    margin-block-end: min(3.193877551vw + 63.8979591837px, 115px);
  }
  .u-mb116 {
    margin-block-end: min(3.2244897959vw + 64.4081632653px, 116px);
  }
  .u-mb117 {
    margin-block-end: min(3.2551020408vw + 64.9183673469px, 117px);
  }
  .u-mb118 {
    margin-block-end: min(3.2857142857vw + 65.4285714286px, 118px);
  }
  .u-mb119 {
    margin-block-end: min(3.3163265306vw + 65.9387755102px, 119px);
  }
  .u-mb120 {
    margin-block-end: min(3.3469387755vw + 66.4489795918px, 120px);
  }
  .u-mb121 {
    margin-block-end: min(3.3775510204vw + 66.9591836735px, 121px);
  }
  .u-mb122 {
    margin-block-end: min(3.4081632653vw + 67.4693877551px, 122px);
  }
  .u-mb123 {
    margin-block-end: min(3.4387755102vw + 67.9795918367px, 123px);
  }
  .u-mb124 {
    margin-block-end: min(3.4693877551vw + 68.4897959184px, 124px);
  }
  .u-mb125 {
    margin-block-end: min(3.5vw + 69px, 125px);
  }
  .u-mb126 {
    margin-block-end: min(3.5306122449vw + 69.5102040816px, 126px);
  }
  .u-mb127 {
    margin-block-end: min(3.5612244898vw + 70.0204081633px, 127px);
  }
  .u-mb128 {
    margin-block-end: min(3.5918367347vw + 70.5306122449px, 128px);
  }
  .u-mb129 {
    margin-block-end: min(3.6224489796vw + 71.0408163265px, 129px);
  }
  .u-mb130 {
    margin-block-end: min(3.6530612245vw + 71.5510204082px, 130px);
  }
  .u-mb131 {
    margin-block-end: min(3.6836734694vw + 72.0612244898px, 131px);
  }
  .u-mb132 {
    margin-block-end: min(3.7142857143vw + 72.5714285714px, 132px);
  }
  .u-mb133 {
    margin-block-end: min(3.7448979592vw + 73.0816326531px, 133px);
  }
  .u-mb134 {
    margin-block-end: min(3.7755102041vw + 73.5918367347px, 134px);
  }
  .u-mb135 {
    margin-block-end: min(3.806122449vw + 74.1020408163px, 135px);
  }
  .u-mb136 {
    margin-block-end: min(3.8367346939vw + 74.612244898px, 136px);
  }
  .u-mb137 {
    margin-block-end: min(3.8673469388vw + 75.1224489796px, 137px);
  }
  .u-mb138 {
    margin-block-end: min(3.8979591837vw + 75.6326530612px, 138px);
  }
  .u-mb139 {
    margin-block-end: min(3.9285714286vw + 76.1428571429px, 139px);
  }
  .u-mb140 {
    margin-block-end: min(3.9591836735vw + 76.6530612245px, 140px);
  }
  .u-mb141 {
    margin-block-end: min(3.9897959184vw + 77.1632653061px, 141px);
  }
  .u-mb142 {
    margin-block-end: min(4.0204081633vw + 77.6734693878px, 142px);
  }
  .u-mb143 {
    margin-block-end: min(4.0510204082vw + 78.1836734694px, 143px);
  }
  .u-mb144 {
    margin-block-end: min(4.0816326531vw + 78.693877551px, 144px);
  }
  .u-mb145 {
    margin-block-end: min(4.112244898vw + 79.2040816327px, 145px);
  }
  .u-mb146 {
    margin-block-end: min(4.1428571429vw + 79.7142857143px, 146px);
  }
  .u-mb147 {
    margin-block-end: min(4.1734693878vw + 80.2244897959px, 147px);
  }
  .u-mb148 {
    margin-block-end: min(4.2040816327vw + 80.7346938776px, 148px);
  }
  .u-mb149 {
    margin-block-end: min(4.2346938776vw + 81.2448979592px, 149px);
  }
  .u-mb150 {
    margin-block-end: min(4.2653061224vw + 81.7551020408px, 150px);
  }
  .u-mb151 {
    margin-block-end: min(4.2959183673vw + 82.2653061224px, 151px);
  }
  .u-mb152 {
    margin-block-end: min(4.3265306122vw + 82.7755102041px, 152px);
  }
  .u-mb153 {
    margin-block-end: min(4.3571428571vw + 83.2857142857px, 153px);
  }
  .u-mb154 {
    margin-block-end: min(4.387755102vw + 83.7959183673px, 154px);
  }
  .u-mb155 {
    margin-block-end: min(4.4183673469vw + 84.306122449px, 155px);
  }
  .u-mb156 {
    margin-block-end: min(4.4489795918vw + 84.8163265306px, 156px);
  }
  .u-mb157 {
    margin-block-end: min(4.4795918367vw + 85.3265306122px, 157px);
  }
  .u-mb158 {
    margin-block-end: min(4.5102040816vw + 85.8367346939px, 158px);
  }
  .u-mb159 {
    margin-block-end: min(4.5408163265vw + 86.3469387755px, 159px);
  }
  .u-mb160 {
    margin-block-end: min(4.5714285714vw + 86.8571428571px, 160px);
  }
  .u-mb161 {
    margin-block-end: min(4.6020408163vw + 87.3673469388px, 161px);
  }
  .u-mb162 {
    margin-block-end: min(4.6326530612vw + 87.8775510204px, 162px);
  }
  .u-mb163 {
    margin-block-end: min(4.6632653061vw + 88.387755102px, 163px);
  }
  .u-mb164 {
    margin-block-end: min(4.693877551vw + 88.8979591837px, 164px);
  }
  .u-mb165 {
    margin-block-end: min(4.7244897959vw + 89.4081632653px, 165px);
  }
  .u-mb166 {
    margin-block-end: min(4.7551020408vw + 89.9183673469px, 166px);
  }
  .u-mb167 {
    margin-block-end: min(4.7857142857vw + 90.4285714286px, 167px);
  }
  .u-mb168 {
    margin-block-end: min(4.8163265306vw + 90.9387755102px, 168px);
  }
  .u-mb169 {
    margin-block-end: min(4.8469387755vw + 91.4489795918px, 169px);
  }
  .u-mb170 {
    margin-block-end: min(4.8775510204vw + 91.9591836735px, 170px);
  }
  .u-mb171 {
    margin-block-end: min(4.9081632653vw + 92.4693877551px, 171px);
  }
  .u-mb172 {
    margin-block-end: min(4.9387755102vw + 92.9795918367px, 172px);
  }
  .u-mb173 {
    margin-block-end: min(4.9693877551vw + 93.4897959184px, 173px);
  }
  .u-mb174 {
    margin-block-end: min(5vw + 94px, 174px);
  }
  .u-mb175 {
    margin-block-end: min(5.0306122449vw + 94.5102040816px, 175px);
  }
  .u-mb176 {
    margin-block-end: min(5.0612244898vw + 95.0204081633px, 176px);
  }
  .u-mb177 {
    margin-block-end: min(5.0918367347vw + 95.5306122449px, 177px);
  }
  .u-mb178 {
    margin-block-end: min(5.1224489796vw + 96.0408163265px, 178px);
  }
  .u-mb179 {
    margin-block-end: min(5.1530612245vw + 96.5510204082px, 179px);
  }
  .u-mb180 {
    margin-block-end: min(5.1836734694vw + 97.0612244898px, 180px);
  }
  .u-mb181 {
    margin-block-end: min(5.2142857143vw + 97.5714285714px, 181px);
  }
  .u-mb182 {
    margin-block-end: min(5.2448979592vw + 98.0816326531px, 182px);
  }
  .u-mb183 {
    margin-block-end: min(5.2755102041vw + 98.5918367347px, 183px);
  }
  .u-mb184 {
    margin-block-end: min(5.306122449vw + 99.1020408163px, 184px);
  }
  .u-mb185 {
    margin-block-end: min(5.3367346939vw + 99.612244898px, 185px);
  }
  .u-mb186 {
    margin-block-end: min(5.3673469388vw + 100.1224489796px, 186px);
  }
  .u-mb187 {
    margin-block-end: min(5.3979591837vw + 100.6326530612px, 187px);
  }
  .u-mb188 {
    margin-block-end: min(5.4285714286vw + 101.1428571429px, 188px);
  }
  .u-mb189 {
    margin-block-end: min(5.4591836735vw + 101.6530612245px, 189px);
  }
  .u-mb190 {
    margin-block-end: min(5.4897959184vw + 102.1632653061px, 190px);
  }
  .u-mb191 {
    margin-block-end: min(5.5204081633vw + 102.6734693878px, 191px);
  }
  .u-mb192 {
    margin-block-end: min(5.5510204082vw + 103.1836734694px, 192px);
  }
  .u-mb193 {
    margin-block-end: min(5.5816326531vw + 103.693877551px, 193px);
  }
  .u-mb194 {
    margin-block-end: min(5.612244898vw + 104.2040816327px, 194px);
  }
  .u-mb195 {
    margin-block-end: min(5.6428571429vw + 104.7142857143px, 195px);
  }
  .u-mb196 {
    margin-block-end: min(5.6734693878vw + 105.2244897959px, 196px);
  }
  .u-mb197 {
    margin-block-end: min(5.7040816327vw + 105.7346938776px, 197px);
  }
  .u-mb198 {
    margin-block-end: min(5.7346938776vw + 106.2448979592px, 198px);
  }
  .u-mb199 {
    margin-block-end: min(5.7653061224vw + 106.7551020408px, 199px);
  }
  .u-mb200 {
    margin-block-end: min(5.7959183673vw + 107.2653061224px, 200px);
  }
}
.u-text-56 {
  font-size: min(1.387755102vw + 2.112244898rem, 3.5rem);
}
.u-text-52 {
  font-size: min(1.2653061224vw + 1.9846938776rem, 3.25rem);
}
.u-text-48 {
  font-size: min(1.1428571429vw + 1.8571428571rem, 3rem);
}
.u-text-40 {
  font-size: min(0.8979591837vw + 1.6020408163rem, 2.5rem);
}
.u-text-32 {
  font-size: min(0.6530612245vw + 1.3469387755rem, 2rem);
}
.u-text-30 {
  font-size: min(0.5918367347vw + 1.2831632653rem, 1.875rem);
}
.u-text-24 {
  font-size: min(0.4081632653vw + 1.0918367347rem, 1.5rem);
}
.u-text-20 {
  font-size: min(0.2857142857vw + 0.9642857143rem, 1.25rem);
}
.u-text-18 {
  font-size: min(0.2244897959vw + 0.9005102041rem, 1.125rem);
}
.u-text-16 {
  font-size: min(0.1632653061vw + 0.8367346939rem, 1rem);
}
.u-text-14 {
  font-size: min(0.1020408163vw + 0.7729591837rem, 0.875rem);
}
.u-text-12 {
  font-size: min(0.0408163265vw + 0.7091836735rem, 0.75rem);
}

.u-color-green-100 {
  color: var(--color-green-100);
}

.u-color-black-70 {
  color: var(--color-black-70);
}

@layer components {
  .p-index_circle_slide {
    position: absolute;
    inline-size: 100%;
    block-size: 200vh;
    left: 0%;
    top: 0;
    z-index: 100;
    overflow: clip;
  }
  @media (max-width: 743px) {
    .p-index_circle_slide {
      z-index: 1;
      block-size: 204vh;
    }
  }
  .p-index_circle_slide::before, .p-index_circle_slide::after {
    content: "";
    position: absolute;
    top: 0;
    left: 60%;
    inline-size: 60%;
    block-size: 100%;
    background-image: linear-gradient(90deg, transparent, #eff5e0);
    z-index: 10;
    pointer-events: none;
  }
  @media (max-width: 743px) {
    .p-index_circle_slide::before, .p-index_circle_slide::after {
      left: 0%;
      inline-size: 100%;
    }
  }
  .p-index_circle_slide::after {
    background-image: linear-gradient(90deg, transparent, var(--color-green-100));
    opacity: var(--gradient-opacity, 0);
  }
  @media (max-width: 743px) {
    .p-index_circle_slide::after {
      background: linear-gradient(305deg, #1d493a 0%, rgba(29, 73, 58, 0) 100%);
    }
  }
  .p-index_circle_slide__obj {
    position: absolute;
    top: 50%;
    right: 0;
    translate: 0% -50%;
  }
  @media (max-width: 743px) {
    .p-index_circle_slide__obj {
      display: none;
    }
  }
  .p-index_circle_slide__movie {
    position: sticky;
    top: 0;
    left: 0;
    block-size: 100vh;
    translate: 10% 0;
    opacity: 0;
    inline-size: 100%;
    transition: scale 0.3s var(--ease-out-quad), translate 0.5s var(--ease-out-quad), opacity 0.3s;
  }
  .p-index_circle_slide__movie.is-act {
    translate: 0 0;
    opacity: 1;
  }
  @media (max-width: 743px) {
    .p-index_circle_slide__movie {
      block-size: 110vh;
    }
  }
  .p-index_circle_slide__movie__sticky {
    position: absolute;
    top: 50%;
    left: 0;
    translate: 0 -50%;
    inline-size: 100vh;
    block-size: 100vh;
  }
  .p-index_circle_slide__movie__sticky.-secondary {
    clip-path: inset(var(--clip-height, 100%) 0 0 0);
  }
  @media (max-width: 743px) {
    .p-index_circle_slide__movie__sticky {
      block-size: 110vh;
    }
  }
  .p-index_kv {
    padding-block: min(10.612244898vw + 10.2040816327px, 180px) min(5.7142857143vw + 38.5714285714px, 130px);
    background-color: var(--color-base-green);
    block-size: 100lvh;
    overflow: clip;
  }
  @media (max-width: 743px) {
    .p-index_kv {
      padding-block-start: 30vh;
      block-size: 104lvh;
    }
  }
  .p-index_kv__obj {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
  }
  .p-index_kv__beginner {
    position: absolute;
    bottom: min(1.6326530612vw + 13.8775510204px, 40px);
    left: min(0.8163265306vw + 6.9387755102px, 20px);
    transform: translateY(20px);
    opacity: 0;
    transition: opacity 0.3s ease-out, transform 0.6s var(--ease-out-quad);
    z-index: 0;
  }
  .p-index_kv__beginner.is-act {
    opacity: 1;
    transform: translateY(0);
  }
  @media (max-width: 743px) {
    .p-index_kv__beginner {
      position: relative;
      bottom: 0;
      left: 0;
      inline-size: 60%;
      margin-inline: auto;
      z-index: 100;
    }
  }
  .p-index_kv__beginner__animation {
    position: absolute;
    top: 40%;
    left: 50%;
    min-inline-size: 118px;
  }
  @media (max-width: 743px) {
    .p-index_kv__beginner__animation {
      top: 35%;
    }
  }
  .p-index_kv__beginner__animation li {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    animation: fukidashi 9s infinite;
  }
  .p-index_kv__beginner__animation li:nth-child(1) {
    animation-delay: 0s;
  }
  .p-index_kv__beginner__animation li:nth-child(2) {
    animation-delay: 3s;
  }
  .p-index_kv__beginner__animation li:nth-child(3) {
    animation-delay: 6s;
  }
  .p-index_kv__content {
    max-inline-size: 484px;
    align-self: center;
    position: relative;
    z-index: 100;
  }
  .p-index_kv__title {
    display: block;
    margin-inline: auto;
    inline-size: fit-content;
    transform: translateY(20px);
    opacity: 0;
    transition: opacity 0.3s ease-out, transform 0.6s var(--ease-out-quad);
  }
  .p-index_kv__title.is-act {
    opacity: 1;
    transform: translateY(0);
  }
  .p-index_kv__point > img {
    transform: translateY(40px);
    opacity: 0;
    transition: opacity 0.2s ease-out, transform 0.4s var(--ease-out-quad);
  }
  .p-index_kv__point > img:nth-child(1) {
    transition-delay: 0.1s;
  }
  .p-index_kv__point > img:nth-child(2) {
    transition-delay: 0.2s;
  }
  .p-index_kv__point > img:nth-child(3) {
    transition-delay: 0.3s;
  }
  .p-index_kv__point.is-act > img {
    opacity: 1;
    transform: translateY(0);
  }
  .p-index_kv__cta {
    margin-block-start: min(0.4081632653vw + 17.4693877551px, 24px);
    transform: translateY(20px);
    opacity: 0;
    transition: opacity 0.3s ease-out, transform 0.6s var(--ease-out-quad);
  }
  .p-index_kv__cta.is-act {
    opacity: 1;
    transform: translateY(0);
  }
  .p-index_about {
    background: linear-gradient(128deg, var(--color-green-100, #1e483f) 2.77%, #1e5639 63.72%);
    color: var(--color-white-00);
    padding-block: min(4.0816326531vw + 34.693877551px, 100px);
    block-size: 100lvh;
    overflow: clip;
    position: relative;
  }
  .p-index_about__content {
    max-inline-size: 450px;
    position: relative;
    z-index: 10;
  }
  @media (max-width: 743px) {
    .p-index_about__content {
      display: grid;
      place-content: center;
      block-size: 100vh;
      gap: 10px;
    }
  }
  .p-index_about__title {
    margin-block-end: min(1.2244897959vw + 20.4081632653px, 40px);
  }
  .p-index_about__text {
    margin-block-end: min(0.4081632653vw + 17.4693877551px, 24px);
  }
  @media (max-width: 743px) {
    .p-index_about__text {
      margin-block-end: min(0.8163265306vw + 36.9387755102px, 50px);
    }
  }
  .p-index_problem {
    background-color: var(--color-beige-100);
    padding-block: 0;
    position: relative;
    transition: background-color 0.3s;
  }
  .p-index_problem.is-fin {
    background-color: var(--color-light-green-100);
  }
  .p-index_problem__inner {
    block-size: 300vh;
    position: relative;
  }
  .p-index_problem__content {
    position: relative;
    top: 0;
    z-index: 10;
    block-size: 300vh;
    display: grid;
    overflow-y: clip;
  }
  .p-index_problem__sticky {
    position: sticky;
    top: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    block-size: 100vh;
  }
  .p-index_problem__sticky::before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    translate: -50% 3%;
    inline-size: 240%;
    block-size: 150vh;
    border-radius: 50%/50%;
    background-color: var(--color-base-green);
    z-index: -11;
    pointer-events: none;
    opacity: 1;
    transition: opacity 0.3s ease-out, background-color 0.3s ease-out;
  }
  @media (max-width: 743px) {
    .p-index_problem__sticky::before {
      block-size: 100vh;
    }
  }
  .is-fin .p-index_problem__sticky::before {
    background-color: var(--color-white-00);
  }
  .p-index_problem__title {
    position: absolute;
    left: 50%;
    top: 0;
    translate: -50% 100%;
    z-index: 100;
    inline-size: fit-content;
    margin-inline: auto;
    margin-block-end: min(1.2244897959vw + 20.4081632653px, 40px);
  }
  @media (max-width: 743px) {
    .p-index_problem__title {
      inline-size: 90%;
      margin-block-end: 0;
      margin-block-start: 2em;
    }
  }
  .p-index_problem__body {
    position: relative;
    display: flex;
    justify-content: space-between;
    inline-size: 100%;
    max-inline-size: 1220px;
    margin-inline: auto;
    gap: min(16.3265306122vw + 38.7755102041px, 300px);
  }
  @media (max-width: 743px) {
    .p-index_problem__body {
      gap: 10px;
      padding-block-start: 50vh;
    }
  }
  .p-index_problem__body::before {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    translate: -50% 30%;
    width: 424px;
    height: 71px;
    border-radius: 50%/50%;
    background: var(--color-beige-100);
    z-index: -1;
    pointer-events: none;
    opacity: calc(1 - var(--progress1));
    scale: calc(1 - var(--progress1));
  }
  .p-index_problem__body::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    translate: -50% -50%;
    width: 650px;
    height: 650px;
    background: var(--color-white-00);
    z-index: -1;
    border-radius: calc(infinity * 1px);
    pointer-events: none;
    opacity: calc(var(--progress1));
    scale: calc(var(--progress1));
  }
  .p-index_problem__center {
    position: absolute;
    top: 50%;
    left: 50%;
    translate: -50% -50%;
    z-index: 1;
    display: grid;
    justify-content: center;
  }
  @media (max-width: 743px) {
    .p-index_problem__center {
      inline-size: 100%;
    }
  }
  .p-index_problem__center .p-index_problem__center__human {
    transition: transform 0.3s var(--ease-pop);
  }
  @media (max-width: 743px) {
    .p-index_problem__center .p-index_problem__center__human {
      inline-size: 35%;
    }
  }
  .is-act .p-index_problem__center .p-index_problem__center__sub {
    opacity: 1;
    transform: translateY(0);
  }
  .is-act .p-index_problem__center .p-index_problem__center__human {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
  .p-index_problem__center__sub {
    background-color: var(--color-base-green);
    color: var(--color-green-100);
    border-radius: calc(infinity * 1px);
    padding: 0.2em 1em;
    display: block;
    inline-size: fit-content;
    text-align: center;
    font-size: min(0.4081632653vw + 1.0918367347rem, 1.5rem);
    justify-self: center;
    opacity: 0;
    transform: translateY(20px);
    transition-delay: 0.2s;
    transition: transform 0.3s var(--ease-pop), opacity 0.3s ease-out;
  }
  .p-index_problem__center__main {
    display: block;
    margin-block: 1em;
    opacity: 0;
    opacity: calc(var(--progress2));
  }
  .p-index_problem__center__human {
    justify-self: center;
    opacity: 0;
    transform: translateY(20px) scale(0.8);
    transition: transform 0.3s ease-out, opacity 0.3s ease-out;
  }
  .p-index_problem__fukidashi {
    flex-shrink: 0;
    display: grid;
    gap: min(2.8571428571vw + 19.2857142857px, 65px);
    opacity: calc(1 - var(--progress1));
  }
  .p-index_problem__human {
    position: absolute;
    z-index: 2;
    display: grid;
  }
  .is-act .p-index_problem__human .before {
    opacity: calc(1 - var(--progress2));
  }
  .is-act .p-index_problem__human .after {
    opacity: calc(var(--progress2));
  }
  @media (max-width: 743px) {
    .is-act .p-index_problem__human.-human01 {
      top: -12%;
      right: -20%;
    }
  }
  .is-act .p-index_problem__human.-human01 .before,
  .is-act .p-index_problem__human.-human01 .after {
    transform: translateX(-80px) translateY(-20px);
  }
  @media (max-width: 743px) {
    .is-act .p-index_problem__human.-human02 {
      top: -10%;
      left: -10%;
    }
  }
  .is-act .p-index_problem__human.-human02 .before,
  .is-act .p-index_problem__human.-human02 .after {
    transform: translateX(80px) translateY(-20px);
  }
  .is-fin .p-index_problem__human .fin {
    opacity: 1;
  }
  .is-fin .p-index_problem__human.-human01 .fin, .is-fin .p-index_problem__human.-human02 .fin {
    transform: translateX(0) translateY(0);
  }
  .p-index_problem__human img {
    grid-area: 1/1;
  }
  .p-index_problem__human .start {
    opacity: calc(1 - var(--progress1));
  }
  .p-index_problem__human .before {
    opacity: 0;
    transition: transform 0.3s ease-out, opacity 0.3s ease-out;
  }
  .p-index_problem__human .after {
    opacity: 0;
  }
  .p-index_problem__human .fin {
    opacity: 0;
    position: absolute;
    transition: transform 0.3s ease-out, opacity 0.3s ease-out;
  }
  .p-index_problem__human.-human01 {
    top: 18%;
    right: -50%;
  }
  @media (max-width: 743px) {
    .p-index_problem__human.-human01 {
      top: -72%;
      right: 30%;
      inline-size: 80%;
    }
  }
  .p-index_problem__human.-human01 .start {
    translate: calc(var(--progress1) * -100% * 0.2) 0;
    transform: translateX(80px) translateY(-20px);
  }
  .p-index_problem__human.-human01 .before,
  .p-index_problem__human.-human01 .after {
    transform: translateX(-40px) translateY(-20px);
  }
  .p-index_problem__human.-human01 .fin {
    left: -40%;
    top: -10%;
    transform: translateX(20px) translateY(20px);
  }
  @media (max-width: 743px) {
    .p-index_problem__human.-human01 .fin {
      display: none;
    }
  }
  .p-index_problem__human.-human02 {
    top: 20%;
    left: -40%;
  }
  @media (max-width: 743px) {
    .p-index_problem__human.-human02 {
      top: -75%;
      left: 0%;
      inline-size: 70%;
    }
  }
  .p-index_problem__human.-human02 .start {
    translate: calc(var(--progress1) * 100% * 0.2) 0;
  }
  .p-index_problem__human.-human02 .before,
  .p-index_problem__human.-human02 .after {
    transform: translateX(40px) translateY(-20px);
  }
  .p-index_problem__human.-human02 .fin {
    right: -40%;
    top: -10%;
    transform: translateX(-20px) translateY(20px);
  }
  @media (max-width: 743px) {
    .p-index_problem__human.-human02 .fin {
      display: none;
    }
  }
  .p-index_problem__left {
    position: relative;
    block-size: 100%;
  }
  .p-index_problem__right {
    position: relative;
    block-size: 100%;
  }
  .p-index_problem__move_text {
    position: absolute;
    top: 50%;
    left: 50%;
    translate: -50% -50%;
    display: flex;
    gap: min(2.4489795918vw + 40.8163265306px, 80px);
    opacity: 0;
    scale: 0.8;
    transition: opacity 0.3s ease-out, scale 0.6s ease-out;
  }
  .is-fin .p-index_problem__move_text {
    opacity: 1;
    scale: 1;
  }
  .p-index_problem__move_text > img {
    animation: loop 50s 0s linear infinite;
    min-inline-size: 2353px;
  }
  .p-index_title {
    position: relative;
    inline-size: fit-content;
    margin-inline: auto;
    padding-block-start: min(1.6326530612vw + 13.8775510204px, 40px);
    text-align: center;
  }
  .p-index_title::before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    translate: -50% 0%;
    width: min(0.4897959184vw + 16.1632653061px, 24px);
    height: min(0.4897959184vw + 16.1632653061px, 24px);
    border-radius: calc(infinity * 1px);
    background-color: var(--color-light-green-100);
    animation: blinking 0.5s ease-in-out infinite alternate;
  }
  .p-index_title__sub, .p-index_title__main, .p-index_title__label {
    opacity: 0;
    transform: translateY(min(0.8163265306vw + 6.9387755102px, 20px));
    transition: opacity 0.2s ease-out, transform 0.5s var(--ease-out-quad);
  }
  .is-act .p-index_title__sub, .is-act .p-index_title__main, .is-act .p-index_title__label {
    transform: translateY(0);
    opacity: 1;
  }
  .p-index_title__sub {
    color: var(--color-green-100);
    font-size: min(0.6530612245vw + 1.3469387755rem, 2rem);
  }
  .p-index_title__main {
    color: var(--color-green-100);
    font-size: min(1.306122449vw + 1.693877551rem, 3rem);
    font-weight: 700;
    transition-delay: 0.2s;
  }
  .p-index_title__label {
    position: relative;
    font-size: min(0.3265306122vw + 0.7984693878rem, 1.125rem);
    background-color: var(--color-green-100);
    color: var(--color-white-00);
    inline-size: fit-content;
    padding: 0.2em 1em;
    border-radius: calc(infinity * 1px);
    margin-inline: auto;
    margin-block-start: min(1.2244897959vw + 10.4081632653px, 30px);
    transition-delay: 0.3s;
  }
  .p-index_title__label::before {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    translate: 70% -50%;
    width: 10px;
    height: 15px;
    background-color: var(--color-green-100);
    clip-path: polygon(10px 50%, 0% 0%, 0% 15px);
  }
  .p-index_reason {
    background-color: var(--color-white-00);
    padding-block-end: min(8.1632653061vw + 69.387755102px, 200px);
  }
  .p-index_reason__list {
    position: relative;
    padding-block-start: min(2.4489795918vw + 20.8163265306px, 60px);
    display: grid;
    gap: min(0.8163265306vw + 16.9387755102px, 30px);
    margin-block-end: min(3.2653061224vw + 27.7551020408px, 80px);
  }
  .p-index_reason__list__illust {
    position: absolute;
    top: 0;
    left: 100%;
    translate: -115% -70%;
    z-index: 1;
  }
  @media (max-width: 743px) {
    .p-index_reason__list__illust {
      display: none;
    }
  }
  .p-index_reason__item {
    position: relative;
    z-index: 10;
    padding: min(4.0816326531vw + 14.693877551px, 80px);
    background-color: var(--color-base-green);
    border-radius: min(0.9795918367vw + 8.3265306122px, 24px);
  }
  .p-index_reason__item__bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    border-radius: min(0.9795918367vw + 8.3265306122px, 24px);
    z-index: 1;
  }
  .p-index_reason__item__question {
    background-color: var(--color-white-00);
    border-radius: 8px;
    padding: min(0.0816326531vw + 13.693877551px, 15px);
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 10;
  }
  @media (max-width: 743px) {
    .p-index_reason__item__question {
      flex-wrap: wrap;
      justify-content: start;
    }
  }
  .p-index_reason__item__question-label {
    font-family: var(--font-manrope);
    font-weight: 900;
  }
  .p-index_reason__item__question-number {
    font-family: var(--font-manrope);
    font-weight: 900;
    background-color: var(--current-color);
    color: var(--color-green-100);
    font-size: min(0.4081632653vw + 0.8418367347rem, 1.25rem);
    min-inline-size: min(2.2857142857vw + 23.4285714286px, 60px);
    block-size: min(1.4693877551vw + 16.4897959184px, 40px);
    line-height: 1;
    border-radius: 50%;
    text-align: center;
    display: grid;
    place-content: center;
    margin-inline: min(0.3265306122vw + 6.7755102041px, 12px);
    position: relative;
  }
  .p-index_reason__item__question-number::before, .p-index_reason__item__question-number::after {
    content: "";
    position: absolute;
    line-height: 1;
    border-radius: 50%;
    background-color: var(--current-color);
    animation: ping 1.5s ease-out infinite;
  }
  .p-index_reason__item__question-number::before {
    min-inline-size: min(0.9795918367vw + 4.3265306122px, 20px);
    block-size: min(0.3265306122vw + 4.7755102041px, 10px);
    right: 3%;
    top: 73%;
  }
  .p-index_reason__item__question-number::after {
    min-inline-size: min(0.2448979592vw + 3.0816326531px, 7px);
    block-size: min(0.1632653061vw + 2.387755102px, 5px);
    right: -4%;
    top: 93%;
  }
  .p-index_reason__item__question-number-text.-index3 {
    color: var(--color-white-00);
  }
  .p-index_reason__item__question-text {
    font-size: min(0.3265306122vw + 0.9234693878rem, 1.25rem);
    color: var(--color-green-100);
  }
  .p-index_reason__item__question-text strong {
    font-weight: 700;
    font-size: min(0.3265306122vw + 1.1734693878rem, 1.5rem);
  }
  .p-index_reason__item__content {
    display: grid;
    gap: min(1.6326530612vw + 13.8775510204px, 40px);
    grid-template-columns: 510fr 570fr;
    margin-block-start: min(0.8163265306vw + 6.9387755102px, 20px);
    position: relative;
    z-index: 10;
  }
  @media (max-width: 743px) {
    .p-index_reason__item__content {
      grid-template-columns: 1fr;
      gap: min(0.8163265306vw + 46.9387755102px, 60px);
    }
  }
  .p-index_reason__item__answer {
    align-self: center;
  }
  .p-index_reason__item__answer-label {
    color: var(--color-green-100);
    font-family: var(--font-manrope);
    font-weight: 900;
    margin-block-end: min(0.5714285714vw + 5.8571428571px, 15px);
    font-size: min(0.1632653061vw + 0.7117346939rem, 0.875rem);
  }
  .p-index_reason__item__answer-title {
    color: var(--color-green-100);
    font-size: min(0.6530612245vw + 1.3469387755rem, 2rem);
    font-weight: 700;
    margin-block-end: min(0.9795918367vw + 8.3265306122px, 24px);
    position: relative;
    padding-inline-start: min(0.8163265306vw + 16.9387755102px, 30px);
  }
  .p-index_reason__item__answer-title.is-act::before {
    translate: 50% 50%;
    opacity: 1;
  }
  @media (max-width: 743px) {
    .p-index_reason__item__answer-title.is-act::before {
      translate: 0% 80%;
    }
  }
  .p-index_reason__item__answer-title.is-act span {
    translate: 0 0;
    opacity: 1;
  }
  .p-index_reason__item__answer-title::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    translate: -50% 50%;
    width: min(0.4081632653vw + 8.4693877551px, 15px);
    height: min(0.8163265306vw + 11.9387755102px, 25px);
    clip-path: polygon(min(0.4081632653vw + 8.4693877551px, 15px) 50%, 0% 0%, 0% min(0.8163265306vw + 11.9387755102px, 25px));
    background-color: var(--current-color);
    border-radius: 10%;
    opacity: 0;
    transition: translate 0.4s var(--ease-out-quad), opacity 0.2s;
  }
  @media (max-width: 743px) {
    .p-index_reason__item__answer-title::before {
      translate: -100% 80%;
    }
  }
  .p-index_reason__item__answer-title span {
    display: inline-block;
    translate: max(-0.8163265306vw + -6.9387755102px, -20px) 0;
    opacity: 0;
    transition: translate 0.4s var(--ease-out-quad), opacity 0.2s;
    transition-delay: 0.4s;
  }
  .p-index_reason__item__answer-text {
    padding-inline-start: min(0.8163265306vw + 16.9387755102px, 30px);
  }
  .p-index_reason__item__image {
    position: relative;
  }
  .p-index_reason__item__image .obj {
    position: absolute;
    left: 0;
    bottom: 0;
    translate: 0 30%;
  }
  @media (max-width: 743px) {
    .p-index_reason__item__image .obj {
      inline-size: 100px;
    }
  }
  .p-index_more {
    background-color: var(--color-base-green);
    padding-inline: 0.8em;
    border-radius: min(0.3265306122vw + 6.7755102041px, 12px);
    position: relative;
  }
  @media (max-width: 743px) {
    .p-index_more {
      padding: 5em 0;
    }
  }
  .p-index_more.is-act .p-index_more__inner::before, .p-index_more.is-act .p-index_more__inner::after {
    opacity: 1;
  }
  .p-index_more.is-act .p-index_more__inner::before {
    translate: 0% -50%;
  }
  @media (max-width: 743px) {
    .p-index_more.is-act .p-index_more__inner::before {
      translate: -50% -40%;
    }
  }
  .p-index_more.is-act .p-index_more__inner::after {
    translate: 0% -50%;
  }
  @media (max-width: 743px) {
    .p-index_more.is-act .p-index_more__inner::after {
      translate: 0% 40%;
    }
  }
  .p-index_more.is-act .p-index_more__title {
    translate: 0 0;
    opacity: 1;
  }
  .p-index_more.is-act .p-index_more__content {
    background-color: var(--color-white-00);
  }
  .p-index_more__inner {
    position: relative;
    overflow: hidden;
  }
  @media (max-width: 743px) {
    .p-index_more__inner {
      overflow: visible;
    }
  }
  .p-index_more__inner::before, .p-index_more__inner::after {
    content: "";
    position: absolute;
    top: 50%;
    inline-size: 13%;
    block-size: 100%;
    border-radius: 50%;
    background-color: var(--color-white-00);
    opacity: 0;
    z-index: 0;
    transition: translate 0.6s var(--ease-out-quad), opacity 0.3s;
  }
  @media (max-width: 743px) {
    .p-index_more__inner::before, .p-index_more__inner::after {
      top: 0%;
      inline-size: 100%;
      block-size: 30%;
      z-index: 9;
    }
  }
  .p-index_more__inner::before {
    left: 0;
    translate: 20% -50%;
  }
  @media (max-width: 743px) {
    .p-index_more__inner::before {
      left: 50%;
      top: 0;
    }
  }
  .p-index_more__inner::after {
    right: 0;
    translate: -20% -50%;
  }
  @media (max-width: 743px) {
    .p-index_more__inner::after {
      top: initial;
      bottom: 0;
      right: initial;
    }
  }
  .p-index_more__content {
    position: relative;
    z-index: 10;
    padding-inline: min(3.2653061224vw + 27.7551020408px, 80px);
    max-inline-size: 1100px;
    margin-inline: auto;
    padding-block: min(3.2653061224vw + 27.7551020408px, 80px);
    inline-size: 90%;
    transition: background-color 0.3s var(--ease-out-quad);
  }
  @media (max-width: 743px) {
    .p-index_more__content {
      inline-size: 100%;
      block-size: auto;
    }
  }
  .p-index_more__title {
    background-color: var(--color-light-green-100);
    color: var(--color-white-00);
    border-radius: min(0.8163265306vw + 6.9387755102px, 20px);
    font-size: min(0.4897959184vw + 1.0102040816rem, 1.5rem);
    font-weight: 700;
    inline-size: fit-content;
    margin-inline: auto;
    padding: 0.2em 1em;
    position: relative;
    margin-block-end: min(1.6326530612vw + 13.8775510204px, 40px);
    opacity: 0;
    translate: 0 min(1.2244897959vw + 10.4081632653px, 30px);
    transition: opacity 0.3s, translate 0.6s var(--ease-out-quad);
    transition-delay: 0.3s;
  }
  .p-index_more__title__arrow {
    position: absolute;
    left: 50%;
    bottom: 0;
    translate: -50% 100%;
  }
  .p-index_works {
    position: relative;
  }
  .p-index_works::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    translate: 0 -100%;
    inline-size: 100%;
    block-size: min(8.1632653061vw + 69.387755102px, 200px);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, var(--color-base-green, #fff) 100%);
  }
  .p-index_works__inner {
    background-color: var(--color-base-green);
    padding-block-end: min(3.2653061224vw + 27.7551020408px, 80px);
  }
  .p-index_works__content {
    position: relative;
    z-index: 10;
    display: flex;
    gap: min(1.387755102vw + 14.7959183673px, 37px);
    align-items: flex-end;
    margin-block-end: min(1.6326530612vw + 13.8775510204px, 40px);
  }
  @media (max-width: 743px) {
    .p-index_works__content {
      flex-direction: column;
    }
  }
  .p-index_works__main {
    position: relative;
    flex-shrink: 0;
    inline-size: min(13.387755102vw + 349.7959183673px, 564px);
    padding: 1em;
    background-color: var(--color-white-00);
    border-radius: 10px;
  }
  @media (max-width: 743px) {
    .p-index_works__main {
      inline-size: 100%;
    }
  }
  .p-index_works__main::before, .p-index_works__main::after {
    content: "";
    position: absolute;
    left: 0;
    inline-size: 32px;
    block-size: 32px;
    transition: translate 0.3s var(--ease-in-quad);
  }
  .p-index_works__main::before {
    translate: 0 0;
    border-radius: 10px 0 0 0;
    top: 0;
    border-block-start: 1px solid var(--color-green-100);
    border-inline-start: 1px solid var(--color-green-100);
  }
  .p-index_works__main::after {
    translate: 0 0;
    border-radius: 0 0 0 10px;
    bottom: 0;
    border-block-end: 1px solid var(--color-green-100);
    border-inline-start: 1px solid var(--color-green-100);
  }
  .p-index_works__main__inner {
    display: contents;
  }
  .p-index_works__main__inner::before, .p-index_works__main__inner::after {
    content: "";
    position: absolute;
    right: 0;
    inline-size: 32px;
    block-size: 32px;
    transition: translate 0.3s var(--ease-in-quad);
  }
  .p-index_works__main__inner::before {
    translate: 0 0;
    border-radius: 0 10px 0 0;
    top: 0;
    border-block-start: 1px solid var(--color-green-100);
    border-inline-end: 1px solid var(--color-green-100);
  }
  .p-index_works__main__inner::after {
    translate: 0 0;
    border-radius: 0 0 10px 0;
    bottom: 0;
    border-block-end: 1px solid var(--color-green-100);
    border-inline-end: 1px solid var(--color-green-100);
  }
  .p-index_works__slider {
    position: relative;
    inline-size: 100%;
    block-size: min(7.8367346939vw + 202.612244898px, 328px);
    overflow: hidden;
    border-radius: min(0.2448979592vw + 6.0816326531px, 10px);
    background-color: var(--color-white-00);
  }
  .p-index_works__bar {
    position: absolute;
    bottom: min(0.8163265306vw + 12.9387755102px, 26px);
    left: 50%;
    transform: translateX(-50%);
    inline-size: calc(100% - min(1.306122449vw + 31.1020408163px, 52px));
    block-size: 4px;
    background-color: rgba(255, 255, 255, 0.3);
    border-radius: min(0.8163265306vw + 6.9387755102px, 20px);
    overflow: hidden;
    z-index: 2;
  }
  .p-index_works__bar-fill {
    position: absolute;
    inset-block: 0;
    inset-inline-start: 0;
    block-size: 100%;
    inline-size: 0%;
    background-image: linear-gradient(-60.636deg, #deffa1 0.809%, #b7ed53 20.2%, #85d956 49.177%, #1e483f 99.162%);
    border-radius: min(0.8163265306vw + 6.9387755102px, 20px);
  }
  .p-index_works__bar-fill.is-running {
    animation: worksBarProgress 5s linear forwards;
  }
  .p-index_works__slide {
    position: absolute;
    inset: 0;
    opacity: 0;
    transition: opacity 1s ease-in-out;
  }
  .p-index_works__slide.is-act {
    opacity: 1;
    z-index: 1;
  }
  .p-index_works__slide img {
    inline-size: 100%;
    block-size: 100%;
    object-fit: cover;
  }
  .p-index_works__side {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-inline-size: 0;
    padding-block-end: min(0.3265306122vw + 6.7755102041px, 12px);
  }
  .p-index_works__info {
    position: relative;
    margin-block-end: min(0.6530612245vw + 13.5510204082px, 24px);
    min-block-size: min(4.8979591837vw + 101.6326530612px, 180px);
  }
  .p-index_works__info-item {
    position: absolute;
    inset: 0;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.6s ease-in-out;
  }
  .p-index_works__info-item.is-act {
    opacity: 1;
    pointer-events: auto;
  }
  .p-index_works__info-company {
    color: var(--color-black-70);
    font-size: min(0.1632653061vw + 0.8367346939rem, 1rem);
    margin-block-end: min(0.1632653061vw + 1.387755102px, 4px);
  }
  .p-index_works__info-title {
    font-size: min(0.4897959184vw + 1.0102040816rem, 1.5rem);
    font-weight: bold;
    color: var(--color-green-100);
    margin-block-end: min(0.6530612245vw + 13.5510204082px, 24px);
    line-height: 1.6;
  }
  .p-index_works__thumbnails {
    display: flex;
    gap: min(0.3265306122vw + 10.7755102041px, 16px);
  }
  .p-index_works__thumbnail {
    position: relative;
    inline-size: min(4.2448979592vw + 94.0816326531px, 162px);
    block-size: min(2.3673469388vw + 53.1224489796px, 91px);
    flex-shrink: 0;
    overflow: hidden;
    cursor: pointer;
    transition: opacity 0.3s ease;
  }
  .p-index_works__thumbnail::before {
    content: "";
    position: absolute;
    inset: 0;
    background-color: var(--color-green-100);
    opacity: 0.5;
    transition: opacity 0.3s ease;
    z-index: 1;
    pointer-events: none;
  }
  .p-index_works__thumbnail.is-act {
    display: none;
  }
  .p-index_works__thumbnail:hover {
    opacity: 0.8;
  }
  .p-index_works__thumbnail img {
    inline-size: 100%;
    block-size: 100%;
    object-fit: cover;
  }
  .p-index_works__nav {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: min(1.6326530612vw + 13.8775510204px, 40px);
  }
  .p-index_works__nav-btn {
    display: flex;
    width: min(0.8163265306vw + 34.9387755102px, 48px);
    height: min(0.8163265306vw + 34.9387755102px, 48px);
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: min(0.1632653061vw + 9.387755102px, 12px);
    flex-shrink: 0;
    aspect-ratio: 1/1;
    background-color: var(--color-green-100);
    border-radius: calc(infinity * 1px);
    transition: scale 0.3s, background-color 0.3s;
  }
  .p-index_works__nav-btn.-prev {
    rotate: 180deg;
  }
  @media (any-hover: hover) {
    .p-index_works__nav-btn:hover {
      scale: 1.1;
      background-color: var(--color-light-green-100);
    }
  }
  .p-index_customer_reviews {
    position: relative;
    background-color: var(--color-base-green);
    padding-block-end: min(4.0816326531vw + 34.693877551px, 100px);
  }
  .p-index_customer_reviews::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    inline-size: 100%;
    block-size: min(16.3265306122vw + 138.7755102041px, 400px);
    background: linear-gradient(180deg, rgba(227, 227, 205, 0) 0%, #dbdbbc 100%);
    z-index: 1;
  }
  .p-index_customer_reviews__bg {
    position: absolute;
    top: 0;
    left: 50%;
    translate: -50% 0;
    inline-size: 66%;
    block-size: 20px;
    z-index: 100;
  }
  .p-index_customer_reviews__button {
    position: absolute;
    top: min(3.2653061224vw + 27.7551020408px, 80px);
    right: 5%;
    translate: 0% 30%;
  }
  @media (max-width: 743px) {
    .p-index_customer_reviews__button {
      position: relative;
      top: 0;
      right: 0;
      translate: 0% 0%;
      order: 3;
      margin-block-start: 1.5em;
      margin-inline: auto;
    }
  }
  .p-index_customer_reviews__content {
    background-color: var(--color-white-00);
    border-radius: min(0.9795918367vw + 8.3265306122px, 24px);
    padding: min(3.2653061224vw + 27.7551020408px, 80px) min(4.5714285714vw + 6.8571428571px, 80px);
    position: relative;
    z-index: 10;
  }
  @media (max-width: 743px) {
    .p-index_customer_reviews__content {
      display: grid;
    }
  }
  @media (max-width: 743px) {
    .p-index_customer_reviews__list {
      order: 2;
    }
  }
  .p-index_customer_reviews__title {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    color: var(--color-green-100);
    padding-inline-start: 2.5em;
    margin-block-end: min(0.9795918367vw + 8.3265306122px, 24px);
  }
  @media (max-width: 743px) {
    .p-index_customer_reviews__title {
      order: 1;
    }
  }
  .p-index_customer_reviews__title .en {
    position: relative;
    font-family: var(--font-poppins);
    font-weight: 600;
    font-size: min(2.2857142857vw + 1.2142857143rem, 3.5rem);
  }
  .p-index_customer_reviews__title .en::before {
    content: "";
    position: absolute;
    top: 50%;
    left: -0.8em;
    translate: 0% -50%;
    width: min(0.7346938776vw + 12.2448979592px, 24px);
    height: min(0.7346938776vw + 12.2448979592px, 24px);
    border-radius: calc(infinity * 1px);
    background-color: var(--color-light-green-100);
  }
  .p-index_customer_reviews__title .ja {
    font-size: min(0.3265306122vw + 0.9234693878rem, 1.25rem);
    font-weight: 700;
    margin-inline-start: 1em;
  }
  @media (max-width: 743px) {
    .p-index_customer_reviews__title .ja {
      margin-inline-start: 0;
      inline-size: 100%;
    }
  }
  .p-index_customer_reviews__item {
    position: relative;
  }
  .p-index_customer_reviews__item::after, .p-index_customer_reviews__item::before {
    content: "";
    position: absolute;
    background-color: var(--color-semantic-border-default);
  }
  .p-index_customer_reviews__item:nth-child(1)::after, .p-index_customer_reviews__item:nth-child(2)::after {
    bottom: 0;
    left: 50%;
    translate: -50% 0%;
    inline-size: 80%;
    block-size: 1px;
  }
  @media (max-width: 743px) {
    .p-index_customer_reviews__item:nth-child(1)::after, .p-index_customer_reviews__item:nth-child(2)::after {
      inline-size: 100%;
    }
  }
  .p-index_customer_reviews__item:nth-child(1)::before, .p-index_customer_reviews__item:nth-child(3)::before {
    top: 50%;
    left: 100%;
    translate: -50% -50%;
    inline-size: 1px;
    block-size: 80%;
  }
  @media (max-width: 743px) {
    .p-index_customer_reviews__item:nth-child(1)::before, .p-index_customer_reviews__item:nth-child(3)::before {
      display: none;
    }
  }
  @media (any-hover: hover) {
    .p-index_customer_reviews__item a:hover {
      background-color: var(--color-base-green);
    }
    .p-index_customer_reviews__item a:hover::before {
      translate: -50% 3%;
    }
    .p-index_customer_reviews__item a:hover .p-index_customer_reviews__thumb .circle {
      scale: 1.05;
    }
    .p-index_customer_reviews__item a:hover .p-index_customer_reviews__thumb .line {
      opacity: 1;
      scale: 1;
    }
  }
  .p-index_customer_reviews__item a {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: min(0.6530612245vw + 5.5510204082px, 16px);
    padding: min(1.6326530612vw + 13.8775510204px, 40px) min(1.6326530612vw + 13.8775510204px, 40px) min(1.6326530612vw + 13.8775510204px, 40px) min(0.9795918367vw + 8.3265306122px, 24px);
    border-radius: min(0.6530612245vw + 5.5510204082px, 16px);
    transition: background-color 0.3s;
    position: relative;
    overflow: hidden;
  }
  .p-index_customer_reviews__item a::before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    translate: -50% 6%;
    inline-size: 240%;
    block-size: 150vh;
    border-radius: 50%/50%;
    background-color: var(--color-white-00);
    opacity: 0.4;
    z-index: 0;
    pointer-events: none;
    transition: translate 0.6s var(--ease-pop), opacity 0.3s ease-out, background-color 0.3s ease-out;
  }
  .p-index_customer_reviews__thumb {
    position: relative;
    overflow: hidden;
    border-radius: calc(infinity * 1px);
    inline-size: fit-content;
    display: grid;
    max-inline-size: min(9.7959183673vw + 63.2653061224px, 220px);
    z-index: 10;
  }
  .p-index_customer_reviews__thumb .circle {
    border-radius: inherit;
    z-index: 9;
    transition: scale 0.3s;
  }
  .p-index_customer_reviews__thumb .line {
    position: absolute;
    left: 6%;
    bottom: 0;
    border-radius: 0;
    opacity: 0;
    scale: 1.2;
    z-index: 10;
    transition: opacity 0.3s, scale 0.3s;
  }
  .p-index_customer_reviews__body {
    align-self: center;
    position: relative;
    z-index: 10;
  }
  .p-index_customer_reviews__label {
    margin-block-end: min(0.8163265306vw + 16.9387755102px, 30px);
  }
  .p-index_customer_reviews__label-text {
    font-family: var(--font-manrope);
    font-weight: 900;
    font-size: min(0.1020408163vw + 0.7729591837rem, 0.875rem);
    color: var(--color-green-100);
    padding-block-start: 1em;
    position: relative;
  }
  .p-index_customer_reviews__label-text::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 24px;
    height: 2px;
    background-color: var(--color-light-green-100);
  }
  .p-index_customer_reviews__text {
    font-weight: 700;
    color: var(--color-green-100);
  }
  .p-index_news {
    padding-block: min(4.0816326531vw + 44.693877551px, 110px);
    background-color: var(--color-base-green);
  }
  .p-index_news__list {
    background-color: var(--color-white-00);
    border-radius: min(0.9795918367vw + 8.3265306122px, 24px);
    padding: min(4.8979591837vw + 1.6326530612px, 80px);
  }
  .p-index_news__link {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 1em;
    color: var(--color-green-100);
  }
  @media (any-hover: hover) {
    .p-index_news__link:hover .p-index_news__thumb img {
      scale: 1.05;
    }
  }
  .p-index_news__thumb {
    max-inline-size: 220px;
    align-self: center;
    overflow: hidden;
  }
  .p-index_news__thumb img {
    transition: scale 0.3s;
  }
  .p-index_news__date {
    font-size: min(0.0816326531vw + 0.6683673469rem, 0.75rem);
    font-family: var(--font-manrope);
    font-weight: 900;
  }
  .p-index_news__title {
    font-weight: 700;
  }
  .p-index_news__cats {
    margin-block-start: 0.2em;
  }
  .p-index_news__cat {
    color: var(--color-black-70);
    background-color: var(--color-base-green);
    font-size: min(0.0816326531vw + 0.6683673469rem, 0.75rem);
    font-weight: 700;
    padding: 0.2em 1em;
    border-radius: calc(infinity * 1px);
  }
}
.p-news-blog {
  padding-block: min(4.8979591837vw + 41.6326530612px, 120px);
}
.p-news-blog__list {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: min(0.9795918367vw + 16.3265306122px, 32px);
}
@media (max-width: 743px) {
  .p-news-blog__list {
    grid-template-columns: 1fr;
  }
}
.p-news-blog__related {
  padding-block-end: min(4.8979591837vw + 41.6326530612px, 120px);
}

.p-works {
  padding-block: min(4.8979591837vw + 41.6326530612px, 120px);
}
.p-works__filter {
  padding: min(1.306122449vw + 15.1020408163px, 36px);
  border-radius: min(0.9795918367vw + 8.3265306122px, 24px);
  background-color: var(--color-white-00);
  color: var(--color-green-100);
  display: grid;
  margin-block-end: min(3.2653061224vw + 27.7551020408px, 80px);
}
.p-works__tags {
  display: flex;
  flex-wrap: wrap;
  gap: min(0.3265306122vw + 6.7755102041px, 12px);
}
.p-works__tag {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.6em 1em;
  border: 1px solid var(--color-semantic-border-btn);
  border-radius: min(0.4081632653vw + 3.4693877551px, 10px);
  background-color: var(--color-white-00);
  color: var(--color-black-100);
  font-size: min(0.1632653061vw + 0.7117346939rem, 0.875rem);
  line-height: 1.5;
  gap: 1em;
  transition: border-color 0.3s, color 0.3s;
}
.p-works__tag.is-act {
  border: 2px solid var(--color-green-100);
  background-color: var(--color-base-green);
  color: var(--color-green-100);
  font-weight: 700;
}
@media (any-hover: hover) {
  .p-works__tag:hover {
    border-color: var(--color-green-100);
    color: var(--color-green-100);
  }
}
.p-works__cards {
  margin-block-start: min(1.9591836735vw + 24.6530612245px, 56px);
}
.p-works__cards-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: min(3.2653061224vw + 11.7551020408px, 64px);
}
@media (max-width: 743px) {
  .p-works__cards-list {
    grid-template-columns: 1fr;
  }
}

.p-works-card {
  display: block;
}
.p-works-card .hover-img, .p-works-card.hover-img {
  overflow: hidden;
}
.p-works-card .hover-img img,
.p-works-card .hover-img video, .p-works-card.hover-img img,
.p-works-card.hover-img video {
  width: 100%;
  height: 100%;
  transition-duration: var(--dur);
  transition-timing-function: var(--ease-out-sine);
}
@media (any-hover: hover) {
  .p-works-card:hover .hover-img img,
  .p-works-card:hover .hover-img video, .p-works-card:hover.hover-img img,
  .p-works-card:hover.hover-img video {
    transform: scale3d(1.05, 1.05, 1);
  }
}
.p-works-card__thumb {
  overflow: hidden;
  margin-block-end: min(0.0408163265vw + 11.3469387755px, 12px);
}
.p-works-card__company {
  color: var(--color-black-70);
  font-size: min(0.1632653061vw + 0.8367346939rem, 1rem);
  line-height: 1.5;
  margin-block-end: min(0vw + 6px, 6px);
}
.p-works-card__title {
  color: var(--color-green-100);
  font-size: min(0.2857142857vw + 0.9642857143rem, 1.25rem);
  line-height: 1.4;
  font-weight: 700;
  margin-block-end: min(0.2857142857vw + 15.4285714286px, 20px);
}
.p-works-card__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 1px min(0vw + 8px, 8px);
}
.p-works-card__meta-item {
  display: inline-flex;
  align-items: center;
}
.p-works-card__meta-label, .p-works-card__meta-value {
  min-block-size: 31px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding-inline: min(0vw + 10px, 10px);
  font-size: min(0.0408163265vw + 0.7091836735rem, 0.75rem);
  line-height: 1.5;
  white-space: nowrap;
}
.p-works-card__meta-label {
  background-color: var(--color-green-50);
  color: var(--color-green-100);
  font-weight: 700;
}
.p-works-card__meta-value {
  background-color: var(--color-white-00);
}

.p-works_detail_heading {
  margin-block: min(0.4081632653vw + 17.4693877551px, 24px) min(0.1632653061vw + 13.387755102px, 16px);
  padding-block-start: calc(var(--header-height) + min(4.5714285714vw + 6.8571428571px, 80px));
}
.p-works_detail_heading__line {
  position: absolute;
  right: 0;
  top: 0;
  z-index: -1;
}
@media (max-width: 743px) {
  .p-works_detail_heading__line {
    inline-size: 75%;
  }
}
.p-works_detail_heading .c-crumbs {
  margin-inline-start: auto;
  margin-block-end: min(4.8979591837vw + 1.6326530612px, 80px);
}
.p-works_detail_heading__meta {
  color: var(--color-green-100);
  font-size: min(0.2857142857vw + 0.9642857143rem, 1.25rem);
  line-height: 1.5;
  position: relative;
  padding-inline-start: 1em;
  margin-block-end: 1em;
}
.p-works_detail_heading__meta::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  translate: 0 -50%;
  inline-size: 12px;
  block-size: 12px;
  border-radius: calc(infinity * 1px);
  background-color: var(--color-light-green-100);
}
.p-works_detail_heading__title {
  font-size: min(0.8979591837vw + 1.6020408163rem, 2.5rem);
  color: var(--color-green-100);
  font-weight: 700;
  margin-block-end: min(0.6530612245vw + 21.5510204082px, 32px);
}

.p-works_detail_spec {
  background-color: var(--color-white-00);
  border-radius: min(0.9795918367vw + 8.3265306122px, 24px);
  padding: min(0.6530612245vw + 13.5510204082px, 24px) min(1.9591836735vw + 8.6530612245px, 40px);
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: min(0.9795918367vw + 8.3265306122px, 24px);
}
@media (max-width: 743px) {
  .p-works_detail_spec {
    grid-template-columns: 1fr;
    gap: 0;
  }
}
.p-works_detail_spec__col {
  display: grid;
  gap: 0;
}
.p-works_detail_spec__item {
  min-block-size: min(0.9795918367vw + 40.3265306122px, 56px);
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: center;
  gap: min(0.6530612245vw + 13.5510204082px, 24px);
  border-block-end: 1px dashed var(--color-semantic-border-default);
  padding-block: min(0.1632653061vw + 9.387755102px, 12px);
  font-size: min(0.1020408163vw + 0.7729591837rem, 0.875rem);
  line-height: 1.5;
}
.p-works_detail_spec__label {
  color: var(--color-black-70);
  font-weight: 700;
  min-inline-size: 70px;
  white-space: nowrap;
}
.p-works_detail_spec__value {
  color: var(--color-black-100);
  margin: 0;
}

.p-works_detail_body {
  margin-block: min(3.2653061224vw + 27.7551020408px, 80px) min(4.8979591837vw + 41.6326530612px, 120px);
}
.p-works_detail_body__hero {
  margin-block-end: min(3.2653061224vw + 27.7551020408px, 80px);
}
.p-works_detail_body__block {
  margin-block-end: min(2.4489795918vw + 20.8163265306px, 60px);
}
.p-works_detail_body__title {
  background-color: var(--color-green-100);
  color: var(--color-white-00);
  border-radius: calc(infinity * 1px);
  font-size: min(0.1020408163vw + 0.7729591837rem, 0.875rem);
  font-weight: 700;
  position: relative;
  padding: 0.7em 2.5em;
  margin-block-end: min(1.2244897959vw + 10.4081632653px, 30px);
}
.p-works_detail_body__title::before {
  content: "";
  position: absolute;
  left: 1em;
  top: 50%;
  translate: 100% -50%;
  inline-size: 6px;
  block-size: 6px;
  border-radius: calc(infinity * 1px);
  background-color: var(--color-light-green-100);
}
.p-works_detail_body__point {
  position: relative;
  padding-inline-start: 1em;
  padding-block: 0.25em;
  font-size: min(0.2857142857vw + 0.9642857143rem, 1.25rem);
  border-block-end: 1px solid var(--color-semantic-border-default);
  margin-block-end: min(0.9795918367vw + 8.3265306122px, 24px);
  font-weight: 700;
  color: var(--color-green-100);
}
.p-works_detail_body__point::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  translate: 0 -50%;
  inline-size: 4px;
  block-size: 60%;
  border-radius: 20px;
  background-color: var(--color-light-green-100);
}
.p-works_detail_body__review {
  margin-block-start: min(0.9795918367vw + 16.3265306122px, 32px);
  display: grid;
  grid-template-columns: auto 1fr auto;
  background-color: var(--color-white-00);
  border: 1px solid var(--color-semantic-border-default);
  border-radius: min(0.8163265306vw + 6.9387755102px, 20px);
  padding: min(0.9795918367vw + 8.3265306122px, 24px);
  gap: min(0.9795918367vw + 8.3265306122px, 24px);
}
@media (any-hover: hover) {
  .p-works_detail_body__review:hover::before {
    translate: -50% 3%;
  }
  .p-works_detail_body__review:hover .p-works_detail_body__review__thumb .circle {
    scale: 1.05;
  }
  .p-works_detail_body__review:hover .p-works_detail_body__review__thumb .line {
    opacity: 1;
    scale: 1;
  }
  .p-works_detail_body__review:hover .c-icon:nth-of-type(1) {
    left: 150%;
  }
  .p-works_detail_body__review:hover .c-icon:nth-of-type(2) {
    left: 50%;
  }
}
.p-works_detail_body__review__thumb {
  position: relative;
  overflow: hidden;
  border-radius: calc(infinity * 1px);
  inline-size: fit-content;
  display: grid;
  max-inline-size: min(4.8979591837vw + 81.6326530612px, 160px);
  z-index: 10;
}
.p-works_detail_body__review__thumb .circle {
  border-radius: inherit;
  z-index: 9;
  transition: scale 0.3s;
}
.p-works_detail_body__review__thumb .line {
  position: absolute;
  left: 6%;
  bottom: 0;
  border-radius: 0;
  opacity: 0;
  scale: 1.2;
  z-index: 10;
  transition: opacity 0.3s, scale 0.3s;
}
.p-works_detail_body__review__text {
  align-self: center;
}
.p-works_detail_body__review__text .title {
  font-size: min(0.1020408163vw + 0.7729591837rem, 0.875rem);
  font-family: var(--font-manrope);
  font-weight: 900;
  color: var(--color-green-100);
  margin-block-end: min(0.6530612245vw + 5.5510204082px, 16px);
  position: relative;
  padding-block: 1em;
}
.p-works_detail_body__review__text .title::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  translate: 0 -50%;
  inline-size: 24px;
  block-size: 2px;
  border-radius: calc(infinity * 1px);
  background-color: var(--color-light-green-100);
}
.p-works_detail_body__review__arrow {
  inline-size: 48px;
  block-size: 48px;
  align-self: center;
}
@media (max-width: 743px) {
  .p-works_detail_body__review__arrow {
    display: none;
  }
}

.p-works_detail_issue_list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: min(0.3265306122vw + 10.7755102041px, 16px);
}
@media (max-width: 743px) {
  .p-works_detail_issue_list {
    grid-template-columns: 1fr;
  }
}
.p-works_detail_issue_list__item {
  border: 1px solid var(--color-semantic-border-default);
  border-radius: min(0.1632653061vw + 7.387755102px, 10px);
  padding: min(0.4897959184vw + 8.1632653061px, 16px);
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: center;
  gap: min(0.3265306122vw + 10.7755102041px, 16px);
}
.p-works_detail_issue_list__badge {
  inline-size: min(0.6530612245vw + 37.5510204082px, 48px);
  block-size: auto;
  padding: 1em 0.5em;
  background-color: var(--color-green-50);
  color: var(--color-green-100);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 0.2em;
  text-align: center;
  font-size: min(0.0408163265vw + 0.7091836735rem, 0.75rem);
  font-weight: 700;
  line-height: 1.2;
  border-radius: min(4.0816326531vw + 34.693877551px, 100px);
}
.p-works_detail_issue_list__badge strong {
  font-size: min(0.1632653061vw + 0.8367346939rem, 1rem);
}
.p-works_detail_issue_list__text {
  color: var(--color-black-100);
  font-size: min(0.1020408163vw + 0.7729591837rem, 0.875rem);
  line-height: 1.8;
}

.p-customer-reviews {
  padding-block: min(4.0816326531vw + 24.693877551px, 90px) min(4.8979591837vw + 41.6326530612px, 120px);
}
.p-customer-reviews__cards {
  padding-block-start: min(0.6530612245vw + 9.5510204082px, 20px);
}
.p-customer-reviews__list {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: min(0.9795918367vw + 12.3265306122px, 28px);
}
@media (max-width: 743px) {
  .p-customer-reviews__list {
    grid-template-columns: 1fr;
    gap: 16px;
  }
}

.p-customer-reviews-card {
  position: relative;
  display: grid;
  align-content: start;
  background-color: var(--color-white-00);
  border-radius: min(0.4897959184vw + 8.1632653061px, 16px);
  color: var(--color-green-100);
  padding: min(2.1224489796vw + 16.0408163265px, 50px) min(0.6530612245vw + 21.5510204082px, 32px) min(0.6530612245vw + 21.5510204082px, 32px);
  min-block-size: 100%;
  transition: rotate 0.3s, box-shadow 0.3s;
}
.p-customer-reviews-card .hover-img, .p-customer-reviews-card.hover-img {
  overflow: hidden;
}
.p-customer-reviews-card .hover-img img,
.p-customer-reviews-card .hover-img video, .p-customer-reviews-card.hover-img img,
.p-customer-reviews-card.hover-img video {
  width: 100%;
  height: 100%;
  transition-duration: var(--dur);
  transition-timing-function: var(--ease-out-sine);
}
@media (any-hover: hover) {
  .p-customer-reviews-card:hover .hover-img img,
  .p-customer-reviews-card:hover .hover-img video, .p-customer-reviews-card:hover.hover-img img,
  .p-customer-reviews-card:hover.hover-img video {
    transform: scale3d(1.05, 1.05, 1);
  }
}
@media (any-hover: hover) {
  .p-customer-reviews-card:hover {
    rotate: -1deg;
    box-shadow: 3px 3px 10px 0px rgba(0, 0, 0, 0.1);
  }
}
@media (max-width: 743px) {
  .p-customer-reviews-card {
    padding: min(0.6530612245vw + 13.5510204082px, 24px);
  }
}
.p-customer-reviews-card__bg {
  position: absolute;
  top: 0;
  left: 50%;
  translate: -50% 0;
  inline-size: 85%;
  block-size: 20px;
  z-index: 1;
  pointer-events: none;
}
.p-customer-reviews-card__thumb {
  position: relative;
  z-index: 2;
  margin: 0 auto min(0.4897959184vw + 8.1632653061px, 16px);
  inline-size: min(100%, min(5.7142857143vw + 198.5714285714px, 290px));
  aspect-ratio: 1/1;
  border-radius: calc(infinity * 1px);
  overflow: hidden;
}
.p-customer-reviews-card__thumb img {
  inline-size: 100%;
  block-size: 100%;
  object-fit: cover;
  display: block;
}
.p-customer-reviews-card__company {
  position: relative;
  z-index: 2;
  font-size: min(0.1020408163vw + 0.7729591837rem, 0.875rem);
  line-height: 1.5;
  color: var(--color-black-70);
  padding-block-end: min(0.1632653061vw + 7.387755102px, 10px);
  margin-block-end: min(0.1632653061vw + 11.387755102px, 14px);
  border-bottom: 1px dashed var(--color-semantic-border-default);
}
.p-customer-reviews-card__title {
  position: relative;
  z-index: 2;
  line-height: 1.6;
  font-weight: 700;
  margin-block-end: min(0.1632653061vw + 15.387755102px, 18px);
}

.p-customer-reviews_detail_heading {
  margin-block: min(0.4081632653vw + 17.4693877551px, 24px) min(0.1632653061vw + 13.387755102px, 16px);
  padding-block-start: calc(var(--header-height) + min(4.5714285714vw + 6.8571428571px, 80px));
}
.p-customer-reviews_detail_heading__line {
  position: absolute;
  right: 0;
  top: 0;
  z-index: -1;
}
@media (max-width: 743px) {
  .p-customer-reviews_detail_heading__line {
    inline-size: 75%;
  }
}
.p-customer-reviews_detail_heading .c-crumbs {
  margin-inline-start: auto;
  margin-block-end: min(4.8979591837vw + 1.6326530612px, 80px);
}
.p-customer-reviews_detail_heading__en {
  font-size: min(3.2653061224vw + 1.7346938776rem, 5rem);
  font-family: var(--font-poppins);
  font-weight: 600;
  color: var(--color-white-00);
  line-height: 1;
  margin-block-end: 0.3em;
}
.p-customer-reviews_detail_heading__title {
  font-size: min(0.8163265306vw + 1.1836734694rem, 2rem);
  color: var(--color-green-100);
  font-weight: 700;
  margin-block-end: min(0.8979591837vw + 25.6326530612px, 40px);
}

.p-customer-reviews_detail_client {
  background-color: var(--color-white-00);
  padding: min(1.6326530612vw + 13.8775510204px, 40px);
  border-radius: min(0.9795918367vw + 8.3265306122px, 24px);
  display: grid;
  grid-template-columns: auto 1fr;
  gap: min(0.9795918367vw + 8.3265306122px, 24px);
  margin-block-end: min(3.2653061224vw + 27.7551020408px, 80px);
}
.p-customer-reviews_detail_client__title {
  font-size: min(0.0408163265vw + 0.7091836735rem, 0.75rem);
  font-family: var(--font-manrope);
  font-weight: 900;
  color: var(--color-black-70);
}
.p-customer-reviews_detail_client__body__logo {
  margin-block-end: min(0.8163265306vw + 6.9387755102px, 20px);
}

.p-customer-reviews_detail_hero {
  margin-block-end: min(3.2653061224vw + 27.7551020408px, 80px);
}

.p-customer-reviews_detail_post {
  background-color: var(--color-white-00);
  padding: min(3.5918367347vw + 6.5306122449px, 64px);
  border-radius: min(0.9795918367vw + 8.3265306122px, 24px);
  margin-block-end: min(3.2653061224vw + 27.7551020408px, 80px);
}
.p-customer-reviews_detail_post__voice {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: min(1.6326530612vw + 13.8775510204px, 40px);
}
.p-customer-reviews_detail_post__voice__thumb {
  text-align: center;
}
.p-customer-reviews_detail_post__voice__thumb img {
  border-radius: calc(infinity * 1px);
  border: 1px solid var(--color-light-green-100);
}
.p-customer-reviews_detail_post__voice__thumb .name {
  font-size: min(0.0408163265vw + 0.7091836735rem, 0.75rem);
  color: var(--color-black-70);
  font-family: var(--font-manrope);
  font-weight: 900;
}
.p-customer-reviews_detail_post h2 {
  font-size: min(0.4897959184vw + 1.0102040816rem, 1.5rem);
  line-height: 1.5;
  font-weight: 700;
  color: var(--color-green-100);
  border-inline-start: 4px solid var(--color-light-green-100);
  padding-inline-start: min(0.2857142857vw + 15.4285714286px, 20px);
  margin-block-end: min(0.8979591837vw + 25.6326530612px, 40px);
}

.p-request-guide {
  padding-block: min(3.2653061224vw + 11.7551020408px, 64px) 0;
}
.p-request-guide__inner {
  display: grid;
  grid-template-columns: 538fr 320fr;
  gap: min(1.6326530612vw + 13.8775510204px, 40px);
  line-height: 1.8;
}
@media (max-width: 743px) {
  .p-request-guide__inner {
    grid-template-columns: 1fr;
    gap: 20px;
    padding: 20px;
  }
}
.p-request-guide__badge {
  inline-size: fit-content;
  max-inline-size: 100%;
  color: var(--color-white-00);
  background: linear-gradient(270deg, #8bca17 20.2%, #76cb46 49.18%, #1e483f 99.16%);
  border-radius: calc(infinity * 1px);
  font-size: min(0.4081632653vw + 1.0918367347rem, 1.5rem);
  line-height: 1.3;
  font-weight: 700;
  padding: 0.2em 1em;
  margin-block-end: min(0.4897959184vw + 12.1632653061px, 20px);
}
.p-request-guide__title {
  color: var(--color-green-100);
  font-size: min(0.9795918367vw + 1.0204081633rem, 2rem);
  line-height: 1.45;
  font-weight: 700;
  margin-block-end: min(0.4897959184vw + 12.1632653061px, 20px);
}
@media (max-width: 743px) {
  .p-request-guide__title {
    font-size: min(0.2857142857vw + 0.9642857143rem, 1.25rem);
  }
  .p-request-guide__title br {
    display: none;
  }
}
.p-request-guide__figure {
  inline-size: min(100%, 320px);
  aspect-ratio: 1;
}
@media (max-width: 743px) {
  .p-request-guide__figure {
    inline-size: min(60%, 320px);
    margin-inline: auto;
  }
}
.p-request-guide__fukidashi {
  color: var(--color-green-100);
  background-color: var(--color-white-00);
  border-radius: min(0vw + 0.625rem, 0.625rem);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.2em;
  inline-size: fit-content;
  margin-inline: auto;
  margin-block: min(3.2653061224vw + 27.7551020408px, 80px);
  padding: 0.5em 1em;
  font-weight: 700;
  position: relative;
}
.p-request-guide__fukidashi::before {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  translate: -50% 90%;
  width: 18px;
  height: 10px;
  background-color: var(--color-white-00);
  clip-path: polygon(50% 10px, 0% 0%, 18px 0%);
}
.p-request-guide__fukidashi svg {
  inline-size: 1.2em;
  block-size: auto;
  fill: var(--color-green-100);
}
.p-request-guide__info {
  background-color: var(--color-green-100);
  color: var(--color-white-00);
  border-radius: min(0vw + 0.625rem, 0.625rem);
  padding: min(0.9795918367vw + 8.3265306122px, 24px);
  text-align: center;
  display: grid;
  gap: min(0.2448979592vw + 2.0816326531px, 6px);
  max-inline-size: 460px;
  inline-size: 100%;
  margin-inline: auto;
  margin-block-end: min(3.2653061224vw + 27.7551020408px, 80px);
}
.p-request-guide__info__title {
  font-size: min(0.3265306122vw + 0.9234693878rem, 1.25rem);
  font-weight: bold;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 0.2em;
}
.p-request-guide__info__title::before {
  content: "";
  display: block;
  inline-size: 8px;
  block-size: 8px;
  border-radius: calc(infinity * 1px);
  background-color: var(--color-yellow-100);
}
.p-request-guide__info__tel {
  font-size: min(0.9795918367vw + 1.0204081633rem, 2rem);
  font-family: var(--font-manrope);
  font-weight: 900;
}
.p-request-guide__simulation {
  background-color: var(--color-white-00);
  border: 2px solid var(--color-green-100);
  border-radius: min(0.9795918367vw + 8.3265306122px, 24px);
  padding: min(1.6326530612vw + 13.8775510204px, 40px);
  inline-size: 100%;
  max-inline-size: 730px;
  margin-inline: auto;
  margin-block: min(1.6326530612vw + 13.8775510204px, 40px);
}

.p-request-form {
  padding-block-end: min(4.8979591837vw + 21.6326530612px, 100px);
}

.p-request-guide_complete {
  block-size: 50vh;
  padding-block-start: 10vh;
}

.p-simulation {
  padding-block-start: min(4.8979591837vw + 41.6326530612px, 120px);
}

.p-simulation_contents {
  background-color: var(--color-white-00);
  border-radius: min(0.9795918367vw + 8.3265306122px, 24px);
  padding: min(3.2653061224vw + 27.7551020408px, 80px);
  position: relative;
}
.p-simulation_contents__arrow {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(0deg);
}
@media (max-width: 743px) {
  .p-simulation_contents__arrow {
    transform: translate(-50%, -75%) rotate(90deg);
  }
}
.p-simulation_contents__title {
  font-size: min(0.4081632653vw + 1.0918367347rem, 1.5rem);
  font-weight: 700;
  color: var(--color-green-100);
  position: relative;
  display: flex;
  align-items: center;
  gap: 0.5em;
  margin-block-end: min(1.2244897959vw + 10.4081632653px, 30px);
}
.p-simulation_contents__title::before {
  content: attr(data-num);
  inline-size: min(0.3265306122vw + 38.7755102041px, 44px);
  block-size: min(0.3265306122vw + 38.7755102041px, 44px);
  border-radius: 5px;
  color: var(--color-white-00);
  background-color: var(--color-light-green-100);
  display: grid;
  place-content: center;
}
.p-simulation_contents__inputs {
  display: grid;
  gap: min(0.9795918367vw + 8.3265306122px, 24px);
}
.p-simulation_contents__results {
  background-color: var(--color-base-green);
  padding: min(2.4489795918vw + 0.8163265306px, 40px);
  border-radius: min(0.1632653061vw + 7.387755102px, 10px);
}
.p-simulation_contents__results__price {
  font-family: var(--font-manrope);
  font-weight: 900;
  font-size: min(0.6530612245vw + 1.3469387755rem, 2rem);
  color: var(--color-green-100);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.2em;
  margin-block-end: 0.5em;
}
.p-simulation_contents__results__price span {
  position: relative;
  display: block;
}
.p-simulation_contents__results__price span::before {
  content: "¥";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(-100%, -50%);
  font-size: 0.8em;
}
.p-simulation_contents__results__price .max {
  margin-inline-start: 0.5em;
}
.p-simulation_contents__results__label {
  background-color: var(--color-white-00);
  color: var(--color-green-100);
  border-radius: calc(infinity * 1px);
  text-align: center;
  padding: 0.25em;
}
.p-simulation_contents__results__items {
  margin-block-start: min(0.9795918367vw + 8.3265306122px, 24px);
}
.p-simulation_contents__results__items-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  column-gap: 1em;
}
.p-simulation_contents__results__items-list-item {
  position: relative;
  padding-block: min(0.3265306122vw + 2.7755102041px, 8px);
  padding-inline: min(0.1632653061vw + 9.387755102px, 12px);
  border-block-end: 1px dotted var(--color-semantic-border-default);
  font-size: min(0.1020408163vw + 0.7729591837rem, 0.875rem);
}
.p-simulation_contents__results__items-list-item::before {
  content: "";
  inline-size: 0.35em;
  block-size: 0.35em;
  border-radius: 50%;
  background-color: var(--color-light-green-100);
  position: absolute;
  inset-inline-start: 0;
  inset-block-start: 50%;
  transform: translateY(-50%);
}

.p-simulation_complete {
  margin-block-start: min(3.2653061224vw + 27.7551020408px, 80px);
}
.p-simulation_complete__inner {
  background-color: var(--color-white-00);
  padding: min(3.2653061224vw + 27.7551020408px, 80px);
  border-radius: min(0.9795918367vw + 8.3265306122px, 24px);
  border: 1px solid var(--color-light-green-100);
}
.p-simulation_complete__body {
  margin-block-start: min(2.4489795918vw + 20.8163265306px, 60px);
  background-color: var(--color-base-green);
  border-radius: min(0.9795918367vw + 8.3265306122px, 24px);
  padding: min(2.0408163265vw + 7.3469387755px, 40px);
  position: relative;
}
@media (max-width: 743px) {
  .p-simulation_complete__body {
    padding: min(0.4081632653vw + 33.4693877551px, 40px) min(2.0408163265vw + 7.3469387755px, 40px);
  }
}
.p-simulation_complete__body::before {
  content: "";
  position: absolute;
  top: 0%;
  left: 50%;
  translate: -50% 0;
  background-color: var(--color-light-green-100);
  inline-size: 150px;
  block-size: 6px;
}
.p-simulation_complete__body__list {
  display: flex;
  justify-content: center;
  gap: min(0.9795918367vw + 8.3265306122px, 24px);
}
@media (max-width: 743px) {
  .p-simulation_complete__body__list {
    flex-wrap: wrap;
  }
}
.p-simulation_complete__body__list-item {
  display: grid;
  gap: 0.4em;
  text-align: center;
}
@media (max-width: 743px) {
  .p-simulation_complete__body__list-item {
    inline-size: 44%;
  }
}
.p-simulation_complete__cta {
  background-color: var(--color-green-100);
  color: var(--color-white-00);
  border-radius: min(0.4897959184vw + 8.1632653061px, 16px);
  padding: min(1.6326530612vw + 13.8775510204px, 40px);
  text-align: center;
  display: grid;
  gap: min(0.5714285714vw + 5.8571428571px, 15px);
  text-align: center;
  max-inline-size: 540px;
  margin-inline: auto;
  margin-block-start: min(2.4489795918vw + 20.8163265306px, 60px);
  position: relative;
}
@media (any-hover: hover) {
  .p-simulation_complete__cta:hover .c-icon:nth-of-type(1) {
    left: 150%;
  }
  .p-simulation_complete__cta:hover .c-icon:nth-of-type(2) {
    left: 50%;
  }
  .p-simulation_complete__cta:hover .p-simulation_complete__cta__icon {
    scale: 1.1;
  }
}
.p-simulation_complete__cta__circle {
  inline-size: min(1.7959183673vw + 73.2653061224px, 102px);
  block-size: min(1.7959183673vw + 73.2653061224px, 102px);
  background-color: var(--color-light-green-100);
  color: var(--color-white-00);
  border-radius: calc(infinity * 1px);
  font-size: min(0.2448979592vw + 0.6301020408rem, 0.875rem);
  font-weight: 700;
  display: grid;
  place-content: center;
  position: absolute;
  left: max(-0.1632653061vw + -9.387755102px, -12px);
  top: max(-0.3265306122vw + -18.7755102041px, -24px);
  rotate: -8deg;
}
.p-simulation_complete__cta__icon {
  position: relative;
  transition: scale 0.3s;
  inline-size: fit-content;
  margin-inline: auto;
}
.p-simulation_complete__cta__title {
  font-weight: 700;
  font-size: min(0.6530612245vw + 0.8469387755rem, 1.5rem);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: min(0.3265306122vw + 6.7755102041px, 12px);
}
.p-simulation_complete__cta__title .icon {
  inline-size: min(0.6530612245vw + 21.5510204082px, 32px);
  block-size: min(0.6530612245vw + 21.5510204082px, 32px);
  background-color: var(--color-white-00);
  border-radius: calc(infinity * 1px);
  display: grid;
  place-content: center;
}
.p-simulation_complete__cta__title .icon svg path {
  fill: var(--color-green-100);
}
.p-simulation_complete__cta__title .icon svg path:nth-child(1) {
  stroke: var(--color-green-100);
}

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