@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@600&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@700&display=swap");
/**
  * @param {number} $min - 通常文章で使うような文字のPC時の文字サイズ
  * @param {number} $min-small - 通常文章で使うような文字のSP時の文字サイズ
  * @param {number} $max - 通常見出しで使うような文字のPC時の文字サイズ
  * @param {number} $max-small - 通常見出しで使うような文字のSP時の文字サイズ
  */
@layer theme, base, components, utilities;
@layer theme {
  :root {
    --font-ja: "Noto Sans JP", sans-serif;
    --font-min: "Noto Serif JP", serif;
    --font-en: "Space Grotesk", sans-serif;
    --color-white-00: #fff;
    --color-black-100: #000;
    --color-black-70: #5f6266;
    --color-black-50: #cccfd3;
    --color-gray-120: #707070;
    --color-gray-100: #888;
    --color-gray-60: #676b6c;
    --color-gray-50: #ccc;
    --color-gray-30: #f4f4f4;
    --color-red-100: #ff0000;
    --color-attention: #ce2208;
    --color-border-gray: #d9dcdf;
    --color-border-blue: #96b6d9;
    --color-blue-100: #004087;
    --color-blue-70: #527fb0;
    --color-blue-30: #aec4dc;
    --color-blue-10: #eef3f8;
    --ease-in-sine: cubic-bezier(0.47, 0, 0.745, 0.715);
    --ease-in-quad: cubic-bezier(0.55, 0.085, 0.68, 0.53);
    --ease-in-cubic: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    --ease-in-quart: cubic-bezier(0.895, 0.03, 0.685, 0.22);
    --ease-in-quint: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    --ease-in-expo: cubic-bezier(0.95, 0.05, 0.795, 0.035);
    --ease-in-circ: cubic-bezier(0.6, 0.04, 0.98, 0.335);
    --ease-in-back: cubic-bezier(0.6, -0.28, 0.735, 0.045);
    --ease-out-sine: cubic-bezier(0.39, 0.575, 0.565, 1);
    --ease-out-quad: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    --ease-out-cubic: cubic-bezier(0.215, 0.61, 0.355, 1);
    --ease-out-quart: cubic-bezier(0.165, 0.84, 0.44, 1);
    --ease-out-quint: cubic-bezier(0.23, 1, 0.32, 1);
    --ease-out-expo: cubic-bezier(0.19, 1, 0.22, 1);
    --ease-out-circ: cubic-bezier(0.075, 0.82, 0.165, 1);
    --ease-out-back: cubic-bezier(0.175, 0.885, 0.32, 1.275);
    --ease-in-out-sine: cubic-bezier(0.445, 0.05, 0.55, 0.95);
    --ease-in-out-quad: cubic-bezier(0.455, 0.03, 0.515, 0.955);
    --ease-in-out-cubic: cubic-bezier(0.645, 0.045, 0.355, 1);
    --ease-in-out-quart: cubic-bezier(0.77, 0, 0.175, 1);
    --ease-in-out-quint: cubic-bezier(0.86, 0, 0.07, 1);
    --ease-in-out-expo: cubic-bezier(1, 0, 0, 1);
    --ease-in-out-circ: cubic-bezier(0.785, 0.135, 0.15, 0.86);
    --ease-in-out-back: cubic-bezier(0.68, -0.55, 0.265, 1.55);
    --dur: 0.4s;
    --container-min-size: 89.3333333333cqi;
    --container-min-padding: calc((100cqi - var(--container-min-size)) * 0.5);
    --z-header: 7000;
    --z-recruit-btns: 1000;
    container-type: inline-size;
  }
}
@layer base {
  body {
    color: var(--color-blue-100);
    font-family: var(--font-ja);
    font-size: min(0.1632653061vw + 13.387755102px, 16px);
    font-weight: 400;
  }
  body .border-bg {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    pointer-events: none;
  }
  body .border-bg .line {
    position: absolute;
    top: 0;
    height: 100%;
    width: 1px;
    background-color: rgba(212, 212, 212, 0.3019607843);
  }
  body .border-bg .line.-left {
    left: var(--container-min-padding);
  }
  body .border-bg .line.-center {
    left: 50%;
    transform: translateX(-50%);
  }
  body .border-bg .line.-right {
    right: var(--container-min-padding);
  }
  body::before {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    inline-size: 100%;
    block-size: 100%;
    background-color: rgba(0, 0, 0, 0);
    z-index: 1000;
    transition: background-color 0.4s ease-in-out, backdrop-filter 0.5s ease-in-out;
    backdrop-filter: blur(0px);
    pointer-events: none;
  }
  body.is-mega-open {
    overflow: hidden;
    position: relative;
  }
  body.is-mega-open::before {
    backdrop-filter: blur(5px);
    background-color: rgba(0, 0, 0, 0.4);
  }
  body.is-drawer-open {
    overflow: hidden;
  }
  #page {
    position: relative;
    overflow: clip;
    opacity: 0;
  }
  #page.home {
    opacity: 1;
  }
  p {
    line-height: 2;
  }
  button:not(:disabled),
  input[type=submit]:not(:disabled) {
    cursor: pointer;
  }
  button:disabled,
  input[type=submit]:disabled {
    cursor: not-allowed;
  }
  img {
    vertical-align: bottom;
    block-size: auto;
    max-inline-size: 100%;
    min-block-size: 1px;
    object-fit: cover;
  }
  img.-t {
    object-position: center top;
  }
  img.-tl {
    object-position: left top;
  }
  img.-tr {
    object-position: right top;
  }
  img.-r {
    object-position: right center;
  }
  img.-b {
    object-position: center bottom;
  }
  img.-bl {
    object-position: left bottom;
  }
  img.-br {
    object-position: right bottom;
  }
  img.-l {
    object-position: left center;
  }
  svg {
    overflow: hidden;
  }
  /*----------------------------------------------------
      アコーディオン
    --------------------------------------------------- */
  .js-accordion .js-accordion-trigger {
    cursor: pointer;
  }
  .js-accordion .js-accordion-wrapper {
    height: 0;
    overflow: hidden;
  }
  .js-accordion-expand .js-accordion-expand-trigger {
    cursor: pointer;
  }
  .js-accordion-expand .js-accordion-expand-wrapper {
    overflow: hidden;
  }
  .lil-gui.autoPlace {
    z-index: 9999;
  }
  /*----------------------------------------------------
      出現アニメーション
    --------------------------------------------------- */
  .js-anim_elm.-base {
    opacity: 0;
    translate: 0 20px;
    transition: opacity var(--dur) ease, translate calc(var(--dur) * 2) var(--ease-out-cubic);
  }
  .js-anim_elm.-base.is-act {
    opacity: 1;
    translate: 0;
  }
  .js-anim_elm.-title {
    position: relative;
  }
  .js-anim_elm.-title::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    background-color: var(--color-white-00);
    width: 100%;
    height: 100%;
    transition: calc(var(--dur) * 5) var(--ease-in-out-quart);
  }
  .js-anim_elm.-title.is-act::before {
    width: 0;
    right: 0;
    left: auto;
  }
  .js-anim_elm.-image {
    opacity: 0;
    transition: opacity calc(var(--dur) * 2) ease;
    overflow: hidden;
  }
  .js-anim_elm.-image img {
    transform: scale(1.1);
    transition: transform calc(var(--dur) * 2) var(--ease-out-cubic) 0.2s;
  }
  .js-anim_elm.-image.is-act {
    opacity: 1;
  }
  .js-anim_elm.-image.is-act img {
    transform: scale(1);
  }
  .js-anim_elm.-show {
    opacity: 0;
    transition: opacity calc(var(--dur) * 2.5);
  }
  .js-anim_elm.-show.is-act {
    opacity: 1;
  }
  .js-anim_elm.-filter {
    filter: blur(10px);
    opacity: 0;
    transition: filter calc(var(--dur) * 2), opacity calc(var(--dur) * 2);
  }
  .js-anim_elm.-filter.is-act {
    filter: blur(0);
    opacity: 1;
  }
  .js-anim_elm.-filterStrong {
    filter: blur(15px);
    opacity: 0;
    transition: filter calc(var(--dur) * 2.5), opacity calc(var(--dur) * 2.5);
  }
  .js-anim_elm.-filterStrong.is-act {
    filter: blur(0);
    opacity: 1;
  }
  .c-anim_list > * {
    opacity: 0;
    translate: 0 20px;
    transition-property: opacity, translate;
    transition-duration: calc(var(--dur) * 2);
    transition-timing-function: var(--ease-out-cubic);
  }
  .c-anim_list > *:nth-child(1) {
    transition-delay: calc(0 * var(--dur) / 2);
  }
  .c-anim_list > *:nth-child(2) {
    transition-delay: calc(1 * var(--dur) / 2);
  }
  .c-anim_list > *:nth-child(3) {
    transition-delay: calc(2 * var(--dur) / 2);
  }
  .c-anim_list > *:nth-child(4) {
    transition-delay: calc(3 * var(--dur) / 2);
  }
  .c-anim_list > *:nth-child(5) {
    transition-delay: calc(4 * var(--dur) / 2);
  }
  .c-anim_list > *:nth-child(6) {
    transition-delay: calc(5 * var(--dur) / 2);
  }
  .c-anim_list > *:nth-child(7) {
    transition-delay: calc(6 * var(--dur) / 2);
  }
  .c-anim_list > *:nth-child(8) {
    transition-delay: calc(7 * var(--dur) / 2);
  }
  .c-anim_list > *:nth-child(9) {
    transition-delay: calc(8 * var(--dur) / 2);
  }
  .c-anim_list > *:nth-child(10) {
    transition-delay: calc(9 * var(--dur) / 2);
  }
  .c-anim_list > *:nth-child(11) {
    transition-delay: calc(10 * var(--dur) / 2);
  }
  .c-anim_list > *:nth-child(12) {
    transition-delay: calc(11 * var(--dur) / 2);
  }
  .c-anim_list > *:nth-child(13) {
    transition-delay: calc(12 * var(--dur) / 2);
  }
  .c-anim_list > *:nth-child(14) {
    transition-delay: calc(13 * var(--dur) / 2);
  }
  .c-anim_list > *:nth-child(15) {
    transition-delay: calc(14 * var(--dur) / 2);
  }
  .c-anim_list > *:nth-child(16) {
    transition-delay: calc(15 * var(--dur) / 2);
  }
  .c-anim_list > *:nth-child(17) {
    transition-delay: calc(16 * var(--dur) / 2);
  }
  .c-anim_list > *:nth-child(18) {
    transition-delay: calc(17 * var(--dur) / 2);
  }
  .c-anim_list > *:nth-child(19) {
    transition-delay: calc(18 * var(--dur) / 2);
  }
  .c-anim_list > *:nth-child(20) {
    transition-delay: calc(19 * var(--dur) / 2);
  }
  .c-anim_list.is-act > * {
    scale: 1;
    opacity: 1;
    translate: 0;
  }
}
/* 回転：加速っぽい動き（1回だけ） */
@keyframes spinAccel {
  0% {
    transform: translateX(-50%) translateY(-50%) rotate(0deg) scale(2.5);
  }
  50% {
    transform: translateX(-50%) translateY(-50%) rotate(180deg) scale(2.5);
  }
  100% {
    transform: translateX(-50%) translateY(-50%) rotate(360deg) scale(2.5);
  }
}
/* 回転：一定速度で無限ループ */
@keyframes spinLoop {
  from {
    transform: translateX(-50%) translateY(-50%) rotate(0deg) scale(2.5);
  }
  to {
    transform: translateX(-50%) translateY(-50%) rotate(360deg) scale(2.5);
  }
}
@keyframes circlemove {
  0% {
    bottom: 80px;
  }
  100% {
    bottom: 0px;
  }
}
@keyframes cirlemovehide {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  80% {
    opacity: 0.9;
  }
  100% {
    opacity: 0;
  }
}
@keyframes rotate {
  0% {
    rotate: 0deg;
  }
  100% {
    rotate: 360deg;
  }
}
@keyframes rotateReverse {
  0% {
    rotate: 0deg;
  }
  100% {
    rotate: -360deg;
  }
}
@keyframes MoveX {
  from {
    transform: translateX(0%);
  }
  to {
    transform: translateX(-100%);
  }
}
@keyframes zoomIn {
  from {
    transform: scale(1);
  }
  to {
    transform: scale(1.08);
  }
}
@layer components {
  .l-header {
    inline-size: 100%;
    padding: 8px 0;
    position: fixed;
    z-index: var(--z-header);
    top: 0;
    transform: translateY(-100%);
  }
  .l-header::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    inline-size: 100%;
    block-size: 100%;
    background-color: var(--color-white-00);
    z-index: -1;
    transition: var(--dur) ease;
    border-bottom: 1px solid var(--color-border-gray);
  }
  .is-dark .l-header::before {
    background-color: transparent;
    border-color: transparent;
  }
  .is-load .l-header {
    transform: translateY(0);
  }
  .is-drawer-open .l-header {
    background-color: var(--color-white-00);
  }
  .l-header__inner {
    inline-size: 100%;
    align-items: center;
    display: flex;
  }
  .l-header__logo {
    margin-block: 0;
  }
  .l-header__logo a {
    display: block;
    position: relative;
    line-height: 1;
    inline-size: min(7.7551020408vw + 70.9183673469px, 195px);
  }
  @media (max-width: 743px) {
    .l-header__logo a {
      inline-size: min(7.7551020408vw + 70.9183673469px, 195px);
    }
  }
  .l-header__logo a svg {
    inline-size: 100%;
    height: auto;
    color: var(--color-black-120);
  }
  .l-header__logo a .-default {
    opacity: 1;
    transition: var(--dur) ease;
  }
  .is-dark .l-header__logo a .-default {
    opacity: 0;
  }
  .is-dark.is-drawer-open .l-header__logo a .-default {
    opacity: 1;
  }
  .l-header__logo a .-white {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    opacity: 0;
    transition: var(--dur) ease;
  }
  .is-dark .l-header__logo a .-white {
    opacity: 1;
  }
  .is-dark.is-drawer-open .l-header__logo a .-white {
    opacity: 0;
  }
  .l-header__info {
    gap: min(3.2653061224vw + -12.2448979592px, 40px);
    display: flex;
    align-items: center;
    margin-inline-start: auto;
    block-size: 100%;
  }
  .l-header__nav {
    display: flex;
    justify-content: flex-end;
    align-items: center;
  }
  @media (max-width: 1023px) {
    .l-header__nav {
      display: none;
    }
  }
  .l-header__nav__item {
    display: block;
  }
  .l-header__nav__item::marker {
    content: none;
  }
  .l-header__nav__item:nth-of-type(6) {
    margin-right: 1em;
  }
  .l-header__nav__item > a {
    font-size: min(0.1632653061vw + 0.7117346939rem, 0.875rem);
    padding-inline: 1em;
    padding-block: 1em;
    block-size: 100%;
    display: block;
  }
  .l-header__nav__item > a span {
    position: relative;
    display: inline-block;
  }
  .l-header__nav__item > a span::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 1px;
    background-color: var(--color-blue-100);
    transition: var(--dur) ease;
  }
  .is-dark .l-header__nav__item > a {
    color: var(--color-white-00);
  }
  .is-dark .l-header__nav__item > a span::before {
    background-color: var(--color-white-00);
  }
  @media (any-hover: hover) {
    .l-header__nav__item > a:focus-visible {
      outline: 3px solid var(--color-black-100);
      outline-offset: 5px;
    }
    .l-header__nav__item > a:hover span::before {
      width: 100%;
    }
  }
  @media (any-hover: none) {
    .l-header__nav__item > a:active span::before {
      width: 100%;
    }
    .l-header__nav__item > a:active,
    .l-header__nav__item > a:active *, .l-header__nav__item > a:active::before, .l-header__nav__item > a:active::after {
      transition-duration: var(--dur) !important;
      animation-duration: var(--dur) !important;
    }
  }
  .l-header__nav__item .js-mega-trigger > a {
    line-height: 1;
    font-size: min(0.1632653061vw + 0.7117346939rem, 0.875rem);
    transition: var(--dur) ease;
  }
  .is-dark .l-header__nav__item .js-mega-trigger > a {
    color: var(--color-white-00);
  }
  .l-header__mega {
    position: relative;
    display: grid;
    gap: min(1.6326530612vw + 13.8775510204px, 40px);
    padding: min(2.4489795918vw + 10.8163265306px, 50px);
    background-color: var(--color-white-00);
    transition: translate var(--dur) ease;
    border-radius: 5px;
  }
  .l-header__mega.-business {
    grid-template-columns: 1fr 1fr 1fr;
  }
  .l-header__mega.-recruit {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  }
  .l-header__mega.-recruit a:first-child {
    margin-inline-end: 1.5em;
  }
  .l-header__mega__nav-inner {
    gap: min(0.8163265306vw + 11.9387755102px, 25px) min(1.2244897959vw + 5.4081632653px, 25px);
  }
  .l-header__mega__nav-item {
    display: flex;
    gap: 1em;
  }
  .l-header__mega__nav-item .thumb {
    width: 123px;
    overflow: hidden;
  }
  .l-header__mega__nav-item .thumb img {
    object-fit: cover;
    transition: var(--dur) ease;
    scale: 1.01;
  }
  .l-header__mega__nav-item .c-button-secondary .text {
    white-space: nowrap;
  }
  .l-header__mega__nav-item .c-button-secondary .c-arrow {
    inline-size: 0.55em;
  }
  .l-header__mega__nav-item .c-button-secondary .c-arrow svg {
    width: 1.2em;
    height: 1.2em;
  }
  @media (any-hover: hover) {
    .l-header__mega__nav-item:focus-visible {
      outline: 3px solid var(--color-black-100);
      outline-offset: 5px;
    }
    .l-header__mega__nav-item:hover .thumb img {
      scale: 1.2;
    }
    .l-header__mega__nav-item:hover .text::before {
      width: 100%;
    }
    .l-header__mega__nav-item:hover .c-arrow::before {
      width: 2.5em;
      height: 2.5em;
    }
  }
  @media (any-hover: none) {
    .l-header__mega__nav-item:active .thumb img {
      scale: 1.2;
    }
    .l-header__mega__nav-item:active .text::before {
      width: 100%;
    }
    .l-header__mega__nav-item:active .c-arrow::before {
      width: 2.5em;
      height: 2.5em;
    }
    .l-header__mega__nav-item:active,
    .l-header__mega__nav-item:active *, .l-header__mega__nav-item:active::before, .l-header__mega__nav-item:active::after {
      transition-duration: var(--dur) !important;
      animation-duration: var(--dur) !important;
    }
  }
}
@layer utilities {
  .l-header__info .c-button-primary {
    min-width: 180px;
    border: none;
    justify-content: center;
  }
}
@layer components {
  .l-footer {
    padding-block: min(3.2653061224vw + 27.7551020408px, 80px);
    position: relative;
    z-index: 1;
  }
  .l-footer__inner {
    display: flex;
    justify-content: space-between;
    gap: max(-2.0408163265vw + 72.6530612245px, 40px);
  }
  @media (max-width: 1023px) {
    .l-footer__inner {
      flex-direction: column;
    }
  }
  .l-footer__info__access {
    font-size: 0.875rem;
  }
  .l-footer__info__sns {
    display: flex;
    column-gap: 15px;
  }
  .l-footer__navi {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    row-gap: max(-0.8163265306vw + 23.0612244898px, 10px);
    column-gap: min(3.2653061224vw + 7.7551020408px, 60px);
  }
  @media (max-width: 1299px) {
    .l-footer__navi {
      grid-template-columns: 1fr 1fr 1fr;
    }
  }
  @media (max-width: 743px) {
    .l-footer__navi {
      grid-template-columns: 1fr 1fr;
    }
  }
  .l-footer__navi-item {
    align-items: center;
    display: flex;
  }
  .l-footer__copyright {
    text-align: center;
  }
  .l-footer__bottom {
    margin-top: max(-3.2653061224vw + 92.2448979592px, 40px);
    display: flex;
    justify-content: flex-end;
  }
  @media (max-width: 743px) {
    .l-footer__bottom {
      flex-direction: column;
      justify-content: center;
      gap: 1em;
      align-items: center;
    }
  }
  .l-footer__bottom__navi {
    display: flex;
    gap: 1em;
    padding-right: 2em;
    border-right: 1px solid var(--color-border-gray);
  }
  @media (max-width: 743px) {
    .l-footer__bottom__navi {
      padding-right: 0;
      border-right: none;
    }
  }
  .l-footer__bottom__navi-item a {
    font-size: 0.875rem;
    text-decoration: underline;
    transition: var(--dur) ease;
  }
  @media (any-hover: hover) {
    .l-footer__bottom__navi-item a:focus-visible {
      outline: 3px solid var(--color-black-100);
      outline-offset: 5px;
    }
    .l-footer__bottom__navi-item a:hover {
      opacity: 0.7;
    }
  }
  @media (any-hover: none) {
    .l-footer__bottom__navi-item a:active {
      opacity: 0.7;
    }
    .l-footer__bottom__navi-item a:active,
    .l-footer__bottom__navi-item a:active *, .l-footer__bottom__navi-item a:active::before, .l-footer__bottom__navi-item a:active::after {
      transition-duration: var(--dur) !important;
      animation-duration: var(--dur) !important;
    }
  }
  .l-footer__bottom__copyright {
    padding-left: 2em;
    font-size: 0.75rem;
    font-family: var(--font-en);
  }
  @media (max-width: 743px) {
    .l-footer__bottom__copyright {
      padding-left: 0;
    }
  }
}
@layer components {
  .l-drawer {
    width: 100%;
    margin: 0 auto;
    top: var(--header-height);
    left: 0;
    width: 100%;
    display: none;
    z-index: 8000;
    background-color: var(--color-gray-30);
    height: 100lvmax;
    padding-block: 80px;
    padding-inline: 40px;
    position: relative;
    margin-top: -1px;
    overflow-y: scroll;
  }
  .l-drawer::before {
    content: "";
    position: fixed;
    top: calc(var(--header-height) - 2px);
    left: 0;
    background-image: url(../../img/common/parts/edge_white_full.svg);
    background-size: cover;
    background-repeat: repeat-x;
    width: 100%;
    height: 22px;
    rotate: 180deg;
  }
  .l-drawer__nav {
    margin-top: 40px;
  }
  .l-drawer__nav__bottom {
    display: flex;
    justify-content: center;
    gap: 1.2em;
    margin-top: 40px;
  }
  .l-drawer__nav__bottom > li a {
    text-decoration: underline;
  }
  .l-drawer__nav__item {
    border-bottom: 1px solid var(--color-border-gray);
  }
  .l-drawer__nav__item a,
  .l-drawer__nav__item button {
    display: flex;
    gap: 1.2em;
    justify-content: space-between;
    padding: 1em 0;
    width: 100%;
    align-items: center;
  }
  .l-drawer__nav__item a .text .en,
  .l-drawer__nav__item button .text .en {
    font-size: 2rem;
    font-family: var(--font-en);
    display: block;
  }
  .l-drawer__nav__item a .text .ja,
  .l-drawer__nav__item button .text .ja {
    font-size: 0.875rem;
    display: block;
    font-family: var(--font-min);
  }
  .l-drawer__nav__item button {
    border: none;
  }
  .l-drawer__nav__item button .icon {
    position: relative;
    width: 1.5em;
    aspect-ratio: 1;
  }
  .l-drawer__nav__item button .icon::before, .l-drawer__nav__item button .icon::after {
    content: "";
    background-color: var(--color-blue-100);
    width: 100%;
    height: 1px;
    position: absolute;
    top: 50%;
    right: 0;
  }
  .l-drawer__nav__item button .icon::after {
    background-color: var(--color-blue-100);
    rotate: 90deg;
    transition: 0.4s ease;
  }
  .l-drawer__nav__item .child {
    padding-inline: 1em;
    padding-bottom: 1em;
  }
  .l-drawer__nav__item.is-open button .icon::after {
    rotate: 180deg;
    opacity: 0;
  }
  .l-drawer_button {
    position: relative;
    cursor: pointer;
    display: none;
  }
  @media (max-width: 1023px) {
    .l-drawer_button {
      display: flex;
      justify-content: center;
      padding: 0.5em 1em;
      border-radius: 999px;
      gap: 1em;
      border: 1px solid var(--color-blue-30);
      background-color: var(--color-blue-100);
      min-width: 9em;
      align-items: center;
    }
  }
  .l-drawer_button::after {
    content: "MENU";
    color: var(--color-white-00);
    white-space: nowrap;
    font-size: 0.875rem;
    transition: 0.3s ease;
  }
  .l-drawer_button__bar {
    position: relative;
    width: 16px;
    aspect-ratio: 1;
  }
  .l-drawer_button__bar span {
    height: 1px;
    width: 100%;
    left: 0%;
    top: 50%;
    background-color: var(--color-white-00);
    text-indent: -9999px;
    transition: all 0.3s ease;
    position: absolute;
  }
  .l-drawer_button__bar::before, .l-drawer_button__bar::after {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: var(--color-white-00);
    transition: all 0.3s ease;
  }
  .l-drawer_button__bar::before {
    top: 25%;
  }
  .l-drawer_button__bar:after {
    top: 75%;
  }
  .l-drawer_button.is-act {
    background-color: var(--color-white-00);
  }
  .l-drawer_button.is-act::after {
    content: "CLOSE";
    color: var(--color-blue-100);
  }
  .l-drawer_button.is-act .l-drawer_button__bar::before, .l-drawer_button.is-act .l-drawer_button__bar::after {
    background-color: var(--color-blue-100);
    top: 50%;
  }
  .l-drawer_button.is-act .l-drawer_button__bar::before {
    transform: rotate(160deg);
  }
  .l-drawer_button.is-act .l-drawer_button__bar::after {
    transform: rotate(-160deg);
  }
}
@layer components {
  .wp-pagenavi {
    display: grid;
    margin-inline: auto;
    inline-size: fit-content;
    grid-template-columns: repeat(var(--column), min-content);
    line-height: 1;
    font-size: min(0.3537414966vw + 0.8962585034rem, 1.25rem);
    gap: 1em;
  }
  .wp-pagenavi:not(:first-child) {
    margin-block-start: min(1.7823129252vw + 21.4829931973px, 50px);
  }
  .wp-pagenavi .first {
    text-decoration: underline;
  }
  .wp-pagenavi > * {
    grid-row: 1/2;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
  }
  .wp-pagenavi > *:not(.previouspostslink):not(.nextpostslink) {
    padding-inline: 0.25em;
    min-width: 2.25em;
    aspect-ratio: 1;
  }
  @media (max-width: 567px) {
    .wp-pagenavi > *:not(.previouspostslink):not(.nextpostslink) {
      min-width: 2em;
    }
  }
  .wp-pagenavi > a:not(.previouspostslink):not(.nextpostslink) {
    transition: var(--dur) color var(--ease-out-sine), var(--dur) background-color var(--ease-out-sine);
    aspect-ratio: 1;
  }
  .wp-pagenavi .previouspostslink,
  .wp-pagenavi .nextpostslink {
    grid-column: 1/2;
    color: var(--color-blue-100);
    transition: var(--dur) opacity;
  }
  @media (any-hover: hover) {
    .wp-pagenavi .previouspostslink:hover,
    .wp-pagenavi .nextpostslink:hover {
      opacity: 0.7;
    }
  }
  .wp-pagenavi .previouspostslink {
    margin-right: 1em;
  }
  .wp-pagenavi .previouspostslink svg {
    rotate: 180deg;
  }
  .wp-pagenavi .extend {
    white-space: nowrap;
  }
  .wp-pagenavi .page {
    font-family: var(--font-en);
    text-decoration: underline;
    font-size: min(0.5442176871vw + 0.9557823129rem, 1.5rem);
    font-weight: 700;
  }
  .wp-pagenavi .current {
    font-family: var(--font-en);
    color: var(--color-white-00);
    text-underline-offset: 0.25em;
    background: var(--color-blue-100);
    border-radius: 999px;
    font-size: min(0.5442176871vw + 0.9557823129rem, 1.5rem);
    font-weight: 700;
  }
  .wp-pagenavi .nextpostslink {
    grid-column: 3/3;
    margin-left: 1em;
  }
  .wp-pagenavi .last {
    text-decoration: underline;
  }
  .c-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    fill: currentColor;
    flex-shrink: 0;
  }
  .c-icon svg,
  .c-icon img {
    width: auto;
    height: 1em;
  }
  .c-info {
    font-family: var(--font-en);
  }
  .c-crumbs {
    font-size: min(0.1632653061vw + 0.7117346939rem, 0.875rem);
    line-height: 1.5;
    font-weight: 500;
    color: var(--color-blue-100);
    width: fit-content;
    margin-left: auto;
    margin-top: 1.8em;
  }
  .c-crumbs #breadcrumbs > span {
    display: flex;
    align-items: center;
    gap: 0.8em;
  }
  .c-crumbs #breadcrumbs a {
    color: var(--color-blur-100);
    transition-duration: var(--dur);
    text-decoration: underline;
  }
  @media (any-hover: hover) {
    .c-crumbs #breadcrumbs a:focus-visible {
      outline: 3px solid var(--color-black-100);
      outline-offset: 5px;
    }
    .c-crumbs #breadcrumbs a:hover {
      opacity: 0.7;
    }
  }
  @media (any-hover: none) {
    .c-crumbs #breadcrumbs a:active {
      opacity: 0.7;
    }
    .c-crumbs #breadcrumbs a:active,
    .c-crumbs #breadcrumbs a:active *, .c-crumbs #breadcrumbs a:active::before, .c-crumbs #breadcrumbs a:active::after {
      transition-duration: var(--dur) !important;
      animation-duration: var(--dur) !important;
    }
  }
  .c-crumbs #breadcrumbs .bar {
    color: var(--color-blue-30);
    display: grid;
    place-items: center;
  }
  .c-crumbs #breadcrumbs .bar::before {
    content: "■";
    font-size: 0.5rem;
  }
  .c-arrow {
    line-height: 1;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .c-arrow::before {
    content: "";
    position: absolute;
    width: 2em;
    height: 2em;
    border-radius: 999px;
    border: 3px solid var(--color-blue-30);
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    transition: var(--dur) ease;
  }
  .c-arrow svg {
    width: 0.7em;
    height: 0.7em;
  }
  .c-arrow.-s svg {
    width: 0.7em;
    height: 0.7em;
  }
  .c-arrow.-s::before {
    width: 1.5em;
    height: 1.5em;
  }
  .c-arrow.-l svg {
    width: 1em;
    height: 1em;
  }
  .c-arrow.-l::before {
    width: 3.5em;
    height: 3.5em;
  }
  .c-cta {
    background-image: url(../../img/common/cta/cta.webp);
    background-size: cover;
    padding-block: min(5.306122449vw + 45.1020408163px, 130px) min(4.0816326531vw + 34.693877551px, 100px);
    position: relative;
    z-index: 1;
  }
  @media (max-width: 743px) {
    .c-cta {
      background-image: url(../../img/common/cta/cta_sp.webp);
    }
  }
  .c-cta__inner {
    display: grid;
    grid-template-columns: 1fr 1.2fr;
    gap: min(1.6326530612vw + 13.8775510204px, 40px);
  }
  @media (max-width: 1299px) {
    .c-cta__inner {
      grid-template-columns: 1fr;
    }
  }
  @media (max-width: 1023px) {
    .c-cta__inner {
      grid-template-columns: 1fr;
    }
  }
  .c-cta__buttons {
    background: rgba(0, 64, 135, 0.6);
    padding: min(1.6326530612vw + 13.8775510204px, 40px);
    gap: min(1.2244897959vw + 10.4081632653px, 30px);
  }
  @media (max-width: 1299px) {
    .c-cta__buttons {
      padding: min(1.6326530612vw + 13.8775510204px, 40px);
    }
  }
  @media (max-width: 743px) {
    .c-cta__buttons {
      padding: min(1.9591836735vw + 16.6530612245px, 48px) min(1.1428571429vw + 13.7142857143px, 32px);
    }
  }
  .c-cta__buttons__item {
    text-align: center;
  }
  .c-job-description {
    background-color: var(--color-gray-30);
    padding-block: min(3.2653061224vw + 27.7551020408px, 80px);
  }
  .c-job-description__heading {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 1em;
  }
  .c-job-description__heading .en {
    font-family: var(--font-en);
    font-size: min(0.1632653061vw + 1.0867346939rem, 1.25rem);
    line-height: 1;
  }
  .c-job-description__item {
    border: 1px solid var(--color-border-gray);
    border-radius: 5px;
    display: grid;
    grid-template-columns: 1fr 1.3fr;
    background-color: var(--color-white-00);
    overflow: hidden;
    align-items: center;
  }
  @media (any-hover: hover) {
    .c-job-description__item:focus-visible {
      outline: 3px solid var(--color-black-100);
      outline-offset: 5px;
    }
    .c-job-description__item:hover .c-job-description__item__image img {
      scale: 1.1;
    }
    .c-job-description__item:hover .c-arrow::before {
      width: 2.5em;
      height: 2.5em;
    }
  }
  @media (any-hover: none) {
    .c-job-description__item:active .c-job-description__item__image img {
      scale: 1.1;
    }
    .c-job-description__item:active .c-arrow::before {
      width: 2.5em;
      height: 2.5em;
    }
    .c-job-description__item:active,
    .c-job-description__item:active *, .c-job-description__item:active::before, .c-job-description__item:active::after {
      transition-duration: var(--dur) !important;
      animation-duration: var(--dur) !important;
    }
  }
  .c-job-description__item__image {
    overflow: hidden;
  }
  .c-job-description__item__image img {
    inline-size: 100%;
    transition: var(--dur);
  }
  .c-job-description__item__body {
    padding: min(1.6326530612vw + 0.8673469388rem, 2.5rem);
    display: flex;
    justify-content: space-between;
  }
  .c-list > li {
    padding-left: 1em;
    position: relative;
  }
  .c-list > li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0.5em;
    width: min(0.3265306122vw + 0.1734693878rem, 0.5rem);
    height: min(0.3265306122vw + 0.1734693878rem, 0.5rem);
    border-radius: 999px;
    background-color: var(--color-gray-50);
  }
  .c-faq_list {
    display: grid;
  }
  .c-faq_list > li {
    border-top: 1px solid var(--color-border-gray);
  }
  .c-faq_list > li:first-of-type {
    border-top: none;
  }
  .c-faq_list__question, .c-faq_list__answer {
    display: grid;
    column-gap: min(0.8163265306vw + 6.9387755102px, 20px);
    grid-template-columns: min(0.8163265306vw + 66.9387755102px, 80px) 1fr;
    padding-inline: min(1.2244897959vw + 10.4081632653px, 30px);
  }
  .c-faq_list__question .lead, .c-faq_list__answer .lead {
    line-height: 1;
    --aspect-ratio: 1 / 1;
    font-size: 2rem;
    font-family: var(--font-ja);
    font-weight: 600;
  }
  .c-faq_list__question .lead .en, .c-faq_list__answer .lead .en {
    font-size: 2rem;
    font-family: var(--font-en);
  }
  .c-faq_list__question {
    font-weight: 600;
    position: relative;
    padding-right: min(0.8163265306vw + 26.9387755102px, 40px);
    font-size: 1.25rem;
    font-family: var(--font-min);
    line-height: 1.8;
    font-weight: 600;
    padding-block: 1.5em;
    transition: var(--dur);
  }
  .c-faq_list__question::before {
    content: "";
    width: min(0.9795918367vw + 8.3265306122px, 24px);
    height: 2px;
    background: var(--color-blue-100);
    position: absolute;
    top: 50%;
    right: min(1.2244897959vw + 10.4081632653px, 30px);
    transform: translateY(-50%);
  }
  .c-faq_list__question::after {
    content: "";
    width: 2px;
    height: min(0.9795918367vw + 8.3265306122px, 24px);
    background: var(--color-blue-100);
    position: absolute;
    top: 50%;
    right: min(1.6326530612vw + 13.8775510204px, 40px);
    transform: translateY(-50%);
    transition: 0.4s;
  }
  @media (max-width: 743px) {
    .c-faq_list__question .text {
      padding-inline-end: 0.7em;
    }
  }
  .c-faq_list__answer {
    padding-block: 2em;
  }
  .c-faq_list__answer .lead {
    color: var(--color-blue-30);
    line-height: 1;
  }
  .c-faq_list .is-open .c-faq_list__question {
    background-color: var(--color-blue-10);
  }
  .c-faq_list .is-open .c-faq_list__question::after {
    opacity: 0;
  }
  .c-faq_list:last-of-type {
    border-bottom: 1px solid var(--color-border-gray);
  }
  .c-data_list__item {
    display: grid;
    grid-template-columns: 11em 1fr;
    column-gap: min(1.6326530612vw + 13.8775510204px, 40px);
    align-items: flex-start;
    padding-block: 2em;
    border-bottom: 1px solid var(--color-border-gray);
  }
  @media (max-width: 743px) {
    .c-data_list__item {
      grid-template-columns: 1fr;
    }
  }
  .c-data_list__item > dd {
    line-height: 2;
  }
  @media (max-width: 743px) {
    .c-data_list__item > dd {
      margin-top: 1em;
    }
  }
  .c-sidebar {
    font-size: min(0.1632653061vw + 0.8367346939rem, 1rem);
  }
  @media (max-width: 1023px) {
    .c-sidebar {
      display: none;
    }
  }
  .c-sidebar__list {
    display: grid;
    row-gap: min(0.4081632653vw + 8.4693877551px, 15px);
    background: var(--color-gray-30);
    padding: min(2.4489795918vw + 20.8163265306px, 60px) min(1.6326530612vw + 13.8775510204px, 40px) min(2.4489795918vw + 20.8163265306px, 60px) min(3.2653061224vw + 27.7551020408px, 80px);
    position: sticky;
    top: calc(32px + var(--header-height));
    max-height: calc(100vh - var(--header-height) * 1.5); /* 画面高さに収める */
    overflow-y: auto; /* スクロール可能に */
  }
  .c-sidebar__list a {
    display: block;
    position: relative;
    transition: var(--dur) padding-left var(--ease-out-cubic);
  }
  .c-sidebar__list a::before {
    content: "";
    display: block;
    width: 1.5em;
    height: 1.5em;
    background-image: url(../../img/common/parts/intersection_gear.svg);
    line-height: 1;
    background-size: contain;
    border-radius: 999px;
    position: absolute;
    top: 0;
    left: 0;
    scale: 0;
    transition: var(--dur) scale var(--ease-out-cubic);
    animation: rotate 5s linear infinite;
  }
  .c-sidebar__list a:not(.is-act) {
    color: var(--color-border-gray);
  }
  .c-sidebar__list a.is-act {
    padding-left: 2em;
  }
  .c-sidebar__list a.is-act::before {
    scale: 1;
  }
  .c-anchor {
    padding-block: min(2.1224489796vw + 22.0408163265px, 56px) min(3.2653061224vw + 27.7551020408px, 80px);
  }
  .c-anchor_list {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 1em 2em;
    row-gap: 1em;
    column-gap: 2em;
    border-radius: 5px;
    border: 1px solid var(--color-border-gray);
    background-color: var(--color-white-00);
  }
  .c-anchor_list__item a {
    display: flex;
    gap: 1em;
  }
  .c-anchor_list__item a .text {
    position: relative;
  }
  .c-anchor_list__item a .text::before {
    content: "";
    transition: var(--dur) ease;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 1px;
    background-color: var(--color-blue-100);
  }
  .c-anchor_list__item a .c-arrow {
    color: var(--color-blue-100);
  }
  @media (any-hover: hover) {
    .c-anchor_list__item a:focus-visible {
      outline: 3px solid var(--color-black-100);
      outline-offset: 5px;
    }
    .c-anchor_list__item a:hover .text::before {
      width: 100%;
    }
    .c-anchor_list__item a:hover .c-arrow::before {
      width: 2em;
      height: 2em;
    }
  }
  @media (any-hover: none) {
    .c-anchor_list__item a:active .text::before {
      width: 100%;
    }
    .c-anchor_list__item a:active .c-arrow::before {
      width: 2em;
      height: 2em;
    }
    .c-anchor_list__item a:active,
    .c-anchor_list__item a:active *, .c-anchor_list__item a:active::before, .c-anchor_list__item a:active::after {
      transition-duration: var(--dur) !important;
      animation-duration: var(--dur) !important;
    }
  }
  .c-fix-recruit-cta {
    display: flex;
    column-gap: 1em;
    position: fixed;
    bottom: 40px;
    right: 24px;
    z-index: var(--z-recruit-btns);
    transition: calc(var(--dur) * 1.2) opacity, calc(var(--dur) * 1.2) visibility;
  }
  .c-fix-recruit-cta.is-hidden {
    opacity: 0;
    visibility: hidden;
  }
  @media (max-width: 743px) {
    .c-fix-recruit-cta.-single {
      display: block;
    }
  }
  @media (max-width: 743px) {
    .c-fix-recruit-cta.-single .btn {
      inline-size: 100%;
    }
  }
  @media (max-width: 743px) {
    .c-fix-recruit-cta {
      inline-size: 100%;
    }
  }
  @media (max-width: 743px) {
    .c-fix-recruit-cta {
      column-gap: 0;
      bottom: 0;
      left: 0;
    }
  }
  @media (max-width: 743px) {
    .c-fix-recruit-cta .btn {
      width: 50%;
    }
  }
  @media (max-width: 743px) {
    .c-fix-recruit-cta .btn .c-button-primary {
      min-inline-size: 100%;
      inline-size: 100%;
      padding-block: 1.8em;
      border-radius: 0;
    }
  }
  .c-numbox-title {
    position: relative;
    padding-inline-start: 2.2em;
  }
  .c-numbox-title::before {
    content: counter(detail, decimal-leading-zero);
    position: absolute;
    top: 0.8em;
    left: 0;
    inline-size: min(1.0612244898vw + 31.0204081633px, 48px);
    block-size: min(0.4081632653vw + 23.4693877551px, 30px);
    background-color: var(--color-blue-100);
    color: var(--color-white-00);
    font-family: var(--font-en);
    font-size: 12px;
    display: grid;
    place-items: center;
    border-radius: min(0.1632653061vw + 2.387755102px, 5px);
    line-height: 1;
  }
  .c-default_article {
    padding-bottom: min(8.1632653061vw + 69.387755102px, 200px);
  }
}
.c-job-description__item__image {
  margin-bottom: 0;
}

.c-stalker {
  opacity: 0;
  pointer-events: none;
  position: fixed;
  top: 50%;
  left: 50%;
  top: -55px;
  left: -55px;
  width: 110px;
  height: 110px;
  background-color: var(--color-white-00);
  border-radius: 50%;
  transition: transform 0.2s, top, 0.5s, left 0.5s, width 0.5s, height 0.5s, background-color 0.5s, opacity var(--dur);
  transition-timing-function: ease-out;
  z-index: 9999;
  cursor: pointer;
}
.c-stalker_arrow {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
}
.c-stalker_arrow__item {
  line-height: 1;
  display: inline-block;
  color: var(--color-gray-30);
  font-style: normal;
  margin: 0 0.5em;
}
.c-stalker_arrow__item svg {
  width: 1em;
  height: 1em;
}
.c-stalker.slider_hover {
  opacity: 1;
}
.c-stalker.link_hover {
  opacity: 1;
  border: 1px solid var(--color-blue-70);
  border-radius: 999px;
  background-color: rgba(0, 64, 135, 0.6);
  backdrop-filter: blur(5px);
}
.c-stalker.link_hover::before {
  content: "Read";
  font-family: var(--font-en);
  color: var(--color-white-00);
  font-weight: 700;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
}
.c-stalker.link_hover .c-stalker_arrow {
  display: none;
}

@layer components {
  .c-container {
    margin-inline: auto;
    max-inline-size: var(--c-container-size, min(70.612244898vw + 70.2040816327px, 1200px));
  }
  .c-container.-wide {
    --c-container-size: min(86.9387755102vw + 8.9795918367px, 1400px);
  }
  .c-container.-narrow {
    --c-container-size: min(54.2857142857vw + 131.4285714286px, 1000px);
  }
  @media (max-width: 567px) {
    .c-container {
      max-inline-size: var(--c-container-min-size, var(--container-min-size));
    }
  }
  .c-fluid {
    margin-inline: auto;
    max-inline-size: var(--c-fluid-size, calc(100% - min(0.9795918367vw + 16.3265306122px, 32px) * 2));
  }
  @media (max-width: 567px) {
    .c-fluid {
      max-inline-size: var(--c-fluid-min-size, var(--container-min-size));
    }
  }
  .c-grid-container {
    display: grid;
    grid-template-columns: var(--c-grid-container-columns, minmax(0, 1fr) repeat(2, minmax(0, min(35.306122449vw + 35.1020408163px, 600px))) minmax(0, 1fr));
  }
  .c-grid-container.-wide {
    --container-grid-inline-size: minmax(0, 1fr) repeat(2, minmax(0, min(38.5714285714vw + 22.8571428571px, 640px))) minmax(0, 1fr);
  }
  @media (max-width: 567px) {
    .c-grid-container {
      grid-template-columns: var(--c-grid-container-min-columns, minmax(0, 1fr) repeat(2, minmax(0, calc(var(--container-min-size) * 0.5))) minmax(0, 1fr));
    }
  }
  .c-grid-fluid {
    display: grid;
    grid-template-columns: var(--c-grid-fluid-columns, minmax(0, 1fr) repeat(2, minmax(0, calc(50% - min(0.4897959184vw + 8.1632653061px, 16px) * 2))) minmax(0, 1fr));
  }
  @media (max-width: 567px) {
    .c-grid-fluid {
      grid-template-columns: var(--c-grid-fluid-min-columns, minmax(0, 1fr) repeat(2, minmax(0, calc(var(--container-min-size) * 0.5))) minmax(0, 1fr));
    }
  }
  .c-grid-container > .col1-2,
  .c-grid-fluid > .col1-2 {
    grid-column: 1/2;
  }
  .c-grid-container > .col1-3,
  .c-grid-fluid > .col1-3 {
    grid-column: 1/3;
  }
  .c-grid-container > .col1-4,
  .c-grid-fluid > .col1-4 {
    grid-column: 1/4;
  }
  .c-grid-container > .col1-5,
  .c-grid-fluid > .col1-5 {
    grid-column: 1/5;
  }
  .c-grid-container > .col2-3,
  .c-grid-fluid > .col2-3 {
    grid-column: 2/3;
  }
  .c-grid-container > .col2-4,
  .c-grid-fluid > .col2-4 {
    grid-column: 2/4;
  }
  .c-grid-container > .col2-5,
  .c-grid-fluid > .col2-5 {
    grid-column: 2/5;
  }
  .c-grid-container > .col3-4,
  .c-grid-fluid > .col3-4 {
    grid-column: 3/4;
  }
  .c-grid-container > .col3-5,
  .c-grid-fluid > .col3-5 {
    grid-column: 3/5;
  }
  .c-grid-container > .col4-5,
  .c-grid-fluid > .col4-5 {
    grid-column: 4/5;
  }
  .c-grid-container.-nowrap > [class*=col],
  .c-grid-fluid.-nowrap > [class*=col] {
    grid-row: 1/-1;
  }
}
@layer components {
  .c-grid-column {
    display: grid;
  }
  .c-grid-column.-col4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  @media (max-width: 1599px) {
    .c-grid-column.-col4.-col4-max {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  @media (max-width: 1299px) {
    .c-grid-column.-col4.-col4-md {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  @media (max-width: 1023px) {
    .c-grid-column.-col4.-col4-tab {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  @media (max-width: 743px) {
    .c-grid-column.-col4.-col4-sp {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col4.-col4-spmin {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  @media (max-width: 1599px) {
    .c-grid-column.-col4.-col3-max {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  @media (max-width: 1299px) {
    .c-grid-column.-col4.-col3-md {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  @media (max-width: 1023px) {
    .c-grid-column.-col4.-col3-tab {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  @media (max-width: 743px) {
    .c-grid-column.-col4.-col3-sp {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col4.-col3-spmin {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  @media (max-width: 1599px) {
    .c-grid-column.-col4.-col2-max {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  @media (max-width: 1299px) {
    .c-grid-column.-col4.-col2-md {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  @media (max-width: 1023px) {
    .c-grid-column.-col4.-col2-tab {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  @media (max-width: 743px) {
    .c-grid-column.-col4.-col2-sp {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col4.-col2-spmin {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  @media (max-width: 1599px) {
    .c-grid-column.-col4.-col1-max {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
  }
  @media (max-width: 1299px) {
    .c-grid-column.-col4.-col1-md {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
  }
  @media (max-width: 1023px) {
    .c-grid-column.-col4.-col1-tab {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
  }
  @media (max-width: 743px) {
    .c-grid-column.-col4.-col1-sp {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col4.-col1-spmin {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
  }
  @media (max-width: 1599px) {
    .c-grid-column.-col4-max {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  @media (max-width: 1299px) {
    .c-grid-column.-col4-max.-col4-md {
      grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 1023px) {
    .c-grid-column.-col4-max.-col4-tab {
      grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 743px) {
    .c-grid-column.-col4-max.-col4-sp {
      grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col4-max.-col4-spmin {
      grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 1299px) {
    .c-grid-column.-col4-max.-col3-md {
      grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 1023px) {
    .c-grid-column.-col4-max.-col3-tab {
      grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 743px) {
    .c-grid-column.-col4-max.-col3-sp {
      grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col4-max.-col3-spmin {
      grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 1299px) {
    .c-grid-column.-col4-max.-col2-md {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 1023px) {
    .c-grid-column.-col4-max.-col2-tab {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 743px) {
    .c-grid-column.-col4-max.-col2-sp {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col4-max.-col2-spmin {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 1299px) {
    .c-grid-column.-col4-max.-col1-md {
      grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 1023px) {
    .c-grid-column.-col4-max.-col1-tab {
      grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 743px) {
    .c-grid-column.-col4-max.-col1-sp {
      grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col4-max.-col1-spmin {
      grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 1299px) {
    .c-grid-column.-col4-md {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  @media (max-width: 1023px) {
    .c-grid-column.-col4-md.-col4-tab {
      grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 743px) {
    .c-grid-column.-col4-md.-col4-sp {
      grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col4-md.-col4-spmin {
      grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 1023px) {
    .c-grid-column.-col4-md.-col3-tab {
      grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 743px) {
    .c-grid-column.-col4-md.-col3-sp {
      grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col4-md.-col3-spmin {
      grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 1023px) {
    .c-grid-column.-col4-md.-col2-tab {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 743px) {
    .c-grid-column.-col4-md.-col2-sp {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col4-md.-col2-spmin {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 1023px) {
    .c-grid-column.-col4-md.-col1-tab {
      grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 743px) {
    .c-grid-column.-col4-md.-col1-sp {
      grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col4-md.-col1-spmin {
      grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 1023px) {
    .c-grid-column.-col4-tab {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  @media (max-width: 743px) {
    .c-grid-column.-col4-tab.-col4-sp {
      grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col4-tab.-col4-spmin {
      grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 743px) {
    .c-grid-column.-col4-tab.-col3-sp {
      grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col4-tab.-col3-spmin {
      grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 743px) {
    .c-grid-column.-col4-tab.-col2-sp {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col4-tab.-col2-spmin {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 743px) {
    .c-grid-column.-col4-tab.-col1-sp {
      grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col4-tab.-col1-spmin {
      grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 743px) {
    .c-grid-column.-col4-sp {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col4-sp.-col4-spmin {
      grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col4-sp.-col3-spmin {
      grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col4-sp.-col2-spmin {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col4-sp.-col1-spmin {
      grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col4-spmin {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  .c-grid-column.-col3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  @media (max-width: 1599px) {
    .c-grid-column.-col3.-col4-max {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  @media (max-width: 1299px) {
    .c-grid-column.-col3.-col4-md {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  @media (max-width: 1023px) {
    .c-grid-column.-col3.-col4-tab {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  @media (max-width: 743px) {
    .c-grid-column.-col3.-col4-sp {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col3.-col4-spmin {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  @media (max-width: 1599px) {
    .c-grid-column.-col3.-col3-max {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  @media (max-width: 1299px) {
    .c-grid-column.-col3.-col3-md {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  @media (max-width: 1023px) {
    .c-grid-column.-col3.-col3-tab {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  @media (max-width: 743px) {
    .c-grid-column.-col3.-col3-sp {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col3.-col3-spmin {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  @media (max-width: 1599px) {
    .c-grid-column.-col3.-col2-max {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  @media (max-width: 1299px) {
    .c-grid-column.-col3.-col2-md {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  @media (max-width: 1023px) {
    .c-grid-column.-col3.-col2-tab {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  @media (max-width: 743px) {
    .c-grid-column.-col3.-col2-sp {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col3.-col2-spmin {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  @media (max-width: 1599px) {
    .c-grid-column.-col3.-col1-max {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
  }
  @media (max-width: 1299px) {
    .c-grid-column.-col3.-col1-md {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
  }
  @media (max-width: 1023px) {
    .c-grid-column.-col3.-col1-tab {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
  }
  @media (max-width: 743px) {
    .c-grid-column.-col3.-col1-sp {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col3.-col1-spmin {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
  }
  @media (max-width: 1599px) {
    .c-grid-column.-col3-max {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  @media (max-width: 1299px) {
    .c-grid-column.-col3-max.-col4-md {
      grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 1023px) {
    .c-grid-column.-col3-max.-col4-tab {
      grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 743px) {
    .c-grid-column.-col3-max.-col4-sp {
      grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col3-max.-col4-spmin {
      grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 1299px) {
    .c-grid-column.-col3-max.-col3-md {
      grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 1023px) {
    .c-grid-column.-col3-max.-col3-tab {
      grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 743px) {
    .c-grid-column.-col3-max.-col3-sp {
      grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col3-max.-col3-spmin {
      grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 1299px) {
    .c-grid-column.-col3-max.-col2-md {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 1023px) {
    .c-grid-column.-col3-max.-col2-tab {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 743px) {
    .c-grid-column.-col3-max.-col2-sp {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col3-max.-col2-spmin {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 1299px) {
    .c-grid-column.-col3-max.-col1-md {
      grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 1023px) {
    .c-grid-column.-col3-max.-col1-tab {
      grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 743px) {
    .c-grid-column.-col3-max.-col1-sp {
      grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col3-max.-col1-spmin {
      grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 1299px) {
    .c-grid-column.-col3-md {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  @media (max-width: 1023px) {
    .c-grid-column.-col3-md.-col4-tab {
      grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 743px) {
    .c-grid-column.-col3-md.-col4-sp {
      grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col3-md.-col4-spmin {
      grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 1023px) {
    .c-grid-column.-col3-md.-col3-tab {
      grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 743px) {
    .c-grid-column.-col3-md.-col3-sp {
      grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col3-md.-col3-spmin {
      grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 1023px) {
    .c-grid-column.-col3-md.-col2-tab {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 743px) {
    .c-grid-column.-col3-md.-col2-sp {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col3-md.-col2-spmin {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 1023px) {
    .c-grid-column.-col3-md.-col1-tab {
      grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 743px) {
    .c-grid-column.-col3-md.-col1-sp {
      grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col3-md.-col1-spmin {
      grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 1023px) {
    .c-grid-column.-col3-tab {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  @media (max-width: 743px) {
    .c-grid-column.-col3-tab.-col4-sp {
      grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col3-tab.-col4-spmin {
      grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 743px) {
    .c-grid-column.-col3-tab.-col3-sp {
      grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col3-tab.-col3-spmin {
      grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 743px) {
    .c-grid-column.-col3-tab.-col2-sp {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col3-tab.-col2-spmin {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 743px) {
    .c-grid-column.-col3-tab.-col1-sp {
      grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col3-tab.-col1-spmin {
      grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 743px) {
    .c-grid-column.-col3-sp {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col3-sp.-col4-spmin {
      grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col3-sp.-col3-spmin {
      grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col3-sp.-col2-spmin {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col3-sp.-col1-spmin {
      grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col3-spmin {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  .c-grid-column.-col2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  @media (max-width: 1599px) {
    .c-grid-column.-col2.-col4-max {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  @media (max-width: 1299px) {
    .c-grid-column.-col2.-col4-md {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  @media (max-width: 1023px) {
    .c-grid-column.-col2.-col4-tab {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  @media (max-width: 743px) {
    .c-grid-column.-col2.-col4-sp {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col2.-col4-spmin {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  @media (max-width: 1599px) {
    .c-grid-column.-col2.-col3-max {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  @media (max-width: 1299px) {
    .c-grid-column.-col2.-col3-md {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  @media (max-width: 1023px) {
    .c-grid-column.-col2.-col3-tab {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  @media (max-width: 743px) {
    .c-grid-column.-col2.-col3-sp {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col2.-col3-spmin {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  @media (max-width: 1599px) {
    .c-grid-column.-col2.-col2-max {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  @media (max-width: 1299px) {
    .c-grid-column.-col2.-col2-md {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  @media (max-width: 1023px) {
    .c-grid-column.-col2.-col2-tab {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  @media (max-width: 743px) {
    .c-grid-column.-col2.-col2-sp {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col2.-col2-spmin {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  @media (max-width: 1599px) {
    .c-grid-column.-col2.-col1-max {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
  }
  @media (max-width: 1299px) {
    .c-grid-column.-col2.-col1-md {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
  }
  @media (max-width: 1023px) {
    .c-grid-column.-col2.-col1-tab {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
  }
  @media (max-width: 743px) {
    .c-grid-column.-col2.-col1-sp {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col2.-col1-spmin {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
  }
  @media (max-width: 1599px) {
    .c-grid-column.-col2-max {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  @media (max-width: 1299px) {
    .c-grid-column.-col2-max.-col4-md {
      grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 1023px) {
    .c-grid-column.-col2-max.-col4-tab {
      grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 743px) {
    .c-grid-column.-col2-max.-col4-sp {
      grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col2-max.-col4-spmin {
      grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 1299px) {
    .c-grid-column.-col2-max.-col3-md {
      grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 1023px) {
    .c-grid-column.-col2-max.-col3-tab {
      grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 743px) {
    .c-grid-column.-col2-max.-col3-sp {
      grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col2-max.-col3-spmin {
      grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 1299px) {
    .c-grid-column.-col2-max.-col2-md {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 1023px) {
    .c-grid-column.-col2-max.-col2-tab {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 743px) {
    .c-grid-column.-col2-max.-col2-sp {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col2-max.-col2-spmin {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 1299px) {
    .c-grid-column.-col2-max.-col1-md {
      grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 1023px) {
    .c-grid-column.-col2-max.-col1-tab {
      grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 743px) {
    .c-grid-column.-col2-max.-col1-sp {
      grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col2-max.-col1-spmin {
      grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 1299px) {
    .c-grid-column.-col2-md {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  @media (max-width: 1023px) {
    .c-grid-column.-col2-md.-col4-tab {
      grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 743px) {
    .c-grid-column.-col2-md.-col4-sp {
      grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col2-md.-col4-spmin {
      grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 1023px) {
    .c-grid-column.-col2-md.-col3-tab {
      grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 743px) {
    .c-grid-column.-col2-md.-col3-sp {
      grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col2-md.-col3-spmin {
      grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 1023px) {
    .c-grid-column.-col2-md.-col2-tab {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 743px) {
    .c-grid-column.-col2-md.-col2-sp {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col2-md.-col2-spmin {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 1023px) {
    .c-grid-column.-col2-md.-col1-tab {
      grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 743px) {
    .c-grid-column.-col2-md.-col1-sp {
      grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col2-md.-col1-spmin {
      grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 1023px) {
    .c-grid-column.-col2-tab {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  @media (max-width: 743px) {
    .c-grid-column.-col2-tab.-col4-sp {
      grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col2-tab.-col4-spmin {
      grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 743px) {
    .c-grid-column.-col2-tab.-col3-sp {
      grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col2-tab.-col3-spmin {
      grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 743px) {
    .c-grid-column.-col2-tab.-col2-sp {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col2-tab.-col2-spmin {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 743px) {
    .c-grid-column.-col2-tab.-col1-sp {
      grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col2-tab.-col1-spmin {
      grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 743px) {
    .c-grid-column.-col2-sp {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col2-sp.-col4-spmin {
      grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col2-sp.-col3-spmin {
      grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col2-sp.-col2-spmin {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col2-sp.-col1-spmin {
      grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col2-spmin {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .c-grid-column.-col1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  @media (max-width: 1599px) {
    .c-grid-column.-col1.-col4-max {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  @media (max-width: 1299px) {
    .c-grid-column.-col1.-col4-md {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  @media (max-width: 1023px) {
    .c-grid-column.-col1.-col4-tab {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  @media (max-width: 743px) {
    .c-grid-column.-col1.-col4-sp {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col1.-col4-spmin {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  @media (max-width: 1599px) {
    .c-grid-column.-col1.-col3-max {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  @media (max-width: 1299px) {
    .c-grid-column.-col1.-col3-md {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  @media (max-width: 1023px) {
    .c-grid-column.-col1.-col3-tab {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  @media (max-width: 743px) {
    .c-grid-column.-col1.-col3-sp {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col1.-col3-spmin {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  @media (max-width: 1599px) {
    .c-grid-column.-col1.-col2-max {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  @media (max-width: 1299px) {
    .c-grid-column.-col1.-col2-md {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  @media (max-width: 1023px) {
    .c-grid-column.-col1.-col2-tab {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  @media (max-width: 743px) {
    .c-grid-column.-col1.-col2-sp {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col1.-col2-spmin {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  @media (max-width: 1599px) {
    .c-grid-column.-col1.-col1-max {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
  }
  @media (max-width: 1299px) {
    .c-grid-column.-col1.-col1-md {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
  }
  @media (max-width: 1023px) {
    .c-grid-column.-col1.-col1-tab {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
  }
  @media (max-width: 743px) {
    .c-grid-column.-col1.-col1-sp {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col1.-col1-spmin {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
  }
  @media (max-width: 1599px) {
    .c-grid-column.-col1-max {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
  }
  @media (max-width: 1299px) {
    .c-grid-column.-col1-max.-col4-md {
      grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 1023px) {
    .c-grid-column.-col1-max.-col4-tab {
      grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 743px) {
    .c-grid-column.-col1-max.-col4-sp {
      grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col1-max.-col4-spmin {
      grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 1299px) {
    .c-grid-column.-col1-max.-col3-md {
      grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 1023px) {
    .c-grid-column.-col1-max.-col3-tab {
      grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 743px) {
    .c-grid-column.-col1-max.-col3-sp {
      grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col1-max.-col3-spmin {
      grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 1299px) {
    .c-grid-column.-col1-max.-col2-md {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 1023px) {
    .c-grid-column.-col1-max.-col2-tab {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 743px) {
    .c-grid-column.-col1-max.-col2-sp {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col1-max.-col2-spmin {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 1299px) {
    .c-grid-column.-col1-max.-col1-md {
      grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 1023px) {
    .c-grid-column.-col1-max.-col1-tab {
      grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 743px) {
    .c-grid-column.-col1-max.-col1-sp {
      grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col1-max.-col1-spmin {
      grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 1299px) {
    .c-grid-column.-col1-md {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
  }
  @media (max-width: 1023px) {
    .c-grid-column.-col1-md.-col4-tab {
      grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 743px) {
    .c-grid-column.-col1-md.-col4-sp {
      grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col1-md.-col4-spmin {
      grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 1023px) {
    .c-grid-column.-col1-md.-col3-tab {
      grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 743px) {
    .c-grid-column.-col1-md.-col3-sp {
      grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col1-md.-col3-spmin {
      grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 1023px) {
    .c-grid-column.-col1-md.-col2-tab {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 743px) {
    .c-grid-column.-col1-md.-col2-sp {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col1-md.-col2-spmin {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 1023px) {
    .c-grid-column.-col1-md.-col1-tab {
      grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 743px) {
    .c-grid-column.-col1-md.-col1-sp {
      grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col1-md.-col1-spmin {
      grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 1023px) {
    .c-grid-column.-col1-tab {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
  }
  @media (max-width: 743px) {
    .c-grid-column.-col1-tab.-col4-sp {
      grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col1-tab.-col4-spmin {
      grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 743px) {
    .c-grid-column.-col1-tab.-col3-sp {
      grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col1-tab.-col3-spmin {
      grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 743px) {
    .c-grid-column.-col1-tab.-col2-sp {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col1-tab.-col2-spmin {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 743px) {
    .c-grid-column.-col1-tab.-col1-sp {
      grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col1-tab.-col1-spmin {
      grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 743px) {
    .c-grid-column.-col1-sp {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col1-sp.-col4-spmin {
      grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col1-sp.-col3-spmin {
      grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col1-sp.-col2-spmin {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col1-sp.-col1-spmin {
      grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 567px) {
    .c-grid-column.-col1-spmin {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
  }
}
@layer components {
  .wpcf7-form {
    --label-optional-border-color: var(--color-gray-100, #888);
    --label-required-border-color: var(--color-attention);
    --label-required-background-color: var(--color-attention);
    --file-button-background-color: var(--color-black-100, #000);
    --radio-checkbox-checked-color: var(--color-blue-100);
    --radio-checkbox-focus-color: var(--color-gray-50, #ccc);
    --error-fukidashi-background-color: color-mix(in srgb, var(--color-red-100, #f00) 90%, #000);
    font-size: min(0.1632653061vw + 0.8367346939rem, 1rem);
    line-height: 1.5;
  }
  .wpcf7-form__no-item {
    display: contents;
  }
  .wpcf7-form__item + .wpcf7-form__item {
    margin-block-start: min(0.8163265306vw + 26.9387755102px, 40px);
  }
  .wpcf7-form__item:has(.wpcf7-not-valid-tip) + .wpcf7-form__item {
    margin-block-start: min(0.9387755102vw + 44.9795918367px, 60px);
  }
  .wpcf7-form__item__head {
    display: flex;
    column-gap: 0.5em;
    font-family: var(--font-min);
    font-size: min(0.1632653061vw + 1.0867346939rem, 1.25rem);
    flex-wrap: wrap;
    row-gap: 0.5em;
    line-height: 1;
    align-items: center;
  }
  .wpcf7-form__item__head .caution {
    font-family: var(--font-ja);
    font-size: min(0.0816326531vw + 0.7308673469rem, 0.8125rem);
    display: flex;
    align-items: center;
    color: var(--color-gray-60);
  }
  .wpcf7-form__item__head .caution.-blue {
    color: var(--color-blue-100);
  }
  .wpcf7-form__item__head::before {
    font-size: min(0.1224489796vw + 0.6275510204rem, 0.75rem);
    line-height: 1;
    padding: 0.25em 0.5em;
    align-self: start;
    border-radius: calc(infinity * 1px);
    border: 1px solid;
    margin-block-start: 0.125em;
    white-space: nowrap;
  }
  .wpcf7-form__item:not(:has([aria-required=true])) .wpcf7-form__item__head::before {
    content: "任意";
    border-color: var(--label-optional-border-color);
  }
  .wpcf7-form__item:has(:is([aria-required=true], .wpcf7-radio)) .wpcf7-form__item__head::before {
    content: "必須";
    color: var(--color-white-00, #fff);
    border-color: var(--label-required-border-color);
    background-color: var(--label-required-background-color);
  }
  .wpcf7-form__item__head + .wpcf7-form__item__body {
    margin-block-start: min(0.1156462585vw + 13.1496598639px, 15px);
  }
  .wpcf7-form__item__body {
    display: flex;
    flex-direction: column;
    row-gap: 0.5em;
  }
  .wpcf7-form__item__body.-birth span {
    color: var(--color-blue-100);
  }
  .wpcf7-form__item__body > *:not(.wpcf7-form-control-wrap) {
    align-items: center;
    display: flex;
    column-gap: 0.5em;
    max-inline-size: 100%;
    white-space: nowrap;
  }
  .wpcf7-form__item__body.-full .wpcf7-form-control-wrap, .wpcf7-form__item__body:has(textarea) .wpcf7-form-control-wrap, .wpcf7-form__item__body:has(.wpcf7-file) .wpcf7-form-control-wrap {
    inline-size: 100%;
  }
  .wpcf7-form__item__body:has(> *:not(.wpcf7-form-control-wrap):nth-child(2)) {
    flex-direction: row;
    column-gap: 1em;
  }
  .wpcf7-form__item__body + .wpcf7-form__item__body {
    margin-block-start: min(0vw + 10px, 10px);
  }
  .wpcf7-form__item__body:has(.wpcf7-not-valid-tip) + .wpcf7-form__item__body {
    margin-block-start: min(0.3265306122vw + 34.7755102041px, 40px);
  }
  .wpcf7-form__acceptance:not(:first-child), .wpcf7-form__submit:not(:first-child) {
    margin-block-start: min(0.9387755102vw + 44.9795918367px, 60px);
  }
  .wpcf7-form__item:has(.wpcf7-not-valid-tip) + .wpcf7-form__acceptance, .wpcf7-form__item:has(.wpcf7-not-valid-tip) + .wpcf7-form__submit {
    margin-block-start: min(0.7210884354vw + 68.462585034px, 80px);
  }
  .wpcf7-form__acceptance {
    text-align: center;
    display: flex;
    justify-content: center;
    gap: 10px;
  }
  .wpcf7-form__acceptance .wpcf7-list-item {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
  }
  .wpcf7-form__acceptance .wpcf7-list-item::after {
    font-size: min(0.1224489796vw + 0.6275510204rem, 0.75rem);
    line-height: 1;
    padding: 0.25em 0.5em;
    align-self: start;
    border-radius: calc(infinity * 1px);
    border: 1px solid;
    margin-block-start: 0.125em;
    white-space: nowrap;
    content: "必須";
    color: var(--color-white-00, #fff);
    border-color: var(--label-required-background-color);
    background-color: var(--label-required-background-color);
  }
  .wpcf7-form__acceptance a {
    text-decoration: underline;
    transition: color 0.3s;
  }
  @media (any-hover: hover) {
    .wpcf7-form__acceptance a:hover {
      text-decoration: none;
    }
  }
  .wpcf7-form__submit input[type=submit] {
    margin-inline: auto;
    color: var(--color-white-00, #fff);
    display: block;
    border-radius: calc(infinity * 1px);
    text-align: center;
    padding: 1em;
    min-inline-size: min(240px, 100%);
  }
  .wpcf7-form__submit input[type=submit]:not(:disabled) {
    background-color: var(--color-blue-100);
    cursor: pointer;
    transition: var(--dur, 0.2s) opacity var(--ease-out-sine, ease-out), var(--dur, 0.2s) background-color var(--ease-out-sine, ease-out);
  }
  @media (any-hover: hover) {
    .wpcf7-form__submit input[type=submit]:not(:disabled):hover {
      opacity: 0.75;
    }
  }
  .wpcf7-form__submit input[type=submit]:disabled {
    opacity: 0.5;
    background-color: var(--color-gray-50, #ccc);
    cursor: not-allowed;
  }
  .wpcf7-form-control-wrap {
    display: block;
    inline-size: fit-content;
    max-inline-size: 100%;
    position: relative;
  }
  .wpcf7-form-control-wrap :where([type=text], [type=tel], [type=email], [type=number], [type=password], [type=url], [type=date], select, textarea) {
    inline-size: 100%;
    display: block;
    background-color: var(--color-white-00, #fff);
    border: 1px solid var(--color-gray-50, #ccc);
    border-radius: 5px;
    font-size: 1rem;
    padding: 1rem;
    appearance: none;
  }
  .wpcf7-form-control-wrap :where([type=text], [type=tel], [type=email], [type=number], [type=password], [type=url], [type=date], select, textarea)::placeholder {
    color: #b0b0b0;
    font-weight: 300;
  }
  .wpcf7-form-control-wrap [type=date] {
    display: flex;
    column-gap: 1em;
    align-items: center;
  }
  .wpcf7-form-control-wrap [type=date]::before {
    font-size: min(0.0680272109vw + 0.8069727891rem, 0.875rem);
    content: "日付を選択する";
    white-space: nowrap;
    color: var(--color-gray-100, #888);
  }
  .wpcf7-form-control-wrap:has(select) select {
    padding-inline-end: 2rem;
  }
  .wpcf7-form-control-wrap:has(select)::after {
    content: "";
    position: absolute;
    width: 0.6em;
    pointer-events: none;
    height: 0.35em;
    border-inline: 0.3em solid transparent;
    top: calc(50% - 0.2em);
    right: 0.75rem;
    border-block-start: 0.35em solid var(--color-black-100, #000);
  }
  .wpcf7-form-control-wrap textarea {
    inline-size: 100%;
    resize: vertical;
    field-sizing: content;
    min-block-size: 12em;
  }
  :where(.wpcf7-checkbox, .wpcf7-radio, .wpcf7-acceptance) {
    display: flex;
    flex-wrap: wrap;
    column-gap: 1.5em;
    row-gap: 1em;
  }
  .-vertical :where(.wpcf7-checkbox, .wpcf7-radio, .wpcf7-acceptance) {
    flex-direction: column;
  }
  :where(.wpcf7-checkbox, .wpcf7-radio, .wpcf7-acceptance) input {
    appearance: none;
    position: absolute;
    opacity: 0;
  }
  :where(.wpcf7-checkbox, .wpcf7-radio, .wpcf7-acceptance) .wpcf7-list-item:not(:has(label)),
  :where(.wpcf7-checkbox, .wpcf7-radio, .wpcf7-acceptance) .wpcf7-list-item label {
    position: relative;
    display: flex;
    align-items: flex-start;
    column-gap: 0.5em;
    cursor: pointer;
  }
  :where(.wpcf7-checkbox, .wpcf7-radio, .wpcf7-acceptance) .wpcf7-list-item:not(:has(label))::before,
  :where(.wpcf7-checkbox, .wpcf7-radio, .wpcf7-acceptance) .wpcf7-list-item label::before {
    content: "";
    inline-size: 1.5em;
    min-inline-size: 1.5em;
    block-size: 1.5em;
    border: 1px solid var(--color-gray-50, #ccc);
    transition: var(--dur, 0.2s) border-color var(--ease-out-sine, ease-out);
  }
  :where(.wpcf7-checkbox, .wpcf7-radio, .wpcf7-acceptance) .wpcf7-list-item:not(:has(label))::after,
  :where(.wpcf7-checkbox, .wpcf7-radio, .wpcf7-acceptance) .wpcf7-list-item label::after {
    content: "";
    position: absolute;
    transition: var(--dur, 0.2s) opacity var(--ease-out-sine, ease-out);
    opacity: 0;
  }
  :where(.wpcf7-checkbox, .wpcf7-radio, .wpcf7-acceptance) .wpcf7-list-item:not(:has(label)):has(:checked)::before,
  :where(.wpcf7-checkbox, .wpcf7-radio, .wpcf7-acceptance) .wpcf7-list-item label:has(:checked)::before {
    border-color: var(--radio-checkbox-checked-color);
  }
  :where(.wpcf7-checkbox, .wpcf7-radio, .wpcf7-acceptance) .wpcf7-list-item:not(:has(label)):has(:checked)::after,
  :where(.wpcf7-checkbox, .wpcf7-radio, .wpcf7-acceptance) .wpcf7-list-item label:has(:checked)::after {
    opacity: 1;
  }
  :where(.wpcf7-checkbox, .wpcf7-radio, .wpcf7-acceptance) .wpcf7-list-item:not(:has(label)):has(:focus-visible),
  :where(.wpcf7-checkbox, .wpcf7-radio, .wpcf7-acceptance) .wpcf7-list-item label:has(:focus-visible) {
    outline-offset: 4px;
    outline: auto;
    outline: 2px solid -webkit-focus-ring-color;
    border-radius: 2px;
  }
  .wpcf7-checkbox .wpcf7-list-item:not(:has(label))::before,
  .wpcf7-checkbox .wpcf7-list-item label::before,
  .wpcf7-acceptance .wpcf7-list-item:not(:has(label))::before,
  .wpcf7-acceptance .wpcf7-list-item label::before {
    content: "";
    border-radius: 0.25em;
  }
  .wpcf7-checkbox .wpcf7-list-item:not(:has(label))::after,
  .wpcf7-checkbox .wpcf7-list-item label::after,
  .wpcf7-acceptance .wpcf7-list-item:not(:has(label))::after,
  .wpcf7-acceptance .wpcf7-list-item label::after {
    inline-size: 0.8em;
    block-size: 0.5em;
    border-block-end: 2px solid var(--radio-checkbox-checked-color);
    border-inline-start: 2px solid var(--radio-checkbox-checked-color);
    rotate: -45deg;
    top: 0.375em;
    left: 0.35em;
  }
  .wpcf7-radio .wpcf7-list-item:not(:has(label))::before,
  .wpcf7-radio .wpcf7-list-item label::before {
    content: "";
    border-radius: calc(infinity * 1px);
  }
  .wpcf7-radio .wpcf7-list-item:not(:has(label))::after,
  .wpcf7-radio .wpcf7-list-item label::after {
    background-color: var(--radio-checkbox-checked-color);
    top: 0.5em;
    left: 0.5em;
    inline-size: 0.5em;
    aspect-ratio: 1/1;
    border-radius: calc(infinity * 1px);
  }
  .wpcf7-file {
    inline-size: 0;
    block-size: 0;
    opacity: 0;
    padding: 0;
    border: none;
    display: block;
    position: absolute;
  }
  .wpcf7-file:focus-visible + .wpcf7-file__label {
    outline: auto;
    outline: 2px solid -webkit-focus-ring-color;
  }
  .wpcf7-file__label {
    cursor: pointer;
    inline-size: 100%;
    background-color: var(--color-white-00);
    border: 1px solid var(--color-gray-50);
    border-radius: 5px;
    font-size: min(0.1632653061vw + 13.387755102px, 16px);
    padding-block: min(0.1632653061vw + 13.387755102px, 16px);
    padding-inline-start: min(0.1632653061vw + 13.387755102px, 16px);
    display: flex;
    position: relative;
    column-gap: 1em;
    justify-content: space-between;
  }
  .wpcf7-file__label__text {
    color: #b0b0b0;
    word-break: keep-all;
    font-weight: 400;
  }
  .wpcf7-file__label__text::placeholder {
    color: #b0b0b0;
    font-weight: 300;
  }
  .wpcf7-file__label__text.is-filled {
    color: var(--color-black-100);
  }
  .wpcf7-file__label:has(.is-filled) + .wpcf7-file__label__delete {
    display: flex;
  }
  .wpcf7-file__label__button {
    background-color: var(--file-button-background-color);
    color: var(--color-white-00, #fff);
    justify-content: center;
    display: flex;
    align-items: center;
    border-top-right-radius: 5px;
    font-size: min(0vw + 0.75rem, 0.75rem);
    line-height: 1.4;
    padding-inline: 1em;
    column-gap: 0.5em;
    word-break: keep-all;
    border-bottom-right-radius: 5px;
    margin-inline-end: -1px;
    margin-block-start: calc(min(0.1632653061vw + 13.387755102px, 16px) * -1 - 1px);
    margin-block-end: calc(min(0.1632653061vw + 13.387755102px, 16px) * -1 - 1px);
  }
  .wpcf7-file__label__button svg {
    fill: currentColor;
    width: 1.25em;
    min-width: 1.25em;
    height: 1.25em;
  }
  .wpcf7-file__label__delete {
    position: absolute;
    bottom: 100%;
    left: 100%;
    inline-size: 1.5em;
    max-inline-size: 1.5em;
    height: 1.5em;
    cursor: pointer;
    display: none;
    translate: -50% 50%;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--file-button-background-color);
    background-color: var(--color-white-00, #fff);
    border-radius: 50%;
  }
  @media (any-hover: hover) {
    .wpcf7-file__label__delete {
      transition: var(--dur) scale var(--ease-out-cubic);
    }
    .wpcf7-file__label__delete:hover {
      scale: 1.25;
    }
  }
  .wpcf7-file__label__delete svg {
    width: 50%;
    height: 50%;
    display: block;
    fill: currentColor;
    rotate: 45deg;
  }
}
.wpcf7-list-item {
  margin: 0;
  display: flex;
}

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

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

@layer components {
  .c-button-primary {
    justify-content: space-between;
    gap: 1em;
    border: 1px solid var(--color-border-gray);
    border-radius: 5px;
    background-color: var(--color-white-00);
    padding: 1em 1.5em;
    color: var(--color-blue-100);
    transition: var(--dur) ease;
    min-width: min(2.9387755102vw + 188.9795918367px, 236px);
  }
  @media (any-hover: hover) {
    .c-button-primary:focus-visible {
      outline: 3px solid var(--color-black-100);
      outline-offset: 5px;
    }
    .c-button-primary:hover {
      background-color: var(--color-blue-10);
    }
    .c-button-primary:hover .text::before {
      width: 100%;
    }
    .c-button-primary:hover .c-arrow::before {
      width: 2.5em;
      height: 2.5em;
    }
  }
  @media (any-hover: none) {
    .c-button-primary:active {
      background-color: var(--color-blue-10);
    }
    .c-button-primary:active .text::before {
      width: 100%;
    }
    .c-button-primary:active .c-arrow::before {
      width: 2.5em;
      height: 2.5em;
    }
    .c-button-primary:active,
    .c-button-primary:active *, .c-button-primary:active::before, .c-button-primary:active::after {
      transition-duration: var(--dur) !important;
      animation-duration: var(--dur) !important;
    }
  }
  .c-button-primary .text {
    font-size: 0.875rem;
    position: relative;
  }
  .c-button-primary .text::before {
    content: "";
    transition: var(--dur) ease;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 1px;
    background-color: var(--color-blue-100);
  }
  .c-button-primary.-center {
    margin-inline: auto;
  }
  .c-button-primary.-right {
    margin-left: auto;
  }
  @media (max-width: 743px) {
    .c-button-primary.-right {
      margin-left: 0;
    }
  }
  .c-button-primary.-blue {
    border: 1px solid var(--color-border-blue);
    background-color: var(--color-blue-100);
    color: var(--color-white-00);
  }
  @media (any-hover: hover) {
    .c-button-primary.-blue:focus-visible {
      outline: 3px solid var(--color-black-100);
      outline-offset: 5px;
    }
    .c-button-primary.-blue:hover {
      background-color: var(--color-blue-70);
    }
  }
  @media (any-hover: none) {
    .c-button-primary.-blue:active {
      background-color: var(--color-blue-70);
    }
    .c-button-primary.-blue:active,
    .c-button-primary.-blue:active *, .c-button-primary.-blue:active::before, .c-button-primary.-blue:active::after {
      transition-duration: var(--dur) !important;
      animation-duration: var(--dur) !important;
    }
  }
  .c-button-primary.-blue .text::before {
    background-color: var(--color-white-00);
  }
  .c-button-primary.-blue .icon {
    fill: var(--color-black-100);
  }
  .c-button-primary.-reverse {
    flex-direction: row-reverse;
  }
  .c-button-primary.-tel {
    font-family: var(--font-en);
    justify-content: center;
    padding: 0.5em 1.5em;
  }
  .c-button-primary.-tel .text {
    font-size: 1.5rem;
  }
  .c-button-secondary {
    gap: 1.5em;
  }
  @media (any-hover: hover) {
    .c-button-secondary:focus-visible {
      outline: 3px solid var(--color-black-100);
      outline-offset: 5px;
    }
    .c-button-secondary:hover .text::before {
      width: 100%;
    }
    .c-button-secondary:hover .c-arrow::before {
      width: 2.5em;
      height: 2.5em;
    }
  }
  @media (any-hover: none) {
    .c-button-secondary:active .text::before {
      width: 100%;
    }
    .c-button-secondary:active .c-arrow::before {
      width: 2.5em;
      height: 2.5em;
    }
    .c-button-secondary:active,
    .c-button-secondary:active *, .c-button-secondary:active::before, .c-button-secondary:active::after {
      transition-duration: var(--dur) !important;
      animation-duration: var(--dur) !important;
    }
  }
  .c-button-secondary .text {
    font-size: 0.875rem;
    position: relative;
  }
  .c-button-secondary .text::before {
    content: "";
    transition: var(--dur) ease;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 1px;
    background-color: var(--color-blue-100);
  }
  .c-button-secondary.-text-min .text {
    font-size: 1.25rem;
    font-family: var(--font-min);
  }
  @media (max-width: 743px) {
    .c-button-secondary.-text-min .text {
      font-size: 1rem;
    }
  }
  .c-button-secondary.-white .text {
    color: var(--color-white-00);
  }
  .c-button-secondary.-white .c-arrow {
    color: var(--color-white-00);
  }
  .c-button-secondary.-white .c-arrow::before {
    border-color: var(--color-border-gray);
  }
}
@layer components {
  .c-title-primary {
    font-size: min(0.3265306122vw + 1.1734693878rem, 1.5rem);
    font-family: var(--font-min);
    line-height: 1.8;
    font-weight: 600;
    font-feature-settings: "palt";
  }
  .c-title-primary.-s {
    font-size: min(0.1632653061vw + 1.0867346939rem, 1.25rem);
  }
  .c-title-primary.-m {
    font-size: min(0.3265306122vw + 1.1734693878rem, 1.5rem);
  }
  .c-title-primary.-l {
    font-size: min(0.4897959184vw + 1.2602040816rem, 1.75rem);
  }
  .c-title-primary.-xl {
    font-size: min(0.9795918367vw + 1.5204081633rem, 2.5rem);
  }
  .c-title-primary.-underline {
    padding-bottom: 0.5em;
    border-bottom: 1px solid var(--color-border-gray);
  }
  .c-title-en {
    font-size: min(3.0204081633vw + 1.4795918367rem, 4.5rem);
    font-family: var(--font-en);
    line-height: 1.2;
    font-weight: 700;
  }
  .c-title-en.-s {
    font-size: min(0.6530612245vw + 1.8469387755rem, 2.5rem);
  }
  .c-title-en.-l {
    font-size: min(3.2653061224vw + 1.7346938776rem, 5rem);
  }
  .c-bottom-links-title {
    display: flex;
    align-items: center;
    gap: 1.5em;
  }
  .c-bottom-links-title .en {
    font-size: min(0.1632653061vw + 0.9617346939rem, 1.125rem);
    font-family: var(--font-en);
    margin-top: 0.3em;
  }
}
@layer components {
  .c-news-link {
    position: relative;
    display: grid;
    align-items: center;
    grid-template-columns: 1fr auto;
    transition: var(--dur) ease;
    padding: 1em min(1.6326530612vw + 13.8775510204px, 40px);
    border: 1px solid var(--color-border-gray);
    background-color: var(--color-white-00);
    border-bottom: none;
    gap: min(1.6326530612vw + 13.8775510204px, 40px);
  }
  @media (any-hover: hover) {
    .c-news-link:focus-visible {
      outline: 3px solid var(--color-black-100);
      outline-offset: 5px;
    }
    .c-news-link:hover {
      background-color: var(--color-blue-10);
    }
    .c-news-link:hover .c-arrow::before {
      width: 2.5em;
      height: 2.5em;
    }
  }
  @media (any-hover: none) {
    .c-news-link:active {
      background-color: var(--color-blue-10);
    }
    .c-news-link:active .c-arrow::before {
      width: 2.5em;
      height: 2.5em;
    }
    .c-news-link:active,
    .c-news-link:active *, .c-news-link:active::before, .c-news-link:active::after {
      transition-duration: var(--dur) !important;
      animation-duration: var(--dur) !important;
    }
  }
  .c-news-link__main {
    display: grid;
    grid-template-columns: auto 1fr;
    align-items: flex-start;
    gap: 1em;
  }
  @media (max-width: 1023px) {
    .c-news-link__main {
      grid-template-columns: 1fr;
    }
  }
  .c-news-link__date {
    font-size: 0.75rem;
    font-family: var(--font-en);
    margin-top: 0.5em;
    white-space: nowrap;
  }
  .c-news-link:first-of-type {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
  }
  .c-news-link:last-of-type {
    border-bottom: 1px solid var(--color-border-gray);
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
  }
}
.js-mega.is-open .js-mega-trigger::after {
  display: block;
}
.js-mega.is-open .js-mega-trigger a::before {
  width: 100%;
}
.js-mega .js-mega-trigger {
  position: relative;
  padding-inline: 1em;
  padding-block: 1em;
  block-size: 100%;
}
.js-mega .js-mega-trigger::before {
  content: "";
  height: min(1.6326530612vw + 73.8775510204px, 100px);
  left: -2em;
  pointer-events: none;
  position: absolute;
  right: -2em;
  top: 90%;
}
.js-mega .js-mega-trigger::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 0;
  inline-size: 100%;
  block-size: 400%;
  display: none;
  z-index: -1;
}
.js-mega .js-mega-trigger .mega-menu {
  cursor: default;
  font-size: min(0.1632653061vw + 0.7117346939rem, 0.875rem);
  display: inline-block;
  position: relative;
  margin-bottom: 0.19em;
}
.js-mega .js-mega-trigger .mega-menu::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 1px;
  background-color: var(--color-blue-100);
  transition: var(--dur) ease;
}
.is-dark .js-mega .js-mega-trigger .mega-menu {
  color: var(--color-white-00);
}
.is-dark .js-mega .js-mega-trigger .mega-menu::before {
  background-color: var(--color-white-00);
}
@media (any-hover: hover) {
  .js-mega .js-mega-trigger .mega-menu:focus-visible {
    outline: 3px solid var(--color-black-100);
    outline-offset: 5px;
  }
  .js-mega .js-mega-trigger .mega-menu:hover::before {
    width: 100%;
  }
}
@media (any-hover: none) {
  .js-mega .js-mega-trigger .mega-menu:active::before {
    width: 100%;
  }
  .js-mega .js-mega-trigger .mega-menu:active,
  .js-mega .js-mega-trigger .mega-menu:active *, .js-mega .js-mega-trigger .mega-menu:active::before, .js-mega .js-mega-trigger .mega-menu:active::after {
    transition-duration: var(--dur) !important;
    animation-duration: var(--dur) !important;
  }
}
.js-mega .js-mega-wrap {
  position: absolute;
  top: min(1.306122449vw + 70.1020408163px, 91px);
  left: 50%;
  pointer-events: none;
  opacity: 0;
  visibility: hidden;
  transform: translateY(20px) translateX(-50%);
  transition-property: opacity, visibility, transform;
  transition-duration: 0.2s, 0.2s, 0.3s;
  transition-timing-function: ease-out;
}
.js-mega .js-mega-wrap:has(.-recruit) {
  left: -225%;
}
.js-mega.is-open .js-mega-trigger::before {
  pointer-events: all;
}
.js-mega.is-open .js-mega-wrap {
  opacity: 1;
  visibility: visible;
  transform: translateY(0) translateX(-50%);
}
.js-mega.is-open .js-mega-content {
  pointer-events: all;
}

@layer components {
  .c-lower-kv {
    padding-top: calc(32px + var(--header-height));
  }
  .c-lower-kv.-noimage {
    padding-bottom: min(3.2653061224vw + 27.7551020408px, 80px);
  }
  .c-lower-kv__heading {
    margin-top: min(4.8979591837vw + 41.6326530612px, 120px);
    position: relative;
    z-index: 2;
  }
  .c-lower-kv__heading .en {
    font-size: min(3.2653061224vw + 2.9846938776rem, 6.25rem);
    line-height: 1.2;
    font-family: var(--font-en);
  }
  .c-lower-kv__heading .c-title-primary {
    margin-block-start: 0;
    margin-block-end: min(1.6326530612vw + 1.4923469388rem, 3.125rem);
  }
  .c-lower-kv__gear__small {
    position: absolute;
    right: min(8.9795918367vw + 4.7704081633rem, 13.75rem);
    top: 59.5%;
    width: min(6.5306122449vw + 3.4693877551rem, 10rem);
    animation: rotate 8s linear infinite;
  }
  .c-lower-kv__gear__large {
    position: absolute;
    right: max(-3.9183673469vw + -2.0816326531rem, -6rem);
    top: 70%;
    width: min(15.0204081633vw + 7.9795918367rem, 23rem);
    animation: rotateReverse 20s linear infinite;
  }
  .c-lower-kv__img {
    position: relative;
    aspect-ratio: 1600/660;
  }
  .c-lower-kv__img::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--color-white-00);
    z-index: 3;
    transition: 1.2s var(--ease-in-out-quart) 0.2s;
  }
  .c-lower-kv__img::after {
    content: "";
    width: 100%;
    height: min(2.0408163265vw + 17.3469387755px, 50px);
    background-image: url(../../img/common/parts/edge_white_full.svg);
    background-repeat: repeat-x;
    background-size: cover;
    position: absolute;
    left: 0;
    bottom: -1px;
    z-index: 3;
    transition: 0.8s ease;
  }
  .c-lower-kv__img.is-act::before {
    width: 0;
    right: 0;
    left: auto;
  }
  .c-lower-kv__img img {
    width: 100%;
    height: 100%;
  }
}
@layer components {
  .c-post h2 {
    padding: 10px 24px;
    background-color: var(--color-gray-30);
    position: relative;
    line-height: 1.8;
    font-size: 1.75rem;
    font-family: var(--font-min);
    margin-block: 2em 0.8em;
  }
  .c-post h2::before {
    content: "";
    position: absolute;
    width: 2em;
    height: 2px;
    background-color: var(--color-blue-100);
    left: 1em;
    top: 0;
  }
  .c-post h3 {
    padding-left: 1em;
    margin-block: 2em 0.8em;
    line-height: 1.8;
    font-size: 1.5rem;
    font-family: var(--font-min);
    border-left: 2px solid var(--color-blue-30);
  }
  .c-post p ＋ p {
    margin-block: 1em;
  }
  .c-post a {
    text-decoration: underline;
  }
}
@layer components {
  .c-recruit-bottom-links__inner {
    padding: min(3.5918367347vw + 6.5306122449px, 64px) min(4.8979591837vw + 1.6326530612px, 80px);
    border: solid 8px var(--color-blue-10);
    background-color: var(--color-white-00);
  }
  .c-recruit-bottom-links__btns {
    margin-block-start: min(0.1632653061vw + 29.387755102px, 32px);
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: min(0.3265306122vw + 18.7755102041px, 24px);
  }
  @media (max-width: 1299px) {
    .c-recruit-bottom-links__btns {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  @media (max-width: 743px) {
    .c-recruit-bottom-links__btns {
      grid-template-columns: minmax(0, 1fr);
    }
  }
  .c-recruit-bottom-links__btns li a {
    inline-size: 100%;
    min-width: 100%;
  }
}
@layer components {
  .c-rec-cta {
    background-color: var(--color-gray-30);
    position: relative;
    z-index: 1;
  }
  .c-rec-cta__inner {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
    column-gap: min(1.4693877551vw + 24.4897959184px, 48px);
    padding-block: min(2.4489795918vw + 40.8163265306px, 80px);
  }
  @media (max-width: 743px) {
    .c-rec-cta__inner {
      grid-template-columns: minmax(0, 1fr);
      row-gap: 20px;
    }
  }
  .c-rec-cta__inner a {
    padding: min(2.9387755102vw + 8.9795918367px, 56px) min(0.3265306122vw + 18.7755102041px, 24px) min(2.9387755102vw + 8.9795918367px, 56px) min(1.6326530612vw + 13.8775510204px, 40px);
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: min(2.0408163265vw + 12.3469387755px, 45px);
    background-color: var(--color-white-00);
    font-size: min(0.6530612245vw + 1.0969387755rem, 1.75rem);
    font-family: var(--font-min);
  }
  @media (max-width: 743px) {
    .c-rec-cta__inner a {
      justify-content: space-between;
      padding-inline: 20px 40px;
    }
  }
  .c-rec-cta__inner a.-blue {
    background-color: var(--color-blue-100);
    color: var(--color-white-00);
  }
  .c-rec-cta__inner a.-blue .text::before {
    background-color: var(--color-white-00);
  }
  .c-rec-cta__inner a .text {
    position: relative;
  }
  .c-rec-cta__inner a .text::before {
    content: "";
    transition: var(--dur) ease;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 1px;
    background-color: var(--color-blue-100);
  }
  @media (any-hover: hover) {
    .c-rec-cta__inner a:focus-visible {
      outline: 3px solid var(--color-black-100);
      outline-offset: 5px;
    }
    .c-rec-cta__inner a:hover .text::before {
      width: 100%;
    }
    .c-rec-cta__inner a:hover .c-arrow::before {
      width: 2.5em;
      height: 2.5em;
    }
  }
  @media (any-hover: none) {
    .c-rec-cta__inner a:active .text::before {
      width: 100%;
    }
    .c-rec-cta__inner a:active .c-arrow::before {
      width: 2.5em;
      height: 2.5em;
    }
    .c-rec-cta__inner a:active,
    .c-rec-cta__inner a:active *, .c-rec-cta__inner a:active::before, .c-rec-cta__inner a:active::after {
      transition-duration: var(--dur) !important;
      animation-duration: var(--dur) !important;
    }
  }
}
@layer components {
  .c-default_notfound {
    padding-block: min(5.1156462585vw + 38.1496598639px, 120px);
  }
  .c-default_notfound h2 {
    text-align: center;
    font-weight: 600;
    font-size: min(1.6326530612vw + 0.8673469388rem, 2.5rem);
    line-height: 1.2;
    color: var(--color-black-100);
  }
  .c-default_notfound h2 strong {
    font-size: min(4.6394557823vw + 2.2355442177rem, 6.875rem);
  }
  .c-default_notfound h3 {
    text-align: center;
    font-weight: 600;
    font-size: min(0.5442176871vw + 0.9557823129rem, 1.5rem);
  }
  .c-default_notfound .body {
    margin-top: min(1.306122449vw + 19.1020408163px, 40px);
  }
  .c-default_notfound .body p {
    text-align: center;
  }
  @media (max-width: 743px) {
    .c-default_notfound .body p {
      text-align: left;
    }
  }
  .c-default_notfound .button {
    display: flex;
    gap: 1em;
    justify-content: center;
    margin-top: min(2.2585034014vw + 23.8639455782px, 60px);
  }
  @media (max-width: 743px) {
    .c-default_notfound .button {
      flex-direction: column;
      align-items: center;
    }
  }
}
@layer utilities {
  .u-color-white {
    color: var(--color-white-00);
  }
  .u-color-blue {
    color: var(--color-blue-100);
  }
  .u-mt0 {
    margin-block-start: 0;
  }
  .u-mt1 {
    margin-block-start: min(0vw + 1px, 1px);
  }
  .u-mt2 {
    margin-block-start: min(0vw + 2px, 2px);
  }
  .u-mt3 {
    margin-block-start: min(0vw + 3px, 3px);
  }
  .u-mt4 {
    margin-block-start: min(0vw + 4px, 4px);
  }
  .u-mt5 {
    margin-block-start: min(0vw + 5px, 5px);
  }
  .u-mt6 {
    margin-block-start: min(0vw + 6px, 6px);
  }
  .u-mt7 {
    margin-block-start: min(0vw + 7px, 7px);
  }
  .u-mt8 {
    margin-block-start: min(0vw + 8px, 8px);
  }
  .u-mt9 {
    margin-block-start: min(0vw + 9px, 9px);
  }
  .u-mt10 {
    margin-block-start: min(0vw + 10px, 10px);
  }
  .u-mt11 {
    margin-block-start: min(0vw + 11px, 11px);
  }
  .u-mt12 {
    margin-block-start: min(0vw + 12px, 12px);
  }
  .u-mt13 {
    margin-block-start: min(0.0204081633vw + 12.6734693878px, 13px);
  }
  .u-mt14 {
    margin-block-start: min(0.0680272109vw + 12.9115646259px, 14px);
  }
  .u-mt15 {
    margin-block-start: min(0.1156462585vw + 13.1496598639px, 15px);
  }
  .u-mt16 {
    margin-block-start: min(0.1632653061vw + 13.387755102px, 16px);
  }
  .u-mt17 {
    margin-block-start: min(0.2108843537vw + 13.6258503401px, 17px);
  }
  .u-mt18 {
    margin-block-start: min(0.2585034014vw + 13.8639455782px, 18px);
  }
  .u-mt19 {
    margin-block-start: min(0.306122449vw + 14.1020408163px, 19px);
  }
  .u-mt20 {
    margin-block-start: min(0.3537414966vw + 14.3401360544px, 20px);
  }
  .u-mt21 {
    margin-block-start: min(0.4013605442vw + 14.5782312925px, 21px);
  }
  .u-mt22 {
    margin-block-start: min(0.4489795918vw + 14.8163265306px, 22px);
  }
  .u-mt23 {
    margin-block-start: min(0.4965986395vw + 15.0544217687px, 23px);
  }
  .u-mt24 {
    margin-block-start: min(0.5442176871vw + 15.2925170068px, 24px);
  }
  .u-mt25 {
    margin-block-start: min(0.5918367347vw + 15.5306122449px, 25px);
  }
  .u-mt26 {
    margin-block-start: min(0.6394557823vw + 15.768707483px, 26px);
  }
  .u-mt27 {
    margin-block-start: min(0.6870748299vw + 16.0068027211px, 27px);
  }
  .u-mt28 {
    margin-block-start: min(0.7346938776vw + 16.2448979592px, 28px);
  }
  .u-mt29 {
    margin-block-start: min(0.7823129252vw + 16.4829931973px, 29px);
  }
  .u-mt30 {
    margin-block-start: min(0.8299319728vw + 16.7210884354px, 30px);
  }
  .u-mt31 {
    margin-block-start: min(0.8775510204vw + 16.9591836735px, 31px);
  }
  .u-mt32 {
    margin-block-start: min(0.925170068vw + 17.1972789116px, 32px);
  }
  .u-mt33 {
    margin-block-start: min(0.9727891156vw + 17.4353741497px, 33px);
  }
  .u-mt34 {
    margin-block-start: min(1.0204081633vw + 17.6734693878px, 34px);
  }
  .u-mt35 {
    margin-block-start: min(1.0680272109vw + 17.9115646259px, 35px);
  }
  .u-mt36 {
    margin-block-start: min(1.1156462585vw + 18.1496598639px, 36px);
  }
  .u-mt37 {
    margin-block-start: min(1.1632653061vw + 18.387755102px, 37px);
  }
  .u-mt38 {
    margin-block-start: min(1.2108843537vw + 18.6258503401px, 38px);
  }
  .u-mt39 {
    margin-block-start: min(1.2585034014vw + 18.8639455782px, 39px);
  }
  .u-mt40 {
    margin-block-start: min(1.306122449vw + 19.1020408163px, 40px);
  }
  .u-mt41 {
    margin-block-start: min(1.3537414966vw + 19.3401360544px, 41px);
  }
  .u-mt42 {
    margin-block-start: min(1.4013605442vw + 19.5782312925px, 42px);
  }
  .u-mt43 {
    margin-block-start: min(1.4489795918vw + 19.8163265306px, 43px);
  }
  .u-mt44 {
    margin-block-start: min(1.4965986395vw + 20.0544217687px, 44px);
  }
  .u-mt45 {
    margin-block-start: min(1.5442176871vw + 20.2925170068px, 45px);
  }
  .u-mt46 {
    margin-block-start: min(1.5918367347vw + 20.5306122449px, 46px);
  }
  .u-mt47 {
    margin-block-start: min(1.6394557823vw + 20.768707483px, 47px);
  }
  .u-mt48 {
    margin-block-start: min(1.6870748299vw + 21.0068027211px, 48px);
  }
  .u-mt49 {
    margin-block-start: min(1.7346938776vw + 21.2448979592px, 49px);
  }
  .u-mt50 {
    margin-block-start: min(1.7823129252vw + 21.4829931973px, 50px);
  }
  .u-mt51 {
    margin-block-start: min(1.8299319728vw + 21.7210884354px, 51px);
  }
  .u-mt52 {
    margin-block-start: min(1.8775510204vw + 21.9591836735px, 52px);
  }
  .u-mt53 {
    margin-block-start: min(1.925170068vw + 22.1972789116px, 53px);
  }
  .u-mt54 {
    margin-block-start: min(1.9727891156vw + 22.4353741497px, 54px);
  }
  .u-mt55 {
    margin-block-start: min(2.0204081633vw + 22.6734693878px, 55px);
  }
  .u-mt56 {
    margin-block-start: min(2.0680272109vw + 22.9115646259px, 56px);
  }
  .u-mt57 {
    margin-block-start: min(2.1156462585vw + 23.1496598639px, 57px);
  }
  .u-mt58 {
    margin-block-start: min(2.1632653061vw + 23.387755102px, 58px);
  }
  .u-mt59 {
    margin-block-start: min(2.2108843537vw + 23.6258503401px, 59px);
  }
  .u-mt60 {
    margin-block-start: min(2.2585034014vw + 23.8639455782px, 60px);
  }
  .u-mt61 {
    margin-block-start: min(2.306122449vw + 24.1020408163px, 61px);
  }
  .u-mt62 {
    margin-block-start: min(2.3537414966vw + 24.3401360544px, 62px);
  }
  .u-mt63 {
    margin-block-start: min(2.4013605442vw + 24.5782312925px, 63px);
  }
  .u-mt64 {
    margin-block-start: min(2.4489795918vw + 24.8163265306px, 64px);
  }
  .u-mt65 {
    margin-block-start: min(2.4965986395vw + 25.0544217687px, 65px);
  }
  .u-mt66 {
    margin-block-start: min(2.5442176871vw + 25.2925170068px, 66px);
  }
  .u-mt67 {
    margin-block-start: min(2.5918367347vw + 25.5306122449px, 67px);
  }
  .u-mt68 {
    margin-block-start: min(2.6394557823vw + 25.768707483px, 68px);
  }
  .u-mt69 {
    margin-block-start: min(2.6870748299vw + 26.0068027211px, 69px);
  }
  .u-mt70 {
    margin-block-start: min(2.7346938776vw + 26.2448979592px, 70px);
  }
  .u-mt71 {
    margin-block-start: min(2.7823129252vw + 26.4829931973px, 71px);
  }
  .u-mt72 {
    margin-block-start: min(2.8299319728vw + 26.7210884354px, 72px);
  }
  .u-mt73 {
    margin-block-start: min(2.8775510204vw + 26.9591836735px, 73px);
  }
  .u-mt74 {
    margin-block-start: min(2.925170068vw + 27.1972789116px, 74px);
  }
  .u-mt75 {
    margin-block-start: min(2.9727891156vw + 27.4353741497px, 75px);
  }
  .u-mt76 {
    margin-block-start: min(3.0204081633vw + 27.6734693878px, 76px);
  }
  .u-mt77 {
    margin-block-start: min(3.0680272109vw + 27.9115646259px, 77px);
  }
  .u-mt78 {
    margin-block-start: min(3.1156462585vw + 28.1496598639px, 78px);
  }
  .u-mt79 {
    margin-block-start: min(3.1632653061vw + 28.387755102px, 79px);
  }
  .u-mt80 {
    margin-block-start: min(3.2108843537vw + 28.6258503401px, 80px);
  }
  .u-mt81 {
    margin-block-start: min(3.2585034014vw + 28.8639455782px, 81px);
  }
  .u-mt82 {
    margin-block-start: min(3.306122449vw + 29.1020408163px, 82px);
  }
  .u-mt83 {
    margin-block-start: min(3.3537414966vw + 29.3401360544px, 83px);
  }
  .u-mt84 {
    margin-block-start: min(3.4013605442vw + 29.5782312925px, 84px);
  }
  .u-mt85 {
    margin-block-start: min(3.4489795918vw + 29.8163265306px, 85px);
  }
  .u-mt86 {
    margin-block-start: min(3.4965986395vw + 30.0544217687px, 86px);
  }
  .u-mt87 {
    margin-block-start: min(3.5442176871vw + 30.2925170068px, 87px);
  }
  .u-mt88 {
    margin-block-start: min(3.5918367347vw + 30.5306122449px, 88px);
  }
  .u-mt89 {
    margin-block-start: min(3.6394557823vw + 30.768707483px, 89px);
  }
  .u-mt90 {
    margin-block-start: min(3.6870748299vw + 31.0068027211px, 90px);
  }
  .u-mt91 {
    margin-block-start: min(3.7346938776vw + 31.2448979592px, 91px);
  }
  .u-mt92 {
    margin-block-start: min(3.7823129252vw + 31.4829931973px, 92px);
  }
  .u-mt93 {
    margin-block-start: min(3.8299319728vw + 31.7210884354px, 93px);
  }
  .u-mt94 {
    margin-block-start: min(3.8775510204vw + 31.9591836735px, 94px);
  }
  .u-mt95 {
    margin-block-start: min(3.925170068vw + 32.1972789116px, 95px);
  }
  .u-mt96 {
    margin-block-start: min(3.9727891156vw + 32.4353741497px, 96px);
  }
  .u-mt97 {
    margin-block-start: min(4.0204081633vw + 32.6734693878px, 97px);
  }
  .u-mt98 {
    margin-block-start: min(4.0680272109vw + 32.9115646259px, 98px);
  }
  .u-mt99 {
    margin-block-start: min(4.1156462585vw + 33.1496598639px, 99px);
  }
  .u-mt100 {
    margin-block-start: min(4.1632653061vw + 33.387755102px, 100px);
  }
  .u-mt101 {
    margin-block-start: min(4.2108843537vw + 33.6258503401px, 101px);
  }
  .u-mt102 {
    margin-block-start: min(4.2585034014vw + 33.8639455782px, 102px);
  }
  .u-mt103 {
    margin-block-start: min(4.306122449vw + 34.1020408163px, 103px);
  }
  .u-mt104 {
    margin-block-start: min(4.3537414966vw + 34.3401360544px, 104px);
  }
  .u-mt105 {
    margin-block-start: min(4.4013605442vw + 34.5782312925px, 105px);
  }
  .u-mt106 {
    margin-block-start: min(4.4489795918vw + 34.8163265306px, 106px);
  }
  .u-mt107 {
    margin-block-start: min(4.4965986395vw + 35.0544217687px, 107px);
  }
  .u-mt108 {
    margin-block-start: min(4.5442176871vw + 35.2925170068px, 108px);
  }
  .u-mt109 {
    margin-block-start: min(4.5918367347vw + 35.5306122449px, 109px);
  }
  .u-mt110 {
    margin-block-start: min(4.6394557823vw + 35.768707483px, 110px);
  }
  .u-mt111 {
    margin-block-start: min(4.6870748299vw + 36.0068027211px, 111px);
  }
  .u-mt112 {
    margin-block-start: min(4.7346938776vw + 36.2448979592px, 112px);
  }
  .u-mt113 {
    margin-block-start: min(4.7823129252vw + 36.4829931973px, 113px);
  }
  .u-mt114 {
    margin-block-start: min(4.8299319728vw + 36.7210884354px, 114px);
  }
  .u-mt115 {
    margin-block-start: min(4.8775510204vw + 36.9591836735px, 115px);
  }
  .u-mt116 {
    margin-block-start: min(4.925170068vw + 37.1972789116px, 116px);
  }
  .u-mt117 {
    margin-block-start: min(4.9727891156vw + 37.4353741497px, 117px);
  }
  .u-mt118 {
    margin-block-start: min(5.0204081633vw + 37.6734693878px, 118px);
  }
  .u-mt119 {
    margin-block-start: min(5.0680272109vw + 37.9115646259px, 119px);
  }
  .u-mt120 {
    margin-block-start: min(5.1156462585vw + 38.1496598639px, 120px);
  }
  .u-mt121 {
    margin-block-start: min(5.1632653061vw + 38.387755102px, 121px);
  }
  .u-mt122 {
    margin-block-start: min(5.2108843537vw + 38.6258503401px, 122px);
  }
  .u-mt123 {
    margin-block-start: min(5.2585034014vw + 38.8639455782px, 123px);
  }
  .u-mt124 {
    margin-block-start: min(5.306122449vw + 39.1020408163px, 124px);
  }
  .u-mt125 {
    margin-block-start: min(5.3537414966vw + 39.3401360544px, 125px);
  }
  .u-mt126 {
    margin-block-start: min(5.4013605442vw + 39.5782312925px, 126px);
  }
  .u-mt127 {
    margin-block-start: min(5.4489795918vw + 39.8163265306px, 127px);
  }
  .u-mt128 {
    margin-block-start: min(5.4965986395vw + 40.0544217687px, 128px);
  }
  .u-mt129 {
    margin-block-start: min(5.5442176871vw + 40.2925170068px, 129px);
  }
  .u-mt130 {
    margin-block-start: min(5.5918367347vw + 40.5306122449px, 130px);
  }
  .u-mt131 {
    margin-block-start: min(5.6394557823vw + 40.768707483px, 131px);
  }
  .u-mt132 {
    margin-block-start: min(5.6870748299vw + 41.0068027211px, 132px);
  }
  .u-mt133 {
    margin-block-start: min(5.7346938776vw + 41.2448979592px, 133px);
  }
  .u-mt134 {
    margin-block-start: min(5.7823129252vw + 41.4829931973px, 134px);
  }
  .u-mt135 {
    margin-block-start: min(5.8299319728vw + 41.7210884354px, 135px);
  }
  .u-mt136 {
    margin-block-start: min(5.8775510204vw + 41.9591836735px, 136px);
  }
  .u-mt137 {
    margin-block-start: min(5.925170068vw + 42.1972789116px, 137px);
  }
  .u-mt138 {
    margin-block-start: min(5.9727891156vw + 42.4353741497px, 138px);
  }
  .u-mt139 {
    margin-block-start: min(6.0204081633vw + 42.6734693878px, 139px);
  }
  .u-mt140 {
    margin-block-start: min(6.0680272109vw + 42.9115646259px, 140px);
  }
  .u-mt141 {
    margin-block-start: min(6.1156462585vw + 43.1496598639px, 141px);
  }
  .u-mt142 {
    margin-block-start: min(6.1632653061vw + 43.387755102px, 142px);
  }
  .u-mt143 {
    margin-block-start: min(6.2108843537vw + 43.6258503401px, 143px);
  }
  .u-mt144 {
    margin-block-start: min(6.2585034014vw + 43.8639455782px, 144px);
  }
  .u-mt145 {
    margin-block-start: min(6.306122449vw + 44.1020408163px, 145px);
  }
  .u-mt146 {
    margin-block-start: min(6.3537414966vw + 44.3401360544px, 146px);
  }
  .u-mt147 {
    margin-block-start: min(6.4013605442vw + 44.5782312925px, 147px);
  }
  .u-mt148 {
    margin-block-start: min(6.4489795918vw + 44.8163265306px, 148px);
  }
  .u-mt149 {
    margin-block-start: min(6.4965986395vw + 45.0544217687px, 149px);
  }
  .u-mt150 {
    margin-block-start: min(6.5442176871vw + 45.2925170068px, 150px);
  }
  .u-mt151 {
    margin-block-start: min(6.5918367347vw + 45.5306122449px, 151px);
  }
  .u-mt152 {
    margin-block-start: min(6.6394557823vw + 45.768707483px, 152px);
  }
  .u-mt153 {
    margin-block-start: min(6.6870748299vw + 46.0068027211px, 153px);
  }
  .u-mt154 {
    margin-block-start: min(6.7346938776vw + 46.2448979592px, 154px);
  }
  .u-mt155 {
    margin-block-start: min(6.7823129252vw + 46.4829931973px, 155px);
  }
  .u-mt156 {
    margin-block-start: min(6.8299319728vw + 46.7210884354px, 156px);
  }
  .u-mt157 {
    margin-block-start: min(6.8775510204vw + 46.9591836735px, 157px);
  }
  .u-mt158 {
    margin-block-start: min(6.925170068vw + 47.1972789116px, 158px);
  }
  .u-mt159 {
    margin-block-start: min(6.9727891156vw + 47.4353741497px, 159px);
  }
  .u-mt160 {
    margin-block-start: min(7.0204081633vw + 47.6734693878px, 160px);
  }
  .u-mt161 {
    margin-block-start: min(7.0680272109vw + 47.9115646259px, 161px);
  }
  .u-mt162 {
    margin-block-start: min(7.1156462585vw + 48.1496598639px, 162px);
  }
  .u-mt163 {
    margin-block-start: min(7.1632653061vw + 48.387755102px, 163px);
  }
  .u-mt164 {
    margin-block-start: min(7.2108843537vw + 48.6258503401px, 164px);
  }
  .u-mt165 {
    margin-block-start: min(7.2585034014vw + 48.8639455782px, 165px);
  }
  .u-mt166 {
    margin-block-start: min(7.306122449vw + 49.1020408163px, 166px);
  }
  .u-mt167 {
    margin-block-start: min(7.3537414966vw + 49.3401360544px, 167px);
  }
  .u-mt168 {
    margin-block-start: min(7.4013605442vw + 49.5782312925px, 168px);
  }
  .u-mt169 {
    margin-block-start: min(7.4489795918vw + 49.8163265306px, 169px);
  }
  .u-mt170 {
    margin-block-start: min(7.4965986395vw + 50.0544217687px, 170px);
  }
  .u-mt171 {
    margin-block-start: min(7.5442176871vw + 50.2925170068px, 171px);
  }
  .u-mt172 {
    margin-block-start: min(7.5918367347vw + 50.5306122449px, 172px);
  }
  .u-mt173 {
    margin-block-start: min(7.6394557823vw + 50.768707483px, 173px);
  }
  .u-mt174 {
    margin-block-start: min(7.6870748299vw + 51.0068027211px, 174px);
  }
  .u-mt175 {
    margin-block-start: min(7.7346938776vw + 51.2448979592px, 175px);
  }
  .u-mt176 {
    margin-block-start: min(7.7823129252vw + 51.4829931973px, 176px);
  }
  .u-mt177 {
    margin-block-start: min(7.8299319728vw + 51.7210884354px, 177px);
  }
  .u-mt178 {
    margin-block-start: min(7.8775510204vw + 51.9591836735px, 178px);
  }
  .u-mt179 {
    margin-block-start: min(7.925170068vw + 52.1972789116px, 179px);
  }
  .u-mt180 {
    margin-block-start: min(7.9727891156vw + 52.4353741497px, 180px);
  }
  .u-mt181 {
    margin-block-start: min(8.0204081633vw + 52.6734693878px, 181px);
  }
  .u-mt182 {
    margin-block-start: min(8.0680272109vw + 52.9115646259px, 182px);
  }
  .u-mt183 {
    margin-block-start: min(8.1156462585vw + 53.1496598639px, 183px);
  }
  .u-mt184 {
    margin-block-start: min(8.1632653061vw + 53.387755102px, 184px);
  }
  .u-mt185 {
    margin-block-start: min(8.2108843537vw + 53.6258503401px, 185px);
  }
  .u-mt186 {
    margin-block-start: min(8.2585034014vw + 53.8639455782px, 186px);
  }
  .u-mt187 {
    margin-block-start: min(8.306122449vw + 54.1020408163px, 187px);
  }
  .u-mt188 {
    margin-block-start: min(8.3537414966vw + 54.3401360544px, 188px);
  }
  .u-mt189 {
    margin-block-start: min(8.4013605442vw + 54.5782312925px, 189px);
  }
  .u-mt190 {
    margin-block-start: min(8.4489795918vw + 54.8163265306px, 190px);
  }
  .u-mt191 {
    margin-block-start: min(8.4965986395vw + 55.0544217687px, 191px);
  }
  .u-mt192 {
    margin-block-start: min(8.5442176871vw + 55.2925170068px, 192px);
  }
  .u-mt193 {
    margin-block-start: min(8.5918367347vw + 55.5306122449px, 193px);
  }
  .u-mt194 {
    margin-block-start: min(8.6394557823vw + 55.768707483px, 194px);
  }
  .u-mt195 {
    margin-block-start: min(8.6870748299vw + 56.0068027211px, 195px);
  }
  .u-mt196 {
    margin-block-start: min(8.7346938776vw + 56.2448979592px, 196px);
  }
  .u-mt197 {
    margin-block-start: min(8.7823129252vw + 56.4829931973px, 197px);
  }
  .u-mt198 {
    margin-block-start: min(8.8299319728vw + 56.7210884354px, 198px);
  }
  .u-mt199 {
    margin-block-start: min(8.8775510204vw + 56.9591836735px, 199px);
  }
  .u-mt200 {
    margin-block-start: min(8.925170068vw + 57.1972789116px, 200px);
  }
  .u-mb0 {
    margin-block-end: 0;
  }
  .u-mb1 {
    margin-block-end: min(0vw + 1px, 1px);
  }
  .u-mb2 {
    margin-block-end: min(0vw + 2px, 2px);
  }
  .u-mb3 {
    margin-block-end: min(0vw + 3px, 3px);
  }
  .u-mb4 {
    margin-block-end: min(0vw + 4px, 4px);
  }
  .u-mb5 {
    margin-block-end: min(0vw + 5px, 5px);
  }
  .u-mb6 {
    margin-block-end: min(0vw + 6px, 6px);
  }
  .u-mb7 {
    margin-block-end: min(0vw + 7px, 7px);
  }
  .u-mb8 {
    margin-block-end: min(0vw + 8px, 8px);
  }
  .u-mb9 {
    margin-block-end: min(0vw + 9px, 9px);
  }
  .u-mb10 {
    margin-block-end: min(0vw + 10px, 10px);
  }
  .u-mb11 {
    margin-block-end: min(0vw + 11px, 11px);
  }
  .u-mb12 {
    margin-block-end: min(0vw + 12px, 12px);
  }
  .u-mb13 {
    margin-block-end: min(0.0204081633vw + 12.6734693878px, 13px);
  }
  .u-mb14 {
    margin-block-end: min(0.0680272109vw + 12.9115646259px, 14px);
  }
  .u-mb15 {
    margin-block-end: min(0.1156462585vw + 13.1496598639px, 15px);
  }
  .u-mb16 {
    margin-block-end: min(0.1632653061vw + 13.387755102px, 16px);
  }
  .u-mb17 {
    margin-block-end: min(0.2108843537vw + 13.6258503401px, 17px);
  }
  .u-mb18 {
    margin-block-end: min(0.2585034014vw + 13.8639455782px, 18px);
  }
  .u-mb19 {
    margin-block-end: min(0.306122449vw + 14.1020408163px, 19px);
  }
  .u-mb20 {
    margin-block-end: min(0.3537414966vw + 14.3401360544px, 20px);
  }
  .u-mb21 {
    margin-block-end: min(0.4013605442vw + 14.5782312925px, 21px);
  }
  .u-mb22 {
    margin-block-end: min(0.4489795918vw + 14.8163265306px, 22px);
  }
  .u-mb23 {
    margin-block-end: min(0.4965986395vw + 15.0544217687px, 23px);
  }
  .u-mb24 {
    margin-block-end: min(0.5442176871vw + 15.2925170068px, 24px);
  }
  .u-mb25 {
    margin-block-end: min(0.5918367347vw + 15.5306122449px, 25px);
  }
  .u-mb26 {
    margin-block-end: min(0.6394557823vw + 15.768707483px, 26px);
  }
  .u-mb27 {
    margin-block-end: min(0.6870748299vw + 16.0068027211px, 27px);
  }
  .u-mb28 {
    margin-block-end: min(0.7346938776vw + 16.2448979592px, 28px);
  }
  .u-mb29 {
    margin-block-end: min(0.7823129252vw + 16.4829931973px, 29px);
  }
  .u-mb30 {
    margin-block-end: min(0.8299319728vw + 16.7210884354px, 30px);
  }
  .u-mb31 {
    margin-block-end: min(0.8775510204vw + 16.9591836735px, 31px);
  }
  .u-mb32 {
    margin-block-end: min(0.925170068vw + 17.1972789116px, 32px);
  }
  .u-mb33 {
    margin-block-end: min(0.9727891156vw + 17.4353741497px, 33px);
  }
  .u-mb34 {
    margin-block-end: min(1.0204081633vw + 17.6734693878px, 34px);
  }
  .u-mb35 {
    margin-block-end: min(1.0680272109vw + 17.9115646259px, 35px);
  }
  .u-mb36 {
    margin-block-end: min(1.1156462585vw + 18.1496598639px, 36px);
  }
  .u-mb37 {
    margin-block-end: min(1.1632653061vw + 18.387755102px, 37px);
  }
  .u-mb38 {
    margin-block-end: min(1.2108843537vw + 18.6258503401px, 38px);
  }
  .u-mb39 {
    margin-block-end: min(1.2585034014vw + 18.8639455782px, 39px);
  }
  .u-mb40 {
    margin-block-end: min(1.306122449vw + 19.1020408163px, 40px);
  }
  .u-mb41 {
    margin-block-end: min(1.3537414966vw + 19.3401360544px, 41px);
  }
  .u-mb42 {
    margin-block-end: min(1.4013605442vw + 19.5782312925px, 42px);
  }
  .u-mb43 {
    margin-block-end: min(1.4489795918vw + 19.8163265306px, 43px);
  }
  .u-mb44 {
    margin-block-end: min(1.4965986395vw + 20.0544217687px, 44px);
  }
  .u-mb45 {
    margin-block-end: min(1.5442176871vw + 20.2925170068px, 45px);
  }
  .u-mb46 {
    margin-block-end: min(1.5918367347vw + 20.5306122449px, 46px);
  }
  .u-mb47 {
    margin-block-end: min(1.6394557823vw + 20.768707483px, 47px);
  }
  .u-mb48 {
    margin-block-end: min(1.6870748299vw + 21.0068027211px, 48px);
  }
  .u-mb49 {
    margin-block-end: min(1.7346938776vw + 21.2448979592px, 49px);
  }
  .u-mb50 {
    margin-block-end: min(1.7823129252vw + 21.4829931973px, 50px);
  }
  .u-mb51 {
    margin-block-end: min(1.8299319728vw + 21.7210884354px, 51px);
  }
  .u-mb52 {
    margin-block-end: min(1.8775510204vw + 21.9591836735px, 52px);
  }
  .u-mb53 {
    margin-block-end: min(1.925170068vw + 22.1972789116px, 53px);
  }
  .u-mb54 {
    margin-block-end: min(1.9727891156vw + 22.4353741497px, 54px);
  }
  .u-mb55 {
    margin-block-end: min(2.0204081633vw + 22.6734693878px, 55px);
  }
  .u-mb56 {
    margin-block-end: min(2.0680272109vw + 22.9115646259px, 56px);
  }
  .u-mb57 {
    margin-block-end: min(2.1156462585vw + 23.1496598639px, 57px);
  }
  .u-mb58 {
    margin-block-end: min(2.1632653061vw + 23.387755102px, 58px);
  }
  .u-mb59 {
    margin-block-end: min(2.2108843537vw + 23.6258503401px, 59px);
  }
  .u-mb60 {
    margin-block-end: min(2.2585034014vw + 23.8639455782px, 60px);
  }
  .u-mb61 {
    margin-block-end: min(2.306122449vw + 24.1020408163px, 61px);
  }
  .u-mb62 {
    margin-block-end: min(2.3537414966vw + 24.3401360544px, 62px);
  }
  .u-mb63 {
    margin-block-end: min(2.4013605442vw + 24.5782312925px, 63px);
  }
  .u-mb64 {
    margin-block-end: min(2.4489795918vw + 24.8163265306px, 64px);
  }
  .u-mb65 {
    margin-block-end: min(2.4965986395vw + 25.0544217687px, 65px);
  }
  .u-mb66 {
    margin-block-end: min(2.5442176871vw + 25.2925170068px, 66px);
  }
  .u-mb67 {
    margin-block-end: min(2.5918367347vw + 25.5306122449px, 67px);
  }
  .u-mb68 {
    margin-block-end: min(2.6394557823vw + 25.768707483px, 68px);
  }
  .u-mb69 {
    margin-block-end: min(2.6870748299vw + 26.0068027211px, 69px);
  }
  .u-mb70 {
    margin-block-end: min(2.7346938776vw + 26.2448979592px, 70px);
  }
  .u-mb71 {
    margin-block-end: min(2.7823129252vw + 26.4829931973px, 71px);
  }
  .u-mb72 {
    margin-block-end: min(2.8299319728vw + 26.7210884354px, 72px);
  }
  .u-mb73 {
    margin-block-end: min(2.8775510204vw + 26.9591836735px, 73px);
  }
  .u-mb74 {
    margin-block-end: min(2.925170068vw + 27.1972789116px, 74px);
  }
  .u-mb75 {
    margin-block-end: min(2.9727891156vw + 27.4353741497px, 75px);
  }
  .u-mb76 {
    margin-block-end: min(3.0204081633vw + 27.6734693878px, 76px);
  }
  .u-mb77 {
    margin-block-end: min(3.0680272109vw + 27.9115646259px, 77px);
  }
  .u-mb78 {
    margin-block-end: min(3.1156462585vw + 28.1496598639px, 78px);
  }
  .u-mb79 {
    margin-block-end: min(3.1632653061vw + 28.387755102px, 79px);
  }
  .u-mb80 {
    margin-block-end: min(3.2108843537vw + 28.6258503401px, 80px);
  }
  .u-mb81 {
    margin-block-end: min(3.2585034014vw + 28.8639455782px, 81px);
  }
  .u-mb82 {
    margin-block-end: min(3.306122449vw + 29.1020408163px, 82px);
  }
  .u-mb83 {
    margin-block-end: min(3.3537414966vw + 29.3401360544px, 83px);
  }
  .u-mb84 {
    margin-block-end: min(3.4013605442vw + 29.5782312925px, 84px);
  }
  .u-mb85 {
    margin-block-end: min(3.4489795918vw + 29.8163265306px, 85px);
  }
  .u-mb86 {
    margin-block-end: min(3.4965986395vw + 30.0544217687px, 86px);
  }
  .u-mb87 {
    margin-block-end: min(3.5442176871vw + 30.2925170068px, 87px);
  }
  .u-mb88 {
    margin-block-end: min(3.5918367347vw + 30.5306122449px, 88px);
  }
  .u-mb89 {
    margin-block-end: min(3.6394557823vw + 30.768707483px, 89px);
  }
  .u-mb90 {
    margin-block-end: min(3.6870748299vw + 31.0068027211px, 90px);
  }
  .u-mb91 {
    margin-block-end: min(3.7346938776vw + 31.2448979592px, 91px);
  }
  .u-mb92 {
    margin-block-end: min(3.7823129252vw + 31.4829931973px, 92px);
  }
  .u-mb93 {
    margin-block-end: min(3.8299319728vw + 31.7210884354px, 93px);
  }
  .u-mb94 {
    margin-block-end: min(3.8775510204vw + 31.9591836735px, 94px);
  }
  .u-mb95 {
    margin-block-end: min(3.925170068vw + 32.1972789116px, 95px);
  }
  .u-mb96 {
    margin-block-end: min(3.9727891156vw + 32.4353741497px, 96px);
  }
  .u-mb97 {
    margin-block-end: min(4.0204081633vw + 32.6734693878px, 97px);
  }
  .u-mb98 {
    margin-block-end: min(4.0680272109vw + 32.9115646259px, 98px);
  }
  .u-mb99 {
    margin-block-end: min(4.1156462585vw + 33.1496598639px, 99px);
  }
  .u-mb100 {
    margin-block-end: min(4.1632653061vw + 33.387755102px, 100px);
  }
  .u-mb101 {
    margin-block-end: min(4.2108843537vw + 33.6258503401px, 101px);
  }
  .u-mb102 {
    margin-block-end: min(4.2585034014vw + 33.8639455782px, 102px);
  }
  .u-mb103 {
    margin-block-end: min(4.306122449vw + 34.1020408163px, 103px);
  }
  .u-mb104 {
    margin-block-end: min(4.3537414966vw + 34.3401360544px, 104px);
  }
  .u-mb105 {
    margin-block-end: min(4.4013605442vw + 34.5782312925px, 105px);
  }
  .u-mb106 {
    margin-block-end: min(4.4489795918vw + 34.8163265306px, 106px);
  }
  .u-mb107 {
    margin-block-end: min(4.4965986395vw + 35.0544217687px, 107px);
  }
  .u-mb108 {
    margin-block-end: min(4.5442176871vw + 35.2925170068px, 108px);
  }
  .u-mb109 {
    margin-block-end: min(4.5918367347vw + 35.5306122449px, 109px);
  }
  .u-mb110 {
    margin-block-end: min(4.6394557823vw + 35.768707483px, 110px);
  }
  .u-mb111 {
    margin-block-end: min(4.6870748299vw + 36.0068027211px, 111px);
  }
  .u-mb112 {
    margin-block-end: min(4.7346938776vw + 36.2448979592px, 112px);
  }
  .u-mb113 {
    margin-block-end: min(4.7823129252vw + 36.4829931973px, 113px);
  }
  .u-mb114 {
    margin-block-end: min(4.8299319728vw + 36.7210884354px, 114px);
  }
  .u-mb115 {
    margin-block-end: min(4.8775510204vw + 36.9591836735px, 115px);
  }
  .u-mb116 {
    margin-block-end: min(4.925170068vw + 37.1972789116px, 116px);
  }
  .u-mb117 {
    margin-block-end: min(4.9727891156vw + 37.4353741497px, 117px);
  }
  .u-mb118 {
    margin-block-end: min(5.0204081633vw + 37.6734693878px, 118px);
  }
  .u-mb119 {
    margin-block-end: min(5.0680272109vw + 37.9115646259px, 119px);
  }
  .u-mb120 {
    margin-block-end: min(5.1156462585vw + 38.1496598639px, 120px);
  }
  .u-mb121 {
    margin-block-end: min(5.1632653061vw + 38.387755102px, 121px);
  }
  .u-mb122 {
    margin-block-end: min(5.2108843537vw + 38.6258503401px, 122px);
  }
  .u-mb123 {
    margin-block-end: min(5.2585034014vw + 38.8639455782px, 123px);
  }
  .u-mb124 {
    margin-block-end: min(5.306122449vw + 39.1020408163px, 124px);
  }
  .u-mb125 {
    margin-block-end: min(5.3537414966vw + 39.3401360544px, 125px);
  }
  .u-mb126 {
    margin-block-end: min(5.4013605442vw + 39.5782312925px, 126px);
  }
  .u-mb127 {
    margin-block-end: min(5.4489795918vw + 39.8163265306px, 127px);
  }
  .u-mb128 {
    margin-block-end: min(5.4965986395vw + 40.0544217687px, 128px);
  }
  .u-mb129 {
    margin-block-end: min(5.5442176871vw + 40.2925170068px, 129px);
  }
  .u-mb130 {
    margin-block-end: min(5.5918367347vw + 40.5306122449px, 130px);
  }
  .u-mb131 {
    margin-block-end: min(5.6394557823vw + 40.768707483px, 131px);
  }
  .u-mb132 {
    margin-block-end: min(5.6870748299vw + 41.0068027211px, 132px);
  }
  .u-mb133 {
    margin-block-end: min(5.7346938776vw + 41.2448979592px, 133px);
  }
  .u-mb134 {
    margin-block-end: min(5.7823129252vw + 41.4829931973px, 134px);
  }
  .u-mb135 {
    margin-block-end: min(5.8299319728vw + 41.7210884354px, 135px);
  }
  .u-mb136 {
    margin-block-end: min(5.8775510204vw + 41.9591836735px, 136px);
  }
  .u-mb137 {
    margin-block-end: min(5.925170068vw + 42.1972789116px, 137px);
  }
  .u-mb138 {
    margin-block-end: min(5.9727891156vw + 42.4353741497px, 138px);
  }
  .u-mb139 {
    margin-block-end: min(6.0204081633vw + 42.6734693878px, 139px);
  }
  .u-mb140 {
    margin-block-end: min(6.0680272109vw + 42.9115646259px, 140px);
  }
  .u-mb141 {
    margin-block-end: min(6.1156462585vw + 43.1496598639px, 141px);
  }
  .u-mb142 {
    margin-block-end: min(6.1632653061vw + 43.387755102px, 142px);
  }
  .u-mb143 {
    margin-block-end: min(6.2108843537vw + 43.6258503401px, 143px);
  }
  .u-mb144 {
    margin-block-end: min(6.2585034014vw + 43.8639455782px, 144px);
  }
  .u-mb145 {
    margin-block-end: min(6.306122449vw + 44.1020408163px, 145px);
  }
  .u-mb146 {
    margin-block-end: min(6.3537414966vw + 44.3401360544px, 146px);
  }
  .u-mb147 {
    margin-block-end: min(6.4013605442vw + 44.5782312925px, 147px);
  }
  .u-mb148 {
    margin-block-end: min(6.4489795918vw + 44.8163265306px, 148px);
  }
  .u-mb149 {
    margin-block-end: min(6.4965986395vw + 45.0544217687px, 149px);
  }
  .u-mb150 {
    margin-block-end: min(6.5442176871vw + 45.2925170068px, 150px);
  }
  .u-mb151 {
    margin-block-end: min(6.5918367347vw + 45.5306122449px, 151px);
  }
  .u-mb152 {
    margin-block-end: min(6.6394557823vw + 45.768707483px, 152px);
  }
  .u-mb153 {
    margin-block-end: min(6.6870748299vw + 46.0068027211px, 153px);
  }
  .u-mb154 {
    margin-block-end: min(6.7346938776vw + 46.2448979592px, 154px);
  }
  .u-mb155 {
    margin-block-end: min(6.7823129252vw + 46.4829931973px, 155px);
  }
  .u-mb156 {
    margin-block-end: min(6.8299319728vw + 46.7210884354px, 156px);
  }
  .u-mb157 {
    margin-block-end: min(6.8775510204vw + 46.9591836735px, 157px);
  }
  .u-mb158 {
    margin-block-end: min(6.925170068vw + 47.1972789116px, 158px);
  }
  .u-mb159 {
    margin-block-end: min(6.9727891156vw + 47.4353741497px, 159px);
  }
  .u-mb160 {
    margin-block-end: min(7.0204081633vw + 47.6734693878px, 160px);
  }
  .u-mb161 {
    margin-block-end: min(7.0680272109vw + 47.9115646259px, 161px);
  }
  .u-mb162 {
    margin-block-end: min(7.1156462585vw + 48.1496598639px, 162px);
  }
  .u-mb163 {
    margin-block-end: min(7.1632653061vw + 48.387755102px, 163px);
  }
  .u-mb164 {
    margin-block-end: min(7.2108843537vw + 48.6258503401px, 164px);
  }
  .u-mb165 {
    margin-block-end: min(7.2585034014vw + 48.8639455782px, 165px);
  }
  .u-mb166 {
    margin-block-end: min(7.306122449vw + 49.1020408163px, 166px);
  }
  .u-mb167 {
    margin-block-end: min(7.3537414966vw + 49.3401360544px, 167px);
  }
  .u-mb168 {
    margin-block-end: min(7.4013605442vw + 49.5782312925px, 168px);
  }
  .u-mb169 {
    margin-block-end: min(7.4489795918vw + 49.8163265306px, 169px);
  }
  .u-mb170 {
    margin-block-end: min(7.4965986395vw + 50.0544217687px, 170px);
  }
  .u-mb171 {
    margin-block-end: min(7.5442176871vw + 50.2925170068px, 171px);
  }
  .u-mb172 {
    margin-block-end: min(7.5918367347vw + 50.5306122449px, 172px);
  }
  .u-mb173 {
    margin-block-end: min(7.6394557823vw + 50.768707483px, 173px);
  }
  .u-mb174 {
    margin-block-end: min(7.6870748299vw + 51.0068027211px, 174px);
  }
  .u-mb175 {
    margin-block-end: min(7.7346938776vw + 51.2448979592px, 175px);
  }
  .u-mb176 {
    margin-block-end: min(7.7823129252vw + 51.4829931973px, 176px);
  }
  .u-mb177 {
    margin-block-end: min(7.8299319728vw + 51.7210884354px, 177px);
  }
  .u-mb178 {
    margin-block-end: min(7.8775510204vw + 51.9591836735px, 178px);
  }
  .u-mb179 {
    margin-block-end: min(7.925170068vw + 52.1972789116px, 179px);
  }
  .u-mb180 {
    margin-block-end: min(7.9727891156vw + 52.4353741497px, 180px);
  }
  .u-mb181 {
    margin-block-end: min(8.0204081633vw + 52.6734693878px, 181px);
  }
  .u-mb182 {
    margin-block-end: min(8.0680272109vw + 52.9115646259px, 182px);
  }
  .u-mb183 {
    margin-block-end: min(8.1156462585vw + 53.1496598639px, 183px);
  }
  .u-mb184 {
    margin-block-end: min(8.1632653061vw + 53.387755102px, 184px);
  }
  .u-mb185 {
    margin-block-end: min(8.2108843537vw + 53.6258503401px, 185px);
  }
  .u-mb186 {
    margin-block-end: min(8.2585034014vw + 53.8639455782px, 186px);
  }
  .u-mb187 {
    margin-block-end: min(8.306122449vw + 54.1020408163px, 187px);
  }
  .u-mb188 {
    margin-block-end: min(8.3537414966vw + 54.3401360544px, 188px);
  }
  .u-mb189 {
    margin-block-end: min(8.4013605442vw + 54.5782312925px, 189px);
  }
  .u-mb190 {
    margin-block-end: min(8.4489795918vw + 54.8163265306px, 190px);
  }
  .u-mb191 {
    margin-block-end: min(8.4965986395vw + 55.0544217687px, 191px);
  }
  .u-mb192 {
    margin-block-end: min(8.5442176871vw + 55.2925170068px, 192px);
  }
  .u-mb193 {
    margin-block-end: min(8.5918367347vw + 55.5306122449px, 193px);
  }
  .u-mb194 {
    margin-block-end: min(8.6394557823vw + 55.768707483px, 194px);
  }
  .u-mb195 {
    margin-block-end: min(8.6870748299vw + 56.0068027211px, 195px);
  }
  .u-mb196 {
    margin-block-end: min(8.7346938776vw + 56.2448979592px, 196px);
  }
  .u-mb197 {
    margin-block-end: min(8.7823129252vw + 56.4829931973px, 197px);
  }
  .u-mb198 {
    margin-block-end: min(8.8299319728vw + 56.7210884354px, 198px);
  }
  .u-mb199 {
    margin-block-end: min(8.8775510204vw + 56.9591836735px, 199px);
  }
  .u-mb200 {
    margin-block-end: min(8.925170068vw + 57.1972789116px, 200px);
  }
  .u-visible {
    display: block;
  }
  @media (max-width: 1599px) {
    .u-visible-max {
      display: none;
    }
  }
  @media (max-width: 1299px) {
    .u-visible-md {
      display: none;
    }
  }
  @media (max-width: 1023px) {
    .u-visible-tab {
      display: none;
    }
  }
  @media (max-width: 743px) {
    .u-visible-sp {
      display: none;
    }
  }
  @media (max-width: 567px) {
    .u-visible-spmin {
      display: none;
    }
  }
  @media (max-width: 374px) {
    .u-visible-min {
      display: none;
    }
  }
  .u-hidden {
    display: none;
  }
  .u-hidden-max {
    display: none;
  }
  @media (max-width: 1599px) {
    .u-hidden-max {
      display: block;
    }
    .u-hidden-max.-f {
      display: flex;
    }
    .u-hidden-max.-i {
      display: inline;
    }
    .u-hidden-max.-ib {
      display: inline-block;
    }
  }
  .u-hidden-md {
    display: none;
  }
  @media (max-width: 1299px) {
    .u-hidden-md {
      display: block;
    }
    .u-hidden-md.-f {
      display: flex;
    }
    .u-hidden-md.-i {
      display: inline;
    }
    .u-hidden-md.-ib {
      display: inline-block;
    }
  }
  .u-hidden-tab {
    display: none;
  }
  @media (max-width: 1023px) {
    .u-hidden-tab {
      display: block;
    }
    .u-hidden-tab.-f {
      display: flex;
    }
    .u-hidden-tab.-i {
      display: inline;
    }
    .u-hidden-tab.-ib {
      display: inline-block;
    }
  }
  .u-hidden-sp {
    display: none;
  }
  @media (max-width: 743px) {
    .u-hidden-sp {
      display: block;
    }
    .u-hidden-sp.-f {
      display: flex;
    }
    .u-hidden-sp.-i {
      display: inline;
    }
    .u-hidden-sp.-ib {
      display: inline-block;
    }
  }
  .u-hidden-spmin {
    display: none;
  }
  @media (max-width: 567px) {
    .u-hidden-spmin {
      display: block;
    }
    .u-hidden-spmin.-f {
      display: flex;
    }
    .u-hidden-spmin.-i {
      display: inline;
    }
    .u-hidden-spmin.-ib {
      display: inline-block;
    }
  }
  .u-hidden-min {
    display: none;
  }
  @media (max-width: 374px) {
    .u-hidden-min {
      display: block;
    }
    .u-hidden-min.-f {
      display: flex;
    }
    .u-hidden-min.-i {
      display: inline;
    }
    .u-hidden-min.-ib {
      display: inline-block;
    }
  }
  .u-radius.-s {
    border-radius: min(0.1632653061vw + 2.387755102px, 5px);
  }
}
@layer components {
  .p-index_kv {
    position: relative;
    width: 100%;
    overflow: hidden;
    aspect-ratio: 1600/983;
  }
  @media (max-width: 743px) {
    .p-index_kv {
      aspect-ratio: 375/764;
    }
  }
  .p-index_kv::after {
    content: "";
    width: 100%;
    height: min(0.8163265306vw + 16.9387755102px, 30px);
    background-image: url(../../img/common/parts/edge_white_full_kv.svg);
    background-size: cover;
    background-repeat: repeat-x;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 2;
    transform: scale(var(--after-scale, 1));
  }
  .p-index_kv__pic {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
  }
  .p-index_kv__pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .p-index_kv__overlay {
    position: relative;
    inline-size: 100%;
    block-size: 100%;
  }
  .p-index_kv__overlay::before {
    content: "";
    background: rgba(11, 40, 73, 0.9);
    backdrop-filter: blur(5px);
    position: absolute;
    width: 100%;
    height: 100%;
    left: 50%;
    top: 50%;
    z-index: 1;
    transform: translateX(-50%) translateY(-50%);
  }
  .p-index_kv__overlay__pic {
    -webkit-mask-image: url(../../img/index/kv_mask.webp);
    -webkit-mask-position: center center;
    mask-image: url(../../img/index/kv_mask.webp);
    mask-position: center center;
    mask-size: contain;
    mask-repeat: no-repeat;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) scale(4);
    z-index: 4;
    transform-origin: center center;
    width: 100vmax;
    height: 100vmax;
    mask: url(../../img/index/kv_mask.webp) center center/contain no-repeat;
    -webkit-mask: url(../../img/index/kv_mask.webp) center center/contain no-repeat;
    -moz-mask-image: url(../../img/index/kv_mask.webp);
    -moz-mask-position: center center;
    -moz-mask-size: contain;
    -moz-mask-repeat: no-repeat;
  }
  @media (max-width: 743px) {
    .p-index_kv__overlay__pic {
      width: 168%;
      height: auto;
      aspect-ratio: 1;
    }
  }
  .p-index_kv__overlay__pic img {
    position: absolute;
    left: 50%;
    top: 50%;
    aspect-ratio: 1600/983;
    transform: translate(-50%, -50%) scale(0.25);
    width: 100%;
    object-fit: cover;
  }
  @media (max-width: 743px) {
    .p-index_kv__overlay__pic img {
      aspect-ratio: 375/764;
      transform: translate(-50%, -50%) scale(0.3);
    }
  }
  .p-index_kv__gear__left {
    position: absolute;
    aspect-ratio: 1;
    z-index: 3;
  }
  .is-start .p-index_kv__gear__left {
    opacity: 0;
    transition: opacity 0.8s ease 2.5s;
  }
  .is-start.is-load .p-index_kv__gear__left {
    opacity: 1;
  }
  .p-index_kv__gear__left img {
    width: 100%;
    height: 100%;
  }
  .p-index_kv__gear__left.-gear01 {
    top: -2.2%;
    left: 5%;
    width: 30%;
  }
  @media (max-width: 743px) {
    .p-index_kv__gear__left.-gear01 {
      top: 11.5%;
      left: -37%;
      width: 53%;
    }
  }
  .p-index_kv__gear__left.-gear02 {
    top: -9%;
    left: 30%;
    width: 12%;
    z-index: 2;
    animation: rotate 20s linear infinite;
  }
  @media (max-width: 743px) {
    .p-index_kv__gear__left.-gear02 {
      top: 2%;
      left: 14%;
      width: 23%;
    }
  }
  .p-index_kv__gear__left.-gear03 {
    top: 32%;
    left: -2%;
    width: 16%;
    z-index: 2;
    animation: rotate 30s linear infinite;
  }
  @media (max-width: 743px) {
    .p-index_kv__gear__left.-gear03 {
      top: 2%;
      left: -18%;
      width: 31%;
    }
  }
  .p-index_kv__gear__right {
    position: absolute;
    aspect-ratio: 1;
    z-index: 2;
  }
  .is-start .p-index_kv__gear__right {
    opacity: 0;
    transition: opacity 0.8s ease 2.5s;
  }
  .is-start.is-load .p-index_kv__gear__right {
    opacity: 1;
  }
  .p-index_kv__gear__right img {
    width: 100%;
    height: 100%;
  }
  .p-index_kv__gear__right.-gear01 {
    top: 64%;
    right: -6%;
    width: 53%;
  }
  @media (max-width: 743px) {
    .p-index_kv__gear__right.-gear01 {
      top: 49%;
      right: -28%;
      width: 96%;
    }
  }
  .p-index_kv__gear__right.-gear02 {
    top: 32%;
    right: -10.9%;
    width: 26.5%;
  }
  @media (max-width: 743px) {
    .p-index_kv__gear__right.-gear02 {
      top: 72.5%;
      right: 60%;
      width: 44%;
    }
  }
  .p-index_kv__gear__right.-gear03 {
    top: -11%;
    right: -5%;
    width: 31%;
    animation: rotateReverse 30s linear infinite;
  }
  @media (max-width: 743px) {
    .p-index_kv__gear__right.-gear03 {
      top: 3%;
      right: -40%;
      width: 59%;
    }
  }
  .p-index_kv__body {
    width: 100%;
    height: 100%;
  }
  .p-index_kv .c-container {
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    width: 100%;
    height: 100%;
    z-index: 5;
  }
  .p-index_kv__inner {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 3;
  }
  @media (max-width: 743px) {
    .p-index_kv__inner {
      flex-direction: column;
      justify-content: flex-end;
      align-items: flex-start;
    }
  }
  .p-index_kv__title {
    position: relative;
    z-index: 3;
  }
  .is-start .p-index_kv__title {
    opacity: 0;
    transition: opacity 0.5s ease 3s;
  }
  .is-start.is-load .p-index_kv__title {
    opacity: 1;
  }
  .p-index_kv__title .en {
    font-family: var(--font-en);
    color: var(--color-white-00);
    font-size: min(5.2244897959vw + 3.1505102041rem, 8.375rem);
    line-height: 1.2;
  }
  .p-index_kv__title .en span {
    display: inline-block;
    overflow: hidden;
    position: relative;
  }
  .p-index_kv__title .en span strong {
    transform: translateX(-102%);
    display: inline-block;
  }
  .p-index_kv__title .ja {
    font-family: var(--font-min);
    color: var(--color-white-00);
    font-size: min(1.5510204082vw + 0.9489795918rem, 2.5rem);
    opacity: 0;
    transform: translateY(1em);
  }
  .p-index_kv__scroll-down {
    position: relative;
    padding-right: 1.5em;
    z-index: 2;
  }
  .is-start .p-index_kv__scroll-down {
    opacity: 0;
    transition: opacity 0.5s ease 3s;
  }
  .is-start.is-load .p-index_kv__scroll-down {
    opacity: 1;
  }
  .p-index_kv__scroll-down::before {
    content: "";
    position: absolute;
    bottom: 0;
    right: -2px;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: var(--color-white-00);
    animation: circlemove 1.6s ease-in-out infinite, cirlemovehide 1.6s ease-out infinite;
  }
  .p-index_kv__scroll-down::after {
    content: "";
    height: 80px;
    width: 1px;
    background-color: var(--color-white-00);
    position: absolute;
    right: 0;
    bottom: 0.3em;
  }
  @media (max-width: 743px) {
    .p-index_kv__scroll-down {
      margin-left: auto;
    }
  }
  .p-index_kv__scroll-down__text {
    font-family: var(--font-en);
    color: var(--color-white-00);
    font-size: 0.875rem;
    text-align: right;
  }
  .p-index_about {
    padding-block: min(6.3673469388vw + 56.1224489796px, 158px) min(2.8571428571vw + 24.2857142857px, 70px);
  }
  .p-index_about__inner {
    max-width: 765px;
    margin-inline: auto;
  }
  .p-index_products {
    padding-block: min(2.8571428571vw + 24.2857142857px, 70px) min(4.0816326531vw + 34.693877551px, 100px);
  }
  .p-index_products__inner {
    display: grid;
    grid-template-columns: 1fr 1.5fr;
    align-items: center;
  }
  @media (max-width: 1023px) {
    .p-index_products__inner {
      column-gap: 30px;
      grid-template-columns: 1fr 1.2fr;
    }
  }
  @media (max-width: 743px) {
    .p-index_products__inner {
      grid-template-columns: 1fr;
      gap: 1em;
    }
  }
  @media (max-width: 743px) {
    .p-index_products__textarea {
      order: 1;
    }
  }
  .p-index_products__textarea h2 {
    font-size: min(2.612244898vw + 1.887755102rem, 4.5rem);
    color: var(--color-blue-100);
  }
  .p-index_products__thumb {
    margin-top: 1.5em;
  }
  .p-index_products__thumb img {
    width: 100%;
    height: auto;
  }
  @media (max-width: 743px) {
    .p-index_products__thumb {
      order: 0;
    }
  }
  .p-index_products__pic {
    margin-top: min(5.7142857143vw + 48.5714285714px, 140px);
    gap: min(0.6530612245vw + 5.5510204082px, 16px);
    position: relative;
    display: flex;
  }
  .p-index_products__pic__left {
    position: relative;
    top: min(3.6734693878vw + 31.2244897959px, 90px);
    overflow: hidden;
  }
  .p-index_products__pic__right {
    overflow: hidden;
  }
  .p-index_quality {
    padding-block: min(4.0816326531vw + 34.693877551px, 100px) min(8.9795918367vw + 76.3265306122px, 220px);
  }
  .p-index_quality__inner {
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr 1.5fr;
    gap: min(2.4489795918vw + 20.8163265306px, 60px);
  }
  @media (max-width: 743px) {
    .p-index_quality__inner {
      grid-template-columns: 1fr;
      gap: 40px;
    }
  }
  .p-index_quality__main {
    position: relative;
  }
  .p-index_quality__item {
    margin-bottom: min(3.2653061224vw + 27.7551020408px, 80px);
    padding-bottom: 30px;
    opacity: 0;
    transform: translateY(50px);
    transition: all 0.8s ease;
    border-bottom: 1px solid var(--color-border-gray);
  }
  .p-index_quality__item a {
    position: relative;
    transition: 0.4s ease;
    display: block;
  }
  .p-index_quality__item a .c-arrow {
    position: absolute;
    right: 1em;
    top: 50%;
    transform: translateY(-50%);
    transition: 0.4s ease;
  }
  .p-index_quality__item a .number {
    font-size: 1rem;
    font-family: var(--font-en);
    color: var(--color-black-50);
    font-weight: 300;
  }
  .p-index_quality__item a .number.current {
    font-size: 0.875rem;
  }
  .p-index_quality__item a .title {
    font-size: 2.75rem;
    font-family: var(--font-min);
    font-weight: bold;
    color: var(--color-blue-100);
    margin-bottom: 30px;
    padding-bottom: 10px;
    position: relative;
    display: inline-block;
  }
  .p-index_quality__item a .title::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 1px;
    background-color: var(--color-blue-100);
    transition: 0.4s ease;
  }
  .p-index_quality__item a .tags {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5em;
    margin-top: min(4.0816326531vw + 34.693877551px, 100px);
  }
  .p-index_quality__item a .tags .tag {
    background-color: #fff;
    border: 1px solid var(--color-blue-100);
    color: var(--color-blue-100);
    border-radius: 20px;
    padding: 0.5em 1em;
    font-size: 0.875rem;
    white-space: nowrap;
  }
  @media (any-hover: hover) {
    .p-index_quality__item a:focus-visible {
      outline: 3px solid var(--color-black-100);
      outline-offset: 5px;
    }
    .p-index_quality__item a:hover .title::before {
      width: 100%;
    }
    .p-index_quality__item a:hover .c-arrow {
      transform: translateY(-50%) scale(1.2);
    }
  }
  @media (any-hover: none) {
    .p-index_quality__item a:active .title::before {
      width: 100%;
    }
    .p-index_quality__item a:active .c-arrow {
      transform: translateY(-50%) scale(1.2);
    }
    .p-index_quality__item a:active,
    .p-index_quality__item a:active *, .p-index_quality__item a:active::before, .p-index_quality__item a:active::after {
      transition-duration: var(--dur) !important;
      animation-duration: var(--dur) !important;
    }
  }
  .p-index_quality__item:last-of-type {
    margin-bottom: 0;
  }
  .p-index_quality__item.is-active {
    opacity: 1;
    transform: none;
    transition: opacity 0.6s ease, transform 0.6s ease;
  }
  .p-index_quality__sidebar {
    position: relative;
  }
  @media (max-width: 743px) {
    .p-index_quality__sidebar {
      order: -1;
    }
  }
  .p-index_quality__sticky-container {
    position: sticky;
    top: 150px;
    height: fit-content;
  }
  @media (max-width: 743px) {
    .p-index_quality__sticky-container {
      position: relative;
      top: auto;
    }
  }
  .p-index_quality__heading {
    padding: 30px;
    text-align: center;
    position: relative;
    overflow: hidden;
  }
  @media (max-width: 743px) {
    .p-index_quality__heading {
      padding: 0;
    }
  }
  .p-index_quality__heading__en {
    font-size: min(4.4081632653vw + 2.4668367347rem, 6.875rem);
    color: var(--color-blue-100);
    line-height: 1.2;
    font-family: var(--font-en);
  }
  @media (max-width: 743px) {
    .p-index_quality__heading__en {
      padding-inline: 0.2em;
      font-size: 3.875rem;
    }
  }
  @media (max-width: 374px) {
    .p-index_quality__heading__en {
      font-size: 3.375rem;
    }
  }
  @media (max-width: 743px) {
    .p-index_quality__heading figure {
      padding-inline: 20px;
    }
  }
  .p-index_quality__progress-container {
    position: absolute;
    right: 0;
    top: 30px;
    bottom: 30px;
    width: 4px;
    z-index: 10;
  }
  @media (max-width: 743px) {
    .p-index_quality__progress-container {
      display: none;
    }
  }
  .p-index_quality__progress-track {
    position: absolute;
    left: 0;
    top: 0;
    width: 4px;
    height: 100%;
    background-color: var(--color-border-gray);
    border-radius: 2px;
  }
  .p-index_quality__progress-bar {
    position: absolute;
    left: 0;
    top: 0;
    width: 4px;
    background: var(--color-blue-100);
    border-radius: 2px;
    transition: height 0.6s ease;
    height: 0%;
  }
  .p-index_quality__progress-dot {
    position: absolute;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: var(--color-blue-100);
    border: 3px solid var(--color-blue-100);
    left: -3px;
    top: 0;
    transform: translateY(-50%);
    transition: top 0.6s ease, box-shadow 0.3s ease;
    box-shadow: 0 0 20px rgba(255, 255, 255, 0.6);
    z-index: 2;
  }
  .p-index_quality__progress-dot::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    width: 19px;
    height: 19px;
    border-radius: 999px;
    border: 3px solid #96b6d9;
    opacity: 0.35;
  }
  .p-index_why-us {
    overflow: hidden;
  }
  .p-index_why-us__link {
    display: block;
    position: relative;
  }
  .p-index_why-us__link::before, .p-index_why-us__link::after {
    content: "";
    width: 110%;
    height: min(2.0408163265vw + 17.3469387755px, 50px);
    background-image: url(../../img/common/parts/edge_white_full.svg);
    position: absolute;
    left: 0;
    z-index: 3;
    transition: 0.8s ease;
  }
  .p-index_why-us__link::before {
    top: 0;
    rotate: 180deg;
  }
  .p-index_why-us__link::after {
    bottom: 0;
    left: auto;
    right: 0;
  }
  .p-index_why-us__link__bg {
    position: relative;
    width: 100%;
    height: 100%;
    padding-block: min(10.612244898vw + 90.2040816327px, 260px);
  }
  .p-index_why-us__link__bg::before {
    content: "";
    position: absolute;
    display: block;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: url(../../img/index/why-us_bg.webp);
    background-size: cover;
    background-position: center;
    opacity: 0;
    transform: translateY(5%);
    transition: opacity 0.6s ease 0.2s, transform 0.8s ease;
  }
  .p-index_why-us__link__bg::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(286deg, #f2f2f2 0.58%, #f8f8f8 98.71%);
    transition: 0.8s ease;
  }
  .p-index_why-us__link__heading {
    display: flex;
    align-items: center;
    gap: min(1.6326530612vw + 13.8775510204px, 40px);
    position: relative;
    z-index: 3;
    color: var(--color-blue-100);
    transition: 0.8s ease;
  }
  @media (max-width: 1023px) {
    .p-index_why-us__link__heading {
      flex-direction: column;
      align-items: flex-start;
    }
  }
  .p-index_why-us__link__heading .en {
    font-size: 4.5rem;
    font-family: var(--font-en);
    white-space: nowrap;
  }
  .p-index_why-us__link__heading .ja {
    display: flex;
    gap: 1em;
    justify-content: space-between;
    width: 100%;
  }
  .p-index_why-us__link__heading .ja .c-arrow {
    margin-right: 1em;
  }
  @media (any-hover: hover) {
    .p-index_why-us__link:focus-visible {
      outline: 3px solid var(--color-black-100);
      outline-offset: 5px;
    }
    .p-index_why-us__link:hover::before {
      left: -10%;
    }
    .p-index_why-us__link:hover::after {
      right: -10%;
    }
    .p-index_why-us__link:hover .p-index_why-us__link__heading {
      color: var(--color-white-00);
    }
    .p-index_why-us__link:hover .p-index_why-us__link__bg::before {
      opacity: 1;
      transform: translateY(0);
    }
    .p-index_why-us__link:hover .p-index_why-us__link__bg::after {
      opacity: 0;
    }
  }
  @media (any-hover: none) {
    .p-index_why-us__link:active::before {
      left: -10%;
    }
    .p-index_why-us__link:active::after {
      right: -10%;
    }
    .p-index_why-us__link:active .p-index_why-us__link__heading {
      color: var(--color-white-00);
    }
    .p-index_why-us__link:active .p-index_why-us__link__bg::before {
      opacity: 1;
      transform: translateY(0);
    }
    .p-index_why-us__link:active .p-index_why-us__link__bg::after {
      opacity: 0;
    }
    .p-index_why-us__link:active,
    .p-index_why-us__link:active *, .p-index_why-us__link:active::before, .p-index_why-us__link:active::after {
      transition-duration: var(--dur) !important;
      animation-duration: var(--dur) !important;
    }
  }
  .p-index_information {
    padding-block: min(5.7142857143vw + 48.5714285714px, 140px) min(2.4489795918vw + 20.8163265306px, 60px);
  }
  .p-index_information__item a {
    display: block;
    aspect-ratio: 600/394;
    overflow: hidden;
    position: relative;
  }
  @media (any-hover: hover) {
    .p-index_information__item a:focus-visible {
      outline: 3px solid var(--color-black-100);
      outline-offset: 5px;
    }
    .p-index_information__item a:hover .p-index_information__item__pic {
      transform: scale(1.1);
      filter: blur(5px);
    }
  }
  @media (any-hover: none) {
    .p-index_information__item a:active .p-index_information__item__pic {
      transform: scale(1.1);
      filter: blur(5px);
    }
    .p-index_information__item a:active,
    .p-index_information__item a:active *, .p-index_information__item a:active::before, .p-index_information__item a:active::after {
      transition-duration: var(--dur) !important;
      animation-duration: var(--dur) !important;
    }
  }
  .p-index_information__item a .c-button-secondary {
    position: absolute;
    bottom: min(1.306122449vw + 11.1020408163px, 32px);
    left: min(1.306122449vw + 11.1020408163px, 32px);
  }
  .p-index_information__item a .c-button-secondary .text {
    font-size: min(0.3265306122vw + 1.1734693878rem, 1.5rem);
  }
  .p-index_information__item__pic {
    width: 100%;
    height: 100%;
    transition: var(--dur) ease;
  }
  .p-index_news {
    padding-block: min(2.4489795918vw + 20.8163265306px, 60px) min(5.7142857143vw + 48.5714285714px, 140px);
  }
  .p-index_news__inner {
    display: grid;
    grid-template-columns: 236px 3fr;
    gap: min(1.6326530612vw + 13.8775510204px, 40px);
  }
  @media (max-width: 1023px) {
    .p-index_news__inner {
      grid-template-columns: 1fr;
    }
  }
  .p-index_news__head__title span {
    display: block;
  }
}
@layer components {
  .p-why-us_reason {
    background-color: var(--color-gray-30);
    padding-block: min(3.2653061224vw + 27.7551020408px, 80px);
    position: relative;
  }
  .p-why-us_reason::before {
    content: "Reason";
    line-height: 1;
    color: var(--color-white-00);
    font-family: var(--font-en);
    font-size: min(3.2653061224vw + 67.7551020408px, 120px);
    position: absolute;
    top: 0;
    left: 0;
  }
  .p-why-us_case {
    padding-block: min(8.1632653061vw + 69.387755102px, 200px) min(4.0816326531vw + 34.693877551px, 100px);
  }
  .p-why-us_case__item {
    padding: min(1.9591836735vw + 16.6530612245px, 48px);
    border: 1px solid var(--color-border-gray);
    margin-bottom: min(0.9795918367vw + 8.3265306122px, 24px);
    background-color: var(--color-white-00);
  }
  .p-why-us_case__item:first-of-type {
    margin-top: min(1.9591836735vw + 16.6530612245px, 48px);
  }
  .p-why-us_case__item:last-of-type {
    margin-bottom: 0;
  }
  .p-why-us_case__item__heading {
    padding-right: min(1.6326530612vw + 13.8775510204px, 40px);
    border-right: 1px solid var(--color-border-gray);
    height: 100%;
  }
  @media (max-width: 1023px) {
    .p-why-us_case__item__heading {
      padding-right: 0;
      border-right: 0;
      border-bottom: 1px solid var(--color-border-gray);
      padding-bottom: min(1.6326530612vw + 13.8775510204px, 40px);
    }
  }
  .p-why-us_case__item__heading .lead {
    font-family: var(--font-en);
  }
  .p-why-us_case__item__heading .subtitle {
    background-color: var(--color-blue-10);
    display: inline-block;
    padding: 0.1em 0.5em;
  }
  .p-why-us_case__item__flow {
    padding-left: min(1.6326530612vw + 13.8775510204px, 40px);
  }
  @media (max-width: 1023px) {
    .p-why-us_case__item__flow {
      padding-left: 0;
      padding-top: min(1.6326530612vw + 13.8775510204px, 40px);
    }
  }
  .p-why-us_case__item__flow-item {
    display: grid;
    gap: 1em;
    grid-template-columns: 62px auto;
    padding-bottom: 40px;
    position: relative;
  }
  .p-why-us_case__item__flow-item::before {
    content: "";
    position: absolute;
    bottom: 15px;
    left: 22px;
    background-color: var(--color-blue-100);
    height: 8px;
    width: 16px;
    clip-path: polygon(0 0, 100% 0, 50% 100%);
  }
  @media (max-width: 1023px) {
    .p-why-us_case__item__flow-item::before {
      left: 50%;
      transform: translateX(-50%);
    }
  }
  .p-why-us_case__item__flow-item .title {
    background-color: var(--color-blue-100);
    aspect-ratio: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 62px;
    color: var(--color-white-00);
    border-radius: 999px;
    font-weight: 500;
  }
  .p-why-us_case__item__flow-item:last-of-type::before {
    content: none;
  }
  .p-why-us_case__item__flow-item:last-of-type .title {
    background-color: var(--color-blue-10);
    border: 1px solid var(--color-blue-100);
    color: var(--color-blue-100);
    position: relative;
  }
  .p-why-us_case__item__flow-item:last-of-type .title::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    width: calc(100% - 6px);
    aspect-ratio: 1;
    border-radius: 999px;
    border: 1px solid var(--color-blue-100);
  }
  .p-why-us_voice {
    padding-block: min(4.0816326531vw + 34.693877551px, 100px);
  }
  .p-why-us_voice__list__item {
    border: 14px solid var(--color-blue-10);
    padding: min(1.387755102vw + 11.7959183673px, 34px);
    background-color: var(--color-white-00);
  }
  .p-why-us_voice__list__item .title {
    border-bottom: 1px solid var(--color-border-gray);
    padding-bottom: 0.5em;
    display: flex;
    justify-content: space-between;
    gap: 1em;
    font-family: var(--font-en);
    align-items: center;
  }
  .p-why-us_voice__list__item .title .en {
    font-size: 0.75rem;
  }
  .p-why-us_voice__list__item .title .number {
    font-size: 2rem;
  }
  .p-why-us_voice__list__item .name {
    font-size: 0.875rem;
    text-align: right;
    color: var(--color-gray-120);
  }
  .p-why-us_features {
    padding-block: min(4.0816326531vw + 34.693877551px, 100px) min(8.1632653061vw + 69.387755102px, 200px);
  }
  .p-why-us_features__list__item .number {
    font-family: var(--font-en);
  }
}
@layer components {
  .p-our-strengths_item {
    padding-block: min(4.0816326531vw + 34.693877551px, 100px);
  }
  .p-our-strengths_item:nth-child(even) .p-our-strengths_item__inner {
    flex-direction: row-reverse;
  }
  @media (max-width: 743px) {
    .p-our-strengths_item:nth-child(even) .p-our-strengths_item__inner {
      flex-direction: column-reverse;
    }
  }
  .p-our-strengths_item__inner {
    display: flex;
    gap: min(4.0816326531vw + 34.693877551px, 100px);
    align-items: center;
  }
  @media (max-width: 743px) {
    .p-our-strengths_item__inner {
      flex-direction: column-reverse;
    }
  }
  .p-our-strengths_item__body {
    flex: 1;
  }
  .p-our-strengths_item__heading {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    gap: 1em;
    padding-bottom: 1em;
    border-bottom: 1px solid var(--color-border-gray);
  }
  @media (max-width: 1023px) {
    .p-our-strengths_item__heading {
      flex-direction: column;
      align-items: flex-start;
    }
  }
  .p-our-strengths_item__heading .en {
    font-family: var(--font-en);
    font-size: 0.875rem;
    display: flex;
    align-items: center;
    gap: 1em;
  }
  .p-our-strengths_item__heading .en .number {
    font-size: min(0.3265306122vw + 1.1734693878rem, 1.5rem);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    line-height: 1;
    border: 3px solid var(--color-border-blue);
    padding: 0.4em;
    aspect-ratio: 1;
  }
  .p-our-strengths_item__point {
    padding: 1.5em;
    border: 1px solid var(--color-border-gray);
    background-color: var(--color-gray-30);
  }
  .p-our-strengths_item__point__list-item {
    border-bottom: 2px dotted var(--color-border-gray);
    padding-block: 0.8em;
  }
  .-point .p-our-strengths_item__point__list-item:first-of-type {
    padding-block-start: 0;
  }
  .p-our-strengths_item__point__list-item .check {
    line-height: 1;
    width: 1em;
    height: 1em;
  }
  .p-our-strengths_item__point__list-item .check svg {
    min-width: 1em;
    min-height: 1em;
  }
  .p-our-strengths_item__point__list-item > dl {
    display: flex;
    align-items: center;
    column-gap: 1em;
    row-gap: 0.5em;
  }
  @media (max-width: 743px) {
    .p-our-strengths_item__point__list-item > dl {
      flex-direction: column;
      align-items: flex-start;
    }
  }
  .p-our-strengths_item__point__list-item > dl > dt {
    display: flex;
    align-items: center;
    gap: 0.5em;
    font-family: var(--font-en);
    font-size: 0.875rem;
    white-space: nowrap;
  }
  .p-our-strengths_item__point__list-item > dl > dt .number {
    font-size: min(0.3265306122vw + 1.1734693878rem, 1.5rem);
  }
  .p-our-strengths_item__buttons {
    display: flex;
    gap: 1em;
    flex-wrap: wrap;
  }
  .p-our-strengths_item__image {
    flex: 1.3;
  }
  .p-our-strengths_why-us {
    padding-block: min(4.0816326531vw + 34.693877551px, 100px) min(6.5306122449vw + 55.5102040816px, 160px);
  }
  .p-our-strengths_why-us__inner {
    overflow: hidden;
    background-color: var(--color-white-00);
    border-radius: min(0.4081632653vw + 3.4693877551px, 10px);
    border: min(0.4081632653vw + 8.4693877551px, 15px) solid var(--color-blue-10);
    display: flex;
    gap: 1em;
    flex-shrink: 0;
    background-color: var(--color-white-00);
  }
  @media (max-width: 1023px) {
    .p-our-strengths_why-us__inner {
      flex-direction: column-reverse;
    }
  }
  .p-our-strengths_why-us__heading > p {
    font-family: var(--font-en);
    font-size: min(0.3265306122vw + 1.1734693878rem, 1.5rem);
  }
  .p-our-strengths_why-us__heading .c-title-primary {
    white-space: nowrap;
  }
  @media (max-width: 1023px) {
    .p-our-strengths_why-us__heading .c-title-primary {
      white-space: normal;
    }
  }
  .p-our-strengths_why-us__textarea {
    padding: min(3.6734693878vw + 31.2244897959px, 90px);
    padding-right: 0;
  }
  @media (max-width: 1023px) {
    .p-our-strengths_why-us__textarea {
      padding: min(1.6326530612vw + 13.8775510204px, 40px);
    }
  }
  .p-our-strengths_why-us__image {
    position: relative;
    height: 100%;
    align-self: flex-start;
    min-width: min(23.9183673469vw + 202.306122449px, 585px);
    max-width: min(23.9183673469vw + 202.306122449px, 585px);
  }
  @media (max-width: 1023px) {
    .p-our-strengths_why-us__image {
      min-width: 100%;
      max-width: 100%;
      aspect-ratio: 335/296;
    }
  }
  .p-our-strengths_why-us__image img {
    width: 100%;
  }
  .p-our-strengths_why-us__image__gear-gray {
    width: min(4.8163265306vw + 40.9387755102px, 118px);
    position: absolute;
    right: 6%;
    top: 14%;
    animation: rotateReverse 10s linear infinite;
  }
  @media (max-width: 1023px) {
    .p-our-strengths_why-us__image__gear-gray {
      width: 20%;
      top: 7%;
    }
  }
  .p-our-strengths_why-us__image__gear-blue {
    position: absolute;
    width: min(15.7142857143vw + 133.5714285714px, 385px);
    top: 43%;
    animation: rotate 12s linear infinite;
  }
  @media (max-width: 1023px) {
    .p-our-strengths_why-us__image__gear-blue {
      width: 65.8%;
      top: 35%;
    }
  }
  .p-our-strengths_why-us__image__gear01 {
    width: min(17.4693877551vw + 148.4897959184px, 428px);
    top: 0;
    position: relative;
    left: min(2.2857142857vw + 19.4285714286px, 56px);
  }
  @media (max-width: 1023px) {
    .p-our-strengths_why-us__image__gear01 {
      width: 73%;
      left: 7%;
    }
  }
  .p-our-strengths_why-us__image__gear02 {
    position: absolute;
    top: min(9.306122449vw + 79.1020408163px, 228px);
    right: -6.2%;
    width: min(9.0612244898vw + 77.0204081633px, 222px);
  }
  @media (max-width: 1023px) {
    .p-our-strengths_why-us__image__gear02 {
      width: 38%;
      top: 45%;
      right: -4.5%;
    }
  }
  .p-our-strengths_why-us__image__gear03 {
    position: absolute;
    left: 23.6%;
    top: min(14.0408163265vw + 119.3469387755px, 344px);
    width: min(9.2244897959vw + 78.4081632653px, 226px);
  }
  @media (max-width: 1023px) {
    .p-our-strengths_why-us__image__gear03 {
      width: 38%;
      top: 66%;
      left: 21.4%;
    }
  }
}
@layer components {
  .p-manufacturing-system_about__head {
    display: grid;
    grid-template-columns: 1fr 1.5fr;
    gap: 1em;
    padding-block: min(2.4489795918vw + 20.8163265306px, 60px) min(4.0816326531vw + 34.693877551px, 100px);
  }
  @media (max-width: 1023px) {
    .p-manufacturing-system_about__head {
      grid-template-columns: 1fr;
    }
  }
  .p-manufacturing-system_about__body {
    padding-block: min(4.0816326531vw + 34.693877551px, 100px);
  }
  .p-manufacturing-system_about__point-item .title .en {
    display: block;
    font-family: var(--font-en);
  }
  .p-manufacturing-system_flow {
    padding-block: min(4.0816326531vw + 34.693877551px, 100px);
  }
  .p-manufacturing-system_flow__inner {
    grid-template-columns: 1fr 2fr;
    column-gap: min(6.1224489796vw + 52.0408163265px, 150px);
  }
  @media (max-width: 1023px) {
    .p-manufacturing-system_flow__inner {
      grid-template-columns: none;
    }
  }
  .p-manufacturing-system_flow__list {
    display: grid;
    row-gap: min(1.6326530612vw + 33.8775510204px, 60px);
    counter-reset: flow;
  }
  .p-manufacturing-system_flow__item {
    padding: min(2.2857142857vw + 11.4285714286px, 48px);
    border: solid 1px var(--color-border-gray);
    background-color: var(--color-white-00);
  }
  .p-manufacturing-system_flow__item__head {
    counter-increment: flow;
    display: grid;
    grid-template-columns: minmax(0, 150px) 1fr;
    column-gap: min(0.9795918367vw + 16.3265306122px, 32px);
    background-color: var(--color-white-00);
    row-gap: min(0.2448979592vw + 4.0816326531px, 8px);
    position: relative;
  }
  .p-manufacturing-system_flow__item:not(:last-child)::before {
    content: "";
    position: absolute;
    bottom: calc((max(-1.6326530612vw + -33.8775510204px, -60px) - 12px) / 2);
    left: 50%;
    transform: translateX(-50%);
    inline-size: 20px;
    block-size: 12px;
    background-color: var(--color-blue-100);
    clip-path: polygon(50% 100%, 0 0, 100% 0);
  }
  .p-manufacturing-system_flow__item figure {
    grid-row: 1/4;
    inline-size: 150px;
    block-size: 150px;
    display: grid;
    place-content: center;
    background-color: var(--color-blue-10);
    position: relative;
  }
  @media (max-width: 1023px) {
    .p-manufacturing-system_flow__item figure {
      grid-row: 1/2;
      grid-column: 1/3;
      justify-self: center;
      margin-block-end: min(0.3265306122vw + 18.7755102041px, 24px);
    }
  }
  .p-manufacturing-system_flow__item figure img {
    z-index: 3;
  }
  .p-manufacturing-system_flow__item figure::after {
    content: "";
    display: block;
    inline-size: 112px;
    block-size: 112px;
    border-radius: min(0.1632653061vw + 2.387755102px, 5px);
    background-color: var(--color-white-00);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  .p-manufacturing-system_flow__item figure::before {
    content: counter(flow, decimal-leading-zero);
    position: absolute;
    top: 0.5em;
    left: 0.5em;
    font-family: var(--font-en);
    z-index: 2;
    inline-size: 44px;
    block-size: 44px;
    background-color: var(--color-white-00);
    border: solid 2px rgba(150, 182, 217, 0.35);
    display: grid;
    place-content: center;
    border-radius: 100vmax;
  }
  .p-manufacturing-system_flow__item h3 {
    grid-row: 1/2;
    grid-column: 2/3;
  }
  @media (max-width: 1023px) {
    .p-manufacturing-system_flow__item h3 {
      grid-row: 2/3;
      grid-column: 1/3;
    }
  }
  .p-manufacturing-system_flow__item p {
    grid-column: 2/3;
  }
  .p-manufacturing-system_flow__item p.description {
    grid-row: 2/3;
  }
  @media (max-width: 1023px) {
    .p-manufacturing-system_flow__item p.description {
      grid-row: 3/4;
      grid-column: 1/3;
    }
  }
  .p-manufacturing-system_flow__item p.description a {
    text-decoration: underline;
    text-underline-offset: 0.2em;
  }
  .p-manufacturing-system_flow__item p.caution {
    grid-row: 3/4;
    font-size: min(0.0816326531vw + 0.7933673469rem, 0.875rem);
    position: relative;
    color: var(--color-gray-120);
    padding-left: 1.2em;
  }
  @media (max-width: 1023px) {
    .p-manufacturing-system_flow__item p.caution {
      grid-row: 4/5;
      grid-column: 1/3;
    }
  }
  .p-manufacturing-system_flow__item p.caution::before {
    content: "※";
    position: absolute;
    top: 0;
    left: 0;
  }
  .p-manufacturing-system_flow__item .detail {
    margin-top: min(1.2244897959vw + 10.4081632653px, 30px);
    padding-left: 1em;
    padding-block: 0.2em;
    border-left: 2px solid var(--color-blue-100);
  }
  .p-manufacturing-system_flow__item .detail dd {
    line-height: 2;
  }
  .p-manufacturing-system_cutlery-assets {
    padding-block: min(4.0816326531vw + 34.693877551px, 100px);
  }
  .p-manufacturing-system_cutlery-assets__list__item {
    border-radius: 5px;
    border: min(0.4081632653vw + 8.4693877551px, 15px) solid var(--color-blue-10);
    padding: min(1.2244897959vw + 10.4081632653px, 30px);
    text-align: center;
    background-color: var(--color-white-00);
  }
  .p-manufacturing-system_cutlery-assets__list__item .description .number {
    font-size: min(2.7755102041vw + 1.2244897959rem, 4rem);
    font-family: var(--font-en);
    line-height: 1.2;
  }
  .p-manufacturing-system_cutlery-assets__list__item .description .number ruby {
    line-height: 1;
  }
  .p-manufacturing-system_cutlery-assets__list__item .description .number rt {
    font-size: 0.75rem;
    font-family: var(--font-min);
    position: relative;
    top: 0.2em;
  }
  .p-manufacturing-system_cutlery-assets__list__item .description small {
    font-size: min(0.1632653061vw + 1.0867346939rem, 1.25rem);
    font-family: var(--font-min);
  }
  .p-manufacturing-system_comparison {
    padding-block: min(4.0816326531vw + 34.693877551px, 100px) min(6.9387755102vw + 58.9795918367px, 170px);
  }
  .p-manufacturing-system_comparison__table {
    overflow: hidden;
    width: 100%;
  }
  @media (max-width: 1023px) {
    .p-manufacturing-system_comparison__table {
      overflow-x: auto;
    }
  }
  @media (max-width: 743px) {
    .p-manufacturing-system_comparison__table__image {
      min-width: 900px;
    }
  }
}
@layer components {
  .p-quality-management__heading {
    display: flex;
    gap: min(1.6326530612vw + 0.8673469388rem, 2.5rem);
    align-items: center;
  }
  .p-quality-management__heading__number {
    font-family: var(--font-en);
    font-size: min(4.8979591837vw + 2.6020408163rem, 7.5rem);
    line-height: 1;
  }
  .p-quality-management__heading__title .en {
    font-family: var(--font-en);
  }
  .p-quality-management__heading__title span {
    display: block;
  }
  .p-quality-management__block__item {
    display: grid;
    grid-template-columns: 1.5fr 1fr;
    margin-top: min(1.9591836735vw + 16.6530612245px, 48px);
  }
  @media (max-width: 743px) {
    .p-quality-management__block__item {
      grid-template-columns: 1fr;
    }
  }
  .p-quality-management__block__item:first-of-type {
    margin-top: min(3.6734693878vw + 31.2244897959px, 90px);
  }
  @media (max-width: 743px) {
    .p-quality-management__block__body {
      order: 1;
    }
  }
  .p-quality-management__block__image {
    width: 100%;
  }
  @media (max-width: 743px) {
    .p-quality-management__block__image {
      order: 0;
    }
  }
  .p-quality-management__block__image img {
    width: 100%;
  }
  .p-quality-management_about {
    padding-block: min(2.4489795918vw + 20.8163265306px, 60px) min(4.0816326531vw + 34.693877551px, 100px);
  }
  .p-quality-management_about__inner {
    display: grid;
    grid-template-columns: 1fr 1.2fr;
    gap: 1em;
  }
  @media (max-width: 1023px) {
    .p-quality-management_about__inner {
      grid-template-columns: 1fr;
    }
  }
  .p-quality-management_facility-environment {
    padding-block: min(4.0816326531vw + 34.693877551px, 100px);
  }
  .p-quality-management_inspection-system {
    padding-block: min(4.0816326531vw + 34.693877551px, 100px);
  }
  .p-quality-management_inspection-system__inner {
    grid-template-columns: 1fr 2fr;
    column-gap: min(6.1224489796vw + 52.0408163265px, 150px);
  }
  @media (max-width: 1023px) {
    .p-quality-management_inspection-system__inner {
      grid-template-columns: none;
    }
  }
  .p-quality-management_inspection-system__list__item {
    display: grid;
    grid-template-columns: 1fr min(3.5918367347vw + 136.5306122449px, 194px);
    padding-bottom: min(7.3469387755vw + 62.4489795918px, 180px);
    gap: min(0.9795918367vw + 8.3265306122px, 24px);
    position: relative;
  }
  @media (max-width: 743px) {
    .p-quality-management_inspection-system__list__item {
      grid-template-columns: 1fr;
    }
  }
  .p-quality-management_inspection-system__list__item::after {
    content: "";
    position: absolute;
    width: min(0.8163265306vw + 6.9387755102px, 20px);
    height: min(3.4285714286vw + 29.1428571429px, 84px);
    bottom: min(2.0408163265vw + 17.3469387755px, 50px);
    background-image: url(../../img/quality-management/arrow.svg);
    background-size: contain;
    background-repeat: no-repeat;
  }
  .p-quality-management_inspection-system__list__item:last-of-type {
    padding-bottom: 0;
  }
  .p-quality-management_inspection-system__list__item:last-of-type::after {
    content: none;
  }
  .p-quality-management_inspection-system__list__item .number {
    font-family: var(--font-en);
    font-size: 1.5rem;
  }
  .p-quality-management_inspection-system__list__item .image img {
    width: 100%;
  }
  .p-quality-management_inspection-system__manufacturing {
    margin-top: min(4.0816326531vw + 34.693877551px, 100px);
    padding: min(1.6326530612vw + 13.8775510204px, 40px);
    border: 1px solid var(--color-border-gray);
    display: grid;
    grid-template-columns: 1.7fr 1fr;
    gap: min(1.9591836735vw + 16.6530612245px, 48px);
    align-items: center;
  }
  @media (max-width: 1023px) {
    .p-quality-management_inspection-system__manufacturing {
      grid-template-columns: 1fr;
    }
  }
  .p-quality-management_education-system {
    padding-block: min(4.0816326531vw + 34.693877551px, 100px) 0;
  }
  .p-quality-management_education-system__block {
    display: grid;
    grid-template-columns: auto min(3.5918367347vw + 136.5306122449px, 194px);
  }
  .p-quality-management_education-system__slider {
    margin-top: min(1.9591836735vw + 16.6530612245px, 48px);
    position: relative;
  }
  .p-quality-management_education-system__slider::before, .p-quality-management_education-system__slider::after {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    height: 40%;
    pointer-events: none;
    z-index: 2;
  }
  .p-quality-management_education-system__slider::before {
    background: linear-gradient(to bottom, var(--color-white-00), transparent);
    top: 0;
  }
  .p-quality-management_education-system__slider::after {
    background: linear-gradient(to top, var(--color-gray-30), transparent);
    bottom: 0;
  }
}
.p-quality-management_education-system__slider .swiper-wrapper {
  transition-timing-function: linear;
}
.p-quality-management_education-system__slider__content {
  background-color: var(--color-white-00);
  padding: min(1.6326530612vw + 13.8775510204px, 40px) min(4.0816326531vw + 34.693877551px, 100px);
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  z-index: 3;
}
@media (max-width: 743px) {
  .p-quality-management_education-system__slider__content {
    padding: min(1.6326530612vw + 13.8775510204px, 40px);
    width: 70%;
  }
}
.p-quality-management_education-system__slider__content .c-list {
  display: inline-grid;
  column-gap: 2em;
  grid-template-columns: repeat(2, auto);
  row-gap: 0.5em;
  column-gap: min(1.6326530612vw + 13.8775510204px, 40px);
}
@media (max-width: 743px) {
  .p-quality-management_education-system__slider__content .c-list {
    grid-template-columns: 1fr;
  }
}

@layer components {
  .p-technologies_about__inner {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1em;
    padding-block: min(2.4489795918vw + 20.8163265306px, 60px) min(4.0816326531vw + 34.693877551px, 100px);
  }
  @media (max-width: 1023px) {
    .p-technologies_about__inner {
      grid-template-columns: 1fr;
    }
  }
  .p-technologies_equipment {
    padding-block: min(4.0816326531vw + 34.693877551px, 100px);
  }
  .p-technologies_equipment__inner {
    grid-template-columns: 1fr 2fr;
    column-gap: min(6.1224489796vw + 52.0408163265px, 150px);
  }
  @media (max-width: 1023px) {
    .p-technologies_equipment__inner {
      grid-template-columns: none;
    }
  }
  .p-technologies_equipment__block + .p-technologies_equipment__block {
    margin-top: min(5.7142857143vw + 48.5714285714px, 140px);
  }
  .p-technologies_equipment__list.grinding-list::after {
    content: "";
    display: block;
    grid-column: 2/3;
    grid-row: 1/2;
    inset: 0;
  }
  @media (max-width: 1023px) {
    .p-technologies_equipment__list.grinding-list::after {
      display: none;
    }
  }
  .p-technologies_equipment__list__item .image {
    width: 100%;
  }
  .p-technologies_equipment__list__item .image img {
    width: 100%;
  }
  .p-technologies_equipment__list__item .info-item {
    padding: 0.5em;
    border: 1px solid var(--color-border-gray);
    text-align: center;
    background-color: var(--color-white-00);
  }
  .p-technologies_equipment__list__item .info-item .lead {
    font-size: 0.75rem;
    color: var(--color-gray-120);
  }
  .p-technologies_equipment__list__item .info-item .text {
    font-size: 0.875rem;
  }
  .p-technologies_equipment__list__item .detail {
    background-color: var(--color-gray-30);
    padding: 0.5em;
    font-size: 0.75rem;
    text-align: center;
    margin-top: 4px;
  }
  .p-technologies_machining {
    padding-block: min(4.0816326531vw + 34.693877551px, 100px);
  }
  .p-technologies_machining__block__item {
    display: grid;
    grid-template-columns: 1.5fr 1fr;
  }
  @media (max-width: 743px) {
    .p-technologies_machining__block__item {
      grid-template-columns: 1fr;
    }
  }
  .p-technologies_machining__block__item:first-of-type {
    margin-top: min(3.6734693878vw + 31.2244897959px, 90px);
  }
  @media (max-width: 743px) {
    .p-technologies_machining__block__body {
      order: 1;
    }
  }
  .p-technologies_machining__block__image {
    width: 100%;
  }
  @media (max-width: 743px) {
    .p-technologies_machining__block__image {
      order: 0;
    }
  }
  .p-technologies_machining__block__image img {
    width: 100%;
  }
  .p-technologies_machining__point {
    position: relative;
    padding: min(1.6326530612vw + 13.8775510204px, 40px) min(2.4489795918vw + 20.8163265306px, 60px) min(1.6326530612vw + 13.8775510204px, 40px) min(3.2653061224vw + 27.7551020408px, 80px);
    display: grid;
    grid-template-columns: 1.3fr 1fr;
    align-items: center;
    background-color: var(--color-gray-30);
    border: 1px solid var(--color-border-gray);
    gap: min(0.8163265306vw + 6.9387755102px, 20px);
  }
  @media (max-width: 1023px) {
    .p-technologies_machining__point {
      grid-template-columns: 1fr;
    }
  }
  .p-technologies_machining__point::before {
    content: "Point";
    writing-mode: sideways-rl;
    font-family: var(--font-en);
    color: var(--color-white-00);
    background-color: var(--color-blue-100);
    height: 100%;
    width: 1em;
    padding: 2em 1em;
    display: flex;
    align-items: center;
    position: absolute;
    left: 0;
    top: 0;
  }
  .p-technologies_machining__dry-cutting {
    border-block: 1px solid var(--color-border-gray);
    padding: min(1.9591836735vw + 16.6530612245px, 48px) min(1.6326530612vw + 13.8775510204px, 40px);
    display: grid;
    align-items: center;
    gap: min(1.2244897959vw + 10.4081632653px, 30px);
    grid-template-columns: 337px 1fr;
  }
  @media (max-width: 1023px) {
    .p-technologies_machining__dry-cutting {
      grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    }
  }
  @media (max-width: 743px) {
    .p-technologies_machining__dry-cutting {
      grid-template-columns: minmax(0, 1fr);
    }
  }
}
@layer components {
  .p-products_overview {
    padding-block: min(2.4489795918vw + 20.8163265306px, 60px) min(4.0816326531vw + 34.693877551px, 100px);
  }
  .p-products_overview__inner {
    display: grid;
    grid-template-columns: 1fr 1.6fr;
    gap: min(2.4489795918vw + 20.8163265306px, 60px);
    align-items: center;
  }
  @media (max-width: 1023px) {
    .p-products_overview__inner {
      grid-template-columns: 1fr;
      gap: min(1.6326530612vw + 13.8775510204px, 40px);
    }
  }
  .p-products_example {
    padding-block: min(4.0816326531vw + 34.693877551px, 100px);
  }
  .p-products_example__item {
    background-color: var(--color-white-00);
    padding: min(2.4489795918vw + 20.8163265306px, 60px);
    border: 1px solid var(--color-border-gray);
    border-bottom: none;
    display: grid;
    gap: min(1.306122449vw + 11.1020408163px, 32px);
    grid-template-columns: min(12.3265306122vw + 104.7755102041px, 302px) 1fr;
    background-color: var(--color-white-00);
  }
  .p-products_example__item:last-of-type {
    border-bottom: 1px solid var(--color-border-gray);
  }
  @media (max-width: 1023px) {
    .p-products_example__item {
      grid-template-columns: 1fr;
    }
  }
  .p-products_example__item__image img {
    width: 100%;
  }
  .p-products_example__item__body .heading {
    display: flex;
    align-items: center;
    gap: 1em;
  }
  .p-products_example__item__body .heading .number {
    font-family: var(--font-en);
  }
  .p-products_example__item__body .detail__item {
    display: grid;
    grid-template-columns: 8em auto;
    border-bottom: 1px solid var(--color-border-gray);
  }
  .p-products_example__item__body .detail__item dt {
    background-color: var(--color-gray-30);
    padding: 0.7em 1em;
    font-weight: 500;
    text-align: center;
  }
  .p-products_example__item__body .detail__item dd {
    padding: 0.7em 1em;
  }
  .p-products_faq {
    padding-block: min(4.0816326531vw + 34.693877551px, 100px) min(5.7142857143vw + 48.5714285714px, 140px);
  }
  .p-products_custom-made__inner {
    padding: min(2.612244898vw + 22.2040816327px, 64px);
    background-color: var(--color-gray-30);
    border: 1px solid var(--color-border-gray);
    text-align: center;
  }
  .p-products_custom-made__title {
    font-family: var(--font-en);
    font-size: 1.25rem;
  }
  .p-products_custom-made__buttons {
    display: flex;
    justify-content: center;
    margin-top: min(1.306122449vw + 11.1020408163px, 32px);
    gap: min(1.9591836735vw + 16.6530612245px, 48px);
  }
  @media (max-width: 743px) {
    .p-products_custom-made__buttons {
      flex-direction: column;
    }
  }
}
@layer components {
  .p-news-main {
    padding-block: 0 min(8.1632653061vw + 69.387755102px, 200px);
    max-width: 896px;
    margin-inline: auto;
  }
}
@layer components {
  .p-faq {
    padding-bottom: min(3.2653061224vw + 27.7551020408px, 80px);
  }
  .p-faq__inner {
    grid-template-columns: 1fr 2fr;
    column-gap: min(6.1224489796vw + 52.0408163265px, 150px);
  }
  @media (max-width: 1023px) {
    .p-faq__inner {
      grid-template-columns: none;
    }
  }
  .p-faq__main__section {
    display: grid;
    row-gap: min(1.6326530612vw + 13.8775510204px, 40px);
  }
  .p-faq__main__section + .p-faq__main__section {
    margin-top: min(4.0816326531vw + 34.693877551px, 100px);
  }
}
@layer components {
  .p-company {
    padding-bottom: min(8.1632653061vw + 69.387755102px, 200px);
  }
  .p-company_message {
    padding-block: min(3.2653061224vw + 27.7551020408px, 80px) min(5.7142857143vw + 48.5714285714px, 140px);
  }
  .p-company_message__main {
    padding-block: min(1.6326530612vw + 23.8775510204px, 50px);
    text-align: center;
  }
  .p-company_message__main__ceo {
    display: flex;
    align-content: center;
    justify-content: center;
    gap: 1em;
  }
  .p-company_overview {
    padding-block: min(3.2653061224vw + 27.7551020408px, 80px) min(5.7142857143vw + 48.5714285714px, 140px);
  }
  .p-company_overview__main {
    margin-top: min(1.6326530612vw + 13.8775510204px, 40px);
  }
  .p-company_history {
    padding-block: min(3.2653061224vw + 27.7551020408px, 80px) min(5.7142857143vw + 48.5714285714px, 140px);
  }
  .p-company_history__main {
    margin-top: min(1.6326530612vw + 13.8775510204px, 40px);
  }
  .p-company_history__main__timeline {
    margin: 0 auto;
    position: relative;
  }
  .p-company_history__main__timeline-item {
    display: flex;
    align-items: flex-start;
    margin-bottom: 0;
    position: relative;
    padding-bottom: min(1.6326530612vw + 13.8775510204px, 40px);
  }
  .p-company_history__main__timeline-item::before {
    content: "";
    position: absolute;
    left: 23px;
    top: 1em;
    bottom: 0;
    width: 2px;
    background-color: var(--color-blue-30);
    height: 100%;
  }
  .p-company_history__main__timeline-item:last-of-type::before {
    content: none;
  }
  .p-company_history__main__timeline-item .year {
    font-size: min(0.6530612245vw + 1.8469387755rem, 2.5rem);
    font-weight: bold;
    color: var(--color-blue-100);
    min-width: 100px;
    margin-right: min(1.6326530612vw + 13.8775510204px, 40px);
    flex-shrink: 0;
    font-family: var(--font-en);
    position: relative;
    padding-left: min(0.8163265306vw + 46.9387755102px, 60px);
  }
  .p-company_history__main__timeline-item .year::before {
    content: "";
    background-image: url(../../img/company/gear_icon.svg);
    background-size: contain;
    position: absolute;
    left: 0;
    top: 0.1em;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    z-index: 1;
  }
  @media (max-width: 743px) {
    .p-company_history__main__timeline-item .year::before {
      top: 0;
    }
  }
  .p-company_history__main__timeline-item .content {
    flex: 1;
    background-color: var(--color-gray-30);
    padding: 15px 20px;
    margin-bottom: 15px;
    border-radius: 0;
  }
  .p-company_history__main__timeline-item .event-row {
    display: flex;
    align-items: center;
    margin-bottom: 8px;
  }
  @media (max-width: 743px) {
    .p-company_history__main__timeline-item .event-row {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
    }
  }
  .p-company_history__main__timeline-item .event-row:last-child {
    margin-bottom: 0;
  }
  .p-company_history__main__timeline-item .date {
    font-size: 14px;
    min-width: 120px;
    margin-right: 20px;
    flex-shrink: 0;
  }
  .p-company_history__main__timeline-item .description {
    font-size: 14px;
    flex: 1;
  }
  .p-company_access__main {
    margin-top: min(1.6326530612vw + 13.8775510204px, 40px);
  }
  .p-company_access__map iframe {
    aspect-ratio: 896/460;
    width: 100%;
  }
}
@layer components {
  .p-contact_head {
    padding-bottom: min(3.2653061224vw + 27.7551020408px, 80px);
    margin-bottom: min(2.1224489796vw + 22.0408163265px, 56px);
    border-bottom: 1px solid var(--color-border-gray);
  }
  .p-contact_head__tel {
    padding: min(1.6326530612vw + 53.8775510204px, 80px);
    background-color: var(--color-gray-30);
    margin-bottom: min(3.2653061224vw + 27.7551020408px, 80px);
    position: relative;
    text-align: center;
  }
  .p-contact_head__tel::before, .p-contact_head__tel::after {
    content: "";
    width: 100%;
    height: min(2.0408163265vw + 17.3469387755px, 50px);
    background-image: url(../../img/common/parts/edge_white_full.svg);
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    left: 0;
    z-index: 3;
    transition: 0.8s ease;
  }
  .p-contact_head__tel::before {
    top: 0;
    rotate: 180deg;
  }
  .p-contact_head__tel::after {
    bottom: 0;
    left: auto;
    right: 0;
  }
  .p-contact_head__tel .tel {
    font-family: var(--font-en);
    font-size: min(2.1224489796vw + 22.0408163265px, 56px);
  }
}
@layer components {
  .p-recruitment {
    padding-block-end: 0;
  }
  .p-recruitment__main {
    display: grid;
    row-gap: min(11.4285714286vw + 17.1428571429px, 200px);
  }
  .p-recruitment__main_guidelines .c-button-primary {
    margin-inline: auto;
  }
  .p-recruitment__main_flow__list {
    display: grid;
    row-gap: min(1.6326530612vw + 33.8775510204px, 60px);
    counter-reset: flow;
  }
  .p-recruitment__main_flow__item {
    counter-increment: flow;
    border: solid 1px var(--color-border-gray);
    padding: min(2.2857142857vw + 11.4285714286px, 48px);
    display: grid;
    grid-template-columns: minmax(0, 150px) 1fr;
    column-gap: min(0.9795918367vw + 16.3265306122px, 32px);
    background-color: var(--color-white-00);
    row-gap: min(0.2448979592vw + 4.0816326531px, 8px);
    position: relative;
  }
  .p-recruitment__main_flow__item:not(:last-child)::before {
    content: "";
    position: absolute;
    bottom: calc((max(-1.6326530612vw + -33.8775510204px, -60px) - 12px) / 2);
    left: 50%;
    transform: translateX(-50%);
    inline-size: 20px;
    block-size: 12px;
    background-color: var(--color-blue-100);
    clip-path: polygon(50% 100%, 0 0, 100% 0);
  }
  .p-recruitment__main_flow__item figure {
    grid-row: 1/4;
    inline-size: 150px;
    block-size: 150px;
    display: grid;
    place-content: center;
    background-color: var(--color-blue-10);
    position: relative;
  }
  @media (max-width: 1023px) {
    .p-recruitment__main_flow__item figure {
      grid-row: 1/2;
      grid-column: 1/3;
      justify-self: center;
      margin-block-end: min(0.3265306122vw + 18.7755102041px, 24px);
    }
  }
  .p-recruitment__main_flow__item figure img {
    z-index: 3;
  }
  .p-recruitment__main_flow__item figure::after {
    content: "";
    display: block;
    inline-size: 112px;
    block-size: 112px;
    border-radius: min(0.1632653061vw + 2.387755102px, 5px);
    background-color: var(--color-white-00);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  .p-recruitment__main_flow__item figure::before {
    content: counter(flow, decimal-leading-zero);
    position: absolute;
    top: 0.5em;
    left: 0.5em;
    font-family: var(--font-en);
    z-index: 2;
    inline-size: 44px;
    block-size: 44px;
    background-color: var(--color-white-00);
    border: solid 2px rgba(150, 182, 217, 0.35);
    display: grid;
    place-content: center;
    border-radius: 100vmax;
  }
  .p-recruitment__main_flow__item h3 {
    grid-row: 1/2;
    grid-column: 2/3;
  }
  @media (max-width: 1023px) {
    .p-recruitment__main_flow__item h3 {
      grid-row: 2/3;
      grid-column: 1/3;
    }
  }
  .p-recruitment__main_flow__item p {
    grid-column: 2/3;
  }
  .p-recruitment__main_flow__item p.description {
    grid-row: 2/3;
  }
  @media (max-width: 1023px) {
    .p-recruitment__main_flow__item p.description {
      grid-row: 3/4;
      grid-column: 1/3;
    }
  }
  .p-recruitment__main_flow__item p.description a {
    text-decoration: underline;
    text-underline-offset: 0.2em;
  }
  .p-recruitment__main_flow__item p.caution {
    grid-row: 3/4;
    font-size: min(0.0816326531vw + 0.7933673469rem, 0.875rem);
    position: relative;
    color: var(--color-gray-120);
    padding-left: 1.2em;
  }
  @media (max-width: 1023px) {
    .p-recruitment__main_flow__item p.caution {
      grid-row: 4/5;
      grid-column: 1/3;
    }
  }
  .p-recruitment__main_flow__item p.caution::before {
    content: "※";
    position: absolute;
    top: 0;
    left: 0;
  }
}
@layer components {
  .p-occupation {
    padding-block-end: 0;
  }
  .p-occupations__main {
    display: grid;
    row-gap: min(3.2653061224vw + 147.7551020408px, 200px);
  }
  .p-occupations__main_detail {
    counter-reset: detail;
    position: relative;
    padding-block-start: min(13.0612244898vw + 51.0204081633px, 260px);
  }
  .p-occupations__main_detail .gear {
    position: absolute;
    top: min(2.0408163265vw + 17.3469387755px, 50px);
  }
  .p-occupations__main_detail .gear.human {
    right: 0;
    inline-size: min(23.9183673469vw + -9.693877551px, 373px);
  }
  @media (max-width: 743px) {
    .p-occupations__main_detail .gear.human {
      inline-size: 145px;
    }
  }
  .p-occupations__main_detail .gear.gear-shadow {
    right: 35%;
    z-index: -1;
    animation-name: rotate;
    animation-duration: 20s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
    inline-size: min(4.8979591837vw + 41.6326530612px, 120px);
  }
  @media (max-width: 374px) {
    .p-occupations__main_detail .gear.gear-shadow {
      right: 40%;
    }
  }
  .p-occupations__main_detail__contents-wrap {
    border: solid 1px var(--color-border-gray);
  }
  .p-occupations__main_detail__contents {
    padding: min(2.2857142857vw + 11.4285714286px, 48px) min(1.6326530612vw + 13.8775510204px, 40px);
    counter-increment: detail;
    background-color: var(--color-white-00);
  }
  .p-occupations__main_detail__contents:not(:last-child) {
    border-bottom: solid 1px var(--color-border-gray);
  }
  .p-occupations__main_detail__contents .contents-business-list {
    display: grid;
    row-gap: 0.8em;
  }
  .p-occupations__main_detail__contents .contents-business-list li {
    border-bottom: dashed 1px var(--color-border-gray);
    padding-block-end: 0.8em;
    position: relative;
    padding-inline-start: 1.2em;
  }
  .p-occupations__main_detail__contents .contents-business-list li::before {
    content: "";
    display: block;
    width: 0.3em;
    height: 0.3em;
    border-radius: 100vmax;
    background-color: var(--color-blue-30);
    position: absolute;
    top: 0.8em;
    left: 0;
    transform: translateY(-50%);
  }
  .p-occupations__main_detail__contents .contents-skill-list {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: min(0.2448979592vw + 4.0816326531px, 8px);
  }
  @media (max-width: 1023px) {
    .p-occupations__main_detail__contents .contents-skill-list {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  @media (max-width: 743px) {
    .p-occupations__main_detail__contents .contents-skill-list {
      grid-template-columns: minmax(0, 1fr);
    }
  }
  .p-occupations__main_detail__contents .contents-skill-list li {
    padding: min(0.4897959184vw + 8.1632653061px, 16px);
    background-color: var(--color-gray-30);
    display: grid;
    row-gap: min(1.2244897959vw + 15.4081632653px, 35px);
  }
  .p-occupations__main_detail__contents .contents-skill-list li p {
    font-size: min(0.0816326531vw + 0.7933673469rem, 0.875rem);
  }
  .p-occupations__main_detail__contents .contents-skill-list li figure {
    margin-block-end: 0 !important;
    display: flex;
    align-items: flex-end;
  }
  .p-occupations__main_detail .c-button-primary {
    margin-inline: auto;
  }
}
@layer components {
  .p-entry-form__head {
    padding-block-end: min(2.4489795918vw + 40.8163265306px, 80px);
    border-bottom: solid 1px var(--color-border-gray);
  }
}
@layer components {
  .p-recruit_kv {
    margin-block-start: var(--header-height);
    block-size: calc(100svh - var(--header-height));
    position: relative;
    overflow: hidden;
  }
  .p-recruit_kv::after {
    content: "";
    mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgb(0, 0, 0));
    -webkit-mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgb(0, 0, 0));
    backdrop-filter: blur(40px);
    -webkit-backdrop-filter: blur(40px);
    background: linear-gradient(to bottom, rgba(0, 64, 135, 0) 0%, rgba(0, 64, 135, 0.7) 100%);
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    block-size: 50%;
    z-index: 1;
  }
  @media (max-width: 743px) {
    .p-recruit_kv::after {
      display: none;
    }
  }
  @media (max-width: 1023px) {
    .p-recruit_kv {
      block-size: 100%;
    }
  }
  @media (max-width: 743px) {
    .p-recruit_kv {
      block-size: calc(100svh - var(--header-height));
    }
  }
  .p-recruit_kv__copy {
    position: absolute;
    inset: 0;
  }
  .p-recruit_kv__copy__text {
    position: absolute;
    left: 0;
    bottom: min(3.2653061224vw + 47.7551020408px, 100px);
    z-index: 2;
  }
  @media (max-width: 1299px) {
    .p-recruit_kv__copy__text {
      bottom: 15%;
    }
  }
  @media (max-width: 1023px) {
    .p-recruit_kv__copy__text {
      bottom: 10%;
    }
  }
  @media (max-width: 743px) {
    .p-recruit_kv__copy__text {
      bottom: auto;
      top: 25vh;
    }
  }
  .p-recruit_kv__copy__text * {
    color: var(--color-white-00);
  }
  .p-recruit_kv__copy__text .en {
    font-size: min(4.0816326531vw + 2.1683673469rem, 6.25rem);
    line-height: 1.2;
    font-family: var(--font-en);
    display: flex;
    column-gap: 0.05em;
  }
  .p-recruit_kv__copy__text .en * {
    opacity: 0;
    translate: 20px 0;
    transition-property: opacity, translate, filter;
    transition-duration: calc(var(--dur) * 2.5);
    transition-timing-function: var(--ease-out-cubic);
    filter: blur(20px);
  }
  .p-recruit_kv__copy__text .en *:nth-child(1) {
    transition-delay: calc(0.5 * var(--dur) / 2);
  }
  .p-recruit_kv__copy__text .en *:nth-child(2) {
    transition-delay: calc(1.5 * var(--dur) / 2);
  }
  .p-recruit_kv__copy__text .en *:nth-child(3) {
    transition-delay: calc(2.5 * var(--dur) / 2);
  }
  .p-recruit_kv__copy__text .en *:nth-child(4) {
    transition-delay: calc(3.5 * var(--dur) / 2);
  }
  .p-recruit_kv__copy__text .en *:nth-child(5) {
    transition-delay: calc(4.5 * var(--dur) / 2);
  }
  .p-recruit_kv__copy__text .en *:nth-child(6) {
    transition-delay: calc(5.5 * var(--dur) / 2);
  }
  .p-recruit_kv__copy__text .en *:nth-child(7) {
    transition-delay: calc(6.5 * var(--dur) / 2);
  }
  .p-recruit_kv__copy__text .en *:nth-child(8) {
    transition-delay: calc(7.5 * var(--dur) / 2);
  }
  .p-recruit_kv__copy__text .en *:nth-child(9) {
    transition-delay: calc(8.5 * var(--dur) / 2);
  }
  .p-recruit_kv__copy__text .en *:nth-child(10) {
    transition-delay: calc(9.5 * var(--dur) / 2);
  }
  .p-recruit_kv__copy__text .en *:nth-child(11) {
    transition-delay: calc(10.5 * var(--dur) / 2);
  }
  .p-recruit_kv__copy__text .en *:nth-child(12) {
    transition-delay: calc(11.5 * var(--dur) / 2);
  }
  .p-recruit_kv__copy__text .en *:nth-child(13) {
    transition-delay: calc(12.5 * var(--dur) / 2);
  }
  .p-recruit_kv__copy__text .en *:nth-child(14) {
    transition-delay: calc(13.5 * var(--dur) / 2);
  }
  .p-recruit_kv__copy__text .en *:nth-child(15) {
    transition-delay: calc(14.5 * var(--dur) / 2);
  }
  .p-recruit_kv__copy__text .en *:nth-child(16) {
    transition-delay: calc(15.5 * var(--dur) / 2);
  }
  .p-recruit_kv__copy__text .en *:nth-child(17) {
    transition-delay: calc(16.5 * var(--dur) / 2);
  }
  .p-recruit_kv__copy__text .en *:nth-child(18) {
    transition-delay: calc(17.5 * var(--dur) / 2);
  }
  .p-recruit_kv__copy__text .en *:nth-child(19) {
    transition-delay: calc(18.5 * var(--dur) / 2);
  }
  .p-recruit_kv__copy__text .en *:nth-child(20) {
    transition-delay: calc(19.5 * var(--dur) / 2);
  }
  .p-recruit_kv__copy__text h1 {
    margin-block: 0;
    opacity: 0;
    transition: opacity calc(var(--dur) * 1.5), transform calc(var(--dur) * 2.5);
    transform: translateY(10px);
    transition-delay: calc(var(--dur) * 5);
    font-feature-settings: "palt";
  }
  @media (max-width: 1023px) {
    .p-recruit_kv__copy__text h1 {
      font-size: min(1.4693877551vw + 1.0306122449rem, 2.5rem) !important;
    }
  }
  .p-recruit_kv__inner {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    block-size: 100%;
  }
  @media (max-width: 743px) {
    .p-recruit_kv__inner {
      grid-template-rows: minmax(0, 1fr) minmax(0, 1fr);
      grid-template-columns: minmax(0, 1fr);
    }
  }
  .p-recruit_kv__wrap .swiper {
    block-size: 100%;
  }
  .p-recruit_kv__wrap .swiper * {
    block-size: 100%;
  }
  .p-recruit_kv__wrap .swiper-slide img {
    transition: clip-path calc(var(--dur) * 3) var(--ease-in-out-cubic);
  }
  .p-recruit_kv__wrap .swiper-slide.swiper-slide-active img {
    clip-path: inset(0 0 0 0);
  }
  .p-recruit_kv__wrap .swiper-slide.swiper-slide-active img, .p-recruit_kv__wrap .swiper-slide.swiper-slide-prev img {
    animation-name: zoomIn;
    animation-duration: 7s;
    animation-timing-function: linear;
    animation-fill-mode: both;
  }
  .p-recruit_kv__left .swiper-slide.swiper-slide-next img {
    clip-path: inset(0 0 100% 0);
  }
  @media (max-width: 743px) {
    .p-recruit_kv__left .swiper-slide.swiper-slide-next img {
      clip-path: inset(0 100% 0 0);
    }
  }
  .p-recruit_kv__right .swiper-slide.swiper-slide-next img {
    clip-path: inset(100% 0 0 0);
  }
  @media (max-width: 743px) {
    .p-recruit_kv__right .swiper-slide.swiper-slide-next img {
      clip-path: inset(0 0 0 100%);
    }
  }
  @media (max-width: 743px) {
    .p-recruit_kv__wrap {
      block-size: 100%;
    }
  }
  .p-recruit_kv__wrap .item img {
    inline-size: 100%;
    block-size: 100%;
  }
  .p-recruit_kv.is-act h1 {
    opacity: 1;
    transform: translateY(0);
  }
  .p-recruit_kv.is-act .en * {
    opacity: 1;
    translate: 0;
    filter: blur(0);
  }
  .p-recruit_intro {
    background-color: var(--color-gray-30);
    padding-block: min(14.5306122449vw + 5.5102040816px, 238px) min(9.306122449vw + 25.1020408163px, 174px);
    position: relative;
  }
  .p-recruit_intro__block {
    display: grid;
    grid-template-columns: 662fr 538fr;
    position: relative;
    z-index: 1;
  }
  @media (max-width: 1023px) {
    .p-recruit_intro__block {
      grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    }
  }
  @media (max-width: 743px) {
    .p-recruit_intro__block {
      grid-template-columns: minmax(0, 1fr);
    }
  }
  @media (max-width: 743px) {
    .p-recruit_intro {
      grid-template-columns: minmax(0, 1fr);
    }
  }
  .p-recruit_intro__head {
    position: relative;
  }
  .p-recruit_intro__head__title {
    position: sticky;
    top: 20%;
    font-feature-settings: "palt";
  }
  @media (max-width: 743px) {
    .p-recruit_intro__head__title {
      position: static;
    }
  }
  .p-recruit_intro__head__title:not(:first-child) {
    opacity: 0;
  }
  @media (max-width: 743px) {
    .p-recruit_intro__head__title:not(:first-child) {
      opacity: 1;
    }
  }
  .p-recruit_intro__head__title {
    font-size: min(1.1428571429vw + 1.1071428571rem, 2.25rem);
    font-family: var(--font-min);
    line-height: 1.8;
  }
  .p-recruit_intro__head__title span {
    display: inline-block;
  }
  .p-recruit_intro__contents {
    display: grid;
    row-gap: min(0.8163265306vw + 26.9387755102px, 40px);
  }
  .p-recruit_intro__contents:not(:last-child) {
    margin-block-end: min(10.0408163265vw + 62.3469387755px, 223px);
  }
  .p-recruit_intro__contents .en {
    margin-block-start: min(0.8163265306vw + 6.9387755102px, 20px);
    display: block;
    font-family: var(--font-en);
  }
  .p-recruit_intro__contents .transactions {
    border: solid 1px var(--color-border-gray);
    padding: min(0.3265306122vw + 18.7755102041px, 24px);
    background-color: var(--color-white-00);
  }
  .p-recruit_intro__contents .transactions h3 {
    font-family: var(--font-min);
    text-align: center;
    margin-block-end: 1em;
  }
  .p-recruit_intro__contents .transactions ul {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    justify-items: center;
    column-gap: min(0.8163265306vw + 1.9387755102px, 15px);
  }
  @media (max-width: 1299px) {
    .p-recruit_intro__contents .transactions ul {
      grid-template-columns: repeat(2, minmax(0, 1fr));
      row-gap: min(0.4081632653vw + 3.4693877551px, 10px);
    }
  }
  @media (max-width: 1023px) {
    .p-recruit_intro__contents .transactions ul {
      column-gap: min(0.8163265306vw + 26.9387755102px, 40px);
    }
  }
  @media (max-width: 743px) {
    .p-recruit_intro__contents .transactions ul {
      column-gap: min(0.8163265306vw + 1.9387755102px, 15px);
      justify-self: center;
    }
  }
  .p-recruit_intro__contents .transactions ul li {
    border-radius: 100vmax;
    border: solid 8px var(--color-blue-10);
    inline-size: 156px;
    display: grid;
    place-items: center;
    text-align: center;
    aspect-ratio: 1/1;
    padding: 1em;
  }
  @media (max-width: 1023px) {
    .p-recruit_intro__contents .transactions ul li {
      inline-size: 140px;
    }
  }
  .p-recruit_intro__contents .transactions ul li:last-child * {
    margin-block-start: -0.8em;
  }
  .p-recruit_intro__contents .transactions ul li p {
    font-size: min(0.0816326531vw + 0.7933673469rem, 0.875rem);
    line-height: 1.4;
  }
  .p-recruit_intro__contents .points {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.8em;
  }
  .p-recruit_intro__contents .points li {
    background-color: var(--color-white-00);
    border: solid 1px var(--color-border-gray);
    padding: 0.5em 0.5em 1em 0.5em;
  }
  .p-recruit_intro__contents .points li h4 {
    text-align: center;
    background-color: var(--color-blue-100);
    color: var(--color-white-00);
    padding-block: 0.2em;
    font-family: var(--font-en);
    margin-block-end: 0.5em;
  }
  .p-recruit_intro__contents .points li p {
    text-align: center;
  }
  .p-recruit_intro .bg-gear {
    position: fixed;
    inline-size: 100%;
    display: flex;
    justify-content: center;
    top: 50%;
    transform: translateY(-50%);
    z-index: 0;
    overflow: hidden;
  }
  .p-recruit_intro .bg-gear img {
    animation-name: rotate;
    animation-duration: 40s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
    inline-size: min(43.4285714286vw + 87.1428571429px, 782px);
  }
}
.p-recruit_detail {
  padding-block: min(9.7959183673vw + 43.2653061224px, 200px) min(8.9795918367vw + 46.3265306122px, 190px);
  position: relative;
  z-index: 1;
}
.p-recruit_detail-wrap {
  display: flex;
  column-gap: min(4.0816326531vw + 64.693877551px, 130px);
}
@media (max-width: 1023px) {
  .p-recruit_detail-wrap {
    flex-direction: column;
    row-gap: min(1.6326530612vw + 33.8775510204px, 60px);
  }
}
.p-recruit_detail-wrap .slider {
  inline-size: 100%;
  overflow: hidden;
  display: flex;
  margin-left: calc(50% - 50cqi);
}
.p-recruit_detail-wrap .slider figure {
  aspect-ratio: 3820/955;
  block-size: min(37.1428571429vw + 360.7142857143px, 955px);
  animation-name: MoveX;
  animation-duration: 80s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-fill-mode: forwards;
}
.p-recruit_detail-wrap .slider figure img {
  block-size: 100%;
  inline-size: 100%;
}
.p-recruit_detail__contents {
  display: grid;
  row-gap: min(1.4693877551vw + 24.4897959184px, 48px);
  grid-template-rows: max-content max-content max-content max-content;
}
.p-recruit_detail__contents hgroup {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.p-recruit_detail__contents hgroup .title {
  display: flex;
  align-items: center;
}
.p-recruit_detail__contents hgroup .title .num {
  font-family: var(--font-en);
  font-size: min(2.4489795918vw + 1.3010204082rem, 3.75rem);
  padding-inline-end: 0.8em;
  margin-inline-end: 0.8em;
}
.p-recruit_detail__contents hgroup .title h2 {
  position: relative;
}
@media (max-width: 743px) {
  .p-recruit_detail__contents hgroup .title h2 {
    font-size: min(0.1632653061vw + 1.5867346939rem, 1.75rem);
  }
}
.p-recruit_detail__contents hgroup .title h2::before {
  content: "";
  position: absolute;
  top: 50%;
  left: -0.8em;
  inline-size: 1px;
  block-size: 1.2em;
  background-color: var(--color-border-gray);
  transform: translateY(-50%);
  display: block;
}
@media (max-width: 743px) {
  .p-recruit_detail__contents hgroup .title h2::before {
    left: -1em;
  }
}
.p-recruit_detail__contents hgroup .category {
  font-size: min(0.3265306122vw + 0.9234693878rem, 1.25rem);
  color: var(--color-blue-100);
  background-color: var(--color-blue-10);
  border-radius: 100vmax;
  padding: 0.2em 0.8em;
}
.p-recruit_detail__contents.works {
  margin-block-end: min(9.7959183673vw + 43.2653061224px, 200px);
}
.p-recruit_detail__contents.works .works-list {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  column-gap: min(0.3265306122vw + 18.7755102041px, 24px);
}
@media (max-width: 1299px) {
  .p-recruit_detail__contents.works .works-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    row-gap: min(0.3265306122vw + 18.7755102041px, 24px);
  }
}
@media (max-width: 743px) {
  .p-recruit_detail__contents.works .works-list {
    grid-template-columns: minmax(0, 1fr);
  }
}
.p-recruit_detail__contents.works .works-list li {
  overflow: hidden;
}
.p-recruit_detail__contents.works .works-list li a {
  position: relative;
  display: block;
}
@media (any-hover: hover) {
  .p-recruit_detail__contents.works .works-list li a:focus-visible {
    outline: 3px solid var(--color-black-100);
    outline-offset: 5px;
  }
  .p-recruit_detail__contents.works .works-list li a:hover .name::before {
    inline-size: 100% !important;
  }
  .p-recruit_detail__contents.works .works-list li a:hover .c-arrow::before {
    width: 2.5em;
    height: 2.5em;
  }
  .p-recruit_detail__contents.works .works-list li a:hover figure img {
    transform: scale(1.08);
  }
}
@media (any-hover: none) {
  .p-recruit_detail__contents.works .works-list li a:active .name::before {
    inline-size: 100% !important;
  }
  .p-recruit_detail__contents.works .works-list li a:active .c-arrow::before {
    width: 2.5em;
    height: 2.5em;
  }
  .p-recruit_detail__contents.works .works-list li a:active figure img {
    transform: scale(1.08);
  }
  .p-recruit_detail__contents.works .works-list li a:active,
  .p-recruit_detail__contents.works .works-list li a:active *, .p-recruit_detail__contents.works .works-list li a:active::before, .p-recruit_detail__contents.works .works-list li a:active::after {
    transition-duration: var(--dur) !important;
    animation-duration: var(--dur) !important;
  }
}
.p-recruit_detail__contents.works .works-list li a * {
  color: var(--color-white-00);
}
.p-recruit_detail__contents.works .works-list li a .en {
  font-family: var(--font-en);
  writing-mode: vertical-rl;
  top: min(0.8163265306vw + 16.9387755102px, 30px);
  right: 5%;
  position: absolute;
  z-index: 2;
}
.p-recruit_detail__contents.works .works-list li a .text-area {
  position: absolute;
  inset: 0;
  display: flex;
  block-size: 100%;
  flex-direction: column;
  row-gap: min(0.8163265306vw + 16.9387755102px, 30px);
  padding: min(0.8163265306vw + 26.9387755102px, 40px);
  justify-content: flex-end;
  z-index: 2;
}
.p-recruit_detail__contents.works .works-list li a .text-area .text {
  font-size: min(0.3265306122vw + 0.9234693878rem, 1.25rem);
  font-family: var(--font-min);
}
.p-recruit_detail__contents.works .works-list li a .text-area .name-btn {
  display: flex;
  align-items: center;
  column-gap: 2em;
}
.p-recruit_detail__contents.works .works-list li a .text-area .name-btn .name {
  position: relative;
}
.p-recruit_detail__contents.works .works-list li a .text-area .name-btn .name::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  inline-size: 0;
  block-size: 1px;
  background-color: var(--color-white-00);
  transition: inline-size var(--dur) ease;
}
.p-recruit_detail__contents.works .works-list li a .text-area .name-btn .c-arrow::before {
  border-color: rgba(150, 182, 217, 0.35);
}
.p-recruit_detail__contents.works .works-list li a figure {
  margin-block-end: 0;
}
.p-recruit_detail__contents.works .works-list li a figure img {
  inline-size: 100%;
  transition: transform calc(var(--dur) * 2);
}
.p-recruit_detail__contents.company .company-list {
  display: grid;
  row-gap: 1px;
  counter-reset: company;
}
.p-recruit_detail__contents.company .company-list li {
  background-color: var(--color-gray-30);
  padding: min(0.3265306122vw + 18.7755102041px, 24px);
  counter-increment: company;
}
.p-recruit_detail__contents.company .company-list li h4 {
  font-family: var(--font-min);
  font-size: min(0.3265306122vw + 0.9234693878rem, 1.25rem);
  margin-block-end: 0.3em;
  position: relative;
  padding-inline-start: 2.5em;
}
.p-recruit_detail__contents.company .company-list li h4::before {
  content: counter(company, decimal-leading-zero);
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  font-size: min(0.0816326531vw + 0.6683673469rem, 0.75rem);
  background-color: var(--color-blue-100);
  color: var(--color-white-00);
  font-family: var(--font-en);
  padding: 0.3em 1em;
  border-radius: min(0.1632653061vw + 2.387755102px, 5px);
}
.p-recruit_detail__contents.company .c-button-primary {
  margin-inline: auto;
}

@layer components {
  .p-office-env {
    padding-block-end: 0;
  }
  .p-office-env__main {
    display: grid;
    row-gap: min(11.4285714286vw + 17.1428571429px, 200px);
  }
  .p-office-env .c-container section {
    display: grid;
    row-gap: min(1.4693877551vw + 24.4897959184px, 48px);
  }
  .p-office-env__intro {
    padding-block-start: min(0.8163265306vw + 16.9387755102px, 30px);
    margin-block-end: min(11.4285714286vw + 17.1428571429px, 200px);
  }
  .p-office-env__intro__inner {
    position: relative;
  }
  .p-office-env__intro__lead {
    padding-block: min(4vw + 65px, 129px) min(6.5306122449vw + 55.5102040816px, 160px);
    display: flex;
    flex-direction: column;
    align-items: center;
    row-gap: min(1.6326530612vw + 23.8775510204px, 50px);
    max-inline-size: 460px;
    margin-inline: auto;
  }
  @media (max-width: 743px) {
    .p-office-env__intro__lead {
      padding-inline: 20px;
      padding-block-end: min(8.1632653061vw + 169.387755102px, 300px);
      padding-block-start: min(2.4489795918vw + 230.8163265306px, 270px);
    }
  }
  .p-office-env__intro__lead h2 {
    align-self: flex-start;
  }
  .p-office-env__intro__img {
    position: absolute;
  }
  .p-office-env__intro__img.img01 {
    top: min(3.2653061224vw + 7.7551020408px, 60px);
    left: 0;
    inline-size: min(24.4897959184vw + -1.8367346939px, 390px);
    transition-delay: calc(var(--dur) * 1.5);
  }
  @media (max-width: 1023px) {
    .p-office-env__intro__img.img01 {
      top: 30%;
      inline-size: min(4.0816326531vw + 84.693877551px, 150px);
    }
  }
  @media (max-width: 743px) {
    .p-office-env__intro__img.img01 {
      top: 0;
      inline-size: min(5.7142857143vw + 128.5714285714px, 220px);
      z-index: 1;
      right: 0;
      left: auto;
    }
  }
  .p-office-env__intro__img.img02 {
    top: 0;
    right: 0;
    inline-size: min(18.7755102041vw + 9.5918367347px, 310px);
    transition-delay: calc(var(--dur) * 2.5);
  }
  @media (max-width: 743px) {
    .p-office-env__intro__img.img02 {
      left: 0;
      right: auto;
      top: 7%;
      inline-size: min(17.1428571429vw + 35.7142857143px, 310px);
    }
  }
  .p-office-env__intro__img.img03 {
    bottom: 0;
    right: 10%;
    inline-size: min(9.7959183673vw + 93.2653061224px, 250px);
  }
  @media (max-width: 743px) {
    .p-office-env__intro__img.img03 {
      inline-size: min(2.4489795918vw + 210.8163265306px, 250px);
    }
  }
  .p-office-env__intro .gear {
    position: absolute;
    overflow: hidden;
  }
  .p-office-env__intro .gear img {
    inline-size: 100%;
    animation-name: rotate;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
  }
  .p-office-env__intro .gear.sb_small {
    inline-size: 92px;
    block-size: 92px;
    top: 1%;
    left: 21%;
  }
  @media (max-width: 743px) {
    .p-office-env__intro .gear.sb_small {
      inline-size: 40px;
      top: 2%;
    }
  }
  .p-office-env__intro .gear.sb_small img {
    animation-duration: 10s;
  }
  .p-office-env__intro .gear.sb_big {
    inline-size: 261px;
    block-size: 258px;
    top: 10%;
    right: 10%;
    z-index: -1;
  }
  .p-office-env__intro .gear.sb_big img {
    animation-name: rotateReverse;
    animation-duration: 40s;
  }
  .p-office-env__intro .gear.g_shadow {
    inline-size: min(8.8979591837vw + 66.6326530612px, 209px);
    block-size: 209px;
    bottom: -5%;
    left: 16%;
    z-index: -1;
  }
  @media (max-width: 1023px) {
    .p-office-env__intro .gear.g_shadow {
      left: 10%;
    }
  }
  .p-office-env__intro .gear.g_shadow img {
    animation-name: rotateReverse;
    animation-duration: 60s;
  }
  .p-office-env__intro .gear.g_border {
    inline-size: 299px;
    block-size: 299px;
    bottom: 0;
    right: 0;
    z-index: -1;
  }
  .p-office-env__intro .gear.g_border img {
    animation-duration: 70s;
  }
  .p-office-env__main_number__list {
    display: grid;
    gap: 20px;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
  }
  @media (max-width: 1023px) {
    .p-office-env__main_number__list {
      display: flex;
      flex-wrap: wrap;
      gap: 10px;
    }
  }
  .p-office-env__main_number__list .item {
    padding: min(1.6326530612vw + 13.8775510204px, 40px);
    border: solid 10px var(--color-blue-10);
    display: grid;
    row-gap: min(1.4693877551vw + 24.4897959184px, 48px);
    grid-template-rows: max-content max-content max-content;
    justify-items: center;
    background-color: var(--color-white-00);
    position: relative;
  }
  @media (max-width: 1023px) {
    .p-office-env__main_number__list .item {
      inline-size: calc(50% - 5px);
      padding: 1.5em;
    }
  }
  @media (max-width: 743px) {
    .p-office-env__main_number__list .item {
      inline-size: 100%;
    }
  }
  .p-office-env__main_number__list .item::before {
    content: "";
    position: absolute;
    bottom: 37%;
    left: 50%;
    transform: translateX(-50%);
    inline-size: 80%;
    block-size: 1px;
    background-color: var(--color-border-gray);
  }
  @media (max-width: 374px) {
    .p-office-env__main_number__list .item::before {
      bottom: 30%;
    }
  }
  @media (max-width: 1023px) {
    .p-office-env__main_number__list .item .num-area .number span:last-child {
      font-size: 0.875rem !important;
    }
  }
  @media (max-width: 1023px) {
    .p-office-env__main_number__list .item:nth-child(1) .num-area, .p-office-env__main_number__list .item:nth-child(4) .num-area, .p-office-env__main_number__list .item:nth-child(6) .num-area {
      transform: translateY(-1.8em) !important;
    }
  }
  @media (max-width: 743px) {
    .p-office-env__main_number__list .item:nth-child(1) .num-area, .p-office-env__main_number__list .item:nth-child(4) .num-area, .p-office-env__main_number__list .item:nth-child(6) .num-area {
      transform: translateY(-1.2em) !important;
    }
  }
  @media (max-width: 374px) {
    .p-office-env__main_number__list .item:nth-child(1) .num-area, .p-office-env__main_number__list .item:nth-child(4) .num-area, .p-office-env__main_number__list .item:nth-child(6) .num-area {
      transform: translateY(0) !important;
    }
  }
  .p-office-env__main_number__list .item:nth-child(1) {
    grid-column: 1/4;
    grid-row: 1/3;
  }
  .p-office-env__main_number__list .item:nth-child(2) {
    grid-column: 4/9;
  }
  .p-office-env__main_number__list .item:nth-child(2) .num-area {
    margin-block-start: 0;
  }
  .p-office-env__main_number__list .item:nth-child(3) {
    grid-column: 4/9;
  }
  .p-office-env__main_number__list .item:nth-child(2), .p-office-env__main_number__list .item:nth-child(3) {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    row-gap: min(0.4081632653vw + 3.4693877551px, 10px);
    grid-template-rows: max-content max-content;
  }
  @media (max-width: 1023px) {
    .p-office-env__main_number__list .item:nth-child(2), .p-office-env__main_number__list .item:nth-child(3) {
      row-gap: min(1.4693877551vw + 24.4897959184px, 48px);
      grid-template-columns: minmax(0, 1fr);
    }
  }
  .p-office-env__main_number__list .item:nth-child(2)::before, .p-office-env__main_number__list .item:nth-child(3)::before {
    inline-size: 1px;
    block-size: 70%;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
  }
  @media (max-width: 1023px) {
    .p-office-env__main_number__list .item:nth-child(2)::before, .p-office-env__main_number__list .item:nth-child(3)::before {
      content: "";
      position: absolute;
      bottom: auto;
      top: 62.5%;
      left: 50%;
      transform: translateX(-50%);
      inline-size: 80%;
      block-size: 1px;
    }
  }
  @media (max-width: 374px) {
    .p-office-env__main_number__list .item:nth-child(2)::before, .p-office-env__main_number__list .item:nth-child(3)::before {
      top: 68%;
    }
  }
  .p-office-env__main_number__list .item:nth-child(2) figure, .p-office-env__main_number__list .item:nth-child(3) figure {
    grid-column: 1/2;
  }
  @media (max-width: 1023px) {
    .p-office-env__main_number__list .item:nth-child(2) figure, .p-office-env__main_number__list .item:nth-child(3) figure {
      grid-column: 1/3;
    }
  }
  .p-office-env__main_number__list .item:nth-child(2) .num-area, .p-office-env__main_number__list .item:nth-child(3) .num-area {
    grid-row: 1/3;
    grid-column: 2/3;
  }
  @media (max-width: 1023px) {
    .p-office-env__main_number__list .item:nth-child(2) .num-area, .p-office-env__main_number__list .item:nth-child(3) .num-area {
      grid-column: 1/3;
      grid-row: 3/4;
      margin-block-start: 0.6em;
    }
  }
  @media (max-width: 374px) {
    .p-office-env__main_number__list .item:nth-child(2) .num-area, .p-office-env__main_number__list .item:nth-child(3) .num-area {
      margin-block-start: 0;
    }
  }
  .p-office-env__main_number__list .item:nth-child(4) .num-area span:last-child, .p-office-env__main_number__list .item:nth-child(5) .num-area span:last-child {
    font-size: min(1.6326530612vw + 0.8673469388rem, 2.5rem) !important;
  }
  @media (max-width: 1023px) {
    .p-office-env__main_number__list .item:nth-child(4) .num-area span:last-child, .p-office-env__main_number__list .item:nth-child(5) .num-area span:last-child {
      font-size: 1.5rem !important;
    }
  }
  .p-office-env__main_number__list .item:nth-child(1) .num-area, .p-office-env__main_number__list .item:nth-child(n+4) .num-area {
    margin-block-start: 2em;
  }
  @media (max-width: 1023px) {
    .p-office-env__main_number__list .item:nth-child(1) .num-area, .p-office-env__main_number__list .item:nth-child(n+4) .num-area {
      margin-block-start: 2.5em;
    }
  }
  @media (max-width: 1023px) {
    .p-office-env__main_number__list .item:nth-child(5) .num-area {
      margin-block-start: 3em;
    }
  }
  @media (max-width: 743px) {
    .p-office-env__main_number__list .item:nth-child(5) .num-area {
      transform: translateY(-1.2em) !important;
    }
  }
  @media (max-width: 374px) {
    .p-office-env__main_number__list .item:nth-child(5) .num-area {
      transform: translateY(0) !important;
    }
  }
  @media (max-width: 1023px) {
    .p-office-env__main_number__list .item:nth-child(5) .num-area .number {
      flex-direction: row;
      flex-wrap: wrap;
      justify-content: center;
    }
  }
  .p-office-env__main_number__list .item:nth-child(5) .num-area .number span:last-child {
    font-family: var(--font-en);
    font-weight: 600;
  }
  .p-office-env__main_number__list .item:nth-child(5) .num-area .number span:nth-child(2) {
    font-size: min(4.8163265306vw + -0.3163265306rem, 4.5rem);
  }
  @media (max-width: 1023px) {
    .p-office-env__main_number__list .item:nth-child(5) .num-area .number span:nth-child(2) {
      font-size: 1.875rem !important;
    }
  }
  @media (max-width: 743px) {
    .p-office-env__main_number__list .item:nth-child(5) .num-area .number span:nth-child(2) {
      font-size: 2.8125rem !important;
    }
  }
  @media (max-width: 1023px) {
    .p-office-env__main_number__list .item:nth-child(5) .num-area .number span:nth-child(1), .p-office-env__main_number__list .item:nth-child(5) .num-area .number span:nth-child(3) {
      font-size: 1.25rem !important;
    }
  }
  .p-office-env__main_number__list .item:nth-child(4), .p-office-env__main_number__list .item:nth-child(6) {
    grid-column: 1/5;
  }
  .p-office-env__main_number__list .item:nth-child(5), .p-office-env__main_number__list .item:nth-child(7) {
    grid-column: 5/9;
  }
  .p-office-env__main_number__list .item:nth-child(6)::before, .p-office-env__main_number__list .item:nth-child(7)::before {
    bottom: 42%;
  }
  @media (max-width: 1023px) {
    .p-office-env__main_number__list .item:nth-child(6)::before {
      bottom: 37%;
    }
  }
  @media (max-width: 374px) {
    .p-office-env__main_number__list .item:nth-child(6)::before {
      bottom: 30%;
    }
  }
  @media (max-width: 1023px) {
    .p-office-env__main_number__list .item:nth-child(6) .num-area {
      transform: translateY(-1.2em) !important;
    }
  }
  @media (max-width: 374px) {
    .p-office-env__main_number__list .item:nth-child(6) .num-area {
      transform: translateY(0) !important;
    }
  }
  .p-office-env__main_number__list .item h3 {
    font-size: min(0.1632653061vw + 1.0867346939rem, 1.25rem);
    text-align: center;
    font-family: var(--font-min);
  }
  .p-office-env__main_number__list .item .num-area {
    align-self: center;
  }
  .p-office-env__main_number__list .item .num-area .number {
    text-align: center;
  }
  .p-office-env__main_number__list .item .num-area .number span {
    line-height: 1;
  }
  .p-office-env__main_number__list .item .num-area .number span:first-child {
    font-size: min(4.8163265306vw + -0.3163265306rem, 4.5rem);
    font-family: var(--font-en);
  }
  @media (max-width: 1299px) {
    .p-office-env__main_number__list .item .num-area .number span:first-child {
      font-size: min(3.8367346939vw + -0.0867346939rem, 3.75rem);
    }
  }
  @media (max-width: 743px) {
    .p-office-env__main_number__list .item .num-area .number span:first-child {
      font-size: 2.8125rem;
    }
  }
  .p-office-env__main_number__list .item .num-area .number span:nth-child(2) {
    font-size: min(0.5714285714vw + 0.6785714286rem, 1.25rem);
    font-family: var(--font-en);
  }
  @media (max-width: 1023px) {
    .p-office-env__main_number__list .item .num-area .number span:nth-child(2) {
      font-size: 0.75rem !important;
    }
  }
  @media (max-width: 743px) {
    .p-office-env__main_number__list .item .num-area .number span:nth-child(2) {
      font-size: 1rem !important;
    }
  }
  .p-office-env__main_number .caution {
    position: relative;
    inline-size: fit-content;
    margin-inline-start: auto;
    display: flex;
    align-items: center;
  }
  .p-office-env__main_number .caution::before {
    content: "※";
  }
  .p-office-env__main_welfare__list {
    display: grid;
    gap: 0.5em;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  @media (max-width: 1023px) {
    .p-office-env__main_welfare__list {
      grid-template-columns: minmax(0, 1fr);
    }
  }
  .p-office-env__main_welfare__list li {
    background-color: var(--color-gray-30);
    padding: min(0.9795918367vw + 16.3265306122px, 32px);
  }
  .p-office-env__main_welfare__list li .icon {
    display: flex;
    justify-content: flex-end;
  }
  .p-office-env__main_welfare__pickup .pickup-title {
    font-size: min(2.612244898vw + 1.887755102rem, 4.5rem);
    font-family: var(--font-en);
  }
  @media (max-width: 1023px) {
    .p-office-env__main_welfare__pickup .pickup-title {
      margin-block-end: 0.5em;
    }
  }
  .p-office-env__main_welfare__pickup .pickup-list {
    display: grid;
    row-gap: min(0.9795918367vw + 16.3265306122px, 32px);
    counter-reset: pickup;
  }
  .p-office-env__main_welfare__pickup .pickup-list li {
    counter-increment: pickup;
    padding-block-end: min(0.9795918367vw + 16.3265306122px, 32px);
    display: grid;
    row-gap: min(0.4897959184vw + 8.1632653061px, 16px);
    column-gap: min(0.9795918367vw + 16.3265306122px, 32px);
    align-items: center;
    grid-template-columns: auto minmax(0, 200px);
    grid-template-rows: max-content max-content;
  }
  @media (max-width: 1023px) {
    .p-office-env__main_welfare__pickup .pickup-list li {
      grid-template-columns: minmax(0, 1fr);
    }
  }
  .p-office-env__main_welfare__pickup .pickup-list li:not(:last-child) {
    border-bottom: solid 1px var(--color-border-gray);
  }
  .p-office-env__main_welfare__pickup .pickup-list li h4 {
    align-self: self-end;
  }
  @media (max-width: 1023px) {
    .p-office-env__main_welfare__pickup .pickup-list li h4 {
      padding-inline-start: 0;
    }
  }
  .p-office-env__main_welfare__pickup .pickup-list li h4::before {
    content: counter(pickup, decimal-leading-zero);
  }
  @media (max-width: 1023px) {
    .p-office-env__main_welfare__pickup .pickup-list li h4::before {
      position: static;
      margin-block-end: 0.5em;
    }
  }
  .p-office-env__main_welfare__pickup .pickup-list li .description {
    grid-column: 1/2;
    align-self: self-start;
  }
  @media (max-width: 1023px) {
    .p-office-env__main_welfare__pickup .pickup-list li .description {
      grid-column: 1/3;
    }
  }
  .p-office-env__main_welfare__pickup .pickup-list li figure {
    grid-column: 2/3;
    grid-row: 1/3;
  }
  @media (max-width: 1023px) {
    .p-office-env__main_welfare__pickup .pickup-list li figure {
      grid-row: 1/2;
      inline-size: 120px;
    }
  }
  .p-office-env__main_voice__list {
    display: grid;
    row-gap: min(1.6326530612vw + 13.8775510204px, 40px);
  }
  .p-office-env__main_voice__list li {
    background-color: var(--color-gray-30);
    padding: min(2.2857142857vw + 11.4285714286px, 48px) min(2.2857142857vw + 11.4285714286px, 48px) min(2.2857142857vw + 11.4285714286px, 48px) min(4.5714285714vw + 42.8571428571px, 116px);
    position: relative;
    display: grid;
    row-gap: 0.8em;
  }
  @media (max-width: 743px) {
    .p-office-env__main_voice__list li {
      padding: 20px 20px min(1.6326530612vw + 53.8775510204px, 80px);
    }
  }
  .p-office-env__main_voice__list li::before {
    content: "“";
    font-family: var(--font-en);
    position: absolute;
    top: -0.5em;
    left: 0.2em;
    font-size: min(2.612244898vw + 1.887755102rem, 4.5rem);
  }
  .p-office-env__main_voice__list li .description {
    font-size: min(0.0816326531vw + 0.7933673469rem, 0.875rem);
  }
  .p-office-env__main_voice__list li .tag {
    background-color: var(--color-blue-100);
    color: var(--color-white-00);
    font-size: min(0.0816326531vw + 0.7933673469rem, 0.875rem);
    inline-size: fit-content;
    border-radius: 100vmax;
    padding: 0.3em 1.2em;
    margin-inline-start: auto;
  }
  .p-office-env__main_voice__list li figure {
    position: absolute;
    bottom: 0;
    left: 0;
  }
  @media (max-width: 743px) {
    .p-office-env__main_voice__list li figure {
      inline-size: min(1.6326530612vw + 53.8775510204px, 80px);
    }
  }
  .p-office-env__gallery {
    margin-block-start: min(11.4285714286vw + 17.1428571429px, 200px);
    overflow: hidden;
  }
  .p-office-env__gallery .swiper-slide.slide-even {
    margin-top: min(1.6326530612vw + 13.8775510204px, 40px);
  }
  .p-office-env__gallery .btns {
    display: flex;
    justify-content: center;
    margin-block-start: min(3.2653061224vw + 27.7551020408px, 80px);
    column-gap: min(0.3265306122vw + 18.7755102041px, 24px);
  }
  .p-office-env__gallery .btns .btn {
    inline-size: 84px;
    block-size: 56px;
    border: solid 1px var(--color-border-gray);
    display: grid;
    place-content: center;
    cursor: pointer;
  }
  .p-office-env__gallery .btns .btn.-next {
    transform: rotate(180deg);
  }
}
.p-office-env__gallery .swiper {
  overflow: visible;
}
.p-office-env__gallery .swiper-wrapper {
  transition-timing-function: linear;
  column-gap: min(0.3265306122vw + 18.7755102041px, 24px);
}
.p-office-env__gallery .swiper-slide {
  inline-size: min(26.1224489796vw + 182.0408163265px, 600px) !important;
}

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