@charset "UTF-8";@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500;700;900&family=EB+Garamond:wght@400;500;600;700;800&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap");/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */
@layer properties {
  @supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
    *, :before, :after, ::backdrop {
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-space-y-reverse: 0;
      --tw-border-style: solid;
      --tw-leading: initial;
      --tw-font-weight: initial;
      --tw-tracking: initial;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
      --tw-duration: initial;
      --tw-ease: initial;
    }
  }
}

@layer theme {
  :root, :host {
    --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --color-indigo-500: oklch(58.5% .233 277.117);
    --color-gray-50: oklch(98.5% .002 247.839);
    --color-gray-400: oklch(70.7% .022 261.325);
    --color-gray-500: oklch(55.1% .027 264.364);
    --color-gray-600: oklch(44.6% .03 256.802);
    --color-neutral-400: oklch(70.8% 0 0);
    --color-black: #000;
    --color-white: #fff;
    --spacing: .25rem;
    --text-xs: .75rem;
    --text-xs--line-height: calc(1 / .75);
    --text-sm: .875rem;
    --text-sm--line-height: calc(1.25 / .875);
    --text-base: 1rem;
    --text-base--line-height: calc(1.5 / 1);
    --text-lg: 1.125rem;
    --text-lg--line-height: calc(1.75 / 1.125);
    --text-xl: 1.25rem;
    --text-xl--line-height: calc(1.75 / 1.25);
    --text-2xl: 1.5rem;
    --text-2xl--line-height: calc(2 / 1.5);
    --text-3xl: 1.875rem;
    --text-3xl--line-height: calc(2.25 / 1.875);
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --font-weight-black: 900;
    --tracking-wide: .025em;
    --tracking-widest: .1em;
    --leading-tight: 1.25;
    --leading-snug: 1.375;
    --radius-lg: .5rem;
    --ease-in-out: cubic-bezier(.4, 0, .2, 1);
    --default-transition-duration: .15s;
    --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    --default-font-family: var(--font-sans);
    --default-mono-font-family: var(--font-mono);
  }
}

@layer base {
  *, :after, :before, ::backdrop {
    box-sizing: border-box;
    border: 0 solid;
    margin: 0;
    padding: 0;
  }

  ::file-selector-button {
    box-sizing: border-box;
    border: 0 solid;
    margin: 0;
    padding: 0;
  }

  html, :host {
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    line-height: 1.5;
    font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
    font-feature-settings: var(--default-font-feature-settings, normal);
    font-variation-settings: var(--default-font-variation-settings, normal);
    -webkit-tap-highlight-color: transparent;
  }

  hr {
    height: 0;
    color: inherit;
    border-top-width: 1px;
  }

  abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
  }

  h1, h2, h3, h4, h5, h6 {
    font-size: inherit;
    font-weight: inherit;
  }

  a {
    color: inherit;
    -webkit-text-decoration: inherit;
    -webkit-text-decoration: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
  }

  b, strong {
    font-weight: bolder;
  }

  code, kbd, samp, pre {
    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
    font-feature-settings: var(--default-mono-font-feature-settings, normal);
    font-variation-settings: var(--default-mono-font-variation-settings, normal);
    font-size: 1em;
  }

  small {
    font-size: 80%;
  }

  sub, sup {
    vertical-align: baseline;
    font-size: 75%;
    line-height: 0;
    position: relative;
  }

  sub {
    bottom: -.25em;
  }

  sup {
    top: -.5em;
  }

  table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
  }

  :-moz-focusring {
    outline: auto;
  }

  progress {
    vertical-align: baseline;
  }

  summary {
    display: list-item;
  }

  ol, ul, menu {
    list-style: none;
  }

  img, svg, video, canvas, audio, iframe, embed, object {
    vertical-align: middle;
    display: block;
  }

  img, video {
    max-width: 100%;
    height: auto;
  }

  button, input, select, optgroup, textarea {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    opacity: 1;
    background-color: #0000;
    border-radius: 0;
  }

  ::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    opacity: 1;
    background-color: #0000;
    border-radius: 0;
  }

  :where(select:is([multiple], [size])) optgroup {
    font-weight: bolder;
  }

  :where(select:is([multiple], [size])) optgroup option {
    padding-inline-start: 20px;
  }

  ::file-selector-button {
    margin-inline-end: 4px;
  }

  ::placeholder {
    opacity: 1;
  }

  @supports (not ((-webkit-appearance: -apple-pay-button))) or (contain-intrinsic-size: 1px) {
    ::placeholder {
      color: currentColor;
    }

    @supports (color: color-mix(in lab, red, red)) {
      ::placeholder {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
    }
  }

  textarea {
    resize: vertical;
  }

  ::-webkit-search-decoration {
    -webkit-appearance: none;
  }

  ::-webkit-date-and-time-value {
    min-height: 1lh;
    text-align: inherit;
  }

  ::-webkit-datetime-edit {
    display: inline-flex;
  }

  ::-webkit-datetime-edit-fields-wrapper {
    padding: 0;
  }

  ::-webkit-datetime-edit {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-year-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-month-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-day-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-hour-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-minute-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-second-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-millisecond-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-meridiem-field {
    padding-block: 0;
  }

  ::-webkit-calendar-picker-indicator {
    line-height: 1;
  }

  :-moz-ui-invalid {
    box-shadow: none;
  }

  button, input:where([type="button"], [type="reset"], [type="submit"]) {
    appearance: button;
  }

  ::file-selector-button {
    appearance: button;
  }

  ::-webkit-inner-spin-button {
    height: auto;
  }

  ::-webkit-outer-spin-button {
    height: auto;
  }

  [hidden]:where(:not([hidden="until-found"])) {
    display: none !important;
  }
}

@layer components;

@layer utilities {
  .visible {
    visibility: visible;
  }

  .absolute {
    position: absolute;
  }

  .fixed {
    position: fixed;
  }

  .relative {
    position: relative;
  }

  .static {
    position: static;
  }

  .inset-0 {
    inset: calc(var(--spacing) * 0);
  }

  .-top-4 {
    top: calc(var(--spacing) * -4);
  }

  .-right-4 {
    right: calc(var(--spacing) * -4);
  }

  .bottom-0 {
    bottom: calc(var(--spacing) * 0);
  }

  .left-0 {
    left: calc(var(--spacing) * 0);
  }

  .z-50 {
    z-index: 50;
  }

  .col-span-3 {
    grid-column: span 3 / span 3;
  }

  .container {
    width: 100%;
  }

  @media (min-width: 40rem) {
    .container {
      max-width: 40rem;
    }
  }

  @media (min-width: 48rem) {
    .container {
      max-width: 48rem;
    }
  }

  @media (min-width: 64rem) {
    .container {
      max-width: 64rem;
    }
  }

  @media (min-width: 80rem) {
    .container {
      max-width: 80rem;
    }
  }

  @media (min-width: 96rem) {
    .container {
      max-width: 96rem;
    }
  }

  .mx-\(--full-bleed\) {
    margin-inline: var(--full-bleed);
  }

  .mx-auto {
    margin-inline: auto;
  }

  .-mt-2 {
    margin-top: calc(var(--spacing) * -2);
  }

  .mt-1 {
    margin-top: calc(var(--spacing) * 1);
  }

  .mt-2 {
    margin-top: calc(var(--spacing) * 2);
  }

  .mt-3 {
    margin-top: calc(var(--spacing) * 3);
  }

  .mt-4 {
    margin-top: calc(var(--spacing) * 4);
  }

  .mt-20 {
    margin-top: calc(var(--spacing) * 20);
  }

  .mb-10 {
    margin-bottom: calc(var(--spacing) * 10);
  }

  .block {
    display: block;
  }

  .flex {
    display: flex;
  }

  .grid {
    display: grid;
  }

  .hidden {
    display: none;
  }

  .inline {
    display: inline;
  }

  .inline-block {
    display: inline-block;
  }

  .table {
    display: table;
  }

  .aspect-30\/48 {
    aspect-ratio: 30 / 48;
  }

  .aspect-\[4\/3\] {
    aspect-ratio: 4 / 3;
  }

  .h-10 {
    height: calc(var(--spacing) * 10);
  }

  .h-12 {
    height: calc(var(--spacing) * 12);
  }

  .h-56 {
    height: calc(var(--spacing) * 56);
  }

  .h-auto {
    height: auto;
  }

  .w-10 {
    width: calc(var(--spacing) * 10);
  }

  .w-12 {
    width: calc(var(--spacing) * 12);
  }

  .w-20 {
    width: calc(var(--spacing) * 20);
  }

  .w-24 {
    width: calc(var(--spacing) * 24);
  }

  .w-\[75vw\] {
    width: 75vw;
  }

  .w-full {
    width: 100%;
  }

  .max-w-\(--wrapper\) {
    max-width: var(--wrapper);
  }

  .max-w-\[900px\] {
    max-width: 900px;
  }

  .transform {
    transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );
  }

  .resize {
    resize: both;
  }

  .grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }

  .grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .grid-cols-\[3fr_7fr\] {
    grid-template-columns: 3fr 7fr;
  }

  .flex-col {
    flex-direction: column;
  }

  .items-center {
    align-items: center;
  }

  .justify-between {
    justify-content: space-between;
  }

  .justify-center {
    justify-content: center;
  }

  .gap-2 {
    gap: calc(var(--spacing) * 2);
  }

  .gap-3 {
    gap: calc(var(--spacing) * 3);
  }

  .gap-4 {
    gap: calc(var(--spacing) * 4);
  }

  .gap-5 {
    gap: calc(var(--spacing) * 5);
  }

  .gap-8 {
    gap: calc(var(--spacing) * 8);
  }

  .gap-10 {
    gap: calc(var(--spacing) * 10);
  }

  .gap-12 {
    gap: calc(var(--spacing) * 12);
  }

  :where(.space-y-0 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 0) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 0) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-1 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)));
  }

  .overflow-hidden {
    overflow: hidden;
  }

  .rounded {
    border-radius: .25rem;
  }

  .rounded-full {
    border-radius: 3.40282e38px;
  }

  .rounded-lg {
    border-radius: var(--radius-lg);
  }

  .border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }

  .border-l-10 {
    border-left-style: var(--tw-border-style);
    border-left-width: 10px;
  }

  .border-\[\#74c6be\] {
    border-color: #74c6be;
  }

  .bg-black\/70 {
    background-color: #000000b3;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-black\/70 {
      background-color: color-mix(in oklab, var(--color-black) 70%, transparent);
    }
  }

  .bg-neutral-400 {
    background-color: var(--color-neutral-400);
  }

  .bg-white {
    background-color: var(--color-white);
  }

  .object-cover {
    object-fit: cover;
  }

  .p-4 {
    padding: calc(var(--spacing) * 4);
  }

  .px-4 {
    padding-inline: calc(var(--spacing) * 4);
  }

  .py-4 {
    padding-block: calc(var(--spacing) * 4);
  }

  .py-12 {
    padding-block: calc(var(--spacing) * 12);
  }

  .pt-10 {
    padding-top: calc(var(--spacing) * 10);
  }

  .text-center {
    text-align: center;
  }

  .text-2xl {
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
  }

  .text-3xl {
    font-size: var(--text-3xl);
    line-height: var(--tw-leading, var(--text-3xl--line-height));
  }

  .text-base {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
  }

  .text-lg {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
  }

  .text-sm {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }

  .text-xl {
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
  }

  .text-xs {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }

  .leading-snug {
    --tw-leading: var(--leading-snug);
    line-height: var(--leading-snug);
  }

  .leading-tight {
    --tw-leading: var(--leading-tight);
    line-height: var(--leading-tight);
  }

  .font-black {
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
  }

  .font-bold {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }

  .font-medium {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }

  .font-semibold {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }

  .tracking-\[0\.3em\] {
    --tw-tracking: .3em;
    letter-spacing: .3em;
  }

  .tracking-wide {
    --tw-tracking: var(--tracking-wide);
    letter-spacing: var(--tracking-wide);
  }

  .tracking-widest {
    --tw-tracking: var(--tracking-widest);
    letter-spacing: var(--tracking-widest);
  }

  .text-\(--color_text\) {
    color: var(--color_text);
  }

  .text-gray-50 {
    color: var(--color-gray-50);
  }

  .text-gray-400 {
    color: var(--color-gray-400);
  }

  .text-gray-500 {
    color: var(--color-gray-500);
  }

  .text-gray-600 {
    color: var(--color-gray-600);
  }

  .shadow {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-lg {
    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .blur {
    --tw-blur: blur(8px);
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
  }

  .filter {
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
  }

  .transition {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-transform {
    transition-property: transform, translate, scale, rotate;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .duration-200 {
    --tw-duration: .2s;
    transition-duration: .2s;
  }

  .duration-300 {
    --tw-duration: .3s;
    transition-duration: .3s;
  }

  .ease-in-out {
    --tw-ease: var(--ease-in-out);
    transition-timing-function: var(--ease-in-out);
  }

  .select-none {
    -webkit-user-select: none;
    user-select: none;
  }

  @media (hover: hover) {
    .group-hover\:scale-\[1\.02\]:is(:where(.group):hover *) {
      scale: 1.02;
    }
  }

  .group-data-\[active\=true\]\:text-white:is(:where(.group)[data-active="true"] *) {
    color: var(--color-white);
  }

  @media (hover: hover) {
    .hover\:transform-\[scale\(1\.05\)\]:hover {
      transform: scale(1.05);
    }

    .hover\:opacity-80:hover {
      opacity: .8;
    }
  }

  .focus\:outline-none:focus {
    --tw-outline-style: none;
    outline-style: none;
  }

  .focus-visible\:ring-2:focus-visible {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .focus-visible\:ring-indigo-500:focus-visible {
    --tw-ring-color: var(--color-indigo-500);
  }

  @media (min-width: 40rem) {
    .sm\:col-span-1 {
      grid-column: span 1 / span 1;
    }

    .sm\:block {
      display: block;
    }

    .sm\:hidden {
      display: none;
    }

    .sm\:w-28 {
      width: calc(var(--spacing) * 28);
    }

    .sm\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .sm\:grid-cols-5 {
      grid-template-columns: repeat(5, minmax(0, 1fr));
    }

    .sm\:text-3xl {
      font-size: var(--text-3xl);
      line-height: var(--tw-leading, var(--text-3xl--line-height));
    }

    .sm\:text-base {
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
    }

    .sm\:text-lg {
      font-size: var(--text-lg);
      line-height: var(--tw-leading, var(--text-lg--line-height));
    }

    .sm\:text-xl {
      font-size: var(--text-xl);
      line-height: var(--tw-leading, var(--text-xl--line-height));
    }
  }

  @media (min-width: 48rem) {
    .md\:bottom-2 {
      bottom: calc(var(--spacing) * 2);
    }

    .md\:order-1 {
      order: 1;
    }

    .md\:order-2 {
      order: 2;
    }

    .md\:mx-auto {
      margin-inline: auto;
    }

    .md\:-mt-5 {
      margin-top: calc(var(--spacing) * -5);
    }

    .md\:block {
      display: block;
    }

    .md\:hidden {
      display: none;
    }

    .md\:h-14 {
      height: calc(var(--spacing) * 14);
    }

    .md\:w-1\/2 {
      width: 50%;
    }

    .md\:w-14 {
      width: calc(var(--spacing) * 14);
    }

    .md\:w-40 {
      width: calc(var(--spacing) * 40);
    }

    .md\:w-full {
      width: 100%;
    }

    .md\:flex-3 {
      flex: 3;
    }

    .md\:flex-4 {
      flex: 4;
    }

    .md\:grid-cols-none {
      grid-template-columns: none;
    }

    .md\:flex-row {
      flex-direction: row;
    }

    .md\:gap-6 {
      gap: calc(var(--spacing) * 6);
    }

    :where(.md\:space-y-1 > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)));
    }

    :where(.md\:space-y-2 > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
    }

    .md\:p-12 {
      padding: calc(var(--spacing) * 12);
    }

    .md\:px-6 {
      padding-inline: calc(var(--spacing) * 6);
    }

    .md\:text-xl {
      font-size: var(--text-xl);
      line-height: var(--tw-leading, var(--text-xl--line-height));
    }

    .md\:text-\[1\.4vw\] {
      font-size: 1.4vw;
    }

    .md\:text-\[3\.6vw\] {
      font-size: 3.6vw;
    }
  }

  @media (min-width: 64rem) {
    .lg\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .lg\:text-2xl {
      font-size: var(--text-2xl);
      line-height: var(--tw-leading, var(--text-2xl--line-height));
    }
  }
}

@property --tw-rotate-x {
  syntax: "*";
  inherits: false
}

@property --tw-rotate-y {
  syntax: "*";
  inherits: false
}

@property --tw-rotate-z {
  syntax: "*";
  inherits: false
}

@property --tw-skew-x {
  syntax: "*";
  inherits: false
}

@property --tw-skew-y {
  syntax: "*";
  inherits: false
}

@property --tw-space-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}

@property --tw-leading {
  syntax: "*";
  inherits: false
}

@property --tw-font-weight {
  syntax: "*";
  inherits: false
}

@property --tw-tracking {
  syntax: "*";
  inherits: false
}

@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-inset-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-ring-color {
  syntax: "*";
  inherits: false
}

@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false
}

@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-ring-inset {
  syntax: "*";
  inherits: false
}

@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 0;
}

@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}

@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-blur {
  syntax: "*";
  inherits: false
}

@property --tw-brightness {
  syntax: "*";
  inherits: false
}

@property --tw-contrast {
  syntax: "*";
  inherits: false
}

@property --tw-grayscale {
  syntax: "*";
  inherits: false
}

@property --tw-hue-rotate {
  syntax: "*";
  inherits: false
}

@property --tw-invert {
  syntax: "*";
  inherits: false
}

@property --tw-opacity {
  syntax: "*";
  inherits: false
}

@property --tw-saturate {
  syntax: "*";
  inherits: false
}

@property --tw-sepia {
  syntax: "*";
  inherits: false
}

@property --tw-drop-shadow {
  syntax: "*";
  inherits: false
}

@property --tw-drop-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-drop-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-drop-shadow-size {
  syntax: "*";
  inherits: false
}

@property --tw-duration {
  syntax: "*";
  inherits: false
}

@property --tw-ease {
  syntax: "*";
  inherits: false
}


/* Document
 * ========================================================================== */
/**
 * Add border box sizing in all browsers (opinionated).
 */
*,
::before,
::after {
  box-sizing: border-box;
}
/**
 * 1. Add text decoration inheritance in all browsers (opinionated).
 * 2. Add vertical alignment inheritance in all browsers (opinionated).
 */
::before,
::after {
  text-decoration: inherit; /* 1 */
  vertical-align: inherit; /* 2 */
}
/**
 * 1. Use the default cursor in all browsers (opinionated).
 * 2. Change the line height in all browsers (opinionated).
 * 3. Use a 4-space tab width in all browsers (opinionated).
 * 4. Remove the grey highlight on links in iOS (opinionated).
 * 5. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 * 6. Breaks words to prevent overflow in all browsers (opinionated).
 */
html {
  cursor: default; /* 1 */
  line-height: 1.5; /* 2 */
  -moz-tab-size: 4; /* 3 */
  tab-size: 4; /* 3 */
  -webkit-tap-highlight-color: transparent;
  -ms-text-size-adjust: 100%; /* 5 */
  -webkit-text-size-adjust: 100%; /* 5 */
  word-break: break-word; /* 6 */
}
/* Sections
 * ========================================================================== */
/**
 * Remove the margin in all browsers (opinionated).
 */
body {
  margin: 0;
}
/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Edge, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
/* Grouping content
 * ========================================================================== */
/**
 * Remove the margin on nested lists in Chrome, Edge, IE, and Safari.
 */
dl dl,
dl ol,
dl ul,
ol dl,
ul dl {
  margin: 0;
}
/**
 * Remove the margin on nested lists in Edge 18- and IE.
 */
ol ol,
ol ul,
ul ol,
ul ul {
  margin: 0;
}
/**
 * 1. Add the correct sizing in Firefox.
 * 2. Show the overflow in Edge 18- and IE.
 */
hr {
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}
/**
 * Add the correct display in IE.
 */
main {
  display: block;
}
/**
 * Remove the list style on navigation lists in all browsers (opinionated).
 */
nav ol,
nav ul {
  list-style: none;
  padding: 0;
}
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}
/* Text-level semantics
 * ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}
/**
 * Add the correct text decoration in Edge 18-, IE, and Safari.
 */
abbr[title] {
  text-decoration: underline;
  text-decoration: underline dotted;
}
/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}
/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}
/* Embedded content
 * ========================================================================== */
/*
 * Change the alignment on media elements in all browsers (opinionated).
 */
audio,
canvas,
iframe,
img,
svg,
video {
  vertical-align: middle;
}
/**
 * Add the correct display in IE 9-.
 */
audio,
video {
  display: inline-block;
}
/**
 * Add the correct display in iOS 4-7.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}
/**
 * Remove the border on iframes in all browsers (opinionated).
 */
iframe {
  border-style: none;
}
/**
 * Remove the border on images within links in IE 10-.
 */
img {
  border-style: none;
}
/**
 * Change the fill color to match the text color in all browsers (opinionated).
 */
svg:not([fill]) {
  fill: currentColor;
}
/**
 * Hide the overflow in IE.
 */
svg:not(:root) {
  overflow: hidden;
}
/* Tabular data
 * ========================================================================== */
/**
 * Collapse border spacing in all browsers (opinionated).
 */
table {
  border-collapse: collapse;
}
/* Forms
 * ========================================================================== */
/**
 * Remove the margin on controls in Safari.
 */
button,
input,
select {
  margin: 0;
}
/**
 * 1. Show the overflow in IE.
 * 2. Remove the inheritance of text transform in Edge 18-, Firefox, and IE.
 */
button {
  overflow: visible; /* 1 */
  text-transform: none; /* 2 */
}
/**
 * Correct the inability to style buttons in iOS and Safari.
 */
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}
/**
 * 1. Change the inconsistent appearance in all browsers (opinionated).
 * 2. Correct the padding in Firefox.
 */
fieldset {
  border: 1px solid #a0a0a0; /* 1 */
  padding: 0.35em 0.75em 0.625em; /* 2 */
}
/**
 * Show the overflow in Edge 18- and IE.
 */
input {
  overflow: visible;
}
/**
 * 1. Correct the text wrapping in Edge 18- and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 */
legend {
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  white-space: normal; /* 1 */
}
/**
 * 1. Add the correct display in Edge 18- and IE.
 * 2. Add the correct vertical alignment in Chrome, Edge, and Firefox.
 */
progress {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}
/**
 * Remove the inheritance of text transform in Firefox.
 */
select {
  text-transform: none;
}
/**
 * 1. Remove the margin in Firefox and Safari.
 * 2. Remove the default vertical scrollbar in IE.
 * 3. Change the resize direction in all browsers (opinionated).
 */
textarea {
  margin: 0; /* 1 */
  overflow: auto; /* 2 */
  resize: vertical; /* 3 */
}
/**
 * Remove the padding in IE 10-.
 */
[type=checkbox],
[type=radio] {
  padding: 0;
}
/**
 * 1. Correct the odd appearance in Chrome, Edge, and Safari.
 * 2. Correct the outline style in Safari.
 */
[type=search] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}
/**
 * Correct the cursor style of increment and decrement buttons in Safari.
 */
::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}
/**
 * Correct the text style of placeholders in Chrome, Edge, and Safari.
 */
::-webkit-input-placeholder {
  color: inherit;
  opacity: 0.54;
}
/**
 * Remove the inner padding in Chrome, Edge, and Safari on macOS.
 */
::-webkit-search-decoration {
  -webkit-appearance: none;
}
/**
 * 1. Correct the inability to style upload buttons in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}
/**
 * Remove the inner border and padding of focus outlines in Firefox.
 */
::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
/**
 * Restore the focus outline styles unset by the previous rule in Firefox.
 */
:-moz-focusring {
  outline: 1px dotted ButtonText;
}
/**
 * Remove the additional :invalid styles in Firefox.
 */
:-moz-ui-invalid {
  box-shadow: none;
}
/* Interactive
 * ========================================================================== */
/*
 * Add the correct display in Edge 18- and IE.
 */
details {
  display: block;
}
/*
 * Add the correct styles in Edge 18-, IE, and Safari.
 */
dialog {
  background-color: white;
  border: solid;
  color: black;
  display: block;
  height: -moz-fit-content;
  height: -webkit-fit-content;
  height: fit-content;
  left: 0;
  margin: auto;
  padding: 1em;
  position: absolute;
  right: 0;
  width: -moz-fit-content;
  width: -webkit-fit-content;
  width: fit-content;
}
dialog:not([open]) {
  display: none;
}
/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}
/* Scripting
 * ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
canvas {
  display: inline-block;
}
/**
 * Add the correct display in IE.
 */
template {
  display: none;
}
/* User interaction
 * ========================================================================== */
/*
 * 1. Remove the tapping delay in IE 10.
 * 2. Remove the tapping delay on clickable elements
      in all browsers (opinionated).
 */
a,
area,
button,
input,
label,
select,
summary,
textarea,
[tabindex] {
  -ms-touch-action: manipulation; /* 1 */
  touch-action: manipulation; /* 2 */
}
/**
 * Add the correct display in IE 10-.
 */
[hidden] {
  display: none;
}
/* Accessibility
 * ========================================================================== */
/**
 * Change the cursor on busy elements in all browsers (opinionated).
 */
[aria-busy=true] {
  cursor: progress;
}
/*
 * Change the cursor on control elements in all browsers (opinionated).
 */
[aria-controls] {
  cursor: pointer;
}
/*
 * Change the cursor on disabled, not-editable, or otherwise
 * inoperable elements in all browsers (opinionated).
 */
[aria-disabled=true],
[disabled] {
  cursor: not-allowed;
}
/*
 * Change the display on visually hidden accessible elements
 * in all browsers (opinionated).
 */
[aria-hidden=false][hidden] {
  display: initial;
}
[aria-hidden=false][hidden]:not(:focus) {
  clip: rect(0, 0, 0, 0);
  position: absolute;
}
html,
body {
  height: 100%;
}
body {
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
}
img,
picture,
video,
canvas,
svg {
  display: block;
  max-width: 100%;
  height: auto;
}
.css--reset * {
  margin: 0;
  padding: 0;
}
.css--reset *,
.css--reset *::before,
.css--reset *::after {
  box-sizing: border-box;
}
.css--reset p,
.css--reset h1,
.css--reset h2,
.css--reset h3,
.css--reset h4,
.css--reset h5,
.css--reset h6 {
  overflow-wrap: break-word;
}
.css--reset a {
  text-decoration: none;
}
.css--reset ol,
.css--reset ul {
  list-style-type: none;
}
.css--reset input,
.css--reset button,
.css--reset select,
.css--reset textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: transparent;
  border: none;
  border-radius: 0;
  font: inherit;
  outline: none;
}
.css--reset textarea {
  resize: vertical;
}
.css--reset input[type=checkbox],
.css--reset input[type=radio] {
  display: none;
}
.css--reset input[type=submit],
.css--reset input[type=button],
.css--reset label,
.css--reset button,
.css--reset select {
  cursor: pointer;
}
.css--reset select::-ms-expand {
  display: none;
}
:root {
  --font-default: "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Hiragino Kaku Gothic StdN",
    "Meiryo", "Noto Sans JP", sans-serif;
  --header-height: 65px;
  --footer_menu-height: 80px;
  --font_family: 'Hiragino Kaku Gothic ProN', 'Hiragino Sans', 'Hiragino Kaku Gothic StdN', 'Meiryo', 'Noto Sans JP', sans-serif;
  --font_family-gothic: 'Noto Sans JP', sans-serif;
  --font_family-mincho: '游明朝体', 'Yu Mincho', YuMincho, 'ヒラギノ明朝 Pro', 'Hiragino Mincho Pro', 'MS P明朝', 'MS PMincho', serif;
  --font_family-NotoSansJP: 'Noto Sans JP', sans-serif;
  --font_family-NotoSerifJP: 'Noto Serif JP', serif;
  --font_family-Garamond: 'EB Garamond', serif;
  --font_family-Roboto: 'Roboto', sans-serif;
  --color_theme: #5185c5;
  --color_theme_rgb: 81,
    133,
    197;
  --color_theme-light: #ea5019;
  --color_theme-light_rgb: 234,
    80,
    25;
  --color_theme-light-b: #5b7698;
  --color_theme-light-b_rgb: 91,
    118,
    152;
  --color_theme-dark-b: #325091;
  --color_theme-dark-b_rgb: 50,
    80,
    145;
  --color_theme-dark-r: #bd4532;
  --color_theme-dark-r_rgb: 189,
    69,
    50;
  --color_theme-light-r: #d88c6a;
  --color_theme-light-r_rgb: 216,
    140,
    106;
  --color_theme-light-g: #74c6be;
  --color_theme-light-g_rgb: 116,
    198,
    190;
  --color_theme-dark: #5c6863;
  --color_theme-dark_rgb: 92,
    104,
    99;
  --color_theme-darker: #262b29;
  --color_theme-darker_rgb: 38,
    43,
    41;
  --color_wh: #ffffff;
  --color_wh_rgb: 255,
    255,
    255;
  --color_wh-siro: #eeeeee;
  --color_wh-siro_rgb: 238,
    238,
    238;
  --color_bl: #000000;
  --color_bl_rgb: 0,
    0,
    0;
  --color_bl-kuro: #222222;
  --color_bl-kuro_rgb: 34,
    34,
    34;
  --color_gr: #8e8e8e;
  --color_gr_rgb: 142,
    142,
    142;
  --color_gr-light: #c9caca;
  --color_gr-light_rgb: 201,
    202,
    202;
  --color_gr-dark: #646464;
  --color_gr-dark_rgb: 100,
    100,
    100;
  --color_twitter: #1da1f2;
  --color_twitter_rgb: 29,
    161,
    242;
  --color_facebook: #1877f2;
  --color_facebook_rgb: 24,
    119,
    242;
  --color_pintarest: #bd081c;
  --color_pintarest_rgb: 189,
    8,
    28;
  --color_line: #00b900;
  --color_line_rgb: 0,
    185,
    0;
  --color_instagram: #cf2e92;
  --color_instagram_rgb: 207,
    46,
    146;
}
body {
  font-family: var(--font_family-NotoSerifJP);
  font-size: 1rem;
  font-size: clamp(0.875rem, 0.818rem + 0.24vw, 1rem);
  position: relative;
  container-type: inline-size;
}
a {
  color: var(--color_bl);
}
p {
  font-weight: 500;
}
:root {
  --full-bleed: calc(50% - 50cqi);
}
.full-bleed {
  align-self: stretch;
  margin-inline: calc(50% - 50cqi);
}
.wrapper {
  width: 90%;
  max-width: 1140px;
  margin: 0 auto;
}
.header .wrapper {
  width: 95%;
}
@media screen and (min-width: 480px) {
  .wrapper {
    width: 90%;
  }
}
@media screen and (min-width: 768px) {
  .wrapper {
    width: 97%;
  }
}
.header__height {
  padding-top: var(--header-height);
}
.yt__container {
  position: relative;
  width: 100%;
  aspect-ratio: 16/9;
}
.yt__container iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}
.button--wrapper {
  display: flex;
  justify-content: center;
  height: auto;
}
.btn__more span,
.btn__more a {
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--font_family-Garamond);
  color: var(--color_wh);
  letter-spacing: 0.2em;
  font-size: 0.875rem;
  font-size: clamp(0.625rem, 0.511rem + 0.48vw, 0.875rem);
}
.top__content--tertiary .btn__more span, .top__content--tertiary .btn__more a {
  color: var(--color_bl);
}
.btn__more span::after,
.btn__more a::after {
  content: "";
  display: block;
  width: 2em;
  height: 2em;
  margin-left: 1em;
  background-image: url(../../assets/images/common/more-wh.png);
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: center center;
  background-size: contain;
}
.btn__more.btn__more--bluered span::after, .btn__more.btn__more--bluered a::after {
  background-image: url(../../assets/images/common/more-grad.png);
}
.page__header--main {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  aspect-ratio: 1140/400;
}
.page__header--main .page__header--title {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.page__header--main .page__header--title img {
  display: inline-block;
  height: 42px;
  height: clamp(16px, 4.182px + 3.15vw, 42px);
}
.icon-job {
  --icon-color: #fff;
}
.page__business .icon-job {
  --icon-color: #74c6be;
}
.page__business--article .icon-job {
  --icon-color: #fff;
}
.icon-job::before {
  content: "";
  display: block;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  width: 97px;
  width: clamp(48px, 25.727px + 5.94vw, 97px);
  height: 81px;
  height: clamp(40px, 21.364px + 4.97vw, 81px);
}
.name--job .icon-job::before {
  width: 97px;
  width: clamp(48px, 25.727px + 5.94vw, 97px);
  height: 81px;
  height: clamp(40px, 21.364px + 4.97vw, 81px);
}
.icon-job.icon-all::before {
  background-color: var(--icon-color);
  mask: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 68.27 59.41'%3E%3Cpath d='M68.26,29.86c0-.05,0-.11,0-.16s0-.11,0-.16c0-.05-.03-.1-.04-.15-.02-.06-.03-.11-.06-.16,0-.01,0-.02-.01-.03L51.57.5s-.02-.01-.02-.02c-.13-.21-.33-.36-.56-.43,0,0-.02-.01-.03-.01-.03,0-.06,0-.09,0-.06,0-.11-.03-.17-.03H17.56c-.36,0-.69.19-.87.5L.13,29.2c-.03.05-.04.11-.06.16-.01.04-.03.07-.04.11-.02.11-.03.21-.02.32,0,.01,0,.02,0,.04.02.12.06.23.11.34,0,0,0,.02.01.03l16.57,28.7c.04.08.1.14.16.2,0,0,0,0,0,0,.08.08.18.14.28.19.03.01.05.02.08.03.11.04.23.07.35.07h33.14c.09,0,.17-.01.26-.03.01,0,.02-.01.03-.01.23-.07.43-.22.56-.43,0,0,.02-.01.02-.02l16.57-28.7s0-.02.01-.03c.03-.05.04-.11.06-.16.02-.05.04-.1.04-.15ZM18.56,38.69v-17.98l15.57-8.99,31.14,17.98-31.14,17.98-15.57-8.99ZM36.14,10.57l14.2-8.2,14.21,24.61-28.41-16.4ZM18.14,2h28.83l-29.91,17.27h0l-1.02.59-12.32,7.11L18.14,2ZM16.56,54.67L2.36,30.07l14.2-8.2v32.81ZM18.56,57.41v-16.4l28.41,16.4h-28.41ZM50.34,57.04l-14.2-8.2,28.41-16.4-14.21,24.6Z'/%3E%3C/svg%3E") no-repeat center center;
  -webkit-mask: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 68.27 59.41'%3E%3Cpath d='M68.26,29.86c0-.05,0-.11,0-.16s0-.11,0-.16c0-.05-.03-.1-.04-.15-.02-.06-.03-.11-.06-.16,0-.01,0-.02-.01-.03L51.57.5s-.02-.01-.02-.02c-.13-.21-.33-.36-.56-.43,0,0-.02-.01-.03-.01-.03,0-.06,0-.09,0-.06,0-.11-.03-.17-.03H17.56c-.36,0-.69.19-.87.5L.13,29.2c-.03.05-.04.11-.06.16-.01.04-.03.07-.04.11-.02.11-.03.21-.02.32,0,.01,0,.02,0,.04.02.12.06.23.11.34,0,0,0,.02.01.03l16.57,28.7c.04.08.1.14.16.2,0,0,0,0,0,0,.08.08.18.14.28.19.03.01.05.02.08.03.11.04.23.07.35.07h33.14c.09,0,.17-.01.26-.03.01,0,.02-.01.03-.01.23-.07.43-.22.56-.43,0,0,.02-.01.02-.02l16.57-28.7s0-.02.01-.03c.03-.05.04-.11.06-.16.02-.05.04-.1.04-.15ZM18.56,38.69v-17.98l15.57-8.99,31.14,17.98-31.14,17.98-15.57-8.99ZM36.14,10.57l14.2-8.2,14.21,24.61-28.41-16.4ZM18.14,2h28.83l-29.91,17.27h0l-1.02.59-12.32,7.11L18.14,2ZM16.56,54.67L2.36,30.07l14.2-8.2v32.81ZM18.56,57.41v-16.4l28.41,16.4h-28.41ZM50.34,57.04l-14.2-8.2,28.41-16.4-14.21,24.6Z'/%3E%3C/svg%3E") no-repeat center center;
}
.icon-job.icon-supply-power::before {
  background-color: var(--icon-color);
  mask: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48.36 59.53'%3E%3Cpath d='M48.36,18.62v-5.73h-.01c0-.37-.19-.72-.53-.89L24.63.11c-.29-.15-.63-.15-.91,0L.54,12c-.34.17-.53.52-.53.89h-.01v5.73h2v-4.73h14.92v7.97L.54,30.26c-.34.17-.53.52-.53.89h-.01v5.73h2v-4.73h14.69l-5.3,25.39h-5.01v2h35.61v-2h-5.02l-5.3-25.39h14.69v4.73h2v-5.73h-.01c0-.37-.19-.72-.53-.89l-16.37-8.4v-7.97h14.92v4.73h2ZM24.18,2.12l5.26,2.7v7.07h-10.52v-7.07l5.26-2.7ZM5.14,11.89l11.77-6.04v6.04H5.14ZM16.92,24.11v6.04H5.14l11.77-6.04ZM34.55,55.71l-8.88-8.09,6.04-5.51,2.84,13.6ZM16.65,42.11l6.04,5.51-8.88,8.09,2.84-13.6ZM24.18,48.97l9.4,8.56H14.78l9.4-8.56ZM24.18,46.26l-7.05-6.43,1.6-7.69h10.9l1.6,7.69-7.05,6.43ZM29.44,30.15h-10.52v-7.06l5.26-2.7,5.26,2.7v7.06ZM43.22,30.15h-11.77v-6.04l11.77,6.04ZM29.44,20.83l-4.81-2.47c-.29-.15-.63-.15-.91,0l-4.81,2.46v-6.94h10.52v6.94ZM31.44,11.89v-6.04l11.77,6.04h-11.77Z'/%3E%3C/svg%3E") no-repeat center center;
  -webkit-mask: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48.36 59.53'%3E%3Cpath d='M48.36,18.62v-5.73h-.01c0-.37-.19-.72-.53-.89L24.63.11c-.29-.15-.63-.15-.91,0L.54,12c-.34.17-.53.52-.53.89h-.01v5.73h2v-4.73h14.92v7.97L.54,30.26c-.34.17-.53.52-.53.89h-.01v5.73h2v-4.73h14.69l-5.3,25.39h-5.01v2h35.61v-2h-5.02l-5.3-25.39h14.69v4.73h2v-5.73h-.01c0-.37-.19-.72-.53-.89l-16.37-8.4v-7.97h14.92v4.73h2ZM24.18,2.12l5.26,2.7v7.07h-10.52v-7.07l5.26-2.7ZM5.14,11.89l11.77-6.04v6.04H5.14ZM16.92,24.11v6.04H5.14l11.77-6.04ZM34.55,55.71l-8.88-8.09,6.04-5.51,2.84,13.6ZM16.65,42.11l6.04,5.51-8.88,8.09,2.84-13.6ZM24.18,48.97l9.4,8.56H14.78l9.4-8.56ZM24.18,46.26l-7.05-6.43,1.6-7.69h10.9l1.6,7.69-7.05,6.43ZM29.44,30.15h-10.52v-7.06l5.26-2.7,5.26,2.7v7.06ZM43.22,30.15h-11.77v-6.04l11.77,6.04ZM29.44,20.83l-4.81-2.47c-.29-.15-.63-.15-.91,0l-4.81,2.46v-6.94h10.52v6.94ZM31.44,11.89v-6.04l11.77,6.04h-11.77Z'/%3E%3C/svg%3E") no-repeat center center;
}
.icon-job.icon-substation::before {
  background-color: var(--icon-color);
  mask: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64.37 59.24'%3E%3Cpath d='M63.09,49.17h-2.82v-23.23h3.11c.55,0,1-.45,1-1s-.45-1-1-1h-11.1v-4.73h6.42v-2h-6.42v-4.58h4.81v-2h-4.81v-4.58h3.54v-2h-3.54V0h-2v4.04h-3.54v2h3.54v4.58h-4.81v2h4.81v4.58h-6.42v2h6.42v4.73h-17.09v-4.73h6.42v-2h-6.42v-4.58h4.81v-2h-4.81v-4.58h3.54v-2h-3.54V0h-2v4.04h-3.54v2h3.54v4.58h-4.8v2h4.8v4.58h-6.42v2h6.42v4.73H14.1v-4.73h6.42v-2h-6.42v-4.92l4.74.33.14-2-4.88-.34v-4.24h3.54v-2h-3.54V0h-2v4.04h-3.54v2h3.54v4.1l-4.73-.33-.14,2,4.88.34v5.06h-6.42v2h6.42v4.73H1c-.55,0-1,.45-1,1s.45,1,1,1h3.11v23.23H1.29c-.55,0-1,.45-1,1v8.07c0,.55.45,1,1,1h61.8c.55,0,1-.45,1-1v-8.07c0-.55-.45-1-1-1ZM6.11,25.94h52.15v23.23H6.11v-23.23ZM34.75,36.65c.17.33.15.72-.06,1.03l-5.04,7.4c-.19.28-.51.44-.83.44-.19,0-.39-.06-.56-.17-.46-.31-.57-.93-.26-1.39l3.98-5.84h-3.15c-.37,0-.71-.21-.88-.53-.17-.33-.15-.72.06-1.03l5.04-7.4c.31-.46.93-.57,1.39-.26.46.31.57.93.26,1.39l-3.98,5.84h3.15c.37,0,.71.21.88.53Z'/%3E%3C/svg%3E") no-repeat center center;
  -webkit-mask: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64.37 59.24'%3E%3Cpath d='M63.09,49.17h-2.82v-23.23h3.11c.55,0,1-.45,1-1s-.45-1-1-1h-11.1v-4.73h6.42v-2h-6.42v-4.58h4.81v-2h-4.81v-4.58h3.54v-2h-3.54V0h-2v4.04h-3.54v2h3.54v4.58h-4.81v2h4.81v4.58h-6.42v2h6.42v4.73h-17.09v-4.73h6.42v-2h-6.42v-4.58h4.81v-2h-4.81v-4.58h3.54v-2h-3.54V0h-2v4.04h-3.54v2h3.54v4.58h-4.8v2h4.8v4.58h-6.42v2h6.42v4.73H14.1v-4.73h6.42v-2h-6.42v-4.92l4.74.33.14-2-4.88-.34v-4.24h3.54v-2h-3.54V0h-2v4.04h-3.54v2h3.54v4.1l-4.73-.33-.14,2,4.88.34v5.06h-6.42v2h6.42v4.73H1c-.55,0-1,.45-1,1s.45,1,1,1h3.11v23.23H1.29c-.55,0-1,.45-1,1v8.07c0,.55.45,1,1,1h61.8c.55,0,1-.45,1-1v-8.07c0-.55-.45-1-1-1ZM6.11,25.94h52.15v23.23H6.11v-23.23ZM34.75,36.65c.17.33.15.72-.06,1.03l-5.04,7.4c-.19.28-.51.44-.83.44-.19,0-.39-.06-.56-.17-.46-.31-.57-.93-.26-1.39l3.98-5.84h-3.15c-.37,0-.71-.21-.88-.53-.17-.33-.15-.72.06-1.03l5.04-7.4c.31-.46.93-.57,1.39-.26.46.31.57.93.26,1.39l-3.98,5.84h3.15c.37,0,.71.21.88.53Z'/%3E%3C/svg%3E") no-repeat center center;
}
.icon-job.icon-power-distribution::before {
  background-color: var(--icon-color);
  mask: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 75.01 53.9'%3E%3Cpath d='M74.01,9.73h-9.76v-.55c0-.55-.45-1-1-1h-5.85V1c0-.55-.45-1-1-1h-4.88c-.55,0-1,.45-1,1v7.17h-5.85c-.55,0-1,.45-1,1v.38h-12.33v-.38c0-.55-.45-1-1-1h-5.85V1c0-.55-.45-1-1-1h-4.88c-.55,0-1,.45-1,1v7.17h-5.85c-.55,0-1,.45-1,1v.38H1c-.55,0-1,.45-1,1s.45,1,1,1h9.76v.38c0,.55.45,1,1,1h5.85v2.5h-1.37c-.55,0-1,.45-1,1v2.03c0,.55.45,1,1,1h1.37v.83h-4.47c-.55,0-1,.45-1,1v2.46c-.51.04-.92.46-.92.98v2.03c0,.52.41.94.92.98v3.83c0,.55.45,1,1,1h4.47v20.33c0,.55.45,1,1,1h4.88c.55,0,1-.45,1-1v-25.14h1.37c.55,0,1-.45,1-1v-2.03c0-.55-.45-1-1-1h-1.37v-4.28h1.37c.55,0,1-.45,1-1v-2.03c0-.55-.45-1-1-1h-1.37v-2.5h5.85c.55,0,1-.45,1-1v-.38h12.33v.38c0,.55.45,1,1,1h5.85v2.5h-1.37c-.55,0-1,.45-1,1v2.03c0,.55.45,1,1,1h1.37v.83h-4.47c-.55,0-1,.45-1,1v2.46c-.51.04-.92.46-.92.98v2.03c0,.52.41.94.92.98v3.83c0,.55.45,1,1,1h4.47v20.33c0,.55.45,1,1,1h4.88c.55,0,1-.45,1-1v-25.14h1.37c.55,0,1-.45,1-1v-2.03c0-.55-.45-1-1-1h-1.37v-4.28h1.37c.55,0,1-.45,1-1v-2.03c0-.55-.45-1-1-1h-1.37v-2.5h5.85c.55,0,1-.45,1-1v-.21h9.76c.55,0,1-.45,1-1s-.45-1-1-1ZM12.76,10.94v-.77h4.85v.77h-4.85ZM17.61,22.3v1.44h-3.47v-1.44h3.47ZM14.14,30.58v-2.81h3.47v2.81h-3.47ZM22.49,51.9h-2.88v-24.14h2.88v24.14ZM22.49,23.74h-2.88v-4.28h2.88v4.28ZM19.61,15.44V2h2.88v13.44h-2.88ZM29.34,10.94h-4.85v-.77h4.85v.77ZM45.67,10.94v-.77h4.85v.77h-4.85ZM50.52,22.3v1.44h-3.47v-1.44h3.47ZM47.04,30.58v-2.81h3.47v2.81h-3.47ZM55.39,51.9h-2.88v-24.14h2.88v24.14ZM55.39,23.74h-2.88v-4.28h2.88v4.28ZM52.52,15.44V2h2.88v13.44h-2.88ZM62.24,10.94h-4.85v-.77h4.85v.77Z'/%3E%3C/svg%3E") no-repeat center center;
  -webkit-mask: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 75.01 53.9'%3E%3Cpath d='M74.01,9.73h-9.76v-.55c0-.55-.45-1-1-1h-5.85V1c0-.55-.45-1-1-1h-4.88c-.55,0-1,.45-1,1v7.17h-5.85c-.55,0-1,.45-1,1v.38h-12.33v-.38c0-.55-.45-1-1-1h-5.85V1c0-.55-.45-1-1-1h-4.88c-.55,0-1,.45-1,1v7.17h-5.85c-.55,0-1,.45-1,1v.38H1c-.55,0-1,.45-1,1s.45,1,1,1h9.76v.38c0,.55.45,1,1,1h5.85v2.5h-1.37c-.55,0-1,.45-1,1v2.03c0,.55.45,1,1,1h1.37v.83h-4.47c-.55,0-1,.45-1,1v2.46c-.51.04-.92.46-.92.98v2.03c0,.52.41.94.92.98v3.83c0,.55.45,1,1,1h4.47v20.33c0,.55.45,1,1,1h4.88c.55,0,1-.45,1-1v-25.14h1.37c.55,0,1-.45,1-1v-2.03c0-.55-.45-1-1-1h-1.37v-4.28h1.37c.55,0,1-.45,1-1v-2.03c0-.55-.45-1-1-1h-1.37v-2.5h5.85c.55,0,1-.45,1-1v-.38h12.33v.38c0,.55.45,1,1,1h5.85v2.5h-1.37c-.55,0-1,.45-1,1v2.03c0,.55.45,1,1,1h1.37v.83h-4.47c-.55,0-1,.45-1,1v2.46c-.51.04-.92.46-.92.98v2.03c0,.52.41.94.92.98v3.83c0,.55.45,1,1,1h4.47v20.33c0,.55.45,1,1,1h4.88c.55,0,1-.45,1-1v-25.14h1.37c.55,0,1-.45,1-1v-2.03c0-.55-.45-1-1-1h-1.37v-4.28h1.37c.55,0,1-.45,1-1v-2.03c0-.55-.45-1-1-1h-1.37v-2.5h5.85c.55,0,1-.45,1-1v-.21h9.76c.55,0,1-.45,1-1s-.45-1-1-1ZM12.76,10.94v-.77h4.85v.77h-4.85ZM17.61,22.3v1.44h-3.47v-1.44h3.47ZM14.14,30.58v-2.81h3.47v2.81h-3.47ZM22.49,51.9h-2.88v-24.14h2.88v24.14ZM22.49,23.74h-2.88v-4.28h2.88v4.28ZM19.61,15.44V2h2.88v13.44h-2.88ZM29.34,10.94h-4.85v-.77h4.85v.77ZM45.67,10.94v-.77h4.85v.77h-4.85ZM50.52,22.3v1.44h-3.47v-1.44h3.47ZM47.04,30.58v-2.81h3.47v2.81h-3.47ZM55.39,51.9h-2.88v-24.14h2.88v24.14ZM55.39,23.74h-2.88v-4.28h2.88v4.28ZM52.52,15.44V2h2.88v13.44h-2.88ZM62.24,10.94h-4.85v-.77h4.85v.77Z'/%3E%3C/svg%3E") no-repeat center center;
}
.icon-job.icon-power-system::before {
  background-color: var(--icon-color);
  mask: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80.87 61.02'%3E%3Cpath d='M80.12,6.85L53.83.03s-.07,0-.11,0c-.05,0-.09-.03-.15-.03h-26.29c-.05,0-.1.02-.14.03-.04,0-.07,0-.11,0L.75,6.85c-.44.11-.75.51-.75.97v21.53c0,.31.14.6.39.79.18.14.39.21.61.21.08,0,.17-.01.25-.03l22.55-5.85c-.5,1-.79,2.13-.79,3.33,0,3.17,1.98,5.89,4.77,6.98-.38.11-.76.23-1.12.38h-7.09c-.21,0-.42.07-.59.19l-7.66,5.58s-.04.04-.06.07c-.03.03-.06.06-.09.09-.05.06-.1.13-.13.2-.02.03-.04.07-.05.1-.04.11-.07.23-.07.35,0,0,0,0,0,0v13.32c0,.55.45,1,1,1h8.48v3.96c0,.55.45,1,1,1h18.27c.55,0,1-.45,1-1v-3.96h28.31c.55,0,1-.45,1-1v-13.32h0c0-.12-.03-.24-.07-.35-.01-.04-.03-.07-.05-.1-.04-.07-.08-.14-.13-.2-.03-.03-.06-.06-.09-.09-.02-.02-.04-.05-.06-.07l-7.66-5.58c-.17-.12-.38-.19-.59-.19h-26.92c-.36-.15-.74-.27-1.12-.38,2.79-1.1,4.77-3.81,4.77-6.98,0-1.58-.5-3.05-1.34-4.27h16.76l26.17,6.78c.08.02.17.03.25.03.22,0,.44-.07.61-.21.25-.19.39-.48.39-.79V7.82c0-.46-.31-.85-.75-.97ZM52.58,21.53h-17.94c-1.18-.78-2.6-1.24-4.12-1.24-.78,0-1.53.12-2.23.34V2h24.29v19.53ZM2,8.59L26.29,2.29v19.31c-.11.07-.21.16-.32.24L2,28.06V8.59ZM19.9,37.16h3.68c-1.06,1-1.9,2.21-2.45,3.58h-6.15l4.92-3.58ZM12.91,54.06v-11.32h7.65c-.1.58-.17,1.18-.17,1.79v9.53h-7.48ZM67.96,54.06h-27.31v-9.53c0-.61-.06-1.21-.17-1.79h27.47v11.32ZM60.97,37.16l4.92,3.58h-25.97c-.55-1.37-1.4-2.58-2.45-3.58h23.51ZM78.87,28.06l-24.29-6.3V2.29l24.29,6.3v19.47Z'/%3E%3C/svg%3E") no-repeat center center;
  -webkit-mask: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80.87 61.02'%3E%3Cpath d='M80.12,6.85L53.83.03s-.07,0-.11,0c-.05,0-.09-.03-.15-.03h-26.29c-.05,0-.1.02-.14.03-.04,0-.07,0-.11,0L.75,6.85c-.44.11-.75.51-.75.97v21.53c0,.31.14.6.39.79.18.14.39.21.61.21.08,0,.17-.01.25-.03l22.55-5.85c-.5,1-.79,2.13-.79,3.33,0,3.17,1.98,5.89,4.77,6.98-.38.11-.76.23-1.12.38h-7.09c-.21,0-.42.07-.59.19l-7.66,5.58s-.04.04-.06.07c-.03.03-.06.06-.09.09-.05.06-.1.13-.13.2-.02.03-.04.07-.05.1-.04.11-.07.23-.07.35,0,0,0,0,0,0v13.32c0,.55.45,1,1,1h8.48v3.96c0,.55.45,1,1,1h18.27c.55,0,1-.45,1-1v-3.96h28.31c.55,0,1-.45,1-1v-13.32h0c0-.12-.03-.24-.07-.35-.01-.04-.03-.07-.05-.1-.04-.07-.08-.14-.13-.2-.03-.03-.06-.06-.09-.09-.02-.02-.04-.05-.06-.07l-7.66-5.58c-.17-.12-.38-.19-.59-.19h-26.92c-.36-.15-.74-.27-1.12-.38,2.79-1.1,4.77-3.81,4.77-6.98,0-1.58-.5-3.05-1.34-4.27h16.76l26.17,6.78c.08.02.17.03.25.03.22,0,.44-.07.61-.21.25-.19.39-.48.39-.79V7.82c0-.46-.31-.85-.75-.97ZM52.58,21.53h-17.94c-1.18-.78-2.6-1.24-4.12-1.24-.78,0-1.53.12-2.23.34V2h24.29v19.53ZM2,8.59L26.29,2.29v19.31c-.11.07-.21.16-.32.24L2,28.06V8.59ZM19.9,37.16h3.68c-1.06,1-1.9,2.21-2.45,3.58h-6.15l4.92-3.58ZM12.91,54.06v-11.32h7.65c-.1.58-.17,1.18-.17,1.79v9.53h-7.48ZM67.96,54.06h-27.31v-9.53c0-.61-.06-1.21-.17-1.79h27.47v11.32ZM60.97,37.16l4.92,3.58h-25.97c-.55-1.37-1.4-2.58-2.45-3.58h23.51ZM78.87,28.06l-24.29-6.3V2.29l24.29,6.3v19.47Z'/%3E%3C/svg%3E") no-repeat center center;
}
.icon-job.icon-control::before {
  background-color: var(--icon-color);
  mask: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 62.03 49.09'%3E%3Cpath d='M54.62,0H7.4C3.32,0,0,3.32,0,7.4v27.21c0,4.08,3.32,7.4,7.4,7.4h22.61v5.07h-12.83c-.55,0-1,.45-1,1s.45,1,1,1h27.66c.55,0,1-.45,1-1s-.45-1-1-1h-12.83v-5.07h22.61c4.08,0,7.4-3.32,7.4-7.4V7.4c0-4.08-3.32-7.4-7.4-7.4ZM60.03,34.62c0,2.98-2.42,5.4-5.4,5.4H7.4c-2.98,0-5.4-2.42-5.4-5.4V7.4c0-2.98,2.42-5.4,5.4-5.4h47.22c2.98,0,5.4,2.42,5.4,5.4v27.21ZM56.85,9.97c0,.55-.45,1-1,1h-22.06c-.55,0-1-.45-1-1s.45-1,1-1h22.06c.55,0,1,.45,1,1ZM56.85,17.21c0,.55-.45,1-1,1h-22.06c-.55,0-1-.45-1-1s.45-1,1-1h22.06c.55,0,1,.45,1,1ZM56.85,24.46c0,.55-.45,1-1,1h-22.06c-.55,0-1-.45-1-1s.45-1,1-1h22.06c.55,0,1,.45,1,1ZM56.85,31.7c0,.55-.45,1-1,1h-22.06c-.55,0-1-.45-1-1s.45-1,1-1h22.06c.55,0,1,.45,1,1ZM21.23,11.8c-.82-1.36-2.02-2.13-3.28-2.13s-2.46.78-3.28,2.13l-9.17,15.13c-.84,1.39-.97,2.75-.35,3.84s1.84,1.69,3.46,1.69h18.68c1.62,0,2.85-.6,3.47-1.69.61-1.09.49-2.45-.35-3.84l-9.17-15.13ZM29.01,29.79c-.24.42-.87.67-1.72.67H8.61c-.86,0-1.48-.24-1.72-.67-.24-.42-.12-1.09.32-1.82l9.17-15.13c.45-.74,1.02-1.17,1.57-1.17s1.12.43,1.57,1.17l9.17,15.13c.44.73.56,1.4.32,1.82ZM20.68,22.27c.17.33.15.72-.06,1.03l-3.71,5.43c-.19.28-.51.44-.83.44-.19,0-.39-.06-.56-.17-.46-.31-.57-.93-.26-1.39l2.64-3.87h-1.81c-.37,0-.71-.21-.88-.53-.17-.33-.15-.72.06-1.03l3.71-5.43c.31-.46.93-.57,1.39-.26.46.31.57.93.26,1.39l-2.64,3.87h1.81c.37,0,.71.21.88.53Z'/%3E%3C/svg%3E") no-repeat center center;
  -webkit-mask: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 62.03 49.09'%3E%3Cpath d='M54.62,0H7.4C3.32,0,0,3.32,0,7.4v27.21c0,4.08,3.32,7.4,7.4,7.4h22.61v5.07h-12.83c-.55,0-1,.45-1,1s.45,1,1,1h27.66c.55,0,1-.45,1-1s-.45-1-1-1h-12.83v-5.07h22.61c4.08,0,7.4-3.32,7.4-7.4V7.4c0-4.08-3.32-7.4-7.4-7.4ZM60.03,34.62c0,2.98-2.42,5.4-5.4,5.4H7.4c-2.98,0-5.4-2.42-5.4-5.4V7.4c0-2.98,2.42-5.4,5.4-5.4h47.22c2.98,0,5.4,2.42,5.4,5.4v27.21ZM56.85,9.97c0,.55-.45,1-1,1h-22.06c-.55,0-1-.45-1-1s.45-1,1-1h22.06c.55,0,1,.45,1,1ZM56.85,17.21c0,.55-.45,1-1,1h-22.06c-.55,0-1-.45-1-1s.45-1,1-1h22.06c.55,0,1,.45,1,1ZM56.85,24.46c0,.55-.45,1-1,1h-22.06c-.55,0-1-.45-1-1s.45-1,1-1h22.06c.55,0,1,.45,1,1ZM56.85,31.7c0,.55-.45,1-1,1h-22.06c-.55,0-1-.45-1-1s.45-1,1-1h22.06c.55,0,1,.45,1,1ZM21.23,11.8c-.82-1.36-2.02-2.13-3.28-2.13s-2.46.78-3.28,2.13l-9.17,15.13c-.84,1.39-.97,2.75-.35,3.84s1.84,1.69,3.46,1.69h18.68c1.62,0,2.85-.6,3.47-1.69.61-1.09.49-2.45-.35-3.84l-9.17-15.13ZM29.01,29.79c-.24.42-.87.67-1.72.67H8.61c-.86,0-1.48-.24-1.72-.67-.24-.42-.12-1.09.32-1.82l9.17-15.13c.45-.74,1.02-1.17,1.57-1.17s1.12.43,1.57,1.17l9.17,15.13c.44.73.56,1.4.32,1.82ZM20.68,22.27c.17.33.15.72-.06,1.03l-3.71,5.43c-.19.28-.51.44-.83.44-.19,0-.39-.06-.56-.17-.46-.31-.57-.93-.26-1.39l2.64-3.87h-1.81c-.37,0-.71-.21-.88-.53-.17-.33-.15-.72.06-1.03l3.71-5.43c.31-.46.93-.57,1.39-.26.46.31.57.93.26,1.39l-2.64,3.87h1.81c.37,0,.71.21.88.53Z'/%3E%3C/svg%3E") no-repeat center center;
}
.icon-job.icon-telecommunication::before {
  background-color: var(--icon-color);
  mask: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 44.92 71.64'%3E%3Cpath d='M34.45,12.23c-3.5,0-6.68,2.16-8.61,5.74-.09-.12-.18-.25-.27-.37h.04v-7.81h2.68v-2h-2.68v-1.81h2.68v-2h-2.68V0h-2v3.98h-2.68v2h2.68v1.81h-2.68v2h2.68v5.72c-2.5-2.18-5.74-3.51-9.27-3.51C6.43,12.01,0,18.62,0,26.74s6.43,14.73,14.34,14.73c1.93,0,3.78-.4,5.46-1.12l-2.34,30.21s.01.09.02.13c0,.08,0,.15.03.23.02.06.04.1.07.15.03.07.07.13.11.19.01.02.02.04.03.05.03.03.07.05.11.08.04.03.06.07.11.1.03.02.06.02.08.04.03.01.05.03.08.04.12.04.23.07.35.07h12.1c.12,0,.24-.03.35-.07.03-.01.06-.02.08-.04.03-.01.06-.02.08-.04.04-.03.07-.07.11-.1.03-.03.08-.04.11-.08.01-.02.02-.04.03-.05.05-.06.08-.12.11-.19.03-.05.05-.1.07-.15.02-.08.03-.15.03-.23,0-.04.02-.09.02-.13l-2.63-33.96c1.63,1.28,3.53,2,5.52,2,5.77,0,10.47-5.92,10.47-13.19s-4.7-13.19-10.47-13.19ZM21.56,43.48l1.77,2.9-2.29,3.75.51-6.65ZM24.51,48.31l3.2,5.24-3.2,5.25-3.2-5.25,3.2-5.24ZM20.58,56.19l2.76,4.52-3.56,5.84.8-10.36ZM24.51,62.64l4.27,7.01h-8.54l4.27-7.01ZM25.68,60.71l2.76-4.52.8,10.36-3.56-5.84ZM25.68,46.39l1.77-2.9.51,6.65-2.29-3.75ZM27.19,40.14s-.08.07-.12.12l-2.57,4.21-2.57-4.21c-.03-.05-.08-.08-.12-.12l.07-.9c1.96-1.25,3.6-2.97,4.77-5.01.03.04.05.07.08.1l.45,5.8ZM25.12,20.56c.24.45.46.91.64,1.38.02.06.04.12.07.19.15.4.28.82.4,1.23.03.12.06.24.09.35.09.38.16.76.22,1.15.02.12.04.24.05.37.06.5.09,1,.09,1.5h0c0,.44-.02.87-.06,1.3,0,.05-.02.09-.02.14-.04.38-.1.77-.17,1.14,0,.05-.03.1-.04.15-.08.37-.17.74-.28,1.1-.02.06-.04.11-.06.16-.11.35-.24.7-.38,1.04-.51,1.23-1.21,2.35-2.06,3.34-2.04-.95-8.51-4.19-13.1-9.13,2.58-3.52,9.55-7.87,11.61-9.11,1.21,1.02,2.24,2.27,3,3.69ZM20.33,15.62c-2.65,1.63-8.39,5.38-11.13,8.79-1.93-2.74-2.73-6.09-2.95-7.26,2.17-1.95,5-3.14,8.09-3.14,2.17,0,4.21.59,5.99,1.61ZM2,26.74c0-2.94.98-5.64,2.61-7.79.49,1.89,1.51,4.81,3.43,7.24-1.58,2.92-2.6,6.68-3.09,8.78-1.83-2.22-2.94-5.09-2.94-8.23ZM6.62,36.65c.22-1.1,1.18-5.49,2.84-8.87,4.41,4.55,10.07,7.59,12.65,8.83-2.12,1.78-4.83,2.85-7.77,2.85s-5.6-1.06-7.72-2.81Z'/%3E%3C/svg%3E") no-repeat center center;
  -webkit-mask: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 44.92 71.64'%3E%3Cpath d='M34.45,12.23c-3.5,0-6.68,2.16-8.61,5.74-.09-.12-.18-.25-.27-.37h.04v-7.81h2.68v-2h-2.68v-1.81h2.68v-2h-2.68V0h-2v3.98h-2.68v2h2.68v1.81h-2.68v2h2.68v5.72c-2.5-2.18-5.74-3.51-9.27-3.51C6.43,12.01,0,18.62,0,26.74s6.43,14.73,14.34,14.73c1.93,0,3.78-.4,5.46-1.12l-2.34,30.21s.01.09.02.13c0,.08,0,.15.03.23.02.06.04.1.07.15.03.07.07.13.11.19.01.02.02.04.03.05.03.03.07.05.11.08.04.03.06.07.11.1.03.02.06.02.08.04.03.01.05.03.08.04.12.04.23.07.35.07h12.1c.12,0,.24-.03.35-.07.03-.01.06-.02.08-.04.03-.01.06-.02.08-.04.04-.03.07-.07.11-.1.03-.03.08-.04.11-.08.01-.02.02-.04.03-.05.05-.06.08-.12.11-.19.03-.05.05-.1.07-.15.02-.08.03-.15.03-.23,0-.04.02-.09.02-.13l-2.63-33.96c1.63,1.28,3.53,2,5.52,2,5.77,0,10.47-5.92,10.47-13.19s-4.7-13.19-10.47-13.19ZM21.56,43.48l1.77,2.9-2.29,3.75.51-6.65ZM24.51,48.31l3.2,5.24-3.2,5.25-3.2-5.25,3.2-5.24ZM20.58,56.19l2.76,4.52-3.56,5.84.8-10.36ZM24.51,62.64l4.27,7.01h-8.54l4.27-7.01ZM25.68,60.71l2.76-4.52.8,10.36-3.56-5.84ZM25.68,46.39l1.77-2.9.51,6.65-2.29-3.75ZM27.19,40.14s-.08.07-.12.12l-2.57,4.21-2.57-4.21c-.03-.05-.08-.08-.12-.12l.07-.9c1.96-1.25,3.6-2.97,4.77-5.01.03.04.05.07.08.1l.45,5.8ZM25.12,20.56c.24.45.46.91.64,1.38.02.06.04.12.07.19.15.4.28.82.4,1.23.03.12.06.24.09.35.09.38.16.76.22,1.15.02.12.04.24.05.37.06.5.09,1,.09,1.5h0c0,.44-.02.87-.06,1.3,0,.05-.02.09-.02.14-.04.38-.1.77-.17,1.14,0,.05-.03.1-.04.15-.08.37-.17.74-.28,1.1-.02.06-.04.11-.06.16-.11.35-.24.7-.38,1.04-.51,1.23-1.21,2.35-2.06,3.34-2.04-.95-8.51-4.19-13.1-9.13,2.58-3.52,9.55-7.87,11.61-9.11,1.21,1.02,2.24,2.27,3,3.69ZM20.33,15.62c-2.65,1.63-8.39,5.38-11.13,8.79-1.93-2.74-2.73-6.09-2.95-7.26,2.17-1.95,5-3.14,8.09-3.14,2.17,0,4.21.59,5.99,1.61ZM2,26.74c0-2.94.98-5.64,2.61-7.79.49,1.89,1.51,4.81,3.43,7.24-1.58,2.92-2.6,6.68-3.09,8.78-1.83-2.22-2.94-5.09-2.94-8.23ZM6.62,36.65c.22-1.1,1.18-5.49,2.84-8.87,4.41,4.55,10.07,7.59,12.65,8.83-2.12,1.78-4.83,2.85-7.77,2.85s-5.6-1.06-7.72-2.81Z'/%3E%3C/svg%3E") no-repeat center center;
}
.icon-job.icon-info::before {
  background-color: var(--icon-color);
  mask: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 56.28 47.03'%3E%3Cpath d='M53.42,6.58h-21.17c-.74,0-1.88-.49-2.39-1.04l-3.63-3.87c-.89-.95-2.55-1.67-3.85-1.67H2.85C1.28,0,0,1.28,0,2.85v41.32c0,1.57,1.28,2.85,2.85,2.85h50.57c1.57,0,2.85-1.28,2.85-2.85V9.43c0-1.57-1.28-2.85-2.85-2.85ZM2.85,2h19.52c.74,0,1.88.49,2.39,1.04l3.63,3.87c.89.95,2.55,1.67,3.85,1.67h21.17c.47,0,.85.38.85.85v3.31H2V2.85c0-.47.38-.85.85-.85ZM53.42,45.03H2.85c-.47,0-.85-.38-.85-.85V14.75h52.28v29.42c0,.47-.38.85-.85.85ZM16.46,22.96c-.4-.45-.97-.78-1.73-.97-.76-.2-2.21-.3-4.37-.3h-3.33v17.14h5.62c1.07,0,1.86-.06,2.39-.17.53-.12.97-.32,1.33-.61.36-.29.61-.7.76-1.22.15-.52.22-1.55.22-3.09v-6c0-1.62-.05-2.71-.15-3.27-.1-.55-.35-1.06-.74-1.51ZM12.89,33.41c0,1.14-.07,1.84-.22,2.1-.15.26-.54.39-1.19.39v-11.27c.49,0,.82.05,1,.15.18.1.29.26.34.48.05.22.07.72.07,1.49v6.66ZM20.27,21.69l-2.27,17.14h4.61l.27-3.08h1.59l.24,3.08h4.55l-2.55-17.14h-6.44ZM22.82,32.71c.12-1.52.4-3.92.85-7.2.23,2.86.45,5.26.68,7.2h-1.53ZM29.26,21.69h9.74v3.43h-2.65v13.71h-4.46v-13.71h-2.64v-3.43ZM41.28,21.69l-2.27,17.14h4.61l.27-3.08h1.59l.24,3.08h4.55l-2.55-17.14h-6.44ZM43.82,32.71c.12-1.52.4-3.92.85-7.2.23,2.86.45,5.26.68,7.2h-1.53Z'/%3E%3C/svg%3E") no-repeat center center;
  -webkit-mask: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 56.28 47.03'%3E%3Cpath d='M53.42,6.58h-21.17c-.74,0-1.88-.49-2.39-1.04l-3.63-3.87c-.89-.95-2.55-1.67-3.85-1.67H2.85C1.28,0,0,1.28,0,2.85v41.32c0,1.57,1.28,2.85,2.85,2.85h50.57c1.57,0,2.85-1.28,2.85-2.85V9.43c0-1.57-1.28-2.85-2.85-2.85ZM2.85,2h19.52c.74,0,1.88.49,2.39,1.04l3.63,3.87c.89.95,2.55,1.67,3.85,1.67h21.17c.47,0,.85.38.85.85v3.31H2V2.85c0-.47.38-.85.85-.85ZM53.42,45.03H2.85c-.47,0-.85-.38-.85-.85V14.75h52.28v29.42c0,.47-.38.85-.85.85ZM16.46,22.96c-.4-.45-.97-.78-1.73-.97-.76-.2-2.21-.3-4.37-.3h-3.33v17.14h5.62c1.07,0,1.86-.06,2.39-.17.53-.12.97-.32,1.33-.61.36-.29.61-.7.76-1.22.15-.52.22-1.55.22-3.09v-6c0-1.62-.05-2.71-.15-3.27-.1-.55-.35-1.06-.74-1.51ZM12.89,33.41c0,1.14-.07,1.84-.22,2.1-.15.26-.54.39-1.19.39v-11.27c.49,0,.82.05,1,.15.18.1.29.26.34.48.05.22.07.72.07,1.49v6.66ZM20.27,21.69l-2.27,17.14h4.61l.27-3.08h1.59l.24,3.08h4.55l-2.55-17.14h-6.44ZM22.82,32.71c.12-1.52.4-3.92.85-7.2.23,2.86.45,5.26.68,7.2h-1.53ZM29.26,21.69h9.74v3.43h-2.65v13.71h-4.46v-13.71h-2.64v-3.43ZM41.28,21.69l-2.27,17.14h4.61l.27-3.08h1.59l.24,3.08h4.55l-2.55-17.14h-6.44ZM43.82,32.71c.12-1.52.4-3.92.85-7.2.23,2.86.45,5.26.68,7.2h-1.53Z'/%3E%3C/svg%3E") no-repeat center center;
}
.icon-job.icon-dx::before {
  background-color: var(--icon-color);
  mask: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 68.63 46.83'%3E%3Cpath d='M68.63,5.15c0,.55-.45,1-1,1h-8.9v3.77h3.5c.55,0,1,.45,1,1v10.27c0,3.03-2.47,5.5-5.5,5.5s-5.5-2.47-5.5-5.5v-2.46h-7.88c-.03.09-.05.18-.08.27-.93,3.28-2.06,5.27-9.96,5.27s-9.03-1.99-9.96-5.27c-.03-.09-.05-.18-.08-.27h-7.88v2.46c0,3.03-2.47,5.5-5.5,5.5s-5.5-2.47-5.5-5.5v-10.27c0-.55.45-1,1-1h3.5v-3.77H1c-.55,0-1-.45-1-1s.45-1,1-1h8.9V1c0-.55.45-1,1-1s1,.45,1,1v3.15h8.9c.55,0,1,.45,1,1s-.45,1-1,1h-8.9v3.77h3.5c.55,0,1,.45,1,1v2.35h7.94c1.46-3.29,5.44-5.54,9.98-5.54s8.51,2.24,9.98,5.54h7.94v-2.35c0-.55.45-1,1-1h3.5v-3.77h-8.9c-.55,0-1-.45-1-1s.45-1,1-1h8.9V1c0-.55.45-1,1-1s1,.45,1,1v3.15h8.9c.55,0,1,.45,1,1ZM48.12,31.03c-.55,0-1,.45-1,1,0,7.06-5.74,12.8-12.8,12.8s-12.8-5.74-12.8-12.8c0-.55-.45-1-1-1s-1,.45-1,1c0,8.16,6.64,14.8,14.8,14.8s14.8-6.64,14.8-14.8c0-.55-.45-1-1-1ZM26.98,32.03c0-.55-.45-1-1-1s-1,.45-1,1c0,5.15,4.19,9.34,9.34,9.34s9.34-4.19,9.34-9.34c0-.55-.45-1-1-1s-1,.45-1,1c0,4.05-3.29,7.34-7.34,7.34s-7.34-3.29-7.34-7.34ZM37.39,32.03c0-1.7-1.38-3.08-3.08-3.08s-3.08,1.38-3.08,3.08,1.38,3.08,3.08,3.08,3.08-1.38,3.08-3.08Z'/%3E%3C/svg%3E") no-repeat center center;
  -webkit-mask: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 68.63 46.83'%3E%3Cpath d='M68.63,5.15c0,.55-.45,1-1,1h-8.9v3.77h3.5c.55,0,1,.45,1,1v10.27c0,3.03-2.47,5.5-5.5,5.5s-5.5-2.47-5.5-5.5v-2.46h-7.88c-.03.09-.05.18-.08.27-.93,3.28-2.06,5.27-9.96,5.27s-9.03-1.99-9.96-5.27c-.03-.09-.05-.18-.08-.27h-7.88v2.46c0,3.03-2.47,5.5-5.5,5.5s-5.5-2.47-5.5-5.5v-10.27c0-.55.45-1,1-1h3.5v-3.77H1c-.55,0-1-.45-1-1s.45-1,1-1h8.9V1c0-.55.45-1,1-1s1,.45,1,1v3.15h8.9c.55,0,1,.45,1,1s-.45,1-1,1h-8.9v3.77h3.5c.55,0,1,.45,1,1v2.35h7.94c1.46-3.29,5.44-5.54,9.98-5.54s8.51,2.24,9.98,5.54h7.94v-2.35c0-.55.45-1,1-1h3.5v-3.77h-8.9c-.55,0-1-.45-1-1s.45-1,1-1h8.9V1c0-.55.45-1,1-1s1,.45,1,1v3.15h8.9c.55,0,1,.45,1,1ZM48.12,31.03c-.55,0-1,.45-1,1,0,7.06-5.74,12.8-12.8,12.8s-12.8-5.74-12.8-12.8c0-.55-.45-1-1-1s-1,.45-1,1c0,8.16,6.64,14.8,14.8,14.8s14.8-6.64,14.8-14.8c0-.55-.45-1-1-1ZM26.98,32.03c0-.55-.45-1-1-1s-1,.45-1,1c0,5.15,4.19,9.34,9.34,9.34s9.34-4.19,9.34-9.34c0-.55-.45-1-1-1s-1,.45-1,1c0,4.05-3.29,7.34-7.34,7.34s-7.34-3.29-7.34-7.34ZM37.39,32.03c0-1.7-1.38-3.08-3.08-3.08s-3.08,1.38-3.08,3.08,1.38,3.08,3.08,3.08,3.08-1.38,3.08-3.08Z'/%3E%3C/svg%3E") no-repeat center center;
}
.icon-job1 {
  background-image: url(../../assets/images/people/icon-job1.png);
}
.icon-job2 {
  background-image: url(../../assets/images/people/icon-job2.png);
}
.icon-job3 {
  background-image: url(../../assets/images/people/icon-job3.png);
}
.icon-job4 {
  background-image: url(../../assets/images/people/icon-job4.png);
}
.icon-job5 {
  background-image: url(../../assets/images/people/icon-job5.png);
}
.icon-job6 {
  background-image: url(../../assets/images/people/icon-job6.png);
}
.icon-job6 {
  background-image: url(../../assets/images/people/icon-job6.png);
}
.icon-job6 {
  background-image: url(../../assets/images/people/icon-job6.png);
}
.comming__soon {
  height: 70svh;
  display: grid;
  place-content: center;
}
.comming__soon img {
  height: 30px;
  height: clamp(15px, 8.182px + 1.82vw, 30px);
}
#splash {
  /*fixedで全面に固定*/
}
/* Loading画像中央配置　*/
/*========= SVG操作手書き風にするためのCSS ===============*/
#svgmask .st1 {
  fill: none;
  stroke: #fff;
  stroke-width: 30; /*線の太さを指定する*/
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-miterlimit: 10;
  stroke-dasharray: 1500; /* 線の間隔を指定する */
  stroke-dashoffset: 1500; /* 線の位置を指定する */
}
.header {
  position: fixed;
  z-index: 100;
  top: 0;
  left: 0;
  width: 100%;
  background-color: var(--color_wh);
}
.header .header__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
  flex-wrap: wrap;
  padding-top: 10px;
  padding-bottom: 10px;
}
.header .header__top > div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 0px 20px;
}
.header .header__logo a {
  display: flex;
  align-items: center;
  color: var(--color_bl);
}
.header .header__logo a img {
  width: auto;
  height: 24px;
}
@media screen and (min-width: 768px) {
  .header .header__logo a img {
    width: auto;
    height: 45px;
  }
}
.header .header__logo .header__logo--tagline {
  font-family: var(--font_family-NotoSansJP);
  margin-left: 1em;
  font-size: 0.875rem;
  font-size: clamp(0.625rem, 0.521rem + 0.44vw, 0.875rem);
}
.header .header__side-menu {
  display: none;
}
@media screen and (min-width: 768px) {
  .header .header__side-menu {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 0px 10px;
  }
}
.header .header__side-menu a {
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--font_family-Garamond);
  font-size: 1rem;
  font-size: clamp(0.875rem, 0.818rem + 0.24vw, 1rem);
}
.header .header__side-menu .btn__side-menu {
  min-height: 38px;
  padding: 0.25em 1em;
  background-color: var(--color_theme);
  font-size: 0.9375rem;
  color: var(--color_wh);
  letter-spacing: 0.1em;
  transition: all 0.5s ease;
  border-width: 1px;
  border-style: solid;
  border-color: var(--color_theme);
}
.header .header__side-menu .btn__side-menu.btn__theme--light {
  background-color: var(--color_theme-light);
  border-color: var(--color_theme-light);
}
.header .header__side-menu .btn__side-menu.btn__theme--light:hover {
  background-color: var(--color_wh);
  color: var(--color_theme-light);
}
.header .header__side-menu .btn__side-menu:hover {
  background-color: var(--color_wh);
  color: var(--color_theme);
}
.header .header__side-menu .icon--openlink::after {
  content: "";
  display: block;
  width: 1em;
  height: 1em;
  margin-left: 0.5em;
  transition: all 0.5s ease;
  background-color: var(--color_wh);
  mask: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 12.76'%3E%3Cpath d='m.75,12h14.29V3H.75v9Zm15,.76H0V2.25h15.75v10.5Zm2.25-2.63h-.75V.75H2.63v-.75h15.37v10.13Z'/%3E%3C/svg%3E") no-repeat center center;
  -webkit-mask: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 12.76'%3E%3Cpath d='m.75,12h14.29V3H.75v9Zm15,.76H0V2.25h15.75v10.5Zm2.25-2.63h-.75V.75H2.63v-.75h15.37v10.13Z'/%3E%3C/svg%3E") no-repeat center center;
}
.header .header__side-menu .icon--openlink:hover::after {
  background-color: var(--color_theme);
  mask: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 12.76'%3E%3Cpath d='m.75,12h14.29V3H.75v9Zm15,.76H0V2.25h15.75v10.5Zm2.25-2.63h-.75V.75H2.63v-.75h15.37v10.13Z'/%3E%3C/svg%3E") no-repeat center center;
  -webkit-mask: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 12.76'%3E%3Cpath d='m.75,12h14.29V3H.75v9Zm15,.76H0V2.25h15.75v10.5Zm2.25-2.63h-.75V.75H2.63v-.75h15.37v10.13Z'/%3E%3C/svg%3E") no-repeat center center;
}
.footer {
  padding-top: 40px;
  padding-top: clamp(20px, 11.713px + 2.21vw, 40px);
  background-color: var(--color_wh);
}
.footer .footer__submenu ul {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 0px 40px;
}
@media screen and (max-width: 480px) {
  .footer .footer__submenu ul {
    gap: 10px 10px;
  }
  .footer .footer__submenu ul > * {
    width: calc((100% - 10px * 1) / 2);
  }
}
.footer .footer__sns {
  margin-top: 40px;
  margin-top: clamp(20px, 11.713px + 2.21vw, 40px);
}
.footer .footer__sns ul {
  display: flex;
  align-items: center;
  justify-content: space-around;
  flex-direction: row;
  gap: 0px 40px;
}
@media screen and (min-width: 480px) {
  .footer .footer__sns ul {
    justify-content: center;
  }
}
.footer .footer__sns ul li a {
  display: block;
}
.footer .footer__sns ul li img {
  width: 60px;
  width: clamp(40px, 31.713px + 2.21vw, 60px);
}
.footer .footer__copyright p {
  padding: 1em 0em;
  font-size: 0.875rem;
  text-align: center;
  font-size: 1rem;
  font-size: clamp(0.625rem, 0.47rem + 0.66vw, 1rem);
}
.footer .scroll__top {
  position: fixed;
  z-index: 3;
  right: 12px;
  bottom: calc(var(--footer_menu-height) + 12px);
  display: grid;
  place-content: center;
  cursor: pointer;
  background-color: var(--color_gr);
  border-radius: 13px;
  width: 60px;
  width: clamp(48px, 43.028px + 1.33vw, 60px);
  height: 60px;
  height: clamp(48px, 43.028px + 1.33vw, 60px);
}
@media screen and (min-width: 768px) {
  .footer .scroll__top {
    bottom: 12px;
  }
}
.footer .scroll__top .scroll__top--icon {
  display: block;
  width: 32px;
  width: clamp(24px, 20.685px + 0.88vw, 32px);
  height: 32px;
  height: clamp(24px, 20.685px + 0.88vw, 32px);
  background-color: var(--color_wh);
  mask: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12.62 14.51'%3E%3Cpath d='m12.62,14.51L6.31,0,0,14.51c1.44-1.93,3.72-3.18,6.31-3.18s4.87,1.25,6.31,3.18Z'/%3E%3C/svg%3E") no-repeat center center;
  -webkit-mask: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12.62 14.51'%3E%3Cpath d='m12.62,14.51L6.31,0,0,14.51c1.44-1.93,3.72-3.18,6.31-3.18s4.87,1.25,6.31,3.18Z'/%3E%3C/svg%3E") no-repeat center center;
}
.ham__body {
  position: fixed;
  z-index: 1001;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  justify-content: flex-end;
  flex-direction: row;
  flex-direction: row;
  flex-wrap: nowrap;
  overflow: hidden;
  width: 100%;
  height: 100svh;
  font-family: var(--font_family-gothic);
  color: var(--color_wh);
  pointer-events: none;
  opacity: 0;
  transition: all 0.5s 0.2s, transform 0.5s;
  transition-timing-function: ease;
}
.is__active .ham__body {
  pointer-events: all;
  opacity: 1;
}
@media screen and (min-width: 768px) {
  .ham__body {
    max-width: 1140px;
    margin: 0 auto;
  }
}
.ham__bg {
  position: fixed;
  z-index: 1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  transition: opacity 1s 0.2s, transform 0.5s;
}
.ham__main {
  position: relative;
  z-index: 2;
  width: 100%;
  padding-top: var(--header-height);
  transition: all 0.5s ease;
}
@media screen and (min-width: 768px) {
  .ham__main {
    width: 100%;
    max-width: 360px;
  }
}
.ham__main .ham__menu {
  overflow-y: auto;
  max-height: 80svh;
}
.ham__main .ham__menu details summary {
  position: relative;
  display: flex;
  align-items: center;
  padding: 20px 20px 20px 20px;
  border-width: 0px 0px 1px 0px;
  border-style: solid;
  border-color: var(--color_gr-light);
  background-color: var(--color_bl);
  color: var(--color_wh);
  letter-spacing: 0.2em;
  cursor: pointer;
  font-size: 1rem;
  font-size: clamp(0.875rem, 0.818rem + 0.24vw, 1rem);
}
.ham__main .ham__menu details summary span {
  display: block;
  margin-left: 1em;
  letter-spacing: normal;
  font-size: 0.875rem;
  font-size: clamp(0.75rem, 0.693rem + 0.24vw, 0.875rem);
}
.ham__main .ham__menu details summary::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 20px;
  display: block;
  width: 1em;
  height: 1em;
  transition: all 0.5s ease;
  transform: translateY(-50%);
  background-color: var(--color_wh);
  mask: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12.47 20.51'%3E%3Cpath d='m9.1,10.26L0,0h3.37s9.1,10.26,9.1,10.26L3.37,20.51H0s9.1-10.26,9.1-10.26Z'/%3E%3C/svg%3E") no-repeat center center;
  -webkit-mask: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12.47 20.51'%3E%3Cpath d='m9.1,10.26L0,0h3.37s9.1,10.26,9.1,10.26L3.37,20.51H0s9.1-10.26,9.1-10.26Z'/%3E%3C/svg%3E") no-repeat center center;
}
.ham__main .ham__menu details ul {
  background-color: var(--color_gr);
}
.ham__main .ham__menu details ul li {
  border-width: 0px 0px 1px 0px;
  border-style: solid;
  border-color: var(--color_gr-light);
}
.ham__main .ham__menu details ul li a {
  display: flex;
  align-items: center;
  padding: 22px 20px 20px 20px;
  color: var(--color_wh);
  letter-spacing: 0.1em;
  font-size: 0.875rem;
  font-size: clamp(0.75rem, 0.693rem + 0.24vw, 0.875rem);
}
.ham__main .ham__menu details ul li a::before {
  content: "";
  display: block;
  width: 1em;
  height: 1em;
  margin-right: 1em;
  transition: all 0.5s ease;
  background-color: var(--color_wh);
  mask: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13.03 15.05'%3E%3Cpath d='m0,15.05V0l13.03,7.52L0,15.05Z'/%3E%3C/svg%3E") no-repeat center center;
  -webkit-mask: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13.03 15.05'%3E%3Cpath d='m0,15.05V0l13.03,7.52L0,15.05Z'/%3E%3C/svg%3E") no-repeat center center;
}
.ham__main .ham__menu details ul li a:hover {
  background-color: var(--color_gr-light);
  color: var(--color_bl);
}
.ham__main .ham__menu details ul li a:hover::before {
  background-color: var(--color_bl);
  mask: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13.03 15.05'%3E%3Cpath d='m0,15.05V0l13.03,7.52L0,15.05Z'/%3E%3C/svg%3E") no-repeat center center;
  -webkit-mask: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13.03 15.05'%3E%3Cpath d='m0,15.05V0l13.03,7.52L0,15.05Z'/%3E%3C/svg%3E") no-repeat center center;
}
.ham__main .ham__menu details[open] summary::after {
  transform: translateY(-50%) rotate(90deg);
}
@media screen and (min-width: 768px) {
  .ham__main .ham__menu .ham__menu--btns {
    display: none;
  }
}
.ham__main .ham__menu .ham__menu--btns a {
  display: block;
  font-size: 1rem;
  font-size: clamp(0.875rem, 0.818rem + 0.24vw, 1rem);
  padding: 20px 20px 20px 20px;
}
.ham__main .ham__menu .ham__menu--btns .btn__side-menu {
  border-width: 0px 0px 1px 0px;
  border-style: solid;
  border-color: var(--color_gr-light);
  background-color: var(--color_theme);
  font-size: 0.9375rem;
  color: var(--color_wh);
  letter-spacing: 0.1em;
  transition: all 0.5s ease;
}
.ham__main .ham__menu .ham__menu--btns .btn__side-menu.btn__theme--light {
  border-color: var(--color_theme-light);
  background-color: var(--color_theme-light);
}
.ham__main .ham__menu .ham__menu--btns .btn__side-menu.btn__theme--light:hover {
  background-color: var(--color_wh);
  color: var(--color_theme-light);
}
.ham__main .ham__menu .ham__menu--btns .btn__side-menu:hover {
  background-color: var(--color_wh);
  color: var(--color_theme);
}
.ham__main .ham__menu .ham__menu--btns .icon--openlink::after {
  content: "";
  display: block;
  width: 1em;
  height: 1em;
  margin-left: 0.5em;
  transition: all 0.5s ease;
  background-color: var(--color_wh);
  mask: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 12.76'%3E%3Cpath d='m.75,12h14.29V3H.75v9Zm15,.76H0V2.25h15.75v10.5Zm2.25-2.63h-.75V.75H2.63v-.75h15.37v10.13Z'/%3E%3C/svg%3E") no-repeat center center;
  -webkit-mask: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 12.76'%3E%3Cpath d='m.75,12h14.29V3H.75v9Zm15,.76H0V2.25h15.75v10.5Zm2.25-2.63h-.75V.75H2.63v-.75h15.37v10.13Z'/%3E%3C/svg%3E") no-repeat center center;
}
.ham__main .ham__menu .ham__menu--btns .icon--openlink:hover::after {
  background-color: var(--color_theme);
  mask: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 12.76'%3E%3Cpath d='m.75,12h14.29V3H.75v9Zm15,.76H0V2.25h15.75v10.5Zm2.25-2.63h-.75V.75H2.63v-.75h15.37v10.13Z'/%3E%3C/svg%3E") no-repeat center center;
  -webkit-mask: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 12.76'%3E%3Cpath d='m.75,12h14.29V3H.75v9Zm15,.76H0V2.25h15.75v10.5Zm2.25-2.63h-.75V.75H2.63v-.75h15.37v10.13Z'/%3E%3C/svg%3E") no-repeat center center;
}
.ham__btn {
  position: relative;
  z-index: 1002;
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
  transition: all 0.5s ease;
}
.ham__btn .btn__inner {
  position: relative;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  margin: 0;
}
.ham__btn .btn__inner .btn__icon {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: column;
  flex-wrap: wrap;
  width: 30.6666666667px;
  height: 22.6666666667px;
}
@media screen and (min-width: 768px) {
  .ham__btn .btn__inner .btn__icon {
    width: 46px;
    height: 34px;
  }
}
.ham__btn .btn__inner .btn__icon span {
  display: block;
  box-sizing: border-box;
  width: 100%;
  height: 1px;
  background-color: var(--color_bl);
  transition: 0.5s;
}
.is__active .ham__btn .btn__inner .btn__icon span:nth-child(n) {
  width: 30.6666666667px;
}
@media screen and (min-width: 768px) {
  .is__active .ham__btn .btn__inner .btn__icon span:nth-child(n) {
    width: 46px;
  }
}
.is__active .ham__btn .btn__inner .btn__icon span:nth-of-type(1) {
  transform: translateY(11px) rotate(225deg);
}
@media screen and (min-width: 768px) {
  .is__active .ham__btn .btn__inner .btn__icon span:nth-of-type(1) {
    transform: translateY(17px) rotate(225deg);
  }
}
.is__active .ham__btn .btn__inner .btn__icon span:nth-of-type(1) {
  transform-origin: center;
}
.is__active .ham__btn .btn__inner .btn__icon span:nth-of-type(2) {
  opacity: 0;
}
.is__active .ham__btn .btn__inner .btn__icon span:nth-of-type(3) {
  transform: translateY(-11px) rotate(-225deg);
}
@media screen and (min-width: 768px) {
  .is__active .ham__btn .btn__inner .btn__icon span:nth-of-type(3) {
    transform: translateY(-17px) rotate(-225deg);
  }
}
.is__active .ham__btn .btn__inner .btn__icon span:nth-of-type(3) {
  transform-origin: center;
}
.first--video {
  position: fixed;
  z-index: 999;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: var(--color_bl);
  object-fit: cover;
}
.first--video video {
  width: 100%;
  height: 100%;
  background-color: transparent;
  object-fit: contain;
  -o-object-position: center center;
  object-position: center center;
}
.first--video::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 49%;
  display: block;
  transition: all 1s ease-in;
  background-color: var(--color_bl);
}
.first--video.page--loaded::before {
  height: 0%;
}
.first--video::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 49%;
  display: block;
  transition: all 1s ease-in;
  background-color: var(--color_bl);
}
.first--video.page--loaded::after {
  height: 0%;
}
.first--video .video--skip {
  position: absolute;
  z-index: 1000;
  right: 10px;
  bottom: 10px;
}
.first--video .video--skip button {
  display: block;
  padding: 0.5em 1em;
  background-color: var(--color_theme);
  font-family: var(--font_family-NotoSansJP);
  font-weight: 500;
  color: var(--color_wh);
  text-align: center;
  white-space: nowrap;
  letter-spacing: 0.2em;
  text-indent: 0.2em;
  font-size: 1rem;
  font-size: clamp(0.75rem, 0.636rem + 0.48vw, 1rem);
}
.video--wrapper .hero--video {
  position: fixed;
  z-index: -2;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: transparent;
  opacity: 0;
  transition: all 4s ease;
}
.video--wrapper .hero--video.active--video {
  z-index: -1;
  opacity: 1;
}
.video--wrapper video {
  width: 100%;
  height: 100%;
  background-color: transparent;
  object-fit: cover;
  -o-object-position: center center;
  object-position: center center;
}
.page__nav--top {
  position: fixed;
  z-index: 10;
  top: var(--header-height);
  left: 0;
  width: 100%;
  background-color: rgba(var(--color_bl_rgb), 0.8);
  padding: 10px 0;
}
.page__nav--top ul {
  display: flex;
  justify-content: space-around;
  flex-direction: row;
  padding: 0 10px;
  gap: 0;
}
@media screen and (min-width: 480px) {
  .page__nav--top ul {
    padding: 0;
    justify-content: center;
    gap: 24px;
  }
}
@media screen and (min-width: 768px) {
  .page__nav--top ul {
    gap: 32px;
  }
}
.page__nav--top ul li a {
  display: block;
  font-family: var(--font_family-NotoSansJP);
  font-weight: 500;
  color: var(--color_wh);
  text-align: center;
  white-space: nowrap;
  letter-spacing: 0.2em;
  text-indent: 0.2em;
  font-size: 1.0625rem;
  font-size: clamp(0.75rem, 0.608rem + 0.61vw, 1.0625rem);
}
.page__nav--top ul li a span {
  display: block;
  margin-top: 0.1em;
  font-family: var(--font_family-Roboto);
  font-size: 0.875rem;
  font-size: clamp(0.625rem, 0.511rem + 0.48vw, 0.875rem);
}
.page__nav--top ul li a {
  transition: all 0.5s ease;
}
.page__nav--top ul li a:hover {
  opacity: 0.8;
  color: var(--color_theme);
}
.page__nav--top ul li:nth-child(2n) a:hover {
  color: var(--color_theme-light);
}
.page__hero--top {
  padding-top: 30vh;
  padding-bottom: 80px;
  padding-bottom: clamp(60px, 50.909px + 2.42vw, 80px);
}
.page__hero--top .hero__message--title {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  flex-wrap: wrap;
  position: relative;
  text-align: center;
  margin-bottom: 100px;
  margin-bottom: clamp(60px, 41.818px + 4.85vw, 100px);
}
.page__hero--top .hero__message--title svg {
  display: inline-block;
  height: auto;
  width: 648px;
  width: clamp(320px, 170.909px + 39.76vw, 648px);
  transform: translateX(-3%);
}
@media screen and (min-width: 480px) {
  .page__hero--top .hero__message--title svg {
    transform: translateX(-5%);
  }
}
.page__hero--top .hero__message--title span {
  position: absolute;
  bottom: 0;
  opacity: 0;
  color: var(--color_wh);
  font-weight: 500;
  font-size: 2.25rem;
  font-size: clamp(1.125rem, 0.614rem + 2.18vw, 2.25rem);
  transition: transform 1s ease, opacity 1s ease;
  letter-spacing: 0.1em;
  text-indent: 0.1em;
  transform: translate(0%, 30%);
}
.page__hero--top .hero__message--title span.show__text {
  opacity: 1;
}
.page__hero--top .hero__message--text {
  display: grid;
  overflow: hidden;
  height: 0px;
  transition: all 0.5s ease;
  place-content: center;
  font-size: 1.375rem;
  font-size: clamp(0.9375rem, 0.739rem + 0.85vw, 1.375rem);
}
.page__hero--top .hero__message--text.message--active {
  height: 26em;
}
.page__hero--top .hero__message--text p {
  color: var(--color_wh);
  text-align: center;
  letter-spacing: 0.2em;
  text-indent: 0.2em;
}
.page__hero--top .hero__message--text p + p {
  margin-top: 3em;
}
.page__hero--top .btn__hero--close {
  position: relative;
}
.page__hero--top .btn__hero--close::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 1em;
  height: 1em;
  transform: translate(-50%, -200%);
  background-color: var(--color_wh);
  mask: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12.62 14.51'%3E%3Cpath d='m12.62,14.51L6.31,0,0,14.51c1.44-1.93,3.72-3.18,6.31-3.18s4.87,1.25,6.31,3.18Z'/%3E%3C/svg%3E") no-repeat center center;
  -webkit-mask: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12.62 14.51'%3E%3Cpath d='m12.62,14.51L6.31,0,0,14.51c1.44-1.93,3.72-3.18,6.31-3.18s4.87,1.25,6.31,3.18Z'/%3E%3C/svg%3E") no-repeat center center;
}
.page__hero--top .btn__hero--more {
  position: relative;
}
.page__hero--top .btn__hero--more::before {
  content: "";
  position: absolute;
  bottom: 50%;
  left: 50%;
  display: block;
  width: 1em;
  height: 1em;
  transform: translate(-50%, 200%);
  background-color: var(--color_wh);
  mask: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12.62 14.51'%3E%3Cpath d='m0,0l6.31,14.51L12.62,0c-1.44,1.93-3.72,3.18-6.31,3.18S1.44,1.93,0,0Z'/%3E%3C/svg%3E") no-repeat center center;
  -webkit-mask: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12.62 14.51'%3E%3Cpath d='m0,0l6.31,14.51L12.62,0c-1.44,1.93-3.72,3.18-6.31,3.18S1.44,1.93,0,0Z'/%3E%3C/svg%3E") no-repeat center center;
}
.top__content .top__content--item {
  position: relative;
  overflow: hidden;
  padding-top: 80px;
  padding-top: clamp(60px, 50.909px + 2.42vw, 80px);
  padding-bottom: 80px;
  padding-bottom: clamp(60px, 50.909px + 2.42vw, 80px);
}
.top__content .top__content--item::before {
  content: "";
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
}
.top__content .top__content--item.color__light--blue::before {
  background-image: linear-gradient(180deg, rgba(var(--color_theme-light-b_rgb), 0.8) 0%, rgba(var(--color_theme-light-b_rgb), 0.8) 100%);
  mix-blend-mode: multiply;
}
.top__content .top__content--item.color__light--red::before {
  background-image: linear-gradient(180deg, rgba(var(--color_theme-light-g_rgb), 0.8) 0%, rgba(var(--color_theme-light-g_rgb), 0.8) 100%);
  mix-blend-mode: multiply;
}
.top__content .top__content--item.color__light--gray::before {
  background-image: linear-gradient(180deg, rgba(var(--color_theme-gr__rgb), 0.8) 0%, rgba(var(--color_theme-gr__rgb), 0.8) 100%);
  mix-blend-mode: multiply;
}
.top__content .top__content--item.color__light--white::before {
  background-color: var(--color_wh);
}
.top__content .top__content--item.color__blue_red::before {
  background-color: var(--color_wh);
}
.top__content .top__content--item .item--inner {
  position: relative;
  z-index: 1;
}
.top__content .top__content--item .content--image .image--larger {
  margin-left: 0px;
  margin-left: clamp(-100px, 45.455px + -12.12vw, 0px);
}
.top__content--secondary.content--reverse .top__content .top__content--item .content--image .image--larger {
  margin-left: 0;
  margin-right: 0px;
  margin-right: clamp(-100px, 45.455px + -12.12vw, 0px);
}
.top__content .top__content--item .top__content--primary {
  display: flex;
  align-items: flex-end;
  flex-direction: column-reverse;
  flex-wrap: wrap;
  gap: 0px 0px;
}
.top__content .top__content--item .top__content--primary > * {
  width: calc((100% - 0px * 0) / 1);
}
.top__content .top__content--item .top__content--primary {
  margin-top: 64px;
  margin-top: clamp(40px, 29.091px + 2.91vw, 64px);
}
@media screen and (min-width: 480px) {
  .top__content .top__content--item .top__content--primary {
    flex-direction: row;
    gap: 0px 0px;
  }
  .top__content .top__content--item .top__content--primary > * {
    width: calc((100% - 0px * 1) / 2);
  }
}
.top__content .top__content--item .top__content--secondary {
  display: flex;
  align-items: center;
  flex-direction: column-reverse;
  flex-wrap: wrap;
  width: 100%;
  max-width: 850px;
  margin: 0 auto;
  gap: 0px 0px;
}
.top__content .top__content--item .top__content--secondary > * {
  width: calc((100% - 0px * 0) / 1);
}
.top__content .top__content--item .top__content--secondary {
  margin-top: 64px;
  margin-top: clamp(40px, 29.091px + 2.91vw, 64px);
}
@media screen and (min-width: 480px) {
  .top__content .top__content--item .top__content--secondary {
    flex-direction: row;
    gap: 0px 0px;
  }
  .top__content .top__content--item .top__content--secondary > *:nth-child(2n-1) {
    width: calc((100% - 0px * 1) * 4.6 / 10);
  }
  .top__content .top__content--item .top__content--secondary > *:nth-child(2n) {
    width: calc((100% - 0px * 1) * 5.4 / 10);
  }
}
.top__content .top__content--item .top__content--secondary.content--reverse {
  flex-direction: column-reverse;
}
@media screen and (min-width: 480px) {
  .top__content .top__content--item .top__content--secondary.content--reverse {
    flex-direction: row-reverse;
  }
}
.top__content .top__content--item .top__content--secondary .content--image .image--larger {
  margin-left: 0px;
  margin-left: clamp(-30px, 13.636px + -3.64vw, 0px);
}
.top__content .top__content--item .top__content--secondary.content--reverse .content--image .image--larger {
  margin-left: 0;
  margin-right: 0px;
  margin-right: clamp(-30px, 13.636px + -3.64vw, 0px);
}
.top__content .top__content--item .top__content--tertiary {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  flex-wrap: wrap;
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
  margin-top: 64px;
  margin-top: clamp(40px, 29.091px + 2.91vw, 64px);
  gap: 0px 0px;
}
.top__content .top__content--item .top__content--tertiary > * {
  width: calc((100% - 0px * 0) / 1);
}
@media screen and (min-width: 768px) {
  .top__content .top__content--item .top__content--tertiary > div,
  .top__content .top__content--item .top__content--tertiary a {
    position: relative;
    width: 68%;
  }
  .top__content .top__content--item .top__content--tertiary > div:nth-child(1),
  .top__content .top__content--item .top__content--tertiary a:nth-child(1) {
    z-index: 2;
    margin-right: auto;
  }
  .top__content .top__content--item .top__content--tertiary > div:nth-child(2),
  .top__content .top__content--item .top__content--tertiary a:nth-child(2) {
    z-index: 1;
    margin-top: -25%;
    margin-left: auto;
  }
}
.top__content .top__content--item .top__content--tertiary > div {
  margin-top: 0;
}
.top__content .top__content--item .top__content--title {
  text-align: center;
}
.top__content .top__content--item .top__content--title img {
  display: inline-block;
  width: auto;
  height: 45px;
  height: clamp(24px, 14.455px + 2.55vw, 45px);
}
.top__content .top__content--item .top__content--title img.title--drop_shadow {
  filter: drop-shadow(0px 0px 10px var(--color_bl));
}
.top__content .top__content--item .content__hexagon--box {
  position: relative;
  z-index: 1;
  display: grid;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  font-family: var(--font_family-Garamond);
  color: var(--color_wh);
  aspect-ratio: 1/1;
  place-content: center;
  font-size: 0.875rem;
  font-size: clamp(0.75rem, 0.693rem + 0.24vw, 0.875rem);
  margin-top: -64px;
  margin-top: clamp(-94px, -50.364px + -3.64vw, -64px);
}
@media screen and (min-width: 480px) {
  .top__content .top__content--item .content__hexagon--box {
    margin-top: 0;
  }
}
@media screen and (max-width: 480px) {
  .top__content .top__content--item .content__hexagon--box.box--smaller {
    width: 80%;
  }
}
.top__content .top__content--item.color__light--blue .content__hexagon--box {
  background-image: url(../../assets/images/common/hexagon-blue.png);
}
.top__content .top__content--item.color__light--red .content__hexagon--box {
  background-image: url(../../assets/images/common/hexagon-btn-green-wh.png);
}
.top__content .top__content--item.color__light--gray .content__hexagon--box {
  background-image: url(../../assets/images/common/hexagon-wh.png);
}
.top__content .top__content--item.color__blue_red .content__hexagon--box {
  background-image: url(../../assets/images/common/hexagon-blue-red.svg);
  filter: drop-shadow(0px 0px 10px var(--color_gr));
}
.top__content .top__content--item .content__hexagon--box .box--icon {
  display: flex;
  justify-content: center;
  margin-bottom: 30px;
  margin-bottom: clamp(20px, 15.455px + 1.21vw, 30px);
}
.top__content .top__content--item .content__hexagon--box .box--icon img {
  height: 110px;
  height: clamp(72px, 54.727px + 4.61vw, 110px);
}
.top__content .top__content--item .content__hexagon--box .content__hexagon--box--title {
  display: flex;
  justify-content: center;
}
.top__content .top__content--item .content__hexagon--box .content__hexagon--box--title img {
  height: 30px;
  height: clamp(20px, 15.455px + 1.21vw, 30px);
}
.top__content .top__content--item .content__hexagon--box .content__hexagon--box--title img.size--line2 {
  height: 75px;
  height: clamp(49px, 37.182px + 3.15vw, 75px);
}
.top__content .top__content--item .content__hexagon--box p {
  margin-top: 1em;
  text-align: center;
  font-size: 1rem;
  font-size: clamp(0.75rem, 0.636rem + 0.48vw, 1rem);
}
.top__content .top__content--item .top__content--tertiary .content__hexagon--box p {
  color: var(--color_bl);
}
.top__content .top__content--item .content__hexagon--box .btn__more {
  margin-top: 1em;
}
.btn__theme--white {
  display: block;
  width: 135px;
  height: 0px;
  margin: 0 auto;
  background-image: url(../../assets/images/common/hexagon-btn-wh.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  font-family: var(--font_family-Garamond);
  color: var(--color_wh);
  pointer-events: none;
  opacity: 0;
  transition: all 1s ease;
  transform: scale(0);
  font-size: 0.875rem;
  font-size: clamp(0.75rem, 0.693rem + 0.24vw, 0.875rem);
}
.btn__theme--white.btn--active {
  height: 135px;
  pointer-events: all;
  opacity: 1;
  transform: scale(1);
}
.people-image {
  background-image: url("../../assets/images/people/mv-bg.webp");
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: cover;
  overflow: hidden;
  aspect-ratio: 1001/701;
  position: relative;
}
.people-image .interview-title {
  position: absolute;
  top: 8%;
  left: 2%;
  width: 50%;
}
@media screen and (min-width: 480px) {
  .people-image .interview-title {
    width: 40%;
  }
}
.people-image .person-list {
  display: flex;
  justify-content: center;
}
@media screen and (min-width: 480px) {
  .people-image .person-list {
    padding-inline: 20px;
  }
}
.people-image .pos1 {
  z-index: 1;
}
.people-image .pos2 {
  z-index: 1;
}
.people-image .pos3 {
  z-index: 1;
}
.people-image .pos4 {
  z-index: 1;
}
.people-image .pos5 {
  z-index: 9;
}
.people-image .pos6 {
  z-index: 1;
}
.people-image .pos7 {
  z-index: 3;
}
.people-image .pos8 {
  z-index: 2;
}
.people-image .pos9 {
  z-index: 1;
}
.people-image .person-swap {
  --d: 4s;
  --p: 0s;
}
.people-image .swap-image {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: scale(2.3);
  transform-origin: bottom;
}
.people-image .swap-image.is-first {
  opacity: 1;
  animation-name: swapA;
  animation-duration: var(--d);
  animation-iteration-count: infinite;
  animation-timing-function: steps(1, end);
  animation-delay: calc(-1 * var(--p));
}
.people-image .swap-image.is-second {
  opacity: 0;
  animation-name: swapB;
  animation-duration: var(--d);
  animation-iteration-count: infinite;
  animation-timing-function: steps(1, end);
  animation-delay: calc(-1 * var(--p));
}
@keyframes swapA {
  0% {
    opacity: 1;
  }
  49% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes swapB {
  0% {
    opacity: 0;
  }
  49% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
.page__recruit {
  margin-top: 20px;
  margin-top: clamp(10px, 5.455px + 1.21vw, 20px);
}
.page__recruit .recruit_main--title {
  text-align: center;
}
.page__recruit .recruit_main--title img {
  display: inline-block;
  height: 86px;
  height: clamp(44px, 24.909px + 5.09vw, 86px);
}
.page__recruit .dn--sp {
  display: none;
}
@media screen and (min-width: 480px) {
  .page__recruit .dn--sp {
    display: block;
  }
}
.page__recruit .dn--pc {
  display: block;
}
@media screen and (min-width: 480px) {
  .page__recruit .dn--pc {
    display: none;
  }
}
.page__recruit .recruit--nav {
  margin-top: 20px;
  margin-top: clamp(10px, 5.455px + 1.21vw, 20px);
}
.page__recruit .recruit--nav ul {
  display: flex;
  align-items: stretch;
  flex-direction: column;
  flex-wrap: wrap;
  gap: 10px 10px;
}
.page__recruit .recruit--nav ul > * {
  width: calc((100% - 10px * 0) / 1);
}
@media screen and (min-width: 480px) {
  .page__recruit .recruit--nav ul {
    flex-direction: row;
    gap: 20px 20px;
  }
  .page__recruit .recruit--nav ul > * {
    width: calc((100% - 20px * 1) / 2);
  }
}
.page__recruit .recruit--nav ul li a {
  display: flex;
  display: flex;
  align-items: center;
  align-items: center;
  justify-content: center;
  justify-content: center;
  flex-direction: row;
  flex-wrap: wrap;
  height: 100%;
  padding: 10px 0;
  background-color: var(--color_gr-light);
  line-height: 1.2;
  color: var(--color_bl);
  text-align: center;
  transition: all 0.5s ease;
  gap: 0px 0px;
}
.page__recruit .recruit--nav ul li a > *:nth-child(2n-1) {
  width: calc((100% - 0px * 1) * 5 / 10);
}
.page__recruit .recruit--nav ul li a > *:nth-child(2n) {
  width: calc((100% - 0px * 1) * 5 / 10);
}
.page__recruit .recruit--nav ul li a {
  font-size: 2.25rem;
  font-size: clamp(1.125rem, 0.614rem + 2.18vw, 2.25rem);
}
.page__recruit .recruit--nav ul li a span {
  font-size: 1rem;
  font-size: clamp(0.6875rem, 0.545rem + 0.61vw, 1rem);
}
.page__recruit .recruit--nav ul li .nav--outline:hover {
  background-color: var(--color_theme);
  color: var(--color_wh);
}
.page__recruit .recruit--nav ul li .nav--outline.nav--current {
  background-color: var(--color_theme);
  color: var(--color_wh);
}
.page__recruit .recruit--nav ul li .nav--schedule:hover {
  background-color: var(--color_theme-light);
  color: var(--color_wh);
}
.page__recruit .recruit--nav ul li .nav--schedule.nav--current {
  background-color: var(--color_theme-light);
  color: var(--color_wh);
}
.page__recruit .recruit__outline {
  margin-top: 40px;
  margin-top: clamp(20px, 10.909px + 2.42vw, 40px);
}
.page__recruit .recruit__outline .outline__item {
  display: flex;
  align-items: stretch;
  justify-content: center;
  flex-direction: column;
  flex-wrap: wrap;
}
@media screen and (min-width: 480px) {
  .page__recruit .recruit__outline .outline__item {
    flex-direction: row;
    margin-top: -1px;
    border-width: 1px 0px 0px 1px;
    border-style: solid;
    border-color: var(--color_gr);
    gap: 0px 0px;
  }
  .page__recruit .recruit__outline .outline__item > *:nth-child(2n-1) {
    width: calc((100% - 0px * 1) * 2 / 10);
  }
  .page__recruit .recruit__outline .outline__item > *:nth-child(2n) {
    width: calc((100% - 0px * 1) * 8 / 10);
  }
}
.page__recruit .recruit__outline .outline__item + .outline__item {
  margin-top: 20px;
}
@media screen and (min-width: 480px) {
  .page__recruit .recruit__outline .outline__item + .outline__item {
    margin-top: -1px;
  }
}
.page__recruit .recruit__outline .outline__item h2 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 4px 10px;
  background-color: rgba(var(--color_theme_rgb), 0.2);
  font-weight: bold;
  color: var(--color_theme);
  font-size: 1.25rem;
  font-size: clamp(1rem, 0.886rem + 0.48vw, 1.25rem);
}
@media screen and (min-width: 480px) {
  .page__recruit .recruit__outline .outline__item h2 {
    border-width: 0px 1px 1px 0px;
    border-style: solid;
    border-color: var(--color_gr);
  }
}
.page__recruit .recruit__outline .outline__item h2 br {
  display: none;
}
@media screen and (min-width: 768px) {
  .page__recruit .recruit__outline .outline__item h2 br {
    display: block;
  }
}
.page__recruit .recruit__outline .outline__item dl {
  margin-top: 10px;
}
@media screen and (min-width: 480px) {
  .page__recruit .recruit__outline .outline__item dl {
    margin-top: 0px;
    padding: 10px 0;
    border-width: 0px 1px 1px 0px;
    border-style: solid;
    border-color: var(--color_gr);
  }
}
@media screen and (min-width: 480px) {
  .page__recruit .recruit__outline .outline__item dl dt,
  .page__recruit .recruit__outline .outline__item dl dd {
    display: flex;
    flex-direction: row;
    padding: 5px 10px;
  }
}
.page__recruit .recruit__outline .outline__item dl dt {
  font-weight: 700;
  font-size: 1.25rem;
  font-size: clamp(1rem, 0.886rem + 0.48vw, 1.25rem);
}
.page__recruit .recruit__outline .outline__item dl dt span:first-of-type {
  flex: none;
}
.page__recruit .recruit__outline .outline__item dl dd {
  margin-top: 4px;
  font-weight: 500;
  font-size: 1.25rem;
  font-size: clamp(0.875rem, 0.705rem + 0.73vw, 1.25rem);
}
@media screen and (min-width: 480px) {
  .page__recruit .recruit__outline .outline__item dl dd {
    margin-top: 0px;
    padding-left: 30px;
  }
}
.page__recruit .recruit__outline .outline__item dl dd + dt {
  margin-top: 10px;
}
@media screen and (min-width: 480px) {
  .page__recruit .recruit__outline .outline__item dl dd + dt {
    margin-top: 0px;
  }
}
.page__recruit .recruit__outline .outline__item dl .small {
  display: block;
  padding-left: 1em;
  text-indent: -1em;
  font-size: 0.875rem;
  font-size: clamp(0.6875rem, 0.602rem + 0.36vw, 0.875rem);
}
@media screen and (min-width: 480px) {
  .page__recruit .recruit__outline .outline__item dl .small {
    padding-left: 2.5em;
    text-indent: -1em;
  }
}
.page__recruit .recruit__outline .outline__item dl .small::before {
  display: inline-block;
  width: 9px;
  height: 9px;
  margin-right: 0.5em;
  border-radius: 5px;
  background-color: var(--color_bl);
  content: "";
}
.page__recruit .recruit__outline .outline__item dl .thin {
  display: block;
  font-weight: 400;
}
@media screen and (min-width: 480px) {
  .page__recruit .recruit__outline .outline__item dl .thin {
    display: inline-block;
  }
}
.page__recruit .recruit__outline .outline__item.layout-top {
  display: block;
  width: 100%;
  border-width: 0px 0px 0px 0px;
  border-style: solid;
  border-color: var(--color-gray-0);
}
.page__recruit .recruit__outline .outline__item.layout-top h2 {
  width: 100%;
}
@media screen and (min-width: 480px) {
  .page__recruit .recruit__outline .outline__item.layout-top h2 {
    border-width: 1px 1px 0px 1px;
  }
}
.page__recruit .recruit__outline .outline__item.layout-top .color {
  color: var(--color_theme);
}
.page__recruit .recruit__outline .outline__item.layout-top table {
  width: 100%;
  margin-bottom: 40px;
  margin-bottom: clamp(20px, 10.909px + 2.42vw, 40px);
}
.page__recruit .recruit__outline .outline__item.layout-top table th,
.page__recruit .recruit__outline .outline__item.layout-top table td {
  padding: 20px;
  border-width: 1px;
  border-style: solid;
  border-color: var(--color_gr);
  font-size: 1.25rem;
  font-size: clamp(1rem, 0.886rem + 0.48vw, 1.25rem);
}
.page__recruit .recruit__outline .outline__item.layout-top table th {
  white-space: nowrap;
  background-color: var(--color_theme);
  color: var(--color_wh);
}
.page__recruit .recruit__outline .outline__item.layout-top table .head {
  display: block;
  font-weight: 700;
  font-size: 1.25rem;
  font-size: clamp(1rem, 0.886rem + 0.48vw, 1.25rem);
}
.page__recruit .recruit__outline .outline__item.layout-top table .body {
  display: block;
  margin-top: 10px;
  font-weight: 500;
  font-size: 1.25rem;
  font-size: clamp(0.875rem, 0.705rem + 0.73vw, 1.25rem);
}
@media screen and (min-width: 480px) {
  .page__recruit .recruit__outline .outline__item.layout-top table .body {
    margin-top: 0px;
    padding-left: 30px;
  }
}
.page__recruit .recruit__outline .outline__item.layout-top table .body + .head {
  margin-top: 10px;
}
.page__recruit .recruit__outline .outline__item.layout-top table .small {
  display: block;
  font-size: 0.875rem;
  font-size: clamp(0.6875rem, 0.602rem + 0.36vw, 0.875rem);
}
.page__recruit .recruit__outline .outline__item.layout-top table .small::before {
  display: inline-block;
  width: 9px;
  height: 9px;
  margin-right: 0.5em;
  border-radius: 5px;
  background-color: var(--color_bl);
  content: "";
}
.page__recruit .recruit__outline .outline__item.layout-top table .thin {
  display: block;
  font-weight: 400;
}
@media screen and (min-width: 480px) {
  .page__recruit .recruit__outline .outline__item.layout-top table .thin {
    display: inline-block;
  }
}
.page__recruit .recruit__outline .outline__item.layout-top .outline__col {
  width: 100%;
}
.page__recruit .recruit__outline .outline__item.layout-top .outline__col dl {
  display: block;
  width: 100% !important;
  padding: 0;
}
.page__recruit .recruit__outline .outline__item.layout-top .outline__col dl dt {
  padding: 4px 10px;
  background-color: var(--color_theme);
  color: var(--color_wh);
  text-align: center;
}
.page__recruit .recruit__outline .outline__item.layout-top .outline__col dl .head {
  display: block;
  font-weight: 700;
  font-size: 1.25rem;
  font-size: clamp(1rem, 0.886rem + 0.48vw, 1.25rem);
}
.page__recruit .recruit__outline .outline__item.layout-top .outline__col dl .body {
  display: block;
  font-weight: 500;
  font-size: 1.25rem;
  font-size: clamp(0.875rem, 0.705rem + 0.73vw, 1.25rem);
}
.page__recruit .recruit__outline .outline__item.layout-top .outline__col dl .small {
  display: block;
  padding-left: 2em;
  font-size: 0.875rem;
  font-size: clamp(0.8125rem, 0.784rem + 0.12vw, 0.875rem);
}
.page__recruit .recruit__outline .outline__item.layout-top .outline__col dl .small::before {
  display: inline-block;
  width: 9px;
  height: 9px;
  margin-right: 0.5em;
  border-radius: 5px;
  background-color: var(--color_bl);
  content: "";
}
.page__recruit .recruit__schedule {
  margin-top: 20px;
  margin-top: clamp(10px, 5.455px + 1.21vw, 20px);
}
.page__recruit .schedule__title--main {
  padding: 0.1em 0;
  background-color: rgba(var(--color_theme-light_rgb), 0.2);
  color: var(--color_theme-light);
  text-align: center;
  font-size: 2.25rem;
  font-size: clamp(1.5rem, 1.159rem + 1.45vw, 2.25rem);
}
.page__recruit .schedule__text--main {
  margin-top: 0.5em;
  line-height: 2;
  font-size: 1.5rem;
  font-size: clamp(1rem, 0.773rem + 0.97vw, 1.5rem);
}
@media screen and (min-width: 480px) {
  .page__recruit .schedule__text--main {
    text-align: center;
  }
}
.page__recruit .date__list {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  width: 100%;
  max-width: 700px;
  margin: 0 auto;
  gap: 0px 0px;
}
.page__recruit .date__list > * {
  width: calc((100% - 0px * 0) / 1);
}
.page__recruit .date__list {
  margin-top: 20px;
  margin-top: clamp(20px, 20px + 0vw, 20px);
  font-size: 1.75rem;
  font-size: clamp(1.5rem, 1.386rem + 0.48vw, 1.75rem);
}
@media screen and (min-width: 768px) {
  .page__recruit .date__list {
    flex-direction: row;
    gap: 10px 10px;
  }
  .page__recruit .date__list > * {
    width: calc((100% - 10px * 1) / 2);
  }
}
.page__recruit .date__list li {
  margin-top: 10px;
}
.page__recruit .date__list li::before {
  color: var(--color_theme-light);
  content: "■ ";
}
.page__recruit .date__list--note {
  width: 100%;
  max-width: 700px;
  margin: 0 auto;
  padding: 10px;
  border-width: 1px;
  border-style: solid;
  border-color: var(--color_theme-light);
  color: var(--color_theme-light);
  text-align: center;
  font-size: 1.5rem;
  font-size: clamp(1.25rem, 1.136rem + 0.48vw, 1.5rem);
  margin-top: 20px;
  margin-top: clamp(20px, 20px + 0vw, 20px);
  margin-bottom: 40px;
  margin-bottom: clamp(30px, 25.455px + 1.21vw, 40px);
}
.page__recruit .date__list--note br {
  display: block;
}
@media screen and (min-width: 768px) {
  .page__recruit .date__list--note br {
    display: none;
  }
}
.page__recruit .schedule__flow {
  margin-top: 24px;
  margin-top: clamp(24px, 24px + 0vw, 24px);
}
.page__recruit .mypage__island {
  width: 100%;
  max-width: 700px;
  margin: 0 auto;
  padding: 20px 0px;
  background-color: var(--color_wh-siro);
  margin-top: 20px;
  margin-top: clamp(20px, 20px + 0vw, 20px);
  margin-bottom: 60px;
  margin-bottom: clamp(24px, 7.636px + 4.36vw, 60px);
}
.page__recruit .mypage__island .entrance__title {
  text-align: center;
  font-size: 2.25rem;
  font-size: clamp(1.5rem, 1.159rem + 1.45vw, 2.25rem);
}
.page__recruit .mypage__island .mypage__island--btns {
  display: flex;
  align-items: stretch;
  justify-content: center;
  flex-direction: row;
  flex-wrap: wrap;
  padding: 0px 30px;
  padding-left: 36px;
  padding-left: clamp(20px, 12.727px + 1.94vw, 36px);
  padding-right: 36px;
  padding-right: clamp(20px, 12.727px + 1.94vw, 36px);
  gap: 20px 20px;
}
.page__recruit .mypage__island .mypage__island--btns > * {
  width: calc((100% - 20px * 1) / 2);
}
.page__recruit .mypage__island .mypage__island--btns p {
  text-align: center;
  font-size: 1rem;
  font-size: clamp(0.75rem, 0.636rem + 0.48vw, 1rem);
}
.page__recruit .mypage__island .btn__side-menu {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin-bottom: 10px;
  padding: 0.25em 1em 0.25em 1em;
  border-width: 1px;
  border-style: solid;
  border-color: var(--color_theme);
  background-color: var(--color_theme);
  font-family: var(--font_family-Garamond);
  color: var(--color_wh);
  text-align: center;
  letter-spacing: 0.1em;
  transition: all 0.5s ease;
  font-size: 1.5rem;
  font-size: clamp(0.875rem, 0.591rem + 1.21vw, 1.5rem);
}
.page__recruit .mypage__island .btn__side-menu.btn__theme--light {
  border-color: var(--color_theme-light);
  background-color: var(--color_theme-light);
}
.page__recruit .mypage__island .btn__side-menu.btn__theme--light:hover {
  background-color: var(--color_wh);
  color: var(--color_theme-light);
}
.page__recruit .mypage__island .btn__side-menu:hover {
  background-color: var(--color_wh);
  color: var(--color_theme);
}
.page__recruit .faq__list--text {
  text-align: center;
  margin-top: 20px;
  margin-top: clamp(10px, 5.455px + 1.21vw, 20px);
  font-size: 1.5rem;
  font-size: clamp(1rem, 0.773rem + 0.97vw, 1.5rem);
}
.page__recruit .faq__list {
  margin-top: 20px;
  margin-top: clamp(10px, 5.455px + 1.21vw, 20px);
}
@media screen and (max-width: 480px) {
  .page__recruit .faq__list .wrapper {
    width: 100%;
  }
}
.page__recruit .faq__list .faq__list--item {
  margin-top: 20px;
  margin-top: clamp(10px, 5.455px + 1.21vw, 20px);
}
.page__recruit .faq__list .faq__list--item details {
  font-size: 1rem;
  font-size: clamp(0.875rem, 0.818rem + 0.24vw, 1rem);
}
.page__recruit .faq__list .faq__list--item details summary {
  position: relative;
  display: flex;
  align-items: center;
  padding: 20px 40px 20px 20px;
  background-color: var(--color_wh-siro);
  list-style: none;
  color: var(--color_theme-dark-b);
  letter-spacing: 0.2em;
  cursor: pointer;
  font-size: 1.625rem;
  font-size: clamp(1rem, 0.716rem + 1.21vw, 1.625rem);
}
.page__recruit .faq__list .faq__list--item details summary::before {
  display: block;
  background-image: url(../../assets/images/faq/icon-question.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  content: "";
  flex: none;
  width: 74px;
  width: clamp(36px, 18.727px + 4.61vw, 74px);
  height: 74px;
  height: clamp(36px, 18.727px + 4.61vw, 74px);
  margin-right: 32px;
  margin-right: clamp(16px, 8.727px + 1.94vw, 32px);
}
.page__recruit .faq__list .faq__list--item details summary::after {
  position: absolute;
  top: 50%;
  right: 20px;
  display: block;
  width: 1em;
  height: 1em;
  content: "";
  transition: all 0.5s ease;
  transform: translateY(-50%);
  background-color: var(--color_theme-dark-b);
  mask: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12.47 20.51'%3E%3Cpath d='m9.1,10.26L0,0h3.37s9.1,10.26,9.1,10.26L3.37,20.51H0s9.1-10.26,9.1-10.26Z'/%3E%3C/svg%3E") no-repeat center center;
  -webkit-mask: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12.47 20.51'%3E%3Cpath d='m9.1,10.26L0,0h3.37s9.1,10.26,9.1,10.26L3.37,20.51H0s9.1-10.26,9.1-10.26Z'/%3E%3C/svg%3E") no-repeat center center;
}
.page__recruit .faq__list .faq__list--item details summary span {
  font-weight: 700;
}
.page__recruit .faq__list .faq__list--item details summary span br {
  display: none;
}
@media screen and (min-width: 768px) {
  .page__recruit .faq__list .faq__list--item details summary span br {
    display: block;
  }
}
.page__recruit .faq__list .faq__list--item details {
  /* 一部ブラウザで消えなかった場合は以下も追記 */
}
.page__recruit .faq__list .faq__list--item details summary::-webkit-details-marker {
  display: none;
}
.page__recruit .faq__list .faq__list--item details[open] summary::after {
  transform: translateY(-50%) rotate(90deg);
}
.page__recruit .faq__list .faq__list--item .faq__itemq--answer {
  position: relative;
  display: flex;
  padding: 20px 20px 20px 20px;
  letter-spacing: 0.2em;
  cursor: pointer;
  font-size: 1.125rem;
  font-size: clamp(0.75rem, 0.58rem + 0.73vw, 1.125rem);
}
.page__recruit .faq__list .faq__list--item .faq__itemq--answer::before {
  display: block;
  background-image: url(../../assets/images/faq/icon-ansower.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  content: "";
  flex: none;
  width: 74px;
  width: clamp(36px, 18.727px + 4.61vw, 74px);
  height: 74px;
  height: clamp(36px, 18.727px + 4.61vw, 74px);
  margin-right: 32px;
  margin-right: clamp(16px, 8.727px + 1.94vw, 32px);
}
.page__recruit .faq__list .faq__list--item .faq__itemq--answer p {
  font-size: 1.125rem;
  font-size: clamp(1rem, 0.943rem + 0.24vw, 1.125rem);
}
.page__recruit .faq__list .faq__list--item .faq__itemq--answer p span {
  display: block;
  margin-top: 1em;
  font-size: 1.375rem;
  font-size: clamp(1rem, 0.83rem + 0.73vw, 1.375rem);
}
.about__concept {
  width: 100%;
  max-width: 820px;
  margin: 0 auto;
}
.about__concept h2 {
  margin-top: 1em;
  margin-bottom: 1em;
  font-weight: 700;
  color: var(--color_theme-dark-b);
  text-align: center;
  font-size: 2.875rem;
  font-size: clamp(1.5rem, 0.875rem + 2.67vw, 2.875rem);
}
.about__concept p {
  line-height: 2;
  font-size: 1.25rem;
  font-size: clamp(1rem, 0.886rem + 0.48vw, 1.25rem);
}
.about__concept h2 + p {
  font-size: 1.375rem;
  font-size: clamp(1.125rem, 1.011rem + 0.48vw, 1.375rem);
}
@media screen and (min-width: 768px) {
  .about__concept h2 + p {
    text-align: center;
  }
}
.about__concept p .dn--sp {
  display: none;
}
@media screen and (min-width: 768px) {
  .about__concept p .dn--sp {
    display: block;
  }
}
.about__concept h3 {
  margin-top: 1em;
  margin-bottom: 1em;
  color: var(--color_theme-dark-b);
  text-align: center;
  font-size: 1.75rem;
  font-size: clamp(1.25rem, 1.023rem + 0.97vw, 1.75rem);
}
.about__concept .about__logo {
  display: flex;
  justify-content: center;
  margin-top: 48px;
  margin-top: clamp(32px, 24.727px + 1.94vw, 48px);
  margin-bottom: 80px;
  margin-bottom: clamp(40px, 21.818px + 4.85vw, 80px);
}
.about__concept .about__concept--mix_block {
  margin-top: 40px;
  margin-top: clamp(24px, 16.727px + 1.94vw, 40px);
  display: flex;
  align-items: stretch;
  justify-content: center;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 20px 20px;
}
.about__concept .about__concept--mix_block > * {
  width: calc((100% - 20px * 0) / 1);
}
@media screen and (min-width: 768px) {
  .about__concept .about__concept--mix_block {
    gap: 20px 20px;
  }
  .about__concept .about__concept--mix_block > *:nth-child(2n-1) {
    width: calc((100% - 20px * 1) * 7.2 / 10);
  }
  .about__concept .about__concept--mix_block > *:nth-child(2n) {
    width: calc((100% - 20px * 1) * 2.8 / 10);
  }
}
.about__concept .about__concept--mix_block .about__content--outline {
  border-width: 1px 0px 0px 0px;
  border-style: solid;
  border-color: var(--color_gr);
}
.about__concept .about__concept--mix_block .about__content--outline dl {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 0px 0px;
}
.about__concept .about__concept--mix_block .about__content--outline dl > * {
  width: calc((100% - 0px * 0) / 1);
}
@media screen and (min-width: 768px) {
  .about__concept .about__concept--mix_block .about__content--outline dl {
    gap: 0px 0px;
  }
  .about__concept .about__concept--mix_block .about__content--outline dl > *:nth-child(2n-1) {
    width: calc((100% - 0px * 1) * 3 / 10);
  }
  .about__concept .about__concept--mix_block .about__content--outline dl > *:nth-child(2n) {
    width: calc((100% - 0px * 1) * 7 / 10);
  }
}
.about__concept .about__concept--mix_block .about__content--outline dl dt,
.about__concept .about__concept--mix_block .about__content--outline dl dd {
  border-style: solid;
  border-color: var(--color_gr);
  font-size: 1.25rem;
  font-size: clamp(1.125rem, 1.068rem + 0.24vw, 1.25rem);
}
.about__concept .about__concept--mix_block .about__content--outline dl dt {
  padding: 3px 10px 0 10px;
  border-width: 0px 0px 1px 0px;
  background-color: rgba(var(--color_theme-dark-b_rgb), 0.1);
  font-weight: 700;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .about__concept .about__concept--mix_block .about__content--outline dl dt {
    border-width: 0px 1px 1px 0px;
  }
}
.about__concept .about__concept--mix_block .about__content--outline dl dd {
  font-weight: 500;
  text-align: center;
  border-width: 0px 0px 1px 0px;
  padding: 16px 10px 16px 10px;
}
@media screen and (min-width: 768px) {
  .about__concept .about__concept--mix_block .about__content--outline dl dd {
    text-align: left;
    padding: 3px 10px 0 10px;
  }
}
.about__concept .about__concept--mix_block .about__content--link a {
  height: 100%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  font-weight: 500;
  background-color: var(--color_theme);
  color: var(--color_wh);
  text-align: center;
  padding: 10px 1.5em 10px 0;
  font-size: 1.5rem;
  font-size: clamp(1.125rem, 0.955rem + 0.73vw, 1.5rem);
}
.about__concept .about__concept--mix_block .about__content--link a br {
  display: none;
}
@media screen and (min-width: 768px) {
  .about__concept .about__concept--mix_block .about__content--link a br {
    display: block;
  }
}
.about__concept .about__concept--mix_block .about__content--link a::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 10px;
  display: block;
  width: 1em;
  height: 1em;
  transition: all 0.5s ease;
  transform: translateY(-50%);
  background-color: var(--color_wh);
  mask: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12.47 20.51'%3E%3Cpath d='m9.1,10.26L0,0h3.37s9.1,10.26,9.1,10.26L3.37,20.51H0s9.1-10.26,9.1-10.26Z'/%3E%3C/svg%3E") no-repeat center center;
  -webkit-mask: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12.47 20.51'%3E%3Cpath d='m9.1,10.26L0,0h3.37s9.1,10.26,9.1,10.26L3.37,20.51H0s9.1-10.26,9.1-10.26Z'/%3E%3C/svg%3E") no-repeat center center;
}
.about__group {
  margin-top: 80px;
  margin-top: clamp(40px, 21.818px + 4.85vw, 80px);
}
.about__group h2 {
  margin-top: 1em;
  margin-bottom: 1em;
  font-weight: 700;
  text-align: center;
  font-size: 2.875rem;
  font-size: clamp(1.625rem, 1.057rem + 2.42vw, 2.875rem);
}
.about__group .about__group--l1 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 20px 20px;
}
.about__group .about__group--l1 > * {
  width: calc((100% - 20px * 0) / 1);
}
@media screen and (min-width: 768px) {
  .about__group .about__group--l1 {
    gap: 60px 60px;
  }
  .about__group .about__group--l1 > *:nth-child(2n-1) {
    width: calc((100% - 60px * 1) * 4.2 / 10);
  }
  .about__group .about__group--l1 > *:nth-child(2n) {
    width: calc((100% - 60px * 1) * 5.8 / 10);
  }
}
.about__group .about__group--outline_title {
  font-weight: 700;
  color: var(--color_theme-dark-b);
  font-size: 1.75rem;
  font-size: clamp(1.25rem, 1.023rem + 0.97vw, 1.75rem);
  text-align: center;
}
@media screen and (min-width: 768px) {
  .about__group .about__group--outline_title {
    text-align: left;
  }
}
.about__group .about__group--outline {
  margin-top: 10px;
  border-width: 1px 0px 0px 0px;
  border-style: solid;
  border-color: var(--color_gr);
}
.about__group .about__group--outline dl {
  display: flex;
  align-items: stretch;
  justify-content: center;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 0px 0px;
}
.about__group .about__group--outline dl > * {
  width: calc((100% - 0px * 0) / 1);
}
@media screen and (min-width: 768px) {
  .about__group .about__group--outline dl {
    gap: 0px 0px;
  }
  .about__group .about__group--outline dl > *:nth-child(2n-1) {
    width: calc((100% - 0px * 1) * 4 / 10);
  }
  .about__group .about__group--outline dl > *:nth-child(2n) {
    width: calc((100% - 0px * 1) * 6 / 10);
  }
}
.about__group .about__group--outline dl dt,
.about__group .about__group--outline dl dd {
  border-style: solid;
  border-color: var(--color_gr);
}
.about__group .about__group--outline dl dt {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 3px 10px 0 0px;
  border-width: 0px 0px 1px 0px;
  font-weight: 700;
  color: var(--color_theme-dark-b);
  font-size: 1.5rem;
  font-size: clamp(1.125rem, 0.955rem + 0.73vw, 1.5rem);
}
@media screen and (min-width: 768px) {
  .about__group .about__group--outline dl dt {
    justify-content: flex-start;
  }
}
.about__group .about__group--outline dl dd {
  font-weight: 500;
  text-align: center;
  border-width: 0px 0px 1px 0px;
  font-size: 1.125rem;
  font-size: clamp(1rem, 0.943rem + 0.24vw, 1.125rem);
  padding: 16px 10px 16px 10px;
}
@media screen and (min-width: 768px) {
  .about__group .about__group--outline dl dd {
    text-align: left;
    padding: 8px 10px 8px 10px;
  }
}
.about__company {
  margin-top: 40px;
  margin-top: clamp(24px, 16.727px + 1.94vw, 40px);
}
@media screen and (max-width: 768px) {
  .about__company .wrapper {
    width: 100%;
  }
}
.page__business {
  position: relative;
  padding-bottom: 80px;
  padding-bottom: clamp(40px, 21.818px + 4.85vw, 80px);
}
.page__business .page__header {
  position: relative;
}
.page__business .page__header .page__header--business {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 70%;
  padding-top: 40px;
  padding-top: clamp(20px, 10.909px + 2.42vw, 40px);
}
.page__business .page__header .page__header--business .wrapper {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  flex-wrap: nowrap;
  height: 100%;
}
.page__business .page__header .page__header--title img {
  filter: drop-shadow(0px 0px 5px var(--color_bl));
  height: 192px;
  height: clamp(74px, 20.364px + 14.3vw, 192px);
}
.page__business .page__header .page__header--text {
  font-weight: 700;
  color: var(--color_wh);
  letter-spacing: 0.2em;
  filter: drop-shadow(0px 0px 10px var(--color_bl));
  font-size: 1.5rem;
  font-size: clamp(0.625rem, 0.227rem + 1.7vw, 1.5rem);
}
.page__business .business__header .business__header--name {
  display: flex;
  justify-content: center;
}
.page__business .business__header .business__header--name .name--job {
  position: relative;
  z-index: 1;
  display: grid;
  background-image: url(../../assets/images/common/hexagon-green.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  font-family: var(--font_family-Garamond);
  color: #74c6be;
  gap: 10px;
  aspect-ratio: 1101/954;
  place-items: center;
  place-content: center;
  font-size: 0.875rem;
  font-size: clamp(0.75rem, 0.693rem + 0.24vw, 0.875rem);
  height: 230px;
  height: clamp(100px, 40.909px + 15.76vw, 230px);
}
.page__business .business__header .business__header--name .name--job h1 {
  margin: 0;
  font-weight: 700;
  text-align: center;
  font-size: 2rem;
  font-size: clamp(1.125rem, 0.727rem + 1.7vw, 2rem);
}
.page__business .business__header .business__header--name .name--job h1 span {
  display: block;
  font-size: 1.125rem;
  font-size: clamp(0.875rem, 0.761rem + 0.48vw, 1.125rem);
}
.page__business .business__header .name--en {
  display: flex;
  align-items: center;
  font-family: var(--font_family-Garamond);
  color: var(--color_gr-light);
  letter-spacing: 0.2em;
  height: 115px;
  height: clamp(50px, 20.455px + 7.88vw, 115px);
  font-size: 3.375rem;
  font-size: clamp(0.875rem, -0.261rem + 4.85vw, 3.375rem);
}
.business__epitome {
  display: flex;
  justify-content: flex-end;
  flex-direction: row;
  flex-wrap: wrap;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}
.business__epitome .business__epitome--link {
  position: relative;
  display: block;
  width: 100%;
  max-width: 95%;
}
@media screen and (min-width: 768px) {
  .business__epitome .business__epitome--link {
    max-width: 98.5%;
  }
}
@media screen and (min-width: 1140px) {
  .business__epitome .business__epitome--link {
    max-width: calc(100% - (100% - 1140px) / 2);
  }
}
.business__epitome .business__epitome--link picture {
  display: block;
  width: 100%;
}
.business__epitome .business__epitome--link picture img {
  display: block;
  width: 100%;
}
.business__epitome .link {
  position: absolute;
  width: 16%;
  height: 13%;
}
@media screen and (min-width: 768px) {
  .business__epitome .link {
    width: 16%;
    height: 17%;
  }
}
.business__epitome .link {
  transform: translate(-50%, -50%);
  z-index: 1;
  display: block;
}
.business__epitome .pos1 {
  top: 46%;
  left: 67%;
}
@media screen and (min-width: 768px) {
  .business__epitome .pos1 {
    top: 32%;
    left: 67%;
  }
}
.business__epitome .pos2 {
  top: 57%;
  left: 54%;
}
@media screen and (min-width: 768px) {
  .business__epitome .pos2 {
    top: 46%;
    left: 54%;
  }
}
.business__epitome .pos3 {
  top: 67%;
  left: 41%;
}
@media screen and (min-width: 768px) {
  .business__epitome .pos3 {
    top: 59%;
    left: 40%;
  }
}
.business__epitome .pos4 {
  top: 58%;
  left: 82%;
}
@media screen and (min-width: 768px) {
  .business__epitome .pos4 {
    top: 48%;
    left: 82%;
  }
}
.business__epitome .pos5 {
  top: 69%;
  left: 69%;
}
@media screen and (min-width: 768px) {
  .business__epitome .pos5 {
    top: 61%;
    left: 69%;
  }
}
.business__epitome .pos6 {
  top: 79%;
  left: 56%;
}
@media screen and (min-width: 768px) {
  .business__epitome .pos6 {
    top: 74%;
    left: 56%;
  }
}
.business__epitome .pos7 {
  top: 82%;
  left: 33%;
}
@media screen and (min-width: 768px) {
  .business__epitome .pos7 {
    top: 78%;
    left: 34%;
  }
}
.business__epitome .pos8 {
  top: 91%;
  left: 45%;
}
@media screen and (min-width: 768px) {
  .business__epitome .pos8 {
    top: 89%;
    left: 44%;
  }
}
.business__list--top {
  margin-top: 390px;
  margin-top: clamp(160px, 55.455px + 27.88vw, 390px);
}
.business__list--top .business__list--area {
  position: relative;
}
.business__list--top .business__list--area picture {
  width: 100%;
}
.business__list--top .business__list--area picture img {
  width: 100%;
}
.business__list--top .business__list--area .business__list--items .pos1 {
  top: 20.5%;
  left: 3%;
}
@media screen and (min-width: 768px) {
  .business__list--top .business__list--area .business__list--items .pos1 {
    top: 18.7%;
    left: 10%;
  }
}
.business__list--top .business__list--area .business__list--items .pos2 {
  top: 50%;
  left: 3%;
}
@media screen and (min-width: 768px) {
  .business__list--top .business__list--area .business__list--items .pos2 {
    top: 49.8%;
    left: 10%;
  }
}
.business__list--top .business__list--area .business__list--items .pos3 {
  top: 79.6%;
  left: 3%;
}
@media screen and (min-width: 768px) {
  .business__list--top .business__list--area .business__list--items .pos3 {
    top: 80.9%;
    left: 10%;
  }
}
.business__list--top .business__list--area .business__list--items .pos4 {
  top: 13.5%;
  left: 57.8%;
}
@media screen and (min-width: 768px) {
  .business__list--top .business__list--area .business__list--items .pos4 {
    top: 9.9%;
    left: 64%;
  }
}
.business__list--top .business__list--area .business__list--items .pos5 {
  top: 43%;
  left: 57.8%;
}
@media screen and (min-width: 768px) {
  .business__list--top .business__list--area .business__list--items .pos5 {
    top: 41.1%;
    left: 64%;
  }
}
.business__list--top .business__list--area .business__list--items .pos6 {
  top: 72.6%;
  left: 57.8%;
}
@media screen and (min-width: 768px) {
  .business__list--top .business__list--area .business__list--items .pos6 {
    top: 72.1%;
    left: 64%;
  }
}
.page__business--article {
  background-color: var(--color_theme-wh);
}
.page__business--article .dn--sp {
  display: none !important;
}
@media screen and (min-width: 480px) {
  .page__business--article .dn--sp {
    display: block !important;
  }
}
.page__business--article .dn--pc {
  display: block !important;
}
@media screen and (min-width: 480px) {
  .page__business--article .dn--pc {
    display: none !important;
  }
}
.page__business--article .business__header .business__header--name {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}
.page__business--article .business__header .business__header--name .name--job {
  position: relative;
  z-index: 1;
  display: grid;
  background-image: url(../../assets/images/common/hexagon-green-solid.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  font-family: var(--font_family-Garamond);
  color: var(--color_wh);
  gap: 10px;
  aspect-ratio: 1101/954;
  place-items: center;
  place-content: center;
  font-size: 0.875rem;
  font-size: clamp(0.75rem, 0.693rem + 0.24vw, 0.875rem);
  margin-top: -50px;
  margin-top: clamp(-115px, -20.455px + -7.88vw, -50px);
  height: 230px;
  height: clamp(100px, 40.909px + 15.76vw, 230px);
}
.page__business--article .business__header .business__header--name .name--job h1 {
  margin: 0;
  font-weight: 700;
  text-align: center;
  font-size: 2rem;
  font-size: clamp(1.125rem, 0.727rem + 1.7vw, 2rem);
}
.page__business--article .business__header .business__header--name .name--job h1 span {
  display: block;
  font-size: 1.125rem;
  font-size: clamp(0.875rem, 0.761rem + 0.48vw, 1.125rem);
}
.page__business--article .business__header .business__header--name .name--job h1.line2 {
  margin-top: -0.3em;
}
.page__business--article .business__header .name--en {
  display: flex;
  align-items: center;
  font-family: var(--font_family-Garamond);
  color: var(--color_gr-light);
  letter-spacing: 0.2em;
  height: 115px;
  height: clamp(50px, 20.455px + 7.88vw, 115px);
  font-size: 3.375rem;
  font-size: clamp(0.875rem, -0.261rem + 4.85vw, 3.375rem);
}
.page__business--article .business__main {
  margin-top: 60px;
  margin-top: clamp(30px, 16.364px + 3.64vw, 60px);
}
.page__business--article .business__main p {
  line-height: 1.8;
  font-size: 1.125rem;
  font-size: clamp(1rem, 0.943rem + 0.24vw, 1.125rem);
}
@media screen and (min-width: 480px) {
  .page__business--article .business__main p {
    line-height: 2.5;
  }
}
@media screen and (max-width: 480px) {
  .page__business--article .business__main .wrapper.wrapper--wide {
    width: 100%;
  }
}
@media screen and (min-width: 768px) {
  .page__business--article .business__main .business__content {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 60px 60px;
  }
  .page__business--article .business__main .business__content > *:nth-child(2n-1) {
    width: calc((100% - 60px * 1) * 4.4 / 10);
  }
  .page__business--article .business__main .business__content > *:nth-child(2n) {
    width: calc((100% - 60px * 1) * 5.6 / 10);
  }
}
.page__business--article .business__main .business__content > div:nth-child(1) .content__img {
  display: block;
}
@media screen and (min-width: 768px) {
  .page__business--article .business__main .business__content > div:nth-child(1) .content__img {
    display: none;
  }
}
.page__business--article .business__main .business__content > div:nth-child(2) {
  display: none;
}
@media screen and (min-width: 768px) {
  .page__business--article .business__main .business__content > div:nth-child(2) {
    display: block;
    margin-top: -50px;
    margin-top: clamp(-115px, -20.455px + -7.88vw, -50px);
  }
}
.page__business--article .business__main .business__content .content__text {
  margin-top: 20px;
}
@media screen and (min-width: 768px) {
  .page__business--article .business__main .business__content .content__text {
    margin-top: 60px;
    margin-top: clamp(30px, 16.364px + 3.64vw, 60px);
  }
}
.page__business--article .business__main .business__content .content__text.content__text--top {
  margin-top: 0;
}
.page__business--article .business__main .business__content .content__img {
  margin-top: 20px;
}
@media screen and (min-width: 768px) {
  .page__business--article .business__main .business__content .content__img {
    margin-top: 20px;
  }
}
@media screen and (min-width: 768px) {
  .page__business--article .business__main .business__content .content__img.content__img--top {
    margin-top: -50px;
    margin-top: clamp(-115px, -20.455px + -7.88vw, -50px);
  }
}
.page__business--article .business__main .business__topics--l1 {
  padding: 20px 20px;
  background-color: rgba(170, 171, 171, 0.25);
  margin-top: 80px;
  margin-top: clamp(40px, 21.818px + 4.85vw, 80px);
}
@media screen and (max-width: 480px) {
  .page__business--article .business__main .business__topics--l1 {
    max-width: 100%;
  }
}
@media screen and (min-width: 768px) {
  .page__business--article .business__main .business__topics--l1 {
    padding: 30px 0;
  }
}
.page__business--article .business__main .business__topics--l1 .business__topics {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 10px;
}
.page__business--article .business__main .business__topics--l1 .business__topics > * {
  width: calc((100% - 10px * 0) / 1);
}
@media screen and (min-width: 768px) {
  .page__business--article .business__main .business__topics--l1 .business__topics {
    padding: 0 40px;
    gap: 0px 0px;
  }
  .page__business--article .business__main .business__topics--l1 .business__topics > *:nth-child(2n-1) {
    width: calc((100% - 0px * 1) * 6 / 10);
  }
  .page__business--article .business__main .business__topics--l1 .business__topics > *:nth-child(2n) {
    width: calc((100% - 0px * 1) * 4 / 10);
  }
}
.page__business--article .business__main .business__topics--l1 .business__topics .business__topics--text {
  color: var(--color_bl);
  font-size: 1.375rem;
  font-size: clamp(1.125rem, 1.011rem + 0.48vw, 1.375rem);
}
.page__business--article .business__main .business__topics--l1 .business__topics .business__topics--text span {
  display: block;
  margin-top: 0;
  margin-bottom: 0.5em;
  border-width: 0px 0px 2px 0px;
  border-style: solid;
  border-color: #618f9d;
  color: #618f9d;
  font-size: 2.125rem;
  font-size: clamp(1.5rem, 1.216rem + 1.21vw, 2.125rem);
}
@media screen and (min-width: 768px) {
  .page__business--article .business__main .business__topics--l1 .business__topics .business__topics--text span {
    padding-right: 1em;
  }
}
.page__business--article .business__main .business__topics--l1 .business__topics p {
  margin-top: 0.4em;
  line-height: 2;
}
@media screen and (min-width: 480px) {
  .page__business--article .business__main .business__topics--l1 .business__topics p {
    padding-right: 1em;
    line-height: 2.5;
  }
}
.business__back {
  background-color: var(--color_wh);
  padding-top: 40px;
  padding-top: clamp(20px, 10.909px + 2.42vw, 40px);
  padding-bottom: 40px;
  padding-bottom: clamp(20px, 10.909px + 2.42vw, 40px);
}
.business__back a {
  display: block;
  width: 100%;
  max-width: 280px;
  margin: 0 auto;
  padding: 0.5em;
  border-width: 1px;
  border-style: solid;
  border-color: #618f9d;
  font-family: var(--font_family-NotoSansJP);
  font-size: 1.25rem;
  color: #618f9d;
  text-align: center;
  transition: all 0.5s ease;
}
.business__back a:hover {
  background-color: #618f9d;
  color: var(--color_wh);
  opacity: 0.8;
}
.page__header--number--text {
  font-size: 1.5rem;
  font-size: clamp(1.125rem, 0.955rem + 0.73vw, 1.5rem);
  margin-top: 1em;
  margin-bottom: 1em;
}
@media screen and (min-width: 480px) {
  .page__header--number--text {
    text-align: center;
  }
}
.number__content section {
  margin-top: 40px;
  margin-top: clamp(32px, 28.364px + 0.97vw, 40px);
}
.number__title--main {
  padding: 4px 0px 0px;
  background-color: var(--color_theme-dark-b);
  color: var(--color_wh);
  text-align: center;
  font-weight: 700;
  font-size: 1.5rem;
  font-size: clamp(0.875rem, 0.591rem + 1.21vw, 1.5rem);
}
.number__title--main.theme_light {
  background-color: var(--color_theme);
}
.number__document {
  margin-top: 40px;
  margin-top: clamp(32px, 28.364px + 0.97vw, 40px);
}
.number__info {
  margin-top: 40px;
  margin-top: clamp(32px, 28.364px + 0.97vw, 40px);
}
.number__info dl {
  color: var(--color_theme-dark-b);
}
.number__info.theme__light dl {
  color: var(--color_theme);
}
@media screen and (min-width: 480px) {
  .number__info dl {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    flex-wrap: wrap;
  }
}
.number__info dl dt,
.number__info dl dd {
  text-align: center;
  font-weight: 700;
  line-height: 1;
}
.number__info dl dt {
  font-size: 2.25rem;
  font-size: clamp(1.125rem, 0.614rem + 2.18vw, 2.25rem);
  margin-bottom: 0.3em;
}
@media screen and (min-width: 480px) {
  .number__info dl dt {
    margin-bottom: 0;
    margin-right: 1em;
  }
}
.number__info.theme__mini dl dt {
  width: 100%;
  font-size: 1.5rem;
  font-size: clamp(1.125rem, 0.955rem + 0.73vw, 1.5rem);
}
.number__info dl dd {
  font-size: 8.375rem;
  font-size: clamp(4rem, 2.011rem + 8.48vw, 8.375rem);
}
.number__info.theme__mini dl dd {
  font-size: 5.625rem;
  font-size: clamp(4rem, 3.261rem + 3.15vw, 5.625rem);
}
.number__info dl .unit {
  font-size: 6.25rem;
  font-size: clamp(3rem, 1.523rem + 6.3vw, 6.25rem);
}
.number__info.theme__mini dl .unit {
  font-size: 4rem;
  font-size: clamp(3rem, 2.545rem + 1.94vw, 4rem);
}
.number__info dl .sub {
  display: block;
  color: var(--color_bl);
  font-size: 2.25rem;
  font-size: clamp(1.125rem, 0.614rem + 2.18vw, 2.25rem);
  margin-top: 0.5em;
}
@media screen and (min-width: 768px) {
  .number__info dl .sub {
    display: inline-block;
  }
}
.number__info dl .name {
  display: inline-block;
  font-size: 1.5rem;
  font-size: clamp(1.125rem, 0.955rem + 0.73vw, 1.5rem);
  margin-right: 1em;
  transform: translateY(-1em);
}
.number__info dl .note {
  color: var(--color_bl) !important;
  text-align: center;
  width: 100%;
  margin-top: 0.5em;
  font-size: 1.125rem;
  font-size: clamp(0.8125rem, 0.67rem + 0.61vw, 1.125rem);
}
.number__info.theme__mini dl .note {
  font-size: 1.125rem;
  font-size: clamp(0.8125rem, 0.67rem + 0.61vw, 1.125rem);
}
.number__info.theme__mini dl .note span {
  margin-top: 0.5em;
  display: block;
  font-size: 0.8125rem;
  font-size: clamp(0.625rem, 0.54rem + 0.36vw, 0.8125rem);
}
.number__info dl .about {
  font-size: 4.1875rem;
  font-size: clamp(2.25rem, 1.369rem + 3.76vw, 4.1875rem);
}
.number__info.theme__mini dl .about {
  font-size: 3.375rem;
  font-size: clamp(2.25rem, 1.739rem + 2.18vw, 3.375rem);
}
@media screen and (min-width: 480px) {
  .number__info dl .ml {
    margin-left: 32px;
  }
}
.number__info--layout {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 0px 0px;
}
.number__info--layout > * {
  width: calc((100% - 0px * 0) / 1);
}
@media screen and (min-width: 768px) {
  .number__info--layout {
    gap: 10px 10px;
  }
  .number__info--layout > *:nth-child(2n-1) {
    width: calc((100% - 10px * 1) * 3 / 10);
  }
  .number__info--layout > *:nth-child(2n) {
    width: calc((100% - 10px * 1) * 6 / 10);
  }
}
.number__info--layout .number__info {
  margin-top: 40px;
  margin-top: clamp(32px, 28.364px + 0.97vw, 40px);
}
@media screen and (min-width: 768px) {
  .number__info--layout.theme__staff {
    gap: 10px 10px;
  }
  .number__info--layout.theme__staff > *:nth-child(3n-2) {
    width: calc((100% - 10px * 2) * 4 / 10);
  }
  .number__info--layout.theme__staff > *:nth-child(3n-1) {
    width: calc((100% - 10px * 2) * 3 / 10);
  }
  .number__info--layout.theme__staff > *:nth-child(3n) {
    width: calc((100% - 10px * 2) * 3 / 10);
  }
}
@media screen and (min-width: 768px) {
  .number__info--layout.theme__equipment {
    gap: 10px 10px;
  }
  .number__info--layout.theme__equipment > *:nth-child(3n-2) {
    width: calc((100% - 10px * 1) * 5 / 10);
  }
  .number__info--layout.theme__equipment > *:nth-child(3n-1) {
    width: calc((100% - 10px * 1) * 4 / 10);
  }
  .number__info--layout.theme__equipment > *:nth-child(3n) {
    width: calc((100% - 10px * 0) * 10 / 10);
  }
}
.nav__number ul {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 20px 20px;
}
.nav__number ul > * {
  width: calc((100% - 20px * 0) / 1);
}
@media screen and (min-width: 480px) {
  .nav__number ul {
    gap: 20px 20px;
  }
  .nav__number ul > * {
    width: calc((100% - 20px * 1) / 2);
  }
}
.number__content {
  margin-top: 5rem;
  margin-top: clamp(2.5rem, 1.364rem + 4.85vw, 5rem);
}
@media screen and (max-width: 480px) {
  .number__content .wrapper {
    width: 100%;
  }
}
.work__content section {
  margin-top: 40px;
  margin-top: clamp(20px, 10.909px + 2.42vw, 40px);
}
.work__content .work__content--image {
  margin-top: 20px;
  margin-top: clamp(10px, 5.455px + 1.21vw, 20px);
}
.work__content .work__content--l1 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 20px 20px;
}
.work__content .work__content--l1 > * {
  width: calc((100% - 20px * 0) / 1);
}
@media screen and (min-width: 768px) {
  .work__content .work__content--l1 {
    gap: 40px 40px;
  }
  .work__content .work__content--l1 > *:nth-child(2n-1) {
    width: calc((100% - 40px * 1) * 3.4 / 10);
  }
  .work__content .work__content--l1 > *:nth-child(2n) {
    width: calc((100% - 40px * 1) * 6.6 / 10);
  }
}
.work__content .work__content--l1.flex--stretch {
  align-items: stretch;
}
.work__content .work__content--l1 .work__content--title h2 {
  margin: 0 auto;
  display: grid;
  text-align: center;
  place-content: center;
  color: var(--color_theme-dark-b);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  background-image: url(../../assets/images/common/hexagon-blue.png);
  font-size: 2.875rem;
  font-size: clamp(1.625rem, 1.107rem + 2.21vw, 2.875rem);
  aspect-ratio: 1/1;
  width: 80%;
}
@media screen and (min-width: 480px) {
  .work__content .work__content--l1 .work__content--title h2 {
    width: 64%;
  }
}
@media screen and (min-width: 768px) {
  .work__content .work__content--l1 .work__content--title h2 {
    width: 100%;
  }
}
.work__content .work__content--l1 .work__content--text {
  font-size: 1.25rem;
  font-size: clamp(1rem, 0.896rem + 0.44vw, 1.25rem);
  line-height: 2;
}
@media screen and (min-width: 768px) {
  .work__content .work__content--l1.flex--stretch .work__content--text {
    padding-top: 32px;
  }
}
.work__content .work__content--l1 .work__content--text .dn--pc {
  display: block;
}
@media screen and (min-width: 768px) {
  .work__content .work__content--l1 .work__content--text .dn--pc {
    display: none;
  }
}
.work__content .work__content--l1 .work__content--text .dn--sp {
  display: none;
}
@media screen and (min-width: 768px) {
  .work__content .work__content--l1 .work__content--text .dn--sp {
    display: block;
  }
}
.work__content .work__content--l1 .work__content--text .text--larger {
  line-height: 1.5;
  font-size: 1.375rem;
  font-size: clamp(1.125rem, 1.011rem + 0.48vw, 1.375rem);
}
.work__content .work__content--l1 .work__content--text .text--smaller {
  line-height: 1.5;
  font-size: 0.8125rem;
  text-indent: -1em;
  padding-left: 1em;
  margin-top: 1em;
}
.work__content .work__content--l1 .work__content--text .text--strong {
  line-height: 1.5;
  margin-top: 1em;
  text-align: center;
  padding: 10px 0px;
  background-color: rgba(var(--color_theme-light-b_rgb), 0.2);
  font-weight: 700;
  font-size: 1.625rem;
  font-size: clamp(1.25rem, 1.08rem + 0.73vw, 1.625rem);
}
.work__content .work__content--l1 .work__content--text .text--strong span {
  font-size: 1.25rem;
  font-size: clamp(1.125rem, 1.068rem + 0.24vw, 1.25rem);
}
.work__content .work__content--l1 .work__content--text .text--strong br {
  display: block;
}
@media screen and (min-width: 768px) {
  .work__content .work__content--l1 .work__content--text .text--strong br {
    display: none;
  }
}
.work__content .work__content--l1 .work__content--text .text--marker {
  display: inline-block;
  margin-right: 1em;
}
.work__content .work__content--l1 .work__content--text .text--marker::before {
  content: "■";
  color: rgba(var(--color_theme-light-b_rgb), 0.2);
  margin-right: 0.5em;
}
.work__content .work__content--l1 .work__content--text h3 {
  font-size: 1.25rem;
  font-size: clamp(1rem, 0.896rem + 0.44vw, 1.25rem);
  padding-bottom: 0.1em;
  margin-bottom: 1em;
  border-width: 0px 0px 2px 0px;
  border-style: solid;
  border-color: var(--color_theme-dark-b);
}
.work__content .work__content--l1 .work__content--text p + h3 {
  margin-top: 1em;
}
.work__content .work__content--l1 .work__content--text .side--image {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 20px 20px;
}
.work__content .work__content--l1 .work__content--text .side--image > * {
  width: calc((100% - 20px * 0) / 1);
}
@media screen and (min-width: 480px) {
  .work__content .work__content--l1 .work__content--text .side--image {
    gap: 20px 20px;
  }
  .work__content .work__content--l1 .work__content--text .side--image > *:nth-child(2n-1) {
    width: calc((100% - 20px * 1) * 7 / 10);
  }
  .work__content .work__content--l1 .work__content--text .side--image > *:nth-child(2n) {
    width: calc((100% - 20px * 1) * 3 / 10);
  }
}
.work__content .work__content--l1 .work__content--text .side--image .kurumin-mark {
  display: flex;
  justify-content: center;
}
@media screen and (max-width: 480px) {
  .work__content .work__content--l1 .work__content--text .side--image .kurumin-mark img {
    max-width: 75%;
  }
}
.people-mv {
  background-image: url("../../assets/images/people/mv-bg.webp");
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: cover;
  overflow: hidden;
}
.people-mv .people-mv-inner {
  aspect-ratio: 23/13;
  position: relative;
}
.people-mv .interview-title {
  position: absolute;
  top: 8%;
  left: 2%;
  width: 50%;
}
@media screen and (min-width: 480px) {
  .people-mv .interview-title {
    width: 40%;
  }
}
.people-mv .person-list {
  display: flex;
  justify-content: center;
}
@media screen and (min-width: 480px) {
  .people-mv .person-list {
    padding-inline: 20px;
  }
}
.people-mv .pos1 {
  z-index: 1;
}
.people-mv .pos2 {
  z-index: 1;
}
.people-mv .pos3 {
  z-index: 1;
}
.people-mv .pos4 {
  z-index: 1;
}
.people-mv .pos5 {
  z-index: 9;
}
.people-mv .pos6 {
  z-index: 1;
}
.people-mv .pos7 {
  z-index: 3;
}
.people-mv .pos8 {
  z-index: 2;
}
.people-mv .pos9 {
  z-index: 1;
}
.people-mv .person-swap {
  --d: 4s;
  --p: 0s;
}
.people-mv .swap-image {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: scale(2.3);
  transform-origin: bottom;
}
.people-mv .swap-image.is-first {
  opacity: 1;
  animation-name: swapA;
  animation-duration: var(--d);
  animation-iteration-count: infinite;
  animation-timing-function: steps(1, end);
  animation-delay: calc(-1 * var(--p));
}
.people-mv .swap-image.is-second {
  opacity: 0;
  animation-name: swapB;
  animation-duration: var(--d);
  animation-iteration-count: infinite;
  animation-timing-function: steps(1, end);
  animation-delay: calc(-1 * var(--p));
}
@keyframes swapA {
  0% {
    opacity: 1;
  }
  49% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes swapB {
  0% {
    opacity: 0;
  }
  49% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
.page__people {
  position: relative;
  background-color: rgba(170, 171, 171, 0.25);
  padding-bottom: 80px;
  padding-bottom: clamp(40px, 21.818px + 4.85vw, 80px);
}
.page__people .page__header {
  position: relative;
  z-index: 0;
}
.page__people .page__header .page__header--people {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 80%;
  padding-top: 40px;
  padding-top: clamp(20px, 10.909px + 2.42vw, 40px);
}
.page__people .page__header .page__header--people .wrapper {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  flex-wrap: nowrap;
  height: 100%;
}
.page__people .page__header .page__header--title img {
  filter: drop-shadow(0px 0px 5px var(--color_bl));
  height: 112px;
  height: clamp(44px, 13.091px + 8.24vw, 112px);
}
.page__people .page__header .page__header--text {
  font-weight: 700;
  color: var(--color_wh);
  letter-spacing: 0.2em;
  filter: drop-shadow(0px 0px 5px var(--color_bl));
  font-size: 1.5rem;
  font-size: clamp(0.625rem, 0.227rem + 1.7vw, 1.5rem);
}
.page__people .page__header--under {
  position: relative;
  z-index: 1;
  margin-top: -12svw;
}
@media screen and (min-width: 480px) {
  .page__people .page__header--under {
    margin-top: -10svw;
  }
}
.interview__list--top .interview__list {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 40px 20px;
}
.interview__list--top .interview__list > * {
  width: calc((100% - 20px * 1) / 2);
}
@media screen and (min-width: 768px) {
  .interview__list--top .interview__list {
    gap: 60px 40px;
  }
  .interview__list--top .interview__list > * {
    width: calc((100% - 40px * 2) / 3);
  }
}
.interview__list--top .interview__list .interview__list--item a {
  display: block;
}
@media screen and (max-width: 768px) {
  .interview__list--top .interview__list .interview__list--item:nth-child(2n) a {
    display: flex;
    flex-direction: column-reverse;
    flex-wrap: nowrap;
  }
}
@media screen and (min-width: 768px) {
  .interview__list--top .interview__list .interview__list--item:nth-child(3n-1) a {
    display: flex;
    flex-direction: column-reverse;
    flex-wrap: nowrap;
  }
}
@media screen and (max-width: 768px) {
  .interview__list--top .interview__list .interview__list--item:nth-child(2n) .interview__list--item__img {
    margin-top: -36px;
    margin-top: clamp(-24px, -18.545px + -1.45vw, -36px);
  }
}
@media screen and (min-width: 768px) {
  .interview__list--top .interview__list .interview__list--item:nth-child(3n-1) .interview__list--item__img {
    margin-top: -36px;
    margin-top: clamp(-24px, -18.545px + -1.45vw, -36px);
  }
}
.interview__list--top .interview__list .interview__list--item .interview__list--item__name {
  position: relative;
  z-index: 1;
  background-image: url(../../assets/images/common/hexagon-gr.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  font-family: var(--font_family-Garamond);
  color: var(--color_wh);
  aspect-ratio: 1101/954;
  display: grid;
  place-items: center;
  place-content: center;
  font-size: 0.875rem;
  font-size: clamp(0.75rem, 0.693rem + 0.24vw, 0.875rem);
  margin-top: -36px;
  margin-top: clamp(-24px, -18.545px + -1.45vw, -36px);
}
@media screen and (max-width: 768px) {
  .interview__list--top .interview__list .interview__list--item:nth-child(2n) .interview__list--item__name {
    margin-top: 0;
  }
}
@media screen and (min-width: 768px) {
  .interview__list--top .interview__list .interview__list--item:nth-child(3n-1) .interview__list--item__name {
    margin-top: 0;
  }
}
.interview__list--top .interview__list .interview__list--item .interview__list--item__name h2 {
  margin-top: 0.5em;
  font-weight: 700;
  text-align: center;
  font-size: 2rem;
  font-size: clamp(1rem, 0.545rem + 1.94vw, 2rem);
}
.interview__list--top .interview__list .interview__list--item .interview__list--item__name h2 span {
  display: block;
  font-size: 1.125rem;
  font-size: clamp(0.8125rem, 0.67rem + 0.61vw, 1.125rem);
}
.interview__list--top .interview__list .interview__list--item .interview__list--item__name h2.line2 {
  margin-top: -0.1em;
}
.page__interview--article .dn--sp {
  display: none !important;
}
@media screen and (min-width: 480px) {
  .page__interview--article .dn--sp {
    display: block !important;
  }
}
.page__interview--article .dn--pc {
  display: block !important;
}
@media screen and (min-width: 480px) {
  .page__interview--article .dn--pc {
    display: none !important;
  }
}
.page__interview--article .interview__header .interview__header--img {
  position: relative;
}
@media screen and (min-width: 480px) {
  .page__interview--article .interview__header .interview__header--img .profile {
    position: absolute;
    left: 3%;
    bottom: 4%;
    z-index: 1;
  }
}
.page__interview--article .interview__header--name .name--job {
  position: relative;
  z-index: 1;
  background-image: url(../../assets/images/common/hexagon-gr.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  font-family: var(--font_family-Garamond);
  color: var(--color_wh);
  aspect-ratio: 1101/954;
  display: grid;
  place-items: center;
  place-content: center;
  width: 100%;
  font-size: 0.875rem;
  font-size: clamp(0.75rem, 0.693rem + 0.24vw, 0.875rem);
}
.page__interview--article .interview__header--name .name--job h2 {
  margin-top: 0.5em;
  font-weight: 700;
  text-align: center;
  font-size: 2rem;
  font-size: clamp(1rem, 0.545rem + 1.94vw, 2rem);
}
.page__interview--article .interview__header--name .name--job h2 span {
  display: block;
  font-size: 1.125rem;
  font-size: clamp(0.8125rem, 0.67rem + 0.61vw, 1.125rem);
}
.page__interview--article .interview__header--name .name--job h2.line2 {
  margin-top: -0.2em;
}
.page__interview--article .name--en {
  display: flex;
  align-items: center;
  height: 115px;
  height: clamp(50px, 20.455px + 7.88vw, 115px);
  color: var(--color_gr-light);
  font-family: var(--font_family-Garamond);
  letter-spacing: 0.1em;
  font-size: 3.375rem;
  font-size: clamp(0.875rem, -0.261rem + 4.85vw, 3.375rem);
}
.page__interview--article .interview__main {
  padding-bottom: 80px;
  padding-bottom: clamp(0px, -36.364px + 9.7vw, 80px);
}
.page__interview--article .interview__main .wrapper.photo figure img {
  max-width: 750px;
  width: 100%;
  margin: 0 auto;
}
.page__interview--article .interview__main .section-title {
  margin-top: 1em;
  margin-bottom: 0.5em;
  line-height: 1.5;
  color: var(--color_theme-dark-b);
  font-size: 2.625rem;
  font-size: clamp(1.375rem, 0.807rem + 2.42vw, 2.625rem);
  font-weight: 600;
}
.page__interview--article .interview__main .interview__main--name {
  margin-bottom: 1em;
  padding-bottom: 10px;
  display: flex;
  border-width: 0px 0px 1px 0px;
  border-style: solid;
  border-color: var(--color_theme-dark-b);
  align-items: baseline;
  justify-content: space-between;
  flex-direction: column;
  flex-wrap: wrap;
}
@media screen and (min-width: 480px) {
  .page__interview--article .interview__main .interview__main--name {
    padding-bottom: 4px;
    flex-direction: row-reverse;
  }
}
.page__interview--article .interview__main .interview__main--name p {
  line-height: 1.5;
  font-size: 1.125rem;
  font-size: clamp(0.875rem, 0.761rem + 0.48vw, 1.125rem);
}
.page__interview--article .interview__main .interview__main--name p span {
  margin-right: 0.5em;
  font-size: 2rem;
  font-size: clamp(1.5rem, 1.273rem + 0.97vw, 2rem);
}
.page__interview--article .interview__main .interview__section p {
  line-height: 1.8;
  font-size: 1.125rem;
  font-size: clamp(1rem, 0.943rem + 0.24vw, 1.125rem);
}
@media screen and (min-width: 480px) {
  .page__interview--article .interview__main .interview__section p {
    line-height: 2.5;
  }
}
.page__interview--article .interview__main .interview__content--l1 {
  display: flex;
  justify-content: center;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: stretch;
  margin-top: 60px;
  margin-top: clamp(30px, 16.364px + 3.64vw, 60px);
  gap: 20px 20px;
}
.page__interview--article .interview__main .interview__content--l1 > * {
  width: calc((100% - 20px * 0) / 1);
}
@media screen and (min-width: 768px) {
  .page__interview--article .interview__main .interview__content--l1 {
    gap: 60px 60px;
  }
  .page__interview--article .interview__main .interview__content--l1 > *:nth-child(2n-1) {
    width: calc((100% - 60px * 1) * 3 / 10);
  }
  .page__interview--article .interview__main .interview__content--l1 > *:nth-child(2n) {
    width: calc((100% - 60px * 1) * 7 / 10);
  }
}
@media screen and (max-width: 768px) {
  .page__interview--article .interview__main .interview__content--l1 .interview__content--title {
    display: flex;
    justify-content: center;
  }
}
.page__interview--article .interview__main .interview__content--l1 .interview__content--title h2 {
  margin: 0;
  width: 100%;
  display: grid;
  text-align: center;
  place-content: center;
  color: var(--color_gr);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  background-image: url(../../assets/images/common/hexagon-wh-border.png);
  font-size: 2.125rem;
  font-size: clamp(1.5rem, 1.241rem + 1.1vw, 2.125rem);
  aspect-ratio: 1101/954;
}
@media screen and (max-width: 768px) {
  .page__interview--article .interview__main .interview__content--l1 .interview__content--title h2 {
    width: 50%;
  }
}
.page__interview--article .interview__main .interview__content--l1 .interview__content--text {
  font-size: 1.125rem;
  font-size: clamp(1rem, 0.948rem + 0.22vw, 1.125rem);
  line-height: 2;
}
@media screen and (min-width: 768px) {
  .page__interview--article .interview__main .interview__content--l1 .interview__content--text {
    line-height: 2.5;
  }
}
.page__interview--article .interview__main .interview__content--l1 .interview__content--text .dn--pc {
  display: block;
}
@media screen and (min-width: 768px) {
  .page__interview--article .interview__main .interview__content--l1 .interview__content--text .dn--pc {
    display: none;
  }
}
.page__interview--article .interview__main .interview__content--l1 .interview__content--text .dn--sp {
  display: none;
}
@media screen and (min-width: 768px) {
  .page__interview--article .interview__main .interview__content--l1 .interview__content--text .dn--sp {
    display: block;
  }
}
.page__interview--article .interview__main .interview__massage--l1 .interview__massage p {
  margin-top: 1em;
  line-height: 2;
}
@media screen and (min-width: 480px) {
  .page__interview--article .interview__main .interview__massage--l1 .interview__massage p {
    line-height: 2.5;
  }
}
.page__symposium .symposium__list--top .symposium__list article {
  display: flex;
  align-items: center;
  flex-direction: column-reverse;
  flex-wrap: wrap;
  gap: 0px 0px;
}
.page__symposium .symposium__list--top .symposium__list article > * {
  width: calc((100% - 0px * 0) / 1);
}
@media screen and (min-width: 768px) {
  .page__symposium .symposium__list--top .symposium__list article {
    flex-direction: row-reverse;
    gap: 0px 0px;
  }
  .page__symposium .symposium__list--top .symposium__list article > *:nth-child(2n-1) {
    width: calc((100% - 0px * 1) * 3 / 10);
  }
  .page__symposium .symposium__list--top .symposium__list article > *:nth-child(2n) {
    width: calc((100% - 0px * 1) * 7 / 10);
  }
}
@media screen and (min-width: 768px) {
  .page__symposium .symposium__list--top .symposium__list .content--image .image--larger {
    margin-right: 0px;
    margin-right: clamp(-50px, 22.727px + -6.06vw, 0px);
  }
}
.page__symposium .symposium__list--top .symposium__list .content__hexagon {
  position: relative;
  z-index: 1;
  display: grid;
  background-image: url(../../assets/images/common/hexagon-gr.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  font-family: var(--font_family-Garamond);
  color: var(--color_wh);
  aspect-ratio: 1/1;
  place-content: center;
  font-size: 0.875rem;
  font-size: clamp(0.75rem, 0.693rem + 0.24vw, 0.875rem);
  margin-top: -64px;
  margin-top: clamp(-94px, -50.364px + -3.64vw, -64px);
}
@media screen and (min-width: 768px) {
  .page__symposium .symposium__list--top .symposium__list .content__hexagon {
    margin-top: 0;
  }
}
@media screen and (max-width: 768px) {
  .page__symposium .symposium__list--top .symposium__list .content__hexagon.box--smaller {
    width: 80%;
  }
}
.page__symposium .symposium__list--top .symposium__list .content__hexagon .content__hexagon--box--title {
  display: flex;
  justify-content: center;
}
.page__symposium .symposium__list--top .symposium__list .content__hexagon .content__hexagon--box--title img {
  height: 30px;
  height: clamp(20px, 15.455px + 1.21vw, 30px);
}
.page__symposium .symposium__list--top .symposium__list .content__hexagon .content__hexagon--box--title img.size--line2 {
  height: 75px;
  height: clamp(49px, 37.182px + 3.15vw, 75px);
}
.page__symposium .symposium__list--top .symposium__list .content__hexagon .content__hexagon--box--title img.size--line3 {
  height: 135px;
  height: clamp(80px, 55px + 6.67vw, 135px);
}
.page__symposium .symposium__list--top .symposium__list .content__hexagon p {
  margin-top: 1em;
  text-align: center;
  font-size: 1rem;
  font-size: clamp(0.75rem, 0.636rem + 0.48vw, 1rem);
}
.page__symposium .symposium__list--top .symposium__list .top__content--tertiary .content__hexagon p {
  color: var(--color_bl);
}
.page__symposium--article {
  background-color: rgba(170, 171, 171, 0.25);
}
.page__symposium--article .dn--sp {
  display: none !important;
}
@media screen and (min-width: 480px) {
  .page__symposium--article .dn--sp {
    display: block !important;
  }
}
.page__symposium--article .dn--pc {
  display: block !important;
}
@media screen and (min-width: 480px) {
  .page__symposium--article .dn--pc {
    display: none !important;
  }
}
.page__symposium--article .symposium__header .symposium__header--title {
  display: flex;
  align-items: center;
  justify-content: center;
}
.page__symposium--article .symposium__header .symposium__header--title h1 {
  position: relative;
  z-index: 1;
  display: grid;
  background-image: url(../../assets/images/common/hexagon-gr.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  font-family: var(--font_family-Garamond);
  color: var(--color_wh);
  text-align: center;
  aspect-ratio: 1101/954;
  place-content: center;
  font-size: 2.5rem;
  font-size: clamp(1.125rem, 0.5rem + 2.67vw, 2.5rem);
  height: 230px;
  height: clamp(120px, 70px + 13.33vw, 230px);
  margin-top: -60px;
  margin-top: clamp(-115px, -35px + -6.67vw, -60px);
}
.page__symposium--article .symposium__header .symposium__header--title h1 .content__hexagon--box--title {
  display: flex;
  justify-content: center;
}
.page__symposium--article .symposium__header .symposium__header--title h1 .content__hexagon--box--title img {
  height: 30px;
  height: clamp(20px, 15.455px + 1.21vw, 30px);
}
.page__symposium--article .symposium__header .symposium__header--title h1 .content__hexagon--box--title img.size--line2 {
  height: 75px;
  height: clamp(49px, 37.182px + 3.15vw, 75px);
}
.page__symposium--article .symposium__header .symposium__header--title h1 .content__hexagon--box--title img.size--line3 {
  height: 135px;
  height: clamp(80px, 55px + 6.67vw, 135px);
}
.page__symposium--article .symposium__main {
  padding-bottom: 80px;
  padding-bottom: clamp(40px, 21.818px + 4.85vw, 80px);
}
@media screen and (max-width: 480px) {
  .page__symposium--article .symposium__main .wrapper {
    width: 100%;
  }
}
.page__symposium--article .symposium__main h2 {
  margin-top: 1.5em;
  margin-bottom: 0.5em;
  line-height: 1.8;
  color: var(--color_theme-dark-b);
  text-align: center;
  font-size: 2.125rem;
  font-size: clamp(1.5rem, 1.216rem + 1.21vw, 2.125rem);
}
@media screen and (max-width: 480px) {
  .page__symposium--article .symposium__main h2 {
    max-width: 90%;
    margin-left: auto;
    margin-right: auto;
  }
}
.page__symposium--article .symposium__main p {
  font-size: 1.125rem;
  font-size: clamp(1rem, 0.943rem + 0.24vw, 1.125rem);
}
.page__symposium--article .symposium__main .symposium__talk--l1 {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 10px 10px;
}
.page__symposium--article .symposium__main .symposium__talk--l1 > * {
  width: calc((100% - 10px * 0) / 1);
}
@media screen and (min-width: 768px) {
  .page__symposium--article .symposium__main .symposium__talk--l1 {
    gap: 40px 40px;
  }
  .page__symposium--article .symposium__main .symposium__talk--l1 > *:nth-child(2n-1) {
    width: calc((100% - 40px * 1) * 3.6 / 10);
  }
  .page__symposium--article .symposium__main .symposium__talk--l1 > *:nth-child(2n) {
    width: calc((100% - 40px * 1) * 6.4 / 10);
  }
}
.page__symposium--article .symposium__main .symposium__talk--l1 + .symposium__talk--l1 {
  margin-top: 20px;
}
@media screen and (max-width: 480px) {
  .page__symposium--article .symposium__main .symposium__talk {
    max-width: 90%;
    margin: 0 auto;
  }
}
.page__symposium--article .symposium__main .symposium__talk + .symposium__talk {
  margin-top: 20px;
  margin-top: clamp(10px, 5.455px + 1.21vw, 20px);
}
.page__symposium--article .symposium__main .symposium__talk + .symposium__talk--img {
  margin-top: 20px;
  margin-top: clamp(10px, 5.455px + 1.21vw, 20px);
}
.page__symposium--article .symposium__main .symposium__talk + .symposium__talk--img + .symposium__talk {
  margin-top: 20px;
  margin-top: clamp(10px, 5.455px + 1.21vw, 20px);
}
.page__symposium--article .symposium__main .symposium__talk p {
  line-height: 2;
}
@media screen and (min-width: 768px) {
  .page__symposium--article .symposium__main .symposium__talk p {
    display: flex;
    line-height: 2.5;
  }
}
.page__symposium--article .symposium__main .symposium__talk .talk__personality {
  flex: none;
  font-weight: 700;
  font-size: 1.5rem;
  font-size: clamp(1.125rem, 0.955rem + 0.73vw, 1.5rem);
}
@media screen and (min-width: 768px) {
  .page__symposium--article .symposium__main .symposium__talk .talk__personality {
    transform: translateY(-0.3em);
  }
}
.page__symposium--article .symposium__main .symposium__talk .talk__personality::after {
  content: "：";
}
.page__symposium--article .symposium__main .symposium__talk .talk__personality.personality--a {
  color: var(--color_theme-dark-b);
}
.page__symposium--article .symposium__main .symposium__talk .talk__personality.personality--b {
  color: var(--color_theme-light);
}
.page__symposium--article .symposium__main .symposium__images {
  display: none;
}
@media screen and (min-width: 480px) {
  .page__symposium--article .symposium__main .symposium__images {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 20px 20px;
  }
  .page__symposium--article .symposium__main .symposium__images > * {
    width: calc((100% - 20px * 1) / 2);
  }
  .page__symposium--article .symposium__main .symposium__images {
    margin-top: 40px;
    margin-top: clamp(20px, 10.909px + 2.42vw, 40px);
  }
}
.page__symposium--article .symposium__main .symposium__massage--l1 {
  padding: 20px 20px;
  background-color: var(--color_wh);
  margin-top: 80px;
  margin-top: clamp(40px, 21.818px + 4.85vw, 80px);
}
@media screen and (max-width: 480px) {
  .page__symposium--article .symposium__main .symposium__massage--l1 {
    max-width: 90%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (min-width: 768px) {
  .page__symposium--article .symposium__main .symposium__massage--l1 {
    padding: 20px 0;
  }
}
.page__symposium--article .symposium__main .symposium__massage--l1 h2 {
  margin-top: 0;
  margin-bottom: 0.5em;
}
@media screen and (max-width: 768px) {
  .page__symposium--article .symposium__main .symposium__massage--l1 h2 {
    border-width: 0px 0px 2px 0px;
    border-style: solid;
    border-color: var(--color_theme-dark-b);
  }
}
.page__symposium--article .symposium__main .symposium__massage--l1 .symposium__massages {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 20px 20px;
}
.page__symposium--article .symposium__main .symposium__massage--l1 .symposium__massages > * {
  width: calc((100% - 20px * 0) / 1);
}
@media screen and (min-width: 768px) {
  .page__symposium--article .symposium__main .symposium__massage--l1 .symposium__massages {
    gap: 0px 0px;
  }
  .page__symposium--article .symposium__main .symposium__massage--l1 .symposium__massages > * {
    width: calc((100% - 0px * 1) / 2);
  }
}
@media screen and (min-width: 768px) {
  .page__symposium--article .symposium__main .symposium__massage--l1 .symposium__massage {
    padding: 0 40px;
  }
}
@media screen and (min-width: 768px) {
  .page__symposium--article .symposium__main .symposium__massage--l1 .symposium__massage + .symposium__massage {
    border-width: 0px 0px 0px 1px;
    border-style: solid;
    border-color: var(--color_gr);
  }
}
.page__symposium--article .symposium__main .symposium__massage--l1 .symposium__massage p {
  margin-top: 1em;
  line-height: 2;
}
.interview__back,
.symposium__back {
  background-color: var(--color_wh);
  padding-top: 40px;
  padding-top: clamp(20px, 10.909px + 2.42vw, 40px);
  padding-bottom: 40px;
  padding-bottom: clamp(20px, 10.909px + 2.42vw, 40px);
}
.interview__back a,
.symposium__back a {
  display: block;
  width: 100%;
  max-width: 280px;
  margin: 0 auto;
  padding: 0.5em;
  font-weight: 500;
  border-width: 1px;
  border-style: solid;
  border-color: var(--color_theme-dark-b);
  font-family: var(--font_family-NotoSansJP);
  font-size: 1.25rem;
  color: var(--color_theme-dark-b);
  text-align: center;
  transition: all 0.5s ease;
}
.interview__back a:hover,
.symposium__back a:hover {
  background-color: var(--color_theme-dark-b);
  color: var(--color_wh);
  opacity: 0.8;
}
.hexagon {
  position: relative;
  z-index: 1;
  display: grid;
  background-image: url(../../assets/images/common/hexagon-red.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  aspect-ratio: 1101/954;
  place-content: center;
}
.page__focus {
  position: relative;
  background-color: #e58a64;
}
.page__focus .page__header {
  position: relative;
  z-index: 0;
}
.page__focus .page__header .page__header--focus {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 80%;
  padding-top: 40px;
  padding-top: clamp(20px, 10.909px + 2.42vw, 40px);
}
.page__focus .page__header .page__header--focus .wrapper {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  flex-wrap: nowrap;
  height: 100%;
}
.page__focus .page__header .page__header--title img {
  filter: drop-shadow(0px 0px 5px var(--color_bl));
  height: 112px;
  height: clamp(44px, 13.091px + 8.24vw, 112px);
}
.page__focus .page__header .page__header--text {
  font-weight: 700;
  color: var(--color_wh);
  letter-spacing: 0.2em;
  filter: drop-shadow(0px 0px 5px var(--color_bl));
  font-size: 1.5rem;
  font-size: clamp(0.625rem, 0.227rem + 1.7vw, 1.5rem);
}
.page__focus .page__header--under {
  position: relative;
  z-index: 1;
  margin-top: -12svw;
}
@media screen and (min-width: 480px) {
  .page__focus .page__header--under {
    margin-top: -10svw;
  }
}
.page__focus .focus__list--top {
  padding-bottom: 5rem;
  padding-bottom: clamp(2.5rem, 1.364rem + 4.85vw, 5rem);
}
.page__focus .focus__list--top .focus__list article {
  display: flex;
  align-items: center;
  flex-direction: column-reverse;
  flex-wrap: wrap;
  gap: 0px 0px;
}
.page__focus .focus__list--top .focus__list article > * {
  width: calc((100% - 0px * 0) / 1);
}
@media screen and (min-width: 768px) {
  .page__focus .focus__list--top .focus__list article {
    flex-direction: row;
    gap: 0px 0px;
  }
  .page__focus .focus__list--top .focus__list article > *:nth-child(2n-1) {
    width: calc((100% - 0px * 1) * 3 / 10);
  }
  .page__focus .focus__list--top .focus__list article > *:nth-child(2n) {
    width: calc((100% - 0px * 1) * 7 / 10);
  }
}
.page__focus .focus__list--top .focus__list article + article {
  margin-top: 5rem;
  margin-top: clamp(2.5rem, 1.364rem + 4.85vw, 5rem);
}
.page__focus .focus__list--top .focus__list article.fd--reverse {
  flex-direction: column-reverse;
}
@media screen and (min-width: 768px) {
  .page__focus .focus__list--top .focus__list article.fd--reverse {
    flex-direction: row-reverse;
  }
}
.page__focus .focus__list--top .focus__list article .content--image .image--larger {
  display: block;
}
@media screen and (min-width: 768px) {
  .page__focus .focus__list--top .focus__list article .content--image .image--larger {
    margin-left: 0px;
    margin-left: clamp(-50px, 22.727px + -6.06vw, 0px);
  }
  .page__focus .focus__list--top .focus__list article.fd--reverse .content--image .image--larger {
    margin-left: auto;
    margin-right: 0px;
    margin-right: clamp(-50px, 22.727px + -6.06vw, 0px);
  }
}
.page__focus .focus__list--top .focus__list .content__hexagon {
  position: relative;
  z-index: 1;
  display: grid;
  background-image: url(../../assets/images/common/hexagon-btn-wh.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  font-family: var(--font_family-Garamond);
  color: var(--color_wh);
  aspect-ratio: 1101/954;
  place-content: center;
  font-size: 0.875rem;
  font-size: clamp(0.75rem, 0.693rem + 0.24vw, 0.875rem);
  margin-top: -64px;
  margin-top: clamp(-94px, -50.364px + -3.64vw, -64px);
}
@media screen and (min-width: 768px) {
  .page__focus .focus__list--top .focus__list .content__hexagon {
    margin-top: 0;
  }
}
@media screen and (max-width: 768px) {
  .page__focus .focus__list--top .focus__list .content__hexagon.box--smaller {
    width: 80%;
  }
}
.page__focus .focus__list--top .focus__list .content__hexagon .content__hexagon--box--title {
  display: flex;
  justify-content: center;
}
.page__focus .focus__list--top .focus__list .content__hexagon .content__hexagon--box--title img {
  height: 30px;
  height: clamp(20px, 15.455px + 1.21vw, 30px);
}
.page__focus .focus__list--top .focus__list .content__hexagon .content__hexagon--box--title img.size--custom2 {
  height: 85px;
  height: clamp(55px, 41.364px + 3.64vw, 85px);
}
.page__focus .focus__list--top .focus__list .content__hexagon .content__hexagon--box--title img.size--line3 {
  height: 135px;
  height: clamp(90px, 69.545px + 5.45vw, 135px);
}
.page__focus .focus__list--top .focus__list .content__hexagon p {
  margin-top: 1em;
  text-align: center;
  font-size: 1rem;
  font-size: clamp(0.75rem, 0.636rem + 0.48vw, 1rem);
}
.page__focus .focus__list--top .focus__list .top__content--tertiary .content__hexagon p {
  color: var(--color_bl);
}
.page__focus--article {
  background-color: var(--color_wh);
}
.page__focus--article .dn--sp {
  display: none !important;
}
@media screen and (min-width: 480px) {
  .page__focus--article .dn--sp {
    display: block !important;
  }
}
.page__focus--article .dn--pc {
  display: block !important;
}
@media screen and (min-width: 480px) {
  .page__focus--article .dn--pc {
    display: none !important;
  }
}
.page__focus--article .focus__main {
  padding-bottom: 80px;
  padding-bottom: clamp(40px, 21.818px + 4.85vw, 80px);
}
.page__focus--article .focus__main .wrapper {
  max-width: 1020px;
}
.page__focus--article .focus__main h2 {
  margin-top: 1.5em;
  margin-bottom: 0.5em;
  line-height: 1.8;
  color: var(--color_theme-dark-r);
  text-align: center;
  font-size: 2.1875rem;
  font-size: clamp(0.9375rem, 0.369rem + 2.42vw, 2.1875rem);
}
@media screen and (max-width: 480px) {
  .page__focus--article .focus__main h2 {
    max-width: 90%;
    margin-right: auto;
    margin-left: auto;
  }
}
.page__focus--article .focus__main p {
  line-height: 2.5;
  font-size: 1.125rem;
  font-size: clamp(1rem, 0.943rem + 0.24vw, 1.125rem);
}
.page__focus--article .focus__main .focus__flex {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  margin-top: 40px;
  margin-top: clamp(10px, -3.636px + 3.64vw, 40px);
  gap: 30px 30px;
}
.page__focus--article .focus__main .focus__flex > * {
  width: calc((100% - 30px * 0) / 1);
}
@media screen and (min-width: 768px) {
  .page__focus--article .focus__main .focus__flex {
    flex-direction: row;
    gap: 70px 70px;
  }
  .page__focus--article .focus__main .focus__flex > *:nth-child(2n-1) {
    width: calc((100% - 70px * 1) * 5.4 / 10);
  }
  .page__focus--article .focus__main .focus__flex > *:nth-child(2n) {
    width: calc((100% - 70px * 1) * 4.6 / 10);
  }
}
.page__focus--article .focus__main .profile p {
  line-height: 1.5;
  margin-top: 0.5em;
}
.page__focus--article .focus__main .profile p + p {
  margin-top: 0.2em;
}
.page__focus--article .focus__main .profile p span {
  margin-right: 0.5em;
  font-size: 2rem;
  font-size: clamp(1.5rem, 1.273rem + 0.97vw, 2rem);
}
.page__focus--article .focus__main .focus__text {
  line-height: 2.5;
  font-size: 1.375rem;
  font-size: clamp(1.5rem, 1.557rem + -0.24vw, 1.375rem);
}
.page__focus--article .focus__main .chapter--header {
  display: flex;
  align-items: center;
  flex-direction: column;
  flex-wrap: nowrap;
  gap: 30px;
  margin-top: 80px;
  margin-top: clamp(40px, 21.818px + 4.85vw, 80px);
  margin-bottom: 40px;
  margin-bottom: clamp(20px, 10.909px + 2.42vw, 40px);
}
@media screen and (min-width: 768px) {
  .page__focus--article .focus__main .chapter--header {
    flex-direction: row;
  }
}
.page__focus--article .focus__main .chapter--header .chapter__text {
  display: grid;
  width: 150px;
  padding-top: 1em;
  font-family: var(--font_family-Garamonds);
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1;
  color: var(--color_theme-dark-r);
  text-align: center;
  letter-spacing: 0.2em;
  flex: none;
  place-content: center;
  font-size: 0.875rem;
  font-size: clamp(0.75rem, 0.693rem + 0.24vw, 0.875rem);
}
.page__focus--article .focus__main .chapter--header .chapter__text span {
  display: block;
  margin-top: 0.2em;
  font-size: 2.25rem;
  font-size: clamp(2rem, 1.886rem + 0.48vw, 2.25rem);
}
.page__focus--article .focus__main .chapter--header h2 {
  margin: 0;
  font-size: 2.25rem;
  font-size: clamp(0.9375rem, 0.341rem + 2.55vw, 2.25rem);
}
@media screen and (min-width: 768px) {
  .page__focus--article .focus__main .chapter--header h2 {
    text-align: left;
  }
}
.page__focus--article .focus__main .chapter__image--center {
  width: 100%;
  max-width: 700px;
  margin: 0 auto;
}
.page__focus--article .focus__main .chapter--layout1 {
  margin-top: 40px;
  margin-top: clamp(30px, 25.455px + 1.21vw, 40px);
}
@media screen and (min-width: 768px) {
  .page__focus--article .focus__main .chapter--layout1 {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 60px 60px;
  }
  .page__focus--article .focus__main .chapter--layout1 > *:nth-child(2n-1) {
    width: calc((100% - 60px * 1) * 5.4 / 10);
  }
  .page__focus--article .focus__main .chapter--layout1 > *:nth-child(2n) {
    width: calc((100% - 60px * 1) * 4.6 / 10);
  }
}
.page__focus--article .focus__main .chapter--layout1.layout--border {
  border-width: 1px 0px 1px 0px;
  border-style: solid;
  border-color: var(--color_theme-dark-r);
  padding-top: 36px;
  padding-top: clamp(24px, 18.545px + 1.45vw, 36px);
  padding-bottom: 36px;
  padding-bottom: clamp(24px, 18.545px + 1.45vw, 36px);
}
.page__focus--article .focus__main .chapter--layout1.display--images > div:nth-child(1) .chapter__image {
  display: block;
}
@media screen and (min-width: 768px) {
  .page__focus--article .focus__main .chapter--layout1.display--images > div:nth-child(1) .chapter__image {
    display: none;
  }
}
.page__focus--article .focus__main .chapter--layout1.display--images > div:nth-child(2) {
  display: none;
}
@media screen and (min-width: 768px) {
  .page__focus--article .focus__main .chapter--layout1.display--images > div:nth-child(2) {
    display: block;
  }
}
.page__focus--article .focus__main .chapter--layout1 > div + div {
  margin-top: 20px;
}
@media screen and (min-width: 768px) {
  .page__focus--article .focus__main .chapter--layout1 > div + div {
    margin-top: 0px;
  }
}
.page__focus--article .focus__main .chapter__text + .chapter__text,
.page__focus--article .focus__main .chapter__text + .chapter__image {
  margin-top: 60px;
  margin-top: clamp(20px, 1.818px + 4.85vw, 60px);
}
.page__focus--article .focus__main .chapter__image + .chapter__text {
  margin-top: 60px;
  margin-top: clamp(20px, 1.818px + 4.85vw, 60px);
}
.page__focus--article .focus__main .chapter__image + .chapter__image {
  margin-top: 20px;
  margin-top: clamp(10px, 5.455px + 1.21vw, 20px);
}
@media screen and (max-width: 480px) {
  .page__focus--article .focus__main .focus__talk {
    max-width: 90%;
    margin: 0 auto;
  }
}
.page__focus--article .focus__main .focus__talk + .focus__talk {
  margin-top: 20px;
  margin-top: clamp(10px, 5.455px + 1.21vw, 20px);
}
.page__focus--article .focus__main .focus__talk + .focus__talk--img {
  margin-top: 20px;
  margin-top: clamp(10px, 5.455px + 1.21vw, 20px);
}
.page__focus--article .focus__main .focus__talk + .focus__talk--img + .focus__talk {
  margin-top: 20px;
  margin-top: clamp(10px, 5.455px + 1.21vw, 20px);
}
.page__focus--article .focus__main .focus__talk p {
  line-height: 2;
}
@media screen and (min-width: 768px) {
  .page__focus--article .focus__main .focus__talk p {
    display: flex;
    line-height: 2.5;
  }
}
.page__focus--article .focus__main .focus__talk .talk__personality {
  font-weight: 700;
  flex: none;
  font-size: 1.5rem;
  font-size: clamp(1.125rem, 0.955rem + 0.73vw, 1.5rem);
}
@media screen and (min-width: 768px) {
  .page__focus--article .focus__main .focus__talk .talk__personality {
    transform: translateY(-0.3em);
  }
}
.page__focus--article .focus__main .focus__talk .talk__personality::after {
  content: "：";
}
.page__focus--article .focus__main .focus__talk .talk__personality.personality--a {
  color: var(--color_theme-dark-b);
}
.page__focus--article .focus__main .focus__talk .talk__personality.personality--b {
  color: var(--color_theme-light);
}
.page__focus--article .focus__main .focus__images {
  display: none;
}
@media screen and (min-width: 480px) {
  .page__focus--article .focus__main .focus__images {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 20px 20px;
  }
  .page__focus--article .focus__main .focus__images > * {
    width: calc((100% - 20px * 1) / 2);
  }
  .page__focus--article .focus__main .focus__images {
    margin-top: 40px;
    margin-top: clamp(20px, 10.909px + 2.42vw, 40px);
  }
}
.page__focus--article .focus__main .focus__massage--l1 {
  padding: 20px 20px;
  background-color: var(--color_wh);
  margin-top: 80px;
  margin-top: clamp(40px, 21.818px + 4.85vw, 80px);
}
@media screen and (max-width: 480px) {
  .page__focus--article .focus__main .focus__massage--l1 {
    max-width: 90%;
    margin-right: auto;
    margin-left: auto;
  }
}
@media screen and (min-width: 768px) {
  .page__focus--article .focus__main .focus__massage--l1 {
    padding: 20px 0;
  }
}
.page__focus--article .focus__main .focus__massage--l1 h2 {
  margin-top: 0;
  margin-bottom: 0.5em;
}
@media screen and (max-width: 768px) {
  .page__focus--article .focus__main .focus__massage--l1 h2 {
    border-width: 0px 0px 2px 0px;
    border-style: solid;
    border-color: var(--color_theme-dark-b);
  }
}
.page__focus--article .focus__main .focus__massage--l1 .focus__massages {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 20px 20px;
}
.page__focus--article .focus__main .focus__massage--l1 .focus__massages > * {
  width: calc((100% - 20px * 0) / 1);
}
@media screen and (min-width: 768px) {
  .page__focus--article .focus__main .focus__massage--l1 .focus__massages {
    gap: 0px 0px;
  }
  .page__focus--article .focus__main .focus__massage--l1 .focus__massages > * {
    width: calc((100% - 0px * 1) / 2);
  }
}
@media screen and (min-width: 768px) {
  .page__focus--article .focus__main .focus__massage--l1 .focus__massage {
    padding: 0 40px;
  }
}
@media screen and (min-width: 768px) {
  .page__focus--article .focus__main .focus__massage--l1 .focus__massage + .focus__massage {
    border-width: 0px 0px 0px 1px;
    border-style: solid;
    border-color: var(--color_gr);
  }
}
.page__focus--article .focus__main .focus__massage--l1 .focus__massage p {
  margin-top: 1em;
  line-height: 2;
}
.interview__back,
.focus__back {
  background-color: var(--color_wh);
  padding-top: 40px;
  padding-top: clamp(20px, 10.909px + 2.42vw, 40px);
  padding-bottom: 40px;
  padding-bottom: clamp(20px, 10.909px + 2.42vw, 40px);
}
.interview__back a,
.focus__back a {
  display: block;
  width: 100%;
  max-width: 280px;
  margin: 0 auto;
  padding: 0.5em;
  border-width: 1px;
  border-style: solid;
  border-color: var(--color_theme-dark-b);
  font-family: var(--font_family-NotoSansJP);
  font-size: 1.25rem;
  font-weight: 500;
  color: var(--color_theme-dark-b);
  text-align: center;
  transition: all 0.5s ease;
}
.interview__back a:hover,
.focus__back a:hover {
  background-color: var(--color_theme-dark-b);
  color: var(--color_wh);
  opacity: 0.8;
}
.focus__banner {
  padding-top: 80px;
  padding-top: clamp(40px, 21.818px + 4.85vw, 80px);
  padding-bottom: 80px;
  padding-bottom: clamp(40px, 21.818px + 4.85vw, 80px);
  background-color: var(--color_wh);
}
.focus__banner ul {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  flex-wrap: wrap;
}
.focus__banner ul li {
  max-width: 500px;
}
.page__sitemap {
  color: var(--color_wh);
  background-color: var(--color_bl);
  font-family: var(--font_family-NotoSansJP);
  padding-top: 40px;
  padding-top: clamp(20px, 10.909px + 2.42vw, 40px);
  padding-bottom: 40px;
  padding-bottom: clamp(20px, 10.909px + 2.42vw, 40px);
}
.page__sitemap .sitemap__menu {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 20px 20px;
}
.page__sitemap .sitemap__menu > * {
  width: calc((100% - 20px * 0) / 1);
}
.page__sitemap .sitemap__menu {
  padding-top: 40px;
  padding-top: clamp(20px, 10.909px + 2.42vw, 40px);
}
@media screen and (min-width: 768px) {
  .page__sitemap .sitemap__menu {
    gap: 60px 30px;
  }
  .page__sitemap .sitemap__menu > * {
    width: calc((100% - 30px * 2) / 3);
  }
}
.page__sitemap .sitemap__menu h2 {
  position: relative;
  display: flex;
  align-items: center;
  padding: 0px 0px 10px 0px;
  border-width: 0px 0px 1px 0px;
  border-style: solid;
  border-color: var(--color_gr-light);
  background-color: var(--color_bl);
  color: var(--color_wh);
  letter-spacing: 0.2em;
  cursor: pointer;
  font-size: 1.25rem;
  font-size: clamp(1rem, 0.886rem + 0.48vw, 1.25rem);
}
.page__sitemap .sitemap__menu h2 span {
  display: block;
  margin-left: 1em;
  letter-spacing: normal;
  font-size: 1rem;
  font-size: clamp(0.875rem, 0.818rem + 0.24vw, 1rem);
}
.page__sitemap .sitemap__menu ul.sitemap__main--li {
  padding-top: 20px;
  padding-top: clamp(10px, 5.455px + 1.21vw, 20px);
}
.page__sitemap .sitemap__menu ul.sitemap__main--li li a {
  display: flex;
  align-items: center;
  padding: 10px 10px 10px 0px;
  color: var(--color_wh);
  letter-spacing: 0.1em;
  font-size: 0.875rem;
  font-size: clamp(0.75rem, 0.693rem + 0.24vw, 0.875rem);
}
.page__sitemap .sitemap__menu ul.sitemap__main--li li a::before {
  content: "";
  display: block;
  width: 1em;
  height: 1em;
  margin-right: 1em;
  transition: all 0.5s ease;
  background-color: var(--color_wh);
  mask: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13.03 15.05'%3E%3Cpath d='m0,15.05V0l13.03,7.52L0,15.05Z'/%3E%3C/svg%3E") no-repeat center center;
  -webkit-mask: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13.03 15.05'%3E%3Cpath d='m0,15.05V0l13.03,7.52L0,15.05Z'/%3E%3C/svg%3E") no-repeat center center;
}
.page__sitemap .sitemap__menu ul.sitemap__main--li li a:hover {
  opacity: 0.8;
}
.page__sitemap .sitemap__menu ul.sitemap__side--li .dn--pc {
  display: block;
}
@media screen and (min-width: 768px) {
  .page__sitemap .sitemap__menu ul.sitemap__side--li .dn--pc {
    display: none;
  }
}
.page__sitemap .sitemap__menu ul.sitemap__side--li li a {
  display: flex;
  align-items: center;
  padding: 10px 10px 10px 0px;
  color: var(--color_wh);
  letter-spacing: 0.1em;
  font-size: 0.875rem;
  font-size: clamp(0.75rem, 0.693rem + 0.24vw, 0.875rem);
}
.page__sitemap .sitemap__menu ul.sitemap__side--li li a:hover {
  opacity: 0.8;
}
.page__sitemap .sitemap__menu ul.sitemap__side--li li a .theme--blue {
  color: var(--color_theme);
}
.page__sitemap .sitemap__menu ul.sitemap__side--li li a .theme--red {
  color: var(--color_theme-light);
}