/*
Theme Name: Armec
Theme URI: 
Author: リッキー・リヤディ (Ricky Riyadi)
Author URI: https://rckryd.com/
Description: Armec WordPress テーマ
Version: 1.0
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: takahata
*//*! tailwindcss v4.1.12 | MIT License | https://tailwindcss.com */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&family=Oooh+Baby&family=Zen+Kaku+Gothic+New:wght@300;400;500;700;900&display=swap');
@layer properties;
@layer theme, base, components, utilities;
@layer theme {
  :root, :host {
    --color-black: #232323;
    --color-white: #fff;
    --spacing: 0.25rem;
    --text-xs: 0.75rem;
    --text-xs--line-height: calc(1 / 0.75);
    --text-sm: 0.875rem;
    --text-sm--line-height: calc(1.25 / 0.875);
    --text-base: 1rem;
    --text-base--line-height: calc(1.5 / 1);
    --text-lg: 1.125rem;
    --text-lg--line-height: calc(1.75 / 1.125);
    --text-xl: 1.25rem;
    --text-xl--line-height: calc(1.75 / 1.25);
    --text-2xl: 1.5rem;
    --text-2xl--line-height: calc(2 / 1.5);
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --font-weight-black: 900;
    --tracking-normal: 0em;
    --leading-normal: 1.5;
    --radius-lg: 0.5rem;
    --radius-2xl: 1rem;
    --radius-4xl: 2rem;
    --ease-in: cubic-bezier(0.4, 0, 1, 1);
    --ease-out: cubic-bezier(0, 0, 0.2, 1);
    --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
    --aspect-video: 16 / 9;
    --font-zen-kaku-ghotic-new: "Zen Kaku Gothic New", sans-serif;
    --font-noto-sans-jp: "Noto Sans JP", sans-serif;
    --font-acumin-variable: "acumin-variable", sans-serif;
    --font-oooh: "Oooh Baby", cursive;
    --default-font-family: var(--font-zen-kaku-ghotic-new);
    --color-primary: #66CC00;
    --color-primary-darker: #244700;
    --color-primary-dark: #4D9900;
    --color-primary-light: #D0EFB0;
    --color-primary-lightest: #F0FAE6;
    --color-secondary: #FF9999;
    --color-secondary-darker: #734545;
    --color-secondary-dark: #BF7373;
    --color-secondary-light: #FFF0F0;
    --color-secondary-lighter: #FFF5F5;
    --color-tertiary: #FFCC00;
    --color-tertiary-darker: #594700;
    --color-tertiary-dark: #BF9900;
    --color-tertiary-light: #FFF7D9;
    --color-tertiary-lighter: #FFFAE6;
    --text-upbase: 1.2rem;
  }
}
@layer base {
  *, ::after, ::before, ::backdrop, ::file-selector-button {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0 solid;
  }
  html, :host {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
    font-feature-settings: normal;
    font-variation-settings: normal;
    -webkit-tap-highlight-color: transparent;
  }
  hr {
    height: 0;
    color: inherit;
    border-top-width: 1px;
  }
  abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
  }
  h1, h2, h3, h4, h5, h6 {
    font-size: inherit;
    font-weight: inherit;
  }
  a {
    color: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
  }
  b, strong {
    font-weight: bolder;
  }
  code, kbd, samp, pre {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    font-feature-settings: normal;
    font-variation-settings: normal;
    font-size: 1em;
  }
  small {
    font-size: 80%;
  }
  sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
  }
  sub {
    bottom: -0.25em;
  }
  sup {
    top: -0.5em;
  }
  table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
  }
  :-moz-focusring {
    outline: auto;
  }
  progress {
    vertical-align: baseline;
  }
  summary {
    display: list-item;
  }
  ol, ul, menu {
    list-style: none;
  }
  img, svg, video, canvas, audio, iframe, embed, object {
    display: block;
    vertical-align: middle;
  }
  img, video {
    max-width: 100%;
    height: auto;
  }
  button, input, select, optgroup, textarea, ::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    border-radius: 0;
    background-color: transparent;
    opacity: 1;
  }
  :where(select:is([multiple], [size])) optgroup {
    font-weight: bolder;
  }
  :where(select:is([multiple], [size])) optgroup option {
    padding-inline-start: 20px;
  }
  ::file-selector-button {
    margin-inline-end: 4px;
  }
  ::placeholder {
    opacity: 1;
  }
  @supports (not (-webkit-appearance: -apple-pay-button))  or (contain-intrinsic-size: 1px) {
    ::placeholder {
      color: currentcolor;
    }
    @supports (color: color-mix(in lab, red, red)) {
      ::placeholder {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
    }
  }
  textarea {
    resize: vertical;
  }
  ::-webkit-search-decoration {
    -webkit-appearance: none;
  }
  ::-webkit-date-and-time-value {
    min-height: 1lh;
    text-align: inherit;
  }
  ::-webkit-datetime-edit {
    display: inline-flex;
  }
  ::-webkit-datetime-edit-fields-wrapper {
    padding: 0;
  }
  ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {
    padding-block: 0;
  }
  ::-webkit-calendar-picker-indicator {
    line-height: 1;
  }
  :-moz-ui-invalid {
    box-shadow: none;
  }
  button, input:where([type="button"], [type="reset"], [type="submit"]), ::file-selector-button {
    appearance: button;
  }
  ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
    height: auto;
  }
  [hidden]:where(:not([hidden="until-found"])) {
    display: none !important;
  }
}
@layer utilities {
  .pointer-events-none {
    pointer-events: none;
  }
  .collapse {
    visibility: collapse;
  }
  .visible {
    visibility: visible;
  }
  .animate-btn {
    position: relative;
    display: flex;
    height: 3.25rem;
    width: 11.75rem;
    align-items: center;
    border-radius: var(--radius-4xl);
    text-align: center;
    font-size: 1.25rem;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: color-mix(in srgb, #232323 30%, transparent);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .animate-btn {
      color: color-mix(in oklab, var(--color-black) 30%, transparent);
    }
  }
  .animate-btn {
    transition-property: all;
    transition-timing-function: var(--tw-ease, ease);
    transition-duration: var(--tw-duration, 0s);
    --tw-duration: 500ms;
    transition-duration: 500ms;
  }
  @media (width >= 48rem) {
    .animate-btn {
      font-size: 1.5rem;
    }
  }
  .animate-btn::before, .animate-btn::after {
    position: absolute;
    top: calc(var(--spacing) * 0);
    left: calc(var(--spacing) * 0);
    height: 100%;
    width: 100%;
    border-radius: var(--radius-4xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    --tw-content: '';
    content: var(--tw-content);
  }
  .animate-btn::before {
    border-color: color-mix(in srgb, #232323 5%, transparent);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .animate-btn::before {
      border-color: color-mix(in oklab, var(--color-black) 5%, transparent);
    }
  }
  .animate-btn::after {
    border-color: var(--color-primary-dark);
    clip-path: polygon(0 0, 0 0, 0 0, 0 0, 0 0, 50% 50%);
  }
  .animate-btn span {
    width: 100%;
    text-align: center;
  }
  .animate-btn.animated, .animate-btn.aos-animate {
    color: var(--color-primary-dark);
    transition-delay: 500ms;
  }
  .animate-btn.animated::after, .animate-btn.aos-animate::after {
    animation: radial .5s ease-out forwards;
  }
  .stripe {
    position: relative;
    height: 3.875rem;
    width: max-content;
    border-radius: .61rem;
    background-color: var(--color-primary);
    padding-inline: 3.75rem 1.4375rem;
    font-size: 2rem;
    --tw-leading: 3.875rem;
    line-height: 3.875rem;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-white);
  }
  .stripe::before {
    position: absolute;
    top: calc(1/2 * 100%);
    left: calc(var(--spacing) * 4);
    aspect-ratio: 1 / 1;
    width: 1.7275rem;
    --tw-translate-y: calc(calc(1/2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style);
    border-width: .5rem;
    border-color: var(--color-tertiary);
    --tw-content: '';
    content: var(--tw-content);
  }
  @media (width < 48rem) {
    .stripe {
      height: 3.125rem;
      border-radius: .61rem;
      padding-inline: 3.25rem 1rem;
      font-size: 1.5rem;
      --tw-leading: 3.125rem;
      line-height: 3.125rem;
    }
    .stripe::before {
      left: calc(var(--spacing) * 4);
      width: calc(var(--spacing) * 5);
      border-style: var(--tw-border-style);
      border-width: .3125rem;
    }
  }
  .animate-thumb-swipe {
    overflow: hidden;
  }
  .animate-thumb-swipe img {
    -webkit-mask-image: url('./assets/img/thumb-swiper.png');
    -webkit-mask-size: auto 250%;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: left -20%;
    z-index: 0;
    mask-image: url('./assets/img/thumb-swiper.png');
    mask-mode: alpha;
    mask-position: left -20%;
    mask-repeat: no-repeat;
    mask-size: auto 250%;
    opacity: 0;
    position: relative;
    scale: 1.2;
    transform-origin: center;
    display: block;
  }
  .animate-thumb-swipe.animated img, .animate-thumb-swipe.aos-animate img {
    animation: thumbSwipe 1.3s cubic-bezier(0.25, 0.46, 0.45, 1) forwards;
    scale: 1;
    transition: scale 1s ease-out, transform 0.5s;
  }
  .wrapper {
    position: relative;
    margin-inline: auto;
    max-width: calc(var(--spacing) * 93.75);
  }
  @media (width >= 48rem) {
    .wrapper {
      max-width: calc(var(--spacing) * 480);
    }
  }
  .absolute {
    position: absolute;
  }
  .fixed {
    position: fixed;
  }
  .relative {
    position: relative;
  }
  .static {
    position: static;
  }
  .-top-2 {
    top: calc(var(--spacing) * -2);
  }
  .-top-2\.5 {
    top: calc(var(--spacing) * -2.5);
  }
  .-top-3\.5 {
    top: calc(var(--spacing) * -3.5);
  }
  .-top-4\.5 {
    top: calc(var(--spacing) * -4.5);
  }
  .-top-6 {
    top: calc(var(--spacing) * -6);
  }
  .-top-7\.75 {
    top: calc(var(--spacing) * -7.75);
  }
  .-top-9\.75 {
    top: calc(var(--spacing) * -9.75);
  }
  .-top-11 {
    top: calc(var(--spacing) * -11);
  }
  .-top-11\.5 {
    top: calc(var(--spacing) * -11.5);
  }
  .-top-17 {
    top: calc(var(--spacing) * -17);
  }
  .top-0 {
    top: calc(var(--spacing) * 0);
  }
  .top-0\.5 {
    top: calc(var(--spacing) * 0.5);
  }
  .top-2\.5 {
    top: calc(var(--spacing) * 2.5);
  }
  .top-6\.75 {
    top: calc(var(--spacing) * 6.75);
  }
  .top-7 {
    top: calc(var(--spacing) * 7);
  }
  .top-10\.75 {
    top: calc(var(--spacing) * 10.75);
  }
  .top-16\.5 {
    top: calc(var(--spacing) * 16.5);
  }
  .top-19\.5 {
    top: calc(var(--spacing) * 19.5);
  }
  .top-20\.5 {
    top: calc(var(--spacing) * 20.5);
  }
  .top-28\.5 {
    top: calc(var(--spacing) * 28.5);
  }
  .top-51 {
    top: calc(var(--spacing) * 51);
  }
  .-right-0\.5 {
    right: calc(var(--spacing) * -0.5);
  }
  .-right-0\.25 {
    right: calc(var(--spacing) * -0.25);
  }
  .-right-1 {
    right: calc(var(--spacing) * -1);
  }
  .-right-1\.5 {
    right: calc(var(--spacing) * -1.5);
  }
  .right-1\.5 {
    right: calc(var(--spacing) * 1.5);
  }
  .right-1\.25 {
    right: calc(var(--spacing) * 1.25);
  }
  .right-1\.75 {
    right: calc(var(--spacing) * 1.75);
  }
  .right-2 {
    right: calc(var(--spacing) * 2);
  }
  .right-3\.25 {
    right: calc(var(--spacing) * 3.25);
  }
  .right-7\.75 {
    right: calc(var(--spacing) * 7.75);
  }
  .right-8 {
    right: calc(var(--spacing) * 8);
  }
  .right-8\.75 {
    right: calc(var(--spacing) * 8.75);
  }
  .right-10 {
    right: calc(var(--spacing) * 10);
  }
  .right-12 {
    right: calc(var(--spacing) * 12);
  }
  .right-12\.75 {
    right: calc(var(--spacing) * 12.75);
  }
  .right-14 {
    right: calc(var(--spacing) * 14);
  }
  .right-15\.75 {
    right: calc(var(--spacing) * 15.75);
  }
  .right-16\.75 {
    right: calc(var(--spacing) * 16.75);
  }
  .right-17 {
    right: calc(var(--spacing) * 17);
  }
  .right-19 {
    right: calc(var(--spacing) * 19);
  }
  .right-25\.25 {
    right: calc(var(--spacing) * 25.25);
  }
  .-bottom-1\.75 {
    bottom: calc(var(--spacing) * -1.75);
  }
  .-bottom-3 {
    bottom: calc(var(--spacing) * -3);
  }
  .-bottom-3\.25 {
    bottom: calc(var(--spacing) * -3.25);
  }
  .-bottom-4\.75 {
    bottom: calc(var(--spacing) * -4.75);
  }
  .-bottom-5 {
    bottom: calc(var(--spacing) * -5);
  }
  .-bottom-5\.25 {
    bottom: calc(var(--spacing) * -5.25);
  }
  .-bottom-6\.75 {
    bottom: calc(var(--spacing) * -6.75);
  }
  .-bottom-7\.5 {
    bottom: calc(var(--spacing) * -7.5);
  }
  .-bottom-7\.75 {
    bottom: calc(var(--spacing) * -7.75);
  }
  .-bottom-8 {
    bottom: calc(var(--spacing) * -8);
  }
  .-bottom-8\.5 {
    bottom: calc(var(--spacing) * -8.5);
  }
  .-bottom-8\.25 {
    bottom: calc(var(--spacing) * -8.25);
  }
  .-bottom-12 {
    bottom: calc(var(--spacing) * -12);
  }
  .bottom-1\.5 {
    bottom: calc(var(--spacing) * 1.5);
  }
  .bottom-1\.25 {
    bottom: calc(var(--spacing) * 1.25);
  }
  .bottom-2 {
    bottom: calc(var(--spacing) * 2);
  }
  .bottom-3\.75 {
    bottom: calc(var(--spacing) * 3.75);
  }
  .bottom-4 {
    bottom: calc(var(--spacing) * 4);
  }
  .bottom-4\.5 {
    bottom: calc(var(--spacing) * 4.5);
  }
  .bottom-4\.75 {
    bottom: calc(var(--spacing) * 4.75);
  }
  .bottom-5 {
    bottom: calc(var(--spacing) * 5);
  }
  .bottom-5\.25 {
    bottom: calc(var(--spacing) * 5.25);
  }
  .bottom-6\.25 {
    bottom: calc(var(--spacing) * 6.25);
  }
  .bottom-10\.25 {
    bottom: calc(var(--spacing) * 10.25);
  }
  .bottom-11\.25 {
    bottom: calc(var(--spacing) * 11.25);
  }
  .bottom-18 {
    bottom: calc(var(--spacing) * 18);
  }
  .bottom-18\.5 {
    bottom: calc(var(--spacing) * 18.5);
  }
  .bottom-19\.5 {
    bottom: calc(var(--spacing) * 19.5);
  }
  .bottom-28\.25 {
    bottom: calc(var(--spacing) * 28.25);
  }
  .bottom-54\.5 {
    bottom: calc(var(--spacing) * 54.5);
  }
  .bottom-62\.5 {
    bottom: calc(var(--spacing) * 62.5);
  }
  .-left-3\.25 {
    left: calc(var(--spacing) * -3.25);
  }
  .-left-44 {
    left: calc(var(--spacing) * -44);
  }
  .-left-50 {
    left: calc(var(--spacing) * -50);
  }
  .-left-52 {
    left: calc(var(--spacing) * -52);
  }
  .left-0 {
    left: calc(var(--spacing) * 0);
  }
  .left-1\/2 {
    left: calc(1/2 * 100%);
  }
  .left-2 {
    left: calc(var(--spacing) * 2);
  }
  .left-3\.75 {
    left: calc(var(--spacing) * 3.75);
  }
  .left-4\.5 {
    left: calc(var(--spacing) * 4.5);
  }
  .left-4\.25 {
    left: calc(var(--spacing) * 4.25);
  }
  .left-5 {
    left: calc(var(--spacing) * 5);
  }
  .left-5\.75 {
    left: calc(var(--spacing) * 5.75);
  }
  .left-6\.75 {
    left: calc(var(--spacing) * 6.75);
  }
  .left-8\.5 {
    left: calc(var(--spacing) * 8.5);
  }
  .left-8\.75 {
    left: calc(var(--spacing) * 8.75);
  }
  .left-20\.75 {
    left: calc(var(--spacing) * 20.75);
  }
  .left-29 {
    left: calc(var(--spacing) * 29);
  }
  .left-30 {
    left: calc(var(--spacing) * 30);
  }
  .left-35 {
    left: calc(var(--spacing) * 35);
  }
  .left-46\.75 {
    left: calc(var(--spacing) * 46.75);
  }
  .left-48\.75 {
    left: calc(var(--spacing) * 48.75);
  }
  .left-59\.5 {
    left: calc(var(--spacing) * 59.5);
  }
  .left-59\.75 {
    left: calc(var(--spacing) * 59.75);
  }
  .left-60 {
    left: calc(var(--spacing) * 60);
  }
  .left-60\.75 {
    left: calc(var(--spacing) * 60.75);
  }
  .left-62 {
    left: calc(var(--spacing) * 62);
  }
  .left-65 {
    left: calc(var(--spacing) * 65);
  }
  .left-auto {
    left: auto;
  }
  .z-1 {
    z-index: 1;
  }
  .z-10 {
    z-index: 10;
  }
  .z-40 {
    z-index: 40;
  }
  .z-50 {
    z-index: 50;
  }
  .col-span-2 {
    grid-column: span 2 / span 2;
  }
  .container {
    width: 100%;
  }
  @media (width >= 30rem) {
    .container {
      max-width: 30rem;
    }
  }
  @media (width >= 48rem) {
    .container {
      max-width: 48rem;
    }
  }
  @media (width >= 80rem) {
    .container {
      max-width: 80rem;
    }
  }
  @media (width >= 93.75rem) {
    .container {
      max-width: 93.75rem;
    }
  }
  @media (width >= 120rem) {
    .container {
      max-width: 120rem;
    }
  }
  .inner-wrapper {
    margin-inline: auto;
    max-width: calc(var(--spacing) * 361);
  }
  @media (width < 48rem) {
    .inner-wrapper {
      padding-inline: calc(var(--spacing) * 5);
    }
  }
  .mx-auto {
    margin-inline: auto;
  }
  .my-7 {
    margin-block: calc(var(--spacing) * 7);
  }
  .-mt-1\.5 {
    margin-top: calc(var(--spacing) * -1.5);
  }
  .-mt-3 {
    margin-top: calc(var(--spacing) * -3);
  }
  .-mt-31\.75 {
    margin-top: calc(var(--spacing) * -31.75);
  }
  .-mt-52\.5 {
    margin-top: calc(var(--spacing) * -52.5);
  }
  .mt-2 {
    margin-top: calc(var(--spacing) * 2);
  }
  .mt-3 {
    margin-top: calc(var(--spacing) * 3);
  }
  .mt-5 {
    margin-top: calc(var(--spacing) * 5);
  }
  .mt-6 {
    margin-top: calc(var(--spacing) * 6);
  }
  .mt-7 {
    margin-top: calc(var(--spacing) * 7);
  }
  .mt-8 {
    margin-top: calc(var(--spacing) * 8);
  }
  .mt-10 {
    margin-top: calc(var(--spacing) * 10);
  }
  .mt-14 {
    margin-top: calc(var(--spacing) * 14);
  }
  .mt-16 {
    margin-top: calc(var(--spacing) * 16);
  }
  .mt-34 {
    margin-top: calc(var(--spacing) * 34);
  }
  .-mr-8 {
    margin-right: calc(var(--spacing) * -8);
  }
  .mr-5 {
    margin-right: calc(var(--spacing) * 5);
  }
  .-mb-3 {
    margin-bottom: calc(var(--spacing) * -3);
  }
  .-mb-8 {
    margin-bottom: calc(var(--spacing) * -8);
  }
  .-mb-\[0\.3125rem\] {
    margin-bottom: calc(0.3125rem * -1);
  }
  .mb-4\.5 {
    margin-bottom: calc(var(--spacing) * 4.5);
  }
  .ml-1\.5 {
    margin-left: calc(var(--spacing) * 1.5);
  }
  .ml-auto {
    margin-left: auto;
  }
  .sc-title h1, .sc-title h2, .sc-title h3, .sc-title h4, .sc-title h5 {
    font-size: 3rem;
    --tw-leading: 1;
    line-height: 1;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-white);
  }
  .sc-title h1 span, .sc-title h2 span, .sc-title h3 span, .sc-title h4 span, .sc-title h5 span {
    display: inline-block;
    height: calc(var(--spacing) * 14.5);
    width: calc(var(--spacing) * 14.5);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-white);
    background-color: var(--color-primary);
    text-align: center;
  }
  .sc-title h1 span:not(:first-child), .sc-title h2 span:not(:first-child), .sc-title h3 span:not(:first-child), .sc-title h4 span:not(:first-child), .sc-title h5 span:not(:first-child) {
    border-left-style: var(--tw-border-style);
    border-left-width: 0px;
  }
  @media (width < 48rem) {
    .sc-title h1, .sc-title h2, .sc-title h3, .sc-title h4, .sc-title h5 {
      font-size: 1.875rem;
    }
    .sc-title h1 span, .sc-title h2 span, .sc-title h3 span, .sc-title h4 span, .sc-title h5 span {
      height: calc(var(--spacing) * 9.5);
      width: calc(var(--spacing) * 9.5);
    }
  }
  .animate-perline {
    --delay: 0ms;
  }
  .animate-perline .wrap-text-perline span {
    display: inline-block;
    --tw-translate-y: calc(var(--spacing) * 6);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    opacity: 0%;
  }
  .animate-perline.animated .wrap-text-perline span, .animate-perline.aos-animate .wrap-text-perline span {
    --tw-translate-y: calc(var(--spacing) * 0);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    opacity: 100%;
    transition-property: all;
    transition-timing-function: var(--tw-ease, ease);
    transition-duration: var(--tw-duration, 0s);
    --tw-duration: 600ms;
    transition-duration: 600ms;
  }
  .animate-perline.animated .wrap-text-perline span:nth-of-type(1), .animate-perline.aos-animate .wrap-text-perline span:nth-of-type(1) {
    transition-delay: calc(var(--delay) + 0ms);
  }
  .animate-perline.animated .wrap-text-perline span:nth-of-type(2), .animate-perline.aos-animate .wrap-text-perline span:nth-of-type(2) {
    transition-delay: calc(var(--delay) + 200ms);
  }
  .animate-perline.animated .wrap-text-perline span:nth-of-type(3), .animate-perline.aos-animate .wrap-text-perline span:nth-of-type(3) {
    transition-delay: calc(var(--delay) + 400ms);
  }
  .animate-perline.animated .wrap-text-perline span:nth-of-type(4), .animate-perline.aos-animate .wrap-text-perline span:nth-of-type(4) {
    transition-delay: calc(var(--delay) + 600ms);
  }
  .animate-perline.animated .wrap-text-perline span:nth-of-type(5), .animate-perline.aos-animate .wrap-text-perline span:nth-of-type(5) {
    transition-delay: calc(var(--delay) + 800ms);
  }
  .animate-perline.animated .wrap-text-perline span:nth-of-type(6), .animate-perline.aos-animate .wrap-text-perline span:nth-of-type(6) {
    transition-delay: calc(var(--delay) + 1000ms);
  }
  .animate-perline.animated .wrap-text-perline span:nth-of-type(7), .animate-perline.aos-animate .wrap-text-perline span:nth-of-type(7) {
    transition-delay: calc(var(--delay) + 1200ms);
  }
  .animate-perline.animated .wrap-text-perline span:nth-of-type(8), .animate-perline.aos-animate .wrap-text-perline span:nth-of-type(8) {
    transition-delay: calc(var(--delay) + 1400ms);
  }
  .animate-perline.animated .wrap-text-perline span:nth-of-type(9), .animate-perline.aos-animate .wrap-text-perline span:nth-of-type(9) {
    transition-delay: calc(var(--delay) + 1600ms);
  }
  .animate-perline.animated .wrap-text-perline span:nth-of-type(10), .animate-perline.aos-animate .wrap-text-perline span:nth-of-type(10) {
    transition-delay: calc(var(--delay) + 1800ms);
  }
  .animate-perline.animated .wrap-text-perline span:nth-of-type(11), .animate-perline.aos-animate .wrap-text-perline span:nth-of-type(11) {
    transition-delay: calc(var(--delay) + 2000ms);
  }
  .animate-perline.animated .wrap-text-perline span:nth-of-type(12), .animate-perline.aos-animate .wrap-text-perline span:nth-of-type(12) {
    transition-delay: calc(var(--delay) + 2200ms);
  }
  .animate-perline.animated .wrap-text-perline span:nth-of-type(13), .animate-perline.aos-animate .wrap-text-perline span:nth-of-type(13) {
    transition-delay: calc(var(--delay) + 2400ms);
  }
  .animate-perline.animated .wrap-text-perline span:nth-of-type(14), .animate-perline.aos-animate .wrap-text-perline span:nth-of-type(14) {
    transition-delay: calc(var(--delay) + 2600ms);
  }
  .animate-perline.animated .wrap-text-perline span:nth-of-type(15), .animate-perline.aos-animate .wrap-text-perline span:nth-of-type(15) {
    transition-delay: calc(var(--delay) + 2800ms);
  }
  .animate-perline.animated .wrap-text-perline span:nth-of-type(16), .animate-perline.aos-animate .wrap-text-perline span:nth-of-type(16) {
    transition-delay: calc(var(--delay) + 3000ms);
  }
  .animate-perline.animated .wrap-text-perline span:nth-of-type(17), .animate-perline.aos-animate .wrap-text-perline span:nth-of-type(17) {
    transition-delay: calc(var(--delay) + 3200ms);
  }
  .animate-perline.animated .wrap-text-perline span:nth-of-type(18), .animate-perline.aos-animate .wrap-text-perline span:nth-of-type(18) {
    transition-delay: calc(var(--delay) + 3400ms);
  }
  .animate-perline.animated .wrap-text-perline span:nth-of-type(19), .animate-perline.aos-animate .wrap-text-perline span:nth-of-type(19) {
    transition-delay: calc(var(--delay) + 3600ms);
  }
  .animate-perline.animated .wrap-text-perline span:nth-of-type(20), .animate-perline.aos-animate .wrap-text-perline span:nth-of-type(20) {
    transition-delay: calc(var(--delay) + 3800ms);
  }
  .animate-perline.animated .wrap-text-perline span:nth-of-type(21), .animate-perline.aos-animate .wrap-text-perline span:nth-of-type(21) {
    transition-delay: calc(var(--delay) + 4000ms);
  }
  .animate-perline.animated .wrap-text-perline span:nth-of-type(22), .animate-perline.aos-animate .wrap-text-perline span:nth-of-type(22) {
    transition-delay: calc(var(--delay) + 4200ms);
  }
  .animate-perline.animated .wrap-text-perline span:nth-of-type(23), .animate-perline.aos-animate .wrap-text-perline span:nth-of-type(23) {
    transition-delay: calc(var(--delay) + 4400ms);
  }
  .animate-perline.animated .wrap-text-perline span:nth-of-type(24), .animate-perline.aos-animate .wrap-text-perline span:nth-of-type(24) {
    transition-delay: calc(var(--delay) + 4600ms);
  }
  .line-clamp-5 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
  }
  .line-clamp-6 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 6;
  }
  .\!hidden {
    display: none !important;
  }
  .block {
    display: block;
  }
  .flex {
    display: flex;
  }
  .grid {
    display: grid;
  }
  .hidden {
    display: none;
  }
  .inline {
    display: inline;
  }
  .inline-block {
    display: inline-block;
  }
  .table {
    display: table;
  }
  .aspect-410\/341 {
    aspect-ratio: 410/341;
  }
  .aspect-470\/318 {
    aspect-ratio: 470/318;
  }
  .aspect-500\/361 {
    aspect-ratio: 500/361;
  }
  .aspect-528\/321 {
    aspect-ratio: 528/321;
  }
  .aspect-712\/422 {
    aspect-ratio: 712/422;
  }
  .aspect-712\/475 {
    aspect-ratio: 712/475;
  }
  .aspect-718\/357 {
    aspect-ratio: 718/357;
  }
  .aspect-722\/337 {
    aspect-ratio: 722/337;
  }
  .\!h-10 {
    height: calc(var(--spacing) * 10) !important;
  }
  .h-10 {
    height: calc(var(--spacing) * 10);
  }
  .h-13 {
    height: calc(var(--spacing) * 13);
  }
  .h-37\.5 {
    height: calc(var(--spacing) * 37.5);
  }
  .h-full {
    height: 100%;
  }
  .min-h-20 {
    min-height: calc(var(--spacing) * 20);
  }
  .w-6\.5 {
    width: calc(var(--spacing) * 6.5);
  }
  .w-7\.5 {
    width: calc(var(--spacing) * 7.5);
  }
  .w-7\.75 {
    width: calc(var(--spacing) * 7.75);
  }
  .w-8\.5 {
    width: calc(var(--spacing) * 8.5);
  }
  .w-8\.75 {
    width: calc(var(--spacing) * 8.75);
  }
  .w-9 {
    width: calc(var(--spacing) * 9);
  }
  .w-9\.5 {
    width: calc(var(--spacing) * 9.5);
  }
  .w-9\.25 {
    width: calc(var(--spacing) * 9.25);
  }
  .w-9\.75 {
    width: calc(var(--spacing) * 9.75);
  }
  .w-10 {
    width: calc(var(--spacing) * 10);
  }
  .w-10\.75 {
    width: calc(var(--spacing) * 10.75);
  }
  .w-11\.5 {
    width: calc(var(--spacing) * 11.5);
  }
  .w-11\.75 {
    width: calc(var(--spacing) * 11.75);
  }
  .w-12 {
    width: calc(var(--spacing) * 12);
  }
  .w-12\.5 {
    width: calc(var(--spacing) * 12.5);
  }
  .w-12\.25 {
    width: calc(var(--spacing) * 12.25);
  }
  .w-13 {
    width: calc(var(--spacing) * 13);
  }
  .w-13\.5 {
    width: calc(var(--spacing) * 13.5);
  }
  .w-13\.75 {
    width: calc(var(--spacing) * 13.75);
  }
  .w-14 {
    width: calc(var(--spacing) * 14);
  }
  .w-14\.5 {
    width: calc(var(--spacing) * 14.5);
  }
  .w-14\.25 {
    width: calc(var(--spacing) * 14.25);
  }
  .w-15 {
    width: calc(var(--spacing) * 15);
  }
  .w-15\.5 {
    width: calc(var(--spacing) * 15.5);
  }
  .w-15\.25 {
    width: calc(var(--spacing) * 15.25);
  }
  .w-16\.75 {
    width: calc(var(--spacing) * 16.75);
  }
  .w-17\.25 {
    width: calc(var(--spacing) * 17.25);
  }
  .w-17\.75 {
    width: calc(var(--spacing) * 17.75);
  }
  .w-18 {
    width: calc(var(--spacing) * 18);
  }
  .w-18\.25 {
    width: calc(var(--spacing) * 18.25);
  }
  .w-19 {
    width: calc(var(--spacing) * 19);
  }
  .w-20 {
    width: calc(var(--spacing) * 20);
  }
  .w-23\.5 {
    width: calc(var(--spacing) * 23.5);
  }
  .w-24 {
    width: calc(var(--spacing) * 24);
  }
  .w-25 {
    width: calc(var(--spacing) * 25);
  }
  .w-26\.75 {
    width: calc(var(--spacing) * 26.75);
  }
  .w-27\.25 {
    width: calc(var(--spacing) * 27.25);
  }
  .w-28\.5 {
    width: calc(var(--spacing) * 28.5);
  }
  .w-31\.75 {
    width: calc(var(--spacing) * 31.75);
  }
  .w-34\.75 {
    width: calc(var(--spacing) * 34.75);
  }
  .w-35 {
    width: calc(var(--spacing) * 35);
  }
  .w-37\.5 {
    width: calc(var(--spacing) * 37.5);
  }
  .w-39 {
    width: calc(var(--spacing) * 39);
  }
  .w-39\.25 {
    width: calc(var(--spacing) * 39.25);
  }
  .w-40 {
    width: calc(var(--spacing) * 40);
  }
  .w-40\.75 {
    width: calc(var(--spacing) * 40.75);
  }
  .w-43 {
    width: calc(var(--spacing) * 43);
  }
  .w-43\.5 {
    width: calc(var(--spacing) * 43.5);
  }
  .w-44 {
    width: calc(var(--spacing) * 44);
  }
  .w-44\.5 {
    width: calc(var(--spacing) * 44.5);
  }
  .w-47 {
    width: calc(var(--spacing) * 47);
  }
  .w-48 {
    width: calc(var(--spacing) * 48);
  }
  .w-50 {
    width: calc(var(--spacing) * 50);
  }
  .w-52\.5 {
    width: calc(var(--spacing) * 52.5);
  }
  .w-56\.5 {
    width: calc(var(--spacing) * 56.5);
  }
  .w-62\.25 {
    width: calc(var(--spacing) * 62.25);
  }
  .w-71\.5 {
    width: calc(var(--spacing) * 71.5);
  }
  .w-71\.75 {
    width: calc(var(--spacing) * 71.75);
  }
  .w-72\.75 {
    width: calc(var(--spacing) * 72.75);
  }
  .w-73\.25 {
    width: calc(var(--spacing) * 73.25);
  }
  .w-74 {
    width: calc(var(--spacing) * 74);
  }
  .w-78 {
    width: calc(var(--spacing) * 78);
  }
  .w-78\.25 {
    width: calc(var(--spacing) * 78.25);
  }
  .w-78\.75 {
    width: calc(var(--spacing) * 78.75);
  }
  .w-79\.25 {
    width: calc(var(--spacing) * 79.25);
  }
  .w-84\.5 {
    width: calc(var(--spacing) * 84.5);
  }
  .w-85\.75 {
    width: calc(var(--spacing) * 85.75);
  }
  .w-88\.25 {
    width: calc(var(--spacing) * 88.25);
  }
  .w-92\.5 {
    width: calc(var(--spacing) * 92.5);
  }
  .w-153\.5 {
    width: calc(var(--spacing) * 153.5);
  }
  .w-full {
    width: 100%;
  }
  .w-max {
    width: max-content;
  }
  .max-w-23 {
    max-width: calc(var(--spacing) * 23);
  }
  .max-w-23\.25 {
    max-width: calc(var(--spacing) * 23.25);
  }
  .max-w-30 {
    max-width: calc(var(--spacing) * 30);
  }
  .max-w-45 {
    max-width: calc(var(--spacing) * 45);
  }
  .max-w-50 {
    max-width: calc(var(--spacing) * 50);
  }
  .max-w-84 {
    max-width: calc(var(--spacing) * 84);
  }
  .max-w-89 {
    max-width: calc(var(--spacing) * 89);
  }
  .max-w-90\.75 {
    max-width: calc(var(--spacing) * 90.75);
  }
  .max-w-102 {
    max-width: calc(var(--spacing) * 102);
  }
  .max-w-281\.5 {
    max-width: calc(var(--spacing) * 281.5);
  }
  .flex-1 {
    flex: 1;
  }
  .origin-center {
    transform-origin: center;
  }
  .translate-0 {
    --tw-translate-x: calc(var(--spacing) * 0);
    --tw-translate-y: calc(var(--spacing) * 0);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .hv-o-ir {
    transition-property: all;
    transition-timing-function: var(--tw-ease, ease);
    transition-duration: var(--tw-duration, 0s);
    --tw-duration: 200ms;
    transition-duration: 200ms;
  }
  .hv-o-ir .ir {
    transition-property: all;
    transition-timing-function: var(--tw-ease, ease);
    transition-duration: var(--tw-duration, 0s);
    --tw-duration: 200ms;
    transition-duration: 200ms;
  }
  @media (hover:hover) {
    .hv-o-ir:hover {
      opacity: 80%;
    }
    .hv-o-ir:hover .ir {
      --tw-translate-x: calc(var(--spacing) * 2);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  .-translate-x-1\/2 {
    --tw-translate-x: calc(calc(1/2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .-translate-y-10 {
    --tw-translate-y: calc(var(--spacing) * -10);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .-translate-y-full {
    --tw-translate-y: -100%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-y-0 {
    --tw-translate-y: calc(var(--spacing) * 0);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-y-\[50vh\] {
    --tw-translate-y: 50vh;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .-scale-x-100 {
    --tw-scale-x: calc(100% * -1);
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
  .-rotate-\[169\.46deg\] {
    rotate: calc(169.46deg * -1);
  }
  .rotate-62 {
    rotate: 62deg;
  }
  .rotate-90 {
    rotate: 90deg;
  }
  .rotate-169 {
    rotate: 169deg;
  }
  .rotate-170 {
    rotate: 170deg;
  }
  .rotate-180 {
    rotate: 180deg;
  }
  .rotate-270 {
    rotate: 270deg;
  }
  .animate-scale-up {
    opacity: 0;
    -webkit-transform: scale(0.8) translateY(1rem);
    transform: scale(0.8) translateY(1rem);
    will-change: opacity, transform;
  }
  .animate-scale-up.animated, .animate-scale-up.aos-animate {
    -webkit-transition: .8s cubic-bezier(0.34, 1.63, 0.64, 1);
    transition: .8s cubic-bezier(0.34, 1.63, 0.64, 1);
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: opacity, transform;
    transition-property: opacity, transform, -webkit-transform;
    opacity: 1;
    -webkit-transform: scale(1) translateY(0);
    transform: scale(1) translateY(0);
  }
  .transform {
    transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
  }
  .animate-flip.animated, .animate-flip.aos-animate {
    animation: flip 1.5s forwards;
  }
  .animate-tiktok {
    animation: tiktok 1s .5s steps(2) infinite;
  }
  .animate-toktik {
    animation: toktik 1s .5s steps(2) infinite;
  }
  .resize {
    resize: both;
  }
  .grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .flex-col {
    flex-direction: column;
  }
  .flex-row-reverse {
    flex-direction: row-reverse;
  }
  .place-content-center {
    place-content: center;
  }
  .items-center {
    align-items: center;
  }
  .items-end {
    align-items: flex-end;
  }
  .items-start {
    align-items: flex-start;
  }
  .justify-around {
    justify-content: space-around;
  }
  .justify-between {
    justify-content: space-between;
  }
  .justify-center {
    justify-content: center;
  }
  .justify-end {
    justify-content: flex-end;
  }
  .gap-1 {
    gap: calc(var(--spacing) * 1);
  }
  .gap-1\.5 {
    gap: calc(var(--spacing) * 1.5);
  }
  .gap-2 {
    gap: calc(var(--spacing) * 2);
  }
  .gap-2\.25 {
    gap: calc(var(--spacing) * 2.25);
  }
  .gap-2\.75 {
    gap: calc(var(--spacing) * 2.75);
  }
  .gap-3\.5 {
    gap: calc(var(--spacing) * 3.5);
  }
  .gap-6 {
    gap: calc(var(--spacing) * 6);
  }
  .gap-7\.5 {
    gap: calc(var(--spacing) * 7.5);
  }
  .gap-8 {
    gap: calc(var(--spacing) * 8);
  }
  .gap-11 {
    gap: calc(var(--spacing) * 11);
  }
  .gap-15 {
    gap: calc(var(--spacing) * 15);
  }
  .gap-16 {
    gap: calc(var(--spacing) * 16);
  }
  :where(.space-y-9 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 9) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 9) * calc(1 - var(--tw-space-y-reverse)));
  }
  :where(.space-y-10 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 10) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 10) * calc(1 - var(--tw-space-y-reverse)));
  }
  :where(.space-y-14 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 14) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 14) * calc(1 - var(--tw-space-y-reverse)));
  }
  :where(.space-y-16 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 16) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 16) * calc(1 - var(--tw-space-y-reverse)));
  }
  .gap-x-0\.25 {
    column-gap: calc(var(--spacing) * 0.25);
  }
  .gap-y-5\.5 {
    row-gap: calc(var(--spacing) * 5.5);
  }
  .gap-y-6 {
    row-gap: calc(var(--spacing) * 6);
  }
  .truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .overflow-hidden {
    overflow: hidden;
  }
  .rounded-\[\.3125rem\] {
    border-radius: .3125rem;
  }
  .rounded-\[1\.5rem\] {
    border-radius: 1.5rem;
  }
  .rounded-full {
    border-radius: calc(infinity * 1px);
  }
  .rounded-l-lg {
    border-top-left-radius: var(--radius-lg);
    border-bottom-left-radius: var(--radius-lg);
  }
  .hv-bs {
    transition-property: all;
    transition-timing-function: var(--tw-ease, ease);
    transition-duration: var(--tw-duration, 0s);
    --tw-duration: 400ms;
    transition-duration: 400ms;
  }
  .hv-bs ._icon {
    border-style: var(--tw-border-style);
    border-width: .375rem;
    transition-property: all;
    transition-timing-function: var(--tw-ease, ease);
    transition-duration: var(--tw-duration, 0s);
    --tw-duration: 400ms;
    transition-duration: 400ms;
    background-color: var(--init-bg, var(--color-primary));
    border-color: var(--init-stroke, var(--init-bg, var(--color-primary)));
  }
  .hv-bs ._icon svg {
    transition-property: all;
    transition-timing-function: var(--tw-ease, ease);
    transition-duration: var(--tw-duration, 0s);
    --tw-duration: 400ms;
    transition-duration: 400ms;
    stroke: var(--init-color, var(--color-white));
    fill: var(--init-color, var(--color-white));
  }
  @media (hover:hover) {
    .hv-bs:hover ._icon {
      background-color: var(--hover-bg, var(--color-white));
      border-color: var(--hover-stroke, var(--init-bg, var(--color-primary)));
    }
    .hv-bs:hover ._icon svg {
      stroke: var(--hover-color, var(--color-primary));
      fill: var(--hover-color, var(--color-primary));
    }
  }
  .border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  .border-primary {
    border-color: var(--color-primary);
  }
  .border-primary-darker {
    border-color: var(--color-primary-darker);
  }
  .border-secondary {
    border-color: var(--color-secondary);
  }
  .border-tertiary {
    border-color: var(--color-tertiary);
  }
  .bg-black {
    background-color: var(--color-black);
  }
  .bg-primary {
    background-color: var(--color-primary);
  }
  .bg-secondary {
    background-color: var(--color-secondary);
  }
  .bg-transparent {
    background-color: transparent;
  }
  .bg-white {
    background-color: var(--color-white);
  }
  .bg-grid {
    background-image: url('./assets/img/bg-grid_sp.svg');
    background-position: top;
  }
  @media (width >= 48rem) {
    .bg-grid {
      background-image: url('./assets/img/bg-grid.svg');
    }
  }
  .bg-grid-15 {
    background-image: url('./assets/img/bg-grid-15_sp.svg');
    background-position: top;
  }
  @media (width >= 48rem) {
    .bg-grid-15 {
      background-image: url('./assets/img/bg-grid-15.svg');
    }
  }
  .animate-fill-stroke path, .animate-fill-stroke circle {
    stroke-dasharray: 1000;
    stroke-dashoffset: 1000;
    fill: transparent;
  }
  .animate-fill-stroke:hover path, .animate-fill-stroke:hover circle, .animate-fill-stroke.animated path, .animate-fill-stroke.animated circle, .animate-fill-stroke.aos-animate path, .animate-fill-stroke.aos-animate circle {
    stroke-dashoffset: 0;
    fill: var(--fill);
    transition: stroke-dashoffset 1s ease-out, fill .8s .5s;
  }
  .animate-fill-stroke2 path, .animate-fill-stroke2 circle {
    stroke-dasharray: 1000;
    stroke-dashoffset: 1000;
    fill: transparent;
  }
  .animate-fill-stroke2:hover path, .animate-fill-stroke2:hover circle, .animate-fill-stroke2.animated path, .animate-fill-stroke2.animated circle, .animate-fill-stroke2.aos-animate path, .animate-fill-stroke2.aos-animate circle {
    stroke-dashoffset: 0;
    fill: var(--fill);
    transition: stroke-dashoffset 1s 1s ease-out, fill .8s 1.5s;
  }
  .px-3 {
    padding-inline: calc(var(--spacing) * 3);
  }
  .px-\[0\.75rem_0\.4375rem\] {
    padding-inline: 0.75rem 0.4375rem;
  }
  .px-\[0\.75rem_2\.5rem\] {
    padding-inline: 0.75rem 2.5rem;
  }
  .pt-0 {
    padding-top: calc(var(--spacing) * 0);
  }
  .pt-5 {
    padding-top: calc(var(--spacing) * 5);
  }
  .pr-4 {
    padding-right: calc(var(--spacing) * 4);
  }
  .pb-2\.5 {
    padding-bottom: calc(var(--spacing) * 2.5);
  }
  .pb-2\.75 {
    padding-bottom: calc(var(--spacing) * 2.75);
  }
  .pl-0\.5 {
    padding-left: calc(var(--spacing) * 0.5);
  }
  .pl-1 {
    padding-left: calc(var(--spacing) * 1);
  }
  .pl-9\.5 {
    padding-left: calc(var(--spacing) * 9.5);
  }
  .text-center {
    text-align: center;
  }
  .text-lg {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
  }
  .text-\[1\.25rem\] {
    font-size: 1.25rem;
  }
  .text-\[1\.375rem\] {
    font-size: 1.375rem;
  }
  .text-\[1\.5987rem\] {
    font-size: 1.5987rem;
  }
  .text-\[4rem\] {
    font-size: 4rem;
  }
  .leading-\[1\.8\] {
    --tw-leading: 1.8;
    line-height: 1.8;
  }
  .leading-\[2\.5rem\] {
    --tw-leading: 2.5rem;
    line-height: 2.5rem;
  }
  .leading-\[2\.25rem\] {
    --tw-leading: 2.25rem;
    line-height: 2.25rem;
  }
  .leading-none {
    --tw-leading: 1;
    line-height: 1;
  }
  .font-black {
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
  }
  .font-bold {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }
  .font-semibold {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }
  .text-primary {
    color: var(--color-primary);
  }
  .text-primary-dark {
    color: var(--color-primary-dark);
  }
  .opacity-0 {
    opacity: 0%;
  }
  .opacity-30 {
    opacity: 30%;
  }
  .opacity-100 {
    opacity: 100%;
  }
  .outline {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
  }
  .transition {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, visibility, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, ease);
    transition-duration: var(--tw-duration, 0s);
  }
  .transition-all {
    transition-property: all;
    transition-timing-function: var(--tw-ease, ease);
    transition-duration: var(--tw-duration, 0s);
  }
  .transition-opacity {
    transition-property: opacity;
    transition-timing-function: var(--tw-ease, ease);
    transition-duration: var(--tw-duration, 0s);
  }
  .delay-100 {
    transition-delay: 100ms;
  }
  .duration-200 {
    --tw-duration: 200ms;
    transition-duration: 200ms;
  }
  .duration-400 {
    --tw-duration: 400ms;
    transition-duration: 400ms;
  }
  .duration-500 {
    --tw-duration: 500ms;
    transition-duration: 500ms;
  }
  .duration-1000 {
    --tw-duration: 1000ms;
    transition-duration: 1000ms;
  }
  .ease-in {
    --tw-ease: var(--ease-in);
    transition-timing-function: var(--ease-in);
  }
  .ease-in-out {
    --tw-ease: var(--ease-in-out);
    transition-timing-function: var(--ease-in-out);
  }
  .ease-out {
    --tw-ease: var(--ease-out);
    transition-timing-function: var(--ease-out);
  }
  .animate-fragma {
    animation-name: fragma;
    animation-duration: 3.4s;
    animation-delay: 1.1s;
    animation-timing-function: cubic-bezier(.33,1,.68,1);
    animation-iteration-count: infinite;
  }
  @media (width < 48rem) {
    .max-md\:-top-0\.5 {
      top: calc(var(--spacing) * -0.5);
    }
  }
  @media (width < 48rem) {
    .max-md\:-top-4\.5 {
      top: calc(var(--spacing) * -4.5);
    }
  }
  @media (width < 48rem) {
    .max-md\:-right-1\.25 {
      right: calc(var(--spacing) * -1.25);
    }
  }
  @media (width < 48rem) {
    .max-md\:right-11\.25 {
      right: calc(var(--spacing) * 11.25);
    }
  }
  @media (width < 48rem) {
    .max-md\:bottom-2\.5 {
      bottom: calc(var(--spacing) * 2.5);
    }
  }
  @media (width < 48rem) {
    .max-md\:bottom-81 {
      bottom: calc(var(--spacing) * 81);
    }
  }
  @media (width < 48rem) {
    .max-md\:left-3 {
      left: calc(var(--spacing) * 3);
    }
  }
  @media (width < 48rem) {
    .max-md\:left-4\.5 {
      left: calc(var(--spacing) * 4.5);
    }
  }
  @media (width < 48rem) {
    .max-md\:left-6\.5 {
      left: calc(var(--spacing) * 6.5);
    }
  }
  @media (width < 48rem) {
    .max-md\:left-13\.5 {
      left: calc(var(--spacing) * 13.5);
    }
  }
  @media (width < 48rem) {
    .max-md\:left-15 {
      left: calc(var(--spacing) * 15);
    }
  }
  @media (width < 48rem) {
    .max-md\:left-auto {
      left: auto;
    }
  }
  @media (width < 48rem) {
    .max-md\:-mt-3 {
      margin-top: calc(var(--spacing) * -3);
    }
  }
  @media (width < 48rem) {
    .max-md\:-mt-44\.5 {
      margin-top: calc(var(--spacing) * -44.5);
    }
  }
  @media (width < 48rem) {
    .max-md\:mt-0 {
      margin-top: calc(var(--spacing) * 0);
    }
  }
  @media (width < 48rem) {
    .max-md\:mt-2\.25 {
      margin-top: calc(var(--spacing) * 2.25);
    }
  }
  @media (width < 48rem) {
    .max-md\:mt-4 {
      margin-top: calc(var(--spacing) * 4);
    }
  }
  @media (width < 48rem) {
    .max-md\:mt-4\.5 {
      margin-top: calc(var(--spacing) * 4.5);
    }
  }
  @media (width < 48rem) {
    .max-md\:mt-6 {
      margin-top: calc(var(--spacing) * 6);
    }
  }
  @media (width < 48rem) {
    .max-md\:mt-8\.25 {
      margin-top: calc(var(--spacing) * 8.25);
    }
  }
  @media (width < 48rem) {
    .max-md\:mt-14 {
      margin-top: calc(var(--spacing) * 14);
    }
  }
  @media (width < 48rem) {
    .max-md\:-mr-1\.25 {
      margin-right: calc(var(--spacing) * -1.25);
    }
  }
  @media (width < 48rem) {
    .max-md\:mr-1 {
      margin-right: calc(var(--spacing) * 1);
    }
  }
  @media (width < 48rem) {
    .max-md\:mr-1\.5 {
      margin-right: calc(var(--spacing) * 1.5);
    }
  }
  @media (width < 48rem) {
    .max-md\:mr-4 {
      margin-right: calc(var(--spacing) * 4);
    }
  }
  @media (width < 48rem) {
    .max-md\:mr-auto {
      margin-right: auto;
    }
  }
  @media (width < 48rem) {
    .max-md\:-mb-1\.5 {
      margin-bottom: calc(var(--spacing) * -1.5);
    }
  }
  @media (width < 48rem) {
    .max-md\:-mb-27 {
      margin-bottom: calc(var(--spacing) * -27);
    }
  }
  @media (width < 48rem) {
    .max-md\:mb-2 {
      margin-bottom: calc(var(--spacing) * 2);
    }
  }
  @media (width < 48rem) {
    .max-md\:mb-6 {
      margin-bottom: calc(var(--spacing) * 6);
    }
  }
  @media (width < 48rem) {
    .max-md\:-ml-0\.5 {
      margin-left: calc(var(--spacing) * -0.5);
    }
  }
  @media (width < 48rem) {
    .max-md\:ml-0\.75 {
      margin-left: calc(var(--spacing) * 0.75);
    }
  }
  @media (width < 48rem) {
    .max-md\:ml-3 {
      margin-left: calc(var(--spacing) * 3);
    }
  }
  @media (width < 48rem) {
    .max-md\:ml-3\.75 {
      margin-left: calc(var(--spacing) * 3.75);
    }
  }
  @media (width < 48rem) {
    .max-md\:ml-4 {
      margin-left: calc(var(--spacing) * 4);
    }
  }
  @media (width < 48rem) {
    .max-md\:ml-5 {
      margin-left: calc(var(--spacing) * 5);
    }
  }
  @media (width < 48rem) {
    .max-md\:ml-5\.25 {
      margin-left: calc(var(--spacing) * 5.25);
    }
  }
  @media (width < 48rem) {
    .max-md\:ml-6\.5 {
      margin-left: calc(var(--spacing) * 6.5);
    }
  }
  @media (width < 48rem) {
    .max-md\:ml-auto {
      margin-left: auto;
    }
  }
  @media (width < 48rem) {
    .max-md\:line-clamp-5 {
      overflow: hidden;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 5;
    }
  }
  @media (width < 48rem) {
    .max-md\:hidden {
      display: none;
    }
  }
  @media (width < 48rem) {
    .max-md\:w-21 {
      width: calc(var(--spacing) * 21);
    }
  }
  @media (width < 48rem) {
    .max-md\:w-23\.75 {
      width: calc(var(--spacing) * 23.75);
    }
  }
  @media (width < 48rem) {
    .max-md\:w-28 {
      width: calc(var(--spacing) * 28);
    }
  }
  @media (width < 48rem) {
    .max-md\:origin-top {
      transform-origin: top;
    }
  }
  @media (width < 48rem) {
    .max-md\:translate-0 {
      --tw-translate-x: calc(var(--spacing) * 0);
      --tw-translate-y: calc(var(--spacing) * 0);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  @media (width < 48rem) {
    .max-md\:-translate-y-full {
      --tw-translate-y: -100%;
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  @media (width < 48rem) {
    .max-md\:scale-70 {
      --tw-scale-x: 70%;
      --tw-scale-y: 70%;
      --tw-scale-z: 70%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
  }
  @media (width < 48rem) {
    .max-md\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  @media (width < 48rem) {
    .max-md\:flex-col {
      flex-direction: column;
    }
  }
  @media (width < 48rem) {
    .max-md\:flex-col-reverse {
      flex-direction: column-reverse;
    }
  }
  @media (width < 48rem) {
    .max-md\:justify-between {
      justify-content: space-between;
    }
  }
  @media (width < 48rem) {
    .max-md\:gap-6 {
      gap: calc(var(--spacing) * 6);
    }
  }
  @media (width < 48rem) {
    .max-md\:gap-y-6\.25 {
      row-gap: calc(var(--spacing) * 6.25);
    }
  }
  @media (width < 48rem) {
    .max-md\:p-\[0\.9375rem_0\.625rem_1\.125rem\] {
      padding: 0.9375rem 0.625rem 1.125rem;
    }
  }
  @media (width < 48rem) {
    .max-md\:px-\[1\.25rem_2\.5625rem\] {
      padding-inline: 1.25rem 2.5625rem;
    }
  }
  @media (width < 48rem) {
    .max-md\:py-2\.5 {
      padding-block: calc(var(--spacing) * 2.5);
    }
  }
  @media (width < 48rem) {
    .max-md\:py-\[0\.9375rem_1\.125rem\] {
      padding-block: 0.9375rem 1.125rem;
    }
  }
  @media (width < 48rem) {
    .max-md\:pt-2\.5 {
      padding-top: calc(var(--spacing) * 2.5);
    }
  }
  @media (width < 48rem) {
    .max-md\:pr-4\.75 {
      padding-right: calc(var(--spacing) * 4.75);
    }
  }
  @media (width < 48rem) {
    .max-md\:pl-4 {
      padding-left: calc(var(--spacing) * 4);
    }
  }
  @media (width < 48rem) {
    .max-md\:pl-5 {
      padding-left: calc(var(--spacing) * 5);
    }
  }
  @media (width < 48rem) {
    .max-md\:text-sm {
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
    }
  }
  @media (width < 48rem) {
    .max-md\:text-xs {
      font-size: var(--text-xs);
      line-height: var(--tw-leading, var(--text-xs--line-height));
    }
  }
  @media (width < 48rem) {
    .max-md\:leading-\[1\.875rem\] {
      --tw-leading: 1.875rem;
      line-height: 1.875rem;
    }
  }
  @media (width < 48rem) {
    .max-md\:-tracking-\[\.15em\] {
      --tw-tracking: calc(.15em * -1);
      letter-spacing: calc(.15em * -1);
    }
  }
  @media (width < 48rem) {
    .max-md\:opacity-0 {
      opacity: 0%;
    }
  }
  @media (width >= 48rem) {
    .md\:pointer-events-none {
      pointer-events: none;
    }
  }
  @media (width >= 48rem) {
    .md\:absolute {
      position: absolute;
    }
  }
  @media (width >= 48rem) {
    .md\:relative {
      position: relative;
    }
  }
  @media (width >= 48rem) {
    .md\:-top-0\.5 {
      top: calc(var(--spacing) * -0.5);
    }
  }
  @media (width >= 48rem) {
    .md\:-top-4 {
      top: calc(var(--spacing) * -4);
    }
  }
  @media (width >= 48rem) {
    .md\:top-0 {
      top: calc(var(--spacing) * 0);
    }
  }
  @media (width >= 48rem) {
    .md\:top-3 {
      top: calc(var(--spacing) * 3);
    }
  }
  @media (width >= 48rem) {
    .md\:top-3\.75 {
      top: calc(var(--spacing) * 3.75);
    }
  }
  @media (width >= 48rem) {
    .md\:top-4 {
      top: calc(var(--spacing) * 4);
    }
  }
  @media (width >= 48rem) {
    .md\:top-6 {
      top: calc(var(--spacing) * 6);
    }
  }
  @media (width >= 48rem) {
    .md\:top-6\.5 {
      top: calc(var(--spacing) * 6.5);
    }
  }
  @media (width >= 48rem) {
    .md\:top-14\.5 {
      top: calc(var(--spacing) * 14.5);
    }
  }
  @media (width >= 48rem) {
    .md\:top-18\.25 {
      top: calc(var(--spacing) * 18.25);
    }
  }
  @media (width >= 48rem) {
    .md\:top-24\.5 {
      top: calc(var(--spacing) * 24.5);
    }
  }
  @media (width >= 48rem) {
    .md\:top-27 {
      top: calc(var(--spacing) * 27);
    }
  }
  @media (width >= 48rem) {
    .md\:top-28 {
      top: calc(var(--spacing) * 28);
    }
  }
  @media (width >= 48rem) {
    .md\:top-29 {
      top: calc(var(--spacing) * 29);
    }
  }
  @media (width >= 48rem) {
    .md\:top-30 {
      top: calc(var(--spacing) * 30);
    }
  }
  @media (width >= 48rem) {
    .md\:top-37 {
      top: calc(var(--spacing) * 37);
    }
  }
  @media (width >= 48rem) {
    .md\:top-47 {
      top: calc(var(--spacing) * 47);
    }
  }
  @media (width >= 48rem) {
    .md\:top-76 {
      top: calc(var(--spacing) * 76);
    }
  }
  @media (width >= 48rem) {
    .md\:top-84\.25 {
      top: calc(var(--spacing) * 84.25);
    }
  }
  @media (width >= 48rem) {
    .md\:top-100 {
      top: calc(var(--spacing) * 100);
    }
  }
  @media (width >= 48rem) {
    .md\:top-119 {
      top: calc(var(--spacing) * 119);
    }
  }
  @media (width >= 48rem) {
    .md\:top-120 {
      top: calc(var(--spacing) * 120);
    }
  }
  @media (width >= 48rem) {
    .md\:top-121\.25 {
      top: calc(var(--spacing) * 121.25);
    }
  }
  @media (width >= 48rem) {
    .md\:top-131\.5 {
      top: calc(var(--spacing) * 131.5);
    }
  }
  @media (width >= 48rem) {
    .md\:top-132\.75 {
      top: calc(var(--spacing) * 132.75);
    }
  }
  @media (width >= 48rem) {
    .md\:top-165 {
      top: calc(var(--spacing) * 165);
    }
  }
  @media (width >= 48rem) {
    .md\:top-185 {
      top: calc(var(--spacing) * 185);
    }
  }
  @media (width >= 48rem) {
    .md\:-right-1\.75 {
      right: calc(var(--spacing) * -1.75);
    }
  }
  @media (width >= 48rem) {
    .md\:-right-2\.75 {
      right: calc(var(--spacing) * -2.75);
    }
  }
  @media (width >= 48rem) {
    .md\:-right-4 {
      right: calc(var(--spacing) * -4);
    }
  }
  @media (width >= 48rem) {
    .md\:-right-11\.5 {
      right: calc(var(--spacing) * -11.5);
    }
  }
  @media (width >= 48rem) {
    .md\:right-0 {
      right: calc(var(--spacing) * 0);
    }
  }
  @media (width >= 48rem) {
    .md\:right-1 {
      right: calc(var(--spacing) * 1);
    }
  }
  @media (width >= 48rem) {
    .md\:right-2 {
      right: calc(var(--spacing) * 2);
    }
  }
  @media (width >= 48rem) {
    .md\:right-3 {
      right: calc(var(--spacing) * 3);
    }
  }
  @media (width >= 48rem) {
    .md\:right-4\.5 {
      right: calc(var(--spacing) * 4.5);
    }
  }
  @media (width >= 48rem) {
    .md\:right-4\.25 {
      right: calc(var(--spacing) * 4.25);
    }
  }
  @media (width >= 48rem) {
    .md\:right-5 {
      right: calc(var(--spacing) * 5);
    }
  }
  @media (width >= 48rem) {
    .md\:right-5\.75 {
      right: calc(var(--spacing) * 5.75);
    }
  }
  @media (width >= 48rem) {
    .md\:right-6\.75 {
      right: calc(var(--spacing) * 6.75);
    }
  }
  @media (width >= 48rem) {
    .md\:right-8\.5 {
      right: calc(var(--spacing) * 8.5);
    }
  }
  @media (width >= 48rem) {
    .md\:right-8\.75 {
      right: calc(var(--spacing) * 8.75);
    }
  }
  @media (width >= 48rem) {
    .md\:right-11\.25 {
      right: calc(var(--spacing) * 11.25);
    }
  }
  @media (width >= 48rem) {
    .md\:right-15 {
      right: calc(var(--spacing) * 15);
    }
  }
  @media (width >= 48rem) {
    .md\:right-17 {
      right: calc(var(--spacing) * 17);
    }
  }
  @media (width >= 48rem) {
    .md\:right-23 {
      right: calc(var(--spacing) * 23);
    }
  }
  @media (width >= 48rem) {
    .md\:right-31\.5 {
      right: calc(var(--spacing) * 31.5);
    }
  }
  @media (width >= 48rem) {
    .md\:right-31\.75 {
      right: calc(var(--spacing) * 31.75);
    }
  }
  @media (width >= 48rem) {
    .md\:right-118\.75 {
      right: calc(var(--spacing) * 118.75);
    }
  }
  @media (width >= 48rem) {
    .md\:right-121 {
      right: calc(var(--spacing) * 121);
    }
  }
  @media (width >= 48rem) {
    .md\:right-123 {
      right: calc(var(--spacing) * 123);
    }
  }
  @media (width >= 48rem) {
    .md\:right-126 {
      right: calc(var(--spacing) * 126);
    }
  }
  @media (width >= 48rem) {
    .md\:right-128 {
      right: calc(var(--spacing) * 128);
    }
  }
  @media (width >= 48rem) {
    .md\:right-153\.25 {
      right: calc(var(--spacing) * 153.25);
    }
  }
  @media (width >= 48rem) {
    .md\:right-192 {
      right: calc(var(--spacing) * 192);
    }
  }
  @media (width >= 48rem) {
    .md\:-bottom-0\.5 {
      bottom: calc(var(--spacing) * -0.5);
    }
  }
  @media (width >= 48rem) {
    .md\:-bottom-1\.5 {
      bottom: calc(var(--spacing) * -1.5);
    }
  }
  @media (width >= 48rem) {
    .md\:-bottom-5\.5 {
      bottom: calc(var(--spacing) * -5.5);
    }
  }
  @media (width >= 48rem) {
    .md\:-bottom-7\.25 {
      bottom: calc(var(--spacing) * -7.25);
    }
  }
  @media (width >= 48rem) {
    .md\:-bottom-8\.5 {
      bottom: calc(var(--spacing) * -8.5);
    }
  }
  @media (width >= 48rem) {
    .md\:-bottom-8\.75 {
      bottom: calc(var(--spacing) * -8.75);
    }
  }
  @media (width >= 48rem) {
    .md\:-bottom-11\.5 {
      bottom: calc(var(--spacing) * -11.5);
    }
  }
  @media (width >= 48rem) {
    .md\:-bottom-24\.75 {
      bottom: calc(var(--spacing) * -24.75);
    }
  }
  @media (width >= 48rem) {
    .md\:bottom-3\.25 {
      bottom: calc(var(--spacing) * 3.25);
    }
  }
  @media (width >= 48rem) {
    .md\:bottom-5 {
      bottom: calc(var(--spacing) * 5);
    }
  }
  @media (width >= 48rem) {
    .md\:bottom-6 {
      bottom: calc(var(--spacing) * 6);
    }
  }
  @media (width >= 48rem) {
    .md\:bottom-6\.75 {
      bottom: calc(var(--spacing) * 6.75);
    }
  }
  @media (width >= 48rem) {
    .md\:bottom-7 {
      bottom: calc(var(--spacing) * 7);
    }
  }
  @media (width >= 48rem) {
    .md\:bottom-7\.5 {
      bottom: calc(var(--spacing) * 7.5);
    }
  }
  @media (width >= 48rem) {
    .md\:bottom-8 {
      bottom: calc(var(--spacing) * 8);
    }
  }
  @media (width >= 48rem) {
    .md\:bottom-8\.75 {
      bottom: calc(var(--spacing) * 8.75);
    }
  }
  @media (width >= 48rem) {
    .md\:bottom-11\.25 {
      bottom: calc(var(--spacing) * 11.25);
    }
  }
  @media (width >= 48rem) {
    .md\:bottom-12 {
      bottom: calc(var(--spacing) * 12);
    }
  }
  @media (width >= 48rem) {
    .md\:bottom-12\.75 {
      bottom: calc(var(--spacing) * 12.75);
    }
  }
  @media (width >= 48rem) {
    .md\:bottom-15 {
      bottom: calc(var(--spacing) * 15);
    }
  }
  @media (width >= 48rem) {
    .md\:bottom-15\.5 {
      bottom: calc(var(--spacing) * 15.5);
    }
  }
  @media (width >= 48rem) {
    .md\:bottom-16 {
      bottom: calc(var(--spacing) * 16);
    }
  }
  @media (width >= 48rem) {
    .md\:bottom-16\.5 {
      bottom: calc(var(--spacing) * 16.5);
    }
  }
  @media (width >= 48rem) {
    .md\:bottom-19\.5 {
      bottom: calc(var(--spacing) * 19.5);
    }
  }
  @media (width >= 48rem) {
    .md\:bottom-19\.75 {
      bottom: calc(var(--spacing) * 19.75);
    }
  }
  @media (width >= 48rem) {
    .md\:bottom-22\.5 {
      bottom: calc(var(--spacing) * 22.5);
    }
  }
  @media (width >= 48rem) {
    .md\:bottom-56\.5 {
      bottom: calc(var(--spacing) * 56.5);
    }
  }
  @media (width >= 48rem) {
    .md\:bottom-57\.75 {
      bottom: calc(var(--spacing) * 57.75);
    }
  }
  @media (width >= 48rem) {
    .md\:bottom-58\.5 {
      bottom: calc(var(--spacing) * 58.5);
    }
  }
  @media (width >= 48rem) {
    .md\:bottom-58\.75 {
      bottom: calc(var(--spacing) * 58.75);
    }
  }
  @media (width >= 48rem) {
    .md\:bottom-65\.25 {
      bottom: calc(var(--spacing) * 65.25);
    }
  }
  @media (width >= 48rem) {
    .md\:bottom-66 {
      bottom: calc(var(--spacing) * 66);
    }
  }
  @media (width >= 48rem) {
    .md\:bottom-72\.75 {
      bottom: calc(var(--spacing) * 72.75);
    }
  }
  @media (width >= 48rem) {
    .md\:-left-1 {
      left: calc(var(--spacing) * -1);
    }
  }
  @media (width >= 48rem) {
    .md\:-left-11\.25 {
      left: calc(var(--spacing) * -11.25);
    }
  }
  @media (width >= 48rem) {
    .md\:-left-28\.5 {
      left: calc(var(--spacing) * -28.5);
    }
  }
  @media (width >= 48rem) {
    .md\:-left-32\.5 {
      left: calc(var(--spacing) * -32.5);
    }
  }
  @media (width >= 48rem) {
    .md\:-left-50 {
      left: calc(var(--spacing) * -50);
    }
  }
  @media (width >= 48rem) {
    .md\:-left-80 {
      left: calc(var(--spacing) * -80);
    }
  }
  @media (width >= 48rem) {
    .md\:left-0 {
      left: calc(var(--spacing) * 0);
    }
  }
  @media (width >= 48rem) {
    .md\:left-1 {
      left: calc(var(--spacing) * 1);
    }
  }
  @media (width >= 48rem) {
    .md\:left-12 {
      left: calc(var(--spacing) * 12);
    }
  }
  @media (width >= 48rem) {
    .md\:left-15\.5 {
      left: calc(var(--spacing) * 15.5);
    }
  }
  @media (width >= 48rem) {
    .md\:left-18\.5 {
      left: calc(var(--spacing) * 18.5);
    }
  }
  @media (width >= 48rem) {
    .md\:left-24\.75 {
      left: calc(var(--spacing) * 24.75);
    }
  }
  @media (width >= 48rem) {
    .md\:left-32\.5 {
      left: calc(var(--spacing) * 32.5);
    }
  }
  @media (width >= 48rem) {
    .md\:left-32\.75 {
      left: calc(var(--spacing) * 32.75);
    }
  }
  @media (width >= 48rem) {
    .md\:left-33 {
      left: calc(var(--spacing) * 33);
    }
  }
  @media (width >= 48rem) {
    .md\:left-33\.75 {
      left: calc(var(--spacing) * 33.75);
    }
  }
  @media (width >= 48rem) {
    .md\:left-35\.25 {
      left: calc(var(--spacing) * 35.25);
    }
  }
  @media (width >= 48rem) {
    .md\:left-58\.5 {
      left: calc(var(--spacing) * 58.5);
    }
  }
  @media (width >= 48rem) {
    .md\:left-58\.25 {
      left: calc(var(--spacing) * 58.25);
    }
  }
  @media (width >= 48rem) {
    .md\:left-59 {
      left: calc(var(--spacing) * 59);
    }
  }
  @media (width >= 48rem) {
    .md\:left-60 {
      left: calc(var(--spacing) * 60);
    }
  }
  @media (width >= 48rem) {
    .md\:left-80 {
      left: calc(var(--spacing) * 80);
    }
  }
  @media (width >= 48rem) {
    .md\:left-82\.5 {
      left: calc(var(--spacing) * 82.5);
    }
  }
  @media (width >= 48rem) {
    .md\:left-88 {
      left: calc(var(--spacing) * 88);
    }
  }
  @media (width >= 48rem) {
    .md\:left-88\.5 {
      left: calc(var(--spacing) * 88.5);
    }
  }
  @media (width >= 48rem) {
    .md\:left-89\.75 {
      left: calc(var(--spacing) * 89.75);
    }
  }
  @media (width >= 48rem) {
    .md\:left-90 {
      left: calc(var(--spacing) * 90);
    }
  }
  @media (width >= 48rem) {
    .md\:left-91 {
      left: calc(var(--spacing) * 91);
    }
  }
  @media (width >= 48rem) {
    .md\:left-100 {
      left: calc(var(--spacing) * 100);
    }
  }
  @media (width >= 48rem) {
    .md\:left-105\.5 {
      left: calc(var(--spacing) * 105.5);
    }
  }
  @media (width >= 48rem) {
    .md\:left-115\.75 {
      left: calc(var(--spacing) * 115.75);
    }
  }
  @media (width >= 48rem) {
    .md\:left-116\.5 {
      left: calc(var(--spacing) * 116.5);
    }
  }
  @media (width >= 48rem) {
    .md\:left-auto {
      left: auto;
    }
  }
  @media (width >= 48rem) {
    .md\:col-span-2 {
      grid-column: span 2 / span 2;
    }
  }
  @media (width >= 48rem) {
    .md\:-mt-14\.5 {
      margin-top: calc(var(--spacing) * -14.5);
    }
  }
  @media (width >= 48rem) {
    .md\:-mt-150\.5 {
      margin-top: calc(var(--spacing) * -150.5);
    }
  }
  @media (width >= 48rem) {
    .md\:mt-4 {
      margin-top: calc(var(--spacing) * 4);
    }
  }
  @media (width >= 48rem) {
    .md\:mt-5\.25 {
      margin-top: calc(var(--spacing) * 5.25);
    }
  }
  @media (width >= 48rem) {
    .md\:mt-6 {
      margin-top: calc(var(--spacing) * 6);
    }
  }
  @media (width >= 48rem) {
    .md\:mt-6\.25 {
      margin-top: calc(var(--spacing) * 6.25);
    }
  }
  @media (width >= 48rem) {
    .md\:mt-8 {
      margin-top: calc(var(--spacing) * 8);
    }
  }
  @media (width >= 48rem) {
    .md\:mt-8\.75 {
      margin-top: calc(var(--spacing) * 8.75);
    }
  }
  @media (width >= 48rem) {
    .md\:mt-9\.25 {
      margin-top: calc(var(--spacing) * 9.25);
    }
  }
  @media (width >= 48rem) {
    .md\:mt-11 {
      margin-top: calc(var(--spacing) * 11);
    }
  }
  @media (width >= 48rem) {
    .md\:mt-12 {
      margin-top: calc(var(--spacing) * 12);
    }
  }
  @media (width >= 48rem) {
    .md\:mt-14 {
      margin-top: calc(var(--spacing) * 14);
    }
  }
  @media (width >= 48rem) {
    .md\:mt-25 {
      margin-top: calc(var(--spacing) * 25);
    }
  }
  @media (width >= 48rem) {
    .md\:mr-6\.75 {
      margin-right: calc(var(--spacing) * 6.75);
    }
  }
  @media (width >= 48rem) {
    .md\:-mb-1 {
      margin-bottom: calc(var(--spacing) * -1);
    }
  }
  @media (width >= 48rem) {
    .md\:ml-5 {
      margin-left: calc(var(--spacing) * 5);
    }
  }
  @media (width >= 48rem) {
    .md\:flex {
      display: flex;
    }
  }
  @media (width >= 48rem) {
    .md\:hidden {
      display: none;
    }
  }
  @media (width >= 48rem) {
    .md\:h-20\.75 {
      height: calc(var(--spacing) * 20.75);
    }
  }
  @media (width >= 48rem) {
    .md\:min-h-27 {
      min-height: calc(var(--spacing) * 27);
    }
  }
  @media (width >= 48rem) {
    .md\:w-15 {
      width: calc(var(--spacing) * 15);
    }
  }
  @media (width >= 48rem) {
    .md\:w-21\.25 {
      width: calc(var(--spacing) * 21.25);
    }
  }
  @media (width >= 48rem) {
    .md\:w-22\.25 {
      width: calc(var(--spacing) * 22.25);
    }
  }
  @media (width >= 48rem) {
    .md\:w-22\.75 {
      width: calc(var(--spacing) * 22.75);
    }
  }
  @media (width >= 48rem) {
    .md\:w-25\.25 {
      width: calc(var(--spacing) * 25.25);
    }
  }
  @media (width >= 48rem) {
    .md\:w-26 {
      width: calc(var(--spacing) * 26);
    }
  }
  @media (width >= 48rem) {
    .md\:w-27\.25 {
      width: calc(var(--spacing) * 27.25);
    }
  }
  @media (width >= 48rem) {
    .md\:w-28 {
      width: calc(var(--spacing) * 28);
    }
  }
  @media (width >= 48rem) {
    .md\:w-29 {
      width: calc(var(--spacing) * 29);
    }
  }
  @media (width >= 48rem) {
    .md\:w-29\.75 {
      width: calc(var(--spacing) * 29.75);
    }
  }
  @media (width >= 48rem) {
    .md\:w-30 {
      width: calc(var(--spacing) * 30);
    }
  }
  @media (width >= 48rem) {
    .md\:w-31 {
      width: calc(var(--spacing) * 31);
    }
  }
  @media (width >= 48rem) {
    .md\:w-31\.75 {
      width: calc(var(--spacing) * 31.75);
    }
  }
  @media (width >= 48rem) {
    .md\:w-34\.25 {
      width: calc(var(--spacing) * 34.25);
    }
  }
  @media (width >= 48rem) {
    .md\:w-35\.5 {
      width: calc(var(--spacing) * 35.5);
    }
  }
  @media (width >= 48rem) {
    .md\:w-37\.75 {
      width: calc(var(--spacing) * 37.75);
    }
  }
  @media (width >= 48rem) {
    .md\:w-38\.5 {
      width: calc(var(--spacing) * 38.5);
    }
  }
  @media (width >= 48rem) {
    .md\:w-40\.75 {
      width: calc(var(--spacing) * 40.75);
    }
  }
  @media (width >= 48rem) {
    .md\:w-41\.25 {
      width: calc(var(--spacing) * 41.25);
    }
  }
  @media (width >= 48rem) {
    .md\:w-43\.5 {
      width: calc(var(--spacing) * 43.5);
    }
  }
  @media (width >= 48rem) {
    .md\:w-43\.75 {
      width: calc(var(--spacing) * 43.75);
    }
  }
  @media (width >= 48rem) {
    .md\:w-44\.5 {
      width: calc(var(--spacing) * 44.5);
    }
  }
  @media (width >= 48rem) {
    .md\:w-46 {
      width: calc(var(--spacing) * 46);
    }
  }
  @media (width >= 48rem) {
    .md\:w-46\.25 {
      width: calc(var(--spacing) * 46.25);
    }
  }
  @media (width >= 48rem) {
    .md\:w-47\.5 {
      width: calc(var(--spacing) * 47.5);
    }
  }
  @media (width >= 48rem) {
    .md\:w-48 {
      width: calc(var(--spacing) * 48);
    }
  }
  @media (width >= 48rem) {
    .md\:w-50 {
      width: calc(var(--spacing) * 50);
    }
  }
  @media (width >= 48rem) {
    .md\:w-52 {
      width: calc(var(--spacing) * 52);
    }
  }
  @media (width >= 48rem) {
    .md\:w-53 {
      width: calc(var(--spacing) * 53);
    }
  }
  @media (width >= 48rem) {
    .md\:w-56\.5 {
      width: calc(var(--spacing) * 56.5);
    }
  }
  @media (width >= 48rem) {
    .md\:w-57 {
      width: calc(var(--spacing) * 57);
    }
  }
  @media (width >= 48rem) {
    .md\:w-57\.75 {
      width: calc(var(--spacing) * 57.75);
    }
  }
  @media (width >= 48rem) {
    .md\:w-58\.5 {
      width: calc(var(--spacing) * 58.5);
    }
  }
  @media (width >= 48rem) {
    .md\:w-58\.25 {
      width: calc(var(--spacing) * 58.25);
    }
  }
  @media (width >= 48rem) {
    .md\:w-58\.75 {
      width: calc(var(--spacing) * 58.75);
    }
  }
  @media (width >= 48rem) {
    .md\:w-59\.5 {
      width: calc(var(--spacing) * 59.5);
    }
  }
  @media (width >= 48rem) {
    .md\:w-61\.5 {
      width: calc(var(--spacing) * 61.5);
    }
  }
  @media (width >= 48rem) {
    .md\:w-61\.25 {
      width: calc(var(--spacing) * 61.25);
    }
  }
  @media (width >= 48rem) {
    .md\:w-64 {
      width: calc(var(--spacing) * 64);
    }
  }
  @media (width >= 48rem) {
    .md\:w-66 {
      width: calc(var(--spacing) * 66);
    }
  }
  @media (width >= 48rem) {
    .md\:w-70 {
      width: calc(var(--spacing) * 70);
    }
  }
  @media (width >= 48rem) {
    .md\:w-73\.5 {
      width: calc(var(--spacing) * 73.5);
    }
  }
  @media (width >= 48rem) {
    .md\:w-82 {
      width: calc(var(--spacing) * 82);
    }
  }
  @media (width >= 48rem) {
    .md\:w-83\.25 {
      width: calc(var(--spacing) * 83.25);
    }
  }
  @media (width >= 48rem) {
    .md\:w-84 {
      width: calc(var(--spacing) * 84);
    }
  }
  @media (width >= 48rem) {
    .md\:w-95\.75 {
      width: calc(var(--spacing) * 95.75);
    }
  }
  @media (width >= 48rem) {
    .md\:w-96\.5 {
      width: calc(var(--spacing) * 96.5);
    }
  }
  @media (width >= 48rem) {
    .md\:w-101\.75 {
      width: calc(var(--spacing) * 101.75);
    }
  }
  @media (width >= 48rem) {
    .md\:w-102 {
      width: calc(var(--spacing) * 102);
    }
  }
  @media (width >= 48rem) {
    .md\:w-102\.5 {
      width: calc(var(--spacing) * 102.5);
    }
  }
  @media (width >= 48rem) {
    .md\:w-104 {
      width: calc(var(--spacing) * 104);
    }
  }
  @media (width >= 48rem) {
    .md\:w-111\.25 {
      width: calc(var(--spacing) * 111.25);
    }
  }
  @media (width >= 48rem) {
    .md\:w-112\.75 {
      width: calc(var(--spacing) * 112.75);
    }
  }
  @media (width >= 48rem) {
    .md\:w-113\.25 {
      width: calc(var(--spacing) * 113.25);
    }
  }
  @media (width >= 48rem) {
    .md\:w-117\.75 {
      width: calc(var(--spacing) * 117.75);
    }
  }
  @media (width >= 48rem) {
    .md\:w-122\.75 {
      width: calc(var(--spacing) * 122.75);
    }
  }
  @media (width >= 48rem) {
    .md\:w-125 {
      width: calc(var(--spacing) * 125);
    }
  }
  @media (width >= 48rem) {
    .md\:w-130 {
      width: calc(var(--spacing) * 130);
    }
  }
  @media (width >= 48rem) {
    .md\:w-130\.75 {
      width: calc(var(--spacing) * 130.75);
    }
  }
  @media (width >= 48rem) {
    .md\:w-132 {
      width: calc(var(--spacing) * 132);
    }
  }
  @media (width >= 48rem) {
    .md\:w-150\.25 {
      width: calc(var(--spacing) * 150.25);
    }
  }
  @media (width >= 48rem) {
    .md\:w-176\.75 {
      width: calc(var(--spacing) * 176.75);
    }
  }
  @media (width >= 48rem) {
    .md\:w-178 {
      width: calc(var(--spacing) * 178);
    }
  }
  @media (width >= 48rem) {
    .md\:w-178\.5 {
      width: calc(var(--spacing) * 178.5);
    }
  }
  @media (width >= 48rem) {
    .md\:w-179\.5 {
      width: calc(var(--spacing) * 179.5);
    }
  }
  @media (width >= 48rem) {
    .md\:w-179\.75 {
      width: calc(var(--spacing) * 179.75);
    }
  }
  @media (width >= 48rem) {
    .md\:w-180\.5 {
      width: calc(var(--spacing) * 180.5);
    }
  }
  @media (width >= 48rem) {
    .md\:w-326 {
      width: calc(var(--spacing) * 326);
    }
  }
  @media (width >= 48rem) {
    .md\:w-max {
      width: max-content;
    }
  }
  @media (width >= 48rem) {
    .md\:max-w-32\.5 {
      max-width: calc(var(--spacing) * 32.5);
    }
  }
  @media (width >= 48rem) {
    .md\:max-w-32\.75 {
      max-width: calc(var(--spacing) * 32.75);
    }
  }
  @media (width >= 48rem) {
    .md\:max-w-42\.5 {
      max-width: calc(var(--spacing) * 42.5);
    }
  }
  @media (width >= 48rem) {
    .md\:max-w-80\.5 {
      max-width: calc(var(--spacing) * 80.5);
    }
  }
  @media (width >= 48rem) {
    .md\:max-w-89 {
      max-width: calc(var(--spacing) * 89);
    }
  }
  @media (width >= 48rem) {
    .md\:max-w-91\.5 {
      max-width: calc(var(--spacing) * 91.5);
    }
  }
  @media (width >= 48rem) {
    .md\:max-w-102 {
      max-width: calc(var(--spacing) * 102);
    }
  }
  @media (width >= 48rem) {
    .md\:translate-0 {
      --tw-translate-x: calc(var(--spacing) * 0);
      --tw-translate-y: calc(var(--spacing) * 0);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  @media (width >= 48rem) {
    .md\:-translate-y-19 {
      --tw-translate-y: calc(var(--spacing) * -19);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  @media (width >= 48rem) {
    .md\:translate-y-7\.75 {
      --tw-translate-y: calc(var(--spacing) * 7.75);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  @media (width >= 48rem) {
    .md\:rotate-21 {
      rotate: 21deg;
    }
  }
  @media (width >= 48rem) {
    .md\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  @media (width >= 48rem) {
    .md\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  @media (width >= 48rem) {
    .md\:flex-row-reverse {
      flex-direction: row-reverse;
    }
  }
  @media (width >= 48rem) {
    .md\:justify-end {
      justify-content: flex-end;
    }
  }
  @media (width >= 48rem) {
    .md\:gap-1\.5 {
      gap: calc(var(--spacing) * 1.5);
    }
  }
  @media (width >= 48rem) {
    .md\:gap-2 {
      gap: calc(var(--spacing) * 2);
    }
  }
  @media (width >= 48rem) {
    .md\:gap-3 {
      gap: calc(var(--spacing) * 3);
    }
  }
  @media (width >= 48rem) {
    .md\:gap-3\.5 {
      gap: calc(var(--spacing) * 3.5);
    }
  }
  @media (width >= 48rem) {
    .md\:gap-4 {
      gap: calc(var(--spacing) * 4);
    }
  }
  @media (width >= 48rem) {
    .md\:gap-4\.25 {
      gap: calc(var(--spacing) * 4.25);
    }
  }
  @media (width >= 48rem) {
    .md\:gap-5\.75 {
      gap: calc(var(--spacing) * 5.75);
    }
  }
  @media (width >= 48rem) {
    .md\:gap-6\.25 {
      gap: calc(var(--spacing) * 6.25);
    }
  }
  @media (width >= 48rem) {
    .md\:gap-10 {
      gap: calc(var(--spacing) * 10);
    }
  }
  @media (width >= 48rem) {
    .md\:gap-19 {
      gap: calc(var(--spacing) * 19);
    }
  }
  @media (width >= 48rem) {
    :where(.md\:space-y-2\.5 > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 2.5) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 2.5) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  @media (width >= 48rem) {
    :where(.md\:space-y-6 > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  @media (width >= 48rem) {
    :where(.md\:space-y-16 > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 16) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 16) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  @media (width >= 48rem) {
    :where(.md\:space-y-20 > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 20) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 20) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  @media (width >= 48rem) {
    .md\:gap-x-24 {
      column-gap: calc(var(--spacing) * 24);
    }
  }
  @media (width >= 48rem) {
    .md\:gap-y-22\.5 {
      row-gap: calc(var(--spacing) * 22.5);
    }
  }
  @media (width >= 48rem) {
    .md\:pr-11 {
      padding-right: calc(var(--spacing) * 11);
    }
  }
  @media (width >= 48rem) {
    .md\:pl-1 {
      padding-left: calc(var(--spacing) * 1);
    }
  }
  @media (width >= 48rem) {
    .md\:pl-11 {
      padding-left: calc(var(--spacing) * 11);
    }
  }
  @media (width >= 48rem) {
    .md\:text-\[1\.6694rem\] {
      font-size: 1.6694rem;
    }
  }
  @media (width >= 48rem) {
    .md\:text-\[4\.1731rem\] {
      font-size: 4.1731rem;
    }
  }
}
[x-cloak] {
  display: none !important;
}
html {
  font-size: 4.2667vw;
}
@media (width >= 30rem) {
  html {
    font-size: 16px;
  }
}
@media (width >= 48rem) {
  html {
    font-size: .833333333333vw;
  }
}
@media (width >= 120rem) {
  html {
    font-size: 16px;
  }
}
html {
  scroll-behavior: smooth;
}
body {
  overflow-x: hidden;
  font-size: var(--text-base);
  line-height: var(--tw-leading, var(--text-base--line-height));
}
button {
  cursor: pointer;
}
:where(figure) {
  margin: 0;
}
html:not(.no-js) [data-aos="fade-up-large"] {
  transform: translate3d(0, 7.5rem, 0);
  -webkit-transform: translate3d(0, 7.5rem, 0);
}
html:not(.no-js) [data-aos="fade-up"] {
  transform: translate3d(0, 2.5rem, 0);
  -webkit-transform: translate3d(0, 2.5rem, 0);
}
html:not(.no-js) [data-aos="fade-down"] {
  transform: translate3d(0, -2.5rem, 0);
  -webkit-transform: translate3d(0, -2.5rem, 0);
}
html:not(.no-js) [data-aos="fade-left"] {
  transform: translate3d(2.5rem, 0, 0);
  -webkit-transform: translate3d(2.5rem, 0, 0);
}
html:not(.no-js) [data-aos="fade-right"] {
  transform: translate3d(-2.5rem, 0, 0);
  -webkit-transform: translate3d(-2.5rem, 0, 0);
}
html:not(.no-js) [data-aos^=fade][data-aos^=fade].aos-animate {
  opacity: 1;
  -webkit-transform: none;
  transform: none;
}
html:not(.no-js) [data-aos="scale-x"] {
  transform: scaleX(0);
  -webkit-transform: scaleX(0);
  opacity: 0;
}
html:not(.no-js) [data-aos="scale-y"] {
  transform: scaleY(0);
  -webkit-transform: scaleY(0);
  opacity: 0;
}
html:not(.no-js) [data-aos="scale-xy"] {
  transform: scale(0);
  -webkit-transform: scale(0);
  opacity: 0;
}
html:not(.no-js) [data-aos^="scale"][data-aos^="scale"].aos-animate {
  transform: scale(1);
  -webkit-transform: scale(1);
  opacity: 1;
}
html:not(.no-js) [data-aos=zoom-out-large] {
  -webkit-transform: scale(3);
  transform: scale(3);
}
html:not(.no-js) [data-aos="width"] {
  width: 0;
  opacity: 0;
}
html:not(.no-js) [data-aos^=width][data-aos^=width].aos-animate {
  opacity: 1;
  width: var(--w);
}
html:not(.no-js) [data-aos="height"] {
  height: 0;
  opacity: 0;
}
html:not(.no-js) [data-aos^=height][data-aos^=height].aos-animate {
  opacity: 1;
  height: var(--h);
}
[data-aos][data-aos-easing="backout4"] {
  transition-timing-function: cubic-bezier(0.39, 0.88, 0.56, 1.36) !important;
}
[data-aos][data-aos-easing="backout6"] {
  transition-timing-function: cubic-bezier(0.08, 0.77, 0.58, 1.86) !important;
}
.odometer-formatting-mark {
  display: none;
}
.odometer-digit-inner {
  font-family: var(--default-font-family);
  line-height: 1;
}
.odometer.odometer-auto-theme, .odometer.odometer-theme-default {
  font-family: var(--default-font-family) !important;
  line-height: 1 !important;
}
.odometer.odometer-auto-theme .odometer-digit, .odometer.odometer-theme-default .odometer-digit {
  width: .47em !important;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer, .odometer.odometer-theme-default .odometer-digit .odometer-digit-spacer {
  width: .47em !important;
}
@layer components {
  #flash-screen {
    position: fixed;
    inset: calc(var(--spacing) * 0);
    z-index: 50;
    background-color: var(--color-white);
  }
  #flash-screen .orn-01, #flash-screen .orn-02 {
    position: absolute;
    top: calc(1/2 * 100%);
    left: calc(1/2 * 100%);
    --tw-translate-x: calc(calc(1/2 * 100%) * -1);
    --tw-translate-y: calc(calc(1/2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  #flash-screen .orn-01 img, #flash-screen .orn-02 img {
    width: 100%;
  }
  #flash-screen .orn-01 {
    width: 60%;
    max-width: calc(var(--spacing) * 174.5);
  }
  @media (width >= 48rem) {
    #flash-screen .orn-01 {
      width: 36.35%;
    }
  }
  #flash-screen .orn-01 {
    animation: orn01 .7s ease-out forwards;
  }
  #flash-screen .orn-02 {
    width: 30%;
    max-width: calc(var(--spacing) * 77.75);
    opacity: 0%;
  }
  @media (width >= 48rem) {
    #flash-screen .orn-02 {
      width: 16,2%;
    }
  }
  #flash-screen .orn-02 {
    animation: orn02 .7s .5s ease-out forwards;
  }
  #flash-screen .orn-02 img {
    animation: orn02After 2.4s 3s ease-out forwards infinite;
  }
  @keyframes orn01 {
    0% {
      opacity: 0;
      transform: scale(0.5);
    }
    100% {
      opacity: 1;
      transform: scale(1);
    }
  }
  @keyframes orn02 {
    0% {
      opacity: 0;
      transform: rotate(0deg) scale(.8);
    }
    25% {
      transform: rotate(0deg);
    }
    30% {
      opacity: 1;
      transform: rotate(-10deg) scale(1);
    }
    40% {
      transform: rotate(10deg);
    }
    50% {
      transform: rotate(-10deg);
    }
    60% {
      transform: rotate(6deg);
    }
    70% {
      transform: rotate(-6deg);
    }
    80% {
      transform: rotate(3deg);
    }
    90% {
      opacity: 1;
      transform: rotate(0deg);
    }
    100% {
      opacity: 1;
      transform: rotate(0deg);
    }
  }
  @keyframes orn02After {
    0% {
      opacity: 1;
      transform: rotate(0deg);
    }
    2.5% {
      transform: rotate(0deg);
    }
    5% {
      transform: rotate(-10deg);
    }
    7.5% {
      transform: rotate(10deg);
    }
    10% {
      transform: rotate(-10deg);
    }
    12.5% {
      transform: rotate(6deg);
    }
    15% {
      transform: rotate(-6deg);
    }
    17.5% {
      transform: rotate(3deg);
    }
    20% {
      opacity: 1;
      transform: rotate(0deg);
    }
    100% {
      opacity: 1;
      transform: rotate(0deg);
    }
  }
  .line {
    position: absolute;
    width: calc(var(--spacing) * 20.5);
    rotate: calc(45deg * -1);
    overflow: hidden;
  }
  @media (width >= 48rem) {
    .line {
      width: calc(var(--spacing) * 81.5);
    }
  }
  .line img {
    width: 100%;
    animation: sliding 2s ease-in-out infinite;
  }
  .line--small {
    width: calc(var(--spacing) * 17.25);
  }
  @media (width >= 48rem) {
    .line--small {
      width: calc(var(--spacing) * 38.25);
    }
  }
  .line--xlarge {
    width: calc(var(--spacing) * 48);
  }
  @media (width >= 48rem) {
    .line--xlarge {
      width: calc(var(--spacing) * 133.25);
    }
  }
  .line--animate-2 img {
    animation: slidingWPause 2s ease-in-out infinite;
  }
  @keyframes sliding {
    0% {
      transform-origin: left;
      transform: scaleX(0);
    }
    49% {
      transform-origin: left;
    }
    50% {
      transform-origin: right;
      transform: scaleX(1);
    }
    100% {
      transform-origin: right;
      transform: scaleX(0);
    }
  }
  @keyframes slidingWPause {
    0% {
      transform-origin: left;
      transform: scaleX(0);
    }
    19% {
      transform-origin: left;
    }
    20% {
      transform-origin: right;
      transform: scaleX(1);
    }
    50% {
      transform-origin: right;
      transform: scaleX(1);
    }
    70% {
      transform-origin: right;
      transform: scaleX(0);
    }
    100% {
      transform-origin: right;
      transform: scaleX(0);
    }
  }
  .btn {
    position: relative;
    display: flex;
    height: calc(var(--spacing) * 16.25);
    width: calc(var(--spacing) * 75);
    align-items: center;
    justify-content: center;
    border-radius: .625rem;
    transition-property: all;
    transition-timing-function: var(--tw-ease, ease);
    transition-duration: var(--tw-duration, 0s);
    --tw-duration: 300ms;
    transition-duration: 300ms;
    --tw-ease: var(--ease-out);
    transition-timing-function: var(--ease-out);
  }
  @media (width < 48rem) {
    .btn {
      height: calc(var(--spacing) * 18.75);
    }
  }
  @media (width < 48rem) {
    .btn {
      width: calc(var(--spacing) * 86.5);
    }
  }
  .btn span {
    font-family: var(--font-acumin-variable);
    font-size: 1.5625rem;
    --tw-leading: 1;
    line-height: 1;
    --tw-tracking: .02em;
    letter-spacing: .02em;
  }
  @media (width < 48rem) {
    .btn span {
      font-size: 1.75rem;
    }
  }
  .btn span {
    font-variation-settings: "slnt" 0, "wdth" 100, "wght" 800;
  }
  .btn img {
    width: calc(var(--spacing) * 2.5);
    transition-property: all;
    transition-timing-function: var(--tw-ease, ease);
    transition-duration: var(--tw-duration, 0s);
    --tw-duration: 200ms;
    transition-duration: 200ms;
    --tw-ease: var(--ease-out);
    transition-timing-function: var(--ease-out);
  }
  @media (width < 48rem) {
    .btn img {
      width: calc(var(--spacing) * 3.5);
    }
  }
  .btn img.-abs {
    position: absolute;
    top: calc(1/2 * 100%);
    right: calc(var(--spacing) * 5);
    --tw-translate-y: calc(calc(1/2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  @media (hover: hover) {
    .btn img.-abs:is(:where(.group):hover *) {
      --tw-translate-x: calc(var(--spacing) * 1);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  .btn--primary {
    --tw-gradient-position: to right;
  }
  @supports (background-image: linear-gradient(in lab, red, red)) {
    .btn--primary {
      --tw-gradient-position: to right in oklab;
    }
  }
  .btn--primary {
    background-image: linear-gradient(var(--tw-gradient-stops));
    --tw-gradient-from: var(--color-primary);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    --tw-gradient-to: var(--color-primary-light);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    color: var(--color-black);
  }
  @media (hover: hover) {
    .btn--primary:hover {
      opacity: 75%;
    }
  }
  .btn--secondary {
    background-color: var(--color-black);
    color: var(--color-primary);
  }
  @media (hover: hover) {
    .btn--secondary:hover {
      background-color: color-mix(in srgb, #232323 75%, transparent);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .btn--secondary:hover {
        background-color: color-mix(in oklab, var(--color-black) 75%, transparent);
      }
    }
  }
  @keyframes spin {
    from {
      transform: rotate(0deg);
    }
    to {
      transform: rotate(360deg);
    }
  }
  .spin {
    animation: spin 10s linear infinite;
  }
  @keyframes flip {
    0% {
      transform: rotateY(0deg);
    }
    50% {
      transform: rotateY(180deg);
    }
    100% {
      transform: rotateY(360deg);
    }
  }
  .slide-bg-text__item {
    position: relative;
    width: fit-content;
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 2.25);
  }
  @media (width >= 48rem) {
    .slide-bg-text__item {
      padding-inline: calc(var(--spacing) * 2);
    }
  }
  @media (width >= 48rem) {
    .slide-bg-text__item {
      padding-block: calc(var(--spacing) * 1.5);
    }
  }
  .slide-bg-text__item span {
    font-size: 1.75rem;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }
  @media (width >= 48rem) {
    .slide-bg-text__item span {
      font-size: var(--text-2xl);
      line-height: var(--tw-leading, var(--text-2xl--line-height));
    }
  }
  .slide-bg-text__item span {
    -webkit-clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
    clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
  }
  .slide-bg-text__item::before {
    position: absolute;
    top: calc(var(--spacing) * 0);
    left: calc(var(--spacing) * 0);
    height: 100%;
    width: 100%;
    background-color: var(--color-primary);
    --tw-content: '';
    content: var(--tw-content);
    transform: scaleX(0);
    transform-origin: center left;
    will-change: transform;
  }
  .slide-bg-text.animated .slide-bg-text__item span {
    transition: .5s -webkit-clip-path .65s;
    transition: .5s clip-path .65s;
    transition: .5s clip-path .65s, .5s -webkit-clip-path .65s;
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
  }
  .slide-bg-text.animated .slide-bg-text__item::before {
    transition: .5s transform .5s;
    transform: scaleX(1);
  }
  .slide-bg-text.animated .slide-bg-text__item:nth-child(2)::before {
    transition-delay: .7s;
  }
  .slide-bg-text.animated .slide-bg-text__item:nth-child(2) span {
    transition-delay: .85s;
  }
  .slide-bg-text.animated .slide-bg-text__item:nth-child(3)::before {
    transition-delay: .9s;
  }
  .slide-bg-text.animated .slide-bg-text__item:nth-child(3) span {
    transition-delay: 1.05s;
  }
  .slide-bg-text.animated .slide-bg-text__item:nth-child(4)::before {
    transition-delay: 1.1s;
  }
  .slide-bg-text.animated .slide-bg-text__item:nth-child(4) span {
    transition-delay: 1.25s;
  }
  @keyframes tiktok {
    from {
      transform: rotate(0deg);
    }
    to {
      transform: rotate(15deg);
    }
  }
  @keyframes toktik {
    from {
      transform: rotate(0deg);
    }
    to {
      transform: rotate(-15deg);
    }
  }
  @keyframes thumbSwipe {
    0% {
      -webkit-mask-position: left -20%;
      mask-position: left -20%;
      opacity: 0;
    }
    20% {
      opacity: 1;
    }
    100% {
      -webkit-mask-position: right 100%;
      -webkit-mask-size: auto 500%;
      mask-position: right 100%;
      mask-size: auto 450%;
      opacity: 1;
    }
  }
  @keyframes fragma {
    0% {
      transform: scale(1);
    }
    70% {
      transform: scale(1);
    }
    80% {
      transform: scale(1.04);
    }
    90% {
      transform: scale(1);
    }
    100% {
      transform: scale(1);
    }
  }
  @keyframes marquee {
    from {
      background-position: 0 0;
    }
    to {
      background-position: 100% 0;
    }
  }
  @keyframes marquee-reverse {
    from {
      background-position: 100% 0;
    }
    to {
      background-position: 0 0;
    }
  }
  @keyframes marquee-ver {
    from {
      background-position: 0 0;
    }
    to {
      background-position: 0 100%;
    }
  }
  @keyframes marquee-ver-reverse {
    from {
      background-position: 0 100%;
    }
    to {
      background-position: 0 0;
    }
  }
  @keyframes bounceLeftRight {
    0% {
      transform: translateX(0);
    }
    5% {
      transform: translateX(-0.5625rem);
    }
    25% {
      transform: translateX(0.375rem);
    }
    45% {
      transform: translateX(-0.1875rem);
    }
    75% {
      transform: translateX(0);
    }
    100% {
      transform: translateX(0);
    }
  }
  @keyframes radial {
    0% {
      clip-path: polygon(0 0, 0 0, 0 0, 0 0, 0 0, 50% 50%);
    }
    35% {
      clip-path: polygon(0 0, 100% 0, 100% 0, 100% 0, 100% 0, 50% 50%);
    }
    50% {
      clip-path: polygon(0 0, 100% 0, 100% 100%, 100% 100%, 100% 100%, 50% 50%);
    }
    85% {
      clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 0 100%, 50% 50%);
    }
    100% {
      clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 0 0, 50% 50%);
    }
  }
  .underlay {
    visibility: hidden;
    position: fixed;
    top: calc(var(--spacing) * 0);
    left: calc(var(--spacing) * 0);
    z-index: 0;
    height: 100%;
    width: 100%;
    opacity: 0%;
    transition: opacity 0.3s 0s, visibility 0.3s 0s;
    will-change: opacity, visibility;
  }
  .underlay.is-open {
    visibility: visible;
    opacity: 100%;
    transition: opacity 0.3s 0s, visibility 0s 0s;
  }
  .navbar {
    display: flex;
    justify-content: space-between;
    padding-top: calc(var(--spacing) * 3.75);
  }
  .navbar__logo {
    pointer-events: auto;
    margin-left: calc(var(--spacing) * 13.75);
    width: calc(var(--spacing) * 53.5);
    border-radius: .625rem;
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: #c9c9c9;
    --tw-shadow: .125rem .125rem .3125rem 0 var(--tw-shadow-color, rgba(0, 0, 0, 0.25));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  @media (hover: hover) {
    .navbar__logo:hover {
      opacity: 50%;
    }
  }
  .navbar__logo {
    transition: opacity 1s cubic-bezier(0.2, 1, 0.21, 1);
  }
  .navbar__entry {
    pointer-events: auto;
    position: relative;
  }
  .navbar__entry a {
    display: block;
    display: grid;
    height: calc(var(--spacing) * 18.75);
    width: calc(var(--spacing) * 67.5);
    place-items: center;
    border-top-left-radius: .3125rem;
    border-bottom-left-radius: .3125rem;
    border-style: var(--tw-border-style);
    border-width: .5rem;
    border-color: var(--color-primary);
    background-color: var(--color-primary);
    font-size: 1.375rem;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-white);
    --tw-shadow: 0 0 .25rem var(--tw-shadow-color, rgb(255 255 255/50%));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    transition-property: all;
    transition-timing-function: var(--tw-ease, ease);
    transition-duration: var(--tw-duration, 0s);
    --tw-duration: 300ms;
    transition-duration: 300ms;
    --tw-ease: var(--ease-out);
    transition-timing-function: var(--ease-out);
  }
  @media (hover: hover) {
    .navbar__entry a:hover {
      background-color: var(--color-white);
    }
  }
  @media (hover: hover) {
    .navbar__entry a:hover {
      color: var(--color-primary);
    }
  }
  .navbar__entry img {
    pointer-events: none;
    position: absolute;
    top: calc(var(--spacing) * 6.25);
    right: calc(var(--spacing) * 5.25);
    width: calc(var(--spacing) * 27.75);
    -webkit-user-select: none;
    user-select: none;
  }
  @media (hover: hover) {
    .navbar__entry:hover img {
      animation: bounceLeftRight 0.64s ease;
    }
  }
  @media (width < 48rem) {
    .navbar {
      padding-top: calc(var(--spacing) * 2.25);
    }
    .navbar .navbar__logo {
      margin-left: calc(var(--spacing) * 4.5);
      height: calc(var(--spacing) * 13.25);
      width: calc(var(--spacing) * 29.25);
      border-radius: .3956rem;
      background-color: var(--color-white);
      object-fit: contain;
    }
    .navbar .navbar__entry a {
      height: calc(var(--spacing) * 13.25);
      width: calc(var(--spacing) * 47.25);
    }
    .navbar .navbar__entry img {
      top: calc(var(--spacing) * 4.5);
      right: calc(var(--spacing) * -1.75);
      width: calc(var(--spacing) * 19.5);
    }
  }
  .drawer {
    pointer-events: auto;
    pointer-events: none;
    position: relative;
    z-index: 10;
    font-size: 10px;
    -webkit-user-select: none;
    user-select: none;
  }
  .drawer__btn {
    pointer-events: auto;
    position: relative;
    z-index: 10;
    margin-top: calc(var(--spacing) * 25);
    margin-right: calc(var(--spacing) * -1);
    margin-left: auto;
    height: calc(var(--spacing) * 18.75);
    width: calc(var(--spacing) * 51.75);
    overflow: hidden;
    border-top-left-radius: 1.25rem;
    border-bottom-left-radius: 1.25rem;
    border-style: var(--tw-border-style);
    border-width: .25rem;
    border-color: var(--color-primary);
    background-color: var(--color-white);
    padding-bottom: calc(var(--spacing) * 0.5);
    padding-left: calc(var(--spacing) * 18);
    text-align: left;
    font-size: 1.375rem;
    --tw-leading: 1;
    line-height: 1;
    --tw-font-weight: 900;
    font-weight: 900;
    color: var(--color-primary);
    transition-property: all;
    transition-timing-function: var(--tw-ease, ease);
    transition-duration: var(--tw-duration, 0s);
    --tw-duration: 200ms;
    transition-duration: 200ms;
  }
  @media (hover: hover) {
    .drawer__btn:hover {
      background-color: color-mix(in srgb, #66CC00 10%, transparent);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .drawer__btn:hover {
        background-color: color-mix(in oklab, var(--color-primary) 10%, transparent);
      }
    }
  }
  .drawer__btn {
    transition: width .2s ease-out;
    will-change: width;
  }
  .drawer__btn::before {
    position: absolute;
    top: calc(var(--spacing) * 0);
    left: calc(var(--spacing) * 0);
    z-index: calc(1 * -1);
    height: 100%;
    width: 100%;
    background-color: var(--color-white);
    --tw-content: '';
    content: var(--tw-content);
  }
  .drawer__btn::after {
    position: absolute;
    top: calc(1/2 * 100%);
    left: calc(var(--spacing) * 5.5);
    height: calc(var(--spacing) * 5);
    width: calc(var(--spacing) * 5);
    --tw-translate-y: calc(calc(1/2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style);
    border-width: .4688rem;
    border-color: var(--color-tertiary);
    --tw-content: '';
    content: var(--tw-content);
  }
  @media (hover: hover) {
    .drawer__btn:hover {
      width: calc(var(--spacing) * 60);
    }
  }
  .drawer__menu {
    pointer-events: auto;
    visibility: hidden;
    position: fixed;
    top: calc(var(--spacing) * 35);
    right: calc(var(--spacing) * 0);
    height: calc(100% - 10.125rem);
    width: 85.5625rem;
    transform-origin: right;
    --tw-scale-x: 0%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
    overflow-x: hidden;
    overflow-y: auto;
    border-radius: 1.25rem;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-style: var(--tw-border-style);
    border-width: .375rem;
    border-right-style: var(--tw-border-style);
    border-right-width: 0px;
    border-color: var(--color-primary);
    background-color: var(--color-white);
    color: var(--color-white);
    opacity: 0%;
    transition: opacity 0.3s 0s, scale 1s 0s cubic-bezier(0.2, 1, 0.21, 1), visibility 0.3s 0s;
    will-change: opacity, scale, visibility;
  }
  .drawer__menu__content {
    display: flex;
    min-height: 100%;
    width: 100%;
  }
  .drawer__menu__content__left {
    flex: 1;
    background-color: var(--color-primary-lightest);
    padding-top: 10.5rem;
    padding-bottom: 4rem;
  }
  .drawer__menu__content__left__illust {
    position: relative;
    margin-inline: auto;
    width: 39.75rem;
    padding: calc(var(--spacing) * 10);
  }
  .drawer__menu__content__left__illust img {
    margin-inline: auto;
    width: 31.8125rem;
  }
  .drawer__menu__content__left__illust ._hor, .drawer__menu__content__left__illust ._ver {
    pointer-events: none;
    position: absolute;
    top: calc(var(--spacing) * 0);
    left: calc(var(--spacing) * 0);
    height: 100%;
    width: 100%;
    -webkit-user-select: none;
    user-select: none;
  }
  .drawer__menu__content__left__illust ._hor::before, .drawer__menu__content__left__illust ._hor::after, .drawer__menu__content__left__illust ._ver::before, .drawer__menu__content__left__illust ._ver::after {
    position: absolute;
    --tw-content: '';
    content: var(--tw-content);
  }
  .drawer__menu__content__left__illust ._ver::before, .drawer__menu__content__left__illust ._ver::after {
    height: 100%;
    width: calc(var(--spacing) * 11);
    background-image: url('./assets/img/header-nav-text_ver.svg');
    background-size: 100% auto;
    background-repeat: repeat-y;
    background-position: 0 0;
  }
  .drawer__menu__content__left__illust ._ver::before {
    top: calc(var(--spacing) * 0);
    left: calc(var(--spacing) * 0);
    animation: marquee-ver 500s linear infinite;
  }
  .drawer__menu__content__left__illust ._ver::after {
    top: calc(var(--spacing) * 0);
    right: calc(var(--spacing) * 0);
    animation: marquee-ver-reverse 500s linear infinite;
  }
  .drawer__menu__content__left__illust ._hor::before, .drawer__menu__content__left__illust ._hor::after {
    height: calc(var(--spacing) * 11);
    width: 100%;
    background-image: url('./assets/img/header-nav-text_hor.svg');
    background-size: auto 100%;
    background-repeat: repeat-x;
    background-position: 0 0;
  }
  .drawer__menu__content__left__illust ._hor::before {
    top: calc(var(--spacing) * 0);
    left: calc(var(--spacing) * 0);
    z-index: 1;
    animation: marquee-reverse 400s linear infinite;
  }
  .drawer__menu__content__left__illust ._hor::after {
    bottom: calc(var(--spacing) * 0);
    left: calc(var(--spacing) * 0);
    animation: marquee 400s linear infinite;
  }
  .drawer__menu__content__left__banners {
    margin-inline: auto;
    margin-top: 3.25rem;
    display: flex;
    max-width: 43.9375rem;
    gap: calc(var(--spacing) * 2);
  }
  .drawer__menu__content__left__banner {
    position: relative;
    height: 9.8125rem;
    width: 100%;
    border-radius: .5769rem;
    border-style: var(--tw-border-style);
    border-width: 3px;
    transition-property: all;
    transition-timing-function: var(--tw-ease, ease);
    transition-duration: var(--tw-duration, 0s);
    --tw-duration: 300ms;
    transition-duration: 300ms;
    --tw-ease: var(--ease-out);
    transition-timing-function: var(--ease-out);
  }
  .drawer__menu__content__left__banner::before {
    position: absolute;
    top: calc(1/2 * 100%);
    left: 2.2rem;
    z-index: 10;
    height: 3.375rem;
    width: 7.0625rem;
    --tw-translate-y: calc(calc(1/2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    rotate: calc(45deg * -1);
    border-radius: calc(infinity * 1px);
    transition-property: all;
    transition-timing-function: var(--tw-ease, ease);
    transition-duration: var(--tw-duration, 0s);
    --tw-duration: 300ms;
    transition-duration: 300ms;
    --tw-ease: var(--ease-out);
    transition-timing-function: var(--ease-out);
    --tw-content: '';
    content: var(--tw-content);
  }
  .drawer__menu__content__left__banner::after {
    position: absolute;
    top: calc(var(--spacing) * 0);
    left: calc(var(--spacing) * 0);
    height: 100%;
    width: 100%;
    border-radius: .5769rem;
    border-style: var(--tw-border-style);
    border-width: 1px;
    background-size: cover;
    transition-property: all;
    transition-timing-function: var(--tw-ease, ease);
    transition-duration: var(--tw-duration, 0s);
    --tw-duration: 300ms;
    transition-duration: 300ms;
    --tw-ease: var(--ease-out);
    transition-timing-function: var(--ease-out);
    --tw-content: '';
    content: var(--tw-content);
  }
  .drawer__menu__content__left__banner > * {
    z-index: 10;
  }
  .drawer__menu__content__left__banner .sc-title {
    position: absolute;
    top: 3.5rem;
    --tw-content: '';
    content: var(--tw-content);
  }
  .drawer__menu__content__left__banner .sc-title h5 {
    font-size: 1.5rem !important;
  }
  .drawer__menu__content__left__banner .sc-title h5 span {
    height: 1.9375rem !important;
    width: 1.9375rem !important;
    background-color: transparent !important;
  }
  .drawer__menu__content__left__banner:nth-child(1) {
    border-color: var(--color-primary);
    background-color: var(--color-primary);
  }
  .drawer__menu__content__left__banner:nth-child(1)::before {
    background-color: #5CB800;
  }
  .drawer__menu__content__left__banner:nth-child(1)::after {
    border-color: var(--color-primary);
    background-image: url('./assets/img/banner-grid_01.svg');
  }
  .drawer__menu__content__left__banner:nth-child(1) .sc-title {
    left: 1.6875rem;
  }
  .drawer__menu__content__left__banner:nth-child(1) > img {
    position: absolute;
    right: 1.6875rem;
    bottom: calc(var(--spacing) * 2);
    width: 8.375rem;
  }
  .drawer__menu__content__left__banner:nth-child(2) {
    border-color: var(--color-tertiary);
    background-color: var(--color-tertiary);
  }
  .drawer__menu__content__left__banner:nth-child(2)::before {
    left: 2.7rem;
    background-color: #E6B800;
  }
  .drawer__menu__content__left__banner:nth-child(2)::after {
    border-color: var(--color-tertiary);
    background-image: url('./assets/img/banner-grid_02.svg');
  }
  .drawer__menu__content__left__banner:nth-child(2) .sc-title {
    left: 1.625rem;
  }
  .drawer__menu__content__left__banner:nth-child(2) > img {
    position: absolute;
    right: calc(var(--spacing) * 4);
    bottom: .625rem;
    width: 8.4375rem;
  }
  @media (hover: hover) {
    .drawer__menu__content__left__banner:hover {
      background-color: transparent;
    }
    .drawer__menu__content__left__banner:hover::before {
      height: 7.0625rem;
      width: 7.0625rem;
    }
    .drawer__menu__content__left__banner:hover::after {
      --tw-scale-x: 97.5%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
      --tw-scale-y: 95%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
    .drawer__menu__content__left__banner:hover:nth-child(1)::before {
      left: 2.3rem;
    }
    .drawer__menu__content__left__banner:hover:nth-child(1)::after {
      background-color: #F0FAE6;
    }
    .drawer__menu__content__left__banner:hover:nth-child(2)::after {
      background-color: #FFFAE6;
    }
  }
  @media (width < 48rem) {
    .drawer__menu__content__left__banners {
      flex-direction: column;
      gap: 1.75rem;
    }
    .drawer__menu__content__left__banner {
      height: 11.0625rem;
    }
    .drawer__menu__content__left__banner::before {
      left: 1.5rem;
      height: 3.375rem;
      width: 7rem;
    }
    .drawer__menu__content__left__banner .sc-title {
      top: calc(1/2 * 100%);
      left: calc(var(--spacing) * 5);
      --tw-translate-y: calc(calc(1/2 * 100%) * -1);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .drawer__menu__content__left__banner:nth-child(1) > img {
      right: calc(var(--spacing) * 1);
      bottom: 1.5625rem;
      width: 8rem;
    }
    .drawer__menu__content__left__banner:nth-child(2) > img {
      right: calc(var(--spacing) * 1.5);
      bottom: .5625rem;
      width: 8.25rem;
    }
  }
  .drawer__menu__content__right {
    width: 31.5rem;
    padding-inline: calc(var(--spacing) * 10);
    padding-top: 10.125rem;
    padding-bottom: calc(var(--spacing) * 20);
  }
  .drawer__menu__content__right > a {
    position: relative;
    margin-top: 5.1875rem;
    display: inline-block;
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: .0625rem;
    border-color: var(--color-primary);
    padding-block: calc(var(--spacing) * 2.5);
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-primary);
  }
  .drawer__menu__content__right > a:after {
    position: absolute;
    bottom: calc(.0625rem * -1);
    left: calc(var(--spacing) * 0);
    height: .0625rem;
    width: 100%;
    background-color: var(--color-tertiary);
    --tw-content: '';
    content: var(--tw-content);
    transform: scaleX(0);
    transition: transform 0.6s cubic-bezier(0.2, 1, 0.21, 1);
  }
  .drawer__menu__content__right > a:hover:after {
    transform: scaleX(1);
  }
  .drawer__menu__content__navlinks {
    display: grid;
    gap: calc(var(--spacing) * 5);
  }
  .drawer__menu__content__navlinks li a {
    position: relative;
    display: inline-block;
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: .1875rem;
    border-color: var(--color-primary);
    padding-block: calc(var(--spacing) * 1);
    padding-left: calc(var(--spacing) * 4);
    font-size: 2rem;
    --tw-leading: 1.3;
    line-height: 1.3;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-primary);
  }
  .drawer__menu__content__navlinks li a::before {
    position: absolute;
    top: calc(1/2 * 100%);
    left: calc(var(--spacing) * 0);
    height: calc(var(--spacing) * 4);
    width: calc(var(--spacing) * 2);
    --tw-translate-y: calc(calc(1/2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    background-image: url('./assets/img/icon-arrow.svg');
    background-position: 100% 100%;
    background-repeat: no-repeat;
    --tw-content: '';
    content: var(--tw-content);
  }
  .drawer__menu__content__navlinks li a:after {
    position: absolute;
    bottom: calc(.1875rem * -1);
    left: calc(var(--spacing) * 0);
    height: .1875rem;
    width: 100%;
    background-color: var(--color-tertiary);
    --tw-content: '';
    content: var(--tw-content);
    transform: scaleX(0);
    transition: transform 0.6s cubic-bezier(0.2, 1, 0.21, 1);
  }
  .drawer__menu__content__navlinks li a:hover:after {
    transform: scaleX(1);
  }
  .drawer__menu.is-open {
    visibility: visible;
    --tw-scale-x: 100%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
    opacity: 100%;
    transition: opacity 0.3s 0s, scale 1s 0s cubic-bezier(0.2, 1, 0.21, 1), visibility 0s 0s;
  }
  .drawer__menu.is-open .navlinks {
    pointer-events: auto;
  }
  @media (width < 48rem) {
    .drawer .drawer__btn {
      margin-top: calc(var(--spacing) * 10);
      height: calc(var(--spacing) * 14.5);
      width: auto;
      border-top-left-radius: var(--radius-lg);
      border-bottom-left-radius: var(--radius-lg);
      padding-right: calc(var(--spacing) * 2.75);
      padding-left: calc(var(--spacing) * 8.5);
      font-size: var(--text-lg);
      line-height: var(--tw-leading, var(--text-lg--line-height));
    }
    .drawer .drawer__btn::after {
      left: calc(var(--spacing) * 1.5);
    }
    .drawer .drawer__menu {
      top: calc(var(--spacing) * 23.25);
      height: calc(100vh - 8.8125rem);
      width: calc(100vw - 3.125rem);
    }
    .drawer .drawer__menu__content {
      flex-direction: column;
    }
    .drawer .drawer__menu__content__left {
      padding-top: calc(var(--spacing) * 22);
      padding-bottom: calc(var(--spacing) * 6.5);
    }
    .drawer .drawer__menu__content__left__illust {
      width: 18.4375rem;
      padding: calc(var(--spacing) * 5);
    }
    .drawer .drawer__menu__content__left__illust img {
      width: 14.75rem;
    }
    .drawer .drawer__menu__content__left__illust ._hor::before, .drawer .drawer__menu__content__left__illust ._hor::after {
      height: calc(var(--spacing) * 5);
    }
    .drawer .drawer__menu__content__left__illust ._ver::before, .drawer .drawer__menu__content__left__illust ._ver::after {
      width: calc(var(--spacing) * 5);
    }
    .drawer .drawer__menu__content__left__banners {
      margin-top: calc(var(--spacing) * 3);
      gap: calc(var(--spacing) * 6);
      padding-right: calc(var(--spacing) * 4.75);
      padding-left: calc(var(--spacing) * 1.75);
    }
    .drawer .drawer__menu__content__left__banner {
      height: 9.6875rem;
      border-radius: 1.5rem;
    }
    .drawer .drawer__menu__content__left__banner:before {
      left: 1.625rem;
      height: 2.9375rem;
      width: 6.1875rem;
    }
    .drawer .drawer__menu__content__left__banner::after {
      border-radius: 1.5rem;
    }
    .drawer .drawer__menu__content__left__banner:nth-child(1) > img {
      top: calc(1.1875rem * -1);
      right: calc(var(--spacing) * 0);
      width: 7rem;
    }
    .drawer .drawer__menu__content__left__banner:nth-child(2) > img {
      top: calc(.5625rem * -1);
      right: calc(var(--spacing) * 1.5);
      width: 7.25rem;
    }
    .drawer .drawer__menu__content__left__banner .sc-title h5 {
      font-size: 1.625rem !important;
    }
    .drawer .drawer__menu__content__right {
      padding-top: calc(var(--spacing) * 9);
      padding-bottom: calc(var(--spacing) * 12);
      padding-left: 1.125rem;
    }
    .drawer .drawer__menu__content__right > a {
      margin-top: calc(var(--spacing) * 8);
      padding: calc(var(--spacing) * 2.5);
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
    }
    .drawer .drawer__menu__content__navlinks {
      gap: calc(var(--spacing) * 1);
    }
    .drawer .drawer__menu__content__navlinks li a {
      padding-block: calc(var(--spacing) * 3);
      font-size: var(--text-lg);
      line-height: var(--tw-leading, var(--text-lg--line-height));
    }
    .drawer .drawer__menu__content__navlinks li a::before {
      width: calc(var(--spacing) * 1.75);
    }
  }
  .footer {
    position: relative;
    z-index: 1;
    overflow: hidden;
    padding-top: 18.9375rem;
    padding-bottom: 2.25rem;
  }
  .footer::before {
    position: absolute;
    top: 6.875rem;
    left: calc(1/2 * 100%);
    height: 57.125rem;
    width: 43.125rem;
    --tw-translate-x: calc(calc(1/2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    rotate: 45deg;
    border-radius: 25.25rem;
    background-color: var(--color-tertiary-light);
    --tw-content: '';
    content: var(--tw-content);
  }
  .footer .wrapper {
    padding-inline: calc(var(--spacing) * 25);
  }
  .footer__logo {
    pointer-events: auto;
    width: 11.5625rem;
    border-radius: .625rem;
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: #c9c9c9;
    --tw-shadow: .125rem .125rem .3125rem 0 var(--tw-shadow-color, rgba(0, 0, 0, 0.25));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  @media (hover: hover) {
    .footer__logo:hover {
      opacity: 50%;
    }
  }
  .footer__logo {
    transition: opacity 1s cubic-bezier(0.2, 1, 0.21, 1);
  }
  .footer__sns {
    margin-block: calc(var(--spacing) * 6);
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 5);
  }
  @media (hover: hover) {
    .footer__sns a:hover {
      --tw-scale-x: 115%;
      --tw-scale-y: 115%;
      --tw-scale-z: 115%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
  }
  .footer__sns a {
    transition: all 1s cubic-bezier(0.2, 1, 0.21, 1);
  }
  .footer__sns a img {
    width: calc(var(--spacing) * 10);
  }
  .footer__copy {
    font-size: .8125rem;
  }
  .footer__navlinks {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: calc(var(--spacing) * 3);
  }
  .footer__navlinks li a {
    position: relative;
    display: block;
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 1.5);
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-primary);
  }
  .footer__navlinks li a::before {
    position: relative;
    height: calc(var(--spacing) * 4);
    width: calc(var(--spacing) * 4);
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style);
    border-width: .25rem;
    border-color: var(--color-tertiary);
    --tw-content: '';
    content: var(--tw-content);
  }
  .footer__navlinks li a::after {
    position: absolute;
    bottom: calc(var(--spacing) * 0);
    left: calc(1/2 * 100%);
    height: calc(var(--spacing) * 0.25);
    width: calc(var(--spacing) * 0);
    --tw-translate-x: calc(calc(1/2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    background-color: var(--color-primary);
    transition-property: all;
    transition-timing-function: var(--tw-ease, ease);
    transition-duration: var(--tw-duration, 0s);
    --tw-duration: 300ms;
    transition-duration: 300ms;
    --tw-ease: var(--ease-out);
    transition-timing-function: var(--ease-out);
    --tw-content: '';
    content: var(--tw-content);
  }
  @media (hover:hover) {
    .footer__navlinks li a:hover::after {
      width: 100%;
    }
  }
  .footer__top__banners {
    display: flex;
    gap: calc(var(--spacing) * 8);
  }
  .footer__top__banner {
    position: relative;
    height: 25.4375rem;
    width: 100%;
    border-radius: 1.5rem;
    border-style: var(--tw-border-style);
    border-width: 3px;
    transition-property: all;
    transition-timing-function: var(--tw-ease, ease);
    transition-duration: var(--tw-duration, 0s);
    --tw-duration: 300ms;
    transition-duration: 300ms;
    --tw-ease: var(--ease-out);
    transition-timing-function: var(--ease-out);
  }
  .footer__top__banner::before {
    position: absolute;
    top: calc(1/2 * 100%);
    left: 3.625rem;
    z-index: 10;
    height: 6.625rem;
    width: 13.875rem;
    --tw-translate-y: calc(calc(1/2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    rotate: calc(45deg * -1);
    border-radius: calc(infinity * 1px);
    transition-property: all;
    transition-timing-function: var(--tw-ease, ease);
    transition-duration: var(--tw-duration, 0s);
    --tw-duration: 300ms;
    transition-duration: 300ms;
    --tw-ease: var(--ease-out);
    transition-timing-function: var(--ease-out);
    --tw-content: '';
    content: var(--tw-content);
  }
  .footer__top__banner::after {
    position: absolute;
    top: calc(var(--spacing) * 0);
    left: calc(var(--spacing) * 0);
    height: 100%;
    width: 100%;
    border-radius: 1.5rem;
    border-style: var(--tw-border-style);
    border-width: 1px;
    background-size: cover;
    transition-property: all;
    transition-timing-function: var(--tw-ease, ease);
    transition-duration: var(--tw-duration, 0s);
    --tw-duration: 300ms;
    transition-duration: 300ms;
    --tw-ease: var(--ease-out);
    transition-timing-function: var(--ease-out);
    --tw-content: '';
    content: var(--tw-content);
  }
  .footer__top__banner > * {
    z-index: 10;
  }
  .footer__top__banner .sc-title {
    position: absolute;
    top: 10.5625rem;
    --tw-content: '';
    content: var(--tw-content);
  }
  .footer__top__banner .sc-title h5 span {
    background-color: transparent !important;
  }
  .footer__top__banner:nth-child(1) {
    border-color: var(--color-primary);
    background-color: var(--color-primary);
  }
  .footer__top__banner:nth-child(1)::before {
    background-color: #5CB800;
  }
  .footer__top__banner:nth-child(1)::after {
    border-color: var(--color-primary);
    background-image: url('./assets/img/banner-grid_01.svg');
  }
  .footer__top__banner:nth-child(1) .sc-title {
    left: 3.375rem;
  }
  .footer__top__banner:nth-child(1) > img {
    position: absolute;
    right: 9.125rem;
    bottom: 1.3125rem;
    width: 21.8125rem;
  }
  .footer__top__banner:nth-child(2) {
    border-color: var(--color-tertiary);
    background-color: var(--color-tertiary);
  }
  .footer__top__banner:nth-child(2)::before {
    background-color: #E6B800;
  }
  .footer__top__banner:nth-child(2)::after {
    border-color: var(--color-tertiary);
    background-image: url('./assets/img/banner-grid_02.svg');
  }
  .footer__top__banner:nth-child(2) .sc-title {
    left: 2.8125rem;
  }
  .footer__top__banner:nth-child(2) > img {
    position: absolute;
    right: 3.25rem;
    bottom: .875rem;
    width: 22.6875rem;
  }
  @media (hover: hover) {
    .footer__top__banner:hover {
      background-color: transparent;
    }
    .footer__top__banner:hover::before {
      height: 16.75rem;
      width: 16.75rem;
    }
    .footer__top__banner:hover::after {
      --tw-scale-x: 97.5%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
      --tw-scale-y: 95%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
    .footer__top__banner:hover:nth-child(1)::before {
      left: 2.3rem;
    }
    .footer__top__banner:hover:nth-child(1)::after {
      background-color: #F0FAE6;
    }
    .footer__top__banner:hover:nth-child(2)::after {
      background-color: #FFFAE6;
    }
  }
  .footer__bottom {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    padding-top: 1.625rem;
  }
  .footer__bottom__left {
    width: 28rem;
  }
  .footer__bottom__center {
    position: relative;
    width: 15.6875rem;
    --tw-outline-style: none !important;
    outline-style: none !important;
  }
  @media (hover: hover) {
    .footer__bottom__center:hover {
      --tw-scale-x: 105%;
      --tw-scale-y: 105%;
      --tw-scale-z: 105%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
  }
  .footer__bottom__center {
    transition: all 1s cubic-bezier(0.2, 1, 0.21, 1);
  }
  .footer__bottom__center ._balloon {
    position: absolute;
    top: calc(1/2 * 100%);
    left: calc(var(--spacing) * 1);
    width: 9.375rem;
    --tw-translate-x: -100%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
    --tw-translate-y: calc(calc(1/2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .footer__bottom__right {
    width: 28rem;
  }
  @media (width < 48rem) {
    .footer {
      padding-top: 6.6875rem;
      padding-bottom: calc(var(--spacing) * 4);
    }
    .footer::before {
      top: 11rem;
      height: 19.6875rem;
      width: 14.875rem;
    }
    .footer .wrapper {
      padding-inline: calc(var(--spacing) * 5);
    }
    .footer .footer__top__banners {
      flex-direction: column;
      gap: 1.75rem;
    }
    .footer .footer__top__banner {
      height: 11.0625rem;
    }
    .footer .footer__top__banner::before {
      left: 1.5rem;
      height: 3.375rem;
      width: 7rem;
    }
    .footer .footer__top__banner .sc-title {
      top: calc(1/2 * 100%);
      left: calc(var(--spacing) * 5);
      --tw-translate-y: calc(calc(1/2 * 100%) * -1);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .footer .footer__top__banner:nth-child(1) > img {
      right: calc(var(--spacing) * 1);
      bottom: 1.5625rem;
      width: 8rem;
    }
    .footer .footer__top__banner:nth-child(2) > img {
      right: calc(var(--spacing) * 1.5);
      bottom: .5625rem;
      width: 8.25rem;
    }
    .footer .footer__navlinks {
      flex-direction: column;
      align-items: flex-start;
      gap: calc(var(--spacing) * 3);
    }
    .footer .footer__navlinks li a {
      font-size: var(--text-lg);
      line-height: var(--tw-leading, var(--text-lg--line-height));
    }
    .footer .footer__logo {
      margin-inline: auto;
      width: 10.375rem;
    }
    .footer .footer__sns {
      justify-content: center;
    }
    .footer .footer__copy {
      margin-top: calc(var(--spacing) * 1);
      width: 100%;
      text-align: center;
    }
    .footer .footer__center {
      width: 100%;
    }
    .footer .footer__bottom {
      flex-direction: column;
      padding-top: calc(var(--spacing) * 6);
    }
    .footer .footer__bottom__right {
      order: -9999;
      width: 100%;
    }
    .footer .footer__bottom__left {
      margin-top: calc(var(--spacing) * 6);
      width: 100%;
    }
    .footer .footer__bottom__center {
      display: flex;
      width: 100%;
      align-items: center;
      justify-content: center;
    }
    .footer .footer__bottom__center img {
      width: 5.875rem;
    }
    .footer .footer__bottom__center ._balloon {
      position: relative;
      top: calc(var(--spacing) * 0);
      left: calc(var(--spacing) * 0);
      order: -9999;
      width: 3.5rem;
      --tw-translate-x: unset;
      --tw-translate-y: unset;
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  .s-title {
    position: relative;
    height: calc(var(--spacing) * 112.5);
    padding-top: calc(var(--spacing) * 45);
    text-align: center;
  }
  @media (width < 48rem) {
    .s-title {
      height: calc(var(--spacing) * 87.5);
    }
  }
  @media (width < 48rem) {
    .s-title {
      padding-top: calc(var(--spacing) * 44);
    }
  }
  .s-title h1 {
    font-family: var(--font-acumin-variable);
    font-size: 4.375rem;
    --tw-leading: 1;
    line-height: 1;
    --tw-tracking: .02em;
    letter-spacing: .02em;
    color: var(--color-primary);
  }
  @media (width >= 48rem) {
    .s-title h1 {
      font-size: 7.8125rem;
    }
  }
  .s-title h1 {
    font-variation-settings: "slnt" 0, "wdth" 100, "wght" 800;
  }
  .s-title .breadcrumb {
    position: absolute;
    bottom: calc(var(--spacing) * 0);
    width: 100%;
    padding-inline: calc(var(--spacing) * 9.5);
  }
  @media (width < 48rem) {
    .s-title .breadcrumb {
      display: none;
    }
  }
  .s-title .breadcrumb ul {
    position: relative;
    display: flex;
    gap: calc(var(--spacing) * 1);
    padding-left: calc(var(--spacing) * 4);
  }
  .s-title .breadcrumb ul:before {
    position: absolute;
    top: calc(1/2 * 100%);
    left: calc(var(--spacing) * 0);
    height: calc(var(--spacing) * 1.5);
    width: calc(var(--spacing) * 1.5);
    --tw-translate-y: calc(calc(1/2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    border-radius: calc(infinity * 1px);
    background-color: var(--color-primary);
    --tw-content: '';
    content: var(--tw-content);
  }
  .s-title .breadcrumb ul li {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    color: var(--color-primary);
  }
  .s-title .breadcrumb ul li:not(:first-child)::before {
    --tw-content: '＞';
    content: var(--tw-content);
  }
  @media (hover: hover) {
    .s-title .breadcrumb ul li a:hover {
      text-decoration-line: underline;
    }
  }
  .anchor {
    margin-inline: auto;
    margin-top: calc(var(--spacing) * 7.5);
    max-width: calc(var(--spacing) * 237.5);
    padding-inline: calc(var(--spacing) * 6.25);
  }
  @media (width < 48rem) {
    .anchor {
      margin-top: calc(var(--spacing) * 5);
    }
  }
  .anchor ul {
    position: relative;
    margin-inline: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: calc(var(--spacing) * 13);
    column-gap: calc(var(--spacing) * 7.25);
    row-gap: calc(var(--spacing) * 6.5);
    border-radius: 6rem;
    background-color: var(--color-primary);
    padding-inline: calc(var(--spacing) * 16);
    padding-block: calc(var(--spacing) * 4.5);
    color: var(--color-white);
  }
  @media (width < 48rem) {
    .anchor ul {
      max-width: calc(var(--spacing) * 145);
    }
  }
  .anchor ul li a {
    position: relative;
    padding-left: calc(var(--spacing) * 6.5);
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    transition-property: all;
    transition-timing-function: var(--tw-ease, ease);
    transition-duration: var(--tw-duration, 0s);
    --tw-duration: 200ms;
    transition-duration: 200ms;
  }
  @media (width < 48rem) {
    .anchor ul li a {
      font-size: var(--text-2xl);
      line-height: var(--tw-leading, var(--text-2xl--line-height));
    }
  }
  .anchor ul li a::before {
    position: absolute;
    top: calc(1/2 * 100%);
    left: calc(var(--spacing) * 0);
    height: calc(var(--spacing) * 3.5);
    width: calc(var(--spacing) * 3.5);
    --tw-translate-y: calc(calc(1/2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-white);
    transition-property: all;
    transition-timing-function: var(--tw-ease, ease);
    transition-duration: var(--tw-duration, 0s);
    --tw-duration: 200ms;
    transition-duration: 200ms;
    --tw-content: '';
    content: var(--tw-content);
  }
  .anchor ul li a:hover {
    opacity: 80%;
  }
  .anchor ul li a:hover::before {
    background-color: var(--color-white);
  }
  .anchor ul li.is-active a::before {
    background-color: var(--color-white);
  }
  .post-card {
    position: relative;
  }
  .post-card__thumb {
    aspect-ratio: 336/214;
    overflow: hidden;
    border-radius: 1.5rem;
  }
  .post-card__thumb img {
    height: 100%;
    width: 100%;
    object-fit: cover;
  }
  .post-card__body {
    margin-top: calc(var(--spacing) * 5.5);
    color: var(--color-primary);
  }
  .post-card__body__props {
    display: flex;
    min-height: calc(var(--spacing) * 5.5);
    align-items: center;
    gap: calc(var(--spacing) * 3);
  }
  .post-card__body__props span {
    padding-top: calc(var(--spacing) * 1);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-leading: 1;
    line-height: 1;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }
  @media (width < 48rem) {
    .post-card__body__props span {
      font-size: var(--text-lg);
      line-height: var(--tw-leading, var(--text-lg--line-height));
    }
  }
  @media (width >= 48rem) {
    .post-card__body__props span {
      padding-top: calc(var(--spacing) * 1.5);
    }
  }
  .post-card__body__props a {
    z-index: 10;
    display: grid;
    height: calc(var(--spacing) * 5.5);
    width: calc(var(--spacing) * 35);
    place-content: center;
    border-radius: var(--radius-2xl);
    background-color: var(--color-primary);
    padding-top: calc(var(--spacing) * 0.5);
    font-size: .5rem;
    --tw-leading: 1;
    line-height: 1;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-white);
    transition-property: all;
    transition-timing-function: var(--tw-ease, ease);
    transition-duration: var(--tw-duration, 0s);
    --tw-duration: 200ms;
    transition-duration: 200ms;
  }
  @media (hover: hover) {
    .post-card__body__props a:hover {
      opacity: 75%;
    }
  }
  @media (width < 48rem) {
    .post-card__body__props a {
      height: calc(var(--spacing) * 7);
    }
  }
  @media (width < 48rem) {
    .post-card__body__props a {
      font-size: var(--text-lg);
      line-height: var(--tw-leading, var(--text-lg--line-height));
    }
  }
  .post-card__body__title {
    margin-top: calc(var(--spacing) * 3.5);
  }
  .post-card__body__title h2 {
    margin-top: calc(var(--spacing) * 2);
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    --tw-leading: 1.78;
    line-height: 1.78;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }
  @media (width < 48rem) {
    .post-card__body__title h2 {
      margin-top: calc(var(--spacing) * 4);
    }
  }
  @media (width < 48rem) {
    .post-card__body__title h2 {
      font-size: 1.3125rem;
    }
  }
  @media (width < 48rem) {
    .post-card__body__title h2 {
      --tw-leading: 1.52;
      line-height: 1.52;
    }
  }
  .post-card__body__title span {
    position: absolute;
    inset: calc(var(--spacing) * -4);
    display: block;
    border-radius: 0.25rem;
    border-top-left-radius: 2rem;
    border-top-right-radius: 2rem;
    border-bottom-right-radius: 1.5rem;
    border-bottom-left-radius: 1.5rem;
    transition-property: all;
    transition-timing-function: var(--tw-ease, ease);
    transition-duration: var(--tw-duration, 0s);
    --tw-duration: 100ms;
    transition-duration: 100ms;
  }
  @media (hover: hover) {
    .post-card__body__title span:hover {
      background-color: color-mix(in srgb, #fff 10%, transparent);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .post-card__body__title span:hover {
        background-color: color-mix(in oklab, var(--color-white) 10%, transparent);
      }
    }
  }
  .history-banner {
    position: relative;
    margin-inline: auto;
    width: calc(var(--spacing) * 360);
    border-radius: 1.5rem;
    padding-right: calc(var(--spacing) * 0.25);
    padding-left: calc(var(--spacing) * 7);
  }
  .history-banner__content {
    position: relative;
    aspect-ratio: 1413/462;
    width: 100%;
    border-radius: 16.25rem;
    background-size: cover;
    background-position: center;
  }
  .history-banner__content .animate-thumb-swipe {
    position: absolute;
    top: calc(var(--spacing) * 0);
    left: calc(var(--spacing) * 0);
    height: 100%;
    width: 100%;
    border-radius: 16.25rem;
  }
  .history-banner__content .inner {
    position: relative;
    margin-inline: auto;
    height: 100%;
    width: calc(var(--spacing) * 87.25);
    --tw-translate-x: calc(.9375rem * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    padding-top: calc(var(--spacing) * 34.25);
    color: var(--color-white);
  }
  .history-banner__content .inner > * {
    position: relative;
  }
  .history-banner__content .inner p {
    text-align: center;
    --tw-leading: 1;
    line-height: 1;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }
  .history-banner__content .inner p:nth-child(1) {
    font-size: 2.0625rem;
    --tw-tracking: calc(.08em * -1);
    letter-spacing: calc(.08em * -1);
  }
  .history-banner__content .inner p:nth-child(2) {
    margin-top: calc(var(--spacing) * 1);
    width: max-content;
    --tw-translate-x: calc(var(--spacing) * -2);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    font-size: 5.2438rem;
  }
  .history-banner__content .inner p:nth-child(2) span {
    font-size: 1.6931rem;
  }
  .history-banner__content .inner .hv-bs {
    margin-top: calc(var(--spacing) * 4);
    display: flex;
    --tw-translate-x: calc(var(--spacing) * 6);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    align-items: center;
    justify-content: center;
    gap: calc(var(--spacing) * 2);
    --init-bg: var(--color-white);
    --init-color: var(--color-primary);
    --hover-bg: transparent;
    --hover-color: var(--color-white);
  }
  .history-banner__content .inner .hv-bs span {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }
  .history-banner__content .inner .hv-bs ._icon {
    display: grid;
    height: 3.25rem;
    width: 3.25rem;
    place-content: center;
    border-radius: calc(infinity * 1px);
  }
  .history-banner__content .inner .hv-bs ._icon svg {
    width: calc(var(--spacing) * 5);
  }
  .history-banner__content .inner::before {
    position: absolute;
    top: calc(var(--spacing) * 0);
    left: calc(var(--spacing) * 0);
    height: 100%;
    width: 100%;
    rotate: 45deg;
    border-radius: 25.25rem;
    background-color: color-mix(in oklab, #66CC00 84%, transparent);
    --tw-content: '';
    content: var(--tw-content);
  }
  .history-banner__char {
    position: absolute;
    right: calc(var(--spacing) * -15.5);
    bottom: calc(var(--spacing) * -1.75);
    width: calc(var(--spacing) * 37.5);
  }
  .history-banner__man {
    pointer-events: none;
    position: absolute;
    bottom: calc(var(--spacing) * 0);
    left: calc(var(--spacing) * -7.25);
    width: calc(var(--spacing) * 200.25);
  }
  @media (width < 48rem) {
    .history-banner {
      width: calc(var(--spacing) * 93.75);
      overflow: hidden;
      padding-inline: calc(var(--spacing) * 5);
    }
    .history-banner__content {
      margin-inline: auto;
      aspect-ratio: 335/349;
      max-width: calc(var(--spacing) * 83.75);
      border-radius: 1.5rem;
    }
    .history-banner__content .animate-thumb-swipe {
      border-radius: 1.5rem;
    }
    .history-banner__content .inner {
      height: calc(var(--spacing) * 78.25);
      width: calc(var(--spacing) * 59);
      --tw-translate-x: calc(var(--spacing) * -0.5);
      translate: var(--tw-translate-x) var(--tw-translate-y);
      padding-top: calc(var(--spacing) * 23);
    }
    .history-banner__content .inner p:nth-child(1) {
      --tw-translate-x: calc(var(--spacing) * 2);
      translate: var(--tw-translate-x) var(--tw-translate-y);
      font-size: 1.2281rem;
    }
    .history-banner__content .inner p:nth-child(2) {
      margin-inline: auto;
      margin-top: calc(var(--spacing) * 2);
      --tw-translate-x: calc(var(--spacing) * 2);
      translate: var(--tw-translate-x) var(--tw-translate-y);
      font-size: 3.1231rem;
    }
    .history-banner__content .inner p:nth-child(2) span {
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
    }
    .history-banner__content .inner .hv-bs {
      margin-top: calc(var(--spacing) * 4.5);
      --tw-translate-x: calc(var(--spacing) * 2);
      translate: var(--tw-translate-x) var(--tw-translate-y);
      gap: calc(var(--spacing) * 1);
    }
    .history-banner__content .inner .hv-bs ._icon {
      height: 1.6875rem;
      width: 1.6875rem;
    }
    .history-banner__content .inner .hv-bs ._icon svg {
      width: .625rem;
    }
    .history-banner__man {
      bottom: calc(var(--spacing) * 12.5);
      left: calc(var(--spacing) * 6.5);
      width: calc(var(--spacing) * 58.75);
    }
    .history-banner__char {
      right: calc(var(--spacing) * 2.5);
      bottom: calc(var(--spacing) * 3.25);
      width: calc(var(--spacing) * 19.25);
    }
  }
  .modal {
    position: fixed;
    top: calc(var(--spacing) * 0);
    left: calc(var(--spacing) * 0);
    z-index: 50;
    display: flex;
    height: 100%;
    width: 100%;
    align-items: flex-start;
    justify-content: center;
    overflow-y: auto;
    scroll-behavior: smooth;
    background-color: color-mix(in srgb, #232323 50%, transparent);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .modal {
      background-color: color-mix(in oklab, var(--color-black) 50%, transparent);
    }
  }
  .modal__close {
    position: fixed;
    top: calc(var(--spacing) * 4);
    right: calc(var(--spacing) * 4);
    z-index: 10;
  }
  @media (width >= 48rem) {
    .modal__close {
      display: none;
    }
  }
  .modal__close svg {
    height: calc(var(--spacing) * 6);
    width: calc(var(--spacing) * 6);
    color: var(--color-black);
  }
  .modal__content {
    position: relative;
    width: 100%;
    max-width: 95rem;
    background-color: var(--color-white);
    padding-inline: calc(var(--spacing) * 5);
    padding-block: 5rem 2.5rem;
  }
  @media (width >= 48rem) {
    .modal__content {
      padding-inline: calc(var(--spacing) * 25);
    }
  }
  @media (width >= 48rem) {
    .modal__content {
      padding-block: 6.125rem 9.0625rem;
    }
  }
  @media (width < 48rem) {
    .p-home {
      overflow: hidden;
    }
  }
  @media (width >= 48rem) {
    .p-home {
      margin-bottom: calc(var(--spacing) * -16);
    }
  }
  .p-home section {
    position: relative;
  }
  @media (width < 48rem) {
    .p-home .home-top {
      overflow-x: hidden;
    }
  }
  .p-home .home-top .wrapper {
    min-height: calc(var(--spacing) * 169.25);
  }
  @media (width >= 48rem) {
    .p-home .home-top .wrapper {
      min-height: calc(var(--spacing) * 270);
    }
  }
  .p-home .home-top .line-left, .p-home .home-top .line-right {
    pointer-events: none;
    position: absolute;
    -webkit-user-select: none;
    user-select: none;
  }
  .p-home .home-top .line-left {
    top: calc(var(--spacing) * 50.5);
    left: calc(var(--spacing) * -28.25);
    height: calc(var(--spacing) * 151.25);
    width: calc(var(--spacing) * 158.25);
  }
  .p-home .home-top .line-left .line:nth-child(1) {
    top: calc(var(--spacing) * 14.25);
    left: calc(var(--spacing) * 7);
  }
  .p-home .home-top .line-left .line:nth-child(1) img {
    animation-duration: 3.3s;
    animation-delay: 1s;
  }
  .p-home .home-top .line-left .line:nth-child(2) {
    top: calc(var(--spacing) * 63.75);
    left: calc(var(--spacing) * 0);
  }
  .p-home .home-top .line-left .line:nth-child(2) img {
    animation-duration: 1.9s;
    animation-delay: 0.2s;
  }
  .p-home .home-top .line-left .line:nth-child(3) {
    top: calc(var(--spacing) * 0);
    right: calc(var(--spacing) * 0);
  }
  .p-home .home-top .line-left .line:nth-child(3) img {
    animation-duration: 1s;
    animation-delay: 1.5s;
  }
  .p-home .home-top .line-left .line:nth-child(4) {
    top: calc(var(--spacing) * 71.25);
    left: calc(var(--spacing) * 38.25);
  }
  .p-home .home-top .line-left .line:nth-child(4) img {
    animation-duration: 2.8s;
    animation-delay: 1.5s;
  }
  .p-home .home-top .line-left .line:nth-child(5) {
    bottom: calc(var(--spacing) * 0);
    left: calc(var(--spacing) * 0);
  }
  .p-home .home-top .line-left .line:nth-child(5) img {
    animation-duration: 3.6s;
    animation-delay: 0.8s;
  }
  .p-home .home-top .line-left .line:nth-child(6) {
    bottom: calc(var(--spacing) * 12.25);
    left: calc(var(--spacing) * 38);
  }
  .p-home .home-top .line-left .line:nth-child(6) img {
    animation-duration: 2.2s;
    animation-delay: 0.8s;
  }
  .p-home .home-top .line-right {
    top: calc(var(--spacing) * 83.75);
    right: calc(var(--spacing) * -40.75);
    height: calc(var(--spacing) * 130.5);
    width: calc(var(--spacing) * 151);
  }
  .p-home .home-top .line-right .line:nth-child(1) {
    top: calc(var(--spacing) * 0);
    left: calc(var(--spacing) * 15.25);
  }
  .p-home .home-top .line-right .line:nth-child(1) img {
    animation-duration: 1.5s;
    animation-delay: 0.5s;
  }
  .p-home .home-top .line-right .line:nth-child(2) {
    top: calc(var(--spacing) * 8.75);
    left: calc(var(--spacing) * 4.5);
  }
  .p-home .home-top .line-right .line:nth-child(2) img {
    animation-duration: 3s;
    animation-delay: 0s;
  }
  .p-home .home-top .line-right .line:nth-child(3) {
    top: calc(var(--spacing) * 63.75);
    left: calc(var(--spacing) * 18);
  }
  .p-home .home-top .line-right .line:nth-child(3) img {
    animation-duration: 1s;
    animation-delay: 1s;
  }
  .p-home .home-top .line-right .line:nth-child(4) {
    top: calc(var(--spacing) * 75.5);
    right: calc(var(--spacing) * 0);
  }
  .p-home .home-top .line-right .line:nth-child(4) img {
    animation-duration: 2.4s;
    animation-delay: 1.5s;
  }
  .p-home .home-top .line-right .line:nth-child(5) {
    bottom: calc(var(--spacing) * 0);
    left: calc(var(--spacing) * 0);
  }
  .p-home .home-top .line-right .line:nth-child(5) img {
    animation-duration: 3.6s;
    animation-delay: 0.2s;
  }
  .p-home .home-top [class*="img-"] {
    position: absolute;
  }
  .p-home .home-top [class*="img-"] img {
    width: 100%;
  }
  .p-home .home-top .hv-bs {
    position: absolute;
    bottom: 4.9375rem;
    left: 20rem;
    z-index: 10;
    display: flex;
    width: max-content;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    color: var(--color-primary);
  }
  @media (width < 48rem) {
    .p-home .home-top .hv-bs {
      display: none;
    }
  }
  .p-home .home-top .hv-bs {
    --init-bg: var(--color-primary);
    --hover-color: var(--color-primary);
  }
  .p-home .home-top .hv-bs > span {
    font-size: 1.5rem;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }
  .p-home .home-top .hv-bs > span span {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
  }
  .p-home .home-top .hv-bs ._icon {
    display: grid;
    height: 3.25rem;
    width: 3.25rem;
    place-content: center;
    border-radius: calc(infinity * 1px);
  }
  .p-home .home-top .hv-bs ._icon svg {
    width: calc(var(--spacing) * 5);
  }
  .p-home .home-top .img-01 {
    position: relative;
    top: calc(var(--spacing) * -6.25);
    left: calc(var(--spacing) * -9.25);
    width: calc(var(--spacing) * 285.75);
  }
  .p-home .home-top .img-01 video, .p-home .home-top .img-01 .splide {
    position: absolute !important;
    top: calc(var(--spacing) * 0);
    left: calc(var(--spacing) * 0);
    height: 100%;
    width: 100%;
    object-fit: cover;
    mask-image: url('./assets/img/home-top_01_mask.png');
    mask-size: cover;
    mask-repeat: no-repeat;
    mask-position: center;
    -webkit-mask-image: url('./assets/img/home-top_01_mask.png');
    -webkit-mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
  }
  .p-home .home-top .img-01 video .splide__slide, .p-home .home-top .img-01 .splide .splide__slide {
    height: 100%;
    padding: calc(var(--spacing) * 21);
  }
  @media (width >= 48rem) {
    .p-home .home-top .img-01 video .splide__slide, .p-home .home-top .img-01 .splide .splide__slide {
      padding: calc(var(--spacing) * 52);
    }
  }
  .p-home .home-top .img-01 video .splide__slide img, .p-home .home-top .img-01 .splide .splide__slide img {
    height: 100%;
    object-fit: cover;
  }
  .p-home .home-top .img-01 img {
    position: relative;
  }
  .p-home .home-top .img-02 {
    top: calc(var(--spacing) * 54.75);
    right: calc(var(--spacing) * 98);
    z-index: 10;
    width: calc(var(--spacing) * 129.5);
  }
  .p-home .home-top .img-03 {
    top: calc(var(--spacing) * 90.75);
    right: calc(var(--spacing) * 87.5);
    z-index: 10;
    width: calc(var(--spacing) * 118.25);
  }
  .p-home .home-top .img-04 {
    top: calc(var(--spacing) * 127.25);
    right: calc(var(--spacing) * 75.25);
    z-index: 10;
    width: calc(var(--spacing) * 112.75);
  }
  .p-home .home-top .img-05 {
    top: calc(var(--spacing) * 62.5);
    left: calc(var(--spacing) * 130);
    z-index: 10;
    width: calc(var(--spacing) * 175.5);
  }
  .p-home .home-top .img-06 {
    top: calc(var(--spacing) * 3.25);
    right: calc(var(--spacing) * 143.75);
    width: calc(var(--spacing) * 63.5);
  }
  .p-home .home-top .img-07 {
    top: calc(var(--spacing) * 67);
    right: calc(var(--spacing) * 20);
    width: calc(var(--spacing) * 50);
  }
  .p-home .home-top .img-08 {
    top: calc(var(--spacing) * 164);
    right: calc(var(--spacing) * 44.5);
    width: calc(var(--spacing) * 72.75);
  }
  .p-home .home-top .img-09 {
    top: calc(var(--spacing) * 176.75);
    right: calc(var(--spacing) * 122.25);
    width: calc(var(--spacing) * 49.25);
  }
  .p-home .home-top .img-10 {
    top: calc(var(--spacing) * 219.25);
    left: calc(var(--spacing) * 127.25);
    width: calc(var(--spacing) * 30);
  }
  .p-home .home-top .img-06 img, .p-home .home-top .img-08 img, .p-home .home-top .img-10 img {
    animation: tiktok 1s .5s steps(2) infinite;
  }
  .p-home .home-top .img-07 img, .p-home .home-top .img-09 img {
    animation: toktik 1s .5s steps(2) infinite;
  }
  @media (width < 48rem) {
    .p-home .home-top .line-left {
      top: auto;
      bottom: calc(var(--spacing) * 13.25);
      left: calc(var(--spacing) * 8);
      z-index: 10;
      height: calc(var(--spacing) * 37.75);
      width: calc(var(--spacing) * 39.25);
    }
    .p-home .home-top .line-left .line:nth-child(1) {
      top: calc(var(--spacing) * 2);
      left: calc(var(--spacing) * 0);
    }
    .p-home .home-top .line-left .line:nth-child(2) {
      top: calc(var(--spacing) * 13.75);
      left: calc(var(--spacing) * 0);
    }
    .p-home .home-top .line-left .line:nth-child(3) {
      top: calc(var(--spacing) * 5.5);
      left: calc(var(--spacing) * 1.75);
      display: none;
    }
    .p-home .home-top .line-left .line:nth-child(4) {
      top: calc(var(--spacing) * 17.75);
      left: calc(var(--spacing) * 9.5);
    }
    .p-home .home-top .line-left .line:nth-child(5) {
      bottom: calc(var(--spacing) * 0);
      left: calc(var(--spacing) * 0);
    }
    .p-home .home-top .line-left .line:nth-child(6) {
      bottom: calc(var(--spacing) * 20.25);
      left: calc(var(--spacing) * 9.5);
    }
    .p-home .home-top .line-right {
      top: calc(var(--spacing) * 28);
      right: calc(var(--spacing) * -5.25);
      z-index: 10;
      height: calc(var(--spacing) * 47);
      width: calc(var(--spacing) * 54.5);
    }
    .p-home .home-top .line-right .line:nth-child(1) {
      top: calc(var(--spacing) * 0);
      left: calc(var(--spacing) * 4);
      width: calc(var(--spacing) * 29.5);
    }
    .p-home .home-top .line-right .line:nth-child(2) {
      top: calc(var(--spacing) * 1.75);
      left: calc(var(--spacing) * 0);
    }
    .p-home .home-top .line-right .line:nth-child(3) {
      top: calc(var(--spacing) * 23);
      left: calc(var(--spacing) * 5);
      width: calc(var(--spacing) * 29.5);
    }
    .p-home .home-top .line-right .line:nth-child(4) {
      top: calc(var(--spacing) * 27.5);
      right: calc(var(--spacing) * 0);
      width: calc(var(--spacing) * 29.5);
    }
    .p-home .home-top .line-right .line:nth-child(5) {
      bottom: calc(var(--spacing) * 0);
      left: calc(var(--spacing) * 0);
      width: calc(var(--spacing) * 29.5);
    }
    .p-home .home-top .img-01 {
      top: calc(var(--spacing) * 52.5);
      left: calc(1/2 * 100%);
      width: calc(var(--spacing) * 110.75);
      --tw-translate-x: calc(calc(1/2 * 100%) * -1);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .p-home .home-top .img-02 {
      top: calc(var(--spacing) * 37.5);
      right: auto;
      left: calc(var(--spacing) * 4.5);
      width: calc(var(--spacing) * 56);
    }
    .p-home .home-top .img-03 {
      top: calc(var(--spacing) * 53.25);
      right: auto;
      left: calc(var(--spacing) * 5.75);
      width: calc(var(--spacing) * 51.25);
    }
    .p-home .home-top .img-04 {
      top: calc(var(--spacing) * 68.75);
      right: auto;
      left: calc(var(--spacing) * 7);
      width: calc(var(--spacing) * 48.75);
    }
    .p-home .home-top .img-05 {
      top: calc(var(--spacing) * 93.75);
      left: calc(var(--spacing) * 3);
      width: calc(var(--spacing) * 57.5);
    }
    .p-home .home-top .img-06 {
      top: calc(var(--spacing) * 17);
      right: auto;
      left: calc(var(--spacing) * 13.5);
      width: calc(var(--spacing) * 28);
    }
    .p-home .home-top .img-07 {
      top: calc(var(--spacing) * 44.5);
      right: calc(var(--spacing) * 9);
      z-index: 10;
      width: calc(var(--spacing) * 19.25);
    }
    .p-home .home-top .img-08 {
      top: calc(var(--spacing) * 108.5);
      right: calc(var(--spacing) * 1.5);
      width: calc(var(--spacing) * 24);
    }
    .p-home .home-top .img-09 {
      top: calc(var(--spacing) * 134.5);
      right: calc(var(--spacing) * 24.25);
      width: calc(var(--spacing) * 21.25);
    }
    .p-home .home-top .img-10 {
      display: none;
    }
  }
  .p-home .home-resource .line-01, .p-home .home-resource .line-02, .p-home .home-resource .line-03, .p-home .home-resource .line-04 {
    pointer-events: none;
    position: absolute;
    z-index: 10;
    height: calc(var(--spacing) * 33.5);
    width: calc(var(--spacing) * 111.75);
    -webkit-user-select: none;
    user-select: none;
  }
  .p-home .home-resource .line-01 .line:nth-child(1), .p-home .home-resource .line-02 .line:nth-child(1), .p-home .home-resource .line-03 .line:nth-child(1), .p-home .home-resource .line-04 .line:nth-child(1) {
    top: calc(var(--spacing) * 0);
    right: calc(var(--spacing) * 0);
  }
  .p-home .home-resource .line-01 .line:nth-child(1) img, .p-home .home-resource .line-02 .line:nth-child(1) img, .p-home .home-resource .line-03 .line:nth-child(1) img, .p-home .home-resource .line-04 .line:nth-child(1) img {
    animation-duration: 1.3s;
    animation-delay: 1s;
  }
  .p-home .home-resource .line-01 .line:nth-child(2), .p-home .home-resource .line-02 .line:nth-child(2), .p-home .home-resource .line-03 .line:nth-child(2), .p-home .home-resource .line-04 .line:nth-child(2) {
    top: calc(var(--spacing) * 7.5);
    right: calc(var(--spacing) * 40.75);
  }
  .p-home .home-resource .line-01 .line:nth-child(2) img, .p-home .home-resource .line-02 .line:nth-child(2) img, .p-home .home-resource .line-03 .line:nth-child(2) img, .p-home .home-resource .line-04 .line:nth-child(2) img {
    animation-duration: 1.9s;
    animation-delay: 0.2s;
  }
  .p-home .home-resource .line-01 .line:nth-child(3), .p-home .home-resource .line-02 .line:nth-child(3), .p-home .home-resource .line-03 .line:nth-child(3), .p-home .home-resource .line-04 .line:nth-child(3) {
    bottom: calc(var(--spacing) * 7.5);
    left: calc(var(--spacing) * 41);
  }
  .p-home .home-resource .line-01 .line:nth-child(3) img, .p-home .home-resource .line-02 .line:nth-child(3) img, .p-home .home-resource .line-03 .line:nth-child(3) img, .p-home .home-resource .line-04 .line:nth-child(3) img {
    animation-duration: 3s;
    animation-delay: 1.5s;
  }
  .p-home .home-resource .line-01 .line:nth-child(4), .p-home .home-resource .line-02 .line:nth-child(4), .p-home .home-resource .line-03 .line:nth-child(4), .p-home .home-resource .line-04 .line:nth-child(4) {
    bottom: calc(var(--spacing) * 0);
    left: calc(var(--spacing) * 0);
  }
  .p-home .home-resource .line-01 .line:nth-child(4) img, .p-home .home-resource .line-02 .line:nth-child(4) img, .p-home .home-resource .line-03 .line:nth-child(4) img, .p-home .home-resource .line-04 .line:nth-child(4) img {
    animation-duration: 2.8s;
    animation-delay: 1.5s;
  }
  .p-home .home-resource .line-01 {
    top: calc(var(--spacing) * 65.5);
    right: calc(var(--spacing) * 71.5);
  }
  .p-home .home-resource .line-02 {
    top: calc(var(--spacing) * 191.5);
    left: calc(var(--spacing) * 65.5);
  }
  .p-home .home-resource .line-03 {
    right: calc(var(--spacing) * 71.5);
    bottom: calc(var(--spacing) * 135.25);
  }
  .p-home .home-resource .line-04 {
    bottom: calc(var(--spacing) * 28.25);
    left: calc(var(--spacing) * 65.5);
  }
  .p-home .home-resource .box {
    border-radius: 7.5rem;
    background-color: var(--color-primary);
    padding-top: calc(var(--spacing) * 11);
    color: var(--color-white);
  }
  .p-home .home-resource .box .sc-title {
    text-align: center;
  }
  .p-home .home-resource .box .sc-title img {
    margin-inline: auto;
    margin-bottom: calc(var(--spacing) * 5);
    width: calc(var(--spacing) * 21.25);
  }
  .p-home .home-resource .box .bg-grid {
    margin-top: calc(var(--spacing) * 11);
    border-radius: 7.5rem;
    padding-top: calc(var(--spacing) * 23.75);
    padding-bottom: calc(var(--spacing) * 22);
  }
  .p-home .home-resource__top {
    position: relative;
  }
  .p-home .home-resource__top__abs-top {
    position: absolute;
    top: calc(var(--spacing) * -21.25);
    left: calc(1/2 * 100%);
    z-index: 10;
    width: calc(var(--spacing) * 60.5);
    --tw-translate-x: calc(calc(1/2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .p-home .home-resource__top__abs-bottom {
    position: absolute;
    bottom: calc(var(--spacing) * -24);
    left: calc(1/2 * 100%);
    width: calc(var(--spacing) * 160);
    --tw-translate-x: calc(45% * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .p-home .home-resource__top__rect {
    margin-inline: auto;
    width: calc(var(--spacing) * 248.5);
    border-radius: 25.25rem;
    border-style: var(--tw-border-style);
    border-width: 5.5rem;
    border-color: var(--color-primary-light);
    background-color: var(--color-primary);
    padding-inline: calc(var(--spacing) * 41);
    padding-top: calc(var(--spacing) * 22.5);
    padding-bottom: calc(var(--spacing) * 16.5);
  }
  .p-home .home-resource__top__rect h4 {
    display: flex;
    justify-content: center;
  }
  .p-home .home-resource__top__rect h4 > span {
    margin-left: calc(var(--spacing) * -1);
    font-size: 1.9375rem;
    --tw-leading: 1;
    line-height: 1;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }
  .p-home .home-resource__top__rect h4 > span span {
    font-size: 3rem;
  }
  .p-home .home-resource__top__rect h4 img {
    margin-bottom: calc(var(--spacing) * -5);
    width: calc(var(--spacing) * 8.5);
  }
  .p-home .home-resource__top__rect h4 img:last-child {
    --tw-scale-x: calc(100% * -1);
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
  .p-home .home-resource__top__rect p {
    margin-top: calc(var(--spacing) * 2);
    font-size: 1.5rem;
    --tw-leading: 1.96;
    line-height: 1.96;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }
  .p-home .home-resource__top__rect .hv-bs {
    margin-top: calc(var(--spacing) * 4);
    margin-left: calc(var(--spacing) * 19);
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 1);
    --init-bg: var(--color-secondary);
    --hover-color: var(--color-secondary);
  }
  .p-home .home-resource__top__rect .hv-bs > span {
    font-size: 1.5rem;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }
  .p-home .home-resource__top__rect .hv-bs > span span {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
  }
  .p-home .home-resource__top__rect .hv-bs ._icon {
    display: grid;
    height: 3.25rem;
    width: 3.25rem;
    place-content: center;
    border-radius: calc(infinity * 1px);
  }
  .p-home .home-resource__top__rect .hv-bs ._icon svg {
    width: calc(var(--spacing) * 5);
  }
  .p-home .home-resource__bottom {
    margin-top: calc(var(--spacing) * 57);
  }
  .p-home .home-resource__bottom__head {
    position: relative;
    margin-inline: auto;
    width: max-content;
    padding-right: calc(var(--spacing) * 3);
  }
  .p-home .home-resource__bottom__head h5 {
    display: inline-block;
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    padding-block: calc(var(--spacing) * 2.5);
    font-size: 1.9375rem;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }
  .p-home .home-resource__bottom__head p {
    margin-inline: auto;
    margin-top: calc(var(--spacing) * 6);
    width: calc(var(--spacing) * 100);
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }
  @media (width >= 48rem) {
    .p-home .home-resource__bottom__head p {
      font-size: var(--text-upbase);
    }
  }
  .p-home .home-resource__bottom__head img {
    position: absolute;
    top: calc(var(--spacing) * -3.25);
    right: calc(var(--spacing) * 6.75);
    width: calc(var(--spacing) * 37.5);
    --tw-translate-x: 100%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .p-home .home-resource__bottom__body {
    margin-top: calc(var(--spacing) * 18.5);
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding-right: calc(var(--spacing) * 20);
  }
  .p-home .home-resource__bottom__body > picture:first-child {
    margin-top: calc(var(--spacing) * 24);
    width: calc(var(--spacing) * 50.5);
  }
  .p-home .home-resource__bottom__body > picture:last-child {
    margin-top: calc(var(--spacing) * 25.5);
    width: calc(var(--spacing) * 73.5);
  }
  .p-home .home-resource__bottom__body__center {
    position: relative;
    margin-right: calc(var(--spacing) * 10);
    margin-left: calc(var(--spacing) * 54.25);
  }
  .p-home .home-resource__bottom__body__center .hv-bs {
    position: relative;
    display: block;
    transition-property: all;
    transition-timing-function: var(--tw-ease, ease);
    transition-duration: var(--tw-duration, 0s);
    --tw-duration: 200ms;
    transition-duration: 200ms;
  }
  @media (hover: hover) {
    .p-home .home-resource__bottom__body__center .hv-bs:hover {
      --tw-scale-x: 105%;
      --tw-scale-y: 105%;
      --tw-scale-z: 105%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
  }
  .p-home .home-resource__bottom__body__center .hv-bs {
    --init-bg: var(--color-secondary);
    --hover-color: var(--color-secondary);
  }
  .p-home .home-resource__bottom__body__center .hv-bs img {
    width: calc(var(--spacing) * 102.5);
  }
  .p-home .home-resource__bottom__body__center .hv-bs ._icon {
    position: absolute;
    top: 2.9375rem;
    right: 3.0625rem;
    display: grid;
    height: calc(var(--spacing) * 10);
    width: calc(var(--spacing) * 10);
    place-content: center;
    border-radius: calc(infinity * 1px);
  }
  .p-home .home-resource__bottom__body__center .hv-bs ._icon svg {
    width: calc(var(--spacing) * 4);
  }
  .p-home .home-resource__bottom__body__center ._ballon {
    position: absolute;
    top: calc(var(--spacing) * 23.5);
    left: calc(var(--spacing) * -13);
    width: calc(var(--spacing) * 37.5);
    --tw-translate-x: calc(100% * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .p-home .home-resource__bottom__body__center::before {
    position: absolute;
    top: calc(var(--spacing) * -20);
    left: calc(var(--spacing) * -2);
    height: calc(var(--spacing) * 129.5);
    width: calc(var(--spacing) * 97.75);
    rotate: 45deg;
    border-radius: 25.25rem;
    background-color: var(--color-secondary-light);
    --tw-content: '';
    content: var(--tw-content);
  }
  .p-home .home-resource__banner {
    position: relative;
    z-index: 10;
    margin-inline: auto;
    margin-top: calc(var(--spacing) * 14);
    display: block;
    width: calc(var(--spacing) * 360);
    border-radius: 1.5rem;
    padding-top: calc(var(--spacing) * 20.5);
    padding-right: calc(var(--spacing) * 0.25);
    padding-bottom: calc(var(--spacing) * 14);
    padding-left: calc(var(--spacing) * 7);
  }
  .p-home .home-resource__banner__content {
    position: relative;
    aspect-ratio: 1413/462;
    width: 100%;
    border-radius: 16.25rem;
    background-size: cover;
    background-position: center;
  }
  .p-home .home-resource__banner__content .animate-thumb-swipe {
    position: absolute;
    top: calc(var(--spacing) * 0);
    left: calc(var(--spacing) * 0);
    height: 100%;
    width: 100%;
    border-radius: 16.25rem;
  }
  .p-home .home-resource__banner__content .animate-thumb-swipe > div {
    position: relative;
    transition-property: all;
    transition-timing-function: var(--tw-ease, ease);
    transition-duration: var(--tw-duration, 0s);
    --tw-duration: 400ms;
    transition-duration: 400ms;
  }
  .p-home .home-resource__banner__content .animate-thumb-swipe > div::after {
    position: absolute;
    inset: calc(var(--spacing) * 0);
    z-index: 1;
    transition-property: all;
    transition-timing-function: var(--tw-ease, ease);
    transition-duration: var(--tw-duration, 0s);
    --tw-duration: 400ms;
    transition-duration: 400ms;
    --tw-content: '';
    content: var(--tw-content);
  }
  .p-home .home-resource__banner__content .inner {
    position: relative;
    margin-inline: auto;
    height: 100%;
    width: calc(var(--spacing) * 87.25);
    --tw-translate-x: calc(.9375rem * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    padding-top: calc(var(--spacing) * 34.25);
    color: var(--color-white);
  }
  .p-home .home-resource__banner__content .inner > * {
    position: relative;
  }
  .p-home .home-resource__banner__content .inner p {
    text-align: center;
    --tw-leading: 1;
    line-height: 1;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }
  .p-home .home-resource__banner__content .inner p:nth-child(1) {
    font-size: 2.0625rem;
    --tw-tracking: calc(.08em * -1);
    letter-spacing: calc(.08em * -1);
  }
  .p-home .home-resource__banner__content .inner p:nth-child(2) {
    margin-top: calc(var(--spacing) * 1);
    width: max-content;
    --tw-translate-x: calc(var(--spacing) * -2);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    font-size: 5.2438rem;
  }
  .p-home .home-resource__banner__content .inner p:nth-child(2) span {
    font-size: 1.6931rem;
  }
  .p-home .home-resource__banner__content .inner .pseudo-bs {
    margin-top: calc(var(--spacing) * 4);
    display: flex;
    --tw-translate-x: calc(var(--spacing) * 6);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    align-items: center;
    justify-content: center;
    gap: calc(var(--spacing) * 2);
    --init-bg: var(--color-white);
    --init-color: var(--color-primary);
    --hover-bg: transparent;
    --hover-color: var(--color-white);
  }
  .p-home .home-resource__banner__content .inner .pseudo-bs span {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }
  .p-home .home-resource__banner__content .inner .pseudo-bs ._icon {
    display: grid;
    height: 3.25rem;
    width: 3.25rem;
    place-content: center;
    border-radius: calc(infinity * 1px);
  }
  .p-home .home-resource__banner__content .inner .pseudo-bs ._icon svg {
    width: calc(var(--spacing) * 5);
  }
  .p-home .home-resource__banner__content .inner::before {
    position: absolute;
    top: calc(var(--spacing) * 0);
    left: calc(var(--spacing) * 0);
    height: 100%;
    width: 100%;
    rotate: 45deg;
    border-radius: 25.25rem;
    background-color: color-mix(in oklab, #66CC00 84%, transparent);
    --tw-content: '';
    content: var(--tw-content);
  }
  .p-home .home-resource__banner__char {
    position: absolute;
    right: calc(var(--spacing) * -15.5);
    bottom: calc(var(--spacing) * 12.25);
    width: calc(var(--spacing) * 37.5);
  }
  .p-home .home-resource__banner__char img {
    transform-origin: bottom;
    transition-property: all;
    transition-timing-function: var(--tw-ease, ease);
    transition-duration: var(--tw-duration, 0s);
    --tw-duration: 400ms;
    transition-duration: 400ms;
  }
  .p-home .home-resource__banner__man {
    pointer-events: none;
    position: absolute;
    bottom: calc(var(--spacing) * 14);
    left: calc(var(--spacing) * -7.25);
    width: calc(var(--spacing) * 200.25);
  }
  .p-home .home-resource__banner__man img {
    transform-origin: bottom;
    transition-property: all;
    transition-timing-function: var(--tw-ease, ease);
    transition-duration: var(--tw-duration, 0s);
    --tw-duration: 400ms;
    transition-duration: 400ms;
  }
  @media (hover: hover) {
    .p-home .home-resource__banner:hover .home-resource__banner__man img {
      --tw-scale-x: 102% !important;
      --tw-scale-y: 102% !important;
      --tw-scale-z: 102% !important;
      scale: var(--tw-scale-x) var(--tw-scale-y) !important;
    }
    .p-home .home-resource__banner:hover .home-resource__banner__char img {
      --tw-scale-x: 105% !important;
      --tw-scale-y: 105% !important;
      --tw-scale-z: 105% !important;
      scale: var(--tw-scale-x) var(--tw-scale-y) !important;
    }
    .p-home .home-resource__banner:hover .home-resource__banner__content .animate-thumb-swipe > div {
      --tw-scale-x: 105% !important;
      --tw-scale-y: 105% !important;
      --tw-scale-z: 105% !important;
      scale: var(--tw-scale-x) var(--tw-scale-y) !important;
    }
  }
  @media (width < 48rem) {
    .p-home .home-resource .wrapper {
      overflow: hidden;
    }
    .p-home .home-resource .line-01, .p-home .home-resource .line-02, .p-home .home-resource .line-03, .p-home .home-resource .line-04 {
      height: calc(var(--spacing) * 18);
      width: calc(var(--spacing) * 50);
    }
    .p-home .home-resource .line-01 {
      top: calc(var(--spacing) * 36);
      right: calc(var(--spacing) * -38);
    }
    .p-home .home-resource .line-02 {
      top: calc(var(--spacing) * 187);
      left: calc(var(--spacing) * -47);
    }
    .p-home .home-resource .line-03, .p-home .home-resource .line-04 {
      display: none;
    }
    .p-home .home-resource .box {
      border-radius: 2.5rem;
      padding-top: calc(var(--spacing) * 7.75);
    }
    .p-home .home-resource .box .sc-title img {
      margin-bottom: calc(var(--spacing) * 3.5);
      width: calc(var(--spacing) * 17);
    }
    .p-home .home-resource .box .bg-grid {
      margin-top: calc(var(--spacing) * 4);
      border-radius: 2.5rem;
      padding-top: calc(var(--spacing) * 13);
      padding-bottom: calc(var(--spacing) * 33);
    }
    .p-home .home-resource__top__abs-top {
      top: calc(var(--spacing) * -13);
      width: calc(var(--spacing) * 32);
    }
    .p-home .home-resource__top__abs-bottom {
      bottom: calc(var(--spacing) * -28);
      width: calc(var(--spacing) * 76.25);
      --tw-translate-x: calc(48% * -1);
      --tw-translate-y: calc(48% * -1);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .p-home .home-resource__top__rect {
      width: 100%;
      border-radius: 7.5rem;
      border-style: var(--tw-border-style);
      border-width: 2rem;
      padding-inline: calc(var(--spacing) * 5);
      padding-top: calc(var(--spacing) * 14);
      padding-bottom: calc(var(--spacing) * 12.5);
    }
    .p-home .home-resource__top__rect p {
      margin-top: calc(var(--spacing) * 8.75);
      font-size: var(--text-lg);
      line-height: var(--tw-leading, var(--text-lg--line-height));
      --tw-leading: 1.8;
      line-height: 1.8;
    }
    .p-home .home-resource__top__rect h4 {
      gap: calc(var(--spacing) * 3);
    }
    .p-home .home-resource__top__rect h4 img {
      margin-bottom: calc(var(--spacing) * -6);
      width: calc(var(--spacing) * 8.5);
    }
    .p-home .home-resource__top__rect h4 > span {
      font-size: 1.69rem;
    }
    .p-home .home-resource__top__rect h4 > span span {
      font-size: 2.6169rem;
    }
    .p-home .home-resource__top__rect .hv-bs {
      margin-top: calc(var(--spacing) * 12);
      margin-left: calc(var(--spacing) * 0);
      justify-content: center;
      gap: calc(var(--spacing) * 2);
    }
    .p-home .home-resource__top__rect .hv-bs > span {
      font-size: 1.375rem;
    }
    .p-home .home-resource__bottom {
      margin-top: calc(var(--spacing) * 28.75);
    }
    .p-home .home-resource__bottom__head {
      width: 100%;
      padding-inline: calc(var(--spacing) * 5);
    }
    .p-home .home-resource__bottom__head h5 {
      margin-inline: auto;
      display: block;
      width: max-content;
    }
    .p-home .home-resource__bottom__head p {
      width: 100%;
    }
    .p-home .home-resource__bottom__head img {
      display: none;
    }
    .p-home .home-resource__bottom__body {
      margin-top: calc(var(--spacing) * 33.75);
      padding-right: calc(var(--spacing) * 0);
    }
    .p-home .home-resource__bottom__body > picture {
      pointer-events: none;
      position: absolute;
    }
    .p-home .home-resource__bottom__body > picture:first-child {
      left: calc(var(--spacing) * 1.75);
      z-index: 10;
      margin-top: calc(var(--spacing) * 37.5);
      width: calc(var(--spacing) * 26);
    }
    .p-home .home-resource__bottom__body > picture:last-child {
      right: calc(var(--spacing) * -3);
      margin-top: calc(var(--spacing) * 38.75);
      width: calc(var(--spacing) * 37);
    }
    .p-home .home-resource__bottom__body__center {
      margin-inline: calc(var(--spacing) * 0);
    }
    .p-home .home-resource__bottom__body__center .hv-bs img {
      width: calc(var(--spacing) * 76);
    }
    .p-home .home-resource__bottom__body__center .hv-bs ._icon {
      top: 2.1875rem;
      right: 2.25rem;
      height: 1.875rem;
      width: 1.875rem;
    }
    .p-home .home-resource__bottom__body__center .hv-bs ._icon svg {
      width: calc(var(--spacing) * 3);
    }
    .p-home .home-resource__bottom__body__center ._ballon {
      top: calc(var(--spacing) * -6.25);
      left: calc(var(--spacing) * 0);
      width: calc(var(--spacing) * 27);
      --tw-translate-x: calc(var(--spacing) * 0);
      translate: var(--tw-translate-x) var(--tw-translate-y);
      --tw-translate-y: calc(100% * -1);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .p-home .home-resource__bottom__body__center::before {
      top: calc(var(--spacing) * -11);
      left: calc(var(--spacing) * 4);
      height: calc(var(--spacing) * 90.75);
      width: calc(var(--spacing) * 68.5);
    }
    .p-home .home-resource__banner {
      margin-top: calc(var(--spacing) * 6);
      width: calc(var(--spacing) * 93.75);
      overflow: hidden;
      padding-inline: calc(var(--spacing) * 5);
      padding-top: calc(var(--spacing) * 13.25);
      padding-bottom: calc(var(--spacing) * 12.5);
    }
    .p-home .home-resource__banner__content {
      margin-inline: auto;
      aspect-ratio: 335/349;
      max-width: calc(var(--spacing) * 83.75);
      border-radius: 1.5rem;
    }
    .p-home .home-resource__banner__content .animate-thumb-swipe {
      border-radius: 1.5rem;
    }
    .p-home .home-resource__banner__content .inner {
      height: calc(var(--spacing) * 78.25);
      width: calc(var(--spacing) * 59);
      --tw-translate-x: calc(var(--spacing) * -0.5);
      translate: var(--tw-translate-x) var(--tw-translate-y);
      padding-top: calc(var(--spacing) * 23);
    }
    .p-home .home-resource__banner__content .inner p:nth-child(1) {
      --tw-translate-x: calc(var(--spacing) * 2);
      translate: var(--tw-translate-x) var(--tw-translate-y);
      font-size: 1.2281rem;
    }
    .p-home .home-resource__banner__content .inner p:nth-child(2) {
      margin-inline: auto;
      margin-top: calc(var(--spacing) * 2);
      --tw-translate-x: calc(var(--spacing) * 2);
      translate: var(--tw-translate-x) var(--tw-translate-y);
      font-size: 3.1231rem;
    }
    .p-home .home-resource__banner__content .inner p:nth-child(2) span {
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
    }
    .p-home .home-resource__banner__content .inner .pseudo-bs {
      margin-top: calc(var(--spacing) * 4.5);
      --tw-translate-x: calc(var(--spacing) * 2);
      translate: var(--tw-translate-x) var(--tw-translate-y);
      gap: calc(var(--spacing) * 1);
    }
    .p-home .home-resource__banner__content .inner .pseudo-bs ._icon {
      height: 1.6875rem;
      width: 1.6875rem;
    }
    .p-home .home-resource__banner__content .inner .pseudo-bs ._icon svg {
      width: .625rem;
    }
    .p-home .home-resource__banner__man {
      bottom: calc(var(--spacing) * 12.5);
      left: calc(var(--spacing) * 6.5);
      width: calc(var(--spacing) * 58.75);
    }
    .p-home .home-resource__banner__char {
      right: calc(var(--spacing) * 2.5);
      bottom: calc(var(--spacing) * 3.25);
      width: calc(var(--spacing) * 19.25);
    }
  }
  .p-home .home-workers {
    margin-top: 3.4375rem;
    margin-bottom: 9.1875rem;
  }
  .p-home .home-workers .line-01, .p-home .home-workers .line-02, .p-home .home-workers .line-03, .p-home .home-workers .line-04 {
    pointer-events: none;
    position: absolute;
    z-index: 10;
    height: calc(var(--spacing) * 33.5);
    width: calc(var(--spacing) * 111.75);
    -webkit-user-select: none;
    user-select: none;
  }
  .p-home .home-workers .line-01 .line:nth-child(1), .p-home .home-workers .line-02 .line:nth-child(1), .p-home .home-workers .line-03 .line:nth-child(1), .p-home .home-workers .line-04 .line:nth-child(1) {
    top: calc(var(--spacing) * 0);
    right: calc(var(--spacing) * 0);
  }
  .p-home .home-workers .line-01 .line:nth-child(1) img, .p-home .home-workers .line-02 .line:nth-child(1) img, .p-home .home-workers .line-03 .line:nth-child(1) img, .p-home .home-workers .line-04 .line:nth-child(1) img {
    animation-duration: 1.3s;
    animation-delay: 1s;
  }
  .p-home .home-workers .line-01 .line:nth-child(2), .p-home .home-workers .line-02 .line:nth-child(2), .p-home .home-workers .line-03 .line:nth-child(2), .p-home .home-workers .line-04 .line:nth-child(2) {
    top: calc(var(--spacing) * 7.5);
    right: calc(var(--spacing) * 40.75);
  }
  .p-home .home-workers .line-01 .line:nth-child(2) img, .p-home .home-workers .line-02 .line:nth-child(2) img, .p-home .home-workers .line-03 .line:nth-child(2) img, .p-home .home-workers .line-04 .line:nth-child(2) img {
    animation-duration: 1.9s;
    animation-delay: 0.2s;
  }
  .p-home .home-workers .line-01 .line:nth-child(3), .p-home .home-workers .line-02 .line:nth-child(3), .p-home .home-workers .line-03 .line:nth-child(3), .p-home .home-workers .line-04 .line:nth-child(3) {
    bottom: calc(var(--spacing) * 7.5);
    left: calc(var(--spacing) * 41);
  }
  .p-home .home-workers .line-01 .line:nth-child(3) img, .p-home .home-workers .line-02 .line:nth-child(3) img, .p-home .home-workers .line-03 .line:nth-child(3) img, .p-home .home-workers .line-04 .line:nth-child(3) img {
    animation-duration: 3s;
    animation-delay: 1.5s;
  }
  .p-home .home-workers .line-01 .line:nth-child(4), .p-home .home-workers .line-02 .line:nth-child(4), .p-home .home-workers .line-03 .line:nth-child(4), .p-home .home-workers .line-04 .line:nth-child(4) {
    bottom: calc(var(--spacing) * 0);
    left: calc(var(--spacing) * 0);
  }
  .p-home .home-workers .line-01 .line:nth-child(4) img, .p-home .home-workers .line-02 .line:nth-child(4) img, .p-home .home-workers .line-03 .line:nth-child(4) img, .p-home .home-workers .line-04 .line:nth-child(4) img {
    animation-duration: 2.8s;
    animation-delay: 1.5s;
  }
  .p-home .home-workers .line-01 {
    top: calc(var(--spacing) * 32.5);
    right: calc(var(--spacing) * 10.5);
  }
  .p-home .home-workers .line-02 {
    top: calc(var(--spacing) * 62.5);
    left: calc(var(--spacing) * -12.5);
  }
  .p-home .home-workers .line-03 {
    right: calc(var(--spacing) * 4.5);
    bottom: calc(var(--spacing) * 86.25);
  }
  .p-home .home-workers .line-04 {
    bottom: calc(var(--spacing) * 64.25);
    left: calc(var(--spacing) * 1.5);
  }
  .p-home .home-workers .title-wrapper {
    background-image: url('./assets/img/marquee-armec.svg');
    background-size: auto 100%;
    background-repeat: repeat-x;
    background-position: 0 0;
    animation: marquee 15s linear infinite;
  }
  .p-home .home-workers .title-wrapper .sc-title {
    position: relative;
    margin-inline: auto;
    display: flex;
    height: 12.8125rem;
    width: max-content;
    align-items: center;
  }
  .p-home .home-workers .title-wrapper .sc-title img {
    position: absolute;
  }
  .p-home .home-workers .title-wrapper .sc-title img:first-child {
    bottom: calc(var(--spacing) * 0);
    left: calc(9.1875rem * -1);
    width: calc(var(--spacing) * 35.5);
    --tw-translate-x: calc(100% * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .p-home .home-workers .title-wrapper .sc-title img:last-child {
    right: calc(6.25rem * -1);
    bottom: calc(var(--spacing) * 0);
    width: 14.9375rem;
    --tw-translate-x: 100%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .p-home .home-workers .animate-thumb-swipe {
    border-radius: 1.5rem;
  }
  .p-home .home-workers .animate-thumb-swipe > div {
    position: relative;
    transition-property: all;
    transition-timing-function: var(--tw-ease, ease);
    transition-duration: var(--tw-duration, 0s);
    --tw-duration: 400ms;
    transition-duration: 400ms;
  }
  .p-home .home-workers .animate-thumb-swipe > div::after {
    position: absolute;
    inset: calc(var(--spacing) * 0);
    z-index: 1;
    transition-property: all;
    transition-timing-function: var(--tw-ease, ease);
    transition-duration: var(--tw-duration, 0s);
    --tw-duration: 400ms;
    transition-duration: 400ms;
    --tw-content: '';
    content: var(--tw-content);
  }
  .p-home .home-workers__top {
    position: relative;
    z-index: 10;
  }
  .p-home .home-workers__top > img {
    margin-inline: auto;
    width: 43.9375rem;
  }
  .p-home .home-workers__top__text {
    margin-inline: auto;
    width: max-content;
    --tw-translate-x: calc(var(--spacing) * 2.5);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    color: var(--color-primary-dark);
  }
  .p-home .home-workers__top__text h5 {
    width: fit-content;
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    padding: calc(var(--spacing) * 2.5);
    padding-top: calc(var(--spacing) * 0);
    font-size: 1.9375rem;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }
  .p-home .home-workers__top__text p {
    margin-top: .8125rem;
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    --tw-leading: var(--leading-normal);
    line-height: var(--leading-normal);
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }
  @media (width >= 48rem) {
    .p-home .home-workers__top__text p {
      font-size: var(--text-upbase);
    }
  }
  .p-home .home-workers__middle {
    position: relative;
    margin-inline: auto;
    margin-top: 2.375rem;
    display: flex;
    width: 90.25rem;
    justify-content: space-between;
  }
  .p-home .home-workers__middle::before {
    position: absolute;
    top: calc(18.75rem * -1);
    left: calc(1/2 * 100%);
    height: 57.125rem;
    width: 43.125rem;
    --tw-translate-x: calc(calc(1/2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    rotate: 45deg;
    border-radius: 25.25rem;
    background-color: var(--color-tertiary-lighter);
    --tw-content: '';
    content: var(--tw-content);
  }
  .p-home .home-workers__middle__card {
    position: relative;
    display: block;
    width: 39.5rem;
  }
  .p-home .home-workers__middle__card__thumb {
    position: relative;
  }
  .p-home .home-workers__middle__card__thumb img:nth-child(1) {
    border-radius: 1.5rem;
  }
  .p-home .home-workers__middle__card__thumb img:nth-child(2) {
    position: absolute;
    z-index: 10;
  }
  .p-home .home-workers__middle__card__thumb span {
    position: absolute;
    top: 0.8125rem;
    left: 1.625rem;
    display: block;
    font-size: 2.5rem;
    --tw-leading: 1.8;
    line-height: 1.8;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-tertiary);
  }
  .p-home .home-workers__middle__card__thumb span p {
    position: relative;
    top: 0.9375rem;
    left: 1.375rem;
  }
  .p-home .home-workers__middle__card__thumb span div {
    position: absolute;
    height: 6.7881rem;
    width: 5.1256rem;
    rotate: 45deg;
  }
  .p-home .home-workers__middle__card__thumb span div svg {
    position: absolute;
    top: calc(var(--spacing) * 0);
    left: calc(var(--spacing) * 0);
    height: 100%;
    width: 100%;
    --fill: var(--color-tertiary);
  }
  .p-home .home-workers__middle__card__thumb ._circle {
    position: absolute;
    right: calc(var(--spacing) * 8);
    bottom: calc(var(--spacing) * -16);
    aspect-ratio: 1 / 1;
    width: 10.3125rem;
    border-radius: calc(infinity * 1px);
    background-color: var(--color-tertiary-light);
    --tw-content: '';
    content: var(--tw-content);
  }
  .p-home .home-workers__middle__card__text {
    margin-top: calc(var(--spacing) * 3);
    color: var(--color-primary-dark);
  }
  .p-home .home-workers__middle__card__text .pseudo-bs {
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }
  .p-home .home-workers__middle__card__text .pseudo-bs span {
    font-size: 1.5rem;
  }
  .p-home .home-workers__middle__card__text .pseudo-bs span span {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
  }
  .p-home .home-workers__middle__card__text .pseudo-bs ._icon {
    display: grid;
    height: 3.25rem;
    width: 3.25rem;
    place-content: center;
    border-radius: calc(infinity * 1px);
  }
  .p-home .home-workers__middle__card__text .pseudo-bs ._icon svg {
    width: calc(var(--spacing) * 5);
  }
  .p-home .home-workers__middle__card__text p {
    margin-top: calc(var(--spacing) * 1.5);
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }
  @media (width >= 48rem) {
    .p-home .home-workers__middle__card__text p {
      font-size: var(--text-lg);
      line-height: var(--tw-leading, var(--text-lg--line-height));
    }
  }
  .p-home .home-workers__middle__card:nth-child(1) .home-workers__middle__card__thumb img:nth-child(2) {
    right: 2.75rem;
    bottom: calc(3.125rem * -1);
    width: 9.375rem;
  }
  .p-home .home-workers__middle__card:nth-child(2) .home-workers__middle__card__thumb img:nth-child(2) {
    right: calc(var(--spacing) * 0);
    bottom: calc(var(--spacing) * -16);
    width: 14.3125rem;
  }
  @media (hover: hover) {
    .p-home .home-workers__middle__card:hover .animate-thumb-swipe > div {
      --tw-scale-x: 105% !important;
      --tw-scale-y: 105% !important;
      --tw-scale-z: 105% !important;
      scale: var(--tw-scale-x) var(--tw-scale-y) !important;
    }
  }
  .p-home .home-workers__bottom {
    position: relative;
    margin-inline: auto;
    margin-top: 8.875rem;
    display: block;
    height: 41.0625rem;
    width: 90.25rem;
    border-radius: 1.5rem;
  }
  .p-home .home-workers__bottom .animate-thumb-swipe {
    position: absolute;
    top: calc(var(--spacing) * 0);
    left: calc(var(--spacing) * 0);
    height: 100%;
    width: 100%;
    border-radius: 1.5rem;
  }
  .p-home .home-workers__bottom .animate-thumb-swipe > div {
    position: relative;
    transition-property: all;
    transition-timing-function: var(--tw-ease, ease);
    transition-duration: var(--tw-duration, 0s);
    --tw-duration: 400ms;
    transition-duration: 400ms;
  }
  .p-home .home-workers__bottom .animate-thumb-swipe > div::after {
    position: absolute;
    inset: calc(var(--spacing) * 0);
    z-index: 1;
    transition-property: all;
    transition-timing-function: var(--tw-ease, ease);
    transition-duration: var(--tw-duration, 0s);
    --tw-duration: 400ms;
    transition-duration: 400ms;
    --tw-content: '';
    content: var(--tw-content);
  }
  .p-home .home-workers__bottom .sc-title {
    position: absolute;
    top: 3.75rem;
    left: 4.125rem;
  }
  .p-home .home-workers__bottom .pseudo-bs {
    position: absolute;
    bottom: calc(var(--spacing) * 16.5);
    left: calc(1/2 * 100%);
    z-index: 10;
    display: block;
    display: flex;
    height: 8.625rem;
    width: 24.4375rem;
    --tw-translate-x: calc(calc(1/2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    align-items: center;
    justify-content: center;
    gap: calc(var(--spacing) * 2);
    border-radius: var(--radius-lg);
    background-color: var(--color-primary);
    color: var(--color-white);
    transition-property: all;
    transition-timing-function: var(--tw-ease, ease);
    transition-duration: var(--tw-duration, 0s);
    --tw-duration: 200ms;
    transition-duration: 200ms;
    --init-bg: var(--color-white);
    --init-color: var(--color-primary);
    --hover-bg: var(--color-primary);
    --hover-color: var(--color-white);
    --hover-stroke: var(--color-primary);
  }
  .p-home .home-workers__bottom .pseudo-bs span {
    font-size: 1.5rem;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }
  .p-home .home-workers__bottom .pseudo-bs span span {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
  }
  .p-home .home-workers__bottom .pseudo-bs ._icon {
    display: grid;
    height: 6.5rem;
    width: 6.5rem;
    place-content: center;
    border-radius: calc(infinity * 1px);
  }
  .p-home .home-workers__bottom .pseudo-bs ._icon svg {
    width: calc(var(--spacing) * 5);
  }
  .p-home .home-workers__bottom > div:nth-last-child(2) {
    position: absolute;
    bottom: calc(8.5rem * -1);
    left: calc(7.3125rem * -1);
    width: 24.5rem;
  }
  .p-home .home-workers__bottom > div:nth-last-child(2) img {
    transform-origin: bottom;
    transition-property: all;
    transition-timing-function: var(--tw-ease, ease);
    transition-duration: var(--tw-duration, 0s);
    --tw-duration: 400ms;
    transition-duration: 400ms;
  }
  .p-home .home-workers__bottom > div:nth-last-child(1) {
    position: absolute;
    right: calc(3.8125rem * -1);
    bottom: calc(8.5rem * -1);
    width: 23.8125rem;
  }
  .p-home .home-workers__bottom > div:nth-last-child(1) img {
    transform-origin: bottom;
    transition-property: all;
    transition-timing-function: var(--tw-ease, ease);
    transition-duration: var(--tw-duration, 0s);
    --tw-duration: 400ms;
    transition-duration: 400ms;
  }
  @media (hover: hover) {
    .p-home .home-workers__bottom:hover .animate-thumb-swipe > div {
      --tw-scale-x: 105% !important;
      --tw-scale-y: 105% !important;
      --tw-scale-z: 105% !important;
      scale: var(--tw-scale-x) var(--tw-scale-y) !important;
    }
    .p-home .home-workers__bottom:hover .pseudo-bs {
      background-color: var(--color-primary-lightest);
      color: var(--color-primary);
    }
    .p-home .home-workers__bottom:hover > div:nth-last-child(2) img {
      --tw-scale-x: 102% !important;
      --tw-scale-y: 102% !important;
      --tw-scale-z: 102% !important;
      scale: var(--tw-scale-x) var(--tw-scale-y) !important;
    }
    .p-home .home-workers__bottom:hover > div:nth-last-child(1) img {
      --tw-scale-x: 102% !important;
      --tw-scale-y: 102% !important;
      --tw-scale-z: 102% !important;
      scale: var(--tw-scale-x) var(--tw-scale-y) !important;
    }
  }
  @media (width < 48rem) {
    .p-home .home-workers {
      margin-top: calc(var(--spacing) * 3);
      margin-bottom: 7.875rem;
    }
    .p-home .home-workers .line-02 {
      top: calc(var(--spacing) * 26);
      left: calc(var(--spacing) * -102);
      z-index: 20;
    }
    .p-home .home-workers .line-01, .p-home .home-workers .line-03, .p-home .home-workers .line-04 {
      display: none;
    }
    .p-home .home-workers .title-wrapper .sc-title {
      height: 7.875rem;
      padding-top: calc(var(--spacing) * 2);
    }
    .p-home .home-workers .title-wrapper .sc-title img:first-child {
      bottom: calc(var(--spacing) * 4);
      left: calc(var(--spacing) * 0.5);
      width: 3.875rem;
    }
    .p-home .home-workers .title-wrapper .sc-title img:last-child {
      right: calc(var(--spacing) * 5);
      bottom: calc(var(--spacing) * 4);
      width: 6.5625rem;
    }
    .p-home .home-workers__top > img {
      width: 21.4375rem;
    }
    .p-home .home-workers__top__text {
      width: 100%;
      --tw-translate-x: calc(var(--spacing) * 0);
      translate: var(--tw-translate-x) var(--tw-translate-y);
      padding-inline: calc(var(--spacing) * 5);
    }
    .p-home .home-workers__top__text h5 {
      margin-inline: auto;
      padding-top: calc(var(--spacing) * 2.5);
      text-align: center;
      font-size: 1.5rem;
      --tw-leading: 2.9375rem;
      line-height: 2.9375rem;
    }
    .p-home .home-workers__top__text p {
      width: calc(100% + .125rem);
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
      --tw-leading: 1.5rem;
      line-height: 1.5rem;
    }
    .p-home .home-workers__middle {
      margin-top: calc(var(--spacing) * 6);
      width: 100%;
      flex-direction: column;
      gap: calc(var(--spacing) * 16);
      padding-inline: calc(var(--spacing) * 5);
    }
    .p-home .home-workers__middle::before {
      top: calc(19.5rem * -1);
      left: 45%;
      height: 24.875rem;
      width: 18.5625rem;
    }
    .p-home .home-workers__middle__card {
      width: 100%;
    }
    .p-home .home-workers__middle__card__thumb ._circle {
      right: calc(var(--spacing) * 0);
      bottom: calc(var(--spacing) * -5);
      height: 5.4375rem;
      width: 5.4375rem;
    }
    .p-home .home-workers__middle__card__thumb span {
      top: 0.625rem;
      left: 0.8125rem;
      font-size: 2rem;
    }
    .p-home .home-workers__middle__card__thumb span p {
      top: calc(var(--spacing) * 2);
      left: 0.9375rem;
    }
    .p-home .home-workers__middle__card__thumb span div {
      height: 4.9375rem;
      width: 3.75rem;
    }
    .p-home .home-workers__middle__card__text {
      margin-top: 1.6875rem;
    }
    .p-home .home-workers__middle__card__text .pseudo-bs span {
      font-size: 1.375rem;
    }
    .p-home .home-workers__middle__card__text p {
      margin-top: calc(var(--spacing) * 4);
      width: max-content;
    }
    .p-home .home-workers__middle__card:nth-child(1) .home-workers__middle__card__thumb img:nth-child(2) {
      right: calc(var(--spacing) * 1.5);
      bottom: calc(var(--spacing) * -3.25);
      width: calc(var(--spacing) * 20);
    }
    .p-home .home-workers__middle__card:nth-child(2) .home-workers__middle__card__thumb img:nth-child(2) {
      right: calc(var(--spacing) * -1.25);
      bottom: calc(var(--spacing) * -2.5);
      width: calc(var(--spacing) * 25.75);
    }
    .p-home .home-workers__bottom {
      margin-top: calc(var(--spacing) * 16);
      height: 19.5rem;
      width: calc(100% - 2.5rem);
    }
    .p-home .home-workers__bottom .sc-title {
      top: 1.875rem;
      left: calc(1/2 * 100%);
      width: max-content;
      --tw-translate-x: calc(calc(1/2 * 100%) * -1);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .p-home .home-workers__bottom > div:nth-last-child(2) {
      pointer-events: none;
      bottom: calc(3.0625rem * -1);
      left: calc(.875rem * -1);
      width: 6.625rem;
    }
    .p-home .home-workers__bottom > div:nth-last-child(1) {
      pointer-events: none;
      right: calc(.9375rem * -1);
      bottom: calc(3.0625rem * -1);
      width: 6.1875rem;
    }
    .p-home .home-workers__bottom .pseudo-bs {
      bottom: 1.5625rem;
      height: 4.3125rem;
      width: 16.3125rem;
      border-radius: var(--radius-lg);
    }
    .p-home .home-workers__bottom .pseudo-bs ._icon {
      height: 3.375rem;
      width: 3.375rem;
    }
    .p-home .home-workers__bottom .pseudo-bs span {
      font-size: 1.375rem;
    }
  }
  .p-home .home-vr {
    position: relative;
    padding-top: 10.4375rem;
    padding-bottom: calc(var(--spacing) * 25);
  }
  .p-home .home-vr video {
    position: absolute;
    top: calc(var(--spacing) * 0);
    left: calc(var(--spacing) * 0);
    height: 100%;
    width: 100%;
    object-fit: cover;
  }
  .p-home .home-vr::before {
    position: absolute;
    top: calc(var(--spacing) * 0);
    left: calc(var(--spacing) * 0);
    z-index: 1;
    height: 100%;
    width: 100%;
    background-color: color-mix(in srgb, #66CC00 56%, transparent);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .p-home .home-vr::before {
      background-color: color-mix(in oklab, var(--color-primary) 56%, transparent);
    }
  }
  .p-home .home-vr::before {
    --tw-content: '';
    content: var(--tw-content);
  }
  .p-home .home-vr__box {
    position: relative;
    z-index: 1;
    display: block;
    aspect-ratio: 1440/721;
    border-radius: 1.5rem;
    background-image: url('./assets/img/home-vr_box.svg');
    background-size: cover;
    background-position: center;
    padding-top: 5.3125rem;
  }
  .p-home .home-vr__box .sc-title {
    text-align: center;
  }
  .p-home .home-vr__box .sc-title img {
    margin-inline: auto;
    margin-bottom: 1.375rem;
    width: calc(var(--spacing) * 25);
  }
  .p-home .home-vr__box ._map {
    top: 9.875rem;
    left: calc(1/2 * 100%);
    width: 73.1875rem;
    --tw-translate-x: calc(calc(1/2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .p-home .home-vr__box ._map img {
    transition-property: all;
    transition-timing-function: var(--tw-ease, ease);
    transition-duration: var(--tw-duration, 0s);
    --tw-duration: 400ms;
    transition-duration: 400ms;
  }
  .p-home .home-vr__box .btn-wrap {
    position: absolute;
    bottom: calc(var(--spacing) * 22);
    left: calc(1/2 * 100%);
    --tw-translate-x: calc(calc(1/2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .p-home .home-vr__box .pseudo-bs {
    display: block;
    display: flex;
    height: 8.625rem;
    width: 24.4375rem;
    align-items: center;
    justify-content: center;
    gap: calc(var(--spacing) * 2);
    border-radius: var(--radius-lg);
    background-color: var(--color-primary);
    color: var(--color-white);
    transition-property: all;
    transition-timing-function: var(--tw-ease, ease);
    transition-duration: var(--tw-duration, 0s);
    --tw-duration: 200ms;
    transition-duration: 200ms;
    --init-bg: var(--color-white);
    --init-color: var(--color-primary);
    --hover-bg: var(--color-primary);
    --hover-color: var(--color-white);
    --hover-stroke: var(--color-primary);
  }
  .p-home .home-vr__box .pseudo-bs span {
    font-size: 1.5rem;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }
  .p-home .home-vr__box .pseudo-bs span span {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
  }
  .p-home .home-vr__box .pseudo-bs ._icon {
    display: grid;
    height: 6.5rem;
    width: 6.5rem;
    place-content: center;
    border-radius: calc(infinity * 1px);
  }
  .p-home .home-vr__box .pseudo-bs ._icon svg {
    width: calc(var(--spacing) * 5);
  }
  .p-home .home-vr__box > div:nth-last-child(1) {
    position: absolute;
    top: calc(4.8125rem * -1);
    left: calc(7.5625rem * -1);
    width: 10.6875rem;
  }
  .p-home .home-vr__box > div:nth-last-child(2) {
    position: absolute;
    right: calc(5.25rem * -1);
    bottom: calc(5.875rem * -1);
    width: 19.4375rem;
  }
  .p-home .home-vr__box > div:nth-last-child(3) {
    pointer-events: none;
    position: absolute;
    bottom: calc(5.875rem * -1);
    left: 26.125rem;
    width: 34.25rem;
    -webkit-user-select: none;
    user-select: none;
  }
  .p-home .home-vr__box > div img {
    transform-origin: bottom;
    transition-property: all;
    transition-timing-function: var(--tw-ease, ease);
    transition-duration: var(--tw-duration, 0s);
    --tw-duration: 400ms;
    transition-duration: 400ms;
  }
  @media (hover: hover) {
    .p-home .home-vr__box:hover .pseudo-bs {
      background-color: var(--color-primary-lightest);
      color: var(--color-primary);
    }
    .p-home .home-vr__box:hover ._map img {
      --tw-scale-x: 105%;
      --tw-scale-y: 105%;
      --tw-scale-z: 105%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
    .p-home .home-vr__box:hover > div:nth-last-child(1) img, .p-home .home-vr__box:hover > div:nth-last-child(2) img, .p-home .home-vr__box:hover > div:nth-last-child(3) img {
      --tw-scale-x: 103%;
      --tw-scale-y: 103%;
      --tw-scale-z: 103%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
  }
  .p-home .home-vr__cards {
    position: relative;
    z-index: 1;
    margin-top: 6.9375rem;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 5.3125rem;
  }
  .p-home .home-vr__card {
    overflow: hidden;
    border-radius: 1.5rem;
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-primary);
  }
  .p-home .home-vr__card__thumb {
    overflow: hidden;
  }
  .p-home .home-vr__card__thumb img {
    aspect-ratio: 425/359;
    transition-property: all;
    transition-timing-function: var(--tw-ease, ease);
    transition-duration: var(--tw-duration, 0s);
    --tw-duration: 600ms;
    transition-duration: 600ms;
    --tw-ease: var(--ease-out);
    transition-timing-function: var(--ease-out);
  }
  .p-home .home-vr__card__text {
    height: 100%;
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    border-color: var(--color-primary);
    background-color: var(--color-white);
    padding: calc(var(--spacing) * 2.5);
    color: var(--color-primary-dark);
  }
  .p-home .home-vr__card__text h4 {
    text-align: center;
    font-size: 1.25rem;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }
  .p-home .home-vr__card__text p {
    margin-top: calc(var(--spacing) * 2);
    padding-inline: calc(var(--spacing) * 8);
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }
  .p-home .home-vr__card__text .ps-link {
    margin-top: calc(var(--spacing) * 2.5);
    margin-left: auto;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: calc(var(--spacing) * 2);
    color: var(--color-primary);
  }
  .p-home .home-vr__card__text .ps-link span {
    font-size: 1.5rem;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }
  .p-home .home-vr__card__text .ps-link ._icon {
    display: grid;
    height: 3.25rem;
    width: 3.25rem;
    place-content: center;
    border-radius: calc(infinity * 1px);
  }
  .p-home .home-vr__card__text .ps-link ._icon svg {
    width: calc(var(--spacing) * 5);
  }
  @media (hover: hover) {
    .p-home .home-vr__card:hover .home-vr__card__thumb img {
      --tw-scale-x: 105%;
      --tw-scale-y: 105%;
      --tw-scale-z: 105%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
  }
  @media (width < 48rem) {
    .p-home .home-vr {
      padding-block: calc(var(--spacing) * 20);
    }
    .p-home .home-vr .home-vr__box {
      aspect-ratio: 335/490;
      border-radius: .8125rem;
      background-image: url('./assets/img/home-vr_box_sp.svg');
      padding-top: calc(var(--spacing) * 10);
    }
    .p-home .home-vr .home-vr__box .sc-title img {
      margin-bottom: calc(var(--spacing) * 1.25);
      width: 3.125rem;
    }
    .p-home .home-vr .home-vr__box .sc-title .wrap-char:last-child {
      margin-top: calc(var(--spacing) * -0.25);
    }
    .p-home .home-vr .home-vr__box > div:nth-last-child(1) {
      top: calc(2.375rem * -1);
      left: calc(var(--spacing) * -2);
      width: 3.375rem;
    }
    .p-home .home-vr .home-vr__box > div:nth-last-child(2) {
      right: calc(var(--spacing) * -5);
      bottom: calc(3.25rem * -1);
      width: 9.375rem;
    }
    .p-home .home-vr .home-vr__box > div:nth-last-child(3) {
      bottom: calc(var(--spacing) * -12);
      left: calc(var(--spacing) * 2);
      width: 11.3125rem;
    }
    .p-home .home-vr .home-vr__box ._map {
      top: 10.75rem;
      width: 19.6875rem;
    }
    .p-home .home-vr .home-vr__box .btn-wrap {
      bottom: 6.8125rem;
    }
    .p-home .home-vr .home-vr__box .pseudo-bs {
      height: 4.3125rem;
      width: 16.3125rem;
    }
    .p-home .home-vr .home-vr__box .pseudo-bs > span {
      font-size: 1.375rem;
    }
    .p-home .home-vr .home-vr__box .pseudo-bs ._icon {
      height: 3.375rem;
      width: 3.375rem;
    }
    .p-home .home-vr .home-vr__cards {
      margin-top: 5.125rem;
      grid-template-columns: repeat(1, minmax(0, 1fr));
      gap: .8125rem;
      padding-inline: 0.9375rem;
    }
    .p-home .home-vr .home-vr__card {
      border-radius: 1.2131rem;
    }
    .p-home .home-vr .home-vr__card__text {
      padding: calc(var(--spacing) * 2);
    }
    .p-home .home-vr .home-vr__card__text h4 {
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
    }
    .p-home .home-vr .home-vr__card__text p {
      margin-top: calc(var(--spacing) * 1.5);
      padding-inline: 1.5rem;
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
      --tw-leading: 1.1875rem;
      line-height: 1.1875rem;
    }
    .p-home .home-vr .home-vr__card__text .hv-bs {
      margin-top: calc(var(--spacing) * 2);
      gap: calc(var(--spacing) * 1.5);
    }
    .p-home .home-vr .home-vr__card__text .hv-bs span {
      font-size: var(--text-lg);
      line-height: var(--tw-leading, var(--text-lg--line-height));
    }
    .p-home .home-vr .home-vr__card__text .hv-bs ._icon {
      height: 2.625rem;
      width: 2.625rem;
    }
  }
  .p-home .home-insight {
    padding-top: calc(var(--spacing) * 20);
  }
  .p-home .home-insight .wrapper {
    padding-inline: calc(var(--spacing) * 25);
  }
  .p-home .home-insight__box {
    position: relative;
    display: block;
    aspect-ratio: 1720/750;
    overflow: hidden;
    border-radius: 1.5rem;
    background-color: var(--color-primary);
    padding-top: 1.75rem;
  }
  .p-home .home-insight__box picture img {
    pointer-events: none;
    position: absolute;
    top: 9.625rem;
    left: 4.3125rem;
    width: 101.25rem;
    -webkit-user-select: none;
    user-select: none;
  }
  .p-home .home-insight__box__inner {
    position: relative;
    margin-inline: auto;
    height: 43.3125rem;
    width: 32.75rem;
    padding-top: 9.0625rem;
  }
  .p-home .home-insight__box__inner::before {
    position: absolute;
    top: calc(var(--spacing) * 0);
    left: calc(var(--spacing) * 0);
    height: 100%;
    width: 100%;
    rotate: 45deg;
    border-radius: 25.25rem;
    background-color: var(--color-tertiary-light);
    --tw-content: '';
    content: var(--tw-content);
  }
  .p-home .home-insight__box__inner .sc-title {
    text-align: center;
  }
  .p-home .home-insight__box__inner >* {
    position: relative;
  }
  .p-home .home-insight__box__inner p {
    margin-top: calc(var(--spacing) * 8);
    text-align: center;
    font-size: 2.5rem;
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
    color: var(--color-primary);
  }
  .p-home .home-insight__box__inner .pseudo-bs {
    margin-top: calc(var(--spacing) * 22);
    margin-left: calc(var(--spacing) * 12);
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    color: var(--color-primary-dark);
  }
  .p-home .home-insight__box__inner .pseudo-bs > span {
    font-size: 1.5rem;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }
  .p-home .home-insight__box__inner .pseudo-bs > span span {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
  }
  .p-home .home-insight__box__inner .pseudo-bs ._icon {
    display: grid;
    height: 3.25rem;
    width: 3.25rem;
    place-content: center;
    border-radius: calc(infinity * 1px);
  }
  .p-home .home-insight__box__inner .pseudo-bs ._icon svg {
    width: calc(var(--spacing) * 5);
  }
  .p-home .home-insight__box__inner ._divider {
    margin-inline: auto;
    margin-top: calc(var(--spacing) * 1);
    width: calc(var(--spacing) * 0.75);
  }
  .p-home .home-insight__box > div:nth-last-child(1) {
    position: absolute;
    top: 5.1875rem;
    right: 4.0625rem;
    width: calc(var(--spacing) * 110);
    transform-origin: bottom right;
  }
  .p-home .home-insight__box > div:nth-last-child(2) {
    position: absolute;
    top: 15.875rem;
    left: 17.0625rem;
    width: 22.5625rem;
    transform-origin: bottom left;
  }
  .p-home .home-insight__box > div img {
    transform-origin: bottom;
    transition-property: all;
    transition-timing-function: var(--tw-ease, ease);
    transition-duration: var(--tw-duration, 0s);
    --tw-duration: 400ms;
    transition-duration: 400ms;
  }
  @media (hover: hover) {
    .p-home .home-insight__box:hover > div img {
      --tw-scale-x: 103%;
      --tw-scale-y: 103%;
      --tw-scale-z: 103%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
  }
  @media (width < 48rem) {
    .p-home .home-insight {
      padding-top: calc(var(--spacing) * 20);
    }
    .p-home .home-insight .wrapper {
      overflow: hidden;
      padding-inline: calc(var(--spacing) * 5);
    }
    .p-home .home-insight__box {
      aspect-ratio: 335/528;
      overflow: visible;
      border-radius: .61rem;
      padding-top: .5625rem;
    }
    .p-home .home-insight__box picture img {
      top: auto;
      bottom: .625rem;
      left: 1.1875rem;
      width: 19.875rem;
    }
    .p-home .home-insight__box > div:nth-last-child(1) {
      top: auto;
      right: calc(2.1875rem * -1);
      bottom: 1.375rem;
      width: 8.875rem;
    }
    .p-home .home-insight__box > div:nth-last-child(2) {
      top: auto;
      bottom: 2.8125rem;
      left: calc(var(--spacing) * -3);
      width: 8.875rem;
    }
    .p-home .home-insight__box__inner {
      height: 25.875rem;
      width: 19.5625rem;
      border-radius: 10.2694rem;
      padding-top: 4.3125rem;
    }
    .p-home .home-insight__box__inner p {
      margin-top: calc(var(--spacing) * 5);
      font-size: 1.5rem;
      --tw-leading: 2.125rem;
      line-height: 2.125rem;
    }
    .p-home .home-insight__box__inner ._divider {
      margin-top: .25rem;
      margin-bottom: .25rem;
      width: calc(var(--spacing) * 1);
    }
    .p-home .home-insight__box__inner .pseudo-bs {
      margin-top: calc(var(--spacing) * 0);
      --tw-translate-x: 1.375rem;
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .p-home .home-insight__box__inner .pseudo-bs > span {
      font-size: 1.375rem;
      --tw-leading: 1.375rem;
      line-height: 1.375rem;
    }
  }
  .p-home .home-why-armec {
    padding-top: 7.3125rem;
  }
  .p-home .home-why-armec .line-01, .p-home .home-why-armec .line-02 {
    pointer-events: none;
    position: absolute;
    z-index: 10;
    height: calc(var(--spacing) * 33.5);
    width: calc(var(--spacing) * 111.75);
    -webkit-user-select: none;
    user-select: none;
  }
  .p-home .home-why-armec .line-01 .line:nth-child(1), .p-home .home-why-armec .line-02 .line:nth-child(1) {
    top: calc(var(--spacing) * 0);
    right: calc(var(--spacing) * 0);
  }
  .p-home .home-why-armec .line-01 .line:nth-child(1) img, .p-home .home-why-armec .line-02 .line:nth-child(1) img {
    animation-duration: 1.3s;
    animation-delay: 1s;
  }
  .p-home .home-why-armec .line-01 .line:nth-child(2), .p-home .home-why-armec .line-02 .line:nth-child(2) {
    top: calc(var(--spacing) * 7.5);
    right: calc(var(--spacing) * 40.75);
  }
  .p-home .home-why-armec .line-01 .line:nth-child(2) img, .p-home .home-why-armec .line-02 .line:nth-child(2) img {
    animation-duration: 1.9s;
    animation-delay: 0.2s;
  }
  .p-home .home-why-armec .line-01 .line:nth-child(3), .p-home .home-why-armec .line-02 .line:nth-child(3) {
    bottom: calc(var(--spacing) * 7.5);
    left: calc(var(--spacing) * 41);
  }
  .p-home .home-why-armec .line-01 .line:nth-child(3) img, .p-home .home-why-armec .line-02 .line:nth-child(3) img {
    animation-duration: 3s;
    animation-delay: 1.5s;
  }
  .p-home .home-why-armec .line-01 .line:nth-child(4), .p-home .home-why-armec .line-02 .line:nth-child(4) {
    bottom: calc(var(--spacing) * 0);
    left: calc(var(--spacing) * 0);
  }
  .p-home .home-why-armec .line-01 .line:nth-child(4) img, .p-home .home-why-armec .line-02 .line:nth-child(4) img {
    animation-duration: 2.8s;
    animation-delay: 1.5s;
  }
  .p-home .home-why-armec .line-01 {
    top: calc(var(--spacing) * -10.5);
    right: calc(var(--spacing) * -22.5);
  }
  .p-home .home-why-armec .line-02 {
    top: calc(var(--spacing) * 53.5);
    left: calc(var(--spacing) * -26.5);
  }
  .p-home .home-why-armec .wrapper {
    padding-inline: calc(var(--spacing) * 25);
  }
  .p-home .home-why-armec__top {
    position: relative;
  }
  .p-home .home-why-armec__top h3 {
    position: relative;
  }
  .p-home .home-why-armec__top h3 picture img {
    margin-inline: auto;
    width: 80.375rem;
  }
  .p-home .home-why-armec__top h3 > img {
    position: absolute;
    top: calc(var(--spacing) * 11);
    left: 16.875rem;
    width: 24.6875rem;
  }
  .p-home .home-why-armec__top__subtitle {
    margin-inline: auto;
    margin-top: calc(var(--spacing) * 1.25);
    max-width: 32rem;
    font-size: 1.5rem;
    --tw-leading: 2.9375rem;
    line-height: 2.9375rem;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-secondary);
  }
  .p-home .home-why-armec__top > img {
    position: absolute;
    top: 11.25rem;
    right: 13.9375rem;
    width: 22.8125rem;
  }
  .p-home .home-why-armec__middle {
    margin-top: 2.375rem;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
  }
  .p-home .home-why-armec__middle img {
    border-radius: 1.5rem;
  }
  .p-home .home-why-armec__middle > div {
    position: relative;
    width: 59.75rem;
  }
  .p-home .home-why-armec__middle > div > img:nth-child(2) {
    position: absolute;
    bottom: calc(14rem * -1);
    left: 11.75rem;
    width: 25.5rem;
  }
  .p-home .home-why-armec__middle > img {
    margin-top: 11.25rem;
    width: 41.9375rem;
  }
  .p-home .home-why-armec__bottom {
    margin-top: 7.1875rem;
  }
  .p-home .home-why-armec__bottom__cards {
    position: relative;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    gap: 7.0625rem;
  }
  .p-home .home-why-armec__bottom__cards::before {
    position: absolute;
    top: calc(var(--spacing) * -2.5);
    height: 57.125rem;
    width: 43.125rem;
    rotate: 45deg;
    border-radius: 25.25rem;
    background-color: var(--color-secondary-light);
    --tw-content: '';
    content: var(--tw-content);
  }
  .p-home .home-why-armec__bottom__cards::after {
    position: absolute;
    top: 52%;
    left: calc(var(--spacing) * 0);
    left: calc(1/2 * 100%);
    height: 12.8125rem;
    width: 102vw;
    --tw-translate-x: calc(calc(1/2 * 100%) * -1);
    --tw-translate-y: calc(calc(1/2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    rotate: -6.57deg;
    background-image: url('./assets/img/marquee-armec_02.svg');
    background-size: auto 100%;
    --tw-content: '';
    content: var(--tw-content);
    background-repeat: repeat-x;
    background-position: 0 0;
    animation: marquee 15s linear infinite;
  }
  .p-home .home-why-armec__bottom__card-wrap {
    position: relative;
    z-index: 10;
  }
  .p-home .home-why-armec__bottom__card-wrap > img {
    position: absolute;
    z-index: 10;
  }
  .p-home .home-why-armec__bottom__card-wrap:nth-child(odd) {
    margin-top: 9.6875rem;
  }
  .p-home .home-why-armec__bottom__card-wrap:nth-child(1) {
    rotate: calc(21deg * -1);
  }
  .p-home .home-why-armec__bottom__card-wrap:nth-child(1) > img {
    right: 6.5rem;
    bottom: calc(10rem * -1);
    width: 11.25rem;
    rotate: 21deg;
  }
  .p-home .home-why-armec__bottom__card-wrap:nth-child(2) > img {
    bottom: calc(10.75rem * -1);
    left: 7.4375rem;
    width: 12.5625rem;
  }
  .p-home .home-why-armec__bottom__card-wrap:nth-child(3) {
    rotate: 21deg;
  }
  .p-home .home-why-armec__bottom__card-wrap:nth-child(3) > img {
    bottom: calc(10.125rem * -1);
    left: 10rem;
    width: 8.4375rem;
    rotate: calc(21deg * -1);
  }
  .p-home .home-why-armec__bottom__card {
    position: relative;
    z-index: 10;
    width: 26.5625rem;
  }
  .p-home .home-why-armec__bottom__card__thumb img._orn {
    position: absolute;
    top: calc(3.875rem * -1);
    left: calc(1/2 * 100%);
    width: 5.25rem;
    --tw-translate-x: calc(calc(1/2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .p-home .home-why-armec__bottom__card__thumb img:nth-child(2) {
    border-top-left-radius: 1.5rem;
    border-top-right-radius: 1.5rem;
  }
  .p-home .home-why-armec__bottom__card__text {
    position: relative;
    height: 12.0625rem;
    border-bottom-right-radius: 1.5rem;
    border-bottom-left-radius: 1.5rem;
    background-color: var(--color-secondary);
    padding-inline: 2.8125rem;
    color: var(--color-white);
  }
  .p-home .home-why-armec__bottom__card__text h4 {
    padding-top: calc(var(--spacing) * 2.5);
    text-align: center;
    font-size: 2rem;
    --tw-leading: 1.875rem;
    line-height: 1.875rem;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }
  .p-home .home-why-armec__bottom__card__text p {
    margin-top: calc(var(--spacing) * 4);
    font-size: 1.25rem;
    --tw-leading: 1.5rem;
    line-height: 1.5rem;
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }
  .p-home .home-why-armec__bottom__card__text > img {
    position: absolute;
  }
  .p-home .home-why-armec__bottom .hv-bs {
    margin-inline: auto;
    margin-top: calc(var(--spacing) * 12);
    display: block;
    display: flex;
    height: 8.625rem;
    width: 24.4375rem;
    align-items: center;
    justify-content: center;
    gap: calc(var(--spacing) * 2);
    border-radius: var(--radius-lg);
    background-color: var(--color-primary);
    color: var(--color-white);
    outline-style: var(--tw-outline-style);
    outline-width: 0.1875rem;
    outline-offset: 0.4375rem;
    outline-color: transparent;
    transition-property: all;
    transition-timing-function: var(--tw-ease, ease);
    transition-duration: var(--tw-duration, 0s);
    --tw-duration: 400ms !important;
    transition-duration: 400ms !important;
  }
  @media (hover: hover) {
    .p-home .home-why-armec__bottom .hv-bs:hover {
      background-color: var(--color-primary-lightest);
    }
  }
  @media (hover: hover) {
    .p-home .home-why-armec__bottom .hv-bs:hover {
      color: var(--color-primary);
    }
  }
  @media (hover: hover) {
    .p-home .home-why-armec__bottom .hv-bs:hover {
      outline-color: var(--color-primary);
    }
  }
  .p-home .home-why-armec__bottom .hv-bs {
    --init-bg: var(--color-white);
    --init-color: var(--color-primary);
    --hover-bg: var(--color-primary);
    --hover-color: var(--color-white);
    --hover-stroke: var(--color-primary);
  }
  .p-home .home-why-armec__bottom .hv-bs span {
    font-size: 1.5rem;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }
  .p-home .home-why-armec__bottom .hv-bs span span {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
  }
  .p-home .home-why-armec__bottom .hv-bs ._icon {
    display: grid;
    height: 6.5rem;
    width: 6.5rem;
    place-content: center;
    border-radius: calc(infinity * 1px);
    --tw-duration: 400ms !important;
    transition-duration: 400ms !important;
  }
  .p-home .home-why-armec__bottom .hv-bs ._icon svg {
    width: calc(var(--spacing) * 5);
    --tw-duration: 400ms !important;
    transition-duration: 400ms !important;
  }
  @media (width < 48rem) {
    .p-home .home-why-armec {
      padding-top: 4.125rem;
    }
    .p-home .home-why-armec .line-02 {
      top: calc(var(--spacing) * 50);
      left: calc(var(--spacing) * -84);
      z-index: 20;
    }
    .p-home .home-why-armec .line-01 {
      top: calc(var(--spacing) * -2);
      right: calc(var(--spacing) * -92);
      z-index: 20;
    }
    .p-home .home-why-armec .wrapper {
      padding-inline: calc(var(--spacing) * 5);
    }
    .p-home .home-why-armec__top h3 picture img {
      width: calc(var(--spacing) * 80);
    }
    .p-home .home-why-armec__top h3 > img {
      top: calc(var(--spacing) * -1.5);
      left: 4.375rem;
      width: calc(var(--spacing) * 40);
    }
    .p-home .home-why-armec__top__subtitle {
      margin-top: .6875rem;
      width: calc(100% + .125rem);
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
      --tw-leading: 1.5rem;
      line-height: 1.5rem;
    }
    .p-home .home-why-armec__top > img {
      top: auto;
      right: 2rem;
      bottom: calc(var(--spacing) * -4);
      width: 6rem;
      --tw-translate-y: 100%;
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .p-home .home-why-armec__middle {
      position: relative;
      z-index: 10;
      margin-top: 3.3125rem;
    }
    .p-home .home-why-armec__middle img {
      border-radius: .6131rem;
    }
    .p-home .home-why-armec__middle > div {
      width: 11.625rem;
    }
    .p-home .home-why-armec__middle > div > img:nth-child(2) {
      bottom: calc(4.0625rem * -1);
      left: 1.625rem;
      width: 8.875rem;
    }
    .p-home .home-why-armec__middle > img {
      margin-top: calc(var(--spacing) * 18);
      width: 8.1875rem;
    }
    .p-home .home-why-armec__bottom {
      margin-top: calc(var(--spacing) * 12);
    }
    .p-home .home-why-armec__bottom__cards {
      flex-wrap: wrap;
      gap: calc(var(--spacing) * 0);
    }
    .p-home .home-why-armec__bottom__cards::before {
      top: calc(var(--spacing) * -16);
      left: calc(var(--spacing) * -16);
      height: 33.125rem;
      width: calc(var(--spacing) * 100);
    }
    .p-home .home-why-armec__bottom__cards::after {
      top: 78%;
      height: 8.5rem;
      width: 110vw;
      animation-duration: 30s;
    }
    .p-home .home-why-armec__bottom__card-wrap:nth-child(odd) {
      margin-top: calc(var(--spacing) * 0);
    }
    .p-home .home-why-armec__bottom__card-wrap:nth-child(1) {
      rotate: calc(1.75deg * -1);
    }
    .p-home .home-why-armec__bottom__card-wrap:nth-child(1) > img {
      right: 3.6875rem;
      bottom: calc(2.75rem * -1);
      width: 3.1875rem;
      rotate: 1.75deg;
    }
    .p-home .home-why-armec__bottom__card-wrap:nth-child(2) {
      margin-top: calc(var(--spacing) * 10.25);
      margin-left: calc(var(--spacing) * -3);
      rotate: 2.24deg;
    }
    .p-home .home-why-armec__bottom__card-wrap:nth-child(2) > img {
      right: .9375rem;
      bottom: calc(2rem * -1);
      left: auto;
      width: 3.5rem;
      rotate: calc(2.24deg * -1);
    }
    .p-home .home-why-armec__bottom__card-wrap:nth-child(3) {
      margin-top: 1.6875rem;
      rotate: 4.66deg;
    }
    .p-home .home-why-armec__bottom__card-wrap:nth-child(3) > img {
      right: 2.9375rem;
      bottom: calc(2.3125rem * -1);
      left: auto;
      width: 2.625rem;
      rotate: calc(4.66deg * -1);
    }
    .p-home .home-why-armec__bottom__card {
      width: 10.5rem;
    }
    .p-home .home-why-armec__bottom__card__thumb img._orn {
      top: calc(var(--spacing) * -6);
      width: 1.9375rem;
    }
    .p-home .home-why-armec__bottom__card__thumb img:nth-child(2) {
      border-top-left-radius: .5931rem;
      border-top-right-radius: .5931rem;
    }
    .p-home .home-why-armec__bottom__card__text {
      height: 6.5rem;
      border-bottom-right-radius: .5931rem;
      border-bottom-left-radius: .5931rem;
      padding-inline: calc(var(--spacing) * 0);
    }
    .p-home .home-why-armec__bottom__card__text h4 {
      padding-top: calc(var(--spacing) * 1);
      text-align: center;
      font-size: 1.0669rem;
      --tw-leading: 1.1;
      line-height: 1.1;
    }
    .p-home .home-why-armec__bottom__card__text p {
      margin-top: calc(var(--spacing) * 1.5);
      padding-inline: .9375rem;
      font-size: .875rem;
      --tw-leading: 1;
      line-height: 1;
    }
    .p-home .home-why-armec__bottom .hv-bs {
      margin-top: 3.25rem;
      height: 4.3125rem;
      width: 16.3125rem;
    }
    .p-home .home-why-armec__bottom .hv-bs ._icon {
      height: 3.375rem;
      width: 3.375rem;
    }
    .p-home .home-why-armec__bottom .hv-bs > span {
      font-size: 1.375rem;
    }
  }
  @media (width < 48rem) {
    .p-about {
      overflow: hidden;
    }
  }
  .p-about section {
    position: relative;
  }
  @media (width < 48rem) {
    .p-about .about-top {
      overflow-x: hidden;
    }
  }
  .p-about .about-top .line-01, .p-about .about-top .line-02 {
    pointer-events: none;
    position: absolute;
    z-index: 10;
    height: calc(var(--spacing) * 33.5);
    width: calc(var(--spacing) * 111.75);
    -webkit-user-select: none;
    user-select: none;
  }
  .p-about .about-top .line-01 .line:nth-child(1), .p-about .about-top .line-02 .line:nth-child(1) {
    top: calc(var(--spacing) * 0);
    right: calc(var(--spacing) * 0);
  }
  .p-about .about-top .line-01 .line:nth-child(1) img, .p-about .about-top .line-02 .line:nth-child(1) img {
    animation-duration: 1.3s;
    animation-delay: 1s;
  }
  .p-about .about-top .line-01 .line:nth-child(2), .p-about .about-top .line-02 .line:nth-child(2) {
    top: calc(var(--spacing) * 7.5);
    right: calc(var(--spacing) * 40.75);
  }
  .p-about .about-top .line-01 .line:nth-child(2) img, .p-about .about-top .line-02 .line:nth-child(2) img {
    animation-duration: 1.9s;
    animation-delay: 0.2s;
  }
  .p-about .about-top .line-01 .line:nth-child(3), .p-about .about-top .line-02 .line:nth-child(3) {
    bottom: calc(var(--spacing) * 7.5);
    left: calc(var(--spacing) * 41);
  }
  .p-about .about-top .line-01 .line:nth-child(3) img, .p-about .about-top .line-02 .line:nth-child(3) img {
    animation-duration: 3s;
    animation-delay: 1.5s;
  }
  .p-about .about-top .line-01 .line:nth-child(4), .p-about .about-top .line-02 .line:nth-child(4) {
    bottom: calc(var(--spacing) * 0);
    left: calc(var(--spacing) * 0);
  }
  .p-about .about-top .line-01 .line:nth-child(4) img, .p-about .about-top .line-02 .line:nth-child(4) img {
    animation-duration: 2.8s;
    animation-delay: 1.5s;
  }
  .p-about .about-top .line-01 {
    top: calc(var(--spacing) * 96.5);
    right: calc(var(--spacing) * 7.5);
  }
  .p-about .about-top .line-02 {
    top: calc(var(--spacing) * 181.5);
    left: calc(var(--spacing) * 0.5);
  }
  .p-about .about-top .wrapper {
    min-height: calc(var(--spacing) * 169);
    padding-top: 10.5625rem;
    text-align: center;
  }
  @media (width >= 48rem) {
    .p-about .about-top .wrapper {
      min-height: calc(var(--spacing) * 270);
    }
  }
  .p-about .about-top [class*="img-"] img {
    width: 100%;
  }
  .p-about .about-top .img-01 {
    position: relative;
    margin-inline: auto;
    margin-top: 3.1875rem;
    width: 90.1875rem;
  }
  .p-about .about-top .img-01 .video, .p-about .about-top .img-01 video {
    position: absolute;
    top: calc(var(--spacing) * 0);
    left: calc(var(--spacing) * 0);
    height: 100%;
    width: 100%;
    scale: 1.01;
    object-fit: cover;
    mask-image: url('./assets/img/about-top_01_mask.png');
    mask-size: cover;
    mask-repeat: no-repeat;
    mask-position: center;
    -webkit-mask-image: url('./assets/img/about-top_01_mask.png');
    -webkit-mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
  }
  .p-about .about-top .img-01 img {
    position: relative;
  }
  .p-about .about-top .img-01 .hv-bs {
    position: absolute;
    bottom: 8.4375rem;
    left: calc(1/2 * 100%);
    z-index: 10;
    display: block;
    display: flex;
    height: 8.625rem;
    width: 24.4375rem;
    --tw-translate-x: calc(calc(1/2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    align-items: center;
    justify-content: center;
    gap: calc(var(--spacing) * 2);
    border-radius: var(--radius-lg);
    background-color: var(--color-primary);
    color: var(--color-white);
    transition-property: all;
    transition-timing-function: var(--tw-ease, ease);
    transition-duration: var(--tw-duration, 0s);
    --tw-duration: 400ms;
    transition-duration: 400ms;
  }
  @media (hover: hover) {
    .p-about .about-top .img-01 .hv-bs:hover {
      background-color: var(--color-primary-lightest);
    }
  }
  @media (hover: hover) {
    .p-about .about-top .img-01 .hv-bs:hover {
      color: var(--color-primary);
    }
  }
  .p-about .about-top .img-01 .hv-bs {
    --init-bg: var(--color-white);
    --init-color: var(--color-primary);
    --hover-bg: var(--color-primary);
    --hover-color: var(--color-white);
    --hover-stroke: var(--color-primary);
  }
  .p-about .about-top .img-01 .hv-bs span {
    font-size: 1.5rem;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }
  .p-about .about-top .img-01 .hv-bs span span {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
  }
  .p-about .about-top .img-01 .hv-bs ._icon {
    display: grid;
    height: 6.5rem;
    width: 6.5rem;
    place-content: center;
    border-radius: calc(infinity * 1px);
  }
  .p-about .about-top .img-01 .hv-bs ._icon svg {
    width: calc(var(--spacing) * 5);
  }
  @media (width < 48rem) {
    .p-about .about-top .line-01, .p-about .about-top .line-02 {
      height: 4.375rem;
      width: 14.5625rem;
    }
    .p-about .about-top .line-01 {
      top: 15.6875rem;
      right: calc(3.25rem * -1);
    }
    .p-about .about-top .line-01 .line:nth-child(2) {
      top: 0.9375rem;
      right: 5.3125rem;
    }
    .p-about .about-top .line-01 .line:nth-child(3) {
      bottom: calc(var(--spacing) * 4);
      left: 5.3125rem;
    }
    .p-about .about-top .line-02 {
      display: none;
    }
    .p-about .about-top .wrapper {
      padding-top: 11.1875rem;
    }
    .p-about .about-top .sc-title {
      margin-inline: auto;
      width: max-content;
      text-align: left;
    }
    .p-about .about-top .img-01 {
      z-index: 10;
      margin-top: calc(var(--spacing) * 10);
      width: calc(var(--spacing) * 86.25);
      --tw-translate-x: calc(var(--spacing) * -1.25);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .p-about .about-top .img-01 .video, .p-about .about-top .img-01 video {
      mask-image: url('./assets/img/about-top_01_mask_sp.png');
      -webkit-mask-image: url('./assets/img/about-top_01_mask_sp.png');
    }
    .p-about .about-top .img-01 .hv-bs {
      bottom: calc(5rem * -1);
      height: 4.3125rem;
      width: 16.3125rem;
      border-radius: var(--radius-lg);
    }
    .p-about .about-top .img-01 .hv-bs ._icon {
      height: 3.375rem;
      width: 3.375rem;
    }
    .p-about .about-top .img-01 .hv-bs span {
      font-size: 1.375rem;
    }
  }
  .p-about .about-culture {
    padding-top: calc(5.25rem - 1.375rem);
    padding-bottom: 4.6875rem;
  }
  .p-about .about-culture .sc-title {
    text-align: center;
  }
  .p-about .about-culture .sc-title h3 span {
    height: 1.8125rem !important;
    width: 1.8125rem !important;
    border-color: var(--color-primary-dark) !important;
    background-color: transparent !important;
    font-size: 1.5rem !important;
    color: var(--color-primary-dark) !important;
  }
  .p-about .about-culture__top {
    position: relative;
    margin-top: calc(var(--spacing) * -3);
  }
  .p-about .about-culture__top__title {
    margin-inline: auto;
    width: 51.5rem;
    --tw-translate-x: calc(var(--spacing) * 1.5);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .p-about .about-culture__top p {
    margin-inline: auto;
    margin-top: calc(var(--spacing) * -3);
    max-width: 31rem;
    font-size: 1.5rem;
    --tw-leading: 1.958;
    line-height: 1.958;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-primary-dark);
  }
  .p-about .about-culture__top__img {
    position: absolute;
    top: calc(7.5rem * -1);
    left: calc(50% - 34.2rem);
    width: 28.75rem;
    --tw-translate-x: calc(calc(1/2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .p-about .about-culture__figure {
    position: relative;
    margin-top: calc(var(--spacing) * 18);
    height: 12.8125rem;
    background-image: url('./assets/img/marquee-armec.svg');
    background-size: auto 100%;
    background-repeat: repeat-x;
    background-position: 0 0;
    animation: marquee 15s linear infinite;
  }
  .p-about .about-culture__figure__img {
    position: absolute;
    top: calc(var(--spacing) * -20);
    left: calc(50% - 1.5rem);
    display: flex;
    --tw-translate-x: calc(calc(1/2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    justify-content: center;
  }
  .p-about .about-culture__figure__img > div:nth-child(1) {
    margin-top: calc(var(--spacing) * 2);
    width: 12.4375rem;
  }
  .p-about .about-culture__figure__img > div:nth-child(1) img {
    animation: toktik 1s .5s steps(2) infinite;
  }
  .p-about .about-culture__figure__img > div:nth-child(2) {
    margin-left: 2.375rem;
    width: 12.8125rem;
  }
  .p-about .about-culture__figure__img > div:nth-child(2) img {
    animation: tiktok 1s .5s steps(2) infinite;
  }
  .p-about .about-culture__figure__img > div:nth-child(3) {
    margin-top: calc(var(--spacing) * 1.75);
    margin-left: 1.1875rem;
    width: 9.875rem;
  }
  .p-about .about-culture__figure__img > div:nth-child(3) img {
    animation: toktik 1s .5s steps(2) infinite;
  }
  .p-about .about-culture__figure__img > div:nth-child(4) {
    margin-top: 1.0625rem;
    margin-left: 1.9375rem;
    width: 12rem;
  }
  .p-about .about-culture__figure__img > div:nth-child(4) img {
    animation: tiktok 1s .5s steps(2) infinite;
  }
  .p-about .about-culture__bottom {
    padding-top: 4.5rem;
  }
  .p-about .about-culture__bottom__card {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4.875rem;
  }
  .p-about .about-culture__bottom__card ._outer-img {
    position: absolute;
  }
  .p-about .about-culture__bottom__card > * {
    position: relative;
  }
  .p-about .about-culture__bottom__card__bg {
    pointer-events: none;
    position: absolute;
    top: calc(var(--spacing) * 0);
    left: calc(var(--spacing) * 0);
    height: 100%;
    width: 100%;
    border-radius: 1.5rem;
    -webkit-user-select: none;
    user-select: none;
  }
  .p-about .about-culture__bottom__card__bg ._ribbon {
    position: absolute;
    top: calc(1/2 * 100%);
    left: calc(var(--spacing) * -6);
    width: 5.375rem;
    --tw-translate-y: calc(calc(1/2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    rotate: calc(90deg * -1);
    fill: var(--color-tertiary);
  }
  .p-about .about-culture__bottom__card__img {
    position: relative;
    width: 34.0625rem;
    overflow: hidden;
    border-radius: 25.25rem;
  }
  .p-about .about-culture__bottom__card__text h4 {
    display: inline-block;
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    padding: calc(var(--spacing) * 2.5);
    font-size: 1.9375rem;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }
  .p-about .about-culture__bottom__card__text p.wrap-text-perline {
    margin-top: calc(var(--spacing) * 6);
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    --tw-leading: var(--leading-normal);
    line-height: var(--leading-normal);
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }
  @media (width >= 48rem) {
    .p-about .about-culture__bottom__card__text p.wrap-text-perline {
      font-size: var(--text-upbase);
    }
  }
  .p-about .about-culture__bottom__card__text ._card {
    max-width: 100%;
    border-radius: 1.5rem;
    background-color: var(--color-white);
    padding: .875rem 2.0625rem;
  }
  .p-about .about-culture__bottom__card__text .hv-bs {
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }
  @media (width >= 48rem) {
    .p-about .about-culture__bottom__card__text .hv-bs {
      font-size: var(--text-upbase);
    }
  }
  .p-about .about-culture__bottom__card__text .hv-bs ._icon {
    display: grid;
    height: 3.25rem;
    width: 3.25rem;
    place-content: center;
    border-radius: calc(infinity * 1px);
  }
  .p-about .about-culture__bottom__card__text .hv-bs ._icon svg {
    width: calc(var(--spacing) * 5);
  }
  .p-about .about-culture__bottom__card:nth-child(1) {
    padding-block: 4.1875rem;
    padding-left: .6875rem;
    color: var(--color-secondary-darker);
  }
  .p-about .about-culture__bottom__card:nth-child(1) ._outer-img {
    top: 18.1875rem;
    right: calc(4.0625rem * -1);
    width: 10.8125rem;
    --tw-translate-x: 100%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .p-about .about-culture__bottom__card:nth-child(1) ._outer-img img {
    animation: toktik 1s .5s steps(2) infinite;
  }
  .p-about .about-culture__bottom__card:nth-child(1) .about-culture__bottom__card__bg {
    background-color: var(--color-secondary);
  }
  .p-about .about-culture__bottom__card:nth-child(1) .about-culture__bottom__card__text {
    width: 30.75rem;
  }
  .p-about .about-culture__bottom__card:nth-child(1) .about-culture__bottom__card__text ._card {
    margin-top: .875rem;
    width: 30rem;
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    color: var(--color-secondary-dark);
  }
  .p-about .about-culture__bottom__card:nth-child(1) .about-culture__bottom__card__text ._card .flex {
    width: max-content;
    align-items: flex-start;
    gap: calc(var(--spacing) * 5);
    padding-block: calc(var(--spacing) * 2);
  }
  .p-about .about-culture__bottom__card:nth-child(1) .about-culture__bottom__card__text ._card .flex:not(:first-child) {
    background-image: url('./assets/img/dotted-line_pink.svg');
    background-size: auto .125rem;
    background-repeat: repeat-x;
  }
  .p-about .about-culture__bottom__card:nth-child(1) .about-culture__bottom__card__text ._card .flex div {
    width: 6.625rem;
    border-radius: var(--radius-lg);
    background-color: var(--color-secondary);
    padding-inline: calc(var(--spacing) * 1);
    padding-block: calc(var(--spacing) * 2);
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-white);
  }
  .p-about .about-culture__bottom__card:nth-child(1) .about-culture__bottom__card__text ._card .flex p {
    flex: 1;
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }
  .p-about .about-culture__bottom__card:nth-child(1) .about-culture__bottom__card__text .hv-bs {
    margin-top: 1.9375rem;
  }
  .p-about .about-culture__bottom__card:nth-child(1) .about-culture__bottom__card__text ._img {
    position: absolute;
    right: calc(9rem * -1);
    bottom: calc(2.6875rem * -1);
    width: 12rem;
  }
  .p-about .about-culture__bottom__card:nth-child(2) {
    gap: 9.0625rem;
    padding-block: 5.75rem;
    padding-left: 4rem;
    color: var(--color-primary-darker);
  }
  .p-about .about-culture__bottom__card:nth-child(2) ._outer-img {
    top: 18.8125rem;
    left: calc(50px * -1);
    width: 9.375rem;
    --tw-translate-x: -100%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
    --tw-scale-x: calc(100% * -1);
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
  .p-about .about-culture__bottom__card:nth-child(2) ._outer-img img {
    animation: toktik 1s .5s steps(2) infinite;
  }
  .p-about .about-culture__bottom__card:nth-child(2) .about-culture__bottom__card__bg {
    background-color: var(--color-primary);
  }
  .p-about .about-culture__bottom__card:nth-child(2) .about-culture__bottom__card__text {
    width: 28.3125rem;
  }
  .p-about .about-culture__bottom__card:nth-child(2) .about-culture__bottom__card__text .hv-bs {
    margin-top: 3.375rem;
    --init-bg: var(--color-secondary);
    --hover-color: var(--color-secondary);
  }
  .p-about .about-culture__bottom__card:nth-child(2) .about-culture__bottom__card__text ._img {
    position: absolute;
    right: calc(6.9375rem * -1);
    bottom: calc(6.625rem * -1);
    width: 9.875rem;
  }
  .p-about .about-culture__bottom__card:nth-child(3) {
    padding-block: 4.875rem 5.0625rem;
    padding-right: .375rem;
    color: var(--color-tertiary-darker);
  }
  .p-about .about-culture__bottom__card:nth-child(3) ._outer-img {
    top: 17.0625rem;
    right: calc(5.1875rem * -1);
    width: 8.3125rem;
    --tw-translate-x: 100%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
    --tw-scale-x: calc(100% * -1);
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
  .p-about .about-culture__bottom__card:nth-child(3) ._outer-img img {
    animation: tiktok 1s .5s steps(2) infinite;
  }
  .p-about .about-culture__bottom__card:nth-child(3) .about-culture__bottom__card__bg {
    background-color: var(--color-tertiary);
  }
  .p-about .about-culture__bottom__card:nth-child(3) .about-culture__bottom__card__bg ._ribbon {
    fill: var(--color-primary);
  }
  .p-about .about-culture__bottom__card:nth-child(3) .about-culture__bottom__card__text {
    width: 28.3125rem;
  }
  .p-about .about-culture__bottom__card:nth-child(3) .about-culture__bottom__card__text .hv-bs {
    margin-top: 1.9375rem;
  }
  .p-about .about-culture__bottom__card:nth-child(3) .about-culture__bottom__card__text ._img {
    position: absolute;
    right: calc(10.9375rem * -1);
    bottom: calc(6.5625rem * -1);
    width: 12.8125rem;
  }
  @media (width < 48rem) {
    .p-about .about-culture {
      margin-top: calc(var(--spacing) * -2);
      padding-top: calc(var(--spacing) * 0);
      padding-bottom: 6.5625rem;
    }
    .p-about .about-culture .about-culture__top {
      margin-top: 1.8125rem;
    }
    .p-about .about-culture .about-culture__top__title {
      margin-right: 1.8125rem;
      width: 14.25rem;
      --tw-translate-x: calc(var(--spacing) * 0);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .p-about .about-culture .about-culture__top__img {
      top: calc(var(--spacing) * -2.25);
      left: calc(var(--spacing) * -2.25);
      width: 9.6875rem;
      --tw-translate-x: calc(var(--spacing) * 0);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .p-about .about-culture .about-culture__top p {
      margin-top: 1.8125rem;
      padding-inline: 1.625rem 1.25rem;
      font-size: var(--text-lg);
      line-height: var(--tw-leading, var(--text-lg--line-height));
    }
    .p-about .about-culture .about-culture__figure {
      margin-top: .8125rem;
      height: 8.5rem;
      animation-duration: 30s;
    }
    .p-about .about-culture .about-culture__figure__img {
      top: calc(var(--spacing) * 4);
      left: calc(50% - .375rem);
      --tw-translate-x: calc(calc(1/2 * 100%) * -1);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .p-about .about-culture .about-culture__figure__img > div:nth-child(1) {
      margin-top: calc(var(--spacing) * 0.25);
      width: 4.25rem;
    }
    .p-about .about-culture .about-culture__figure__img > div:nth-child(2) {
      margin-left: calc(var(--spacing) * 4);
      width: 4.375rem;
    }
    .p-about .about-culture .about-culture__figure__img > div:nth-child(3) {
      margin-top: calc(var(--spacing) * 0.25);
      margin-left: calc(var(--spacing) * 4);
      width: 3.375rem;
    }
    .p-about .about-culture .about-culture__figure__img > div:nth-child(4) {
      margin-top: calc(var(--spacing) * 0.25);
      margin-left: calc(var(--spacing) * 4);
      width: 4.125rem;
    }
    .p-about .about-culture .about-culture__bottom {
      padding-top: 1.5rem;
    }
    .p-about .about-culture .about-culture__bottom__card {
      display: block;
      border-radius: var(--radius-lg);
      padding-inline: 1.9375rem;
      padding-top: 3.625rem;
      padding-bottom: calc(var(--spacing) * 12);
    }
    .p-about .about-culture .about-culture__bottom__card ._outer-img {
      display: none;
    }
    .p-about .about-culture .about-culture__bottom__card__bg {
      border-radius: var(--radius-lg);
    }
    .p-about .about-culture .about-culture__bottom__card__bg ._ribbon {
      top: calc(var(--spacing) * -1);
      left: calc(1/2 * 100%);
      width: 2.3125rem;
      --tw-translate-x: calc(calc(1/2 * 100%) * -1);
      translate: var(--tw-translate-x) var(--tw-translate-y);
      --tw-translate-y: calc(calc(1/2 * 100%) * -1);
      translate: var(--tw-translate-x) var(--tw-translate-y);
      rotate: 0deg;
    }
    .p-about .about-culture .about-culture__bottom__card__img {
      width: 100%;
    }
    .p-about .about-culture .about-culture__bottom__card__text {
      margin-top: calc(var(--spacing) * 6);
      width: 100% !important;
    }
    .p-about .about-culture .about-culture__bottom__card__text h4 {
      padding: calc(var(--spacing) * 1);
      font-size: 1.5rem;
      --tw-leading: 1;
      line-height: 1;
    }
    .p-about .about-culture .about-culture__bottom__card__text p.wrap-text-perline {
      width: calc(100% + .375rem);
    }
    .p-about .about-culture .about-culture__bottom__card__text ._card {
      border-radius: .6506rem;
      padding: 1.25rem .75rem 1.25rem .9375rem;
    }
    .p-about .about-culture .about-culture__bottom__card__text .hv-bs {
      margin-top: calc(var(--spacing) * 12) !important;
      width: max-content;
      gap: calc(var(--spacing) * 1);
    }
    .p-about .about-culture .about-culture__bottom__card__text .hv-bs ._icon {
      height: 1.6875rem;
      width: 1.6875rem;
    }
    .p-about .about-culture .about-culture__bottom__card__text .hv-bs ._icon svg {
      width: calc(var(--spacing) * 2.5);
    }
    .p-about .about-culture .about-culture__bottom__card:nth-child(1) .about-culture__bottom__card__text ._card {
      margin-top: calc(var(--spacing) * 12);
    }
    .p-about .about-culture .about-culture__bottom__card:nth-child(1) .about-culture__bottom__card__text ._card .flex {
      width: 100%;
      flex-direction: column;
      gap: calc(var(--spacing) * 2);
      padding-block: calc(var(--spacing) * 0);
    }
    .p-about .about-culture .about-culture__bottom__card:nth-child(1) .about-culture__bottom__card__text ._card .flex div {
      width: 100%;
      border-radius: .2169rem;
      padding-inline: calc(var(--spacing) * 3);
      padding-block: .375rem;
    }
    .p-about .about-culture .about-culture__bottom__card:nth-child(1) .about-culture__bottom__card__text ._card .flex p {
      width: max-content;
      --tw-leading: 1.5;
      line-height: 1.5;
    }
    .p-about .about-culture .about-culture__bottom__card:nth-child(1) .about-culture__bottom__card__text ._card .flex:not(:first-child) {
      margin-top: calc(var(--spacing) * 2.5);
      background-size: auto .0625rem;
      padding-top: calc(var(--spacing) * 2.5);
    }
    .p-about .about-culture .about-culture__bottom__card:nth-child(1) .about-culture__bottom__card__text ._img {
      right: calc(1.3125rem * -1);
      bottom: calc(4.3125rem * -1);
      width: 5.125rem;
    }
    .p-about .about-culture .about-culture__bottom__card:nth-child(2) {
      padding-bottom: 4.5rem;
    }
    .p-about .about-culture .about-culture__bottom__card:nth-child(2) .about-culture__bottom__card__text ._img {
      right: calc(1.4375rem * -1);
      bottom: calc(7.375rem * -1);
      width: 5.1875rem;
    }
    .p-about .about-culture .about-culture__bottom__card:nth-child(3) {
      padding-bottom: 4.5rem;
    }
    .p-about .about-culture .about-culture__bottom__card:nth-child(3) .about-culture__bottom__card__text p {
      width: calc(100% + .625rem);
    }
    .p-about .about-culture .about-culture__bottom__card:nth-child(3) .about-culture__bottom__card__text ._img {
      right: calc(2.1875rem * -1);
      bottom: calc(10.875rem * -1);
      width: 6.4375rem;
    }
  }
  .p-about .about-message {
    background-color: var(--color-tertiary-lighter);
    padding-block: 5.0625rem 4.6875rem;
  }
  .p-about .about-message__cards {
    display: flex;
    justify-content: space-between;
  }
  .p-about .about-message__cards .sc-title {
    text-align: center;
  }
  .p-about .about-message__cards .sc-title h5 {
    margin-bottom: calc(var(--spacing) * 14);
  }
  .p-about .about-message__cards .sc-title h5 span {
    border-color: var(--color-primary) !important;
    background-color: transparent !important;
    color: var(--color-primary) !important;
  }
  .p-about .about-message__card-illust {
    position: absolute;
    top: calc(var(--spacing) * 0);
    right: calc(var(--spacing) * 0);
  }
  .p-about .about-message__card {
    position: relative;
    width: 42.125rem;
    border-radius: 1.5rem;
    background-color: var(--color-primary);
    padding-inline: 1.375rem 1.6875rem;
    padding-block: 1.75rem 1.625rem;
    color: var(--color-white);
  }
  .p-about .about-message__card__thumb {
    overflow: hidden;
    border-radius: 1.5rem;
  }
  .p-about .about-message__card__body {
    margin-top: 1.625rem;
    padding-inline: 2.125rem 1.125rem;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: #244700;
  }
  .p-about .about-message__card__body p {
    --tw-leading: 1.7;
    line-height: 1.7;
  }
  @media (width >= 48rem) {
    .p-about .about-message__card__body p {
      font-size: var(--text-upbase);
    }
  }
  .p-about .about-message__card__body div {
    margin-top: .8125rem;
    text-align: right;
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
  }
  .p-about .about-message li {
    position: relative;
  }
  .p-about .about-message li:nth-child(1) .about-message__card-illust {
    top: calc(1.5625rem * -1);
    left: calc(var(--spacing) * 0);
    width: 9.6875rem;
  }
  .p-about .about-message li:nth-child(2) .about-message__card-illust {
    top: .8125rem;
    right: .875rem;
    width: 8.625rem;
  }
  .p-about .about-message li:nth-child(2) .about-message__card__body div {
    margin-top: calc(var(--spacing) * 11);
  }
  @media (width < 48rem) {
    .p-about .about-message {
      padding-block: calc(var(--spacing) * 20);
    }
    .p-about .about-message__cards {
      flex-direction: column;
      gap: calc(var(--spacing) * 16);
    }
    .p-about .about-message__cards .sc-title h5 {
      margin-bottom: calc(var(--spacing) * 10);
    }
    .p-about .about-message__card {
      width: 100%;
      padding: 1.9375rem;
      padding-top: calc(var(--spacing) * 6);
    }
    .p-about .about-message__card__thumb img {
      height: 100%;
      width: 100%;
      object-fit: cover;
    }
    .p-about .about-message__card__body {
      margin-top: calc(var(--spacing) * 6);
      display: flex;
      flex-direction: column-reverse;
      padding-inline: calc(var(--spacing) * 0);
    }
    .p-about .about-message__card__body div {
      margin-top: calc(var(--spacing) * 0) !important;
      margin-bottom: calc(var(--spacing) * 6);
      text-align: left;
    }
    .p-about .about-message__card__body p {
      max-height: 15.1875rem;
      overflow: hidden;
      transition-property: all;
      transition-timing-function: var(--tw-ease, ease);
      transition-duration: var(--tw-duration, 0s);
      --tw-duration: 300ms;
      transition-duration: 300ms;
      --tw-ease: var(--ease-out);
      transition-timing-function: var(--ease-out);
    }
    .p-about .about-message__card__body .animate-perline._expanded p {
      max-height: 37.5rem;
    }
    .p-about .about-message li:nth-child(1) .about-message__card-illust {
      top: 1.1875rem;
      left: calc(.6875rem * -1);
      width: 4.4375rem;
    }
    .p-about .about-message li:nth-child(2) .about-message__card-illust {
      top: 1.4375rem;
      right: calc(var(--spacing) * -1);
      width: 4.4375rem;
    }
    .p-about .about-message li:nth-child(2) .about-message__card__body div {
      margin-top: .9375rem !important;
    }
  }
  .p-about .about-philosophy .line-01, .p-about .about-philosophy .line-02 {
    pointer-events: none;
    position: absolute;
    z-index: 10;
    height: calc(var(--spacing) * 33.5);
    width: calc(var(--spacing) * 111.75);
    -webkit-user-select: none;
    user-select: none;
  }
  .p-about .about-philosophy .line-01 .line:nth-child(1), .p-about .about-philosophy .line-02 .line:nth-child(1) {
    top: calc(var(--spacing) * 0);
    right: calc(var(--spacing) * 0);
  }
  .p-about .about-philosophy .line-01 .line:nth-child(1) img, .p-about .about-philosophy .line-02 .line:nth-child(1) img {
    animation-duration: 1.3s;
    animation-delay: 1s;
  }
  .p-about .about-philosophy .line-01 .line:nth-child(2), .p-about .about-philosophy .line-02 .line:nth-child(2) {
    top: calc(var(--spacing) * 7.5);
    right: calc(var(--spacing) * 40.75);
  }
  .p-about .about-philosophy .line-01 .line:nth-child(2) img, .p-about .about-philosophy .line-02 .line:nth-child(2) img {
    animation-duration: 1.9s;
    animation-delay: 0.2s;
  }
  .p-about .about-philosophy .line-01 .line:nth-child(3), .p-about .about-philosophy .line-02 .line:nth-child(3) {
    bottom: calc(var(--spacing) * 7.5);
    left: calc(var(--spacing) * 41);
  }
  .p-about .about-philosophy .line-01 .line:nth-child(3) img, .p-about .about-philosophy .line-02 .line:nth-child(3) img {
    animation-duration: 3s;
    animation-delay: 1.5s;
  }
  .p-about .about-philosophy .line-01 .line:nth-child(4), .p-about .about-philosophy .line-02 .line:nth-child(4) {
    bottom: calc(var(--spacing) * 0);
    left: calc(var(--spacing) * 0);
  }
  .p-about .about-philosophy .line-01 .line:nth-child(4) img, .p-about .about-philosophy .line-02 .line:nth-child(4) img {
    animation-duration: 2.8s;
    animation-delay: 1.5s;
  }
  .p-about .about-philosophy .line-01 {
    top: calc(var(--spacing) * 65.5);
    right: calc(var(--spacing) * 71.5);
  }
  .p-about .about-philosophy .line-02 {
    top: calc(var(--spacing) * 191.5);
    left: calc(var(--spacing) * 65.5);
  }
  .p-about .about-philosophy .box {
    background-color: var(--color-primary);
    color: var(--color-white);
  }
  .p-about .about-philosophy .box .bg-grid {
    padding-top: 7rem;
    padding-bottom: 5.4375rem;
  }
  .p-about .about-philosophy__content__head {
    position: relative;
    margin-inline: auto;
    width: max-content;
  }
  .p-about .about-philosophy__content__head p {
    font-size: 1.5rem;
    --tw-leading: 1.6;
    line-height: 1.6;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }
  .p-about .about-philosophy__content__head img {
    position: absolute;
    top: calc(2.0625rem * -1);
    right: calc(var(--spacing) * -2);
    width: 9.375rem;
    --tw-translate-x: 100%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .p-about .about-philosophy__content__card {
    position: relative;
    margin-inline: auto;
    margin-top: 1.6875rem;
    display: block;
    width: 41.6875rem;
    transform-origin: bottom;
    border-radius: .8125rem;
    background-color: var(--color-secondary);
    padding: 2.3125rem 3.375rem 2.4375rem 5.0625rem;
  }
  .p-about .about-philosophy__content__card::before {
    position: absolute;
    top: 1.6875rem;
    left: 1.1875rem;
    height: calc(100% - 2.3125rem);
    width: .9375rem;
    border-radius: var(--radius-2xl);
    background-color: #D9D9D9;
    --tw-content: '';
    content: var(--tw-content);
  }
  .p-about .about-philosophy__content__card > picture:first-child {
    position: absolute;
    top: calc(var(--spacing) * 1.75);
    left: calc(var(--spacing) * 5);
    width: 39.9375rem;
  }
  .p-about .about-philosophy__content__card > picture:last-child {
    position: absolute;
    top: calc(1/2 * 100%);
    left: calc(2.375rem * -1);
    width: 9.375rem;
    --tw-translate-x: -100%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
    --tw-translate-y: calc(calc(1/2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .p-about .about-philosophy__content__card > img {
    margin-top: 0.8125rem;
    border-radius: var(--radius-lg);
  }
  .p-about .about-philosophy__content__card p {
    margin-top: calc(var(--spacing) * 5);
    --tw-leading: 1.7;
    line-height: 1.7;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }
  @media (width >= 48rem) {
    .p-about .about-philosophy__content__card p {
      font-size: var(--text-upbase);
    }
  }
  .p-about .about-philosophy__content__card .pseudo-bs {
    margin-top: calc(var(--spacing) * 5);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: calc(var(--spacing) * 2);
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }
  @media (width >= 48rem) {
    .p-about .about-philosophy__content__card .pseudo-bs {
      font-size: var(--text-upbase);
    }
  }
  .p-about .about-philosophy__content__card .pseudo-bs ._icon {
    display: grid;
    height: 3.25rem;
    width: 3.25rem;
    place-content: center;
    border-radius: calc(infinity * 1px);
  }
  .p-about .about-philosophy__content__card .pseudo-bs ._icon svg {
    width: calc(var(--spacing) * 5);
  }
  @media (width < 48rem) {
    .p-about .about-philosophy .line-01, .p-about .about-philosophy .line-02 {
      display: none;
    }
    .p-about .about-philosophy .box .bg-grid {
      padding-top: calc(var(--spacing) * 20);
      padding-bottom: 6.125rem;
    }
    .p-about .about-philosophy__content__head {
      width: 100%;
      padding-inline: 1.125rem 1.1875rem;
    }
    .p-about .about-philosophy__content__head p {
      width: 100%;
      font-size: var(--text-lg);
      line-height: var(--tw-leading, var(--text-lg--line-height));
      --tw-leading: 1.8;
      line-height: 1.8;
    }
    .p-about .about-philosophy__content__head img {
      top: auto;
      right: 1.1875rem;
      bottom: calc(var(--spacing) * -14.5);
      width: calc(var(--spacing) * 21);
      --tw-translate-x: calc(var(--spacing) * 0);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .p-about .about-philosophy__content__card {
      margin-inline: 1.125rem 1.375rem;
      margin-top: 28px;
      width: calc(100% - 2.5rem);
      border-radius: .4081rem;
      padding: 1.1875rem 1.6875rem 1.3125rem 2.5625rem;
    }
    .p-about .about-philosophy__content__card::before {
      top: .8125rem;
      left: .5625rem;
      height: calc(100% - 1.375rem);
      width: .4375rem;
    }
    .p-about .about-philosophy__content__card > img {
      margin-top: .4375rem;
      border-radius: .25rem;
    }
    .p-about .about-philosophy__content__card > picture:first-child {
      top: .1875rem;
      left: .6875rem;
      width: 20rem;
    }
    .p-about .about-philosophy__content__card > picture:last-child {
      top: auto;
      bottom: .875rem;
      left: calc(var(--spacing) * 0.5);
      width: 5.9375rem;
      --tw-translate-x: calc(var(--spacing) * 0);
      translate: var(--tw-translate-x) var(--tw-translate-y);
      --tw-translate-y: 100%;
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .p-about .about-philosophy__content__card .pseudo-bs {
      margin-top: calc(var(--spacing) * 6);
      justify-content: flex-start;
      gap: calc(var(--spacing) * 1);
    }
    .p-about .about-philosophy__content__card .pseudo-bs ._icon {
      height: 1.6875rem;
      width: 1.6875rem;
    }
    .p-about .about-philosophy__content__card .pseudo-bs ._icon svg {
      width: calc(var(--spacing) * 2.5);
    }
  }
  .p-about .about-vision {
    padding-top: 4.6875rem;
  }
  .p-about .about-vision .about-vision__box {
    position: relative;
    z-index: 10;
    border-radius: 1.5rem;
    background-color: var(--color-primary-lightest);
    padding-block: 4.6875rem 3.5625rem;
    color: var(--color-primary-dark);
  }
  .p-about .about-vision .about-vision__box h2 img {
    margin-inline: auto;
    width: 21.0625rem;
  }
  .p-about .about-vision .about-vision__box .sc-title {
    margin-top: calc(var(--spacing) * 1);
    text-align: center;
  }
  .p-about .about-vision .about-vision__box .sc-title h5 span {
    height: 1.8125rem !important;
    width: 1.8125rem !important;
    border-color: var(--color-primary-dark) !important;
    background-color: transparent !important;
    font-size: 1.5rem !important;
    color: var(--color-primary-dark) !important;
  }
  .p-about .about-vision .about-vision__box__main-text {
    margin-top: calc(var(--spacing) * 5);
    text-align: center;
    font-size: 1.5rem;
    --tw-leading: 1.3;
    line-height: 1.3;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    --tw-tracking: calc(.1em * -1);
    letter-spacing: calc(.1em * -1);
    font-style: italic;
  }
  .p-about .about-vision .about-vision__box__main-text p {
    position: relative;
    z-index: 10;
  }
  .p-about .about-vision .about-vision__box__main-text span {
    position: relative;
    z-index: calc(1 * -1);
    color: var(--color-white);
  }
  .p-about .about-vision .about-vision__box__main-text span::before {
    position: absolute;
    top: calc(var(--spacing) * 0);
    left: calc(var(--spacing) * 1);
    z-index: calc(1 * -1);
    height: 100%;
    width: 100%;
    --tw-content: '';
    content: var(--tw-content);
  }
  .p-about .about-vision .about-vision__box__main-text span:nth-child(1)::before {
    background-color: var(--color-secondary);
  }
  .p-about .about-vision .about-vision__box__main-text span:nth-child(2)::before {
    background-color: var(--color-primary);
  }
  .p-about .about-vision .about-vision__box__main-text span:nth-child(3)::before {
    background-color: var(--color-tertiary);
  }
  .p-about .about-vision .about-vision__box__main-text p:nth-child(2) {
    margin-top: calc(var(--spacing) * 3);
  }
  .p-about .about-vision .about-vision__box__sub-text {
    position: relative;
    margin-inline: auto;
    margin-top: 1.5rem;
    width: 33.625rem;
  }
  .p-about .about-vision .about-vision__box__sub-text p {
    --tw-leading: 1.7;
    line-height: 1.7;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }
  @media (width >= 48rem) {
    .p-about .about-vision .about-vision__box__sub-text p {
      font-size: var(--text-upbase);
    }
  }
  .p-about .about-vision .about-vision__box__sub-text ._group-content img {
    position: absolute;
  }
  .p-about .about-vision .about-vision__box__sub-text ._group-content > img {
    top: calc(9.5625rem * -1);
    left: calc(4.75rem * -1);
    width: 12.6875rem;
    --tw-translate-x: -100%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .p-about .about-vision .about-vision__box__sub-text ._group-content ._group-img {
    position: absolute;
    top: calc(9.875rem * -1);
    right: calc(3.875rem * -1);
    height: 17.5625rem;
    width: 18.6875rem;
    --tw-translate-x: 100%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .p-about .about-vision .about-vision__box__sub-text ._group-content ._group-img img {
    border-radius: var(--radius-lg);
  }
  .p-about .about-vision .about-vision__box__sub-text ._group-content ._group-img img:nth-child(1) {
    bottom: calc(var(--spacing) * 0);
    left: calc(var(--spacing) * 0);
    width: 6.875rem;
  }
  .p-about .about-vision .about-vision__box__sub-text ._group-content ._group-img img:nth-child(2) {
    top: calc(var(--spacing) * 0);
    right: calc(var(--spacing) * 0);
    width: 10.0625rem;
  }
  .p-about .about-vision__bg {
    margin-top: calc(26.25rem * -1);
    padding-inline: calc(var(--spacing) * 25);
  }
  .p-about .about-vision__bg img {
    border-radius: 1.5rem;
  }
  @media (width < 48rem) {
    .p-about .about-vision {
      padding-top: calc(var(--spacing) * 20);
    }
    .p-about .about-vision .about-vision__box {
      padding-block: calc(var(--spacing) * 20);
    }
    .p-about .about-vision .about-vision__box h2 img {
      width: 14.625rem;
    }
    .p-about .about-vision .about-vision__box .sc-title {
      margin-top: 2.125rem;
    }
    .p-about .about-vision .about-vision__box__main-text {
      margin-top: calc(var(--spacing) * 8);
      padding-inline: calc(var(--spacing) * 3);
      font-size: 1.1725rem;
      --tw-leading: 1.8;
      line-height: 1.8;
    }
    .p-about .about-vision .about-vision__box__main-text p:nth-child(2) {
      margin-top: calc(var(--spacing) * 0.5);
    }
    .p-about .about-vision .about-vision__box__sub-text {
      width: 100%;
      font-size: var(--text-lg);
      line-height: var(--tw-leading, var(--text-lg--line-height));
    }
    .p-about .about-vision .about-vision__box__sub-text p {
      --tw-leading: 1.8;
      line-height: 1.8;
    }
    .p-about .about-vision .about-vision__box__sub-text ._group-content {
      display: block;
    }
    .p-about .about-vision .about-vision__box__sub-text > p > img, .p-about .about-vision .about-vision__box__sub-text .animate-perline > img, .p-about .about-vision .about-vision__box__sub-text ._group-content > img {
      position: relative;
      top: calc(var(--spacing) * 0);
      left: calc(var(--spacing) * 0);
      --tw-translate-x: calc(var(--spacing) * 0);
      --tw-translate-y: calc(var(--spacing) * 0);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .p-about .about-vision .about-vision__box__sub-text > p:nth-child(1), .p-about .about-vision .about-vision__box__sub-text .animate-perline:nth-child(1), .p-about .about-vision .about-vision__box__sub-text ._group-content:nth-child(1) {
      padding-inline: calc(var(--spacing) * 3);
    }
    .p-about .about-vision .about-vision__box__sub-text > p:nth-child(2), .p-about .about-vision .about-vision__box__sub-text .animate-perline:nth-child(2), .p-about .about-vision .about-vision__box__sub-text ._group-content:nth-child(2) {
      margin-top: 1.6875rem;
      gap: calc(var(--spacing) * 2);
      padding-inline: calc(var(--spacing) * 1);
    }
    .p-about .about-vision .about-vision__box__sub-text > p:nth-child(2) > p, .p-about .about-vision .about-vision__box__sub-text > p:nth-child(2) > .animate-perline, .p-about .about-vision .about-vision__box__sub-text .animate-perline:nth-child(2) > p, .p-about .about-vision .about-vision__box__sub-text .animate-perline:nth-child(2) > .animate-perline, .p-about .about-vision .about-vision__box__sub-text ._group-content:nth-child(2) > p, .p-about .about-vision .about-vision__box__sub-text ._group-content:nth-child(2) > .animate-perline {
      flex: 1;
    }
    .p-about .about-vision .about-vision__box__sub-text > p:nth-child(2) > img, .p-about .about-vision .about-vision__box__sub-text .animate-perline:nth-child(2) > img, .p-about .about-vision .about-vision__box__sub-text ._group-content:nth-child(2) > img {
      width: 6.9375rem;
      --tw-translate-y: calc(.5625rem * -1);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .p-about .about-vision .about-vision__box__sub-text > p:nth-child(3), .p-about .about-vision .about-vision__box__sub-text .animate-perline:nth-child(3), .p-about .about-vision .about-vision__box__sub-text ._group-content:nth-child(3) {
      margin-top: 2.25rem;
      flex-direction: row-reverse;
      gap: calc(var(--spacing) * 1.5);
      padding-inline: calc(var(--spacing) * 1.25);
    }
    .p-about .about-vision .about-vision__box__sub-text > p:nth-child(3) > p, .p-about .about-vision .about-vision__box__sub-text > p:nth-child(3) > .animate-perline, .p-about .about-vision .about-vision__box__sub-text .animate-perline:nth-child(3) > p, .p-about .about-vision .about-vision__box__sub-text .animate-perline:nth-child(3) > .animate-perline, .p-about .about-vision .about-vision__box__sub-text ._group-content:nth-child(3) > p, .p-about .about-vision .about-vision__box__sub-text ._group-content:nth-child(3) > .animate-perline {
      flex: 1;
    }
    .p-about .about-vision .about-vision__box__sub-text > p:nth-child(3) ._group-img, .p-about .about-vision .about-vision__box__sub-text .animate-perline:nth-child(3) ._group-img, .p-about .about-vision .about-vision__box__sub-text ._group-content:nth-child(3) ._group-img {
      position: relative;
      top: calc(var(--spacing) * 0);
      right: calc(var(--spacing) * 0);
      margin-top: calc(var(--spacing) * 1.25);
      height: 13.75rem !important;
      width: 6.75rem !important;
      --tw-translate-x: calc(var(--spacing) * 0);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .p-about .about-vision .about-vision__box__sub-text > p:nth-child(3) ._group-img img:nth-child(1), .p-about .about-vision .about-vision__box__sub-text .animate-perline:nth-child(3) ._group-img img:nth-child(1), .p-about .about-vision .about-vision__box__sub-text ._group-content:nth-child(3) ._group-img img:nth-child(1) {
      width: 4.625rem;
    }
  }
  @media (width < 48rem) {
    .p-history {
      overflow: hidden;
    }
  }
  .p-history section {
    position: relative;
  }
  @media (width < 48rem) {
    .p-history .history-top {
      overflow-x: hidden;
    }
  }
  .p-history .history-top .line-01, .p-history .history-top .line-02 {
    pointer-events: none;
    position: absolute;
    z-index: 10;
    height: calc(var(--spacing) * 33.5);
    width: calc(var(--spacing) * 111.75);
    -webkit-user-select: none;
    user-select: none;
  }
  .p-history .history-top .line-01 .line:nth-child(1), .p-history .history-top .line-02 .line:nth-child(1) {
    top: calc(var(--spacing) * 0);
    right: calc(var(--spacing) * 0);
  }
  .p-history .history-top .line-01 .line:nth-child(1) img, .p-history .history-top .line-02 .line:nth-child(1) img {
    animation-duration: 1.3s;
    animation-delay: 1s;
  }
  .p-history .history-top .line-01 .line:nth-child(2), .p-history .history-top .line-02 .line:nth-child(2) {
    top: calc(var(--spacing) * 7.5);
    right: calc(var(--spacing) * 40.75);
  }
  .p-history .history-top .line-01 .line:nth-child(2) img, .p-history .history-top .line-02 .line:nth-child(2) img {
    animation-duration: 1.9s;
    animation-delay: 0.2s;
  }
  .p-history .history-top .line-01 .line:nth-child(3), .p-history .history-top .line-02 .line:nth-child(3) {
    bottom: calc(var(--spacing) * 7.5);
    left: calc(var(--spacing) * 41);
  }
  .p-history .history-top .line-01 .line:nth-child(3) img, .p-history .history-top .line-02 .line:nth-child(3) img {
    animation-duration: 3s;
    animation-delay: 1.5s;
  }
  .p-history .history-top .line-01 .line:nth-child(4), .p-history .history-top .line-02 .line:nth-child(4) {
    bottom: calc(var(--spacing) * 0);
    left: calc(var(--spacing) * 0);
  }
  .p-history .history-top .line-01 .line:nth-child(4) img, .p-history .history-top .line-02 .line:nth-child(4) img {
    animation-duration: 2.8s;
    animation-delay: 1.5s;
  }
  .p-history .history-top .line-01 {
    top: calc(var(--spacing) * 96.5);
    right: calc(var(--spacing) * 7.5);
  }
  .p-history .history-top .line-02 {
    top: calc(var(--spacing) * 87.75);
    left: calc(var(--spacing) * 3);
  }
  .p-history .history-top .wrapper {
    min-height: calc(var(--spacing) * 169);
    padding-top: 6.6875rem;
    text-align: center;
  }
  @media (width >= 48rem) {
    .p-history .history-top .wrapper {
      min-height: calc(var(--spacing) * 258);
    }
  }
  .p-history .history-top .sc-title img {
    margin-inline: auto;
    margin-bottom: calc(var(--spacing) * 6);
    width: 9.375rem;
  }
  .p-history .history-top .history-banner {
    z-index: 10;
  }
  @media (width > 48rem) {
    .p-history .history-top .history-banner {
      margin-top: 8.375rem;
    }
    .p-history .history-top .history-banner__content .inner {
      padding-top: 10.125rem;
    }
    .p-history .history-top .history-banner__content .inner::before {
      height: 28.875rem;
      width: 21.8125rem;
    }
    .p-history .history-top .history-banner__content .inner p:nth-child(1) {
      margin-top: calc(var(--spacing) * -2);
      --tw-translate-x: calc(var(--spacing) * 2.5);
      translate: var(--tw-translate-x) var(--tw-translate-y);
      --tw-tracking: var(--tracking-normal);
      letter-spacing: var(--tracking-normal);
    }
    .p-history .history-top .history-banner__content .inner p:nth-child(2) {
      --tw-translate-x: calc(var(--spacing) * -6);
      translate: var(--tw-translate-x) var(--tw-translate-y);
      --tw-leading: 1;
      line-height: 1;
    }
    .p-history .history-top .history-banner__content .inner p:nth-child(2) span {
      font-size: 3.5rem;
    }
    .p-history .history-top .history-banner__content .inner p:nth-child(2) span:nth-child(1), .p-history .history-top .history-banner__content .inner p:nth-child(2) span:nth-child(2), .p-history .history-top .history-banner__content .inner p:nth-child(2) span:nth-child(3) {
      --tw-tracking: calc(.1em * -1);
      letter-spacing: calc(.1em * -1);
    }
    .p-history .history-top .history-banner__content .inner p:nth-child(2) span:nth-child(4), .p-history .history-top .history-banner__content .inner p:nth-child(2) span:nth-child(5) {
      --tw-tracking: calc(.17em * -1);
      letter-spacing: calc(.17em * -1);
    }
    .p-history .history-top .history-banner__content .inner p:nth-child(2) span:nth-child(6) {
      font-size: 1.6931rem;
    }
  }
  @media (width < 48rem) {
    .p-history .history-top .history-banner {
      margin-top: calc(var(--spacing) * 10);
    }
    .p-history .history-top .history-banner__content {
      aspect-ratio: unset;
      height: 14.6875rem;
    }
    .p-history .history-top .history-banner__content .animate-thumb-swipe {
      aspect-ratio: 335/218;
      height: auto;
      border-radius: calc(infinity * 1px);
    }
    .p-history .history-top .history-banner__content .inner {
      height: 14.4375rem;
      width: 10.875rem;
      --tw-translate-x: calc(var(--spacing) * -1);
      translate: var(--tw-translate-x) var(--tw-translate-y);
      padding-top: 4.625rem;
    }
    .p-history .history-top .history-banner__content .inner::before {
      top: calc(var(--spacing) * -1);
    }
    .p-history .history-top .history-banner__content .inner p:nth-child(1) {
      font-size: 1.0619rem;
      --tw-tracking: var(--tracking-normal);
      letter-spacing: var(--tracking-normal);
    }
    .p-history .history-top .history-banner__content .inner p:nth-child(2) {
      margin-top: calc(var(--spacing) * -1.75);
      margin-left: calc(.6875rem * -1);
      display: flex;
      width: 11.25rem;
      --tw-translate-x: calc(var(--spacing) * 0.5);
      translate: var(--tw-translate-x) var(--tw-translate-y);
      flex-wrap: wrap;
      align-items: baseline;
      justify-content: center;
    }
    .p-history .history-top .history-banner__content .inner p:nth-child(2) span {
      margin-top: calc(.875rem * -1);
      font-size: 2.2487rem;
    }
    .p-history .history-top .history-banner__content .inner p:nth-child(2) span:nth-child(1), .p-history .history-top .history-banner__content .inner p:nth-child(2) span:nth-child(2), .p-history .history-top .history-banner__content .inner p:nth-child(2) span:nth-child(3), .p-history .history-top .history-banner__content .inner p:nth-child(2) span:nth-child(4), .p-history .history-top .history-banner__content .inner p:nth-child(2) span:nth-child(5) {
      --tw-tracking: calc(.2em * -1);
      letter-spacing: calc(.2em * -1);
    }
    .p-history .history-top .history-banner__content .inner p:nth-child(2) span:nth-child(6) {
      font-size: 1.0881rem;
    }
    .p-history .history-top .history-banner__content .inner p:nth-child(2) span:nth-child(7), .p-history .history-top .history-banner__content .inner p:nth-child(2) span:nth-child(8) {
      --tw-tracking: calc(.05em * -1);
      letter-spacing: calc(.05em * -1);
    }
    .p-history .history-top .history-banner__content .inner p:nth-child(2) span:nth-child(1) {
      margin-left: 1.125rem;
    }
    .p-history .history-top .history-banner__man {
      bottom: 1.0625rem;
      left: .3125rem;
      width: 11.8125rem;
    }
    .p-history .history-top .history-banner__char {
      right: 2.25rem;
      bottom: calc(var(--spacing) * 0);
      width: 4.5rem;
    }
  }
  @media (width < 48rem) {
    .p-history .history-top .line-01, .p-history .history-top .line-02 {
      height: 4.375rem;
      width: 14.5625rem;
    }
    .p-history .history-top .line-01 {
      top: 15.6875rem;
      right: calc(3.25rem * -1);
    }
    .p-history .history-top .line-01 .line:nth-child(2) {
      top: 0.9375rem;
      right: 5.3125rem;
    }
    .p-history .history-top .line-01 .line:nth-child(3) {
      bottom: calc(var(--spacing) * 4);
      left: 5.3125rem;
    }
    .p-history .history-top .line-02 {
      display: none;
    }
    .p-history .history-top .wrapper {
      padding-top: 5.75rem;
    }
    .p-history .history-top .sc-title {
      margin-inline: auto;
      width: max-content;
      text-align: left;
    }
    .p-history .history-top .sc-title img {
      margin-bottom: calc(var(--spacing) * 1.75);
      width: 5.8125rem;
    }
  }
  .p-history .history-list {
    z-index: 10;
    padding-top: .5625rem;
  }
  .p-history .history-list ._dot {
    position: relative;
  }
  .p-history .history-list ._dot::after {
    position: absolute;
    top: calc(var(--spacing) * 0);
    left: 19.75rem;
    height: 2.25rem;
    width: 2.25rem;
    border-radius: calc(infinity * 1px);
    background-color: var(--color-primary);
    --tw-content: '';
    content: var(--tw-content);
  }
  .p-history .history-list .wrapper {
    position: relative;
    z-index: 0;
  }
  .p-history .history-list .wrapper > * {
    position: relative;
    z-index: 1;
  }
  .p-history .history-list .wrapper::before {
    position: absolute;
    top: calc(var(--spacing) * -16);
    left: 20.8125rem;
    z-index: 1;
    height: calc(100% + 4rem);
    width: calc(var(--spacing) * 0.5);
    background-color: var(--color-primary);
    --tw-content: '';
    content: var(--tw-content);
  }
  .p-history .history-list .wrapper._dot::after {
    top: calc(var(--spacing) * -16);
    --tw-translate-y: calc(calc(1/2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .p-history .history-list__figure {
    position: relative;
    z-index: 0 !important;
    margin-top: 3.5rem;
    margin-bottom: 4.5rem;
    height: 12.8125rem;
  }
  .p-history .history-list__figure__content {
    position: absolute;
    top: calc(var(--spacing) * 0);
    left: calc(1/2 * 100%);
    height: 100%;
    width: 100vw;
    --tw-translate-x: calc(calc(1/2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    background-image: url('./assets/img/marquee-armec.svg');
    background-size: auto 100%;
    background-repeat: repeat-x;
    background-position: 0 0;
    animation: marquee 15s linear infinite;
  }
  .p-history .history-list__figure__content img {
    position: absolute;
    top: calc(1.75rem * -1);
    left: calc(1/2 * 100%);
    width: 12.625rem;
    --tw-translate-x: calc(calc(1/2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    --tw-scale-x: calc(100% * -1);
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
  .p-history .history-list__flex {
    display: flex;
  }
  .p-history .history-list__left {
    flex: 1;
    padding-left: calc(var(--spacing) * 60);
  }
  .p-history .history-list__right {
    padding-top: calc(var(--spacing) * 6);
  }
  @media (width >= 48rem) {
    .p-history .history-list__right {
      width: 69.5625rem;
    }
  }
  .p-history .history-list__year {
    display: flex;
    align-items: center;
    background-color: var(--color-white);
    --tw-leading: 1;
    line-height: 1;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-primary-darker);
  }
  .p-history .history-list__year > div {
    display: flex;
    align-items: baseline;
  }
  .p-history .history-list__year > div p {
    font-size: 4.625rem !important;
  }
  .p-history .history-list__year > div p.non-year {
    font-size: 3.75rem !important;
  }
  .p-history .history-list__year > div > span {
    --tw-translate-y: calc(var(--spacing) * 2);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    font-size: 2.5rem;
  }
  .p-history .history-list__year > p {
    font-size: 3.8575rem;
  }
  .p-history .history-list__text {
    max-width: 45rem;
    color: var(--color-primary-dark);
  }
  .p-history .history-list__text h3 {
    margin-bottom: calc(var(--spacing) * 6);
    font-size: 2.5rem;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }
  .p-history .history-list__text p {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    --tw-leading: 1.8;
    line-height: 1.8;
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }
  @media (width >= 48rem) {
    .p-history .history-list__text p {
      font-size: var(--text-lg);
      line-height: var(--tw-leading, var(--text-lg--line-height));
    }
  }
  @media (width >= 48rem) {
    .p-history .history-list__text p {
      --tw-leading: 1.6;
      line-height: 1.6;
    }
  }
  .p-history .history-list__text .animate-btn {
    margin-top: calc(var(--spacing) * 5.5);
  }
  .p-history .history-list__img-text {
    background-color: var(--color-white);
  }
  .p-history .history-list__img-text p {
    padding-block: calc(var(--spacing) * 1.25);
    --tw-leading: 1.3;
    line-height: 1.3;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-primary-darker);
  }
  .p-history .history-list__slider .splide__slide {
    height: 100%;
    width: 100%;
    overflow: hidden;
  }
  .p-history .history-list__slider .splide__slide img {
    height: 100%;
    width: 100%;
    --tw-scale-x: 120%;
    --tw-scale-y: 120%;
    --tw-scale-z: 120%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
    object-fit: cover;
    transition-property: all;
    transition-timing-function: var(--tw-ease, ease);
    transition-duration: var(--tw-duration, 0s);
    --tw-duration: 4000ms;
    transition-duration: 4000ms;
    --tw-ease: var(--ease-out);
    transition-timing-function: var(--ease-out);
    will-change: scale;
  }
  .p-history .history-list__slider .splide__pagination {
    bottom: .8125rem !important;
    justify-content: flex-end !important;
    padding-inline: 1.125rem !important;
  }
  .p-history .history-list__slider .splide__pagination__page {
    margin: 0 .0625rem 0 .125rem !important;
    height: calc(var(--spacing) * 2.25) !important;
    width: calc(var(--spacing) * 2.25) !important;
    background-color: var(--color-white) !important;
    opacity: 100% !important;
  }
  .p-history .history-list__slider .splide__pagination__page.is-active {
    background-color: var(--color-primary-light) !important;
    transform: none !important;
  }
  .p-history .history-list__slider.aos-animate .splide__slide img {
    --tw-scale-x: 100%;
    --tw-scale-y: 100%;
    --tw-scale-z: 100%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
  .p-history .history-list__slider-text ._text {
    opacity: 0;
    transition: opacity 1s ease;
    position: absolute;
  }
  .p-history .history-list__slider-text ._text.active {
    opacity: 1;
  }
  .p-history .history-list__illust {
    position: absolute;
    z-index: 10;
  }
  .p-history .history-list__illust img {
    position: relative;
    z-index: 1;
  }
  .p-history .history-list__illust ._balloon {
    position: absolute;
    top: calc(var(--spacing) * 0);
    right: calc(var(--spacing) * 0);
    display: grid;
    height: 4.9375rem;
    width: 11.75rem;
    --tw-translate-x: 100%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
    place-content: center;
    border-radius: 12.5rem;
    background-color: var(--color-secondary-dark);
    font-size: 1.5rem;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-white);
  }
  .p-history .history-list__illust ._balloon ._arrow {
    pointer-events: none;
    position: absolute;
    bottom: calc(.5625rem * -1);
    left: calc(.125rem * -1);
    width: 3.75rem;
    rotate: 156.76deg;
    -webkit-user-select: none;
    user-select: none;
  }
  .p-history .history-list [class*='history-list__0']._dot::after, .p-history .history-list [class*='history-list__1']._dot::after {
    --tw-translate-y: -100%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .p-history .history-list__01 {
    padding-bottom: 7rem;
  }
  .p-history .history-list__02 {
    min-height: 39rem;
    padding-bottom: 3.8125rem;
  }
  .p-history .history-list__02 .history-list__text {
    max-width: 48.75rem;
  }
  .p-history .history-list__03 {
    padding-bottom: 9.1875rem;
  }
  .p-history .history-list__04 {
    padding-bottom: 9.25rem;
  }
  .p-history .history-list__05 {
    padding-bottom: 16.5625rem;
  }
  .p-history .history-list__06 {
    min-height: calc(var(--spacing) * 196);
    padding-bottom: 4.875rem;
  }
  .p-history .history-list__06 .history-list__text {
    max-width: 47.125rem;
  }
  .p-history .history-list__07 {
    padding-bottom: 8.375rem;
  }
  .p-history .history-list__07 .history-list__text {
    max-width: 47rem;
  }
  .p-history .history-list__08 {
    padding-bottom: 7.875rem;
  }
  .p-history .history-list__09 {
    padding-bottom: 7.875rem;
  }
  .p-history .history-list__10 {
    padding-bottom: 16.5625rem;
  }
  .p-history .history-list__11 {
    min-height: 37.375rem;
    padding-bottom: 7.875rem;
  }
  .p-history .history-list__12 {
    padding-bottom: 16.5625rem;
  }
  @media (width < 48rem) {
    .p-history .history-list {
      margin-top: calc(7.6875rem * -1);
      padding-top: calc(var(--spacing) * 0);
      padding-bottom: 6.5625rem;
    }
    .p-history .history-list ._dot::after {
      left: calc(var(--spacing) * 5);
      height: 1.375rem;
      width: 1.375rem;
    }
    .p-history .history-list .wrapper::before {
      top: calc(var(--spacing) * -10);
      left: 1.875rem;
      height: calc(100% + 2.5rem);
    }
    .p-history .history-list .wrapper._dot::after {
      top: calc(var(--spacing) * -9);
    }
    .p-history .history-list .history-list__figure {
      margin-top: 2rem;
      height: 8.5rem;
    }
    .p-history .history-list .history-list__figure__content img {
      top: calc(var(--spacing) * -0.5);
      width: 7.5rem;
    }
    .p-history .history-list .history-list__year {
      align-items: center;
      padding-bottom: calc(var(--spacing) * 1);
    }
    .p-history .history-list .history-list__year > div p {
      font-size: 2.5rem !important;
    }
    .p-history .history-list .history-list__year > div p.non-year {
      margin-top: calc(var(--spacing) * -0.5);
      font-size: 2.3125rem !important;
    }
    .p-history .history-list .history-list__year > div > span {
      --tw-translate-y: calc(var(--spacing) * 1);
      translate: var(--tw-translate-x) var(--tw-translate-y);
      font-size: 1.5rem;
    }
    .p-history .history-list .history-list__year > p {
      font-size: 2.5rem;
    }
    .p-history .history-list .history-list__slider .splide__pagination {
      bottom: .375rem !important;
      padding-inline: .4375rem !important;
    }
    .p-history .history-list .history-list__text {
      padding-inline: 3.75rem 1.375rem;
    }
    .p-history .history-list .history-list__text h3 {
      margin-bottom: calc(var(--spacing) * 8);
      font-size: 1.5rem;
      --tw-leading: 1.4;
      line-height: 1.4;
    }
    .p-history .history-list .history-list__text p {
      --tw-leading: 1.6;
      line-height: 1.6;
    }
    .p-history .history-list .history-list__text .animate-btn {
      margin-top: calc(var(--spacing) * 7.75);
    }
    .p-history .history-list .history-list__illust ._balloon {
      height: calc(var(--spacing) * 10);
      width: auto;
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
    }
    .p-history .history-list .history-list__illust ._balloon ._arrow {
      bottom: calc(.375rem * -1);
      width: 1.9375rem;
      rotate: 120deg;
    }
    .p-history .history-list .history-list__flex {
      flex-direction: column;
    }
    .p-history .history-list .history-list__left {
      padding-left: 1.125rem;
    }
    .p-history .history-list .history-list__01 {
      padding-bottom: 5.65rem;
    }
    .p-history .history-list .history-list__02 {
      padding-bottom: 6.0625rem;
    }
    .p-history .history-list .history-list__03 {
      padding-bottom: 6.5rem;
    }
    .p-history .history-list .history-list__04 {
      padding-bottom: 4.375rem;
    }
    .p-history .history-list .history-list__05 {
      padding-bottom: 5.5625rem;
    }
    .p-history .history-list .history-list__06 {
      padding-bottom: 4.1875rem;
    }
    .p-history .history-list .history-list__07 {
      padding-bottom: 5.3125rem;
    }
    .p-history .history-list .history-list__08 {
      padding-bottom: 6.375rem;
    }
    .p-history .history-list .history-list__09 {
      padding-bottom: 5.5625rem;
    }
    .p-history .history-list .history-list__10 {
      padding-bottom: 5.5625rem;
    }
    .p-history .history-list .history-list__11 {
      padding-bottom: 5.5625rem;
    }
    .p-history .history-list .history-list__12 {
      padding-bottom: calc(var(--spacing) * 0);
    }
  }
  .p-history .history-message__content {
    position: relative;
  }
  .p-history .history-message__content__abs-top {
    position: absolute;
    top: calc(4.375rem * -1);
    left: calc(1/2 * 100%);
    z-index: 10;
    width: 12.375rem;
    --tw-translate-x: calc(calc(1/2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .p-history .history-message__content__rect {
    margin-inline: auto;
    width: 90.125rem;
    border-radius: 25.25rem;
    border-style: var(--tw-border-style);
    border-width: 2.25rem;
    border-color: var(--color-primary-light);
    background-color: var(--color-primary);
    padding-inline: calc(var(--spacing) * 41);
    padding-top: 7.3125rem;
    padding-bottom: 5.3125rem;
    color: var(--color-white);
  }
  @media (width >= 48rem) {
    .p-history .history-message__content__rect {
      text-align: center;
    }
  }
  .p-history .history-message__content__rect p {
    font-size: 1.5rem;
    --tw-leading: 1.96;
    line-height: 1.96;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }
  @media (width < 48rem) {
    .p-history .history-message {
      padding-inline: calc(var(--spacing) * 5);
    }
    .p-history .history-message__content__abs-top {
      top: calc(var(--spacing) * -9);
      width: calc(var(--spacing) * 31);
    }
    .p-history .history-message__content__rect {
      width: 100%;
      border-radius: 7.5rem;
      border-style: var(--tw-border-style);
      border-width: 2rem;
      padding-inline: calc(var(--spacing) * 6);
      padding-top: calc(var(--spacing) * 25.5);
      padding-bottom: calc(var(--spacing) * 23);
    }
    .p-history .history-message__content__rect p {
      font-size: var(--text-lg);
      line-height: var(--tw-leading, var(--text-lg--line-height));
      --tw-leading: 1.8;
      line-height: 1.8;
    }
  }
  @media (width < 48rem) {
    .p-people {
      margin-bottom: calc(var(--spacing) * -11);
    }
  }
  @media (width < 48rem) {
    .p-people {
      overflow: hidden;
    }
  }
  .p-people section {
    position: relative;
  }
  @media (width < 48rem) {
    .p-people .people-top {
      overflow-x: hidden;
    }
  }
  .p-people .people-top .line-01, .p-people .people-top .line-02 {
    pointer-events: none;
    position: absolute;
    z-index: 10;
    height: calc(var(--spacing) * 33.5);
    width: calc(var(--spacing) * 111.75);
    -webkit-user-select: none;
    user-select: none;
  }
  .p-people .people-top .line-01 .line:nth-child(1), .p-people .people-top .line-02 .line:nth-child(1) {
    top: calc(var(--spacing) * 0);
    right: calc(var(--spacing) * 0);
  }
  .p-people .people-top .line-01 .line:nth-child(1) img, .p-people .people-top .line-02 .line:nth-child(1) img {
    animation-duration: 1.3s;
    animation-delay: 1s;
  }
  .p-people .people-top .line-01 .line:nth-child(2), .p-people .people-top .line-02 .line:nth-child(2) {
    top: calc(var(--spacing) * 7.5);
    right: calc(var(--spacing) * 40.75);
  }
  .p-people .people-top .line-01 .line:nth-child(2) img, .p-people .people-top .line-02 .line:nth-child(2) img {
    animation-duration: 1.9s;
    animation-delay: 0.2s;
  }
  .p-people .people-top .line-01 .line:nth-child(3), .p-people .people-top .line-02 .line:nth-child(3) {
    bottom: calc(var(--spacing) * 7.5);
    left: calc(var(--spacing) * 41);
  }
  .p-people .people-top .line-01 .line:nth-child(3) img, .p-people .people-top .line-02 .line:nth-child(3) img {
    animation-duration: 3s;
    animation-delay: 1.5s;
  }
  .p-people .people-top .line-01 .line:nth-child(4), .p-people .people-top .line-02 .line:nth-child(4) {
    bottom: calc(var(--spacing) * 0);
    left: calc(var(--spacing) * 0);
  }
  .p-people .people-top .line-01 .line:nth-child(4) img, .p-people .people-top .line-02 .line:nth-child(4) img {
    animation-duration: 2.8s;
    animation-delay: 1.5s;
  }
  .p-people .people-top .line-01 {
    top: calc(var(--spacing) * 96.5);
    right: calc(var(--spacing) * 7.5);
  }
  .p-people .people-top .line-02 {
    top: calc(var(--spacing) * 87.75);
    left: calc(var(--spacing) * 3);
  }
  .p-people .people-top .wrapper {
    min-height: calc(var(--spacing) * 159);
    padding-top: 6.6875rem;
    text-align: center;
  }
  @media (width >= 48rem) {
    .p-people .people-top .wrapper {
      min-height: calc(var(--spacing) * 127);
    }
  }
  .p-people .people-top .sc-title img {
    margin-inline: auto;
    margin-bottom: 2.1875rem;
    width: 13.1744rem;
  }
  @media (width < 48rem) {
    .p-people .people-top .line-01, .p-people .people-top .line-02 {
      height: 4.375rem;
      width: 14.5625rem;
    }
    .p-people .people-top .line-01 {
      top: 15.6875rem;
      right: calc(3.25rem * -1);
    }
    .p-people .people-top .line-01 .line:nth-child(2) {
      top: 0.9375rem;
      right: 5.3125rem;
    }
    .p-people .people-top .line-01 .line:nth-child(3) {
      bottom: calc(var(--spacing) * 4);
      left: 5.3125rem;
    }
    .p-people .people-top .line-02 {
      display: none;
    }
    .p-people .people-top .wrapper {
      padding-top: 5.75rem;
    }
    .p-people .people-top .sc-title {
      margin-inline: auto;
      width: max-content;
      text-align: left;
    }
    .p-people .people-top .sc-title img {
      margin-bottom: .9375rem;
      width: 7rem;
    }
  }
  .p-people .people-message {
    position: relative;
    z-index: 10;
    margin-top: calc(1.875rem * -1);
  }
  .p-people .people-message__box {
    border-radius: 1.5rem;
    background-color: var(--color-primary-lightest);
    padding-inline: calc(var(--spacing) * 17);
    padding-block: calc(var(--spacing) * 20);
  }
  .p-people .people-message__box .stripe {
    margin-bottom: calc(var(--spacing) * 4);
    --tw-translate-x: calc(4.3125rem * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .p-people .people-message__box > p {
    margin-bottom: calc(var(--spacing) * 8);
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-primary-dark);
  }
  .p-people .people-message__box__card {
    display: flex;
    justify-content: space-between;
    border-radius: 1.5rem;
    background-color: var(--color-white);
    padding-inline: calc(var(--spacing) * 10);
    padding-top: calc(var(--spacing) * 10);
    padding-bottom: calc(var(--spacing) * 8.5);
    color: var(--color-primary-dark);
  }
  .p-people .people-message__box__card__text .animate-fill-stroke:hover path, .p-people .people-message__box__card__text .animate-fill-stroke:hover circle, .p-people .people-message__box__card__text .animate-fill-stroke.animated path, .p-people .people-message__box__card__text .animate-fill-stroke.animated circle, .p-people .people-message__box__card__text .animate-fill-stroke.aos-animate path, .p-people .people-message__box__card__text .animate-fill-stroke.aos-animate circle {
    transition: stroke-dashoffset 1s .3s ease-out, fill .8s .8s !important;
  }
  .p-people .people-message__box__card__text ._badge {
    position: relative;
    display: grid;
    aspect-ratio: 1 / 1;
    width: 7.4375rem;
    place-content: center;
  }
  .p-people .people-message__box__card__text ._badge svg {
    position: absolute;
    top: calc(var(--spacing) * 0);
    left: calc(var(--spacing) * 0);
    height: 100%;
    width: 100%;
  }
  .p-people .people-message__box__card__text ._badge p {
    text-align: center;
    font-size: 1.875rem;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-primary);
  }
  .p-people .people-message__box__card__text > span {
    position: relative;
    margin-top: 1.0625rem;
    margin-bottom: .375rem;
    display: block;
    padding-left: 2.4375rem;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: #52A300;
  }
  .p-people .people-message__box__card__text > span::before {
    position: absolute;
    top: calc(1/2 * 100%);
    left: calc(var(--spacing) * 0);
    height: 1.75rem;
    width: 1.75rem;
    --tw-translate-y: calc(calc(1/2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style);
    border-width: 0.5rem;
    border-color: var(--color-primary);
    --tw-content: '';
    content: var(--tw-content);
  }
  .p-people .people-message__box__card__text h2 {
    position: relative;
    font-size: 1.5rem;
    --tw-leading: 2.45;
    line-height: 2.45;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }
  .p-people .people-message__box__card__text h2::before {
    position: absolute;
    bottom: calc(var(--spacing) * 0);
    left: calc(var(--spacing) * 0);
    height: .0625rem;
    width: 100%;
    --tw-scale-y: 50%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
    background-color: var(--color-primary);
    --tw-content: '';
    content: var(--tw-content);
  }
  .p-people .people-message__box__card__text > p, .p-people .people-message__box__card__text .wrap-text-perline {
    margin-top: calc(var(--spacing) * 4);
    --tw-leading: 1.5;
    line-height: 1.5;
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }
  .p-people .people-message__box__card__img {
    width: 46.6875rem;
    border-radius: 1.5rem;
  }
  @media (width < 48rem) {
    .p-people .people-message {
      margin-top: calc(21.4375rem * -1);
    }
    .p-people .people-message__box {
      border-radius: var(--radius-lg);
      padding-inline: 0.9375rem;
      padding-block: 3rem;
    }
    .p-people .people-message__box .stripe {
      --tw-translate-x: calc(0.9375rem * -1);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .p-people .people-message__box > p {
      margin-bottom: 1.375rem;
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
      --tw-leading: 1.6;
      line-height: 1.6;
    }
    .p-people .people-message__box__card {
      flex-direction: column;
      gap: calc(var(--spacing) * 6);
      border-radius: var(--radius-lg);
      padding: 1.4375rem 1.8125rem 3rem 1.875rem;
    }
    .p-people .people-message__box__card__text h2 {
      padding-top: calc(var(--spacing) * 2);
      padding-bottom: calc(var(--spacing) * 4);
      --tw-leading: 1.6;
      line-height: 1.6;
    }
    .p-people .people-message__box__card__text ._badge {
      margin-bottom: calc(1.625rem * -1);
      margin-left: auto;
      width: 5.875rem;
    }
    .p-people .people-message__box__card__text ._badge p {
      font-size: 1.4812rem;
    }
    .p-people .people-message__box__card__text > p, .p-people .people-message__box__card__text .wrap-text-perline {
      margin-top: calc(var(--spacing) * 6);
    }
    .p-people .people-message__box__card__text > span {
      margin-top: calc(var(--spacing) * 0);
      padding-left: 2.25rem;
    }
    .p-people .people-message__box__card__text > span::before {
      height: calc(var(--spacing) * 5);
      width: calc(var(--spacing) * 5);
      border-style: var(--tw-border-style);
      border-width: .375rem;
    }
  }
  .p-people .people-profile {
    padding-top: calc(var(--spacing) * 40);
  }
  .p-people .people-profile .sc-title {
    text-align: center;
  }
  .p-people .people-profile .sc-title h4 {
    font-size: 3rem !important;
    color: var(--color-primary) !important;
  }
  .p-people .people-profile .sc-title h4 span {
    height: 3.625rem !important;
    width: 3.625rem !important;
    border-color: var(--color-primary) !important;
    background-color: transparent !important;
  }
  .p-people .people-profile__slider {
    margin-top: 4.375rem;
  }
  .p-people .people-profile__slider .splide__slide {
    position: relative;
    width: 28.8125rem;
    padding-inline: calc(var(--spacing) * 1);
  }
  .p-people .people-profile__slider .splide__slide img {
    width: 100%;
    border-radius: var(--radius-lg);
    border-color: var(--color-primary);
  }
  .p-people .people-profile__slider .splide__slide.is-active {
    width: 46.1875rem;
  }
  .p-people .people-profile__slider .splide__slide.is-active img {
    border-style: var(--tw-border-style);
    border-width: .8125rem;
    border-color: var(--color-primary);
  }
  .p-people .people-profile__slider-illust {
    pointer-events: none !important;
    position: absolute;
    top: calc(1/2 * 100%);
    left: calc(1/2 * 100%);
    height: 100%;
    width: 46.1875rem;
    --tw-translate-x: calc(calc(1/2 * 100%) * -1);
    --tw-translate-y: calc(calc(1/2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    -webkit-user-select: none;
    user-select: none;
  }
  .p-people .people-profile__slider-illust img {
    position: absolute;
    --tw-scale-x: 80%;
    --tw-scale-y: 80%;
    --tw-scale-z: 80%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
    opacity: 0%;
    transition-property: all;
    transition-timing-function: var(--tw-ease, ease);
    transition-duration: var(--tw-duration, 0s);
    --tw-duration: 300ms;
    transition-duration: 300ms;
  }
  .p-people .people-profile__slider-illust img.active {
    --tw-scale-x: 100%;
    --tw-scale-y: 100%;
    --tw-scale-z: 100%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
    opacity: 100%;
  }
  .p-people .people-profile__slider-nav {
    pointer-events: none !important;
    position: absolute;
    top: calc(1/2 * 100%);
    display: flex;
    width: 100%;
    --tw-translate-y: calc(calc(1/2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    justify-content: space-between;
    padding-inline: 2.4375rem;
  }
  .p-people .people-profile__slider-nav .hv-bs {
    pointer-events: auto;
    --init-bg: transparent;
    --init-stroke: var(--color-primary);
    --init-color: var(--color-primary);
    --hover-bg: var(--color-primary);
    --hover-color: #fff;
    --hover-stroke: var(--color-primary);
  }
  .p-people .people-profile__slider-nav .hv-bs ._icon {
    display: grid;
    height: 3.125rem;
    width: 3.125rem;
    place-content: center;
    border-radius: calc(infinity * 1px);
  }
  .p-people .people-profile__slider-nav .hv-bs:nth-child(1) {
    rotate: 180deg;
  }
  .p-people .people-profile__slider-pagination {
    margin-top: 8rem;
    display: flex;
    justify-content: center;
    gap: calc(var(--spacing) * 2);
    padding-bottom: calc(var(--spacing) * 10);
  }
  .p-people .people-profile__slider-pagination > div {
    position: relative;
    display: grid;
    height: 2.5rem;
    width: 12.5rem;
    cursor: pointer;
    place-content: center;
    border-radius: var(--radius-lg);
    background-color: var(--color-secondary);
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-white);
    transition-property: all;
    transition-timing-function: var(--tw-ease, ease);
    transition-duration: var(--tw-duration, 0s);
    --tw-duration: 200ms;
    transition-duration: 200ms;
  }
  .p-people .people-profile__slider-pagination > div .hv-bs {
    position: absolute;
    bottom: calc(var(--spacing) * -2);
    left: calc(1/2 * 100%);
    --tw-translate-x: calc(calc(1/2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    --tw-translate-y: 100%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .p-people .people-profile__slider-pagination > div .hv-bs ._icon {
    display: grid;
    height: calc(var(--spacing) * 8);
    width: calc(var(--spacing) * 8);
    rotate: 90deg;
    place-content: center;
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style) !important;
    border-width: .25rem !important;
  }
  .p-people .people-profile__slider-pagination > div .hv-bs ._icon svg {
    width: calc(var(--spacing) * 5);
  }
  .p-people .people-profile__slider-pagination > div.is-active {
    background-color: var(--color-primary);
  }
  .p-people .people-profile__slider-pagination > div:not(.is-active) .hv-bs {
    --init-bg: var(--color-secondary);
    --init-stroke: var(--color-secondary);
    --hover-bg: transparent;
    --hover-color: var(--color-secondary);
  }
  .p-people .people-profile__data {
    margin-inline: auto;
    max-width: 85.875rem;
    padding-top: 6.0625rem;
  }
  .p-people .people-profile__data > div {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
  }
  .p-people .people-profile__data > div:not(.active) {
    visibility: hidden;
    display: none;
    opacity: 0%;
  }
  .p-people .people-profile__data__img {
    width: 35.875rem;
    border-radius: var(--radius-lg);
  }
  .p-people .people-profile__data__text {
    max-width: 40.25rem;
    color: var(--color-primary-dark);
  }
  .p-people .people-profile__data__text .grid {
    margin-top: calc(var(--spacing) * 8);
    gap: calc(var(--spacing) * 8);
  }
  .p-people .people-profile__data__text .stripe {
    display: flex;
    height: 2.5rem !important;
    width: 100% !important;
    justify-content: space-between;
    padding-right: calc(var(--spacing) * 4) !important;
    font-size: var(--text-base) !important;
    line-height: var(--tw-leading, var(--text-base--line-height)) !important;
    --tw-leading: 2.5rem !important;
    line-height: 2.5rem !important;
  }
  .p-people .people-profile__data__text h5 {
    padding-bottom: calc(var(--spacing) * 2);
    font-size: 1.5rem;
    --tw-leading: 1.2;
    line-height: 1.2;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }
  .p-people .people-profile__data__text p {
    --tw-leading: var(--leading-normal);
    line-height: var(--leading-normal);
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }
  @media (width < 48rem) {
    .p-people .people-profile {
      padding-top: calc(var(--spacing) * 20);
    }
    .p-people .people-profile .sc-title h4 {
      font-size: 1.875rem !important;
    }
    .p-people .people-profile .sc-title h4 span {
      height: 2.4375rem !important;
      width: 2.4375rem !important;
    }
    .p-people .people-profile__slider {
      margin-top: 1.6875rem;
    }
    .p-people .people-profile__slider .splide__slide {
      width: 9.0625rem;
      padding-inline: .0938rem;
    }
    .p-people .people-profile__slider .splide__slide img {
      border-radius: .0956rem;
    }
    .p-people .people-profile__slider .splide__slide.is-active {
      width: 14.375rem;
    }
    .p-people .people-profile__slider .splide__slide.is-active img {
      border-style: var(--tw-border-style);
      border-width: .375rem;
    }
    .p-people .people-profile__slider-illust {
      width: 14.1875rem;
    }
    .p-people .people-profile__slider-nav {
      padding-inline: calc(var(--spacing) * 2.5);
    }
    .p-people .people-profile__slider-nav .hv-bs ._icon {
      height: calc(var(--spacing) * 10) !important;
      width: calc(var(--spacing) * 10) !important;
      border-style: var(--tw-border-style) !important;
      border-width: .25rem !important;
    }
    .p-people .people-profile__slider-nav .hv-bs ._icon svg {
      width: calc(var(--spacing) * 4) !important;
    }
    .p-people .people-profile__slider-pagination {
      margin-top: calc(var(--spacing) * 20);
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      column-gap: calc(var(--spacing) * 2.5);
      row-gap: calc(var(--spacing) * 12.5);
      padding-inline: calc(var(--spacing) * 5);
    }
    .p-people .people-profile__slider-pagination > div {
      width: 100%;
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
    }
    .p-people .people-profile__data {
      padding-inline: calc(var(--spacing) * 5);
      padding-top: calc(var(--spacing) * 12);
    }
    .p-people .people-profile__data > div {
      flex-direction: column;
      gap: calc(var(--spacing) * 6);
    }
    .p-people .people-profile__data .grid {
      gap: calc(var(--spacing) * 12);
    }
    .p-people .people-profile__data h5 {
      padding-bottom: calc(var(--spacing) * 4);
      font-size: 1.25rem;
    }
  }
  .p-people .people-schedule {
    padding-top: calc(var(--spacing) * 40);
  }
  .p-people .people-schedule .sc-title {
    text-align: center;
  }
  .p-people .people-schedule .sc-title h4 {
    font-size: 3rem !important;
    color: var(--color-primary) !important;
  }
  .p-people .people-schedule .sc-title h4 span {
    height: 3.625rem !important;
    width: 3.625rem !important;
    border-color: var(--color-primary) !important;
    background-color: transparent !important;
  }
  .p-people .people-schedule__box {
    margin-top: 4.375rem;
    border-radius: 1.5rem;
    background-color: var(--color-primary-lightest);
    padding-inline: calc(var(--spacing) * 17);
    padding-block: 4.375rem;
  }
  .p-people .people-schedule__box__card {
    position: relative;
    border-radius: 1.5rem;
    background-color: var(--color-white);
    padding: 3.9375rem 2.625rem 3.8125rem 0;
    color: var(--color-primary-dark);
  }
  .p-people .people-schedule__box__card .stripes {
    position: absolute;
    top: 2.5625rem;
    display: grid;
    gap: calc(var(--spacing) * 2);
  }
  .p-people .people-schedule__box__card .stripes .stripe {
    width: 21.5rem !important;
  }
  .p-people .people-schedule__box__card .stripes .stripe.hv-bs {
    position: relative;
    --hover-bg: var(--color-primary);
    --hover-color: #fff;
  }
  .p-people .people-schedule__box__card .stripes .stripe.hv-bs ._icon {
    position: absolute;
    top: calc(1/2 * 100%);
    right: calc(1.125rem * -1);
    display: grid;
    height: calc(var(--spacing) * 8);
    width: calc(var(--spacing) * 8);
    --tw-translate-x: 100%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
    --tw-translate-y: calc(calc(1/2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    place-content: center;
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style) !important;
    border-width: .25rem !important;
  }
  .p-people .people-schedule__box__card .stripes .stripe.hv-bs ._icon svg {
    height: calc(var(--spacing) * 5);
    width: calc(var(--spacing) * 5);
    rotate: 90deg;
  }
  .p-people .people-schedule__box__card .stripes .stripe:not(.active) {
    background-color: var(--color-primary-light) !important;
    color: var(--color-primary) !important;
  }
  .p-people .people-schedule__box__card .stripes .stripe:not(.active).hv-bs {
    --init-bg: var(--color-primary-light);
    --hover-bg: transparent;
    --hover-color: var(--color-primary-light);
  }
  .p-people .people-schedule__box__card h5 {
    margin-inline: auto;
    width: max-content;
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: var(--color-primary-dark);
    padding: calc(var(--spacing) * 2.5);
    font-size: 3rem;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-primary-dark);
  }
  .p-people .people-schedule__box__card .flex {
    margin-top: 5.25rem;
    align-items: flex-start;
    justify-content: flex-end;
    gap: 3.5625rem;
  }
  .p-people .people-schedule__box__card__img {
    max-width: 31.25rem;
    border-radius: var(--radius-lg);
  }
  .p-people .people-schedule__box__card__text {
    max-width: 34.625rem;
  }
  .p-people .people-schedule__box__card__text .table-wrap {
    font-size: 1.5rem;
    --tw-leading: 1.2;
    line-height: 1.2;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }
  .p-people .people-schedule__box__card__text .table-wrap .tr {
    display: flex;
    width: max-content;
    background-image: linear-gradient(to right, var(--color-primary-dark) 50%, transparent 0%);
    background-position: bottom;
    background-size: .625rem .0625rem;
    background-repeat: repeat-x;
  }
  .p-people .people-schedule__box__card__text .table-wrap .tr .th,.p-people .people-schedule__box__card__text .table-wrap .tr .td {
    padding: calc(var(--spacing) * 2.5);
  }
  .p-people .people-schedule__box__card__text .table-wrap .tr .th {
    width: calc(var(--spacing) * 20);
  }
  .p-people .people-schedule__box__card__text > p {
    margin-top: calc(var(--spacing) * 5);
    --tw-leading: 1.2;
    line-height: 1.2;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }
  @media (width < 48rem) {
    .p-people .people-schedule {
      padding-top: calc(var(--spacing) * 20);
    }
    .p-people .people-schedule .sc-title h4 {
      font-size: 1.875rem !important;
    }
    .p-people .people-schedule .sc-title h4 span {
      height: 2.4375rem !important;
      width: 2.4375rem !important;
    }
    .p-people .people-schedule__box {
      margin-top: calc(var(--spacing) * 6);
      border-radius: var(--radius-lg);
      padding-inline: .9375rem;
      padding-block: 3rem 5rem;
    }
    .p-people .people-schedule__box__card {
      border-radius: var(--radius-lg);
      padding: 1.5rem 1.8125rem 3rem 1.875rem;
    }
    .p-people .people-schedule__box__card .flex {
      margin-top: 8.25rem;
      flex-direction: column;
      gap: 2.125rem;
    }
    .p-people .people-schedule__box__card .stripes {
      top: calc(var(--spacing) * 6);
      left: calc(var(--spacing) * 0);
    }
    .p-people .people-schedule__box__card .stripes .stripe {
      width: 12.75rem !important;
      padding-inline: 3rem .75rem !important;
    }
    .p-people .people-schedule__box__card .stripes .stripe::before {
      left: 0.875rem !important;
      border-style: var(--tw-border-style) !important;
      border-width: .4375rem !important;
    }
    .p-people .people-schedule__box__card .stripes .stripe.hv-bs ._icon {
      right: calc(var(--spacing) * -3);
    }
    .p-people .people-schedule__box__card .stripes .stripe.hv-bs ._icon svg {
      height: calc(var(--spacing) * 4);
      width: calc(var(--spacing) * 4);
    }
    .p-people .people-schedule__box__card h5 {
      display: none;
    }
    .p-people .people-schedule__box__card__img {
      width: 100%;
    }
    .p-people .people-schedule__box__card__text {
      width: 100%;
    }
    .p-people .people-schedule__box__card__text .table-wrap {
      font-size: 1.25rem;
    }
    .p-people .people-schedule__box__card__text .table-wrap .tr {
      width: 100%;
      flex-direction: column;
      padding-block: calc(var(--spacing) * 2.5);
    }
    .p-people .people-schedule__box__card__text .table-wrap .tr .th,.p-people .people-schedule__box__card__text .table-wrap .tr .td {
      padding: calc(var(--spacing) * 0);
    }
  }
  .p-people .people-join {
    padding-top: calc(var(--spacing) * 40);
  }
  .p-people .people-join .sc-title {
    text-align: center;
  }
  .p-people .people-join .sc-title h4 {
    font-size: 3rem !important;
    color: var(--color-primary) !important;
  }
  .p-people .people-join .sc-title h4 span {
    height: 3.625rem !important;
    width: 3.625rem !important;
    border-color: var(--color-primary) !important;
    background-color: transparent !important;
  }
  .p-people .people-join .sc-title p {
    margin-inline: auto;
    margin-top: 4.375rem;
    width: 42.75rem;
    text-align: left;
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
    --tw-leading: 1.6;
    line-height: 1.6;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-primary-dark);
  }
  .p-people .people-join .grid {
    margin-top: calc(var(--spacing) * 10);
    gap: calc(var(--spacing) * 2);
  }
  .p-people .people-join .grid .hv-bs {
    margin-inline: auto;
    margin-top: calc(var(--spacing) * 2);
    width: max-content;
    --hover-color: #fff;
    --hover-bg: var(--color-primary);
  }
  .p-people .people-join .grid .hv-bs ._icon {
    display: grid;
    height: 3.9375rem;
    width: 3.9375rem;
    place-content: center;
    border-radius: calc(infinity * 1px);
  }
  .p-people .people-join .grid .hv-bs ._icon svg {
    width: calc(var(--spacing) * 5);
    rotate: 90deg;
  }
  .p-people .people-join__card {
    display: flex;
    align-items: center;
    gap: 8.5625rem;
    border-radius: var(--radius-lg);
    border-style: var(--tw-border-style);
    border-width: 0.1875rem;
    border-color: var(--color-primary);
    padding-inline: 5.4375rem;
    padding-block: 2.375rem;
  }
  .p-people .people-join__card__img {
    width: 31.25rem;
    border-radius: var(--radius-lg);
  }
  .p-people .people-join__card__text {
    width: 36.625rem;
    --tw-leading: 1.6;
    line-height: 1.6;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-primary-dark);
  }
  .p-people .people-join__card__text h6 {
    font-size: 1.5rem;
  }
  .p-people .people-join__card__text p {
    margin-top: calc(var(--spacing) * 2);
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
  }
  @media (width < 48rem) {
    .p-people .people-join {
      padding-top: calc(var(--spacing) * 20);
    }
    .p-people .people-join .sc-title h4 {
      font-size: 1.875rem !important;
    }
    .p-people .people-join .sc-title h4 span {
      height: 2.4375rem !important;
      width: 2.4375rem !important;
    }
    .p-people .people-join .sc-title p {
      margin-top: 2.3125rem;
      width: 100%;
      padding-inline: calc(var(--spacing) * 5);
    }
    .p-people .people-join .grid {
      margin-top: 4.3125rem;
      gap: calc(var(--spacing) * 6);
    }
    .p-people .people-join .grid .hv-bs {
      margin-top: calc(var(--spacing) * 6);
    }
    .p-people .people-join__card {
      flex-direction: column;
      gap: calc(var(--spacing) * 6);
      padding-inline: 2.25rem;
      padding-block: 2.9375rem 3.1875rem;
    }
    .p-people .people-join__card__img {
      width: 100%;
    }
    .p-people .people-join__card__text {
      width: 100%;
    }
    .p-people .people-join__card__text p {
      margin-top: calc(var(--spacing) * 6);
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
    }
  }
  .p-people .people-staff {
    padding-top: calc(var(--spacing) * 40);
  }
  .p-people .people-staff__card {
    position: relative;
    z-index: 0;
    display: flex;
    align-items: flex-start;
    gap: 8.4375rem;
    padding-inline: 5.375rem;
    padding-block: 4.75rem 5.1875rem;
    color: var(--color-white);
  }
  .p-people .people-staff__card ._underlay {
    position: absolute;
    top: calc(var(--spacing) * 0);
    left: calc(var(--spacing) * 0);
    z-index: calc(1 * -1);
    height: 100%;
    width: 100%;
    border-radius: 1.5rem;
    background-color: var(--color-primary);
  }
  .p-people .people-staff__card__img {
    width: 31.25rem;
    border-radius: 1.5rem;
  }
  .p-people .people-staff__card__text {
    width: 26.5625rem;
  }
  .p-people .people-staff__card__text .almec {
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 2);
  }
  .p-people .people-staff__card__text .almec div {
    height: 2.875rem;
    width: 2.875rem;
    border-radius: calc(infinity * 1px);
    background-color: var(--color-white);
    padding-inline: calc(var(--spacing) * 1.5);
    --tw-shadow: .0625rem .125rem .25rem 0 var(--tw-shadow-color, rgba(0,0,0,.25));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .p-people .people-staff__card__text .almec div img {
    height: 100%;
    width: 100%;
    object-fit: contain;
  }
  .p-people .people-staff__card__text .almec p {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }
  .p-people .people-staff__card__text .sc-title {
    margin-top: 22px;
  }
  .p-people .people-staff__card__text > p {
    margin-top: 1.0625rem;
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }
  .p-people .people-staff__card__text .hv-bs {
    margin-top: calc(var(--spacing) * 8);
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    --init-bg: #fff;
    --init-color: var(--color-primary);
    --hover-bg: transparent;
    --hover-color: #fff;
  }
  .p-people .people-staff__card__text .hv-bs > span {
    font-size: 1.5rem;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }
  .p-people .people-staff__card__text .hv-bs > span span {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
  }
  .p-people .people-staff__card__text .hv-bs ._icon {
    display: grid;
    height: 3.25rem;
    width: 3.25rem;
    place-content: center;
    border-radius: calc(infinity * 1px);
  }
  .p-people .people-staff__card__text .hv-bs ._icon svg {
    width: calc(var(--spacing) * 5);
  }
  .p-people .people-staff__card > .img {
    position: absolute;
    right: 3.125rem;
    bottom: 4.75rem;
    width: 12.625rem;
    --tw-content: '';
    content: var(--tw-content);
  }
  .p-people .people-staff__card > .img img {
    width: 100%;
  }
  @media (width < 48rem) {
    .p-people .people-staff {
      padding-top: calc(var(--spacing) * 20);
    }
    .p-people .people-staff__card {
      margin-bottom: calc(var(--spacing) * 11);
      flex-direction: column;
      gap: calc(var(--spacing) * 6);
      border-radius: var(--radius-lg);
      padding-inline: 2.375rem;
      padding-block: calc(var(--spacing) * 12);
    }
    .p-people .people-staff__card ._underlay {
      border-radius: var(--radius-lg);
    }
    .p-people .people-staff__card__img {
      width: 100%;
    }
    .p-people .people-staff__card__text {
      width: 100%;
    }
    .p-people .people-staff__card__text .sc-title {
      margin-top: calc(var(--spacing) * 6);
    }
    .p-people .people-staff__card__text > p {
      margin-top: calc(var(--spacing) * 6);
    }
    .p-people .people-staff__card__text .hv-bs {
      margin-top: calc(var(--spacing) * 6);
    }
    .p-people .people-staff__card__text .hv-bs > span {
      font-size: 1.375rem;
    }
    .p-people .people-staff__card > .img {
      right: calc(.3125rem * -1);
      bottom: calc(var(--spacing) * -11);
      width: 5.875rem;
    }
  }
  @media (width < 48rem) {
    .p-people-staff {
      overflow: hidden;
    }
  }
  .p-people-staff section {
    position: relative;
  }
  @media (width < 48rem) {
    .p-people-staff .people-staff-top {
      overflow-x: hidden;
    }
  }
  .p-people-staff .people-staff-top .line-01, .p-people-staff .people-staff-top .line-02 {
    pointer-events: none;
    position: absolute;
    z-index: 10;
    height: calc(var(--spacing) * 33.5);
    width: calc(var(--spacing) * 111.75);
    -webkit-user-select: none;
    user-select: none;
  }
  .p-people-staff .people-staff-top .line-01 .line:nth-child(1), .p-people-staff .people-staff-top .line-02 .line:nth-child(1) {
    top: calc(var(--spacing) * 0);
    right: calc(var(--spacing) * 0);
  }
  .p-people-staff .people-staff-top .line-01 .line:nth-child(1) img, .p-people-staff .people-staff-top .line-02 .line:nth-child(1) img {
    animation-duration: 1.3s;
    animation-delay: 1s;
  }
  .p-people-staff .people-staff-top .line-01 .line:nth-child(2), .p-people-staff .people-staff-top .line-02 .line:nth-child(2) {
    top: calc(var(--spacing) * 7.5);
    right: calc(var(--spacing) * 40.75);
  }
  .p-people-staff .people-staff-top .line-01 .line:nth-child(2) img, .p-people-staff .people-staff-top .line-02 .line:nth-child(2) img {
    animation-duration: 1.9s;
    animation-delay: 0.2s;
  }
  .p-people-staff .people-staff-top .line-01 .line:nth-child(3), .p-people-staff .people-staff-top .line-02 .line:nth-child(3) {
    bottom: calc(var(--spacing) * 7.5);
    left: calc(var(--spacing) * 41);
  }
  .p-people-staff .people-staff-top .line-01 .line:nth-child(3) img, .p-people-staff .people-staff-top .line-02 .line:nth-child(3) img {
    animation-duration: 3s;
    animation-delay: 1.5s;
  }
  .p-people-staff .people-staff-top .line-01 .line:nth-child(4), .p-people-staff .people-staff-top .line-02 .line:nth-child(4) {
    bottom: calc(var(--spacing) * 0);
    left: calc(var(--spacing) * 0);
  }
  .p-people-staff .people-staff-top .line-01 .line:nth-child(4) img, .p-people-staff .people-staff-top .line-02 .line:nth-child(4) img {
    animation-duration: 2.8s;
    animation-delay: 1.5s;
  }
  .p-people-staff .people-staff-top .line-01 {
    top: calc(var(--spacing) * 96.5);
    right: calc(var(--spacing) * 7.5);
  }
  .p-people-staff .people-staff-top .line-02 {
    top: calc(var(--spacing) * 87.75);
    left: calc(var(--spacing) * 3);
  }
  .p-people-staff .people-staff-top .wrapper {
    min-height: calc(var(--spacing) * 159);
    padding-top: 6.6875rem;
    text-align: center;
  }
  @media (width >= 48rem) {
    .p-people-staff .people-staff-top .wrapper {
      min-height: calc(var(--spacing) * 127);
    }
  }
  .p-people-staff .people-staff-top .sc-title img {
    margin-inline: auto;
    margin-bottom: calc(var(--spacing) * 6);
    width: 10.1875rem;
  }
  @media (width < 48rem) {
    .p-people-staff .people-staff-top .line-01, .p-people-staff .people-staff-top .line-02 {
      height: 4.375rem;
      width: 14.5625rem;
    }
    .p-people-staff .people-staff-top .line-01 {
      top: 15.6875rem;
      right: calc(3.25rem * -1);
    }
    .p-people-staff .people-staff-top .line-01 .line:nth-child(2) {
      top: 0.9375rem;
      right: 5.3125rem;
    }
    .p-people-staff .people-staff-top .line-01 .line:nth-child(3) {
      bottom: calc(var(--spacing) * 4);
      left: 5.3125rem;
    }
    .p-people-staff .people-staff-top .line-02 {
      display: none;
    }
    .p-people-staff .people-staff-top .wrapper {
      padding-top: 5.75rem;
    }
    .p-people-staff .people-staff-top .sc-title {
      margin-inline: auto;
      width: max-content;
      text-align: left;
    }
    .p-people-staff .people-staff-top .sc-title img {
      margin-bottom: calc(var(--spacing) * 1.75);
      width: 6rem;
    }
  }
  .p-people-staff .people-staff-chat {
    position: relative;
    z-index: 10;
    margin-top: 1.375rem;
  }
  .p-people-staff .people-staff-chat__content {
    position: relative;
    display: flex;
    justify-content: space-between;
  }
  .p-people-staff .people-staff-chat__content:not(:first-child) {
    margin-top: 14.125rem;
  }
  .p-people-staff .people-staff-chat__content .anchor {
    position: absolute;
    margin-top: calc(var(--spacing) * -30);
  }
  .p-people-staff .people-staff-chat__content__btns {
    position: relative;
  }
  .p-people-staff .people-staff-chat__content__btns .chat-btns {
    position: sticky;
    top: calc(var(--spacing) * 30);
  }
  .p-people-staff .people-staff-chat__content__btns .chat-btns > img {
    margin-inline: auto;
  }
  .p-people-staff .people-staff-chat__content__chat {
    width: 45.0625rem;
    overflow: hidden;
    border-radius: 1.5rem;
    background-color: var(--color-primary-lightest);
  }
  .p-people-staff .people-staff-chat__content__chat__head {
    background-color: var(--color-primary-dark);
    padding-block: 2.25rem 1.9375rem;
    text-align: center;
    color: var(--color-white);
  }
  .p-people-staff .people-staff-chat__content__chat__head h1 {
    font-size: 2rem;
    --tw-leading: 1;
    line-height: 1;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }
  .p-people-staff .people-staff-chat__content__chat__head p {
    font-family: var(--font-oooh);
    font-size: 1.875rem;
  }
  .p-people-staff .people-staff-chat__content__chat__body {
    padding: 3.1875rem 4.0625rem 4.25rem 4.125rem;
  }
  .p-people-staff .people-staff-chat__content__chat__body ._t {
    margin-bottom: calc(var(--spacing) * 8);
    border-radius: 1.5rem;
    background-color: var(--color-white);
    padding: .875rem 2.9375rem 1.375rem 3.0625rem;
    color: var(--color-primary-dark);
  }
  .p-people-staff .people-staff-chat__content__chat__body ._t > div {
    margin-bottom: calc(var(--spacing) * 2);
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 2);
  }
  .p-people-staff .people-staff-chat__content__chat__body ._t > div div {
    display: grid;
    height: 2.875rem;
    width: 2.875rem;
    place-content: center;
    border-radius: calc(infinity * 1px);
    background-color: var(--color-white);
    padding-inline: calc(var(--spacing) * 1.5);
    box-shadow: 0.0625rem 0.125rem 0.25rem 0rem rgba(0, 0, 0, 0.25);
  }
  .p-people-staff .people-staff-chat__content__chat__body ._t > div p {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }
  .p-people-staff .people-staff-chat__content__chat__body ._t > img {
    margin-block: calc(var(--spacing) * 2);
    border-radius: 1.5rem;
  }
  .p-people-staff .people-staff-chat__content__chat__body ._t span {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }
  .p-people-staff .people-staff-chat__content__chat__body ._t p {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }
  .p-people-staff .people-staff-chat__content__chat__body ._b {
    position: relative;
    display: flex;
    align-items: center;
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: #636363;
  }
  .p-people-staff .people-staff-chat__content__chat__body ._b__profile {
    height: calc(var(--spacing) * 25);
    width: calc(var(--spacing) * 25);
    border-radius: calc(infinity * 1px);
    background-color: #C4C4C4;
  }
  .p-people-staff .people-staff-chat__content__chat__body ._b__ballon {
    position: relative;
    margin-inline: 1.75rem .9375rem;
    flex: 1;
    border-radius: 1rem;
    background-color: var(--color-white);
    padding-inline: 2.5625rem;
    padding-block: 1.125rem;
  }
  .p-people-staff .people-staff-chat__content__chat__body ._b__ballon::before {
    position: absolute;
    top: calc(1/2 * 100%);
    left: calc(var(--spacing) * -5);
    display: inline-block;
    height: calc(var(--spacing) * 0);
    width: calc(var(--spacing) * 0);
    --tw-translate-y: calc(calc(1/2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    --tw-content: '';
    content: var(--tw-content);
    border-top: .9375rem solid transparent;
    border-bottom: .9375rem solid transparent;
    border-right: 2.875rem solid #fff;
  }
  .p-people-staff .people-staff-chat__content__chat__body ._b__ballon p {
    --tw-leading: 2;
    line-height: 2;
  }
  .p-people-staff .people-staff-chat__content__chat__body ._b__text {
    align-self: flex-end;
  }
  .p-people-staff .people-staff-chat__content__chat__body ._b:nth-child(odd) {
    flex-direction: row-reverse;
  }
  .p-people-staff .people-staff-chat__content__chat__body ._b:nth-child(odd) ._b__ballon {
    margin-inline: .9375rem 1.75rem;
    background-color: var(--color-primary);
    color: var(--color-primary-darker);
  }
  .p-people-staff .people-staff-chat__content__chat__body ._b:nth-child(odd) ._b__ballon::before {
    right: calc(var(--spacing) * -5);
    left: auto;
    --tw-scale-x: calc(100% * -1);
    scale: var(--tw-scale-x) var(--tw-scale-y);
    border-right-color: var(--color-primary);
  }
  .p-people-staff .people-staff-chat .chat-btns {
    display: grid;
    width: 36.4375rem;
    gap: calc(var(--spacing) * 7.75);
  }
  .p-people-staff .people-staff-chat .chat-btn {
    position: relative;
    width: 100%;
    border-radius: 1.5rem;
    background-color: var(--color-primary-lightest);
    padding: .875rem 2.9375rem .875rem 3.0625rem;
    text-align: left;
    font-family: var(--font-noto-sans-jp);
    color: var(--color-primary-dark);
  }
  .p-people-staff .people-staff-chat .chat-btn > div {
    margin-bottom: calc(var(--spacing) * 2);
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 2);
  }
  .p-people-staff .people-staff-chat .chat-btn > div div {
    display: grid;
    height: 2.875rem;
    width: 2.875rem;
    place-content: center;
    border-radius: calc(infinity * 1px);
    background-color: var(--color-white);
    padding-inline: calc(var(--spacing) * 1.5);
    box-shadow: 0.0625rem 0.125rem 0.25rem 0rem rgba(0, 0, 0, 0.25);
  }
  .p-people-staff .people-staff-chat .chat-btn > div p {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }
  .p-people-staff .people-staff-chat .chat-btn span {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }
  .p-people-staff .people-staff-chat .chat-btn p {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }
  .p-people-staff .people-staff-chat .chat-btn.hv-bs {
    --init-bg: transparent;
    --init-stroke: var(--color-primary);
    --init-color: var(--color-primary);
    --hover-bg: var(--color-primary);
    --hover-color: #fff;
    --hover-stroke: var(--color-primary);
  }
  .p-people-staff .people-staff-chat .chat-btn.hv-bs ._icon {
    position: absolute;
    right: 2.9375rem;
    bottom: .875rem;
    margin-bottom: calc(var(--spacing) * 0);
    display: grid;
    height: 3.125rem;
    width: 3.125rem;
    place-content: center;
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style) !important;
    border-width: .3125rem !important;
  }
  .p-people-staff .people-staff-chat #chat02 .people-staff-chat__content__chat {
    background-color: var(--color-tertiary-lighter);
  }
  .p-people-staff .people-staff-chat #chat02 .people-staff-chat__content__chat__head {
    background-color: var(--color-tertiary-dark);
  }
  .p-people-staff .people-staff-chat #chat02 .people-staff-chat__content__chat__body ._t {
    color: var(--color-tertiary-dark);
  }
  .p-people-staff .people-staff-chat #chat02 .chat-btn {
    background-color: var(--color-tertiary-lighter);
    color: var(--color-tertiary-dark);
  }
  .p-people-staff .people-staff-chat #chat02 .chat-btn.hv-bs {
    --init-bg: transparent;
    --init-stroke: var(--color-tertiary);
    --init-color: var(--color-tertiary);
    --hover-bg: var(--color-tertiary);
    --hover-color: #fff;
    --hover-stroke: var(--color-tertiary);
  }
  @media (width < 48rem) {
    .p-people-staff .people-staff-chat {
      margin-top: calc(21.4375rem * -1);
    }
    .p-people-staff .people-staff-chat__content {
      flex-direction: column;
      gap: calc(var(--spacing) * 12.5);
    }
    .p-people-staff .people-staff-chat__content:not(:first-child) {
      margin-top: 5rem;
    }
    .p-people-staff .people-staff-chat__content__chat {
      width: 100%;
      border-radius: .6969rem;
    }
    .p-people-staff .people-staff-chat__content__chat__head {
      padding-block: calc(var(--spacing) * 3);
    }
    .p-people-staff .people-staff-chat__content__chat__head h1 {
      font-size: 1.5rem;
    }
    .p-people-staff .people-staff-chat__content__chat__head p {
      margin-top: calc(var(--spacing) * 0.5);
      font-size: .9375rem;
      --tw-leading: 1;
      line-height: 1;
    }
    .p-people-staff .people-staff-chat__content__chat__body {
      padding: 1.5rem 1rem 3rem 1.0625rem;
    }
    .p-people-staff .people-staff-chat__content__chat__body ._t {
      margin-bottom: calc(var(--spacing) * 6);
      border-radius: .6969rem;
      padding: .4375rem 1.3125rem .75rem 1.4375rem;
    }
    .p-people-staff .people-staff-chat__content__chat__body ._t div {
      gap: calc(var(--spacing) * 1);
    }
    .p-people-staff .people-staff-chat__content__chat__body ._t div div {
      height: 1.3356rem;
      width: 1.3356rem;
      padding-inline: calc(var(--spacing) * 0.5);
      box-shadow: .0291rem .0581rem .1162rem 0 rgba(0, 0, 0, 0.25);
    }
    .p-people-staff .people-staff-chat__content__chat__body ._t div p {
      font-size: var(--text-xs);
      line-height: var(--tw-leading, var(--text-xs--line-height));
    }
    .p-people-staff .people-staff-chat__content__chat__body ._t > img {
      margin-block: .1875rem;
      border-radius: .6969rem;
    }
    .p-people-staff .people-staff-chat__content__chat__body ._t span {
      font-size: var(--text-xs);
      line-height: var(--tw-leading, var(--text-xs--line-height));
    }
    .p-people-staff .people-staff-chat__content__chat__body ._t p {
      width: calc(100% + .75rem);
      font-size: .9375rem;
      --tw-leading: 1.4;
      line-height: 1.4;
    }
    .p-people-staff .people-staff-chat__content__chat__body ._b__profile {
      height: 2.9039rem;
      width: 2.9039rem;
    }
    .p-people-staff .people-staff-chat__content__chat__body ._b__text {
      font-size: var(--text-xs);
      line-height: var(--tw-leading, var(--text-xs--line-height));
    }
    .p-people-staff .people-staff-chat__content__chat__body ._b__ballon {
      margin-inline: 1.125rem .25rem;
      border-radius: .4644rem;
      padding-inline: 1.8125rem;
      padding-block: calc(var(--spacing) * 2);
    }
    .p-people-staff .people-staff-chat__content__chat__body ._b__ballon p {
      font-size: .9375rem;
    }
    .p-people-staff .people-staff-chat__content__chat__body ._b__ballon::before {
      left: calc(1.125rem * -1);
      border-top-width: .4375rem;
      border-bottom-width: .4375rem;
      border-right-width: 1.3125rem;
    }
    .p-people-staff .people-staff-chat__content__chat__body ._b:nth-child(odd) ._b__ballon {
      margin-inline: .25rem 1.125rem;
    }
    .p-people-staff .people-staff-chat__content__chat__body ._b:nth-child(odd) ._b__ballon::before {
      right: calc(1.125rem * -1);
      left: auto;
    }
    .p-people-staff .people-staff-chat .chat-btns {
      width: 100%;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      column-gap: 1.1875rem;
      row-gap: .875rem;
    }
    .p-people-staff .people-staff-chat .chat-btns > img {
      position: absolute;
    }
    .p-people-staff .people-staff-chat .chat-btn {
      display: flex;
      align-items: center;
      gap: calc(var(--spacing) * 1);
      border-radius: var(--radius-lg);
      padding-inline: .5625rem;
      padding-block: .75rem .625rem;
    }
    .p-people-staff .people-staff-chat .chat-btn > div:not(._icon), .p-people-staff .people-staff-chat .chat-btn > span {
      display: none;
    }
    .p-people-staff .people-staff-chat .chat-btn p {
      flex: 1;
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
      --tw-leading: 1.2;
      line-height: 1.2;
    }
    .p-people-staff .people-staff-chat .chat-btn.hv-bs ._icon {
      position: relative;
      right: calc(var(--spacing) * 0);
      bottom: calc(var(--spacing) * 0);
      height: calc(var(--spacing) * 5.75);
      width: calc(var(--spacing) * 5.75);
      border-style: var(--tw-border-style) !important;
      border-width: .1875rem !important;
    }
    .p-people-staff .people-staff-chat .chat-btn.hv-bs ._icon svg {
      width: calc(var(--spacing) * 3);
    }
  }
  @media (width < 48rem) {
    .p-contact {
      overflow: hidden;
    }
  }
  .p-contact section {
    position: relative;
  }
  @media (width < 48rem) {
    .p-contact .contact-top {
      overflow-x: hidden;
    }
  }
  .p-contact .contact-top .line-01, .p-contact .contact-top .line-02 {
    pointer-events: none;
    position: absolute;
    z-index: 10;
    height: calc(var(--spacing) * 33.5);
    width: calc(var(--spacing) * 111.75);
    -webkit-user-select: none;
    user-select: none;
  }
  .p-contact .contact-top .line-01 .line:nth-child(1), .p-contact .contact-top .line-02 .line:nth-child(1) {
    top: calc(var(--spacing) * 0);
    right: calc(var(--spacing) * 0);
  }
  .p-contact .contact-top .line-01 .line:nth-child(1) img, .p-contact .contact-top .line-02 .line:nth-child(1) img {
    animation-duration: 1.3s;
    animation-delay: 1s;
  }
  .p-contact .contact-top .line-01 .line:nth-child(2), .p-contact .contact-top .line-02 .line:nth-child(2) {
    top: calc(var(--spacing) * 7.5);
    right: calc(var(--spacing) * 40.75);
  }
  .p-contact .contact-top .line-01 .line:nth-child(2) img, .p-contact .contact-top .line-02 .line:nth-child(2) img {
    animation-duration: 1.9s;
    animation-delay: 0.2s;
  }
  .p-contact .contact-top .line-01 .line:nth-child(3), .p-contact .contact-top .line-02 .line:nth-child(3) {
    bottom: calc(var(--spacing) * 7.5);
    left: calc(var(--spacing) * 41);
  }
  .p-contact .contact-top .line-01 .line:nth-child(3) img, .p-contact .contact-top .line-02 .line:nth-child(3) img {
    animation-duration: 3s;
    animation-delay: 1.5s;
  }
  .p-contact .contact-top .line-01 .line:nth-child(4), .p-contact .contact-top .line-02 .line:nth-child(4) {
    bottom: calc(var(--spacing) * 0);
    left: calc(var(--spacing) * 0);
  }
  .p-contact .contact-top .line-01 .line:nth-child(4) img, .p-contact .contact-top .line-02 .line:nth-child(4) img {
    animation-duration: 2.8s;
    animation-delay: 1.5s;
  }
  .p-contact .contact-top .line-01 {
    top: calc(var(--spacing) * 96.5);
    right: calc(var(--spacing) * 7.5);
  }
  .p-contact .contact-top .line-02 {
    top: calc(var(--spacing) * 87.75);
    left: calc(var(--spacing) * 3);
  }
  .p-contact .contact-top .wrapper {
    min-height: calc(var(--spacing) * 159);
    padding-top: 6.6875rem;
    text-align: center;
  }
  @media (width >= 48rem) {
    .p-contact .contact-top .wrapper {
      min-height: calc(var(--spacing) * 127);
    }
  }
  .p-contact .contact-top .sc-title img {
    margin-inline: auto;
    margin-bottom: 1.5625rem;
    width: 13.5rem;
  }
  @media (width < 48rem) {
    .p-contact .contact-top .line-01, .p-contact .contact-top .line-02 {
      height: 4.375rem;
      width: 14.5625rem;
    }
    .p-contact .contact-top .line-01 {
      top: 15.6875rem;
      right: calc(3.25rem * -1);
    }
    .p-contact .contact-top .line-01 .line:nth-child(2) {
      top: 0.9375rem;
      right: 5.3125rem;
    }
    .p-contact .contact-top .line-01 .line:nth-child(3) {
      bottom: calc(var(--spacing) * 4);
      left: 5.3125rem;
    }
    .p-contact .contact-top .line-02 {
      display: none;
    }
    .p-contact .contact-top .wrapper {
      padding-top: 5.75rem;
    }
    .p-contact .contact-top .sc-title {
      margin-inline: auto;
      width: max-content;
      text-align: left;
    }
    .p-contact .contact-top .sc-title img {
      margin-bottom: .9375rem;
      width: 7.25rem;
    }
  }
  .p-contact .contact-content {
    margin-top: calc(var(--spacing) * -5);
    font-family: var(--font-noto-sans-jp);
  }
  .p-contact .contact-content__head__text {
    margin-inline: auto;
    width: 41.8125rem;
    font-size: 1.3125rem;
    --tw-leading: 1.8;
    line-height: 1.8;
    color: var(--color-primary-dark);
  }
  .p-contact .contact-content__head__brand {
    margin-inline: auto;
    margin-top: calc(var(--spacing) * 4);
    display: flex;
    width: 43.3125rem;
    align-items: center;
    justify-content: space-between;
    border-radius: var(--radius-lg);
    border-style: var(--tw-border-style);
    border-width: .75rem;
    border-color: var(--color-secondary);
    padding-inline: 1.0625rem 0.75rem;
    padding-block: calc(var(--spacing) * 3);
  }
  @media (hover: hover) {
    .p-contact .contact-content__head__brand:hover {
      opacity: 50%;
    }
  }
  .p-contact .contact-content__head__brand {
    transition: opacity 1s cubic-bezier(0.2, 1, 0.21, 1);
  }
  .p-contact .contact-content__head__brand span {
    display: block;
    display: grid;
    height: 3.6875rem;
    width: calc(var(--spacing) * 40);
    place-content: center;
    border-radius: var(--radius-lg);
    background-color: var(--color-secondary);
    font-family: var(--font-zen-kaku-ghotic-new);
    font-size: 2.5rem;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-white);
  }
  .p-contact .contact-content__head__brand img {
    width: 23.3125rem;
  }
  .p-contact .contact-content__head__brand.hv-bs {
    --init-bg: var(--color-secondary);
    --hover-color: var(--color-secondary);
  }
  .p-contact .contact-content__head__brand.hv-bs ._icon {
    display: grid;
    height: calc(var(--spacing) * 8);
    width: calc(var(--spacing) * 8);
    place-content: center;
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style) !important;
    border-width: 0.25rem !important;
  }
  .p-contact .contact-content__head__brand.hv-bs ._icon svg {
    width: calc(var(--spacing) * 5);
  }
  .p-contact .contact-content__head__steps {
    margin-top: calc(var(--spacing) * 30);
    display: flex;
    justify-content: center;
  }
  .p-contact .contact-content__head__steps li {
    position: relative;
    display: grid;
    height: calc(var(--spacing) * 25);
    width: 23.625rem;
    place-content: center;
    border-style: var(--tw-border-style);
    border-width: 0.125rem;
    border-color: var(--color-primary-dark);
    font-size: 1.5rem;
    color: var(--color-primary-dark);
  }
  .p-contact .contact-content__head__steps li:nth-of-type(1) {
    padding-right: calc(var(--spacing) * 6);
    -webkit-clip-path: polygon(93% 0, 100% 50%, 93% 100%, 0 100%, 0 0);
    clip-path: polygon(93% 0, 100% 50%, 93% 100%, 0 100%, 0 0);
  }
  .p-contact .contact-content__head__steps li:nth-of-type(2) {
    -webkit-clip-path: polygon(0 0, 93% 0%, 100% 50%, 93% 100%, 0 100%, 7% 50%);
    clip-path: polygon(0 0, 93% 0%, 100% 50%, 93% 100%, 0 100%, 7% 50%);
  }
  .p-contact .contact-content__head__steps li:nth-of-type(3) {
    padding-left: calc(var(--spacing) * 6);
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 7% 50%);
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 7% 50%);
  }
  .p-contact .contact-content__head__steps li:nth-of-type(1)::after, .p-contact .contact-content__head__steps li:nth-of-type(2)::after {
    background-color: var(--color-primary-dark);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-clip-path: polygon(calc(93% + 0.125rem) 0, 93% 0%, 100% 50%, 93% 100%, calc(93% + 0.125rem) 100%, calc(100% + 0.125rem) 50%);
    clip-path: polygon(calc(93% + 0.125rem) 0, 93% 0%, 100% 50%, 93% 100%, calc(93% + 0.125rem) 100%, calc(100% + 0.125rem) 50%);
    pointer-events: none;
    content: '';
  }
  .p-contact .contact-content__head__steps li:nth-of-type(2)::before, .p-contact .contact-content__head__steps li:nth-of-type(3)::before {
    background-color: var(--color-primary-dark);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-clip-path: polygon(0 0, calc(0% - 0.125rem) 0%, calc(7% - 0.125rem) 50%, calc(0% - 0.125rem) 100%, 0 100%, 7% 50%);
    clip-path: polygon(0 0, calc(0% - 0.125rem) 0%, calc(7% - 0.125rem) 50%, calc(0% - 0.125rem) 100%, 0 100%, 7% 50%);
    pointer-events: none;
    content: '';
  }
  .p-contact .contact-content__head__steps li.is-current {
    background-color: var(--color-primary-dark);
    color: var(--color-white);
  }
  .p-contact .contact-content__body {
    margin-inline: auto;
    margin-top: 9.375rem;
    width: 75rem;
  }
  .p-contact .contact-content .mw_wp_form .vertical-item {
    display: block;
  }
  .p-contact .contact-content .mw_wp_form .vertical-item + .vertical-item {
    margin-top: calc(var(--spacing) * 5) !important;
  }
  .p-contact .contact-content .mw_wp_form ._require {
    border-radius: 0.3125rem;
    background-color: var(--color-secondary);
    padding-inline: calc(var(--spacing) * 2.5);
    padding-block: calc(var(--spacing) * 2);
    font-size: 1.1875rem;
    color: var(--color-white);
  }
  .p-contact .contact-content .mw_wp_form .row-group {
    display: grid;
    gap: 3.125rem;
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    border-color: #9BAEC9;
    padding-inline: 9.375rem;
    padding-block: 3.125rem;
  }
  .p-contact .contact-content .mw_wp_form .row-group > p {
    display: none;
  }
  .p-contact .contact-content .mw_wp_form .form-group {
    display: flex;
    align-items: flex-start;
  }
  .p-contact .contact-content .mw_wp_form .form-group label {
    display: flex;
    flex: 1;
    align-items: center;
    gap: 1.875rem;
  }
  .p-contact .contact-content .mw_wp_form .form-group label br {
    display: none;
  }
  .p-contact .contact-content .mw_wp_form .form-group label ._label {
    font-size: 1.3125rem;
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--color-primary-dark);
  }
  .p-contact .contact-content .mw_wp_form .form-group ._input {
    width: 31.25rem;
  }
  .p-contact .contact-content .mw_wp_form .form-group ._input > * {
    width: 100%;
  }
  .p-contact .contact-content .mw_wp_form .form-group ._input .input, .p-contact .contact-content .mw_wp_form .form-group ._input input, .p-contact .contact-content .mw_wp_form .form-group ._input textarea {
    border-radius: .625rem;
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: #C4C3C3;
    background-color: #F2F2F2;
    padding-inline: calc(var(--spacing) * 6);
    padding-block: calc(var(--spacing) * 5);
  }
  .p-contact .contact-content .mw_wp_form .form-group ._input .input:focus, .p-contact .contact-content .mw_wp_form .form-group ._input input:focus, .p-contact .contact-content .mw_wp_form .form-group ._input textarea:focus {
    outline-color: var(--color-primary-dark);
  }
  .p-contact .contact-content .mw_wp_form .form-group ._input .input, .p-contact .contact-content .mw_wp_form .form-group ._input input {
    height: 4.375rem;
  }
  .p-contact .contact-content .mw_wp_form .form-group ._input textarea {
    min-height: 12.5rem;
  }
  .p-contact .contact-content .mw_wp_form .form-group ._input ._example {
    margin-top: calc(var(--spacing) * 5);
    --tw-leading: 1;
    line-height: 1;
    color: #707070;
  }
  .p-contact .contact-content .mw_wp_form .form-group ._input .flex {
    align-items: center;
    gap: calc(var(--spacing) * 5);
  }
  .p-contact .contact-content .mw_wp_form .form-group ._input .flex br {
    display: none;
  }
  .p-contact .contact-content .mw_wp_form .form-group ._input .flex span {
    font-size: 1.5rem;
    color: var(--color-primary-dark);
  }
  .p-contact .contact-content .mw_wp_form .form-group ._input .flex input {
    width: 12.5rem;
  }
  .p-contact .contact-content .mw_wp_form .form-group ._input .flex button {
    height: 2.6875rem;
    width: 15.5625rem;
    border-radius: 0.625rem;
    background-color: var(--color-primary-dark);
    font-size: 1.1875rem;
    color: var(--color-white);
  }
  .p-contact .contact-content .mw_wp_form .form-group .file-upload br {
    display: none;
  }
  .p-contact .contact-content .mw_wp_form .form-group .file-upload .input {
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 3);
    padding-inline: calc(var(--spacing) * 5);
    padding-block: calc(var(--spacing) * 0);
  }
  .p-contact .contact-content .mw_wp_form .form-group .file-upload .input .custom-button {
    display: block;
    border-radius: 0.625rem;
    background-color: var(--color-primary-dark);
    padding-inline: calc(var(--spacing) * 5);
    padding-block: calc(var(--spacing) * 1.5);
    font-size: 1.1875rem;
    color: var(--color-white);
    flex: none;
  }
  .p-contact .contact-content .mw_wp_form .form-group .file-upload .input .filename {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    color: #707070;
  }
  .p-contact .contact-content .mw_wp_form .form-group .file-upload [data-mwform-file-delete] {
    display: none !important;
  }
  .p-contact .contact-content .mw_wp_form .acceptance {
    margin-inline: auto;
    width: 50rem;
    color: #333;
  }
  .p-contact .contact-content .mw_wp_form .acceptance__text {
    height: 21.1875rem;
    overflow-y: auto;
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-primary-dark);
  }
  .p-contact .contact-content .mw_wp_form .acceptance__text > div {
    padding: 3.125rem;
  }
  .p-contact .contact-content .mw_wp_form .acceptance__text ul {
    list-style: disc;
	margin-left: 1.5em;
  }
  .p-contact .contact-content .mw_wp_form .acceptance__text__title {
    text-align: center;
    font-size: 1.3125rem;
  }
  .p-contact .contact-content .mw_wp_form .acceptance__text__head-text {
    margin-top: 3.125rem;
  }
  .p-contact .contact-content .mw_wp_form .acceptance__text__sub-title {
    margin-top: 1.875rem;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    text-decoration-line: underline;
  }
  .p-contact .contact-content .mw_wp_form .acceptance__text__text {
    margin-top: 0.625rem;
  }
  .p-contact .contact-content .mw_wp_form .acceptance ._input {
    margin-top: 3.125rem;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1.875rem;
  }
  .p-contact .contact-content .mw_wp_form .acceptance ._input br {
    display: none;
  }
  .p-contact .contact-content .mw_wp_form .acceptance ._input label {
    cursor: pointer;
  }
  .p-contact .contact-content .mw_wp_form .acceptance ._input label input {
    margin-right: 1.875rem !important;
    display: none;
  }
  .p-contact .contact-content .mw_wp_form .acceptance ._input label span {
    position: relative;
    padding-left: 3.125rem;
    font-size: 1.3125rem;
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--color-primary-dark);
    -webkit-user-select: none;
    user-select: none;
  }
  .p-contact .contact-content .mw_wp_form .acceptance ._input label span::before {
    display: inline-block;
    position: absolute;
    top: .5lh;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    border: 1px solid #333;
    width: 1.25em;
    height: 1.25em;
    content: '';
  }
  .p-contact .contact-content .mw_wp_form .acceptance ._input label span::after {
    display: inline-block;
    position: absolute;
    top: .5lh;
    left: 0;
    -webkit-transform: translateY(-70%) translateX(.5em) rotate(45deg);
    transform: translateY(-70%) translateX(.5em) rotate(45deg);
    opacity: 0;
    -webkit-transition: opacity .3s ease 0s;
    transition: opacity .3s ease 0s;
    border-right: .25em solid var(--color-secondary);
    border-bottom: .25em solid var(--color-secondary);
    width: .625em;
    height: 1.25em;
    content: '';
  }
  .p-contact .contact-content .mw_wp_form .acceptance ._input label input[type=checkbox]:checked + span::after {
    opacity: 1;
  }
  .p-contact .contact-content .mw_wp_form .form-actions {
    margin-top: 6.25rem;
    display: flex;
    justify-content: center;
    gap: 1.875rem;
  }
  .p-contact .contact-content .mw_wp_form .button {
    position: relative;
    height: 5.25rem;
    width: 22.5rem;
    cursor: pointer;
    border-radius: 0;
    border-style: var(--tw-border-style);
    border-width: .125rem;
    border-color: var(--color-primary-dark);
    padding-right: .9375rem;
    font-size: 1.5rem;
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--color-primary-dark);
  }
  .p-contact .contact-content .mw_wp_form .button::after {
    top: calc(1/2 * 100%);
    --tw-translate-y: calc(calc(1/2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    position: absolute;
    right: 24%;
    background-image: url('./assets/img/btn_yaji.svg');
    background-repeat: no-repeat;
    background-size: contain;
    width: .9375rem;
    height: 1.0625rem;
    content: '';
  }
  .p-contact .contact-content .mw_wp_form .button.-back {
    padding-right: calc(var(--spacing) * 0);
    padding-left: calc(var(--spacing) * 8);
  }
  .p-contact .contact-content .mw_wp_form .button.-back::after {
    right: auto;
    left: 24%;
    rotate: 180deg;
  }
  .p-contact .contact-content .mw_wp_form.mw_wp_form_confirm.mw_wp_form_preview .form-group ._input ._example, .p-contact .contact-content .mw_wp_form.mw_wp_form_confirm.mw_wp_form_preview .form-group ._input .flex button, .p-contact .contact-content .mw_wp_form.mw_wp_form_confirm.mw_wp_form_preview .form-group .file-upload .input, .p-contact .contact-content .mw_wp_form.mw_wp_form_confirm.mw_wp_form_preview .acceptance {
    display: none;
  }
  @media (width < 48rem) {
    .p-contact .contact-content {
      margin-top: calc(var(--spacing) * -86);
    }
    .p-contact .contact-content__head {
      padding-inline: calc(var(--spacing) * 5);
    }
    .p-contact .contact-content__head__text {
      width: 100%;
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
    }
    .p-contact .contact-content__head__brand {
      width: 100%;
      border-style: var(--tw-border-style);
      border-width: 0.375rem;
    }
    .p-contact .contact-content__head__brand span {
      height: 2rem;
      width: calc(var(--spacing) * 13);
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
    }
    .p-contact .contact-content__head__brand img {
      width: 12rem;
    }
    .p-contact .contact-content__head__steps {
      margin-top: calc(var(--spacing) * 16);
    }
    .p-contact .contact-content__head__steps li {
      height: 4.25rem;
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
    }
    .p-contact .contact-content__head__steps li:nth-of-type(1) {
      padding-right: calc(var(--spacing) * 1);
    }
    .p-contact .contact-content__head__steps li:nth-of-type(3) {
      padding-left: calc(var(--spacing) * 1);
    }
    .p-contact .contact-content__body {
      margin-top: 5rem;
      width: 100%;
    }
    .p-contact .contact-content .mw_wp_form {
      padding-inline: calc(var(--spacing) * 5);
    }
    .p-contact .contact-content .mw_wp_form ._require {
      padding-inline: calc(var(--spacing) * 1.5);
      padding-block: calc(var(--spacing) * 1);
      font-size: 0.9375rem;
    }
    .p-contact .contact-content .mw_wp_form .row-group {
      gap: calc(var(--spacing) * 5);
      padding-inline: calc(var(--spacing) * 0);
      padding-block: calc(var(--spacing) * 5);
    }
    .p-contact .contact-content .mw_wp_form .form-group {
      flex-direction: column;
      gap: calc(var(--spacing) * 2.5);
    }
    .p-contact .contact-content .mw_wp_form .form-group label {
      gap: calc(var(--spacing) * 3);
    }
    .p-contact .contact-content .mw_wp_form .form-group label ._label {
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
    }
    .p-contact .contact-content .mw_wp_form .form-group ._input {
      width: 100%;
    }
    .p-contact .contact-content .mw_wp_form .form-group ._input .input, .p-contact .contact-content .mw_wp_form .form-group ._input input, .p-contact .contact-content .mw_wp_form .form-group ._input textarea {
      padding-inline: calc(var(--spacing) * 3);
      padding-block: calc(var(--spacing) * 2);
    }
    .p-contact .contact-content .mw_wp_form .form-group ._input .input, .p-contact .contact-content .mw_wp_form .form-group ._input input {
      height: 2.625rem;
    }
    .p-contact .contact-content .mw_wp_form .form-group ._input .flex {
      gap: calc(var(--spacing) * 4);
    }
    .p-contact .contact-content .mw_wp_form .form-group ._input .flex input {
      width: calc(var(--spacing) * 41);
    }
    .p-contact .contact-content .mw_wp_form .form-group ._input .flex button {
      height: 3.125rem;
      width: 7.1875rem;
      padding-inline: calc(var(--spacing) * 3);
      padding-block: calc(var(--spacing) * 1);
      font-size: 0.9375rem;
      --tw-leading: 1.4;
      line-height: 1.4;
    }
    .p-contact .contact-content .mw_wp_form .form-group ._input .flex button br {
      display: initial;
    }
    .p-contact .contact-content .mw_wp_form .form-group ._input ._example {
      margin-top: calc(var(--spacing) * 2.5);
      margin-left: 0.3125rem;
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
    }
    .p-contact .contact-content .mw_wp_form .form-group .file-upload .input .custom-button {
      border-radius: 0.5rem;
      padding-inline: calc(var(--spacing) * 3);
      padding-block: calc(var(--spacing) * 1);
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
    }
    .p-contact .contact-content .mw_wp_form .acceptance {
      margin-top: calc(var(--spacing) * 5);
      width: 100%;
    }
    .p-contact .contact-content .mw_wp_form .acceptance__text > div {
      padding: calc(var(--spacing) * 5);
      padding-bottom: 1.875rem;
    }
    .p-contact .contact-content .mw_wp_form .acceptance__text__title {
      font-size: var(--text-lg);
      line-height: var(--tw-leading, var(--text-lg--line-height));
    }
    .p-contact .contact-content .mw_wp_form .acceptance__text__head-text, .p-contact .contact-content .mw_wp_form .acceptance__text__head-sub-text {
      margin-top: calc(var(--spacing) * 5);
    }
    .p-contact .contact-content .mw_wp_form .acceptance__text__text {
      margin-top: 0.3125rem;
    }
    .p-contact .contact-content .mw_wp_form .acceptance ._input {
      margin-top: calc(var(--spacing) * 5);
      align-items: flex-start;
      gap: 0.875rem;
    }
    .p-contact .contact-content .mw_wp_form .acceptance ._input ._require {
      flex: none;
    }
    .p-contact .contact-content .mw_wp_form .acceptance ._input span {
      flex: 1;
    }
    .p-contact .contact-content .mw_wp_form .acceptance ._input label span {
      display: block;
      padding-left: 1.875rem;
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
    }
    .p-contact .contact-content .mw_wp_form .form-actions {
      margin-inline: auto;
      margin-top: 1.875rem;
      width: 80%;
      flex-direction: column;
      gap: calc(var(--spacing) * 5);
    }
    .p-contact .contact-content .mw_wp_form .form-actions br {
      display: none;
    }
    .p-contact .contact-content .mw_wp_form .button {
      height: 4.25rem;
      width: 100%;
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
    }
    .p-contact .contact-content .mw_wp_form .button::after {
      right: 16%;
    }
  }
  .p-contact .form-success img {
    margin-inline: auto;
    margin-bottom: 1.875rem;
    width: 5rem !important;
  }
  @media (width >= 48rem) {
    .p-contact .form-success img {
      width: 6.25rem !important;
    }
  }
  .p-contact .form-success h4 {
    font-size: 1.25rem;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-primary-dark);
  }
  @media (width >= 48rem) {
    .p-contact .form-success h4 {
      font-size: 2.5rem;
    }
  }
  .p-contact .form-success p {
    margin-top: 3rem;
    --tw-leading: 1.8;
    line-height: 1.8;
    color: var(--color-primary-dark);
  }
  @media (width >= 48rem) {
    .p-contact .form-success p {
      margin-top: 5rem;
    }
  }
  @media (width < 48rem) {
    .p-tour {
      margin-bottom: calc(var(--spacing) * -8);
    }
  }
  @media (width < 48rem) {
    .p-tour {
      overflow: hidden;
    }
  }
  @media (width < 48rem) {
    .p-tour {
      padding-bottom: calc(var(--spacing) * 8);
    }
  }
  .p-tour section {
    position: relative;
  }
  @media (width < 48rem) {
    .p-tour .tour-top {
      overflow-x: hidden;
    }
  }
  .p-tour .tour-top .line-01, .p-tour .tour-top .line-02 {
    pointer-events: none;
    position: absolute;
    z-index: 10;
    height: calc(var(--spacing) * 33.5);
    width: calc(var(--spacing) * 111.75);
    -webkit-user-select: none;
    user-select: none;
  }
  .p-tour .tour-top .line-01 .line:nth-child(1), .p-tour .tour-top .line-02 .line:nth-child(1) {
    top: calc(var(--spacing) * 0);
    right: calc(var(--spacing) * 0);
  }
  .p-tour .tour-top .line-01 .line:nth-child(1) img, .p-tour .tour-top .line-02 .line:nth-child(1) img {
    animation-duration: 1.3s;
    animation-delay: 1s;
  }
  .p-tour .tour-top .line-01 .line:nth-child(2), .p-tour .tour-top .line-02 .line:nth-child(2) {
    top: calc(var(--spacing) * 7.5);
    right: calc(var(--spacing) * 40.75);
  }
  .p-tour .tour-top .line-01 .line:nth-child(2) img, .p-tour .tour-top .line-02 .line:nth-child(2) img {
    animation-duration: 1.9s;
    animation-delay: 0.2s;
  }
  .p-tour .tour-top .line-01 .line:nth-child(3), .p-tour .tour-top .line-02 .line:nth-child(3) {
    bottom: calc(var(--spacing) * 7.5);
    left: calc(var(--spacing) * 41);
  }
  .p-tour .tour-top .line-01 .line:nth-child(3) img, .p-tour .tour-top .line-02 .line:nth-child(3) img {
    animation-duration: 3s;
    animation-delay: 1.5s;
  }
  .p-tour .tour-top .line-01 .line:nth-child(4), .p-tour .tour-top .line-02 .line:nth-child(4) {
    bottom: calc(var(--spacing) * 0);
    left: calc(var(--spacing) * 0);
  }
  .p-tour .tour-top .line-01 .line:nth-child(4) img, .p-tour .tour-top .line-02 .line:nth-child(4) img {
    animation-duration: 2.8s;
    animation-delay: 1.5s;
  }
  .p-tour .tour-top .line-01 {
    top: calc(var(--spacing) * 96.5);
    right: calc(var(--spacing) * 7.5);
  }
  .p-tour .tour-top .line-02 {
    top: calc(var(--spacing) * 87.75);
    left: calc(var(--spacing) * 3);
  }
  .p-tour .tour-top .wrapper {
    min-height: calc(var(--spacing) * 140);
    padding-top: 6.6875rem;
    text-align: center;
  }
  @media (width >= 48rem) {
    .p-tour .tour-top .wrapper {
      min-height: calc(var(--spacing) * 127);
    }
  }
  @media (width < 48rem) {
    .p-tour .tour-top .line-01, .p-tour .tour-top .line-02 {
      height: 4.375rem;
      width: 14.5625rem;
    }
    .p-tour .tour-top .line-01 {
      top: 15.6875rem;
      right: calc(3.25rem * -1);
    }
    .p-tour .tour-top .line-01 .line:nth-child(2) {
      top: 0.9375rem;
      right: 5.3125rem;
    }
    .p-tour .tour-top .line-01 .line:nth-child(3) {
      bottom: calc(var(--spacing) * 4);
      left: 5.3125rem;
    }
    .p-tour .tour-top .line-02 {
      display: none;
    }
    .p-tour .tour-top .wrapper {
      padding-top: 5.75rem;
    }
  }
  .p-tour .tour-map {
    position: relative;
    z-index: 10;
    margin-top: calc(24.5rem * -1);
  }
  .p-tour .tour-map button {
    position: fixed;
    top: 36.8125rem;
    right: calc(var(--spacing) * 10);
    z-index: 60;
    width: max-content;
    transition-property: all;
    transition-timing-function: var(--tw-ease, ease);
    transition-duration: var(--tw-duration, 0s);
    --tw-duration: 200ms;
    transition-duration: 200ms;
    --tw-outline-style: none !important;
    outline-style: none !important;
  }
  .p-tour .tour-map button svg {
    height: 12.125rem;
    width: 10.5625rem;
    color: var(--color-primary-darker);
    --bdr: var(--color-primary);
  }
  .p-tour .tour-map button svg circle, .p-tour .tour-map button svg path {
    transition-property: all;
    transition-timing-function: var(--tw-ease, ease);
    transition-duration: var(--tw-duration, 0s);
    --tw-duration: 200ms;
    transition-duration: 200ms;
  }
  @media (hover: hover) {
    .p-tour .tour-map button:hover svg {
      color: var(--color-tertiary-darker);
      --bdr: var(--color-tertiary);
    }
  }
  .p-tour .tour-map #map-wrapper {
    position: relative;
    aspect-ratio: 1444/1099;
    border-radius: 1.5rem;
    background-image: url('./assets/img/map_bg.svg');
    background-size: cover;
    background-position: center;
  }
  .p-tour .tour-map #map-wrapper .sc-title {
    position: relative;
    z-index: 10;
    padding-top: 5.4375rem;
    text-align: center;
  }
  .p-tour .tour-map #map-wrapper .sc-title img {
    margin-inline: auto;
    margin-bottom: 1.375rem;
    width: calc(var(--spacing) * 25);
  }
  .p-tour .tour-map #map-wrapper #map {
    position: absolute;
    top: 5.0625rem;
    left: 11.875rem;
    width: 70.3125rem;
  }
  .p-tour .tour-map #map-wrapper [id*="sub-map-"] {
    position: absolute;
    rotate: 9.64deg;
  }
  .p-tour .tour-map #map-wrapper #sub-map-01 {
    top: 26.4325rem;
    left: 25.94rem;
    width: 13.3356rem;
  }
  .p-tour .tour-map #map-wrapper #sub-map-02 {
    top: 20.1381rem;
    left: 35.7563rem;
    width: 10.9094rem;
  }
  .p-tour .tour-map #map-wrapper #line {
    position: absolute;
    top: 20.125rem;
    left: 15.6875rem;
    height: 35.5rem;
    width: 47.1875rem;
  }
  .p-tour .tour-map #map-wrapper #line svg {
    position: absolute;
  }
  .p-tour .tour-map #map-wrapper #line svg path {
    stroke-dashoffset: var(--stroke-offset, 0);
  }
  .p-tour .tour-map #map-wrapper #line svg:nth-child(1) {
    right: calc(var(--spacing) * 0);
    bottom: calc(var(--spacing) * 0);
    height: 24rem;
    width: 42.6875rem;
    --stroke-offset: 245;
  }
  .p-tour .tour-map #map-wrapper #line svg:nth-child(1) path {
    stroke-dasharray: 1300;
  }
  .p-tour .tour-map #map-wrapper #line svg:nth-child(2) {
    top: 8.9375rem;
    left: 25.625rem;
    height: 3.0625rem;
    width: 14.375rem;
    --stroke-offset: 34;
  }
  .p-tour .tour-map #map-wrapper #line svg:nth-child(2) path {
    stroke-dasharray: 230;
  }
  .p-tour .tour-map #map-wrapper #line svg:nth-child(3) {
    top: calc(var(--spacing) * 0);
    left: calc(var(--spacing) * 0);
    height: 14.5rem;
    width: 23.125rem;
    --stroke-offset: 96;
  }
  .p-tour .tour-map #map-wrapper #line svg:nth-child(3) path {
    stroke-dasharray: 680;
  }
  .p-tour .tour-map #map-wrapper #pin {
    position: absolute;
    top: 24.6875rem;
    left: 36.15rem;
    height: 7.8887rem;
    width: 6.0131rem;
  }
  .p-tour .tour-map #map-wrapper #pin img {
    position: absolute;
    width: 3.3887rem;
  }
  .p-tour .tour-map #map-wrapper #pin img:nth-child(1) {
    bottom: calc(var(--spacing) * 0);
    left: calc(var(--spacing) * 0);
  }
  .p-tour .tour-map #map-wrapper #pin img:nth-child(2) {
    right: calc(var(--spacing) * 0);
    bottom: 1.6875rem;
  }
  .p-tour .tour-map #map-wrapper #pin img:nth-child(3) {
    top: calc(var(--spacing) * 0);
    left: 0.875rem;
  }
  .p-tour .tour-map #map-wrapper a[id*="map-vr-"] {
    position: absolute;
    display: block;
  }
  .p-tour .tour-map #map-wrapper a[id*="map-vr-"] picture img {
    position: absolute;
    width: var(--w);
    top: var(--t);
    right: var(--r);
    bottom: var(--b);
    left: var(--l);
  }
  .p-tour .tour-map #map-wrapper #map-vr-01 {
    bottom: 7.875rem;
    left: 4.0625rem;
    width: 43.1875rem;
    --w: 16.1875rem;
    --l: 14.425rem;
    --b: 3.675rem;
  }
  .p-tour .tour-map #map-wrapper #map-vr-02 {
    bottom: 12.5625rem;
    left: 35.9375rem;
    width: 24.32rem;
    --w: 22.25rem;
    --l: 0.1875rem;
    --b: -1.1875rem;
  }
  .p-tour .tour-map #map-wrapper #map-vr-03 {
    top: 19rem;
    right: 9.6431rem;
    width: 32.1069rem;
    --w: 16.1875rem;
    --l: 4.6875rem;
    --b: 2.9375rem;
  }
  .p-tour .tour-map #map-wrapper #map-vr-04 {
    top: 16.3069rem;
    left: 4.875rem;
    width: 23.8556rem;
    --w: 16.1875rem;
    --l: 3.75rem;
    --b: -1.6875rem;
  }
  .p-tour .tour-map #map-wrapper #map-vr-05 {
    top: 28.9375rem;
    left: 6.3125rem;
    width: 20.995rem;
    --w: 16.1875rem;
    --l: 0.9375rem;
    --b: -1.4375rem;
  }
  .p-tour .tour-map #map-wrapper .map_illust:nth-last-child(1) {
    position: absolute;
    right: 5.0625rem;
    bottom: calc(3.375rem * -1);
    width: 19.4375rem;
  }
  .p-tour .tour-map #map-wrapper .map_illust:nth-last-child(2) {
    position: absolute;
    top: 0.125rem;
    left: calc(4.4375rem * -1);
    width: 8.4375rem;
  }
  .p-tour .tour-map__nav {
    margin-top: 5.125rem;
    display: flex;
    gap: 1.4375rem;
  }
  .p-tour .tour-map__nav .hv-bs {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: calc(var(--spacing) * 4.25);
    border-radius: var(--radius-lg);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-block: 1.4375rem 1.375rem;
  }
  .p-tour .tour-map__nav .hv-bs span {
    font-size: 1.5rem;
    --tw-leading: 1;
    line-height: 1;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }
  .p-tour .tour-map__nav .hv-bs ._icon {
    display: grid;
    height: 3.125rem;
    width: 3.125rem;
    place-content: center;
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style) !important;
    border-width: 0.1875rem !important;
  }
  .p-tour .tour-map__nav .hv-bs ._icon svg {
    width: calc(var(--spacing) * 5);
  }
  .p-tour .tour-map__nav .hv-bs.color-01 {
    border-color: var(--color-primary);
    background-color: var(--color-primary-lightest);
    color: var(--color-primary-dark);
  }
  .p-tour .tour-map__nav .hv-bs.color-01 ._icon {
    --init-bg: transparent;
    --init-stroke: var(--color-primary);
    --init-color: var(--color-primary);
    --hover-bg: var(--color-primary);
    --hover-color: #fff;
  }
  .p-tour .tour-map__nav .hv-bs.color-02 {
    border-color: var(--color-tertiary);
    background-color: var(--color-tertiary-lighter);
    color: var(--color-tertiary-dark);
  }
  .p-tour .tour-map__nav .hv-bs.color-02 ._icon {
    --init-bg: transparent;
    --init-stroke: var(--color-tertiary-dark);
    --init-color: var(--color-tertiary-dark);
    --hover-bg: var(--color-tertiary-dark);
    --hover-color: #fff;
  }
  .p-tour .tour-map__nav .hv-bs.color-03 {
    border-color: var(--color-secondary);
    background-color: var(--color-secondary-lighter);
    color: var(--color-secondary-dark);
  }
  .p-tour .tour-map__nav .hv-bs.color-03 ._icon {
    --init-bg: transparent;
    --init-stroke: var(--color-secondary);
    --init-color: var(--color-secondary);
    --hover-bg: var(--color-secondary);
    --hover-color: #fff;
  }
  .p-tour .tour-map__nav .hv-bs:nth-child(1) {
    width: 13.1875rem;
  }
  .p-tour .tour-map__nav .hv-bs:nth-child(2) {
    width: 22.375rem;
    gap: calc(var(--spacing) * 2);
  }
  .p-tour .tour-map__nav .hv-bs:nth-child(3) {
    width: 13.1875rem;
  }
  .p-tour .tour-map__nav .hv-bs:nth-child(4) {
    width: 16.75rem;
    gap: calc(var(--spacing) * 0);
  }
  .p-tour .tour-map__nav .hv-bs:nth-child(5) {
    width: 18.9375rem;
    gap: calc(var(--spacing) * 0);
  }
  @media (width < 48rem) {
    .p-tour .tour-map {
      margin-top: calc(27.5625rem * -1);
    }
    .p-tour .tour-map #map-wrapper {
      aspect-ratio: 335/540;
      border-radius: 0.8069rem;
      background-image: url('./assets/img/map_bg_sp.svg');
    }
    .p-tour .tour-map #map-wrapper .sc-title {
      padding-top: calc(var(--spacing) * 10);
    }
    .p-tour .tour-map #map-wrapper .sc-title img {
      margin-bottom: calc(var(--spacing) * 1.75);
      width: calc(var(--spacing) * 10);
    }
    .p-tour .tour-map #map-wrapper #map {
      top: 14.8125rem;
      left: 1.6875rem;
      width: 17.8125rem;
    }
    .p-tour .tour-map #map-wrapper #sub-map-01 {
      top: 21.0625rem;
      left: 5.75rem;
      width: 3.3381rem;
    }
    .p-tour .tour-map #map-wrapper #sub-map-02 {
      top: 19.4375rem;
      left: 8.25rem;
      width: 2.7306rem;
    }
    .p-tour .tour-map #map-wrapper #pin {
      top: 19.8906rem;
      left: 7.6294rem;
      height: 3.125rem;
      width: 2.4375rem;
    }
    .p-tour .tour-map #map-wrapper #pin img {
      width: 1.375rem;
    }
    .p-tour .tour-map #map-wrapper #pin img:nth-child(1) {
      bottom: calc(var(--spacing) * 0);
      left: calc(var(--spacing) * 0);
    }
    .p-tour .tour-map #map-wrapper #pin img:nth-child(2) {
      right: calc(var(--spacing) * 0);
      bottom: 0.8594rem;
    }
    .p-tour .tour-map #map-wrapper #pin img:nth-child(3) {
      top: calc(var(--spacing) * 0);
      left: calc(var(--spacing) * 1);
    }
    .p-tour .tour-map #map-wrapper #line {
      top: 14.125rem;
      left: 6.1875rem;
      height: 14.9375rem;
      width: 9.3125rem;
    }
    .p-tour .tour-map #map-wrapper #line svg:nth-child(4) {
      right: calc(var(--spacing) * 0);
      bottom: calc(var(--spacing) * 0);
      height: 6.25rem;
      width: 7.1875rem;
      --stroke-offset: 0;
    }
    .p-tour .tour-map #map-wrapper #line svg:nth-child(4) path {
      stroke-dasharray: 210;
    }
    .p-tour .tour-map #map-wrapper #line svg:nth-child(5) {
      top: 3.5rem;
      right: 2.5rem;
      height: 3.875rem;
      width: 3.1875rem;
      --stroke-offset: 0;
    }
    .p-tour .tour-map #map-wrapper #line svg:nth-child(5) path {
      stroke-dasharray: 107;
    }
    .p-tour .tour-map #map-wrapper #line svg:nth-child(6) {
      top: calc(var(--spacing) * 0);
      left: calc(var(--spacing) * 0);
      height: 6.25rem;
      width: 2.625rem;
      --stroke-offset: 0;
    }
    .p-tour .tour-map #map-wrapper #line svg:nth-child(6) path {
      stroke-dasharray: 135;
    }
    .p-tour .tour-map #map-wrapper a[id*="map-vr-"] picture img {
      max-width: max-content;
    }
    .p-tour .tour-map #map-wrapper #map-vr-01 {
      bottom: 6.0625rem;
      left: 7.625rem;
      width: 15.8125rem;
      --w: 5.5812rem;
      --l: 4.25rem;
      --b: 1.0306rem;
    }
    .p-tour .tour-map #map-wrapper #map-vr-02 {
      bottom: 4.5rem;
      left: 1.625rem;
      width: 9.3125rem;
      --w: 11.875rem;
      --l: 0.0625rem;
      --b: -1.0581rem;
    }
    .p-tour .tour-map #map-wrapper #map-vr-03 {
      top: 11.75rem;
      right: 0.875rem;
      width: 11.25rem;
      --w: 5.6719rem;
      --l: 2.7675rem;
      --b: 0.4669rem;
    }
    .p-tour .tour-map #map-wrapper #map-vr-04 {
      top: 10.8994rem;
      left: 0.8638rem;
      width: 8.1312rem;
      --w: 8.3688rem;
      --l: 0.8169rem;
      --b: -0.5613rem;
    }
    .p-tour .tour-map #map-wrapper #map-vr-05 {
      top: 15.25rem;
      left: 1.375rem;
      width: 7.1556rem;
      --w: 9.8125rem;
      --l: 0.3275rem;
      --b: -0.5038rem;
    }
    .p-tour .tour-map #map-wrapper .map_illust:nth-last-child(1) {
      right: 1.375rem;
      bottom: calc(2.1875rem * -1);
      width: 6.5rem;
    }
    .p-tour .tour-map #map-wrapper .map_illust:nth-last-child(2) {
      top: calc(2.375rem * -1);
      left: calc(var(--spacing) * -0.5);
      width: 3.375rem;
    }
    .p-tour .tour-map button {
      top: 30.9375rem;
      right: calc(0.6131rem * -1);
    }
    .p-tour .tour-map button svg {
      height: 6.125rem;
      width: 5.3631rem;
    }
    .p-tour .tour-map__nav {
      margin-top: 3.125rem;
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: calc(var(--spacing) * 0);
    }
    .p-tour .tour-map__nav .hv-bs {
      height: 3.4825rem;
      width: 100% !important;
      flex-direction: column;
      justify-content: flex-end;
      gap: calc(var(--spacing) * 2);
      padding-top: calc(var(--spacing) * 0);
      padding-bottom: calc(var(--spacing) * 0.5);
    }
    .p-tour .tour-map__nav .hv-bs span {
      text-align: center;
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
      --tw-leading: 0.825rem;
      line-height: 0.825rem;
    }
    .p-tour .tour-map__nav .hv-bs ._icon {
      height: calc(var(--spacing) * 5);
      width: calc(var(--spacing) * 5);
      border-style: var(--tw-border-style) !important;
      border-width: 0.125rem !important;
    }
    .p-tour .tour-map__nav .hv-bs ._icon svg {
      width: 0.8331rem;
    }
    .p-tour .tour-map__nav .hv-bs:nth-child(2) {
      grid-column: span 2 / span 2;
      gap: calc(var(--spacing) * 0.25);
    }
  }
  .p-tour .tour-content__section {
    padding-top: 7.5rem;
    padding-bottom: 0.4375rem;
  }
  .p-tour .tour-content__section__title {
    display: grid;
    height: calc(var(--spacing) * 25);
    place-content: center;
    border-radius: var(--radius-lg);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-primary);
    background-color: var(--color-primary-lightest);
    text-align: center;
    font-size: 1.5rem;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-primary-dark);
  }
  .p-tour .tour-content__section__subtitle {
    margin-top: 0.6875rem;
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
    --tw-leading: 1.2;
    line-height: 1.2;
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--color-primary-dark);
  }
  @media (width >= 48rem) {
    .p-tour .tour-content__section__subtitle {
      text-align: center;
    }
  }
  .p-tour .tour-content__section__top {
    margin-top: 2.75rem;
    border-radius: 1.5rem;
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-primary);
  }
  .p-tour .tour-content__section__top ._map {
    position: relative;
    margin-inline: auto;
  }
  .p-tour .tour-content__section__top ._map ._ruler {
    position: absolute;
    background-position: center;
    --ruler-color: var(--color-primary);
  }
  .p-tour .tour-content__section__top ._map ._ruler.-x {
    height: 2.0625rem;
    background-image: repeating-linear-gradient( to right, var(--ruler-color) 0 .5rem, transparent .5rem 1rem );
    background-size: auto .125rem;
    background-repeat: repeat-x;
  }
  .p-tour .tour-content__section__top ._map ._ruler.-x svg {
    position: absolute;
    top: calc(var(--spacing) * 0);
    height: 1.1875rem;
    width: calc(var(--spacing) * 8);
    --tw-translate-y: .4375rem;
    translate: var(--tw-translate-x) var(--tw-translate-y);
    color: var(--color-primary);
  }
  .p-tour .tour-content__section__top ._map ._ruler.-x svg:nth-child(1) {
    left: calc(var(--spacing) * 0);
    --tw-translate-x: calc(0.5625rem * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    rotate: 90deg;
  }
  .p-tour .tour-content__section__top ._map ._ruler.-x svg:nth-child(2) {
    right: calc(var(--spacing) * 0);
    --tw-translate-x: 0.5625rem;
    translate: var(--tw-translate-x) var(--tw-translate-y);
    rotate: 270deg;
  }
  .p-tour .tour-content__section__top ._map ._ruler.-y {
    width: 2.0625rem;
    background-image: repeating-linear-gradient( to bottom, var(--ruler-color) 0 .5rem, transparent .5rem 1rem );
    background-size: .125rem auto;
    background-repeat: repeat-y;
  }
  .p-tour .tour-content__section__top ._map ._ruler.-y svg {
    position: absolute;
    left: calc(var(--spacing) * 0);
    height: 1.1875rem;
    width: calc(var(--spacing) * 8);
    color: var(--color-primary);
  }
  .p-tour .tour-content__section__top ._map ._ruler.-y svg:nth-child(1) {
    top: calc(var(--spacing) * 0);
    rotate: 180deg;
  }
  .p-tour .tour-content__section__top ._map ._ruler.-y svg:nth-child(2) {
    bottom: calc(var(--spacing) * 0);
  }
  .p-tour .tour-content__section__top ._stats {
    position: relative;
    margin-inline: auto;
    display: flex;
    width: 79.4375rem;
    justify-content: space-between;
  }
  .p-tour .tour-content__section__top ._stats ._ballon {
    position: relative;
    z-index: 0;
    margin-bottom: calc(5.0625rem * -1);
    display: grid;
    height: 13.625rem;
    place-content: center;
    border-radius: calc(infinity * 1px);
    background-color: var(--color-primary);
    text-align: center;
    --tw-leading: 1;
    line-height: 1;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-primary-darker);
  }
  .p-tour .tour-content__section__top ._stats ._ballon:before {
    position: absolute;
    bottom: 1.2437rem;
    z-index: calc(1 * -1);
    aspect-ratio: 60/26;
    width: 3.7719rem;
    background-image: url('./assets/img/ballon-arrow2.png');
    background-size: contain;
    --tw-content: '';
    content: var(--tw-content);
  }
  .p-tour .tour-content__section__top ._stats ._ballon span {
    display: inline-block;
  }
  .p-tour .tour-content__section__top ._stats ._ballon p {
    font-size: 2rem;
  }
  .p-tour .tour-content__section__top ._stats ._ballon p span {
    font-size: 1.5rem;
  }
  .p-tour .tour-content__section__top ._stats ._ballon div {
    padding-left: calc(var(--spacing) * 2);
    font-size: 6.4287rem;
  }
  .p-tour .tour-content__section__top ._stats ._ballon div span {
    font-size: 3.8575rem;
  }
  .p-tour .tour-content__section__top ._stats ._ballon div span span {
    padding-left: calc(var(--spacing) * 1.5);
    font-size: 1.5rem;
  }
  .p-tour .tour-content__section__top ._stats ._ballon:nth-of-type(1) {
    width: 31.4375rem;
  }
  .p-tour .tour-content__section__top ._stats ._ballon:nth-of-type(1):before {
    right: calc(0.5306rem * -1);
    rotate: 23.24deg;
  }
  .p-tour .tour-content__section__top ._stats ._ballon:nth-of-type(1) p {
    margin-bottom: calc(var(--spacing) * -3);
  }
  .p-tour .tour-content__section__top ._stats ._ballon:nth-of-type(2) {
    width: 32.5rem;
  }
  .p-tour .tour-content__section__top ._stats ._ballon:nth-of-type(2):before {
    left: calc(0.5306rem * -1);
    --tw-scale-x: calc(100% * -1);
    scale: var(--tw-scale-x) var(--tw-scale-y);
    rotate: calc(23.24deg * -1);
  }
  .p-tour .tour-content__section__top ._stats ._ballon:nth-of-type(2) div {
    margin-top: calc(var(--spacing) * -3);
  }
  .p-tour .tour-content__section__top ._stats ._ballon:nth-of-type(2) p {
    margin-top: calc(var(--spacing) * -1);
  }
  .p-tour .tour-content__section__top ._stats > img {
    position: absolute;
    left: calc(1/2 * 100%);
    --tw-translate-x: calc(calc(1/2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .p-tour .tour-content__section__bottom {
    position: relative;
    margin-top: 9rem;
    border-radius: 1.5rem;
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-primary);
    background-color: var(--color-primary-lightest);
    padding-inline: 2.125rem;
    padding-block: 5.0625rem 4.5rem;
  }
  .p-tour .tour-content__section__bottom__illust {
    position: absolute;
    --tw-translate-x: -100%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .p-tour .tour-content__section__bottom__title {
    position: relative;
    margin-inline: auto;
    display: flex;
    width: 46.375rem;
    justify-content: center;
    gap: 0.6875rem;
    padding-bottom: 2.0625rem;
  }
  .p-tour .tour-content__section__bottom__title ._line {
    position: absolute;
    bottom: calc(var(--spacing) * 0);
    left: calc(var(--spacing) * 0);
    height: 0.0625rem;
    width: 100%;
    transform-origin: bottom left;
    background-color: var(--color-primary-dark);
  }
  .p-tour .tour-content__section__bottom__title > span {
    display: grid;
    height: 6.93rem;
    width: 6.93rem;
    place-content: center;
    border-radius: calc(infinity * 1px);
    background-color: var(--color-secondary);
    font-size: 2.205rem;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-white);
  }
  .p-tour .tour-content__section__bottom__title > div {
    --tw-leading: 1;
    line-height: 1;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-primary-dark);
  }
  .p-tour .tour-content__section__bottom__title > div span {
    margin-bottom: calc(var(--spacing) * -2);
    display: block;
    font-size: 2.205rem;
    --tw-tracking: .04em;
    letter-spacing: .04em;
  }
  .p-tour .tour-content__section__bottom__title > div div {
    font-size: 5.25rem;
  }
  .p-tour .tour-content__section__bottom__balloon {
    position: absolute;
    top: 4.875rem;
    left: calc(var(--spacing) * 1.25);
    height: 6.1638rem;
    width: 12.025rem;
    background-image: url('./assets/img/balloon-chat.svg');
    background-size: contain;
    background-repeat: no-repeat;
    padding-top: calc(var(--spacing) * 2.5);
    padding-left: calc(var(--spacing) * 1);
    text-align: center;
    font-size: 1.5rem;
    --tw-leading: 2.45;
    line-height: 2.45;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-white);
  }
  .p-tour .tour-content__section__bottom__cards {
    margin-top: 15.375rem;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1.3125rem;
  }
  .p-tour .tour-content__section__bottom__cards li {
    position: relative;
  }
  .p-tour .tour-content__section__bottom__cards li .card-illust {
    position: absolute;
  }
  .p-tour .tour-content__section__bottom__cards li .card-illust > div, .p-tour .tour-content__section__bottom__cards li .card-illust > img {
    transition-property: all;
    transition-timing-function: var(--tw-ease, ease);
    transition-duration: var(--tw-duration, 0s);
    --tw-duration: 200ms;
    transition-duration: 200ms;
    --tw-ease: var(--ease-out);
    transition-timing-function: var(--ease-out);
  }
  .p-tour .tour-content__section__bottom__cards li .card-illust__chat {
    position: absolute;
    color: var(--color-secondary);
  }
  .p-tour .tour-content__section__bottom__cards li .card-illust__chat svg {
    height: 9.7044rem;
    width: 9.4794rem;
  }
  .p-tour .tour-content__section__bottom__cards li .card-illust__chat p {
    position: absolute;
    top: calc(1/2 * 100%);
    width: 100%;
    --tw-translate-y: calc(calc(1/2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    padding-bottom: 0.875rem;
    padding-left: 0.875rem;
    text-align: center;
    font-size: 1.5rem;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-secondary-dark);
  }
  .p-tour .tour-content__section__bottom__cards li a {
    position: relative;
  }
  @media (hover: hover) {
    .p-tour .tour-content__section__bottom__cards li:hover .card-illust > div, .p-tour .tour-content__section__bottom__cards li:hover .card-illust > img {
      --tw-translate-y: calc(var(--spacing) * -10);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  .p-tour .tour-content__section__bottom__card {
    display: block;
    overflow: hidden;
    border-radius: 1.5rem;
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-primary);
  }
  .p-tour .tour-content__section__bottom__card__thumb {
    overflow: hidden;
  }
  .p-tour .tour-content__section__bottom__card__thumb img {
    aspect-ratio: 440/359;
    transition-property: all;
    transition-timing-function: var(--tw-ease, ease);
    transition-duration: var(--tw-duration, 0s);
    --tw-duration: 600ms;
    transition-duration: 600ms;
    --tw-ease: var(--ease-out);
    transition-timing-function: var(--ease-out);
  }
  .p-tour .tour-content__section__bottom__card__text {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    border-color: var(--color-primary);
    background-color: var(--color-white);
    padding: calc(var(--spacing) * 2.5);
    color: var(--color-primary-dark);
  }
  .p-tour .tour-content__section__bottom__card__text h4 {
    text-align: center;
    font-size: 1.25rem;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }
  .p-tour .tour-content__section__bottom__card__text p {
    margin-top: calc(var(--spacing) * 2);
    min-height: calc(var(--spacing) * 20);
    padding-inline: calc(var(--spacing) * 9);
    font-size: 1.25rem;
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }
  .p-tour .tour-content__section__bottom__card__text .ps-link {
    margin-top: calc(var(--spacing) * 2.5);
    margin-left: auto;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: calc(var(--spacing) * 2);
    color: var(--color-primary);
  }
  .p-tour .tour-content__section__bottom__card__text .ps-link span {
    font-size: 1.5rem;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }
  .p-tour .tour-content__section__bottom__card__text .ps-link ._icon {
    display: grid;
    height: 3.25rem;
    width: 3.25rem;
    place-content: center;
    border-radius: calc(infinity * 1px);
  }
  .p-tour .tour-content__section__bottom__card__text .ps-link ._icon svg {
    width: calc(var(--spacing) * 5);
  }
  @media (hover: hover) {
    .p-tour .tour-content__section__bottom__card:hover .home-vr__card__thumb img {
      --tw-scale-x: 105%;
      --tw-scale-y: 105%;
      --tw-scale-z: 105%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
  }
  .p-tour .tour-content__section > .hv-bs {
    position: relative;
    margin-inline: auto;
    margin-top: 0.9375rem;
    display: block;
    width: max-content;
  }
  .p-tour .tour-content__section > .hv-bs > div {
    display: flex;
    height: 12.125rem;
    width: 44.25rem;
    align-items: center;
    justify-content: center;
    gap: 0.6875rem;
    border-radius: 25.25rem;
    border-style: var(--tw-border-style);
    border-width: 1.875rem;
    border-color: var(--color-primary-light);
    background-color: var(--color-primary);
  }
  @media (hover: hover) {
    .p-tour .tour-content__section > .hv-bs > div:hover {
      opacity: 50% !important;
    }
  }
  .p-tour .tour-content__section > .hv-bs > div {
    transition: opacity 1s cubic-bezier(0.2, 1, 0.21, 1);
  }
  .p-tour .tour-content__section > .hv-bs span {
    text-align: center;
    font-size: 1.5rem;
    --tw-leading: 1.2;
    line-height: 1.2;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }
  .p-tour .tour-content__section > .hv-bs ._icon {
    display: grid;
    height: 3.125rem;
    width: 3.125rem;
    place-content: center;
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style) !important;
    border-width: 0.1875rem !important;
    --init-bg: transparent;
    --init-stroke: var(--color-primary-darker);
    --init-color: var(--color-primary-darker);
    --hover-bg: var(--color-primary-darker);
    --hover-color: #fff;
  }
  .p-tour .tour-content__section > .hv-bs ._icon svg {
    width: calc(var(--spacing) * 5);
  }
  .p-tour .tour-content__section > .hv-bs ._illust {
    pointer-events: none;
    position: absolute;
    top: 2.1875rem;
    right: calc(11.375rem * -1);
    width: 16.125rem;
    -webkit-user-select: none;
    user-select: none;
  }
  .p-tour .tour-content__section.-color-02 .tour-content__section__title {
    border-color: var(--color-tertiary);
    background-color: var(--color-tertiary-lighter);
    color: var(--color-tertiary-dark);
  }
  .p-tour .tour-content__section.-color-02 .tour-content__section__subtitle {
    color: var(--color-tertiary-dark);
  }
  .p-tour .tour-content__section.-color-02 .tour-content__section__top {
    border-color: var(--color-tertiary);
  }
  .p-tour .tour-content__section.-color-02 .tour-content__section__top ._map ._ruler {
    --ruler-color: var(--color-tertiary);
  }
  .p-tour .tour-content__section.-color-02 .tour-content__section__top ._map ._ruler svg {
    color: var(--color-tertiary);
  }
  .p-tour .tour-content__section.-color-02 .tour-content__section__top ._stats ._ballon {
    background-color: var(--color-tertiary);
    color: var(--color-tertiary-darker);
  }
  .p-tour .tour-content__section.-color-02 .tour-content__section__top ._stats ._ballon::before {
    background-image: url('./assets/img/ballon-arrow3.png');
  }
  .p-tour .tour-content__section.-color-02 .tour-content__section__bottom {
    border-color: var(--color-tertiary);
    background-color: var(--color-tertiary-lighter);
  }
  .p-tour .tour-content__section.-color-02 .tour-content__section__bottom__title > div {
    color: var(--color-tertiary-dark);
  }
  .p-tour .tour-content__section.-color-02 .tour-content__section__bottom__title ._line {
    background-color: var(--color-tertiary-dark);
  }
  .p-tour .tour-content__section.-color-02 .tour-content__section__bottom__balloon {
    background-image: url('./assets/img/balloon-chat2_sp.svg');
  }
  @media (width >= 48rem) {
    .p-tour .tour-content__section.-color-02 .tour-content__section__bottom__balloon {
      background-image: url('./assets/img/balloon-chat2.svg');
    }
  }
  @media (width >= 48rem) {
    .p-tour .tour-content__section.-color-02 .tour-content__section__bottom__balloon {
      padding-left: calc(var(--spacing) * 5);
    }
  }
  .p-tour .tour-content__section.-color-02 .tour-content__section__bottom__cards li .card-illust__chat {
    color: var(--color-primary);
  }
  .p-tour .tour-content__section.-color-02 .tour-content__section__bottom__cards li .card-illust__chat p {
    color: var(--color-primary-dark);
  }
  .p-tour .tour-content__section.-color-02 .tour-content__section__bottom__card {
    border-color: var(--color-tertiary);
  }
  .p-tour .tour-content__section.-color-02 .tour-content__section__bottom__card__text {
    border-color: var(--color-tertiary);
  }
  .p-tour .tour-content__section.-color-02 .tour-content__section__bottom__card__text h4 {
    color: var(--color-tertiary-dark);
  }
  .p-tour .tour-content__section.-color-02 .tour-content__section__bottom__card__text p {
    color: var(--color-tertiary-dark);
  }
  .p-tour .tour-content__section.-color-02 .tour-content__section__bottom__card__text .ps-link {
    color: var(--color-tertiary);
  }
  .p-tour .tour-content__section.-color-02 .tour-content__section__bottom__card__text .ps-link ._icon {
    --init-bg: var(--color-tertiary);
    --init-color: #fff;
    --hover-color: var(--color-tertiary);
    --hover-bg: #fff;
  }
  .p-tour .tour-content__section.-color-02 > .hv-bs > div {
    border-color: var(--color-tertiary-light);
    background-color: var(--color-tertiary);
    color: var(--color-tertiary-darker);
  }
  .p-tour .tour-content__section.-color-02 > .hv-bs > div ._icon {
    --init-color: var(--color-tertiary-darker);
    --init-stroke: var(--color-tertiary-darker);
    --hover-bg: var(--color-tertiary-darker);
    --hover-color: #fff;
  }
  .p-tour .tour-content__section.-color-03 .tour-content__section__title {
    border-color: var(--color-secondary);
    background-color: var(--color-secondary-lighter);
    color: var(--color-secondary-dark);
  }
  .p-tour .tour-content__section.-color-03 .tour-content__section__subtitle {
    color: var(--color-secondary-dark);
  }
  .p-tour .tour-content__section.-color-03 .tour-content__section__top {
    border-color: var(--color-secondary);
  }
  .p-tour .tour-content__section.-color-03 .tour-content__section__top ._map ._ruler {
    --ruler-color: var(--color-secondary);
  }
  .p-tour .tour-content__section.-color-03 .tour-content__section__top ._map ._ruler svg {
    color: var(--color-secondary);
  }
  .p-tour .tour-content__section.-color-03 .tour-content__section__top ._stats ._ballon {
    background-color: var(--color-secondary);
    color: var(--color-secondary-darker);
  }
  .p-tour .tour-content__section.-color-03 .tour-content__section__top ._stats ._ballon::before {
    background-image: url('./assets/img/ballon-arrow4.png');
  }
  .p-tour .tour-content__section.-color-03 .tour-content__section__bottom {
    border-color: var(--color-secondary);
    background-color: var(--color-secondary-lighter);
  }
  .p-tour .tour-content__section.-color-03 .tour-content__section__bottom__title > div {
    color: var(--color-secondary-dark);
  }
  .p-tour .tour-content__section.-color-03 .tour-content__section__bottom__title ._line {
    background-color: var(--color-secondary-dark);
  }
  .p-tour .tour-content__section.-color-03 .tour-content__section__bottom__balloon {
    background-image: url('./assets/img/balloon-chat2_sp.svg');
  }
  @media (width >= 48rem) {
    .p-tour .tour-content__section.-color-03 .tour-content__section__bottom__balloon {
      background-image: url('./assets/img/balloon-chat2.svg');
    }
  }
  .p-tour .tour-content__section.-color-03 .tour-content__section__bottom__cards li .card-illust__chat {
    color: var(--color-secondary);
  }
  .p-tour .tour-content__section.-color-03 .tour-content__section__bottom__cards li .card-illust__chat p {
    color: var(--color-secondary-dark);
  }
  .p-tour .tour-content__section.-color-03 .tour-content__section__bottom__card {
    border-color: var(--color-secondary);
  }
  .p-tour .tour-content__section.-color-03 .tour-content__section__bottom__card__text {
    border-color: var(--color-secondary);
  }
  .p-tour .tour-content__section.-color-03 .tour-content__section__bottom__card__text h4 {
    color: var(--color-secondary-dark);
  }
  .p-tour .tour-content__section.-color-03 .tour-content__section__bottom__card__text p {
    color: var(--color-secondary-dark);
  }
  .p-tour .tour-content__section.-color-03 .tour-content__section__bottom__card__text .ps-link {
    color: var(--color-secondary);
  }
  .p-tour .tour-content__section.-color-03 .tour-content__section__bottom__card__text .ps-link ._icon {
    --init-bg: var(--color-secondary);
    --init-color: #fff;
    --hover-color: var(--color-secondary);
    --hover-bg: #fff;
  }
  .p-tour .tour-content__section.-color-03 > .hv-bs > div {
    border-color: var(--color-secondary-light);
    background-color: var(--color-secondary);
    color: var(--color-secondary-darker);
  }
  .p-tour .tour-content__section.-color-03 > .hv-bs > div ._icon {
    --init-color: var(--color-secondary-darker);
    --init-stroke: var(--color-secondary-darker);
    --hover-bg: var(--color-secondary-darker);
    --hover-color: #fff;
  }
  .p-tour .tour-content__section#point-01 .tour-content__section__top ._map {
    margin-top: calc(var(--spacing) * 5.5);
    margin-bottom: calc(var(--spacing) * 2);
    width: calc(var(--spacing) * 256);
    --tw-translate-x: calc(var(--spacing) * -8);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .p-tour .tour-content__section#point-01 .tour-content__section__top ._map ._ruler.-x {
    top: calc(var(--spacing) * 10.75);
    left: calc(var(--spacing) * 5.75);
    --w: 60.9375rem;
    width: var(--w);
  }
  .p-tour .tour-content__section#point-01 .tour-content__section__top ._map ._ruler.-y {
    right: calc(var(--spacing) * -8.75);
    bottom: calc(var(--spacing) * 7);
    height: calc(var(--spacing) * 70.5);
    --h: 17.625rem;
    height: var(--h);
  }
  .p-tour .tour-content__section#point-01 .tour-content__section__top ._stats img {
    bottom: calc(var(--spacing) * -28);
    width: calc(var(--spacing) * 61.25);
  }
  .p-tour .tour-content__section#point-01 .tour-content__section__bottom__illust {
    top: 1.125rem;
    left: calc(var(--spacing) * 0);
    width: 13.125rem;
  }
  .p-tour .tour-content__section#point-01 .tour-content__section__bottom__cards .card-illust {
    top: calc(8.375rem * -1);
    left: calc(1/2 * 100%);
    width: 8.4375rem;
    --tw-translate-x: calc(calc(1/2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .p-tour .tour-content__section#point-01 .tour-content__section__bottom__cards .card-illust__chat {
    top: calc(3.375rem * -1);
    right: calc(8.5625rem * -1);
  }
  .p-tour .tour-content__section#point-02 .tour-content__section__top ._map {
    margin-top: 4.0625rem;
    margin-bottom: calc(1.375rem * -1);
    width: 32.5rem;
    --tw-translate-x: calc(1.9375rem * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .p-tour .tour-content__section#point-02 .tour-content__section__top ._map ._ruler.-x {
    top: calc(1.6875rem * -1);
    left: 3.5625rem;
    --w: 23.5625rem;
    width: var(--w);
  }
  .p-tour .tour-content__section#point-02 .tour-content__section__top ._map ._ruler.-y {
    right: 1.5625rem;
    bottom: 1.5625rem;
    height: calc(var(--spacing) * 70.5);
    --h: 21.6875rem;
    height: var(--h);
  }
  .p-tour .tour-content__section#point-02 .tour-content__section__top ._stats img {
    bottom: calc(7.375rem * -1);
    width: 16.75rem;
  }
  .p-tour .tour-content__section#point-02 .tour-content__section__bottom__illust {
    top: 0.8125rem;
    left: calc(var(--spacing) * 0);
    width: 12.6875rem;
  }
  .p-tour .tour-content__section#point-02 .tour-content__section__bottom__cards .card-illust {
    top: calc(8.8125rem * -1);
    left: calc(1/2 * 100%);
    width: 12.625rem;
    --tw-translate-x: calc(calc(1/2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .p-tour .tour-content__section#point-02 .tour-content__section__bottom__cards .card-illust__chat {
    top: calc(2.9375rem * -1);
    right: calc(6.25rem * -1);
  }
  .p-tour .tour-content__section#point-03 .tour-content__section__top ._map {
    margin-top: 4.0625rem;
    margin-bottom: calc(2.25rem * -1);
    width: 63.9656rem;
    --tw-translate-x: calc(var(--spacing) * 8);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .p-tour .tour-content__section#point-03 .tour-content__section__top ._map ._ruler.-x {
    top: calc(var(--spacing) * -7);
    left: calc(var(--spacing) * 36);
    --w: 35.1875rem;
    width: var(--w);
  }
  .p-tour .tour-content__section#point-03 .tour-content__section__top ._map ._ruler.-y {
    right: calc(var(--spacing) * 63);
    bottom: calc(var(--spacing) * 18);
    height: calc(var(--spacing) * 70.5);
    --h: 18.8125rem;
    height: var(--h);
  }
  .p-tour .tour-content__section#point-03 .tour-content__section__top ._stats img {
    bottom: calc(7.5rem * -1);
    width: 9.9375rem;
  }
  .p-tour .tour-content__section#point-03 .tour-content__section__bottom__illust {
    top: calc(2.125rem * -1);
    left: 2.6875rem;
    width: 18.25rem;
  }
  .p-tour .tour-content__section#point-03 .tour-content__section__bottom__cards .card-illust {
    top: calc(8rem * -1);
    left: calc(1/2 * 100%);
    width: 9.0625rem;
    --tw-translate-x: calc(calc(1/2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .p-tour .tour-content__section#point-03 .tour-content__section__bottom__cards .card-illust__chat {
    top: calc(3.75rem * -1);
    right: calc(7.9375rem * -1);
  }
  .p-tour .tour-content__section#point-04 .tour-content__section__top ._map {
    margin-top: 5rem;
    margin-bottom: calc(0.4375rem * -1);
    width: 56.8125rem;
    --tw-translate-x: calc(var(--spacing) * -8);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .p-tour .tour-content__section#point-04 .tour-content__section__top ._map ._ruler.-x {
    top: calc(var(--spacing) * -5);
    left: 6.5rem;
    --w: 39.25rem;
    width: var(--w);
  }
  .p-tour .tour-content__section#point-04 .tour-content__section__top ._map ._ruler.-y {
    right: 7.375rem;
    bottom: 3.25rem;
    height: 16rem;
    --h: 16.75rem;
    height: var(--h);
  }
  .p-tour .tour-content__section#point-04 .tour-content__section__top ._stats img {
    bottom: calc(7.5rem * -1);
    width: 12.9375rem;
  }
  .p-tour .tour-content__section#point-04 .tour-content__section__bottom__illust {
    top: 2rem;
    left: 0.1875rem;
    width: 13rem;
  }
  .p-tour .tour-content__section#point-04 .tour-content__section__bottom__cards {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .p-tour .tour-content__section#point-04 .tour-content__section__bottom__cards .card-illust {
    top: calc(8rem * -1);
    left: calc(1/2 * 100%);
    width: 9.0625rem;
    --tw-translate-x: calc(calc(1/2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .p-tour .tour-content__section#point-04 .tour-content__section__bottom__cards .card-illust__chat {
    top: calc(3.75rem * -1);
    right: calc(7.9375rem * -1);
  }
  @media (width >= 48rem) {
    .p-tour .tour-content__section#point-04 .tour-content__section__bottom__card__thumb img {
      height: 22.4375rem;
    }
  }
  @media (width >= 48rem) {
    .p-tour .tour-content__section#point-04 .tour-content__section__bottom__card__thumb img {
      width: 100%;
    }
  }
  @media (width >= 48rem) {
    .p-tour .tour-content__section#point-04 .tour-content__section__bottom__card__thumb img {
      object-fit: cover;
    }
  }
  @media (width >= 48rem) {
    .p-tour .tour-content__section#point-04 .tour-content__section__bottom__card__text p {
      text-align: center;
    }
  }
  .p-tour .tour-content__section#point-05 .tour-content__section__top ._map {
    margin-top: 6.0625rem;
    margin-bottom: 2.625rem;
    width: 46rem;
    --tw-translate-x: calc(var(--spacing) * -8);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .p-tour .tour-content__section#point-05 .tour-content__section__top ._map ._ruler.-x {
    top: calc(var(--spacing) * -7);
    left: 15.75rem;
    --w: 16.375rem;
    width: var(--w);
  }
  .p-tour .tour-content__section#point-05 .tour-content__section__top ._map ._ruler.-y {
    right: 11.25rem;
    bottom: 0.4375rem;
    height: calc(var(--spacing) * 70.5);
    --h: 16.75rem;
    height: var(--h);
  }
  .p-tour .tour-content__section#point-05 .tour-content__section__top ._stats img {
    bottom: calc(7.5rem * -1);
    width: 12.9375rem;
  }
  .p-tour .tour-content__section#point-05 .tour-content__section__bottom__illust {
    top: 3.125rem;
    left: calc(0.375rem * -1);
    width: 12.4375rem;
  }
  .p-tour .tour-content__section#point-05 .tour-content__section__bottom__cards .card-illust {
    top: calc(8rem * -1);
    left: calc(1/2 * 100%);
    width: 8.4375rem;
    --tw-translate-x: calc(calc(1/2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .p-tour .tour-content__section#point-05 .tour-content__section__bottom__cards .card-illust__chat {
    top: calc(3.375rem * -1);
    right: calc(8.5625rem * -1);
  }
  @media (width < 48rem) {
    .p-tour .tour-content__section {
      padding-top: calc(var(--spacing) * 20);
      padding-bottom: calc(var(--spacing) * 0);
    }
    .p-tour .tour-content__section__title {
      height: 3.5rem;
      border-radius: 0.3344rem;
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
    }
    .p-tour .tour-content__section__subtitle {
      margin-top: 1.5rem;
      width: calc(100% + 0.125rem);
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
    }
    .p-tour .tour-content__section__top {
      margin-top: 1.5rem;
    }
    .p-tour .tour-content__section__top ._map ._ruler.-x {
      height: 0.6875rem;
    }
    .p-tour .tour-content__section__top ._map ._ruler.-x svg {
      height: 0.3937rem;
      width: 0.6875rem;
      --tw-translate-y: 0.1875rem;
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .p-tour .tour-content__section__top ._map ._ruler.-x svg:nth-child(1) {
      --tw-translate-x: calc(0.25rem * -1);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .p-tour .tour-content__section__top ._map ._ruler.-x svg:nth-child(2) {
      --tw-translate-x: 0.25rem;
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .p-tour .tour-content__section__top ._map ._ruler.-y {
      width: 0.6875rem;
    }
    .p-tour .tour-content__section__top ._map ._ruler.-y svg {
      height: 0.3937rem;
      width: 0.6875rem;
      --tw-translate-x: 0.0313rem;
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .p-tour .tour-content__section__top ._map ._ruler.-y svg:nth-child(1) {
      --tw-translate-y: calc(0.125rem * -1);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .p-tour .tour-content__section__top ._map ._ruler.-y svg:nth-child(2) {
      --tw-translate-y: 0.125rem;
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .p-tour .tour-content__section__top ._stats {
      width: 19.6875rem;
    }
    .p-tour .tour-content__section__top ._stats ._ballon {
      height: 4.4375rem;
    }
    .p-tour .tour-content__section__top ._stats ._ballon::before {
      bottom: calc(6px * -1);
      height: 0.5325rem;
      width: 1.225rem;
      --tw-scale-x: 120%;
      --tw-scale-y: 120%;
      --tw-scale-z: 120%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
    .p-tour .tour-content__section__top ._stats ._ballon:nth-of-type(1) {
      width: 9.625rem;
    }
    .p-tour .tour-content__section__top ._stats ._ballon:nth-of-type(1)::before {
      right: 3.4375rem;
      --tw-scale-x: calc(120% * -1);
      scale: var(--tw-scale-x) var(--tw-scale-y);
      rotate: calc(127.28deg * -1);
    }
    .p-tour .tour-content__section__top ._stats ._ballon:nth-of-type(1) p {
      margin-top: calc(var(--spacing) * -0.5);
      margin-bottom: calc(var(--spacing) * -0.5);
    }
    .p-tour .tour-content__section__top ._stats ._ballon:nth-of-type(2) {
      width: 9.625rem;
    }
    .p-tour .tour-content__section__top ._stats ._ballon:nth-of-type(2)::before {
      left: 4.175rem;
      --tw-scale-x: 120%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
      rotate: 127.28deg;
    }
    .p-tour .tour-content__section__top ._stats ._ballon:nth-of-type(2) p {
      margin-top: calc(var(--spacing) * -0.5);
    }
    .p-tour .tour-content__section__top ._stats ._ballon:nth-of-type(2) div {
      margin-top: calc(var(--spacing) * -1.5);
    }
    .p-tour .tour-content__section__top ._stats ._ballon p {
      font-size: 0.9375rem;
    }
    .p-tour .tour-content__section__top ._stats ._ballon p span {
      font-size: 0.8125rem;
    }
    .p-tour .tour-content__section__top ._stats ._ballon div {
      font-size: 2.0875rem;
    }
    .p-tour .tour-content__section__top ._stats ._ballon div span {
      font-size: 1.2525rem;
    }
    .p-tour .tour-content__section__top ._stats ._ballon div span span {
      padding-left: calc(var(--spacing) * 0.5);
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
    }
    .p-tour .tour-content__section__bottom {
      margin-top: 4.5625rem;
      padding-inline: 1.5625rem;
      padding-block: 3rem;
    }
    .p-tour .tour-content__section__bottom__title {
      width: 15.9375rem;
      gap: 0.4375rem;
      padding-bottom: 0.6875rem;
    }
    .p-tour .tour-content__section__bottom__title > span {
      height: 4.6656rem;
      width: 4.6656rem;
      font-size: 1.4844rem;
    }
    .p-tour .tour-content__section__bottom__title > div span {
      margin-bottom: calc(var(--spacing) * -1.5);
      font-size: 1.4844rem;
    }
    .p-tour .tour-content__section__bottom__title > div div {
      font-size: 3.5344rem;
    }
    .p-tour .tour-content__section__bottom__balloon {
      top: calc(1.1875rem * -1);
      left: 3.8256rem;
      height: 2.0775rem;
      width: 5.4869rem;
      background-image: url('./assets/img/balloon-chat_sp.svg');
      padding-top: 0.3125rem;
      padding-left: calc(var(--spacing) * 0.5);
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
      --tw-leading: 1;
      line-height: 1;
    }
    .p-tour .tour-content__section__bottom__cards {
      margin-top: 9.125rem;
      display: grid;
      grid-template-columns: repeat(1, minmax(0, 1fr));
      gap: 8.625rem;
    }
    .p-tour .tour-content__section__bottom__card {
      border-radius: 0.9719rem;
    }
    .p-tour .tour-content__section__bottom__card__text {
      padding: calc(var(--spacing) * 1.5);
    }
    .p-tour .tour-content__section__bottom__card__text h4 {
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
    }
    .p-tour .tour-content__section__bottom__card__text p {
      margin-top: calc(var(--spacing) * 1.25);
      padding-inline: 1.375rem;
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
      --tw-leading: 1.1875rem;
      line-height: 1.1875rem;
    }
    .p-tour .tour-content__section__bottom__card__text .ps-link {
      margin-top: calc(var(--spacing) * 1.5);
      gap: calc(var(--spacing) * 1.25);
    }
    .p-tour .tour-content__section__bottom__card__text .ps-link span {
      font-size: 0.9719rem;
    }
    .p-tour .tour-content__section__bottom__card__text .ps-link ._icon {
      height: 2.1056rem;
      width: 2.1056rem;
    }
    .p-tour .tour-content__section__bottom__card__text .ps-link ._icon svg {
      width: 0.8125rem;
    }
    .p-tour .tour-content__section > .hv-bs {
      margin-top: calc(var(--spacing) * 10);
    }
    .p-tour .tour-content__section > .hv-bs > div {
      margin-left: calc(var(--spacing) * 0);
      height: auto;
      min-height: 5.125rem;
      width: 18.75rem;
      gap: calc(var(--spacing) * 1.25);
      border-radius: 10.7169rem;
      border-style: var(--tw-border-style);
      border-width: 0.7956rem;
      padding-block: calc(var(--spacing) * 3);
      padding-left: calc(var(--spacing) * 4);
    }
    .p-tour .tour-content__section > .hv-bs span {
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
    }
    .p-tour .tour-content__section > .hv-bs ._icon {
      height: 1.75rem;
      width: 1.75rem;
    }
    .p-tour .tour-content__section > .hv-bs ._illust {
      top: 0.9375rem;
      right: calc(2.25rem * -1);
      width: 6.8438rem;
    }
    .p-tour .tour-content__section#point-01 .tour-content__section__top ._map {
      margin-block: 1.4375rem 1.125rem;
      width: 19.0625rem;
      --tw-translate-x: calc(var(--spacing) * -2);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .p-tour .tour-content__section#point-01 .tour-content__section__top ._map ._ruler.-x {
      top: 0.6875rem;
      left: 0.4375rem;
      --w: 18.3125rem;
    }
    .p-tour .tour-content__section#point-01 .tour-content__section__top ._map ._ruler.-y {
      right: calc(0.875rem * -1);
      bottom: 0.4375rem;
      --h: 5.375rem;
    }
    .p-tour .tour-content__section#point-01 .tour-content__section__top ._stats {
      margin-bottom: 3.4375rem;
    }
    .p-tour .tour-content__section#point-01 .tour-content__section__top ._stats ._ballon {
      margin-bottom: calc(var(--spacing) * 0);
    }
    .p-tour .tour-content__section#point-01 .tour-content__section__top ._stats img {
      bottom: calc(var(--spacing) * -22);
      width: 8.1875rem;
    }
    .p-tour .tour-content__section#point-01 .tour-content__section__bottom__illust {
      top: calc(2.5rem * -1);
      left: calc(var(--spacing) * -3.25);
      width: 4.4875rem;
      --tw-translate-x: calc(var(--spacing) * 0);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .p-tour .tour-content__section#point-01 .tour-content__section__bottom__cards li .card-illust {
      top: calc(5.4375rem * -1);
      width: 5.4375rem;
    }
    .p-tour .tour-content__section#point-01 .tour-content__section__bottom__cards li .card-illust__chat {
      top: calc(2.1875rem * -1);
      right: calc(5.5625rem * -1);
    }
    .p-tour .tour-content__section#point-01 .tour-content__section__bottom__cards li .card-illust__chat svg {
      height: 6.2869rem;
      width: 6.1406rem;
    }
    .p-tour .tour-content__section#point-01 .tour-content__section__bottom__cards li .card-illust__chat p {
      padding-bottom: calc(var(--spacing) * 2);
      padding-left: 0.5625rem;
      font-size: 0.9719rem;
    }
    .p-tour .tour-content__section#point-02 .tour-content__section__top ._map {
      margin-block: 2rem 1.125rem;
      width: 18rem;
      --tw-translate-x: calc(var(--spacing) * 1);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .p-tour .tour-content__section#point-02 .tour-content__section__top ._map ._ruler.-x {
      top: calc(1rem * -1);
      left: 2.625rem;
      --w: 12.1875rem;
    }
    .p-tour .tour-content__section#point-02 .tour-content__section__top ._map ._ruler.-y {
      right: 0.875rem;
      bottom: 0.4375rem;
      --h: 12.5rem;
    }
    .p-tour .tour-content__section#point-02 .tour-content__section__top ._stats {
      margin-bottom: 3.4375rem;
    }
    .p-tour .tour-content__section#point-02 .tour-content__section__top ._stats ._ballon {
      margin-bottom: calc(var(--spacing) * 0);
    }
    .p-tour .tour-content__section#point-02 .tour-content__section__top ._stats img {
      bottom: calc(var(--spacing) * -26);
      width: 8rem;
    }
    .p-tour .tour-content__section#point-02 .tour-content__section__bottom__illust {
      top: calc(2.7rem * -1);
      left: calc(var(--spacing) * -3.25);
      width: 4.4875rem;
      --tw-translate-x: calc(var(--spacing) * 0);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .p-tour .tour-content__section#point-02 .tour-content__section__bottom__balloon {
      padding-top: 0.4375rem;
      font-size: 0.6875rem;
    }
    .p-tour .tour-content__section#point-02 .tour-content__section__bottom__cards li .card-illust {
      top: calc(5.4375rem * -1);
      width: 7.4375rem;
    }
    .p-tour .tour-content__section#point-02 .tour-content__section__bottom__cards li .card-illust__chat {
      top: calc(2.1875rem * -1);
      right: calc(4.5625rem * -1);
    }
    .p-tour .tour-content__section#point-02 .tour-content__section__bottom__cards li .card-illust__chat svg {
      height: 6.2869rem;
      width: 6.1406rem;
    }
    .p-tour .tour-content__section#point-02 .tour-content__section__bottom__cards li .card-illust__chat p {
      padding-bottom: calc(var(--spacing) * 2);
      padding-left: 0.5625rem;
      font-size: 0.9719rem;
    }
    .p-tour .tour-content__section#point-03 .tour-content__section__top ._map {
      margin-block: 2.75rem 0;
      width: 25.3125rem;
      --tw-translate-x: calc(var(--spacing) * -5);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .p-tour .tour-content__section#point-03 .tour-content__section__top ._map ._ruler.-x {
      top: calc(var(--spacing) * -4);
      left: 3.4375rem;
      --w: 14.125rem;
    }
    .p-tour .tour-content__section#point-03 .tour-content__section__top ._map ._ruler.-y {
      right: 6.3rem;
      bottom: 1.8rem;
      --h: 7.4375rem;
    }
    .p-tour .tour-content__section#point-03 .tour-content__section__top ._stats {
      margin-bottom: 3.4375rem;
    }
    .p-tour .tour-content__section#point-03 .tour-content__section__top ._stats ._ballon {
      margin-bottom: calc(var(--spacing) * 0);
    }
    .p-tour .tour-content__section#point-03 .tour-content__section__top ._stats img {
      bottom: calc(var(--spacing) * -26);
      margin-left: calc(var(--spacing) * 1);
      width: 4.7rem;
    }
    .p-tour .tour-content__section#point-03 .tour-content__section__bottom__illust {
      top: calc(3.5rem * -1);
      left: calc(var(--spacing) * -7.25);
      width: 6.4875rem;
      --tw-translate-x: calc(var(--spacing) * 0);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .p-tour .tour-content__section#point-03 .tour-content__section__bottom__cards li .card-illust {
      top: calc(5.4375rem * -1);
      width: 6.375rem;
    }
    .p-tour .tour-content__section#point-03 .tour-content__section__bottom__cards li .card-illust__chat {
      top: calc(2.1875rem * -1);
      right: calc(5.5625rem * -1);
    }
    .p-tour .tour-content__section#point-03 .tour-content__section__bottom__cards li .card-illust__chat svg {
      height: 6.2869rem;
      width: 6.1406rem;
    }
    .p-tour .tour-content__section#point-03 .tour-content__section__bottom__cards li .card-illust__chat p {
      padding-bottom: calc(var(--spacing) * 2);
      padding-left: 0.5625rem;
      font-size: 0.9719rem;
    }
    .p-tour .tour-content__section#point-04 .tour-content__section__top ._map {
      margin-block: 3.5rem .75rem;
      width: 27rem;
      --tw-translate-x: calc(var(--spacing) * -8);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .p-tour .tour-content__section#point-04 .tour-content__section__top ._map ._ruler.-x {
      top: calc(var(--spacing) * -5);
      left: 3.25rem;
      --w: 17.1875rem;
    }
    .p-tour .tour-content__section#point-04 .tour-content__section__top ._map ._ruler.-y {
      right: 5rem;
      bottom: 1.25rem;
      --h: 8.75rem;
    }
    .p-tour .tour-content__section#point-04 .tour-content__section__top ._stats {
      margin-bottom: 3.4375rem;
    }
    .p-tour .tour-content__section#point-04 .tour-content__section__top ._stats ._ballon {
      margin-bottom: calc(var(--spacing) * 0);
    }
    .p-tour .tour-content__section#point-04 .tour-content__section__top ._stats img {
      bottom: calc(var(--spacing) * -26);
      width: 6.125rem;
    }
    .p-tour .tour-content__section#point-04 .tour-content__section__bottom__illust {
      top: calc(3.125rem * -1);
      left: calc(var(--spacing) * -7.25);
      width: 5.75rem;
      --tw-translate-x: calc(var(--spacing) * 0);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .p-tour .tour-content__section#point-04 .tour-content__section__bottom__cards li .card-illust {
      top: calc(5.4375rem * -1);
      width: 6.375rem;
    }
    .p-tour .tour-content__section#point-04 .tour-content__section__bottom__cards li .card-illust__chat {
      top: calc(2.1875rem * -1);
      right: calc(5.5625rem * -1);
    }
    .p-tour .tour-content__section#point-04 .tour-content__section__bottom__cards li .card-illust__chat svg {
      height: 6.2869rem;
      width: 6.1406rem;
    }
    .p-tour .tour-content__section#point-04 .tour-content__section__bottom__cards li .card-illust__chat p {
      padding-bottom: calc(var(--spacing) * 2);
      padding-left: 0.5625rem;
      font-size: 0.9719rem;
    }
    .p-tour .tour-content__section#point-05 .tour-content__section__top ._map {
      margin-block: 2.75rem 1.75rem;
      width: 30rem;
      --tw-translate-x: calc(var(--spacing) * -21);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .p-tour .tour-content__section#point-05 .tour-content__section__top ._map ._ruler.-x {
      top: calc(var(--spacing) * -3);
      left: 10.25rem;
      --w: 11rem;
    }
    .p-tour .tour-content__section#point-05 .tour-content__section__top ._map ._ruler.-y {
      right: 7.5rem;
      bottom: 0.625rem;
      --h: 10.25rem;
    }
    .p-tour .tour-content__section#point-05 .tour-content__section__top ._stats {
      margin-bottom: 3.4375rem;
    }
    .p-tour .tour-content__section#point-05 .tour-content__section__top ._stats ._ballon {
      margin-bottom: calc(var(--spacing) * 0);
    }
    .p-tour .tour-content__section#point-05 .tour-content__section__top ._stats img {
      bottom: calc(var(--spacing) * -26);
      width: 6.125rem;
    }
    .p-tour .tour-content__section#point-05 .tour-content__section__bottom__illust {
      top: calc(3.125rem * -1);
      left: calc(var(--spacing) * -7.25);
      width: 5.75rem;
      --tw-translate-x: calc(var(--spacing) * 0);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .p-tour .tour-content__section#point-05 .tour-content__section__bottom__cards li .card-illust {
      top: calc(5.4375rem * -1);
      width: 5.5rem;
    }
    .p-tour .tour-content__section#point-05 .tour-content__section__bottom__cards li .card-illust__chat {
      top: calc(2.1875rem * -1);
      right: calc(5.5625rem * -1);
    }
    .p-tour .tour-content__section#point-05 .tour-content__section__bottom__cards li .card-illust__chat svg {
      height: 6.2869rem;
      width: 6.1406rem;
    }
    .p-tour .tour-content__section#point-05 .tour-content__section__bottom__cards li .card-illust__chat p {
      padding-bottom: calc(var(--spacing) * 2);
      padding-left: 0.5625rem;
      font-size: 0.9719rem;
    }
  }
  .p-tour .tour-guide__top {
    position: relative;
    border-style: var(--tw-border-style);
    border-width: 0.1875rem;
    border-color: var(--color-primary);
    padding-inline: 4.25rem;
    padding-block: 4.0625rem 3.375rem;
  }
  .p-tour .tour-guide__top__title {
    position: absolute;
    top: calc(var(--spacing) * 0);
    left: calc(1/2 * 100%);
    display: inline-block;
    --tw-translate-x: calc(calc(1/2 * 100%) * -1);
    --tw-translate-y: calc(calc(1/2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    background-color: var(--color-primary-light);
    font-size: 2.25rem;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-primary-darker);
  }
  .p-tour .tour-guide__top__title span {
    display: block;
    display: grid;
    height: 4.5625rem;
    width: 22.6875rem;
    --tw-translate-x: calc(0.5625rem * -1);
    --tw-translate-y: calc(0.5625rem * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    place-content: center;
    border-style: var(--tw-border-style);
    border-width: 0.3125rem;
    border-color: var(--color-primary);
    background-color: var(--color-white);
    text-align: center;
  }
  .p-tour .tour-guide__top__menu {
    display: flex;
    justify-content: space-between;
  }
  .p-tour .tour-guide__top__menu__item:nth-child(1) {
    color: var(--color-primary);
  }
  .p-tour .tour-guide__top__menu__item:nth-child(2) {
    color: var(--color-secondary);
  }
  .p-tour .tour-guide__top__menu__item:nth-child(3) {
    color: var(--color-tertiary);
  }
  .p-tour .tour-guide__top__menu__item img {
    margin-bottom: 1.0625rem;
    margin-left: 1.875rem;
    width: 15.5rem;
  }
  .p-tour .tour-guide__top__menu__item .hv-bs {
    display: flex;
    align-items: center;
    gap: 1.875rem;
    border-left-style: var(--tw-border-style);
    border-left-width: 1.125rem;
    border-color: currentColor;
    padding-left: 0.625rem;
  }
  .p-tour .tour-guide__top__menu__item .hv-bs span {
    font-size: 1.5rem;
    --tw-leading: 1;
    line-height: 1;
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--color-black);
  }
  .p-tour .tour-guide__top__menu__item .hv-bs ._icon {
    display: grid;
    height: 1.875rem;
    width: 1.875rem;
    place-content: center;
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style) !important;
    border-width: 0.1875rem !important;
    --init-bg: transparent;
    --init-stroke: currentColor;
    --init-color: currentColor;
    --hover-bg: currentColor;
    --hover-color: #fff;
  }
  .p-tour .tour-guide__top__menu__item .hv-bs ._icon svg {
    height: calc(var(--spacing) * 5);
    width: calc(var(--spacing) * 5);
    rotate: 90deg;
  }
  .p-tour .tour-guide__top__menu__item ul {
    margin-top: 1.875rem;
    display: grid;
    column-gap: 3.125rem;
    row-gap: 0.9375rem;
  }
  .p-tour .tour-guide__top__menu__item ul li {
    font-size: 1.3125rem;
    --tw-leading: 1.2;
    line-height: 1.2;
    color: var(--color-black);
  }
  .p-tour .tour-guide__top > .hv-bs {
    position: absolute;
    bottom: calc(var(--spacing) * 0);
    left: calc(1/2 * 100%);
    display: flex;
    --tw-translate-x: calc(calc(1/2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    --tw-translate-y: 100%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
    flex-direction: column;
    align-items: center;
    color: var(--color-primary);
  }
  .p-tour .tour-guide__top > .hv-bs span {
    font-size: 1.5rem;
    --tw-leading: 3.6875rem;
    line-height: 3.6875rem;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }
  .p-tour .tour-guide__top > .hv-bs ._icon {
    display: grid;
    height: 3.125rem;
    width: 3.125rem;
    place-content: center;
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style) !important;
    border-width: 0.1875rem !important;
    --init-bg: transparent;
    --init-stroke: currentColor;
    --init-color: currentColor;
    --hover-bg: currentColor;
    --hover-color: #fff;
  }
  .p-tour .tour-guide__top > .hv-bs ._icon svg {
    height: calc(var(--spacing) * 5);
    width: calc(var(--spacing) * 5);
    rotate: 90deg;
  }
  @media (width < 48rem) {
    .p-tour .tour-guide__top {
      padding-inline: calc(var(--spacing) * 3);
      padding-block: 2.5rem 1.5rem;
    }
    .p-tour .tour-guide__top__title {
      --tw-scale-x: 60%;
      --tw-scale-y: 60%;
      --tw-scale-z: 60%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
    .p-tour .tour-guide__top__menu {
      display: grid;
      column-gap: calc(var(--spacing) * 3);
      row-gap: calc(var(--spacing) * 5);
    }
    .p-tour .tour-guide__top__menu__item img {
      margin-bottom: 0.75rem;
      margin-left: 0.625rem;
      width: 6.5rem;
    }
    .p-tour .tour-guide__top__menu__item .hv-bs {
      width: max-content;
      gap: calc(var(--spacing) * 2);
      border-left-style: var(--tw-border-style);
      border-left-width: 0.25rem;
      padding-left: 0.25rem;
    }
    .p-tour .tour-guide__top__menu__item .hv-bs span {
      overflow: hidden;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 1;
      flex: 1;
      font-size: var(--text-lg);
      line-height: var(--tw-leading, var(--text-lg--line-height));
    }
    .p-tour .tour-guide__top__menu__item .hv-bs ._icon {
      height: 1.25rem;
      width: 1.25rem;
      border-style: var(--tw-border-style) !important;
      border-width: 0.125rem !important;
    }
    .p-tour .tour-guide__top__menu__item .hv-bs ._icon svg {
      height: calc(var(--spacing) * 3);
      width: calc(var(--spacing) * 3);
    }
    .p-tour .tour-guide__top__menu__item ul {
      margin-top: calc(var(--spacing) * 4);
      column-gap: calc(var(--spacing) * 3);
      row-gap: calc(var(--spacing) * 2.5);
    }
    .p-tour .tour-guide__top__menu__item ul li {
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
    }
    .p-tour .tour-guide__top > .hv-bs {
      font-size: var(--text-lg);
      line-height: var(--tw-leading, var(--text-lg--line-height));
      --tw-leading: 1.5rem;
      line-height: 1.5rem;
    }
    .p-tour .tour-guide__top > .hv-bs span {
      --tw-leading: 2.6875rem;
      line-height: 2.6875rem;
    }
    .p-tour .tour-guide__top > .hv-bs ._icon {
      height: calc(var(--spacing) * 8);
      width: calc(var(--spacing) * 8);
    }
  }
  .p-tour .tour-guide__content {
    display: grid;
    gap: 4.0625rem;
    padding-top: 4rem;
  }
  @media (width >= 48rem) {
    .p-tour .tour-guide__content {
      padding-top: 3.75rem;
    }
  }
  .p-tour .tour-guide__content > div {
    padding-top: calc(var(--spacing) * 6);
  }
  @media (width >= 48rem) {
    .p-tour .tour-guide__content > div {
      padding-top: 4.0625rem;
    }
  }
  .p-tour .tour-guide__content__title {
    margin-bottom: calc(var(--spacing) * 15);
    border-left-style: var(--tw-border-style);
    border-left-width: .25rem;
    padding-left: calc(var(--spacing) * 1);
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
    --tw-leading: 1.125rem;
    line-height: 1.125rem;
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }
  @media (width >= 48rem) {
    .p-tour .tour-guide__content__title {
      margin-bottom: calc(var(--spacing) * 25);
    }
  }
  @media (width >= 48rem) {
    .p-tour .tour-guide__content__title {
      border-left-style: var(--tw-border-style);
      border-left-width: 1.125rem;
    }
  }
  @media (width >= 48rem) {
    .p-tour .tour-guide__content__title {
      padding-left: 0.625rem;
    }
  }
  @media (width >= 48rem) {
    .p-tour .tour-guide__content__title {
      font-size: 1.5rem;
    }
  }
  @media (width >= 48rem) {
    .p-tour .tour-guide__content__title {
      --tw-leading: 1.875rem;
      line-height: 1.875rem;
    }
  }
  .p-tour .tour-guide__content ._layout-01 {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 4.6875rem;
    row-gap: 9.0625rem;
  }
  .p-tour .tour-guide__content ._layout-01__item {
    display: flex;
    align-items: flex-start;
    gap: calc(var(--spacing) * 10);
  }
  .p-tour .tour-guide__content ._layout-01__item__thumb {
    width: 18.75rem;
    --tw-shadow: 0.3125rem 0.3125rem 0.9375rem 0 var(--tw-shadow-color, rgba(73,72,72,.15));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .p-tour .tour-guide__content ._layout-01__item__text h4 {
    position: relative;
  }
  .p-tour .tour-guide__content ._layout-01__item__text h4 span {
    position: relative;
    margin-bottom: 1.25rem;
    display: block;
    height: calc(var(--spacing) * 11);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-block: calc(var(--spacing) * 1.5);
    text-align: center;
    font-size: 1.1875rem;
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }
  .p-tour .tour-guide__content ._layout-01__item__text h4::before {
    position: absolute;
    top: calc(var(--spacing) * 0);
    left: calc(var(--spacing) * 0);
    height: 100%;
    width: 100%;
    --tw-translate-x: calc(var(--spacing) * 1.5);
    --tw-translate-y: calc(var(--spacing) * 1.5);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    background-color: var(--color-primary-light);
    --tw-content: '';
    content: var(--tw-content);
  }
  .p-tour .tour-guide__content ._layout-01__item__text p {
    text-align: justify;
    font-size: 1.1875rem;
    --tw-leading: 1.8;
    line-height: 1.8;
    --tw-tracking: calc(.03em * -1);
    letter-spacing: calc(.03em * -1);
  }
  @media (width < 48rem) {
    .p-tour .tour-guide__content ._layout-01 {
      column-gap: calc(var(--spacing) * 5);
      row-gap: calc(var(--spacing) * 8);
    }
    .p-tour .tour-guide__content ._layout-01__item {
      flex-direction: column;
      gap: calc(var(--spacing) * 4);
    }
    .p-tour .tour-guide__content ._layout-01__item__text h4 {
      align-items: center;
    }
    .p-tour .tour-guide__content ._layout-01__item__text h4 span {
      height: calc(var(--spacing) * 10);
      padding-block: calc(var(--spacing) * 2);
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
    }
    .p-tour .tour-guide__content ._layout-01__item__text p {
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
    }
  }
  .p-tour .tour-guide__content ._layout-02 {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 3.75rem;
    row-gap: 5rem;
  }
  .p-tour .tour-guide__content ._layout-02__item {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: calc(var(--spacing) * 10);
  }
  .p-tour .tour-guide__content ._layout-02__item__thumb {
    height: 6.875rem;
    width: auto;
  }
  .p-tour .tour-guide__content ._layout-02__item__text {
    width: calc(var(--spacing) * 100);
  }
  .p-tour .tour-guide__content ._layout-02__item__text h4 {
    position: relative;
    margin-bottom: 0.9375rem;
  }
  .p-tour .tour-guide__content ._layout-02__item__text h4 span {
    display: block;
    height: calc(var(--spacing) * 11);
    font-size: 1.1875rem;
    --tw-leading: 1.8;
    line-height: 1.8;
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--color-secondary-dark);
  }
  .p-tour .tour-guide__content ._layout-02__item__text h4::before {
    position: absolute;
    bottom: calc(var(--spacing) * 0);
    left: calc(var(--spacing) * 0);
    height: calc(var(--spacing) * 0.75);
    width: 3.125rem;
    border-radius: var(--radius-lg);
    background-color: var(--color-secondary-dark);
    --tw-content: '';
    content: var(--tw-content);
  }
  .p-tour .tour-guide__content ._layout-02__item__text p {
    text-align: justify;
    font-size: 1.1875rem;
    --tw-leading: 1.8;
    line-height: 1.8;
    --tw-tracking: calc(.03em * -1);
    letter-spacing: calc(.03em * -1);
  }
  @media (width < 48rem) {
    .p-tour .tour-guide__content ._layout-02 {
      grid-template-columns: repeat(1, minmax(0, 1fr));
      row-gap: calc(var(--spacing) * 8);
    }
    .p-tour .tour-guide__content ._layout-02__item {
      gap: calc(var(--spacing) * 1);
    }
    .p-tour .tour-guide__content ._layout-02__item__thumb {
      height: calc(var(--spacing) * 20);
    }
    .p-tour .tour-guide__content ._layout-02__item__text {
      width: 12.5rem;
    }
    .p-tour .tour-guide__content ._layout-02__item__text h4 {
      align-items: center;
    }
    .p-tour .tour-guide__content ._layout-02__item__text h4 span {
      height: auto;
      padding-bottom: calc(var(--spacing) * 2);
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
      --tw-leading: 1.5rem;
      line-height: 1.5rem;
    }
    .p-tour .tour-guide__content ._layout-02__item__text p {
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
    }
  }
  .p-tour .tour-guide__content ._layout-03 {
    margin-inline: auto;
    max-width: calc(var(--spacing) * 250);
  }
  .p-tour .tour-guide__content ._layout-03 p {
    margin-bottom: 3.125rem;
    font-size: 1.1875rem;
    --tw-leading: 1.8;
    line-height: 1.8;
    --tw-tracking: calc(.03em * -1);
    letter-spacing: calc(.03em * -1);
  }
  .p-tour .tour-guide__content ._layout-03__img {
    position: relative;
  }
  .p-tour .tour-guide__content ._layout-03__img img:first-child {
    --tw-shadow: 0.3125rem 0.3125rem 0.9375rem 0 var(--tw-shadow-color, rgba(73,72,72,.15));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .p-tour .tour-guide__content ._layout-03__img__illust {
    position: absolute;
  }
  @media (width < 48rem) {
    .p-tour .tour-guide__content ._layout-03 p {
      margin-bottom: calc(var(--spacing) * 4);
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
    }
    .p-tour .tour-guide__content ._layout-03__img__illust {
      transform-origin: bottom right;
      --tw-scale-x: 50%;
      --tw-scale-y: 50%;
      --tw-scale-z: 50%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
  }
  .p-tour .tour-guide__content #tour-guide-03 ._layout-01__item__text h4::before {
    background-color: var(--color-tertiary-light);
  }
  @media (width < 48rem) {
    .p-data {
      overflow: hidden;
    }
  }
  .p-data section {
    position: relative;
  }
  .p-data img {
    width: 100%;
  }
  @media (width < 48rem) {
    .p-data .data-top {
      overflow-x: hidden;
    }
  }
  .p-data .data-top .line-01, .p-data .data-top .line-02 {
    pointer-events: none;
    position: absolute;
    z-index: 10;
    height: calc(var(--spacing) * 33.5);
    width: calc(var(--spacing) * 111.75);
    -webkit-user-select: none;
    user-select: none;
  }
  .p-data .data-top .line-01 .line:nth-child(1), .p-data .data-top .line-02 .line:nth-child(1) {
    top: calc(var(--spacing) * 0);
    right: calc(var(--spacing) * 0);
  }
  .p-data .data-top .line-01 .line:nth-child(1) img, .p-data .data-top .line-02 .line:nth-child(1) img {
    animation-duration: 1.3s;
    animation-delay: 1s;
  }
  .p-data .data-top .line-01 .line:nth-child(2), .p-data .data-top .line-02 .line:nth-child(2) {
    top: calc(var(--spacing) * 7.5);
    right: calc(var(--spacing) * 40.75);
  }
  .p-data .data-top .line-01 .line:nth-child(2) img, .p-data .data-top .line-02 .line:nth-child(2) img {
    animation-duration: 1.9s;
    animation-delay: 0.2s;
  }
  .p-data .data-top .line-01 .line:nth-child(3), .p-data .data-top .line-02 .line:nth-child(3) {
    bottom: calc(var(--spacing) * 7.5);
    left: calc(var(--spacing) * 41);
  }
  .p-data .data-top .line-01 .line:nth-child(3) img, .p-data .data-top .line-02 .line:nth-child(3) img {
    animation-duration: 3s;
    animation-delay: 1.5s;
  }
  .p-data .data-top .line-01 .line:nth-child(4), .p-data .data-top .line-02 .line:nth-child(4) {
    bottom: calc(var(--spacing) * 0);
    left: calc(var(--spacing) * 0);
  }
  .p-data .data-top .line-01 .line:nth-child(4) img, .p-data .data-top .line-02 .line:nth-child(4) img {
    animation-duration: 2.8s;
    animation-delay: 1.5s;
  }
  .p-data .data-top .line-01 {
    top: calc(var(--spacing) * 96.5);
    right: calc(var(--spacing) * 7.5);
  }
  .p-data .data-top .line-02 {
    top: calc(var(--spacing) * 87.75);
    left: calc(var(--spacing) * 3);
  }
  .p-data .data-top .wrapper {
    min-height: calc(var(--spacing) * 137.75);
    padding-top: 6rem;
    text-align: center;
  }
  @media (width >= 48rem) {
    .p-data .data-top .wrapper {
      min-height: calc(var(--spacing) * 127);
    }
  }
  .p-data .data-top .sc-title img {
    margin-inline: auto;
    margin-bottom: 28px;
    width: 11.8125rem;
  }
  @media (width < 48rem) {
    .p-data .data-top .line-01, .p-data .data-top .line-02 {
      height: 4.375rem;
      width: 14.5625rem;
    }
    .p-data .data-top .line-01 {
      top: 15.6875rem;
      right: calc(3.25rem * -1);
    }
    .p-data .data-top .line-01 .line:nth-child(2) {
      top: 0.9375rem;
      right: 5.3125rem;
    }
    .p-data .data-top .line-01 .line:nth-child(3) {
      bottom: calc(var(--spacing) * 4);
      left: 5.3125rem;
    }
    .p-data .data-top .line-02 {
      display: none;
    }
    .p-data .data-top .wrapper {
      padding-top: 5.6875rem;
    }
    .p-data .data-top .sc-title {
      margin-inline: auto;
      width: max-content;
      text-align: left;
    }
    .p-data .data-top .sc-title img {
      margin-bottom: 1.25rem;
      width: 6.25rem;
    }
  }
  .p-data .data-nav {
    position: relative;
    z-index: 10;
    margin-top: calc(1.875rem * -1);
    margin-bottom: 1.125rem;
  }
  .p-data .data-nav__item {
    position: relative;
    display: block;
    height: 15rem;
    border-radius: 1.5rem;
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-primary);
    padding-top: calc(var(--spacing) * 16);
    text-align: center;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-primary-dark);
  }
  .p-data .data-nav__item img {
    position: absolute;
  }
  .p-data .data-nav__item:first-child p {
    font-size: 2.5rem;
    --tw-leading: 3.6875rem;
    line-height: 3.6875rem;
  }
  .p-data .data-nav__item:first-child span {
    margin-top: calc(var(--spacing) * -1.5);
    display: inline-block;
    font-size: 1.5rem;
  }
  .p-data .data-nav__item:not(:first-child) {
    background-color: var(--color-primary-lightest);
  }
  .p-data .data-nav__item:not(:first-child) p {
    margin-inline: auto;
    display: inline-block;
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: var(--color-primary-dark);
    padding-inline: calc(var(--spacing) * 2.5);
    text-align: center;
    font-size: 1.5rem;
    --tw-leading: 3.25rem;
    line-height: 3.25rem;
  }
  .p-data .data-nav__item ._icon {
    margin-inline: auto;
    margin-top: 3.125rem;
    display: grid;
    height: 3.125rem;
    width: 3.125rem;
    rotate: 90deg;
    place-content: center;
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style) !important;
    border-width: 0.1875rem !important;
    --init-bg: transparent;
    --init-stroke: var(--color-primary);
    --init-color: var(--color-primary);
    --hover-bg: var(--color-primary);
    --hover-color: #fff;
  }
  .p-data .data-nav__item ._icon svg {
    width: calc(var(--spacing) * 5);
  }
  @media (width < 48rem) {
    .p-data .data-nav {
      margin-top: calc(16.125rem * -1);
      margin-bottom: calc(var(--spacing) * 0);
      padding-bottom: calc(var(--spacing) * 8);
    }
    .p-data .data-nav__item {
      height: 3.5rem;
      border-radius: 0.3344rem;
      padding-top: calc(var(--spacing) * 1.25);
    }
    .p-data .data-nav__item:first-child p {
      margin-top: calc(var(--spacing) * 1);
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
      --tw-leading: 1;
      line-height: 1;
      --tw-tracking: calc(.1em * -1);
      letter-spacing: calc(.1em * -1);
    }
    .p-data .data-nav__item:first-child span {
      font-size: 0.6875rem;
      --tw-tracking: 0 !important;
      letter-spacing: 0 !important;
    }
    .p-data .data-nav__item:first-child > div > span {
      --tw-translate-y: calc(var(--spacing) * -1);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .p-data .data-nav__item:not(:first-child) p {
      border-color: color-mix(in srgb, #66CC00 22%, transparent);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .p-data .data-nav__item:not(:first-child) p {
        border-color: color-mix(in oklab, var(--color-primary) 22%, transparent);
      }
    }
    .p-data .data-nav__item:not(:first-child) p {
      padding-inline: calc(var(--spacing) * 0.5);
      padding-block: calc(var(--spacing) * 1);
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
      --tw-leading: 1;
      line-height: 1;
    }
    .p-data .data-nav__item ._icon {
      margin-top: calc(var(--spacing) * 0.5);
      height: calc(var(--spacing) * 5);
      width: calc(var(--spacing) * 5);
      border-style: var(--tw-border-style) !important;
      border-width: 0.125rem !important;
    }
    .p-data .data-nav__item ._icon svg {
      width: 0.8125rem;
    }
  }
  .p-data .data-content {
    padding-top: 8rem;
    padding-bottom: 4rem;
  }
  .p-data .data-content:last-child {
    padding-bottom: calc(var(--spacing) * 0);
  }
  .p-data .data-content__title {
    position: relative;
    margin-bottom: calc(var(--spacing) * 20);
    display: grid;
    height: calc(var(--spacing) * 41.75);
    place-content: center;
    border-radius: 1.5rem;
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-primary);
    background-color: var(--color-primary-lightest);
    color: var(--color-primary-dark);
  }
  .p-data .data-content__title h2 {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: var(--color-primary-dark);
    padding-inline: calc(var(--spacing) * 2.5);
    padding-block: calc(var(--spacing) * 1);
    font-size: 1.5rem;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }
  .p-data .data-content__title div {
    position: absolute;
  }
  .p-data .data-content__card {
    position: relative;
    z-index: 1;
  }
  .p-data .data-content__card ._img-01 {
    position: absolute;
    bottom: calc(var(--spacing) * 3.75);
    left: calc(1/2 * 100%);
    width: calc(var(--spacing) * 25.75);
    --tw-translate-x: calc(calc(1/2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  @media (width >= 48rem) {
    .p-data .data-content__card ._img-01 {
      bottom: calc(var(--spacing) * 15);
    }
  }
  @media (width >= 48rem) {
    .p-data .data-content__card ._img-01 {
      width: calc(var(--spacing) * 104);
    }
  }
  .p-data .data-content__card ._img-01 > div {
    overflow: hidden;
    border-radius: 0.375rem;
  }
  @media (width >= 48rem) {
    .p-data .data-content__card ._img-01 > div {
      border-radius: 1.5rem;
    }
  }
  @media (width < 48rem) {
    .p-data .data-content {
      padding-top: calc(var(--spacing) * 20);
      padding-bottom: calc(var(--spacing) * 0);
    }
    .p-data .data-content__title {
      margin-bottom: calc(var(--spacing) * 10);
      height: 3.5rem;
      border-radius: 0.3344rem;
    }
    .p-data .data-content__title h2 {
      border-color: color-mix(in srgb, #66CC00 22%, transparent);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .p-data .data-content__title h2 {
        border-color: color-mix(in oklab, var(--color-primary) 22%, transparent);
      }
    }
    .p-data .data-content__title h2 {
      padding-inline: calc(var(--spacing) * 0.5);
      padding-top: calc(var(--spacing) * 0);
      padding-bottom: calc(var(--spacing) * 1);
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
      --tw-leading: 1;
      line-height: 1;
    }
  }
  @media (width < 48rem) {
    .p-environment {
      margin-bottom: calc(var(--spacing) * -11);
    }
  }
  @media (width < 48rem) {
    .p-environment {
      overflow: hidden;
    }
  }
  .p-environment section {
    position: relative;
  }
  .p-environment img {
    width: 100%;
  }
  @media (width < 48rem) {
    .p-environment .environment-top {
      overflow-x: hidden;
    }
  }
  .p-environment .environment-top .line-01, .p-environment .environment-top .line-02 {
    pointer-events: none;
    position: absolute;
    z-index: 10;
    height: calc(var(--spacing) * 33.5);
    width: calc(var(--spacing) * 111.75);
    -webkit-user-select: none;
    user-select: none;
  }
  .p-environment .environment-top .line-01 .line:nth-child(1), .p-environment .environment-top .line-02 .line:nth-child(1) {
    top: calc(var(--spacing) * 0);
    right: calc(var(--spacing) * 0);
  }
  .p-environment .environment-top .line-01 .line:nth-child(1) img, .p-environment .environment-top .line-02 .line:nth-child(1) img {
    animation-duration: 1.3s;
    animation-delay: 1s;
  }
  .p-environment .environment-top .line-01 .line:nth-child(2), .p-environment .environment-top .line-02 .line:nth-child(2) {
    top: calc(var(--spacing) * 7.5);
    right: calc(var(--spacing) * 40.75);
  }
  .p-environment .environment-top .line-01 .line:nth-child(2) img, .p-environment .environment-top .line-02 .line:nth-child(2) img {
    animation-duration: 1.9s;
    animation-delay: 0.2s;
  }
  .p-environment .environment-top .line-01 .line:nth-child(3), .p-environment .environment-top .line-02 .line:nth-child(3) {
    bottom: calc(var(--spacing) * 7.5);
    left: calc(var(--spacing) * 41);
  }
  .p-environment .environment-top .line-01 .line:nth-child(3) img, .p-environment .environment-top .line-02 .line:nth-child(3) img {
    animation-duration: 3s;
    animation-delay: 1.5s;
  }
  .p-environment .environment-top .line-01 .line:nth-child(4), .p-environment .environment-top .line-02 .line:nth-child(4) {
    bottom: calc(var(--spacing) * 0);
    left: calc(var(--spacing) * 0);
  }
  .p-environment .environment-top .line-01 .line:nth-child(4) img, .p-environment .environment-top .line-02 .line:nth-child(4) img {
    animation-duration: 2.8s;
    animation-delay: 1.5s;
  }
  .p-environment .environment-top .line-01 {
    top: calc(var(--spacing) * 96.5);
    right: calc(var(--spacing) * 7.5);
  }
  .p-environment .environment-top .line-02 {
    top: calc(var(--spacing) * 87.75);
    left: calc(var(--spacing) * 3);
  }
  .p-environment .environment-top .wrapper {
    min-height: calc(var(--spacing) * 126.75);
    padding-top: 5.3125rem;
    text-align: center;
  }
  @media (width >= 48rem) {
    .p-environment .environment-top .wrapper {
      min-height: calc(var(--spacing) * 270);
    }
  }
  .p-environment .environment-top .sc-title img {
    margin-inline: auto;
    margin-bottom: 1.9375rem;
    width: 9.1875rem;
  }
  @media (width < 48rem) {
    .p-environment .environment-top .line-01, .p-environment .environment-top .line-02 {
      height: 4.375rem;
      width: 14.5625rem;
    }
    .p-environment .environment-top .line-01 {
      top: 15.6875rem;
      right: calc(3.25rem * -1);
    }
    .p-environment .environment-top .line-01 .line:nth-child(2) {
      top: 0.9375rem;
      right: 5.3125rem;
    }
    .p-environment .environment-top .line-01 .line:nth-child(3) {
      bottom: calc(var(--spacing) * 4);
      left: 5.3125rem;
    }
    .p-environment .environment-top .line-02 {
      display: none;
    }
    .p-environment .environment-top .wrapper {
      padding-top: 5.75rem;
    }
    .p-environment .environment-top .sc-title {
      margin-inline: auto;
      width: max-content;
      text-align: left;
    }
    .p-environment .environment-top .sc-title img {
      margin-bottom: calc(var(--spacing) * 2);
      width: 5.1875rem;
    }
  }
  .p-environment .environment-content {
    position: relative;
    z-index: 10;
    padding-top: calc(var(--spacing) * 20);
    --c: var(--color-primary);
    --c-light: var(--color-primary-light);
    --c-lighter: var(--color-primary-lightest);
    --c-dark: var(--color-primary-dark);
    --c-darker: var(--color-primary-darker);
    --c-accent: var(--color-tertiary);
  }
  .p-environment .environment-content__box {
    border-radius: 1.5rem;
    background-color: var(--c-lighter);
    padding-inline: calc(var(--spacing) * 17);
    padding-block: calc(var(--spacing) * 20);
  }
  .p-environment .environment-content__box .stripe {
    margin-bottom: calc(var(--spacing) * 4);
    --tw-translate-x: calc(4.3125rem * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    background-color: var(--c) !important;
  }
  .p-environment .environment-content__box .stripe::before {
    content: var(--tw-content);
    border-color: var(--c-accent) !important;
  }
  .p-environment .environment-content__box > p, .p-environment .environment-content__box .animate-perline p {
    margin-bottom: calc(var(--spacing) * 8);
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--c);
    color: var(--c-dark);
  }
  .p-environment .environment-content__box .phi {
    display: flex;
    gap: 4.75rem;
    border-radius: 1.5rem;
    padding-inline: calc(var(--spacing) * 10);
    padding-block: calc(var(--spacing) * 12);
  }
  @media (width >= 48rem) {
    .p-environment .environment-content__box .phi {
      background-color: var(--color-white);
    }
  }
  .p-environment .environment-content__box .phi__left {
    width: 26.8125rem;
  }
  .p-environment .environment-content__box .phi__left > div {
    position: relative;
    z-index: 1;
    margin-inline: auto;
    margin-top: 13.75rem;
    margin-bottom: 2.375rem;
    height: 8.0625rem;
    width: 8.0625rem;
    place-content: center;
    border-radius: calc(infinity * 1px);
    background-color: var(--c-lighter);
    text-align: center;
    font-size: 2.5rem;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--c);
  }
  .p-environment .environment-content__box .phi__left > div::before {
    position: absolute;
    right: calc(var(--spacing) * 10);
    bottom: calc(var(--spacing) * -4);
    height: 1.75rem;
    width: 1.4375rem;
    background-image: url('./assets/img/ballon-arrow4.svg');
    --tw-content: '';
    content: var(--tw-content);
  }
  .p-environment .environment-content__box .phi__right {
    flex: 1;
  }
  .p-environment .environment-content__box .phi__right ._num-list {
    display: flex;
    gap: calc(var(--spacing) * 1.75);
  }
  .p-environment .environment-content__box .phi__right ._num-list > span {
    display: block;
    display: grid;
    height: 2.25rem;
    width: 2.25rem;
    place-content: center;
    border-radius: calc(infinity * 1px);
    background-color: var(--c);
    padding-bottom: calc(var(--spacing) * 1);
    font-size: 1.875rem;
    --tw-leading: 1;
    line-height: 1;
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
    color: var(--color-white);
  }
  .p-environment .environment-content__box .phi__right ._num-list div {
    flex: 1;
  }
  .p-environment .environment-content__box .phi__right ._num-list div h4 {
    font-size: 1.5rem;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-primary-dark);
  }
  .p-environment .environment-content__box .phi__right ._num-list div p {
    margin-top: calc(var(--spacing) * 0.5);
    --tw-leading: 1.6;
    line-height: 1.6;
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--color-primary-dark);
  }
  .p-environment .environment-content__box .phi__right ._card-list {
    display: flex;
    gap: 1.125rem;
    border-radius: var(--radius-lg);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--c);
    padding-inline: 2.125rem 1.6875rem;
    padding-block: 0.8125rem;
  }
  .p-environment .environment-content__box .phi__right ._card-list__left {
    flex: 1;
  }
  .p-environment .environment-content__box .phi__right ._card-list__left h4 {
    margin-top: calc(var(--spacing) * -0.5);
    display: grid;
    height: 2.625rem;
    width: 7rem;
    place-content: center;
    border-radius: 0.125rem;
    background-color: var(--c);
    font-size: 1.5rem;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-white);
  }
  .p-environment .environment-content__box .phi__right ._card-list__left p {
    margin-top: calc(var(--spacing) * 0.5);
    --tw-leading: 1.6;
    line-height: 1.6;
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--color-primary-dark);
  }
  .p-environment .environment-content__box .phi__right ._card-list__right {
    display: flex;
    width: 18.0625rem;
    align-items: center;
    justify-content: space-between;
    border-radius: var(--radius-lg);
    background-color: var(--c-lighter);
    padding-inline: 1.75rem 1.6875rem;
    padding-block: calc(var(--spacing) * 4);
    color: var(--c-dark);
  }
  .p-environment .environment-content__box .phi__right ._card-list__right > .flex {
    gap: calc(var(--spacing) * 0.5);
  }
  .p-environment .environment-content__box .phi__right ._card-list__right > .flex > div:nth-child(1) {
    margin-top: calc(var(--spacing) * -3);
    font-size: 3.5rem;
    --tw-leading: 1;
    line-height: 1;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }
  .p-environment .environment-content__box .phi__right ._card-list__right > .flex > div:nth-child(2) div:nth-child(1) {
    height: 1.5rem;
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--c-dark);
    text-align: center;
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }
  .p-environment .environment-content__box .phi__right ._card-list__right > .flex > div:nth-child(2) div:nth-child(2) {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }
  .p-environment .environment-content__box .phi__right ._card-list__right > .grid {
    position: relative;
    gap: calc(var(--spacing) * 1);
  }
  .p-environment .environment-content__box .phi__right ._card-list__right > .grid div {
    display: grid;
    height: 2.625rem;
    width: 3.75rem;
    place-content: center;
    border-radius: 0.125rem;
    background-color: var(--color-white);
    text-align: center;
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
    color: var(--c-dark);
  }
  .p-environment .environment-content__box .phi__right ._card-list__right > .grid::before, .p-environment .environment-content__box .phi__right ._card-list__right > .grid::after {
    position: absolute;
    top: calc(1/2 * 100%);
    left: calc(1/2 * 100%);
    height: 0.0625rem;
    width: calc(var(--spacing) * 6);
    --tw-translate-x: calc(calc(1/2 * 100%) * -1);
    --tw-translate-y: calc(calc(1/2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    border-radius: var(--radius-lg);
    background-color: var(--c-dark);
    --tw-content: '';
    content: var(--tw-content);
  }
  .p-environment .environment-content__box .phi__right ._card-list__right > .grid::before {
    rotate: 45deg;
  }
  .p-environment .environment-content__box .phi__right ._card-list__right > .grid::after {
    rotate: calc(45deg * -1);
  }
  .p-environment .environment-content__box .phi__card {
    position: relative;
  }
  .p-environment .environment-content__box .phi__card__line {
    position: absolute;
    left: calc(var(--spacing) * -2.5);
    --tw-translate-x: -100%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  @media (width < 48rem) {
    .p-environment .environment-content__box .phi__card__line {
      display: none;
    }
  }
  .p-environment .environment-content__box .phi__card__title {
    position: relative;
    overflow: hidden;
    border-radius: var(--radius-lg);
    background-color: var(--c-light);
    padding-block: 1.0938rem;
    padding-left: 3.0625rem;
    font-size: 1.5rem;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--c-darker);
  }
  .p-environment .environment-content__box .phi__card__title::before {
    position: absolute;
    top: calc(var(--spacing) * 0);
    left: calc(var(--spacing) * 0);
    height: 100%;
    width: 1.4375rem;
    background-color: var(--color-primary);
    --tw-content: '';
    content: var(--tw-content);
  }
  .p-environment .environment-content__box ._style-01 {
    display: grid;
    gap: calc(var(--spacing) * 10);
  }
  .p-environment .environment-content__box ._style-01__card {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 1.5rem;
    background-color: var(--color-white);
    padding-inline: calc(var(--spacing) * 10);
    padding-top: calc(var(--spacing) * 10);
    padding-bottom: calc(var(--spacing) * 8.5);
    color: var(--c-dark);
  }
  @media (width >= 48rem) {
    .p-environment .environment-content__box ._style-01__card__text {
      max-width: 21rem;
    }
  }
  .p-environment .environment-content__box ._style-01__card__text .animate-fill-stroke:hover path, .p-environment .environment-content__box ._style-01__card__text .animate-fill-stroke:hover circle, .p-environment .environment-content__box ._style-01__card__text .animate-fill-stroke.animated path, .p-environment .environment-content__box ._style-01__card__text .animate-fill-stroke.animated circle, .p-environment .environment-content__box ._style-01__card__text .animate-fill-stroke.aos-animate path, .p-environment .environment-content__box ._style-01__card__text .animate-fill-stroke.aos-animate circle {
    transition: stroke-dashoffset 1s .3s ease-out, fill .8s .8s !important;
  }
  .p-environment .environment-content__box ._style-01__card__text ._badge {
    position: relative;
    display: grid;
    aspect-ratio: 1 / 1;
    width: 7.4375rem;
    place-content: center;
  }
  .p-environment .environment-content__box ._style-01__card__text ._badge svg {
    position: absolute;
    top: calc(var(--spacing) * 0);
    left: calc(var(--spacing) * 0);
    height: 100%;
    width: 100%;
    --fill: var(--c);
  }
  .p-environment .environment-content__box ._style-01__card__text ._badge p {
    text-align: center;
    font-size: 1.875rem;
    --tw-leading: 1;
    line-height: 1;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--c);
  }
  .p-environment .environment-content__box ._style-01__card__text > span {
    position: relative;
    margin-top: 1.0625rem;
    margin-bottom: .375rem;
    display: block;
    padding-left: 2.4375rem;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--c-dark);
  }
  .p-environment .environment-content__box ._style-01__card__text > span::before {
    position: absolute;
    top: calc(1/2 * 100%);
    left: calc(var(--spacing) * 0);
    height: 1.75rem;
    width: 1.75rem;
    --tw-translate-y: calc(calc(1/2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style);
    border-width: 0.5rem;
    border-color: var(--c);
    --tw-content: '';
    content: var(--tw-content);
  }
  .p-environment .environment-content__box ._style-01__card__text h2 {
    position: relative;
    font-size: 1.5rem;
    --tw-leading: 2.45;
    line-height: 2.45;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }
  @media (width >= 48rem) {
    .p-environment .environment-content__box ._style-01__card__text h2 {
      width: max-content;
    }
  }
  .p-environment .environment-content__box ._style-01__card__text h2::before {
    position: absolute;
    bottom: calc(var(--spacing) * 0);
    left: calc(var(--spacing) * 0);
    height: .0625rem;
    width: 100%;
    --tw-scale-y: 50%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
    background-color: var(--c);
    --tw-content: '';
    content: var(--tw-content);
  }
  .p-environment .environment-content__box ._style-01__card__text > p, .p-environment .environment-content__box ._style-01__card__text .animate-perline p {
    margin-top: calc(var(--spacing) * 4);
    --tw-leading: 1.5;
    line-height: 1.5;
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }
  .p-environment .environment-content__box ._style-01__card__text .hv-bs {
    z-index: 10;
    margin-top: 2.25rem;
    display: flex;
    width: max-content;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    color: var(--color-secondary-dark);
  }
  @media (width < 48rem) {
    .p-environment .environment-content__box ._style-01__card__text .hv-bs {
      display: none;
    }
  }
  .p-environment .environment-content__box ._style-01__card__text .hv-bs {
    --init-bg: var(--color-secondary);
    --hover-color: var(--color-secondary);
  }
  .p-environment .environment-content__box ._style-01__card__text .hv-bs > span {
    font-size: 1.5rem;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }
  .p-environment .environment-content__box ._style-01__card__text .hv-bs > span span {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
  }
  .p-environment .environment-content__box ._style-01__card__text .hv-bs ._icon {
    display: grid;
    height: 3.25rem;
    width: 3.25rem;
    place-content: center;
    border-radius: calc(infinity * 1px);
  }
  .p-environment .environment-content__box ._style-01__card__text .hv-bs ._icon svg {
    width: calc(var(--spacing) * 5);
  }
  .p-environment .environment-content__box ._style-01__card__img {
    width: 46.6875rem;
    border-radius: 1.5rem;
  }
  .p-environment .environment-content__box ._style-02 {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 3.3125rem;
  }
  .p-environment .environment-content__box ._style-02__card {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    border-radius: 1.5rem;
    background-color: var(--color-white);
    padding-inline: calc(var(--spacing) * 10);
    padding-top: calc(var(--spacing) * 10);
    padding-bottom: 1.875rem;
    color: var(--c-dark);
  }
  .p-environment .environment-content__box ._style-02__card__text .animate-fill-stroke:hover path, .p-environment .environment-content__box ._style-02__card__text .animate-fill-stroke:hover circle, .p-environment .environment-content__box ._style-02__card__text .animate-fill-stroke.animated path, .p-environment .environment-content__box ._style-02__card__text .animate-fill-stroke.animated circle, .p-environment .environment-content__box ._style-02__card__text .animate-fill-stroke.aos-animate path, .p-environment .environment-content__box ._style-02__card__text .animate-fill-stroke.aos-animate circle {
    transition: stroke-dashoffset 1s .3s ease-out, fill .8s .8s !important;
  }
  .p-environment .environment-content__box ._style-02__card__text ._badge {
    position: relative;
    display: grid;
    aspect-ratio: 1 / 1;
    width: 7.4375rem;
    place-content: center;
  }
  .p-environment .environment-content__box ._style-02__card__text ._badge svg {
    position: absolute;
    top: calc(var(--spacing) * 0);
    left: calc(var(--spacing) * 0);
    height: 100%;
    width: 100%;
    --fill: var(--c);
  }
  .p-environment .environment-content__box ._style-02__card__text ._badge p {
    text-align: center;
    font-size: 1.875rem;
    --tw-leading: 1;
    line-height: 1;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--c);
  }
  .p-environment .environment-content__box ._style-02__card__text > span {
    position: relative;
    margin-top: 1.25rem;
    margin-bottom: calc(var(--spacing) * 1);
    display: block;
    padding-left: 2.4375rem;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--c-dark);
  }
  .p-environment .environment-content__box ._style-02__card__text > span::before {
    position: absolute;
    top: calc(1/2 * 100%);
    left: calc(var(--spacing) * 0);
    height: 1.75rem;
    width: 1.75rem;
    --tw-translate-y: calc(calc(1/2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style);
    border-width: 0.5rem;
    border-color: var(--c);
    --tw-content: '';
    content: var(--tw-content);
  }
  .p-environment .environment-content__box ._style-02__card__text h2 {
    position: relative;
    font-size: 1.5rem;
    --tw-leading: 2.45;
    line-height: 2.45;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }
  @media (width >= 48rem) {
    .p-environment .environment-content__box ._style-02__card__text h2 {
      width: max-content;
    }
  }
  .p-environment .environment-content__box ._style-02__card__text h2::before {
    position: absolute;
    bottom: calc(var(--spacing) * 0);
    left: calc(var(--spacing) * 0);
    height: .0625rem;
    width: 100%;
    --tw-scale-y: 50%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
    background-color: var(--c);
    --tw-content: '';
    content: var(--tw-content);
  }
  .p-environment .environment-content__box ._style-02__card__text > p, .p-environment .environment-content__box ._style-02__card__text .animate-perline p {
    margin-top: calc(var(--spacing) * 6);
    --tw-leading: 1.5;
    line-height: 1.5;
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }
  .p-environment .environment-content__box ._style-02__card__img {
    margin-top: calc(var(--spacing) * 1.75);
    width: 100%;
    border-radius: var(--radius-lg);
  }
  .p-environment .environment-content__box ._style-02__card__example {
    position: absolute;
    top: calc(1.375rem * -1);
    right: calc(1.875rem * -1);
    border-radius: var(--radius-lg);
    background-color: var(--c-lighter);
    padding-top: 4.125rem;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }
  .p-environment .environment-content__box ._style-02__card__example h3 {
    position: absolute;
    top: calc(var(--spacing) * 2.5);
    left: calc(var(--spacing) * 0);
    display: grid;
    height: 3.0625rem;
    width: 7.75rem;
    place-content: center;
    border-radius: var(--radius-lg);
    background-color: var(--color-white);
    text-align: center;
  }
  .p-environment .environment-content__box ._style-02__card__example div p {
    width: 100%;
    padding: calc(var(--spacing) * 1.25);
    --tw-leading: 1.1;
    line-height: 1.1;
    background-image: linear-gradient(to right, var(--color-primary-dark) 50%, transparent 0%);
    background-position: bottom;
    background-size: 0.5rem 0.0625rem;
    background-repeat: repeat-x;
  }
  .p-environment .environment-content__box .hv-bs._banner {
    position: relative;
    display: flex;
    min-height: 11.5rem;
    align-items: center;
    justify-content: flex-end;
    border-radius: var(--radius-lg);
    border-style: var(--tw-border-style);
    border-width: 0.75rem;
    border-color: var(--c);
    background-color: var(--color-white);
    padding-right: 0.875rem;
  }
  @media (hover: hover) {
    .p-environment .environment-content__box .hv-bs._banner:hover {
      opacity: 50%;
    }
  }
  .p-environment .environment-content__box .hv-bs._banner {
    transition: opacity 1s cubic-bezier(0.2, 1, 0.21, 1);
  }
  .p-environment .environment-content__box .hv-bs._banner > img {
    position: absolute;
  }
  .p-environment .environment-content__box .hv-bs._banner span {
    width: max-content;
    font-size: 1.5rem;
    --tw-leading: 1;
    line-height: 1;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--c-dark);
  }
  .p-environment .environment-content__box .hv-bs._banner ._icon {
    margin-left: calc(var(--spacing) * 2.5);
    display: grid;
    height: calc(var(--spacing) * 8);
    width: calc(var(--spacing) * 8);
    place-content: center;
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style) !important;
    border-width: 0.1875rem !important;
    --init-bg: var(--c);
    --hover-color: var(--c);
  }
  .p-environment .environment-content__box .hv-bs._banner ._icon svg {
    width: calc(var(--spacing) * 5);
  }
  .p-environment .environment-content__box ._vid {
    margin-top: calc(var(--spacing) * 6);
  }
  .p-environment .environment-content__box ._vid p {
    text-align: center;
    --tw-leading: 2.5rem;
    line-height: 2.5rem;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--c-dark);
  }
  @media (width >= 48rem) {
    .p-environment .environment-content__box ._vid p {
      font-size: 1.5rem;
    }
  }
  @media (width >= 48rem) {
    .p-environment .environment-content__box ._vid p {
      --tw-leading: 3.6875rem;
      line-height: 3.6875rem;
    }
  }
  .p-environment .environment-content__box ._vid > div {
    position: relative;
    margin-inline: auto;
    width: 18.125rem;
    border-radius: var(--radius-lg);
    background-color: var(--c);
    padding: calc(var(--spacing) * 3);
  }
  @media (width >= 48rem) {
    .p-environment .environment-content__box ._vid > div {
      width: 37.875rem;
    }
  }
  @media (width >= 48rem) {
    .p-environment .environment-content__box ._vid > div {
      border-radius: 1.5rem;
    }
  }
  @media (width >= 48rem) {
    .p-environment .environment-content__box ._vid > div {
      padding: calc(var(--spacing) * 8);
    }
  }
  .p-environment .environment-content__box ._vid > div iframe {
    aspect-ratio: var(--aspect-video);
    width: 100%;
  }
  .p-environment .environment-content__box ._vid > div img {
    position: absolute;
    right: calc(3rem * -1);
    bottom: calc(0.8125rem * -1);
    width: calc(var(--spacing) * 20);
  }
  @media (width >= 48rem) {
    .p-environment .environment-content__box ._vid > div img {
      width: calc(var(--spacing) * 40);
    }
  }
  .p-environment .environment-content#health-management, .p-environment .environment-content#employee-benefits, .p-environment .environment-content#award-system {
    --c: var(--color-tertiary);
    --c-light: var(--color-tertiary-light);
    --c-lighter: var(--color-tertiary-lighter);
    --c-dark: var(--color-tertiary-dark);
    --c-accent: var(--color-primary);
  }
  .p-environment .environment-content#womens-empowerment, .p-environment .environment-content#mokkei-club, .p-environment .environment-content#internal-communication-tunag {
    --c: var(--color-secondary);
    --c-light: var(--color-secondary-light);
    --c-lighter: var(--color-secondary-lighter);
    --c-dark: var(--color-secondary-dark);
    --c-accent: var(--color-tertiary);
  }
  @media (width < 48rem) {
    .p-environment .environment-content__box {
      border-radius: var(--radius-lg);
      padding-inline: 0.9375rem;
      padding-block: 3rem;
    }
    .p-environment .environment-content__box .stripe {
      --tw-translate-x: calc(0.9375rem * -1);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .p-environment .environment-content__box > p, .p-environment .environment-content__box .animate-perline p {
      margin-bottom: 1.5rem;
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
      --tw-leading: 1.6;
      line-height: 1.6;
    }
    .p-environment .environment-content__box .phi {
      position: relative;
      flex-direction: column;
      gap: 3.625rem;
      padding: calc(var(--spacing) * 0);
    }
    .p-environment .environment-content__box .phi__left {
      position: relative;
      width: 100%;
      padding-inline: calc(var(--spacing) * 5);
    }
    .p-environment .environment-content__box .phi__left > div {
      position: absolute;
      right: calc(1rem * -1);
      bottom: calc(2.1875rem * -1);
      margin: calc(var(--spacing) * 0);
      height: 5.8981rem;
      width: 5.8981rem;
      border-style: var(--tw-border-style);
      border-width: 0.1875rem;
      border-color: var(--c);
      font-size: 1.8288rem;
    }
    .p-environment .environment-content__box .phi__left > div::before {
      display: none;
    }
    .p-environment .environment-content__box .phi__right ._num-list div h4 {
      font-size: 1.375rem;
    }
    .p-environment .environment-content__box .phi__right ._card-list {
      flex-direction: column;
      padding: 1.625rem 1.0625rem 1.5rem 1.625rem;
    }
    .p-environment .environment-content__box .phi__right ._card-list__left h4 {
      height: calc(var(--spacing) * 10);
      width: 6rem;
      font-size: var(--text-lg);
      line-height: var(--tw-leading, var(--text-lg--line-height));
    }
    .p-environment .environment-content__box .phi__right ._card-list__left p {
      margin-top: calc(var(--spacing) * 6);
    }
    .p-environment .environment-content__box .phi__right ._card-list__right {
      margin-inline: auto;
      width: 11.75rem;
      flex-direction: column;
      gap: 1.125rem;
      padding-block: 1.6875rem 1.1875rem;
    }
    .p-environment .environment-content__box .phi__right ._card-list__right > .grid div {
      height: 3.125rem;
      width: 4.5rem;
      font-size: 1.4919rem;
    }
    .p-environment .environment-content__box .phi__card {
      background-color: var(--color-white);
      padding-inline: 2.4375rem 0.875rem;
      padding-block: calc(var(--spacing) * 12);
    }
    .p-environment .environment-content__box .phi__card__title {
      padding-block: calc(var(--spacing) * 3.75);
      padding-left: calc(var(--spacing) * 8);
      font-size: var(--text-lg);
      line-height: var(--tw-leading, var(--text-lg--line-height));
    }
    .p-environment .environment-content__box ._style-01 {
      gap: calc(var(--spacing) * 16);
    }
    .p-environment .environment-content__box ._style-01__card {
      flex-direction: column;
      gap: calc(var(--spacing) * 6);
      border-radius: var(--radius-lg);
      padding: 1.4375rem 1.8125rem 3rem 1.875rem;
    }
    .p-environment .environment-content__box ._style-01__card__text h2 {
      padding-top: calc(var(--spacing) * 2);
      padding-bottom: calc(var(--spacing) * 4);
      --tw-leading: 1.6;
      line-height: 1.6;
    }
    .p-environment .environment-content__box ._style-01__card__text ._badge {
      margin-bottom: calc(1.625rem * -1);
      margin-left: auto;
      width: 5.875rem;
    }
    .p-environment .environment-content__box ._style-01__card__text ._badge p {
      font-size: 1.4812rem;
    }
    .p-environment .environment-content__box ._style-01__card__text > p, .p-environment .environment-content__box ._style-01__card__text .animate-perline p {
      margin-top: calc(var(--spacing) * 6);
    }
    .p-environment .environment-content__box ._style-01__card__text > span {
      margin-top: calc(var(--spacing) * 0);
      padding-left: 2.25rem;
      --tw-leading: 1;
      line-height: 1;
    }
    .p-environment .environment-content__box ._style-01__card__text > span::before {
      height: calc(var(--spacing) * 5);
      width: calc(var(--spacing) * 5);
      border-style: var(--tw-border-style);
      border-width: .375rem;
    }
    .p-environment .environment-content__box ._style-01__card__text .hv-bs {
      margin-top: calc(var(--spacing) * 6);
      display: flex;
    }
    .p-environment .environment-content__box ._style-01__card__text .hv-bs span {
      font-size: 1.375rem;
    }
    .p-environment .environment-content__box ._style-02 {
      grid-template-columns: repeat(1, minmax(0, 1fr));
      gap: calc(var(--spacing) * 16);
    }
    .p-environment .environment-content__box ._style-02__card {
      flex-direction: column;
      gap: calc(var(--spacing) * 6);
      border-radius: var(--radius-lg);
      padding: 1.4375rem 1.8125rem 3rem 1.875rem;
    }
    .p-environment .environment-content__box ._style-02__card__text h2 {
      padding-top: calc(var(--spacing) * 2);
      padding-bottom: calc(var(--spacing) * 4);
      --tw-leading: 1.6;
      line-height: 1.6;
    }
    .p-environment .environment-content__box ._style-02__card__text ._badge {
      margin-bottom: calc(1.625rem * -1);
      margin-left: auto;
      width: 5.875rem;
    }
    .p-environment .environment-content__box ._style-02__card__text ._badge p {
      font-size: 1.4812rem;
    }
    .p-environment .environment-content__box ._style-02__card__text > p, .p-environment .environment-content__box ._style-02__card__text .animate-perline p {
      margin-top: calc(var(--spacing) * 6);
    }
    .p-environment .environment-content__box ._style-02__card__text > span {
      margin-top: calc(var(--spacing) * 0);
      padding-left: 2.25rem;
      --tw-leading: 1;
      line-height: 1;
    }
    .p-environment .environment-content__box ._style-02__card__text > span::before {
      height: calc(var(--spacing) * 5);
      width: calc(var(--spacing) * 5);
      border-style: var(--tw-border-style);
      border-width: .375rem;
    }
    .p-environment .environment-content__box ._style-02__card__example {
      position: relative;
      top: calc(var(--spacing) * 2.5);
      right: calc(var(--spacing) * 0);
    }
    .p-environment .environment-content__box .hv-bs._banner {
      min-height: 8.125rem;
      border-style: var(--tw-border-style);
      border-width: 0.5306rem;
      padding-right: calc(var(--spacing) * 2.5);
    }
    .p-environment .environment-content__box .hv-bs._banner > img {
      position: relative;
    }
    .p-environment .environment-content__box .hv-bs._banner span {
      margin-top: calc(var(--spacing) * 2.5);
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
    }
    .p-environment .environment-content__box .hv-bs._banner ._icon {
      height: 1.4156rem;
      width: 1.4156rem;
    }
    .p-environment .environment-content__box .hv-bs._banner ._icon svg {
      width: 0.8844rem;
    }
  }
  .p-environment .env-menu {
    position: relative;
    margin-inline: auto;
    margin-bottom: calc(var(--spacing) * 4);
    height: 46.3125rem;
    width: 67.625rem;
  }
  .p-environment .env-menu__img {
    position: absolute;
    top: 14.125rem;
    left: calc(1/2 * 100%);
    width: 27.8125rem;
    --tw-translate-x: calc(calc(1/2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .p-environment .env-menu__nav {
    position: relative;
    height: 100%;
    width: 100%;
  }
  .p-environment .env-menu__nav__item {
    position: absolute;
    display: block;
    display: flex;
    height: 12.3356rem;
    width: 12.3356rem;
    align-items: flex-end;
    border-radius: calc(infinity * 1px);
    padding-bottom: 2.9375rem;
  }
  .p-environment .env-menu__nav__item::before {
    position: absolute;
    top: calc(var(--spacing) * 0);
    left: calc(var(--spacing) * 0);
    height: 100%;
    width: 100%;
    --tw-scale-x: 0%;
    --tw-scale-y: 0%;
    --tw-scale-z: 0%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
    border-radius: calc(infinity * 1px);
    background-color: var(--color-white);
    transition-property: all;
    transition-timing-function: var(--tw-ease, ease);
    transition-duration: var(--tw-duration, 0s);
    --tw-duration: 200ms;
    transition-duration: 200ms;
    --tw-ease: var(--ease-out);
    transition-timing-function: var(--ease-out);
    --tw-content: '';
    content: var(--tw-content);
  }
  .p-environment .env-menu__nav__item span {
    position: absolute;
    bottom: 5.8125rem;
    left: calc(1/2 * 100%);
    width: max-content;
    --tw-translate-x: calc(calc(1/2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    text-align: center;
    font-size: 1.5rem;
    --tw-leading: 1;
    line-height: 1;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-primary-dark);
  }
  .p-environment .env-menu__nav__item ._icon {
    margin-inline: auto;
    display: grid;
    height: calc(var(--spacing) * 6);
    width: calc(var(--spacing) * 6);
    rotate: 90deg;
    place-content: center;
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style) !important;
    border-width: 0.0625rem !important;
    --hover-color: #fff;
    --hover-bg: var(--color-primary);
  }
  .p-environment .env-menu__nav__item ._icon svg {
    width: calc(var(--spacing) * 5);
  }
  .p-environment .env-menu__nav__item:nth-child(3n - 2) {
    background-color: var(--color-primary-light);
  }
  .p-environment .env-menu__nav__item:nth-child(3n - 1) {
    background-color: var(--color-tertiary-light);
  }
  .p-environment .env-menu__nav__item:nth-child(3n) {
    background-color: var(--color-secondary-light);
  }
  @media (hover:hover) {
    .p-environment .env-menu__nav__item:hover::before {
      --tw-scale-x: 95%;
      --tw-scale-y: 95%;
      --tw-scale-z: 95%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
  }
  .p-environment .env-menu__nav__item:nth-of-type(1) {
    top: 3.8125rem;
    left: 5.9688rem;
  }
  .p-environment .env-menu__nav__item:nth-of-type(2) {
    top: calc(var(--spacing) * 0);
    left: 20.5938rem;
  }
  .p-environment .env-menu__nav__item:nth-of-type(3) {
    top: calc(var(--spacing) * 0);
    right: 19.9375rem;
  }
  .p-environment .env-menu__nav__item:nth-of-type(4) {
    top: 3.8125rem;
    right: 6.9375rem;
  }
  .p-environment .env-menu__nav__item:nth-of-type(5) {
    top: 16.375rem;
    right: calc(var(--spacing) * 0);
  }
  .p-environment .env-menu__nav__item:nth-of-type(6) {
    right: 6.9375rem;
    bottom: 4.875rem;
  }
  .p-environment .env-menu__nav__item:nth-of-type(7) {
    right: 19.9375rem;
    bottom: calc(var(--spacing) * 0);
  }
  .p-environment .env-menu__nav__item:nth-of-type(8) {
    bottom: calc(var(--spacing) * 0);
    left: 20.5938rem;
  }
  .p-environment .env-menu__nav__item:nth-of-type(9) {
    bottom: 4.875rem;
    left: 5.9688rem;
  }
  .p-environment .env-menu__nav__item:nth-of-type(10) {
    top: 16.375rem;
    left: calc(var(--spacing) * 0);
  }
  @media (width < 48rem) {
    .p-environment .env-menu {
      margin-bottom: calc(var(--spacing) * -10);
      height: 19.625rem;
      width: 21rem;
    }
    .p-environment .env-menu__img {
      top: 6.75rem;
      width: 8.8675rem;
    }
    .p-environment .env-menu__nav__item {
      height: 4.375rem;
      width: 4.375rem;
      padding-bottom: 0.875rem;
    }
    .p-environment .env-menu__nav__item span {
      bottom: 2.3125rem;
      font-size: 0.9375rem;
    }
    .p-environment .env-menu__nav__item ._icon {
      height: 0.9375rem;
      width: 0.9375rem;
    }
    .p-environment .env-menu__nav__item ._icon svg {
      width: 0.8125rem;
    }
    .p-environment .env-menu__nav__item:nth-of-type(1) {
      top: 2.875rem;
      left: 1.875rem;
    }
    .p-environment .env-menu__nav__item:nth-of-type(2) {
      top: calc(var(--spacing) * 0);
      left: 5.8125rem;
    }
    .p-environment .env-menu__nav__item:nth-of-type(3) {
      top: calc(var(--spacing) * 0);
      right: 5.6875rem;
    }
    .p-environment .env-menu__nav__item:nth-of-type(4) {
      top: 2.875rem;
      right: 1.625rem;
    }
    .p-environment .env-menu__nav__item:nth-of-type(5) {
      top: 7.375rem;
      right: calc(var(--spacing) * 0);
    }
    .p-environment .env-menu__nav__item:nth-of-type(6) {
      right: 1.625rem;
      bottom: 2.9375rem;
    }
    .p-environment .env-menu__nav__item:nth-of-type(7) {
      right: 5.6875rem;
      bottom: calc(var(--spacing) * 0);
    }
    .p-environment .env-menu__nav__item:nth-of-type(8) {
      bottom: calc(var(--spacing) * 0);
      left: 6.25rem;
    }
    .p-environment .env-menu__nav__item:nth-of-type(9) {
      bottom: 2.9375rem;
      left: 1.875rem;
    }
    .p-environment .env-menu__nav__item:nth-of-type(10) {
      top: 7.375rem;
      left: calc(var(--spacing) * 0);
    }
  }
  .p-environment .fixed-env-menu {
    position: absolute;
    top: calc(var(--spacing) * 0);
    right: calc(var(--spacing) * 0);
    z-index: 40;
    height: 100%;
    padding-top: calc(var(--spacing) * 20);
  }
  .p-environment .fixed-env-menu__content {
    position: sticky;
    top: calc(var(--spacing) * 75);
    margin-bottom: calc(var(--spacing) * -5);
    display: grid;
    max-height: calc(100vh - 18.75rem);
    gap: 0.9375rem;
    overflow-y: auto;
    padding-bottom: calc(var(--spacing) * 5);
  }
  .p-environment .fixed-env-menu__content a {
    position: relative;
    display: block;
    display: grid;
    height: 5.125rem;
    width: 12.5rem;
    place-content: center;
    border-top-left-radius: 1.5rem;
    border-bottom-left-radius: 1.5rem;
    text-align: center;
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
    --tw-leading: 1;
    line-height: 1;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-primary-dark);
  }
  .p-environment .fixed-env-menu__content a::before {
    position: absolute;
    top: calc(var(--spacing) * 0);
    left: calc(var(--spacing) * 0);
    height: 100%;
    width: 100%;
    transform-origin: right;
    --tw-scale-x: 0%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
    --tw-scale-y: 94%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
    border-top-left-radius: 1.5rem;
    border-bottom-left-radius: 1.5rem;
    background-color: var(--color-white);
    transition-property: all;
    transition-timing-function: var(--tw-ease, ease);
    transition-duration: var(--tw-duration, 0s);
    --tw-duration: 200ms;
    transition-duration: 200ms;
    --tw-ease: var(--ease-out);
    transition-timing-function: var(--ease-out);
    --tw-content: '';
    content: var(--tw-content);
  }
  .p-environment .fixed-env-menu__content a span {
    position: relative;
    z-index: 1;
    display: block;
  }
  .p-environment .fixed-env-menu__content a:nth-child(3n - 2) {
    background-color: var(--color-primary-light);
  }
  .p-environment .fixed-env-menu__content a:nth-child(3n - 1) {
    background-color: var(--color-tertiary-light);
  }
  .p-environment .fixed-env-menu__content a:nth-child(3n) {
    background-color: var(--color-secondary-light);
  }
  @media (hover: hover) {
    .p-environment .fixed-env-menu__content a:hover::before {
      --tw-scale-x: 98%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
  }
  @media (width < 48rem) {
    .p-environment .fixed-env-menu {
      position: fixed;
      top: calc(var(--spacing) * 50);
      height: 10rem;
      max-height: auto;
      width: 2.6875rem;
      padding-top: calc(var(--spacing) * 0);
    }
    .p-environment .fixed-env-menu button {
      height: 100%;
      width: 100%;
      border-top-left-radius: 1.5rem;
      border-bottom-left-radius: 1.5rem;
      background-color: var(--color-secondary-light);
      padding-top: calc(var(--spacing) * 3);
      font-size: 0.9375rem;
      --tw-font-weight: var(--font-weight-semibold);
      font-weight: var(--font-weight-semibold);
      color: var(--color-secondary-dark);
    }
    .p-environment .fixed-env-menu button span {
      line-height: 1;
      writing-mode: vertical-rl;
      text-orientation: mixed;
      font-family: sans-serif;
    }
  }
  .p-environment .modal__content {
    margin-block: auto;
    padding-inline: calc(var(--spacing) * 0);
    padding-block: 1.4375rem 1.75rem;
  }
  .p-environment .modal__content .env-menu {
    margin-bottom: calc(var(--spacing) * 0);
  }
  @media (width < 48rem) {
    .p-posts {
      margin-bottom: calc(var(--spacing) * -11);
    }
  }
  @media (width < 48rem) {
    .p-posts {
      overflow: hidden;
    }
  }
  .p-posts section {
    position: relative;
  }
  @media (width < 48rem) {
    .p-posts .posts-top {
      overflow-x: hidden;
    }
  }
  .p-posts .posts-top .line-01, .p-posts .posts-top .line-02 {
    pointer-events: none;
    position: absolute;
    z-index: 10;
    height: calc(var(--spacing) * 33.5);
    width: calc(var(--spacing) * 111.75);
    -webkit-user-select: none;
    user-select: none;
  }
  .p-posts .posts-top .line-01 .line:nth-child(1), .p-posts .posts-top .line-02 .line:nth-child(1) {
    top: calc(var(--spacing) * 0);
    right: calc(var(--spacing) * 0);
  }
  .p-posts .posts-top .line-01 .line:nth-child(1) img, .p-posts .posts-top .line-02 .line:nth-child(1) img {
    animation-duration: 1.3s;
    animation-delay: 1s;
  }
  .p-posts .posts-top .line-01 .line:nth-child(2), .p-posts .posts-top .line-02 .line:nth-child(2) {
    top: calc(var(--spacing) * 7.5);
    right: calc(var(--spacing) * 40.75);
  }
  .p-posts .posts-top .line-01 .line:nth-child(2) img, .p-posts .posts-top .line-02 .line:nth-child(2) img {
    animation-duration: 1.9s;
    animation-delay: 0.2s;
  }
  .p-posts .posts-top .line-01 .line:nth-child(3), .p-posts .posts-top .line-02 .line:nth-child(3) {
    bottom: calc(var(--spacing) * 7.5);
    left: calc(var(--spacing) * 41);
  }
  .p-posts .posts-top .line-01 .line:nth-child(3) img, .p-posts .posts-top .line-02 .line:nth-child(3) img {
    animation-duration: 3s;
    animation-delay: 1.5s;
  }
  .p-posts .posts-top .line-01 .line:nth-child(4), .p-posts .posts-top .line-02 .line:nth-child(4) {
    bottom: calc(var(--spacing) * 0);
    left: calc(var(--spacing) * 0);
  }
  .p-posts .posts-top .line-01 .line:nth-child(4) img, .p-posts .posts-top .line-02 .line:nth-child(4) img {
    animation-duration: 2.8s;
    animation-delay: 1.5s;
  }
  .p-posts .posts-top .line-01 {
    top: calc(var(--spacing) * 96.5);
    right: calc(var(--spacing) * 7.5);
  }
  .p-posts .posts-top .line-02 {
    top: calc(var(--spacing) * 87.75);
    left: calc(var(--spacing) * 3);
  }
  .p-posts .posts-top .wrapper {
    min-height: calc(var(--spacing) * 159);
    padding-top: 6rem;
    text-align: center;
  }
  @media (width >= 48rem) {
    .p-posts .posts-top .wrapper {
      min-height: calc(var(--spacing) * 127);
    }
  }
  .p-posts .posts-top .sc-title img {
    margin-inline: auto;
    margin-bottom: 1.5625rem;
    width: 13.375rem;
  }
  @media (width < 48rem) {
    .p-posts .posts-top .line-01, .p-posts .posts-top .line-02 {
      height: 4.375rem;
      width: 14.5625rem;
    }
    .p-posts .posts-top .line-01 {
      top: 15.6875rem;
      right: calc(3.25rem * -1);
    }
    .p-posts .posts-top .line-01 .line:nth-child(2) {
      top: 0.9375rem;
      right: 5.3125rem;
    }
    .p-posts .posts-top .line-01 .line:nth-child(3) {
      bottom: calc(var(--spacing) * 4);
      left: 5.3125rem;
    }
    .p-posts .posts-top .line-02 {
      display: none;
    }
    .p-posts .posts-top .wrapper {
      padding-top: 5.75rem;
    }
    .p-posts .posts-top .sc-title {
      margin-inline: auto;
      width: max-content;
      text-align: left;
    }
    .p-posts .posts-top .sc-title img {
      margin-bottom: .9375rem;
      width: 7rem;
    }
  }
  .p-posts .posts-content {
    z-index: 10;
    margin-top: calc(1.875rem * -1);
  }
  .p-posts .posts-content__banner {
    margin-bottom: 4.375rem;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 3.625rem;
  }
  .p-posts .posts-content__banner a, .p-posts .posts-content__banner button {
    position: relative;
    display: block;
    border-radius: var(--radius-lg);
    text-align: center;
    color: var(--color-white);
  }
  .p-posts .posts-content__banner a .overflow-hidden, .p-posts .posts-content__banner button .overflow-hidden {
    position: relative;
    border-radius: var(--radius-lg);
  }
  .p-posts .posts-content__banner a .overflow-hidden img, .p-posts .posts-content__banner button .overflow-hidden img {
    transition-property: all;
    transition-timing-function: var(--tw-ease, ease);
    transition-duration: var(--tw-duration, 0s);
    --tw-duration: 800ms;
    transition-duration: 800ms;
    --tw-ease: var(--ease-out);
    transition-timing-function: var(--ease-out);
  }
  .p-posts .posts-content__banner a > div:not(.overflow-hidden), .p-posts .posts-content__banner button > div:not(.overflow-hidden) {
    position: absolute;
    top: calc(var(--spacing) * 0);
    left: calc(var(--spacing) * 0);
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
    gap: calc(var(--spacing) * 6);
    border-radius: var(--radius-lg);
  }
  .p-posts .posts-content__banner a > div:not(.overflow-hidden) span, .p-posts .posts-content__banner button > div:not(.overflow-hidden) span {
    font-size: 3rem;
    --tw-leading: 6.6875rem;
    line-height: 6.6875rem;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }
  .p-posts .posts-content__banner a > div:not(.overflow-hidden) ._icon, .p-posts .posts-content__banner button > div:not(.overflow-hidden) ._icon {
    display: grid;
    height: calc(var(--spacing) * 8);
    width: calc(var(--spacing) * 8);
    place-content: center;
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style) !important;
    border-width: 0.1875rem !important;
    --init-bg: #fff;
    --hover-color: #fff;
  }
  .p-posts .posts-content__banner a > div:not(.overflow-hidden) ._icon svg, .p-posts .posts-content__banner button > div:not(.overflow-hidden) ._icon svg {
    height: calc(var(--spacing) * 5);
    width: calc(var(--spacing) * 5);
  }
  .p-posts .posts-content__banner a::before, .p-posts .posts-content__banner button::before {
    position: absolute;
    bottom: calc(var(--spacing) * 0);
    left: calc(1/2 * 100%);
    --tw-translate-x: calc(calc(1/2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    transition-property: all;
    transition-timing-function: var(--tw-ease, ease);
    transition-duration: var(--tw-duration, 0s);
    --tw-duration: 200ms;
    transition-duration: 200ms;
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-left: 2.25rem solid transparent;
    border-right: 2.25rem solid transparent;
    border-top: 3.5rem solid var(--color-primary);
  }
  .p-posts .posts-content__banner a::after, .p-posts .posts-content__banner button::after {
    position: absolute;
    inset: calc(var(--spacing) * 0);
    border-radius: 0.3125rem;
    border-style: var(--tw-border-style);
    border-width: 0.375rem;
    border-color: transparent;
    transition-property: all;
    transition-timing-function: var(--tw-ease, ease);
    transition-duration: var(--tw-duration, 0s);
    --tw-duration: 200ms;
    transition-duration: 200ms;
    --tw-content: '';
    content: var(--tw-content);
  }
  @media (width >= 48rem) {
    .p-posts .posts-content__banner a::after, .p-posts .posts-content__banner button::after {
      border-radius: var(--radius-lg);
    }
  }
  .p-posts .posts-content__banner a ._logo, .p-posts .posts-content__banner button ._logo {
    position: absolute;
    top: 7.9375rem;
    left: calc(1/2 * 100%);
    display: block;
    width: 23.9375rem;
    --tw-translate-x: calc(calc(1/2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    border-radius: var(--radius-lg);
    background-color: var(--color-white);
  }
  .p-posts .posts-content__banner a.is-active::before, .p-posts .posts-content__banner button.is-active::before {
    --tw-translate-y: 100%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .p-posts .posts-content__banner a.is-active::after, .p-posts .posts-content__banner button.is-active::after {
    border-color: var(--color-primary);
  }
  @media (hover: hover) {
    .p-posts .posts-content__banner a:hover .overflow-hidden img, .p-posts .posts-content__banner button:hover .overflow-hidden img {
      --tw-scale-x: 105%;
      --tw-scale-y: 105%;
      --tw-scale-z: 105%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
  }
  .p-posts .posts-content h3 {
    order: -9999;
    margin-bottom: 2rem;
    text-align: center;
    font-size: 1.25rem;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-primary-dark);
  }
  @media (width >= 48rem) {
    .p-posts .posts-content h3 {
      margin-bottom: 3rem;
    }
  }
  @media (width >= 48rem) {
    .p-posts .posts-content h3 {
      font-size: 2rem;
    }
  }
  .p-posts .posts-content__list {
    display: grid;
    gap: 3.125rem;
    border-radius: 1.5rem;
    background-color: var(--color-primary-lightest);
    padding-inline: 4.375rem;
    padding-block: 5rem;
  }
  .p-posts .posts-content__list__item {
    border-radius: 1.5rem;
    background-color: var(--color-white);
    padding-block: 3.75rem;
    font-family: var(--font-noto-sans-jp);
    color: var(--color-primary-dark);
  }
  .p-posts .posts-content__list__item ._box {
    margin-inline: auto;
    width: 39.8125rem;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }
  .p-posts .posts-content__list__item ._box h1,.p-posts .posts-content__list__item ._box h2 {
    width: 37.5rem;
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 0.125rem;
    padding-bottom: calc(var(--spacing) * 1.5);
    font-size: 2.5rem;
  }
  .p-posts .posts-content__list__item ._box p {
    --tw-leading: 2;
    line-height: 2;
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }
  .p-posts .posts-content__list__item ._box table {
    margin-top: calc(var(--spacing) * 8);
    width: 100%;
  }
  .p-posts .posts-content__list__item ._box table tr th,.p-posts .posts-content__list__item ._box table tr td {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    padding-block: calc(var(--spacing) * 2);
  }
  .p-posts .posts-content__list__item ._box table tr th {
    width: 9.625rem;
    text-align: left;
  }
  .p-posts .posts-content__list__item ._box table tr:not(:first-child) th,.p-posts .posts-content__list__item ._box table tr:not(:first-child) td {
    padding-top: 2rem;
  }
  .p-posts .posts-content__list__item ._box .hv-bs {
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 2);
  }
  .p-posts .posts-content__list__item ._box .hv-bs span {
    font-size: 1.5rem;
  }
  .p-posts .posts-content__list__item ._box .hv-bs span span {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
  }
  .p-posts .posts-content__list__item ._box .hv-bs ._icon {
    display: grid;
    height: 3.25rem;
    width: 3.25rem;
    place-content: center;
    border-radius: calc(infinity * 1px);
  }
  .p-posts .posts-content__list__item ._box .hv-bs ._icon svg {
    height: calc(var(--spacing) * 5);
    width: calc(var(--spacing) * 5);
  }
  .p-posts .posts-content__list__item ._box ._buttons {
    margin-top: calc(var(--spacing) * 6);
    display: flex;
    gap: calc(var(--spacing) * 6);
  }
  .p-posts .posts-content__list__item ._box ._buttons .hv-bs:last-child {
    --init-bg: var(--color-secondary);
    --hover-color: var(--color-secondary);
  }
  @media (width < 48rem) {
    .p-posts .posts-content {
      margin-top: calc(21rem * -1);
    }
    .p-posts .posts-content__banner {
      margin-bottom: calc(var(--spacing) * 6);
      gap: calc(var(--spacing) * 2);
    }
    .p-posts .posts-content__banner a, .p-posts .posts-content__banner button {
      border-radius: 0.3125rem;
    }
    .p-posts .posts-content__banner a::before, .p-posts .posts-content__banner button::before {
      border-left: .75rem solid transparent;
      border-right: .75rem solid transparent;
      border-top: 1rem solid var(--color-primary);
    }
    .p-posts .posts-content__banner a::after, .p-posts .posts-content__banner button::after {
      border-style: var(--tw-border-style);
      border-width: 0.1875rem;
    }
    .p-posts .posts-content__banner a ._logo, .p-posts .posts-content__banner button ._logo {
      top: 2.375rem;
      width: 6.25rem;
    }
    .p-posts .posts-content__banner a .overflow-hidden, .p-posts .posts-content__banner button .overflow-hidden {
      border-radius: 0.3125rem;
    }
    .p-posts .posts-content__banner a > div:not(.overflow-hidden), .p-posts .posts-content__banner button > div:not(.overflow-hidden) {
      gap: calc(var(--spacing) * 2);
      border-radius: 0.3125rem;
    }
    .p-posts .posts-content__banner a > div:not(.overflow-hidden) span, .p-posts .posts-content__banner button > div:not(.overflow-hidden) span {
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
      --tw-leading: 2rem;
      line-height: 2rem;
    }
    .p-posts .posts-content__banner a > div:not(.overflow-hidden) ._icon, .p-posts .posts-content__banner button > div:not(.overflow-hidden) ._icon {
      height: 1.25rem;
      width: 1.25rem;
    }
    .p-posts .posts-content__banner a > div:not(.overflow-hidden) ._icon svg, .p-posts .posts-content__banner button > div:not(.overflow-hidden) ._icon svg {
      height: calc(var(--spacing) * 3);
      width: calc(var(--spacing) * 3);
    }
    .p-posts .posts-content__list {
      gap: calc(var(--spacing) * 6);
      border-radius: var(--radius-lg);
      padding-inline: 1.25rem;
      padding-block: 1.875rem;
    }
    .p-posts .posts-content__list__item {
      border-radius: var(--radius-lg);
      padding-inline: calc(var(--spacing) * 5);
      padding-block: calc(var(--spacing) * 6);
    }
    .p-posts .posts-content__list__item ._box {
      width: 100%;
    }
    .p-posts .posts-content__list__item ._box h1,.p-posts .posts-content__list__item ._box h2 {
      width: 100%;
      font-size: 1.5rem;
    }
    .p-posts .posts-content__list__item ._box > p {
      margin-top: calc(var(--spacing) * 2);
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
      --tw-leading: var(--leading-normal);
      line-height: var(--leading-normal);
    }
    .p-posts .posts-content__list__item ._box table {
      margin-top: calc(var(--spacing) * 6);
    }
    .p-posts .posts-content__list__item ._box table tr {
      display: flex;
      flex-direction: column;
    }
    .p-posts .posts-content__list__item ._box table tr th {
      width: 100%;
      --tw-border-style: none;
      border-style: none;
      padding-bottom: calc(var(--spacing) * 1);
    }
    .p-posts .posts-content__list__item ._box table tr td {
      padding-top: calc(var(--spacing) * 0) !important;
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
      --tw-font-weight: var(--font-weight-medium);
      font-weight: var(--font-weight-medium);
    }
    .p-posts .posts-content__list__item ._box table tr:not(:first-child) th {
      padding-top: calc(var(--spacing) * 4);
    }
    .p-posts .posts-content__list__item ._box ._buttons {
      align-items: center;
      gap: calc(var(--spacing) * 5);
    }
    .p-posts .posts-content__list__item ._box ._buttons .hv-bs {
      justify-content: space-between;
      gap: calc(var(--spacing) * 2);
    }
    .p-posts .posts-content__list__item ._box ._buttons .hv-bs span {
      font-size: var(--text-lg);
      line-height: var(--tw-leading, var(--text-lg--line-height));
    }
    .p-posts .posts-content__list__item ._box ._buttons .hv-bs span span {
      display: block;
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
    }
    .p-posts .posts-content__list__item ._box ._buttons .hv-bs ._icon {
      height: calc(var(--spacing) * 10);
      width: calc(var(--spacing) * 10);
    }
    .p-posts .posts-content__list__item ._box ._buttons .hv-bs ._icon svg {
      height: calc(var(--spacing) * 4);
      width: calc(var(--spacing) * 4);
    }
  }
  .p-post {
    background-size: 63rem auto;
    background-position: bottom -21rem right -10rem;
    background-repeat: no-repeat;
  }
  @media (width < 48rem) {
    .p-post {
      background-position: bottom -3.5rem right -31rem;
    }
  }
  .p-post {
    background-image: url('./pages/assets/img/circle-ornament.png');
  }
  .p-post .anchor ul {
    width: fit-content;
  }
  .p-post .post-content {
    padding-top: calc(var(--spacing) * 24);
    padding-bottom: calc(var(--spacing) * 23);
  }
  @media (width < 48rem) {
    .p-post .post-content {
      padding-top: calc(var(--spacing) * 25.5);
    }
  }
  @media (width < 48rem) {
    .p-post .post-content {
      padding-bottom: calc(var(--spacing) * 21.5);
    }
  }
  .p-post .post-content #post-slider .splide__slide {
    aspect-ratio: 420/268;
    width: calc(var(--spacing) * 193.75);
    overflow: hidden;
    border-radius: 1.4375rem;
  }
  @media (width < 48rem) {
    .p-post .post-content #post-slider .splide__slide {
      width: calc(var(--spacing) * 105);
    }
  }
  .p-post .post-content #post-slider .splide__slide img {
    height: 100%;
    width: 100%;
    object-fit: cover;
  }
  .p-post .post-content__thumb {
    overflow: hidden;
    border-radius: 1.4375rem;
  }
  .p-post .post-content__thumb img {
    height: 100%;
    width: 100%;
    object-fit: cover;
  }
  .p-post .post-content .wrapper {
    margin-inline: auto;
    max-width: calc(var(--spacing) * 270);
  }
  @media (width < 48rem) {
    .p-post .post-content .wrapper {
      padding-inline: calc(var(--spacing) * 7.5);
    }
  }
  .p-post .post-content article {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
    --tw-leading: 1.78;
    line-height: 1.78;
  }
  @media (width < 48rem) {
    .p-post .post-content article {
      font-size: 1.3125rem;
    }
  }
  @media (width < 48rem) {
    .p-post .post-content article {
      --tw-leading: 1.52;
      line-height: 1.52;
    }
  }
  .p-post .post-content article h1 {
    border-radius: var(--radius-4xl);
    background-color: var(--color-primary);
    padding-inline: calc(var(--spacing) * 8.5);
    padding-block: calc(var(--spacing) * 2.75);
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }
  @media (width < 48rem) {
    .p-post .post-content article h1 {
      padding-inline: calc(var(--spacing) * 4);
    }
  }
  .p-post .post-content article figure.wp-block-gallery, .p-post .post-content article .gallery {
    display: none !important;
  }
  .p-post .post-content__props {
    margin-bottom: calc(var(--spacing) * 6.5);
    display: flex;
    gap: calc(var(--spacing) * 3.5);
    color: var(--color-primary);
  }
  @media (width < 48rem) {
    .p-post .post-content__props {
      margin-bottom: calc(var(--spacing) * 4);
    }
  }
  @media (width < 48rem) {
    .p-post .post-content__props {
      gap: calc(var(--spacing) * 4.5);
    }
  }
  .p-post .post-content__props span {
    padding-top: calc(var(--spacing) * 1);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-leading: 1;
    line-height: 1;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }
  @media (width < 48rem) {
    .p-post .post-content__props span {
      font-size: var(--text-lg);
      line-height: var(--tw-leading, var(--text-lg--line-height));
    }
  }
  @media (width >= 48rem) {
    .p-post .post-content__props span {
      padding-top: calc(var(--spacing) * 1.5);
    }
  }
  .p-post .post-content__props a {
    z-index: 10;
    display: grid;
    height: calc(var(--spacing) * 5.5);
    width: calc(var(--spacing) * 35);
    place-content: center;
    border-radius: var(--radius-2xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-primary);
    padding-top: calc(var(--spacing) * 0.5);
    font-size: .5rem;
    --tw-leading: 1;
    line-height: 1;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-white);
    transition-property: all;
    transition-timing-function: var(--tw-ease, ease);
    transition-duration: var(--tw-duration, 0s);
    --tw-duration: 200ms;
    transition-duration: 200ms;
  }
  @media (hover: hover) {
    .p-post .post-content__props a:hover {
      opacity: 75%;
    }
  }
  @media (width < 48rem) {
    .p-post .post-content__props a {
      height: calc(var(--spacing) * 7);
    }
  }
  @media (width < 48rem) {
    .p-post .post-content__props a {
      font-size: var(--text-lg);
      line-height: var(--tw-leading, var(--text-lg--line-height));
    }
  }
  .p-post .post-related {
    padding-top: calc(var(--spacing) * 23);
    padding-bottom: calc(var(--spacing) * 54);
  }
  @media (width < 48rem) {
    .p-post .post-related {
      padding-inline: calc(var(--spacing) * 7.5);
    }
  }
  @media (width < 48rem) {
    .p-post .post-related {
      padding-top: calc(var(--spacing) * 21);
    }
  }
  @media (width < 48rem) {
    .p-post .post-related {
      padding-bottom: calc(var(--spacing) * 48);
    }
  }
  .p-post .post-related__list {
    margin-inline: auto;
    margin-top: calc(var(--spacing) * 10);
    display: grid;
    max-width: calc(var(--spacing) * 270);
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: calc(var(--spacing) * 9);
    row-gap: calc(var(--spacing) * 14);
  }
  @media (width < 48rem) {
    .p-post .post-related__list {
      margin-top: calc(var(--spacing) * 14.25);
    }
  }
  @media (width < 48rem) {
    .p-post .post-related__list {
      column-gap: calc(var(--spacing) * 7.5);
    }
  }
  @media (width < 48rem) {
    .p-post .post-related__list {
      row-gap: calc(var(--spacing) * 11.5);
    }
  }
  @media (width >= 48rem) {
    .p-post .post-related__list {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  @media (width >= 48rem) {
    .p-post .post-related .wrapper .post-card:nth-child(4) {
      display: none;
    }
  }
}
@property --tw-font-weight {
  syntax: "*";
  inherits: false;
}
@property --tw-duration {
  syntax: "*";
  inherits: false;
}
@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-content {
  syntax: "*";
  inherits: false;
  initial-value: "";
}
@property --tw-leading {
  syntax: "*";
  inherits: false;
}
@property --tw-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-z {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-scale-x {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-scale-y {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-scale-z {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-rotate-x {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-y {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-z {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-x {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-y {
  syntax: "*";
  inherits: false;
}
@property --tw-space-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-outline-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-ease {
  syntax: "*";
  inherits: false;
}
@property --tw-tracking {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-position {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-from {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-via {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-to {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-stops {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-via-stops {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-from-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 0%;
}
@property --tw-gradient-via-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 50%;
}
@property --tw-gradient-to-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-ring-inset {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 0px;
}
@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}
@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
@layer properties {
  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
    *, ::before, ::after, ::backdrop {
      --tw-font-weight: initial;
      --tw-duration: initial;
      --tw-border-style: solid;
      --tw-content: "";
      --tw-leading: initial;
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --tw-scale-x: 1;
      --tw-scale-y: 1;
      --tw-scale-z: 1;
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-space-y-reverse: 0;
      --tw-outline-style: solid;
      --tw-ease: initial;
      --tw-tracking: initial;
      --tw-gradient-position: initial;
      --tw-gradient-from: #0000;
      --tw-gradient-via: #0000;
      --tw-gradient-to: #0000;
      --tw-gradient-stops: initial;
      --tw-gradient-via-stops: initial;
      --tw-gradient-from-position: 0%;
      --tw-gradient-via-position: 50%;
      --tw-gradient-to-position: 100%;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
    }
  }
}

.br-sp {
  display: none;
}
@media (width < 48rem) {
  .br-sp {
    display: block;
  }
}