@charset "UTF-8";
html {
  font-size: 100%;
}
@media screen and (width < 375px) {
  html {
    font-size: 4.2666666667vw;
  }
}
@media screen and (width > 1440px) {
  html {
    font-size: 1.1111111111vw;
  }
}
@media screen and (width > 1680px) {
  html {
    font-size: 116.6666666667%;
  }
}
html {
  scroll-padding-top: var(--header-height);
}
html:has(> body[style*="position: fixed"]) {
  scrollbar-gutter: stable;
}

html.lenis,
html.lenis body {
  height: auto;
}

.lenis.lenis-stopped {
  overflow: clip;
}

.lenis.lenis-smooth iframe {
  pointer-events: none;
}

a[href^=tel] {
  text-decoration: none;
}
@media (any-hover: hover) {
  a[href^=tel] {
    pointer-events: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  *,
  ::before,
  ::after {
    transition-delay: 0s !important;
    transition-duration: 0.01ms !important;
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
  }
}
a {
  color: inherit;
  -webkit-tap-highlight-color: transparent;
  /* 強調をなくす */
}

a:hover {
  text-decoration: none;
}

img,
svg {
  vertical-align: middle;
}

img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

:where(:any-link, button, [type=button], [type=reset], [type=submit], label[for], select, summary, [role=tab], [role=button]) {
  cursor: pointer;
}

:where(a[href], button:not(:disabled), summary, [role=tab], [role=button]):not(:where(.c-arrow-button,
.c-button,
.p-top-culture__itemLink,
.p-top-news__card,
.p-top-people__card,
.p-top-project__card,
.p-footer__pagetopLink,
.p-footer__entryLink,
.p-header__navLink,
.p-header__megaLink,
.p-top-recruit__cardLink,
.p-top-recruit__wideLink,
.p-recruit-info__card,
.p-recruit-info__wide,
.p-faq-item__link,
.p-event-detail__link,
.p-company-mission__banner,
.p-company-special__card,
.p-related-link__card,
.p-department-intro__link,
.p-department-block__toggle[aria-expanded=false],
.c-accordion__summary)) {
  transition: opacity var(--duration);
}
@media (any-hover: hover) {
  :where(a[href], button:not(:disabled), summary, [role=tab], [role=button]):not(:where(.c-arrow-button,
  .c-button,
  .p-top-culture__itemLink,
  .p-top-news__card,
  .p-top-people__card,
  .p-top-project__card,
  .p-footer__pagetopLink,
  .p-footer__entryLink,
  .p-header__navLink,
  .p-header__megaLink,
  .p-top-recruit__cardLink,
  .p-top-recruit__wideLink,
  .p-recruit-info__card,
  .p-recruit-info__wide,
  .p-faq-item__link,
  .p-event-detail__link,
  .p-company-mission__banner,
  .p-company-special__card,
  .p-related-link__card,
  .p-department-intro__link,
  .p-department-block__toggle[aria-expanded=false],
  .c-accordion__summary)):hover {
    opacity: 0.8;
  }
}

:where(button, [type=button], [type=reset], [type=submit]) {
  touch-action: manipulation;
}

:focus:not(:focus-visible) {
  outline: none;
}

input[type=text] {
  font-size: 1rem;
  /* = 16px */
}

textarea {
  field-sizing: content;
}

body {
  font-family: var(--base-font-family);
  font-weight: var(--fw-regular);
  color: var(--color-text);
  background-color: var(--color-bg);
}
@media screen and (width <= 768px) {
  body {
    background-color: var(--color-bg-sp);
  }
}

@media (prefers-reduced-motion: no-preference) {
  .js [data-motion=slide] {
    opacity: 0;
  }
}
html {
  box-sizing: border-box;
  /* Prevent adjustments of font size after orientation changes in iOS */
  word-break: normal;
  tab-size: 4;
  -webkit-text-size-adjust: 100%;
          text-size-adjust: 100%;
}

*,
::before,
::after {
  /* Set `background-repeat: no-repeat` to all elements and pseudo elements */
  box-sizing: inherit;
  box-sizing: border-box;
  background-repeat: no-repeat;
}

::before,
::after {
  text-decoration: inherit;
  /* Inherit text-decoration and vertical align to ::before and ::after pseudo elements */
  vertical-align: inherit;
}

* {
  padding: 0;
  /* Reset `padding` and `margin` of all elements */
  margin: 0;
}

/* # =================================================================
     # General elements
     # ================================================================= */
hr {
  /* Show the overflow in Edge and IE */
  height: 0;
  overflow: visible;
  /* Add the correct box sizing in Firefox */
  color: inherit;
  /* Correct border color in Firefox. */
}

details,
main {
  display: block;
  /* Render the `main` element consistently in IE. */
}

summary {
  display: list-item;
  /* Add the correct display in all browsers */
}

small {
  font-size: 80%;
  /* Set font-size to 80% in `small` elements */
}

[hidden] {
  display: none;
  /* Add the correct display in IE */
}

abbr[title] {
  /* Remove the bottom border in Chrome 57 */
  /* Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari */
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
  border-bottom: none;
}

a {
  background-color: transparent;
  /* Remove the gray background on active links in IE 10 */
}

a:active,
a:hover {
  outline-width: 0;
  /* Remove the outline when hovering in all browsers */
}

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  /* Specify the font family of code elements */
}

pre {
  font-size: 1em;
  /* Correct the odd `em` font sizing in all browsers */
}

b,
strong {
  font-weight: bolder;
  /* Add the correct font weight in Chrome, Edge, and Safari */
}

/* https://gist.github.com/unruthless/413930 */
sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

table {
  /* Correct border color in all Chrome, Edge, and Safari. */
  text-indent: 0;
  border-color: inherit;
  /* Remove text indentation in Chrome, Edge, and Safari */
}

iframe {
  border-style: none;
}

/* # =================================================================
     # Forms
     # ================================================================= */
input {
  border-radius: 0;
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
  /* Correct the cursor style of increment and decrement buttons in Chrome */
}

[type=search] {
  appearance: textfield;
  appearance: none;
  /* Correct the odd appearance in Chrome and Safari */
  outline-offset: -2px;
  /* Correct the outline style in Safari */
}

[type=search]::-webkit-search-decoration {
  appearance: none;
  /* Remove the inner padding in Chrome and Safari on macOS */
}

textarea {
  overflow: auto;
  resize: vertical;
}

button,
input,
optgroup,
select,
textarea {
  font: inherit;
  /* Specify font inheritance of form elements */
}

optgroup {
  font-weight: bold;
  /* Restore the font weight unset by the previous rule */
}

button {
  overflow: visible;
  /* Address `overflow` set to `hidden` in IE 8/9/10/11 */
}

button,
select {
  text-transform: none;
  /* Firefox 40+, Internet Explorer 11- */
}

/* Apply cursor pointer to button elements */
button,
[type=button],
[type=reset],
[type=submit],
[role=button] {
  cursor: pointer;
}

/* Remove inner padding and border in Firefox 4+ */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  padding: 0;
  border-style: none;
}

/* Replace focus style removed in the border reset above */
button:-moz-focusring,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  outline: 1px dotted ButtonText;
}

button,
html [type=button],
[type=reset],
[type=submit] {
  appearance: button;
  /* Correct the inability to style clickable types in iOS */
}

button,
input,
select,
textarea {
  appearance: none;
  background-color: transparent;
  border-style: none;
}

/* Style select like a standard input */
select {
  appearance: none;
}

select::-ms-expand {
  display: none;
  /* Internet Explorer 11+ */
}

select::-ms-value {
  color: currentcolor;
  /* Internet Explorer 11+ */
}

legend {
  /* Correct the color inheritance from `fieldset` elements in IE */
  display: table;
  /* Correct the text wrapping in Edge and IE */
  /* Correct the text wrapping in Edge and IE */
  max-width: 100%;
  /* Correct `color` not being inherited in IE 8/9/10/11 */
  color: inherit;
  /* Correct the text wrapping in Edge and IE */
  white-space: normal;
  border: 0;
  /* Correct the text wrapping in Edge 18- and IE */
}

::-webkit-file-upload-button {
  font: inherit;
  color: inherit;
  /* Correct the inability to style clickable types in iOS and Safari */
  appearance: button;
  /* Change font properties to `inherit` in Chrome and Safari */
}

/* Replace pointer cursor in disabled elements */
[disabled] {
  cursor: default;
}

/* # =================================================================
     # Specify media element style
     # ================================================================= */
img {
  border-style: none;
  /* Remove border when inside `a` element in IE 8/9/10 */
}

/* Add the correct vertical alignment in Chrome, Firefox, and Opera */
progress {
  vertical-align: baseline;
}

/* # =================================================================
     # Accessibility
     # ================================================================= */
/* Specify the progress cursor of updating elements */
[aria-busy=true] {
  cursor: progress;
}

/* Specify the pointer cursor of trigger elements */
[aria-controls] {
  cursor: pointer;
}

/* Specify the unstyled cursor of disabled, not-editable, or otherwise inoperable elements */
[aria-disabled=true] {
  cursor: default;
}

/* Remove default margin */
body,
h1,
h2,
h3,
h4,
p,
ul,
ol,
figure,
blockquote,
dl,
dd {
  margin: 0;
}

/* Remove default padding */
ul,
ol {
  padding: 0;
  list-style: "";
}

ul > li::marker,
ol > li::marker {
  font-size: 0;
}

a {
  color: inherit;
  text-decoration: none;
  transition: opacity 0.3s;
}

@property --root-font-size {
  syntax: "<length>";
  inherits: false;
  initial-value: 16px;
}
@font-face {
  font-family: "Local Noto Sans JP";
  src: local("Noto Sans JP");
}
:root {
  --inner: min(1130px, 100%);
  --inner-sp: min(500px, 100%);
  --padding-inner: 24px;
  /* z-index レイヤー（重なり順はここで一元管理する） */
  --z-fab: 800;
  --z-header: 900;
  --z-drawer: 950;
  --z-modal: 1000;
  --color-white: #fff;
  --color-text: #252525;
  --color-black: #000;
  --color-bg: #f4f4f4;
  --color-bg-sp: #f8f8f8;
  --color-red: #e60020;
  --color-gray-light: #c2c2c3;
  --color-gray-mid: #666566;
  --color-gray-dark: #717071;
  --color-blue-light: #b9daff;
  --color-navy: #002043;
  --color-purple: #3d39ab;
  --color-gray-card: #e8e8e8;
  --color-stack-shade: #9099ab;
  --color-footer-black: #1f1f1f;
  --color-white-70: rgb(255 255 255 / 70%);
  --color-gray: #f0f0f0;
  --color-gray-box: #efefef;
  --color-gray-table: #e4e4e4;
  --color-blue-mid: #3478d0;
  --color-border-gray: #aaaaaf;
  --color-accent: #408f95;
  --color-primary: #234f5e;
  --color-secondary: #00f;
  --color-orange: #de8430;
  --color-blue: #0241e3;
  --color-blue-deep: #0554e7;
  --color-text-sub: #404040;
  --color-orange-light: #ff8c27;
  --color-special-bg: #e2e8ed;
  --color-field-make: #da7329;
  --color-field-deliver: #839d1c;
  --color-field-support: #3489c1;
  --color-chart-blue: #45a4e0;
  --color-chart-purple: #af5db5;
  --color-chart-red: #db3a55;
  --color-chart-orange: #d77219;
  --color-chart-green: #56d975;
  --color-chart-yellow: #dfdc32;
  --color-chart-teal: #49c2b6;
  /* font-weight */
  --fw-light: 300;
  --fw-regular: 400;
  --fw-medium: 500;
  --fw-semibold: 600;
  --fw-bold: 700;
  --base-font-family: "Zen Kaku Gothic New", sans-serif;
  --title-font-family: "Bebas Neue Pro", "Bebas Neue", sans-serif;
  --noto-font-family: "Local Noto Sans JP", "Noto Sans JP", sans-serif;
  --inter-font-family: "Inter", sans-serif;
  --geologica-font-family: "Geologica", sans-serif;
  --to-rem: calc(tan(atan2(1px, var(--root-font-size))) * 1rem);
  /* transition duration */
  --duration: 0.3s;
  --duration-hover: 0.6s;
  --duration-index: 0.35s;
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-index: cubic-bezier(0.33, 1, 0.68, 1);
  --duration-zoom: 0.5s;
  --ease-zoom: cubic-bezier(0.56, -0.01, 0.32, 0.99);
  --duration-pagetop: 0.6s;
  --ease-pagetop: cubic-bezier(0.26, 0.06, 0, 1);
  --duration-underline: 0.5s;
  --duration-underline-out: 0.25s;
  --ease-underline: cubic-bezier(0.45, 0, 0.2, 1);
  --scale-zoom: 1.05;
  --header-height: 64px;
}
@media screen and (width >= 901px) {
  :root {
    --header-height: calc(74 * var(--to-rem));
  }
}

body:has(> .l-company) {
  background-color: var(--color-bg-sp);
  background-image: url("/recruit/new/assets/images/bg-noise.CLSw2YHf.webp");
  background-repeat: repeat;
  background-size: calc(138.31 * var(--to-rem)) auto;
}

.l-company + .p-footer {
  margin-top: calc(-183.55 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .l-company + .p-footer {
    margin-top: calc(-20 * var(--to-rem));
  }
}

body:has(> .l-crosstalk) {
  background-color: var(--color-bg-sp);
  background-image: url("/recruit/new/assets/images/bg-noise.CLSw2YHf.webp");
  background-repeat: repeat;
  background-size: calc(138.31 * var(--to-rem)) auto;
}

body:has(> .l-department) {
  background-color: var(--color-bg-sp);
  background-image: url("/recruit/new/assets/images/bg-noise.CLSw2YHf.webp");
  background-repeat: repeat;
  background-size: calc(138.31 * var(--to-rem)) auto;
}

.l-department + .p-footer {
  margin-top: calc(-183.55 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .l-department + .p-footer {
    margin-top: calc(-20 * var(--to-rem));
  }
}

body:has(> .l-event) {
  background-color: var(--color-bg-sp);
  background-image: url("/recruit/new/assets/images/bg-noise.CLSw2YHf.webp");
  background-repeat: repeat;
  background-size: calc(138.31 * var(--to-rem)) auto;
}

@media screen and (max-width: 768px) {
  .l-event .c-page-title--icon .c-page-title__heading {
    margin-top: calc(208 * var(--to-rem));
  }
}

@media screen and (max-width: 768px) {
  .l-event .c-page-title__title {
    font-size: calc(58 * var(--to-rem) + 18.8 * (100vw - 375 * var(--to-rem)) / 393);
  }
}

.l-event .c-page-title__icon {
  top: calc(241.5 * var(--to-rem));
  width: calc(210 * var(--to-rem));
  height: calc(210 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .l-event .c-page-title__icon {
    top: calc(432 * var(--to-rem));
    right: 0;
    width: calc(100 * var(--to-rem));
    height: calc(100 * var(--to-rem));
  }
}

.l-event + .p-footer {
  margin-top: calc(-183.55 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .l-event + .p-footer {
    margin-top: calc(-20 * var(--to-rem));
  }
}

body:has(> .l-faq) {
  background-color: var(--color-bg-sp);
  background-image: url("/recruit/new/assets/images/bg-noise.CLSw2YHf.webp");
  background-repeat: repeat;
  background-size: calc(138.31 * var(--to-rem)) auto;
}
@media screen and (max-width: 768px) {
  body:has(> .l-faq) {
    background-image: none;
  }
}

.l-faq + .p-footer {
  margin-top: calc(-183.55 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .l-faq + .p-footer {
    margin-top: calc(-20 * var(--to-rem));
  }
}

.l-header {
  position: fixed;
  inset: 0;
  z-index: var(--z-header);
}

.l-inner {
  padding-inline: var(--padding-inner);
  margin-inline: auto;
  max-width: calc(var(--inner) + var(--padding-inner) * 2);
}
@media screen and (max-width: 768px) {
  .l-inner {
    max-width: calc(var(--inner-sp) + var(--padding-inner) * 2);
  }
}

body:has(> .l-interview) {
  background-color: var(--color-bg-sp);
  background-image: url("/recruit/new/assets/images/bg-noise.CLSw2YHf.webp");
  background-repeat: repeat;
  background-size: calc(138.31 * var(--to-rem)) auto;
}

.l-interview + .p-footer {
  margin-top: calc(-183.55 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .l-interview + .p-footer {
    margin-top: calc(-20 * var(--to-rem));
  }
}

body:has(> .l-location) {
  background-color: var(--color-bg-sp);
  background-image: url("/recruit/new/assets/images/bg-noise.CLSw2YHf.webp");
  background-repeat: repeat;
  background-size: calc(138.31 * var(--to-rem)) auto;
}

.l-location + .p-footer {
  margin-top: calc(-183.55 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .l-location + .p-footer {
    margin-top: calc(-20 * var(--to-rem));
  }
}

body:has(> .l-people) {
  background-color: var(--color-bg-sp);
  background-image: url("/recruit/new/assets/images/bg-noise.CLSw2YHf.webp");
  background-repeat: repeat;
  background-size: calc(138.31 * var(--to-rem)) auto;
}

.l-people + .p-footer {
  margin-top: calc(-183.55 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .l-people + .p-footer {
    margin-top: calc(-20 * var(--to-rem));
  }
}

body:has(> .l-project-detail) {
  background-color: var(--color-bg-sp);
  background-image: url("/recruit/new/assets/images/bg-noise.CLSw2YHf.webp");
  background-repeat: repeat;
  background-size: calc(138.31 * var(--to-rem)) auto;
}

.l-project-detail + .p-footer {
  margin-top: calc(-183.55 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .l-project-detail + .p-footer {
    margin-top: calc(-20 * var(--to-rem));
  }
}

body:has(> .l-project) {
  background-color: var(--color-bg-sp);
  background-image: url("/recruit/new/assets/images/bg-noise.CLSw2YHf.webp");
  background-repeat: repeat;
  background-size: calc(138.31 * var(--to-rem)) auto;
}

.l-project + .p-footer {
  margin-top: calc(-183.55 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .l-project + .p-footer {
    margin-top: calc(-20 * var(--to-rem));
  }
}

body:has(> .l-requirements) {
  background-color: var(--color-bg-sp);
  background-image: url("/recruit/new/assets/images/bg-noise.CLSw2YHf.webp");
  background-repeat: repeat;
  background-size: calc(138.31 * var(--to-rem)) auto;
}

@media screen and (max-width: 768px) {
  .l-requirements .c-page-title--icon .c-page-title__heading {
    margin-top: calc(254 * var(--to-rem));
  }
}

@media screen and (max-width: 768px) {
  .l-requirements .c-page-title__title {
    font-size: calc(58 * var(--to-rem) + 18.8 * (100vw - 375 * var(--to-rem)) / 393);
  }
}

.l-requirements .c-page-title__icon {
  width: calc(206 * var(--to-rem));
  height: calc(206 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .l-requirements .c-page-title__icon {
    top: calc(468 * var(--to-rem));
    right: 0;
    width: calc(100 * var(--to-rem));
    height: calc(100 * var(--to-rem));
  }
}

.l-requirements + .p-footer {
  margin-top: calc(-183.55 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .l-requirements + .p-footer {
    margin-top: calc(-20 * var(--to-rem));
  }
}

.l-top__about {
  margin-block-start: calc(124 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .l-top__about {
    margin-block-start: calc(40 * var(--to-rem));
  }
}

body:has(> .l-training) {
  background-color: var(--color-bg-sp);
  background-image: url("/recruit/new/assets/images/bg-noise.CLSw2YHf.webp");
  background-repeat: repeat;
  background-size: calc(138.31 * var(--to-rem)) auto;
}

.l-training + .p-footer {
  margin-top: calc(-183.55 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .l-training + .p-footer {
    margin-top: calc(-20 * var(--to-rem));
  }
}

body:has(> .l-workstyle) {
  background-color: var(--color-bg-sp);
  background-image: url("/recruit/new/assets/images/bg-noise.CLSw2YHf.webp");
  background-repeat: repeat;
  background-size: calc(138.31 * var(--to-rem)) auto;
}

.c-accordion {
  --_text-color: var(--color-text);
  --_background-default: var(--color-white);
  --_background-interactive: var(--color-gray);
  --_background-opened: var(--color-accent);
  --_text-color-opened: var(--color-white);
  --_duration: 0.2s;
}
.c-accordion::details-content {
  content-visibility: unset;
  display: block grid;
}
@media (prefers-reduced-motion: no-preference) {
  .c-accordion::details-content {
    transition-duration: 300ms;
    transition-property: grid-template-rows;
  }
}
.c-accordion:not([open])::details-content {
  grid-template-rows: 0fr;
}
.c-accordion[open]::details-content {
  grid-template-rows: 1fr;
}

.c-accordion__summary {
  display: block grid;
  grid-template: ". icon"/1fr max-content;
  gap: calc(16 * var(--to-rem));
  align-items: center;
  padding-block: calc(16 * var(--to-rem));
  padding-inline: calc(24 * var(--to-rem));
  color: var(--_text-color);
  background-color: var(--_background-default);
  transition: background-color var(--_duration) ease, color var(--_duration) ease;
}
.c-accordion__summary::before {
  display: inline-block;
  grid-area: icon;
  width: calc(18 * var(--to-rem));
  height: calc(2 * var(--to-rem));
  content: "";
  background-color: currentcolor;
}
.c-accordion__summary::after {
  display: inline-block;
  grid-area: icon;
  width: calc(18 * var(--to-rem));
  height: calc(2 * var(--to-rem));
  content: "";
  background-color: currentcolor;
  transition: rotate var(--_duration) ease;
  rotate: 90deg;
}
.c-accordion__summary:focus-visible {
  background-color: var(--_background-interactive);
  outline: 2px solid currentcolor;
  outline-offset: -2px;
}
@media (any-hover: hover) {
  .c-accordion__summary:hover {
    background-color: var(--_background-interactive);
  }
}

.c-accordion[open] .c-accordion__summary {
  color: var(--_text-color-opened);
  background-color: var(--_background-opened);
}
.c-accordion[open] .c-accordion__summary::after {
  rotate: 0deg;
}

.c-accordion__contents {
  padding-block: calc(16 * var(--to-rem));
  padding-inline: calc(24 * var(--to-rem));
}

.c-arrow-button {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: calc(325 * var(--to-rem));
  max-width: 100%;
  min-height: calc(72 * var(--to-rem));
  padding-right: calc(29 * var(--to-rem));
  padding-left: calc(26 * var(--to-rem));
  overflow: hidden;
  color: var(--color-white);
  text-decoration: none;
  background-color: var(--color-text);
  isolation: isolate;
  border-radius: calc(20 * var(--to-rem)) calc(3 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .c-arrow-button {
    width: calc(327 * var(--to-rem));
    min-height: calc(54 * var(--to-rem));
    padding-inline: calc(24 * var(--to-rem));
  }
}

.c-arrow-button::before {
  position: absolute;
  top: 100%;
  left: 50%;
  z-index: -1;
  width: calc((100% + 16 * var(--to-rem)) * 1.05);
  aspect-ratio: 463/320;
  pointer-events: none;
  content: "";
  background-color: var(--color-red);
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1 1' preserveAspectRatio='none'%3E%3Cpath d='M.849201.094837C.744769.009252.60033 0 .5 0 .39967 0 .255231.009252.150799.094837.056116.172453 0 .329375 0 .5 0 .670625.056116.827566.150799.905162.255231.990747.39967 1 .5 1 .60033 1 .744769.990747.849201.905162.943883.827566 1 .670625 1 .5 1 .329375.943883.172433.849201.094837Z'/%3E%3C/svg%3E") center/100% 100% no-repeat;
  translate: -50% 0;
}

.c-arrow-button.is-hover:not(.is-leave)::before {
  top: 50%;
  transition: top 0.35s cubic-bezier(0.47, 0.16, 0.24, 1), translate 0.35s cubic-bezier(0.47, 0.16, 0.24, 1);
  translate: -50% -50%;
}

.c-arrow-button.is-leave::before {
  top: 0;
  transition: top 0.35s cubic-bezier(0.26, 0.06, 0, 1), translate 0.35s cubic-bezier(0.43, 0.05, 0.17, 1);
  translate: -50% -100%;
}

.c-arrow-button__roll {
  position: relative;
  display: grid;
  overflow: hidden;
}

.c-arrow-button__text,
.c-arrow-button__clone {
  transition: translate var(--duration-hover) var(--ease-out);
}

.c-arrow-button__clone {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
}

.c-arrow-button__text,
.c-arrow-button__clone {
  font-family: var(--base-font-family);
  font-size: calc(18 * var(--to-rem));
  font-weight: var(--fw-bold);
  line-height: 2.1;
  letter-spacing: -0.02em;
}
@media screen and (max-width: 768px) {
  .c-arrow-button__text,
  .c-arrow-button__clone {
    font-size: calc(14 * var(--to-rem));
    line-height: 1.6;
  }
}

.c-arrow-button__icon {
  display: grid;
  flex-shrink: 0;
  width: calc(22 * var(--to-rem));
  height: calc(18 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .c-arrow-button__icon {
    width: calc(16 * var(--to-rem));
    height: calc(13 * var(--to-rem));
  }
}

.c-arrow-button__icon {
  overflow: hidden;
}

.c-arrow-button__icon img {
  grid-area: 1/1;
  transition: translate var(--duration-hover) var(--ease-out);
}

.c-arrow-button__icon img + img {
  translate: -160% 0;
}

@media (any-hover: hover) {
  .c-arrow-button:hover .c-arrow-button__text,
  .c-arrow-button:hover .c-arrow-button__clone {
    translate: 0 -100%;
  }
  .c-arrow-button:hover .c-arrow-button__icon img {
    translate: 160% 0;
  }
  .c-arrow-button:hover .c-arrow-button__icon img + img {
    translate: 0 0;
  }
}
.c-arrow-button--wide {
  width: calc(440 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .c-arrow-button--wide {
    width: calc(327 * var(--to-rem));
    min-height: calc(58 * var(--to-rem));
  }
}

@media screen and (max-width: 768px) {
  .c-arrow-button--wide .c-arrow-button__text {
    font-size: calc(16 * var(--to-rem));
  }
}

.c-arrow-button--pcWide {
  width: calc(440 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .c-arrow-button--pcWide {
    width: calc(327 * var(--to-rem));
    padding-block: calc(16 * var(--to-rem));
  }
}

@media screen and (max-width: 768px) {
  .c-arrow-button--pcWide .c-arrow-button__text {
    line-height: 1.5715;
  }
}

.c-button {
  position: relative;
  display: inline-block;
  padding: calc(14 * var(--to-rem)) calc(60 * var(--to-rem));
  font-size: calc(15 * var(--to-rem));
  line-height: 1.2;
  color: var(--color-black);
  text-transform: uppercase;
  letter-spacing: 0.1em;
  background-color: var(--color-white);
  border: 1px solid currentcolor;
}
.c-button::before {
  position: absolute;
  top: 50%;
  right: calc(20 * var(--to-rem));
  width: calc(8 * var(--to-rem));
  height: calc(8 * var(--to-rem));
  content: "";
  border-top: 2px solid var(--color-black);
  border-right: 2px solid var(--color-black);
  transition: rotate 0.3s, translate 0.3s;
  rotate: 45deg;
  translate: 0 -50%;
}
@media (any-hover: hover) {
  .c-button:hover::before {
    translate: 5px -50%;
  }
}

.c-button[data-color=black] {
  color: var(--color-white);
  background-color: var(--color-black);
  border-color: var(--color-black);
}
.c-button[data-color=black]::before {
  border-top: 2px solid currentcolor;
  border-right: 2px solid currentcolor;
}

.c-card {
  overflow: hidden;
  background-color: var(--color-white);
  border-radius: 12px;
  transition: scale 0.3s ease;
  container-type: inline-size;
  container-name: card;
}

.c-card__body {
  display: grid;
  grid-template-columns: minmax(min(400 * var(--to-rem), 100%), 1fr) auto;
}
@container card (inline-size <= 700px) {
  .c-card__body {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (any-hover: hover) {
  .c-card:has(.c-button:hover) .c-card__image img {
    scale: 1.1;
  }
}
.c-card__image {
  width: 100%;
  aspect-ratio: 3/2;
  overflow: hidden;
}

.c-card__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: scale 0.4s ease;
}

.c-card__content {
  display: grid;
  grid-template-rows: auto 1fr auto;
  gap: calc(16 * var(--to-rem));
  padding: calc(24 * var(--to-rem));
}

.c-card__title {
  margin: 0;
  font-weight: var(--fw-bold);
  line-height: 1.4;
  color: var(--color-text);
  font-size: calc(24 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .c-card__title {
    font-size: calc(20 * var(--to-rem));
  }
}

.c-card__text {
  margin: 0;
  line-height: 1.8;
  color: var(--color-text-secondary);
  font-size: calc(16 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .c-card__text {
    font-size: calc(14 * var(--to-rem));
  }
}

.c-card__button {
  align-self: end;
}

.c-image-text {
  display: grid;
  grid-template: "image" auto "text" auto/1fr;
  row-gap: calc(24 * var(--to-rem));
  align-items: center;
  grid-template: "image gutter text margin" auto/41.6666666667% calc(16 * var(--to-rem)) 1fr max((100% - var(--inner)) / 2, 32 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .c-image-text {
    grid-template: "image" auto "text" auto/1fr;
  }
}

.c-image-text.c-image-text--reverse {
  grid-template: "margin text gutter image" auto/max((100% - var(--inner)) / 2, 32 * var(--to-rem)) 1fr calc(16 * var(--to-rem)) 41.6666666667%;
}
@media screen and (max-width: 768px) {
  .c-image-text.c-image-text--reverse {
    grid-template: "image" auto "text" auto/1fr;
  }
}

.c-image-text.c-image-text--overlap {
  grid-template: "image text margin" auto/41.6666666667% 1fr max((100% - var(--inner)) / 2, 32 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .c-image-text.c-image-text--overlap {
    grid-template: "image" auto "text" auto/1fr;
  }
}

.c-image-text.c-image-text--overlap.c-image-text--reverse {
  grid-template: "margin text image" auto/max((100% - var(--inner)) / 2, 32 * var(--to-rem)) 1fr 41.6666666667%;
}
@media screen and (max-width: 768px) {
  .c-image-text.c-image-text--overlap.c-image-text--reverse {
    grid-template: "image" auto "text" auto/1fr;
  }
}

.c-image-text__image {
  grid-area: image;
}

.c-image-text__image img {
  width: 100%;
  height: calc(300 * var(--to-rem));
  object-fit: cover;
}

.c-image-text__text {
  grid-area: text;
  max-width: var(--inner-sp);
  padding: var(--padding-inner);
  margin-inline: auto;
  max-width: none;
  padding-inline: revert;
  margin-inline: 0;
}
@media screen and (max-width: 768px) {
  .c-image-text__text {
    max-width: var(--inner-sp);
    padding: var(--padding-inner);
    margin-inline: auto;
  }
}

.c-image-text.c-image-text--overlap .c-image-text__text {
  padding: var(--padding-inner);
  background: var(--color-white);
  padding: calc(20 * var(--to-rem)) 0 calc(20 * var(--to-rem)) calc(20 * var(--to-rem));
  margin-left: calc(-100 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .c-image-text.c-image-text--overlap .c-image-text__text {
    padding: var(--padding-inner);
    margin-left: 0;
  }
}

.c-image-text.c-image-text--overlap.c-image-text--reverse .c-image-text__text {
  padding: calc(20 * var(--to-rem)) calc(20 * var(--to-rem)) calc(20 * var(--to-rem)) 0;
  margin-right: calc(-100 * var(--to-rem));
  margin-left: auto;
}
@media screen and (max-width: 768px) {
  .c-image-text.c-image-text--overlap.c-image-text--reverse .c-image-text__text {
    padding: var(--padding-inner);
    margin-right: 0;
    margin-left: auto;
  }
}

.c-modal {
  position: fixed;
  inset: 0;
  z-index: var(--z-modal);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: calc(20 * var(--to-rem));
  pointer-events: none;
  visibility: hidden;
  opacity: 0;
  transition: opacity var(--duration), visibility 0s var(--duration);
}

.c-modal.is-open {
  pointer-events: auto;
  visibility: visible;
  opacity: 1;
  transition: opacity var(--duration), visibility 0s;
}

.c-modal__overlay {
  position: absolute;
  inset: 0;
  cursor: pointer;
  background-color: oklch(from var(--color-black) l c h/50%);
}

.c-modal__dialog {
  position: relative;
  display: flex;
  flex-direction: column;
  width: calc(800 * var(--to-rem));
  max-width: 100%;
  max-height: 90svh;
  background-color: var(--color-white);
  border-radius: calc(10 * var(--to-rem));
}

.c-modal__header {
  display: flex;
  flex-shrink: 0;
  gap: calc(10 * var(--to-rem));
  align-items: center;
  justify-content: space-between;
  padding: calc(20 * var(--to-rem)) calc(24 * var(--to-rem));
  background-color: var(--color-primary);
  border-radius: calc(10 * var(--to-rem)) calc(10 * var(--to-rem)) 0 0;
}

.c-modal__title {
  font-size: calc(20 * var(--to-rem));
  font-weight: var(--fw-bold);
  line-height: 1.4;
  color: var(--color-white);
}

.c-modal__close {
  display: grid;
  flex-shrink: 0;
  place-items: center;
  width: calc(44 * var(--to-rem));
  height: calc(44 * var(--to-rem));
  margin: calc(-10 * var(--to-rem));
  color: var(--color-white);
}

.c-modal__body {
  padding: calc(24 * var(--to-rem));
  overflow-y: auto;
}

.c-modal__text {
  font-size: calc(15 * var(--to-rem));
  line-height: 1.8;
}
.c-modal__text + .c-modal__text {
  margin-top: calc(12 * var(--to-rem));
}

.c-page-title {
  position: relative;
  min-height: calc(580 * var(--to-rem));
  padding-top: calc(114 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .c-page-title {
    min-height: calc(568 * var(--to-rem));
    padding-top: calc(88 * var(--to-rem));
  }
}

.c-page-title__bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  aspect-ratio: 1440/1070;
  pointer-events: none;
  mix-blend-mode: multiply;
}
@media screen and (max-width: 768px) {
  .c-page-title__bg {
    aspect-ratio: 375/692.8;
  }
}

.c-page-title__bg picture {
  display: block;
  width: 100%;
  height: 100%;
}

.c-page-title__breadcrumb {
  position: relative;
  margin-left: calc(max(0px, (100% - 1440 * var(--to-rem)) / 2) + 40 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .c-page-title__breadcrumb {
    width: calc(100% - 48 * var(--to-rem));
    margin-left: calc(24 * var(--to-rem));
  }
}

.c-page-title__breadcrumbList {
  display: flex;
  flex-wrap: wrap;
  gap: calc(15 * var(--to-rem));
  align-items: center;
  list-style: none;
}
@media screen and (max-width: 768px) {
  .c-page-title__breadcrumbList {
    gap: calc(12 * var(--to-rem));
  }
}

.c-page-title__breadcrumbItem {
  display: flex;
  gap: calc(15 * var(--to-rem));
  align-items: center;
  font-family: var(--base-font-family);
  font-size: calc(14 * var(--to-rem));
  font-weight: var(--fw-bold);
  line-height: 1;
  color: var(--color-text);
  letter-spacing: -0.02em;
}
@media screen and (max-width: 768px) {
  .c-page-title__breadcrumbItem {
    gap: calc(12 * var(--to-rem));
    font-size: calc(11 * var(--to-rem));
  }
}

.c-page-title__breadcrumbItem + .c-page-title__breadcrumbItem::before {
  flex-shrink: 0;
  width: calc(4 * var(--to-rem));
  height: calc(4 * var(--to-rem));
  content: "";
  background-color: var(--color-red);
  border-radius: 100%;
}
@media screen and (max-width: 768px) {
  .c-page-title__breadcrumbItem + .c-page-title__breadcrumbItem::before {
    width: calc(3 * var(--to-rem));
    height: calc(3 * var(--to-rem));
  }
}

.c-page-title__breadcrumbLink {
  display: inline-block;
  padding-block: calc(15 * var(--to-rem));
  padding-inline: calc(12 * var(--to-rem));
  margin-block: calc(-15 * var(--to-rem));
  margin-inline: calc(-12 * var(--to-rem));
  color: inherit;
  text-decoration: none;
}
@media screen and (max-width: 768px) {
  .c-page-title__breadcrumbLink {
    padding-block: calc(17 * var(--to-rem));
    margin-block: calc(-17 * var(--to-rem));
  }
}

.c-page-title__breadcrumbCurrent {
  text-transform: uppercase;
  opacity: 0.5;
}

.c-page-title__heading {
  position: relative;
  margin-top: calc(152 * var(--to-rem));
  margin-left: calc(max(0px, (100% - 1440 * var(--to-rem)) / 2) + min(155 * var(--to-rem), 10.764%));
}
@media screen and (max-width: 768px) {
  .c-page-title__heading {
    margin-top: calc(160 * var(--to-rem));
    margin-left: calc(24 * var(--to-rem));
  }
}

@media screen and (max-width: 768px) {
  .c-page-title--oneLine .c-page-title__heading {
    margin-top: calc(230 * var(--to-rem));
  }
}

.c-page-title--icon .c-page-title__heading {
  margin-top: calc(114 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .c-page-title--icon .c-page-title__heading {
    margin-top: calc(160 * var(--to-rem));
  }
}

@media screen and (max-width: 768px) {
  .c-page-title--small .c-page-title__heading {
    margin-top: calc(252 * var(--to-rem));
  }
}

@media screen and (max-width: 768px) {
  .c-page-title--smallSp .c-page-title__heading {
    margin-top: calc(172 * var(--to-rem));
  }
}

.c-page-title__label {
  display: flex;
  align-items: center;
  font-family: var(--base-font-family);
  font-size: calc(24 * var(--to-rem));
  font-weight: var(--fw-bold);
  line-height: 1.6;
  color: var(--color-gray-mid);
  letter-spacing: -0.02em;
}
@media screen and (max-width: 768px) {
  .c-page-title__label {
    font-size: calc(16 * var(--to-rem));
  }
}

.c-page-title__labelIcon {
  flex-shrink: 0;
  width: calc(23 * var(--to-rem));
  height: calc(26 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .c-page-title__labelIcon {
    width: calc(18 * var(--to-rem));
    height: calc(20 * var(--to-rem));
  }
}

.c-page-title__labelIcon img {
  display: block;
}

.c-page-title__labelText {
  display: inline-block;
  margin-left: calc(4 * var(--to-rem));
  transform: skewX(-13deg);
  transform-origin: left top;
}
@media screen and (max-width: 768px) {
  .c-page-title__labelText {
    margin-left: calc(6 * var(--to-rem));
  }
}

.c-page-title__title {
  margin-top: calc(10.63 * var(--to-rem));
  font-family: var(--title-font-family);
  font-size: min(144 * var(--to-rem), 10vw);
  font-weight: 800;
  line-height: 0.8;
  color: var(--color-text);
  letter-spacing: -0.02em;
  white-space: nowrap;
}
@media screen and (max-width: 768px) {
  .c-page-title__title {
    margin-top: calc(7.4 * var(--to-rem));
    font-size: calc(88 * var(--to-rem) - 11.2 * (100vw - 375 * var(--to-rem)) / 393);
    white-space: normal;
  }
}

@media screen and (max-width: 768px) {
  .c-page-title--small .c-page-title__title {
    font-size: calc(60 * var(--to-rem) + 16.8 * (100vw - 375 * var(--to-rem)) / 393);
  }
}

@media screen and (max-width: 768px) {
  .c-page-title--smallSp .c-page-title__title {
    font-size: calc(80 * var(--to-rem) - 3.2 * (100vw - 375 * var(--to-rem)) / 393);
  }
}

.c-page-title__title--upper {
  text-transform: uppercase;
}

.c-page-title__icon {
  position: absolute;
  top: calc(242 * var(--to-rem));
  right: calc(max(0px, (100% - 1440 * var(--to-rem)) / 2) + min(155 * var(--to-rem), 10.764%));
  width: calc(213 * var(--to-rem));
  height: calc(213 * var(--to-rem));
  pointer-events: none;
}
@media screen and (max-width: 768px) {
  .c-page-title__icon {
    top: calc(362 * var(--to-rem));
    right: calc(24 * var(--to-rem));
    width: calc(100 * var(--to-rem));
    height: calc(100 * var(--to-rem));
  }
}

.c-section-heading {
  display: flex;
  flex-direction: column;
  gap: calc(12 * var(--to-rem));
}

.c-section-heading__label {
  display: flex;
  align-items: center;
  font-family: var(--base-font-family);
  font-size: calc(24 * var(--to-rem));
  font-weight: var(--fw-bold);
  line-height: 1.6;
  color: var(--color-gray-mid);
  letter-spacing: -0.02em;
}
@media screen and (max-width: 768px) {
  .c-section-heading__label {
    font-size: calc(18 * var(--to-rem));
  }
}

.c-section-heading__labelIcon {
  flex-shrink: 0;
  width: calc(23 * var(--to-rem));
  height: calc(26 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .c-section-heading__labelIcon {
    width: calc(20.4 * var(--to-rem));
    height: calc(23 * var(--to-rem));
  }
}

.c-section-heading__labelIcon img {
  display: block;
}

.c-section-heading__labelText {
  display: inline-block;
  margin-left: calc(4 * var(--to-rem));
  transform: skewX(-13deg);
  transform-origin: left top;
}
@media screen and (max-width: 768px) {
  .c-section-heading__labelText {
    margin-left: calc(6 * var(--to-rem));
  }
}

.c-section-heading__title {
  font-family: var(--title-font-family);
  font-size: calc(136 * var(--to-rem));
  font-weight: 800;
  line-height: 0.8;
  color: var(--color-text);
  text-transform: uppercase;
  letter-spacing: -0.02em;
}
@media screen and (max-width: 768px) {
  .c-section-heading__title {
    font-size: calc(80 * var(--to-rem) + 56 * (100vw - 375 * var(--to-rem)) / 393);
  }
}

@media screen and (max-width: 768px) {
  .c-section-heading--small .c-section-heading__label {
    font-size: calc(16 * var(--to-rem));
  }
}

@media screen and (max-width: 768px) {
  .c-section-heading--small .c-section-heading__labelIcon {
    width: calc(19.4 * var(--to-rem));
    height: calc(22 * var(--to-rem));
  }
}

.c-section-heading--small .c-section-heading__title {
  font-size: calc(64 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .c-section-heading--small .c-section-heading__title {
    font-size: calc(56 * var(--to-rem) + 8 * (100vw - 375 * var(--to-rem)) / 393);
  }
}

@media screen and (max-width: 768px) {
  .c-section-heading--lower {
    gap: calc(8 * var(--to-rem));
  }
}

@media screen and (max-width: 768px) {
  .c-section-heading--lower .c-section-heading__label {
    font-size: calc(16 * var(--to-rem));
  }
}

@media screen and (max-width: 768px) {
  .c-section-heading--lower .c-section-heading__labelIcon {
    width: calc(18 * var(--to-rem));
    height: calc(20 * var(--to-rem));
  }
}

.c-section-heading--lower .c-section-heading__title {
  font-size: calc(64 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .c-section-heading--lower .c-section-heading__title {
    font-size: calc(56 * var(--to-rem) + 8 * (100vw - 375 * var(--to-rem)) / 393);
  }
}

.c-section-heading--dark .c-section-heading__label {
  color: var(--color-text);
}
@media screen and (max-width: 768px) {
  .c-section-heading--dark .c-section-heading__label {
    color: var(--color-gray-mid);
  }
}

.c-section-heading--white .c-section-heading__label,
.c-section-heading--white .c-section-heading__title {
  color: var(--color-white);
}

.c-section-heading--center {
  align-items: center;
  text-align: center;
}

.c-text-image {
  --lines: 1;
  position: relative;
  display: block;
  height: calc(var(--lines) * 1lh);
}
.c-text-image::before {
  position: absolute;
  inset: 0 -1% -5%;
  content: "";
  background-color: currentcolor;
  mask-image: var(--image);
  mask-repeat: no-repeat;
  mask-position: left top;
  mask-size: 100% 100%;
}

@media screen and (width > 1440px) {
  :where(.c-section-heading__title, .c-page-title__title):has(> .c-text-image) {
    --to-rem: 1px;
  }
}

.c-text-image--news {
  aspect-ratio: 139/51.2;
  --image: url("/recruit/new/assets/images/news1.Bqkue3oD.svg");
}

.c-text-image--news-date-20261110 {
  aspect-ratio: 44.31/26.4;
  --image: url("/recruit/new/assets/images/news2.BKbjd8oH.svg");
}

.c-text-image--news-date-20261104 {
  aspect-ratio: 47.856/26.4;
  --image: url("/recruit/new/assets/images/news-date-20261104.DA2sSzt5.svg");
}

.c-text-image--news-date-20261001 {
  aspect-ratio: 47.346/26.4;
  --image: url("/recruit/new/assets/images/news-date-20261001.CLn3dqsP.svg");
}

.c-text-image--company {
  aspect-ratio: 491/108.8;
  --image: url("/recruit/new/assets/images/company3.DP84EXIQ.svg");
}

.c-text-image--jobfield {
  aspect-ratio: 480/108.8;
  --image: url("/recruit/new/assets/images/jobfield3.Af_GgOD-.svg");
}

.c-text-image--culture {
  aspect-ratio: 438/108.8;
  --image: url("/recruit/new/assets/images/culture8.B9bQPBWk.svg");
}

.c-text-image--recruit {
  aspect-ratio: 674/108.8;
  --image: url("/recruit/new/assets/images/recruit8.C9DHWxko.svg");
}
@media screen and (max-width: 768px) {
  .c-text-image--recruit {
    --lines: 2;
    aspect-ratio: 250/128;
    --image: url("/recruit/new/assets/images/recruit9.oVyW8tOH.svg");
  }
}

.c-text-image--message {
  aspect-ratio: 564.9/51.2;
  --image: url("/recruit/new/assets/images/recruit13.fPrmI7SI.svg");
}
@media screen and (max-width: 768px) {
  .c-text-image--message {
    --lines: 2;
    aspect-ratio: 291.3/89.6;
    --image: url("/recruit/new/assets/images/recruit14.zeXRVLrY.svg");
  }
}

.c-text-image--people {
  aspect-ratio: 179/51.2;
  --image: url("/recruit/new/assets/images/people11.CcvDbYCb.svg");
}

.c-text-image--crosstalk {
  aspect-ratio: 282/51.2;
  --image: url("/recruit/new/assets/images/crosstalk1.BOmWJYyK.svg");
}

.c-text-image--project {
  aspect-ratio: 366/51.2;
  --image: url("/recruit/new/assets/images/project3.DUSPw1Jn.svg");
}

.c-text-image--entry {
  aspect-ratio: 330/108.8;
  --image: url("/recruit/new/assets/images/common3.DZflaLn0.svg");
}

.c-text-image--nav-company {
  aspect-ratio: 70/18;
  --image: url("/recruit/new/assets/images/header4.CwDNM2TO.svg");
}

.c-text-image--nav-jobfield {
  aspect-ratio: 68/18;
  --image: url("/recruit/new/assets/images/header5.DA6G8EYH.svg");
}

.c-text-image--nav-people {
  aspect-ratio: 54/18;
  --image: url("/recruit/new/assets/images/header6.Ded3p7jA.svg");
}

.c-text-image--nav-project {
  aspect-ratio: 110/18;
  --image: url("/recruit/new/assets/images/header7.BOUHubnd.svg");
}

.c-text-image--nav-culture {
  aspect-ratio: 62/18;
  --image: url("/recruit/new/assets/images/header8.CqaClaco.svg");
}

.c-text-image--nav-recruit {
  aspect-ratio: 95/18;
  --image: url("/recruit/new/assets/images/header9.rl0L7oXh.svg");
}

.c-text-image--nav-entry {
  aspect-ratio: 47/18;
  --image: url("/recruit/new/assets/images/header10.BGgaBGwt.svg");
}

.c-text-image--nav-event {
  aspect-ratio: 47/18;
  --image: url("/recruit/new/assets/images/header11.D_Yr4hie.svg");
}

.c-text-image--menu-company {
  aspect-ratio: 115.84/25.6;
  --image: url("/recruit/new/assets/images/footer15.DcqgPUqw.svg");
}

.c-text-image--menu-people {
  aspect-ratio: 89.22/25.6;
  --image: url("/recruit/new/assets/images/footer16.CSFV1NLe.svg");
}

.c-text-image--menu-project {
  aspect-ratio: 183.19/25.6;
  --image: url("/recruit/new/assets/images/footer17.BtqpbBv9.svg");
}

.c-text-image--menu-project-wrap {
  aspect-ratio: 183.19/25.6;
  --image: url("/recruit/new/assets/images/footer17.BtqpbBv9.svg");
}
@media screen and (max-width: 768px) {
  .c-text-image--menu-project-wrap {
    --lines: 2;
    aspect-ratio: 95.57/48;
    --image: url("/recruit/new/assets/images/footer22.Cw2aej4k.svg");
  }
}

.c-text-image--menu-culture {
  aspect-ratio: 102.99/25.6;
  --image: url("/recruit/new/assets/images/footer18.qEpZgeGX.svg");
}

.c-text-image--menu-jobfield {
  aspect-ratio: 112.39/25.6;
  --image: url("/recruit/new/assets/images/footer19.OyVgqWgP.svg");
}

.c-text-image--menu-crosstalk {
  aspect-ratio: 141.06/25.6;
  --image: url("/recruit/new/assets/images/footer20.DuhqtPXz.svg");
}

.c-text-image--menu-recruit {
  aspect-ratio: 158.03/25.6;
  --image: url("/recruit/new/assets/images/footer21.yZOpsiH0.svg");
}

.c-text-image--footer-brand {
  --lines: 2;
  aspect-ratio: 93/39.49;
  --image: url("/recruit/new/assets/images/footer14.DwnEWYYK.svg");
}

.c-text-image--footer-pagetop {
  aspect-ratio: 56/12.8;
  --image: url("/recruit/new/assets/images/footer26.DyQUuBxH.svg");
}

.c-text-image--button-entry {
  aspect-ratio: 144/28.8;
  --image: url("/recruit/new/assets/images/footer23.BsclbwK-.svg");
}

.c-text-image--button-login {
  aspect-ratio: 136/28.8;
  --image: url("/recruit/new/assets/images/footer24.B02wvxdU.svg");
}

.c-text-image--button-event {
  aspect-ratio: 67/25.2;
  --image: url("/recruit/new/assets/images/drawer2.BOQMmnqF.svg");
}

.c-text-image--label-power {
  aspect-ratio: 55.32/11.2;
  --image: url("/recruit/new/assets/images/people12.BZsCaUZb.svg");
}

.c-text-image--label-locations {
  aspect-ratio: 102/14.4;
  --image: url("/recruit/new/assets/images/culture9.BJ7xan_2.svg");
}

.c-text-image--label-benefits {
  aspect-ratio: 57/14.4;
  --image: url("/recruit/new/assets/images/culture10.BvISWDy6.svg");
}

.c-text-image--label-development {
  aspect-ratio: 87/14.4;
  --image: url("/recruit/new/assets/images/culture11.Cr5hQP9z.svg");
}

.c-text-image--label-requirements {
  aspect-ratio: 92/14.4;
  --image: url("/recruit/new/assets/images/recruit10.D2uF3UWO.svg");
}

.c-text-image--label-faq {
  aspect-ratio: 23/14.4;
  --image: url("/recruit/new/assets/images/recruit11.XEvXZs9N.svg");
}

.c-text-image--label-event {
  aspect-ratio: 124/14.4;
  --image: url("/recruit/new/assets/images/recruit12.B8HAY3_s.svg");
}

.c-text-image--coming-soon {
  aspect-ratio: 645.21/108.8;
  margin-inline: auto;
  --image: url("/recruit/new/assets/images/crosstalk2.CqGfye6k.svg");
}

.c-text-image--pof-power {
  aspect-ratio: 391/134.4;
  --image: url("/recruit/new/assets/images/pof9.DHtuM-1G.svg");
}

.c-text-image--pof-for {
  aspect-ratio: 85/70.94;
  --image: url("/recruit/new/assets/images/pof10.BUdUSseg.svg");
}

.c-text-image--benefits-title {
  aspect-ratio: 507/115.2;
  --image: url("/recruit/new/assets/images/text-title.BP7cwEvE.svg");
}

.c-text-image--benefits-index {
  aspect-ratio: 54.36/22;
  --image: url("/recruit/new/assets/images/text-index.DAgEHLu2.svg");
}
@media screen and (max-width: 768px) {
  .c-text-image--benefits-index {
    aspect-ratio: 45.3/18;
    --image: url("/recruit/new/assets/images/text-index-sp.CyG8xJAL.svg");
  }
}

.c-text-image--benefits-number-01 {
  aspect-ratio: 22/24;
  --image: url("/recruit/new/assets/images/text-number-01.BZQBAi13.svg");
}
@media screen and (max-width: 768px) {
  .c-text-image--benefits-number-01 {
    aspect-ratio: 18/22;
    --image: url("/recruit/new/assets/images/text-number-01-sp.BbxE6GuW.svg");
  }
}

.c-text-image--benefits-number-02 {
  aspect-ratio: 22/24;
  --image: url("/recruit/new/assets/images/text-number-02.Bair8FSu.svg");
}
@media screen and (max-width: 768px) {
  .c-text-image--benefits-number-02 {
    aspect-ratio: 18/22;
    --image: url("/recruit/new/assets/images/text-number-02-sp.Bse2vIYv.svg");
  }
}

.c-text-image--benefits-number-03 {
  aspect-ratio: 22/24;
  --image: url("/recruit/new/assets/images/text-number-03.CiyijfL8.svg");
}
@media screen and (max-width: 768px) {
  .c-text-image--benefits-number-03 {
    aspect-ratio: 18/22;
    --image: url("/recruit/new/assets/images/text-number-03-sp.ByAuByEv.svg");
  }
}

.c-text-image--benefits-number-04 {
  aspect-ratio: 22/24;
  --image: url("/recruit/new/assets/images/text-number-04.CCsgb7LE.svg");
}
@media screen and (max-width: 768px) {
  .c-text-image--benefits-number-04 {
    aspect-ratio: 18/22;
    --image: url("/recruit/new/assets/images/text-number-04-sp.B-hj9cRK.svg");
  }
}

.c-text-image--benefits-number-05 {
  aspect-ratio: 22/24;
  --image: url("/recruit/new/assets/images/text-number-05.CzutH7jX.svg");
}
@media screen and (max-width: 768px) {
  .c-text-image--benefits-number-05 {
    aspect-ratio: 18/22;
    --image: url("/recruit/new/assets/images/text-number-05-sp.R-DOmkmj.svg");
  }
}

.c-text-image--benefits-number-06 {
  aspect-ratio: 22/24;
  --image: url("/recruit/new/assets/images/text-number-06.CSTiDHV7.svg");
}
@media screen and (max-width: 768px) {
  .c-text-image--benefits-number-06 {
    aspect-ratio: 18/22;
    --image: url("/recruit/new/assets/images/text-number-06-sp.BpO8DQli.svg");
  }
}

.c-text-image--benefits-voice {
  aspect-ratio: 35/13;
  --image: url("/recruit/new/assets/images/text-voice.rVC7fxGd.svg");
}
@media screen and (max-width: 768px) {
  .c-text-image--benefits-voice {
    aspect-ratio: 30/11;
    --image: url("/recruit/new/assets/images/text-voice-sp.DguuK8ZZ.svg");
  }
}

.c-text-image--benefits-stat-100 {
  aspect-ratio: 68/32;
  margin-inline: auto;
  --image: url("/recruit/new/assets/images/text-stat-100.DnpWkur-.svg");
}

.c-text-image--benefits-movie {
  aspect-ratio: 38/13;
  --image: url("/recruit/new/assets/images/text-movie.B_cixddG.svg");
}
@media screen and (max-width: 768px) {
  .c-text-image--benefits-movie {
    aspect-ratio: 33/11;
    --image: url("/recruit/new/assets/images/text-movie-sp.Cq1INsMI.svg");
  }
}

.c-text-image--benefits-play-movie {
  --lines: 2;
  aspect-ratio: 38/32;
  --image: url("/recruit/new/assets/images/text-play-movie.CLa3SxjG.svg");
}
@media screen and (max-width: 768px) {
  .c-text-image--benefits-play-movie {
    aspect-ratio: 29/24;
    --image: url("/recruit/new/assets/images/text-play-movie-sp.CplR2oOx.svg");
  }
}

.c-text-image--benefits-pamphlet {
  aspect-ratio: 111/13;
  --image: url("/recruit/new/assets/images/text-pamphlet.DEX99gb4.svg");
}
@media screen and (max-width: 768px) {
  .c-text-image--benefits-pamphlet {
    aspect-ratio: 97/11;
    --image: url("/recruit/new/assets/images/text-pamphlet-sp.rx781CRt.svg");
  }
}

.c-text-image--training-title {
  aspect-ratio: 777/115.2;
  --image: url("/recruit/new/assets/images/text-title.BuUFVckT.svg");
}

.c-text-image--faq-title {
  aspect-ratio: 200/115.2;
  --image: url("/recruit/new/assets/images/text-title.CDBg_9tT.svg");
}

.c-text-image--faq-title::before {
  inset: 0 -1% -12%;
}

.c-text-image--faq-index {
  aspect-ratio: 54.36/22;
  --image: url("/recruit/new/assets/images/text-index.DAgEHLu2.svg");
}

.c-text-image--faq-q {
  aspect-ratio: 27/36;
  --image: url("/recruit/new/assets/images/text-q.ppwR3U97.svg");
}
@media screen and (max-width: 768px) {
  .c-text-image--faq-q {
    aspect-ratio: 17/29;
    --image: url("/recruit/new/assets/images/text-q-sp.DqmYxAFT.svg");
  }
}

.c-text-image--company-title {
  aspect-ratio: 929/115.2;
  --image: url("/recruit/new/assets/images/text-title.Bi8RB7W_.svg");
}
@media screen and (max-width: 768px) {
  .c-text-image--company-title {
    --lines: 2;
    aspect-ratio: 327/140.8;
    --image: url("/recruit/new/assets/images/text-title-sp.BpS5dno6.svg");
  }
}

.c-text-image--company-index {
  aspect-ratio: 54.36/21.6;
  --image: url("/recruit/new/assets/images/text-index.BzKNjLb-.svg");
}

.c-text-image--company-heading-about {
  aspect-ratio: 158/51.2;
  --image: url("/recruit/new/assets/images/text-heading-about.DmfhH80w.svg");
}

.c-text-image--company-heading-data {
  aspect-ratio: 119/51.2;
  --image: url("/recruit/new/assets/images/text-heading-data.CSJXFM13.svg");
}

.c-text-image--company-heading-jobfield {
  aspect-ratio: 226/51.2;
  --image: url("/recruit/new/assets/images/text-heading-jobfield.jAbzQPQR.svg");
}

.c-text-image--company-heading-global {
  aspect-ratio: 182/51.2;
  --image: url("/recruit/new/assets/images/text-heading-global.B1MA1nHT.svg");
}

.c-text-image--company-heading-special {
  --lines: 2;
  aspect-ratio: 248/102.4;
  --image: url("/recruit/new/assets/images/text-heading-special.CuJdq705.svg");
}

.c-text-image--company-heading-mission {
  aspect-ratio: 471/64;
  --image: url("/recruit/new/assets/images/text-heading-mission.Co8sdJ9S.svg");
}
@container (max-width: 470px) {
  .c-text-image--company-heading-mission {
    --lines: 2;
    aspect-ratio: 285.32/112;
    --image: url("/recruit/new/assets/images/text-heading-mission-wrap.CshPk5Jp.svg");
  }
}
@media screen and (max-width: 768px) {
  .c-text-image--company-heading-mission {
    --lines: 2;
    aspect-ratio: 285.32/89.6;
    --image: url("/recruit/new/assets/images/text-heading-mission-sp.DNN3gcYe.svg");
  }
}

.c-text-image--company-heading-people {
  aspect-ratio: 459/51.2;
  --image: url("/recruit/new/assets/images/text-heading-people.CoXO0OoG.svg");
}
@container (max-width: 458px) {
  .c-text-image--company-heading-people {
    --lines: 2;
    aspect-ratio: 241.68/89.6;
    --image: url("/recruit/new/assets/images/text-heading-people-sp.CVy5ayo4.svg");
  }
}
@media screen and (max-width: 768px) {
  .c-text-image--company-heading-people {
    --lines: 2;
    aspect-ratio: 241.68/89.6;
    --image: url("/recruit/new/assets/images/text-heading-people-sp.CVy5ayo4.svg");
  }
}

.c-text-image--company-data-capacity::before {
  inset: 0 -1% -20%;
}

.c-text-image--company-data-sites-pref {
  display: inline-block;
  aspect-ratio: 39/32;
  vertical-align: top;
  --image: url("/recruit/new/assets/images/text-data-sites-pref.kr2jHMCy.svg");
}

.c-text-image--company-data-sites-count {
  display: inline-block;
  aspect-ratio: 97/57.6;
  vertical-align: top;
  --image: url("/recruit/new/assets/images/text-data-sites-count.DdEjwuqY.svg");
}

.c-text-image--company-data-rank {
  display: inline-block;
  aspect-ratio: 35/57.6;
  vertical-align: top;
  --image: url("/recruit/new/assets/images/text-data-rank.Cc-X6njN.svg");
}

.c-text-image--company-data-brand {
  aspect-ratio: 49/12;
  --image: url("/recruit/new/assets/images/text-data-brand.CuBJSw3V.svg");
}

.c-text-image--company-data-rate-17 {
  display: inline-block;
  aspect-ratio: 53/38.4;
  vertical-align: top;
  --image: url("/recruit/new/assets/images/text-data-rate-17.Dlgtlngr.svg");
}
@media screen and (max-width: 768px) {
  .c-text-image--company-data-rate-17 {
    aspect-ratio: 42/30.72;
    --image: url("/recruit/new/assets/images/text-data-rate-17-sp.B2d8CqFn.svg");
  }
}
@container (max-width: 519px) {
  .c-text-image--company-data-rate-17 {
    aspect-ratio: 42/30.72;
    --image: url("/recruit/new/assets/images/text-data-rate-17-sp.B2d8CqFn.svg");
  }
}

.c-text-image--company-data-amount-8560::before {
  inset: 0 -1% -20%;
}

.c-text-image--company-data-amount-531::before {
  inset: 0 -1% -20%;
}

.c-text-image--company-data-overseas::before {
  inset: 0 -1% -20%;
}

.c-text-image--company-data-work-100 {
  display: inline-block;
  aspect-ratio: 75/38.4;
  vertical-align: top;
  --image: url("/recruit/new/assets/images/text-data-work-100.DF9A3tgY.svg");
}
@media screen and (max-width: 768px) {
  .c-text-image--company-data-work-100 {
    aspect-ratio: 70/35.2;
    --image: url("/recruit/new/assets/images/text-data-work-100-sp.BItT-pU0.svg");
  }
}
@container (max-width: 519px) {
  .c-text-image--company-data-work-100 {
    aspect-ratio: 70/35.2;
    --image: url("/recruit/new/assets/images/text-data-work-100-sp.BItT-pU0.svg");
  }
}

.c-text-image--company-data-work-split {
  display: inline-block;
  aspect-ratio: 63/32;
  vertical-align: top;
  --image: url("/recruit/new/assets/images/text-data-work-split.uZ1k1udu.svg");
}
@media screen and (max-width: 768px) {
  .c-text-image--company-data-work-split {
    aspect-ratio: 58/28.8;
    --image: url("/recruit/new/assets/images/text-data-work-split-sp.CqjkZlZ_.svg");
  }
}
@container (max-width: 519px) {
  .c-text-image--company-data-work-split {
    aspect-ratio: 58/28.8;
    --image: url("/recruit/new/assets/images/text-data-work-split-sp.CqjkZlZ_.svg");
  }
}

.c-text-image--company-global-count-1 {
  aspect-ratio: 12/25.6;
  --image: url("/recruit/new/assets/images/text-global-count-1.CHIr6d2m.svg");
}

.c-text-image--company-global-count-2 {
  aspect-ratio: 16/25.6;
  --image: url("/recruit/new/assets/images/text-global-count-2.BoGNQbxm.svg");
}

.c-text-image--company-global-count-3 {
  aspect-ratio: 16/25.6;
  --image: url("/recruit/new/assets/images/text-global-count-3.C9pp9Xfl.svg");
}

.c-text-image--company-global-count-4 {
  aspect-ratio: 17/25.6;
  --image: url("/recruit/new/assets/images/text-global-count-4.CSwBGP-6.svg");
}

.c-text-image--company-global-count-13 {
  aspect-ratio: 27/25.6;
  --image: url("/recruit/new/assets/images/text-global-count-13.5h1KC9kS.svg");
}

.c-text-image--company-global-consulting-64 {
  display: inline-block;
  aspect-ratio: 73/57.6;
  vertical-align: top;
  --image: url("/recruit/new/assets/images/text-global-consulting-64.DK9qaobm.svg");
}

.c-text-image--company-global-consulting-376 {
  display: inline-block;
  aspect-ratio: 102/57.6;
  vertical-align: top;
  --image: url("/recruit/new/assets/images/text-global-consulting-376.DfeVpu4t.svg");
}

.c-text-image--company-mission-deco {
  aspect-ratio: 769/187.2;
  --image: url("/recruit/new/assets/images/text-mission-deco.kPsQd0ft.svg");
}

.c-text-image--company-mission-number-01 {
  aspect-ratio: 17/16;
  --image: url("/recruit/new/assets/images/text-mission-number-01.CD5O7h3V.svg");
}

.c-text-image--company-mission-number-02 {
  aspect-ratio: 20/16;
  --image: url("/recruit/new/assets/images/text-mission-number-02.B1ZfMD-Z.svg");
}

.c-text-image--company-mission-number-03 {
  aspect-ratio: 20/16;
  --image: url("/recruit/new/assets/images/text-mission-number-03.1EahUGJx.svg");
}

.c-text-image--company-special-label-cm {
  aspect-ratio: 97.57/14.4;
  --image: url("/recruit/new/assets/images/text-special-label-cm.C3jt-3d4.svg");
}

.c-text-image--company-special-label-newspicks {
  aspect-ratio: 133.45/14.4;
  --image: url("/recruit/new/assets/images/text-special-label-newspicks.4P6Htm4N.svg");
}

.c-text-image--department-title {
  aspect-ratio: 508/115.2;
  --image: url("/recruit/new/assets/images/text-title.H6BOjfmD.svg");
}
@media screen and (max-width: 768px) {
  .c-text-image--department-title {
    aspect-ratio: 181/140.8;
    --image: url("/recruit/new/assets/images/text-title-sp.OB1VDIq8.svg");
  }
}

@media screen and (max-width: 768px) {
  .c-text-image--department-title {
    --lines: 2;
  }
}

.c-text-image--department-en-hydro {
  aspect-ratio: 171/12.8;
  --image: url("/recruit/new/assets/images/text-en-hydro.Dx8GT_E3.svg");
}

.c-text-image--department-en-hydro::before {
  inset: 0 -1% -20%;
}

.c-text-image--department-en-thermal {
  aspect-ratio: 259/12.8;
  --image: url("/recruit/new/assets/images/text-en-thermal.D29fk93J.svg");
}

.c-text-image--department-en-thermal::before {
  inset: 0 -1% -20%;
}

.c-text-image--department-en-nuclear {
  aspect-ratio: 99/12.8;
  --image: url("/recruit/new/assets/images/text-en-nuclear.Cr-vu4ni.svg");
}

.c-text-image--department-en-transmission {
  aspect-ratio: 217/12.8;
  --image: url("/recruit/new/assets/images/text-en-transmission.DsJLiGuT.svg");
}

.c-text-image--department-en-transmission::before {
  inset: 0 -1% -20%;
}

.c-text-image--department-en-telecom {
  aspect-ratio: 128/12.8;
  --image: url("/recruit/new/assets/images/text-en-telecom.WFOygJzx.svg");
}

.c-text-image--department-en-civil {
  aspect-ratio: 276/12.8;
  --image: url("/recruit/new/assets/images/text-en-civil.Bzc4_MSA.svg");
}

.c-text-image--department-en-civil::before {
  inset: 0 -1% -20%;
}

.c-text-image--department-en-office {
  aspect-ratio: 136/12.8;
  --image: url("/recruit/new/assets/images/text-en-office.ByNeTNj0.svg");
}

.c-text-image--department-role {
  aspect-ratio: 62.75/16;
  --image: url("/recruit/new/assets/images/text-role.DQmnAvG8.svg");
}

.c-text-image--department-works {
  aspect-ratio: 80.75/16;
  --image: url("/recruit/new/assets/images/text-works.D0M5ujhV.svg");
}

.c-text-image--department-value {
  aspect-ratio: 74/16;
  --image: url("/recruit/new/assets/images/text-value.n_iR-IUs.svg");
}

.c-text-image--department-skills {
  aspect-ratio: 79/16;
  --image: url("/recruit/new/assets/images/text-skills.B4Xr2B8F.svg");
}

.c-text-image--department-interviews {
  aspect-ratio: 117/16;
  --image: url("/recruit/new/assets/images/text-interviews.CtOHlMOc.svg");
}

.c-text-image--department-power-for {
  aspect-ratio: 47.75/9.6;
  --image: url("/recruit/new/assets/images/text-power-for.C0mjBb_V.svg");
}

.c-text-image--department-power-for::before {
  inset: 0 -1% -10%;
}

.c-text-image--event-title {
  aspect-ratio: 751/230.4;
  --image: url("/recruit/new/assets/images/text-title.PtCY2UEI.svg");
}

.c-text-image--event-title {
  --lines: 2;
}

.c-text-image--event-index {
  aspect-ratio: 54.25/21.6;
  --image: url("/recruit/new/assets/images/text-index.a_p3FqoC.svg");
}

.c-text-image--event-number-1 {
  aspect-ratio: 17.78/18;
  --image: url("/recruit/new/assets/images/text-number-1.BOq4aXA_.svg");
}

.c-text-image--event-number-2 {
  aspect-ratio: 20/18;
  --image: url("/recruit/new/assets/images/text-number-2.Cot1b05u.svg");
}

.c-text-image--event-number-3 {
  aspect-ratio: 20/18;
  --image: url("/recruit/new/assets/images/text-number-3.DdsJk9b_.svg");
}

.c-text-image--event-number-4 {
  aspect-ratio: 21.11/18;
  --image: url("/recruit/new/assets/images/text-number-4.BocwRMiD.svg");
}

.c-text-image--event-number-5 {
  aspect-ratio: 18.97/18;
  --image: url("/recruit/new/assets/images/text-number-5.DdEvLMt1.svg");
}

.c-text-image--event-number-6 {
  aspect-ratio: 18.97/18;
  --image: url("/recruit/new/assets/images/text-number-6.Db-PrDsr.svg");
}

.c-text-image--event-number-7 {
  aspect-ratio: 18.06/18;
  --image: url("/recruit/new/assets/images/text-number-7.HiW4yYna.svg");
}

.c-text-image--event-number-8 {
  aspect-ratio: 18.97/18;
  --image: url("/recruit/new/assets/images/text-number-8.DU_tw3yY.svg");
}

.c-text-image--event-number-9 {
  aspect-ratio: 18.97/18;
  --image: url("/recruit/new/assets/images/text-number-9.CNkv5jyH.svg");
}

.c-text-image--event-number-10 {
  aspect-ratio: 16.23/18;
  --image: url("/recruit/new/assets/images/text-number-10.BXVjITvy.svg");
}

.c-text-image--event-number-11 {
  aspect-ratio: 14.33/18;
  --image: url("/recruit/new/assets/images/text-number-11.DaPx6Aqv.svg");
}

.c-text-image--event-number-12 {
  aspect-ratio: 17.43/18;
  --image: url("/recruit/new/assets/images/text-number-12.BppLa3_Z.svg");
}

.c-text-image--event-number-13 {
  aspect-ratio: 15.31/18;
  --image: url("/recruit/new/assets/images/text-number-13.CrG1hCBL.svg");
}

.c-text-image--event-number-14 {
  aspect-ratio: 17.43/18;
  --image: url("/recruit/new/assets/images/text-number-14.DPZ_C1ok.svg");
}

.c-text-image--event-number-15 {
  aspect-ratio: 17.43/18;
  --image: url("/recruit/new/assets/images/text-number-15.fRqs7ata.svg");
}

.c-text-image--event-number-16 {
  aspect-ratio: 16.3/18;
  --image: url("/recruit/new/assets/images/text-number-16.D8PT18p6.svg");
}

.c-text-image--event-mypage {
  aspect-ratio: 52/14.4;
  --image: url("/recruit/new/assets/images/text-mypage.DIbAWKun.svg");
}

.c-text-image--requirements-title {
  aspect-ratio: 820/115.2;
  --image: url("/recruit/new/assets/images/text-title.BrmFQbO7.svg");
}

.c-text-image--requirements-title::before {
  inset: 0 -1% -15%;
}

.c-text-image--requirements-contents {
  aspect-ratio: 248/51.2;
  --image: url("/recruit/new/assets/images/text-contents.ChjqlpsQ.svg");
}

.c-text-image--requirements-whats-large {
  aspect-ratio: 107.75/14;
  --image: url("/recruit/new/assets/images/text-whats-large.D3PrC-c9.svg");
}

.c-text-image--requirements-whats {
  aspect-ratio: 94.5/13;
  --image: url("/recruit/new/assets/images/text-whats.C_YcS7ed.svg");
}

.c-text-image--requirements-jobfield {
  aspect-ratio: 49.75/13;
  --image: url("/recruit/new/assets/images/text-jobfield.C8limbDl.svg");
}

.c-text-image--requirements-step {
  aspect-ratio: 23/16.33;
  --image: url("/recruit/new/assets/images/text-step.BF-alw6b.svg");
}

.c-text-image--requirements-step-1 {
  aspect-ratio: 20.94/18.67;
  --image: url("/recruit/new/assets/images/text-step-1.Bks8luRi.svg");
}

.c-text-image--requirements-step-1::before {
  inset: -15% -1% -5%;
}

.c-text-image--requirements-step-2 {
  aspect-ratio: 24.67/18.67;
  --image: url("/recruit/new/assets/images/text-step-2.B-IMP9th.svg");
}

.c-text-image--requirements-step-2::before {
  inset: -15% -1% -5%;
}

.c-text-image--requirements-step-3 {
  aspect-ratio: 24.38/18.67;
  --image: url("/recruit/new/assets/images/text-step-3.DEcgsJyU.svg");
}

.c-text-image--requirements-step-3::before {
  inset: -15% -1% -5%;
}

.c-text-image--requirements-step-4 {
  aspect-ratio: 25.99/18.67;
  --image: url("/recruit/new/assets/images/text-step-4.DvAvPVTG.svg");
}

.c-text-image--requirements-step-4::before {
  inset: -15% -1% -5%;
}

.c-text-image--requirements-step-5 {
  aspect-ratio: 24.65/18.67;
  --image: url("/recruit/new/assets/images/text-step-5.ma1mPIoR.svg");
}

.c-text-image--requirements-step-5::before {
  inset: -15% -1% -5%;
}

.c-text-image--people-title {
  aspect-ratio: 402/115.2;
  --image: url("/recruit/new/assets/images/text-title.Bp0LvvG1.svg");
}

.c-text-image--people-research {
  aspect-ratio: 77.277/16;
  --image: url("/recruit/new/assets/images/text-research.BeSpWW3O.svg");
}

.c-text-image--people-q1 {
  aspect-ratio: 24/22.4;
  --image: url("/recruit/new/assets/images/text-q1.DdhGZ-mI.svg");
}

.c-text-image--people-q2 {
  aspect-ratio: 28/22.4;
  --image: url("/recruit/new/assets/images/text-q2.CFgn-3Ht.svg");
}

.c-text-image--people-q3 {
  aspect-ratio: 28/22.4;
  --image: url("/recruit/new/assets/images/text-q3.CVKaNwY1.svg");
}

.c-text-image--people-q4 {
  aspect-ratio: 29/22.4;
  --image: url("/recruit/new/assets/images/text-q4.R7ap1HyG.svg");
}

.c-text-image--people-q5 {
  aspect-ratio: 28/22.4;
  --image: url("/recruit/new/assets/images/text-q5.aQTdpoeD.svg");
}

.c-text-image--people-q6 {
  aspect-ratio: 28/22.4;
  --image: url("/recruit/new/assets/images/text-q6.fSjESh3H.svg");
}

.c-text-image--interview-daily-schedule {
  aspect-ratio: 216/28.8;
  --image: url("/recruit/new/assets/images/text-daily-schedule.CQoL_BAK.svg");
}

.c-text-image--interview-day-off {
  aspect-ratio: 107/28.8;
  --image: url("/recruit/new/assets/images/text-day-off.3-GICUHg.svg");
}

.c-text-image--interview-message {
  aspect-ratio: 125/28.8;
  --image: url("/recruit/new/assets/images/text-message.G9kxjoFY.svg");
}

.c-text-image--interview-other {
  aspect-ratio: 452/51.2;
  --image: url("/recruit/new/assets/images/text-other.ClS5a1zc.svg");
}
@media screen and (max-width: 768px) {
  .c-text-image--interview-other {
    aspect-ratio: 251.864/89.6;
    --image: url("/recruit/new/assets/images/text-other-sp.BGkqxLI4.svg");
  }
}

@media screen and (max-width: 768px) {
  .c-text-image--interview-other {
    --lines: 2;
  }
}

.c-text-image--interview-time-0700 {
  aspect-ratio: 33.923/16;
  --image: url("/recruit/new/assets/images/text-time-0700.UDwraNPE.svg");
}

.c-text-image--interview-time-0800 {
  aspect-ratio: 34.445/16;
  --image: url("/recruit/new/assets/images/text-time-0800.DhHHZdDT.svg");
}

.c-text-image--interview-time-0830 {
  aspect-ratio: 33.859/16;
  --image: url("/recruit/new/assets/images/text-time-0830.BiPeDJJJ.svg");
}

.c-text-image--interview-time-0900 {
  aspect-ratio: 34.385/16;
  --image: url("/recruit/new/assets/images/text-time-0900.CDAMIP3b.svg");
}

.c-text-image--interview-time-0930 {
  aspect-ratio: 33.799/16;
  --image: url("/recruit/new/assets/images/text-time-0930.R_rdzlcn.svg");
}

.c-text-image--interview-time-1000 {
  aspect-ratio: 41.648/16;
  --image: url("/recruit/new/assets/images/text-time-1000.rW7QVBj5.svg");
}

.c-text-image--interview-time-1030 {
  aspect-ratio: 41.062/16;
  --image: url("/recruit/new/assets/images/text-time-1030.DBuIxsgD.svg");
}

.c-text-image--interview-time-1100 {
  aspect-ratio: 38.757/16;
  --image: url("/recruit/new/assets/images/text-time-1100.DJGErhmC.svg");
}

.c-text-image--interview-time-1200 {
  aspect-ratio: 41.12/16;
  --image: url("/recruit/new/assets/images/text-time-1200.Dp2H0OF9.svg");
}

.c-text-image--interview-time-1300 {
  aspect-ratio: 41.062/16;
  --image: url("/recruit/new/assets/images/text-time-1300.D5wTQq9g.svg");
}

.c-text-image--interview-time-1330 {
  aspect-ratio: 40.476/16;
  --image: url("/recruit/new/assets/images/text-time-1330.BfSfnAME.svg");
}

.c-text-image--interview-time-1400 {
  aspect-ratio: 41.863/16;
  --image: url("/recruit/new/assets/images/text-time-1400.DdKasxSG.svg");
}

.c-text-image--interview-time-1430 {
  aspect-ratio: 41.277/16;
  --image: url("/recruit/new/assets/images/text-time-1430.DNP3fn8l.svg");
}

.c-text-image--interview-time-1500 {
  aspect-ratio: 41.335/16;
  --image: url("/recruit/new/assets/images/text-time-1500.B_LPnkoy.svg");
}

.c-text-image--interview-time-1520 {
  aspect-ratio: 40.808/16;
  --image: url("/recruit/new/assets/images/text-time-1520.BgVUFI3Q.svg");
}

.c-text-image--interview-time-1530 {
  aspect-ratio: 40.749/16;
  --image: url("/recruit/new/assets/images/text-time-1530.DrJ3lifJ.svg");
}

.c-text-image--interview-time-1600 {
  aspect-ratio: 41.55/16;
  --image: url("/recruit/new/assets/images/text-time-1600.D5xERhtN.svg");
}

.c-text-image--interview-time-1630 {
  aspect-ratio: 40.964/16;
  --image: url("/recruit/new/assets/images/text-time-1630.Cvh-AD67.svg");
}

.c-text-image--interview-time-1700 {
  aspect-ratio: 40.788/16;
  --image: url("/recruit/new/assets/images/text-time-1700.C2TMzJ7y.svg");
}

.c-text-image--interview-time-1730 {
  aspect-ratio: 40.202/16;
  --image: url("/recruit/new/assets/images/text-time-1730.E9Fz1O1f.svg");
}

.c-text-image--interview-time-1800 {
  aspect-ratio: 41.531/16;
  --image: url("/recruit/new/assets/images/text-time-1800.BKATdqRA.svg");
}

.c-text-image--interview-time-1830 {
  aspect-ratio: 40.944/16;
  --image: url("/recruit/new/assets/images/text-time-1830.BAYRs6Hm.svg");
}

.c-text-image--crosstalk-member {
  aspect-ratio: 52/12.8;
  --image: url("/recruit/new/assets/images/text-member.QDuIwIMU.svg");
}

.c-text-image--people-q1::before,
.c-text-image--people-q2::before,
.c-text-image--people-q3::before,
.c-text-image--people-q4::before,
.c-text-image--people-q5::before,
.c-text-image--people-q6::before {
  inset: 0 -1% -10%;
}

.c-text-image--project-title {
  aspect-ratio: 823/115.2;
  --image: url("/recruit/new/assets/images/text-title.CR-p67m1.svg");
}
@media screen and (max-width: 768px) {
  .c-text-image--project-title {
    aspect-ratio: 277.5/140.8;
    --image: url("/recruit/new/assets/images/text-title-sp.DndDBXt1.svg");
  }
}

.c-text-image--project-power-for {
  aspect-ratio: 62.1/13;
  --image: url("/recruit/new/assets/images/text-power-for.DHCD0w7W.svg");
}
@media screen and (max-width: 768px) {
  .c-text-image--project-power-for {
    aspect-ratio: 46.6/10;
    --image: url("/recruit/new/assets/images/text-power-for-sp.BjSLjuZa.svg");
  }
}

.c-text-image--project-coming-soon {
  aspect-ratio: 378.4/64;
  --image: url("/recruit/new/assets/images/text-coming-soon.DQx90xQX.svg");
}
@media screen and (max-width: 768px) {
  .c-text-image--project-coming-soon {
    aspect-ratio: 265/44.8;
    --image: url("/recruit/new/assets/images/text-coming-soon-sp.Y6fK1WQy.svg");
  }
}

.c-text-image--project-detail-lead {
  aspect-ratio: 19.2/94;
  --image: url("/recruit/new/assets/images/text-hero-lead.I2YkC4pI.svg");
}
@media screen and (max-width: 768px) {
  .c-text-image--project-detail-lead {
    aspect-ratio: 14/71;
    --image: url("/recruit/new/assets/images/text-hero-lead-sp.gIMgxwKS.svg");
  }
}

.c-text-image--project-detail-lead::before {
  inset: 0 -2% -1%;
}

.c-text-image--project-detail-member {
  aspect-ratio: 52/13;
  --image: url("/recruit/new/assets/images/text-member.DD516VEO.svg");
}
@media screen and (max-width: 768px) {
  .c-text-image--project-detail-member {
    aspect-ratio: 46/11;
    --image: url("/recruit/new/assets/images/text-member-sp.L0ecvjCB.svg");
  }
}

.c-text-image--project-detail-q1 {
  aspect-ratio: 24/22;
  --image: url("/recruit/new/assets/images/text-q1.DdhGZ-mI.svg");
}
@media screen and (max-width: 768px) {
  .c-text-image--project-detail-q1 {
    aspect-ratio: 21/19;
    --image: url("/recruit/new/assets/images/text-q1-sp.Cu5nn4ry.svg");
  }
}

.c-text-image--project-detail-q2 {
  aspect-ratio: 28/22;
  --image: url("/recruit/new/assets/images/text-q2.CFgn-3Ht.svg");
}
@media screen and (max-width: 768px) {
  .c-text-image--project-detail-q2 {
    aspect-ratio: 24/19;
    --image: url("/recruit/new/assets/images/text-q2-sp.D9kbEA2f.svg");
  }
}

.c-text-image--project-detail-q3 {
  aspect-ratio: 28/22;
  --image: url("/recruit/new/assets/images/text-q3.CVKaNwY1.svg");
}
@media screen and (max-width: 768px) {
  .c-text-image--project-detail-q3 {
    aspect-ratio: 24/19;
    --image: url("/recruit/new/assets/images/text-q3-sp.CmPtZuPz.svg");
  }
}

.c-text-image--project-detail-q4 {
  aspect-ratio: 29/22;
  --image: url("/recruit/new/assets/images/text-q4.R7ap1HyG.svg");
}
@media screen and (max-width: 768px) {
  .c-text-image--project-detail-q4 {
    aspect-ratio: 25/19;
    --image: url("/recruit/new/assets/images/text-q4-sp.DhWK8QID.svg");
  }
}

.c-text-image--project-detail-q1::before,
.c-text-image--project-detail-q2::before,
.c-text-image--project-detail-q3::before,
.c-text-image--project-detail-q4::before {
  inset: 0 -1% -12%;
}

.c-text-image--project-detail-other {
  aspect-ratio: 398/51.2;
  --image: url("/recruit/new/assets/images/text-other-projects.DS6tRVzU.svg");
}
@media screen and (max-width: 768px) {
  .c-text-image--project-detail-other {
    aspect-ratio: 201.9/89.6;
    --image: url("/recruit/new/assets/images/text-other-projects-sp.obqw_8d4.svg");
  }
}

.c-text-image--project-detail-related {
  aspect-ratio: 115.4/14;
  --image: url("/recruit/new/assets/images/text-related-contents.D5HcJDB3.svg");
}

.c-text-image--project-detail-pager-1 {
  aspect-ratio: 6/12.8;
  --image: url("/recruit/new/assets/images/text-pager-1.a4zEFF5M.svg");
}

.c-text-image--project-detail-pager-2 {
  aspect-ratio: 8/12.8;
  --image: url("/recruit/new/assets/images/text-pager-2.BGnEw28X.svg");
}

.c-text-image--project-detail-pager-slash {
  aspect-ratio: 8/12.8;
  --image: url("/recruit/new/assets/images/text-pager-slash.DsEOncfg.svg");
}

.c-text-image--project-detail-pager-slash::before {
  inset: 0 -1% -15%;
}

.c-text-image--location-title {
  aspect-ratio: 917/115.2;
  --image: url("/recruit/new/assets/images/text-title.j4kaoo9a.svg");
}
@media screen and (max-width: 768px) {
  .c-text-image--location-title {
    aspect-ratio: 321/128;
    --image: url("/recruit/new/assets/images/text-title-sp.C-skXvEu.svg");
  }
}

.c-text-image--location-voice {
  aspect-ratio: 35/13;
  --image: url("/recruit/new/assets/images/text-voice.rVC7fxGd.svg");
}
@media screen and (max-width: 768px) {
  .c-text-image--location-voice {
    aspect-ratio: 30/11;
    --image: url("/recruit/new/assets/images/text-voice-sp.DguuK8ZZ.svg");
  }
}

@media screen and (max-width: 768px) {
  .c-text-image--project-title {
    --lines: 2;
  }
}

@media screen and (max-width: 768px) {
  .c-text-image--project-detail-other {
    --lines: 2;
  }
}

@media screen and (max-width: 768px) {
  .c-text-image--location-title {
    --lines: 2;
  }
}

.c-text-image--project-detail-lead {
  width: calc(var(--lines) * 1lh);
  height: auto;
}

.c-text-image--related-heading {
  --lines: 2;
  aspect-ratio: 248/102.4;
  --image: url("/recruit/new/assets/images/text-related-heading.CujuEk46.svg");
}

.c-text-image--recruit-info-heading {
  --lines: 2;
  aspect-ratio: 200/102.4;
  --image: url("/recruit/new/assets/images/text-heading.DHep7TA4.svg");
}

.c-text-image--related-job-field {
  aspect-ratio: 56.07/14.4;
  --image: url("/recruit/new/assets/images/text-related-job-field.DB0AYHkl.svg");
}

.c-text-image--related-people {
  aspect-ratio: 44.99/14.4;
  --image: url("/recruit/new/assets/images/text-related-people.-s1Q2rsP.svg");
}

.c-text-image--related-project-story {
  aspect-ratio: 91.98/14.4;
  --image: url("/recruit/new/assets/images/text-related-project-story.CNJj9yIh.svg");
}

.c-text-image--related-cross-talk {
  aspect-ratio: 70.74/14.4;
  --image: url("/recruit/new/assets/images/text-related-cross-talk.wKY8MhFi.svg");
}

.c-text-image--related-work-locations {
  aspect-ratio: 101.66/14.4;
  --image: url("/recruit/new/assets/images/text-related-work-locations.OBhKLMm5.svg");
}

.c-text-image--related-benefits {
  aspect-ratio: 56.64/14.4;
  --image: url("/recruit/new/assets/images/text-related-benefits.ByQZlpkl.svg");
}

.c-text-image--related-development {
  aspect-ratio: 86.76/14.4;
  --image: url("/recruit/new/assets/images/text-related-development.D6LQ_bKk.svg");
}

.c-text-image--recruit-info-requirements {
  aspect-ratio: 91.41/14.4;
  --image: url("/recruit/new/assets/images/text-requirements.BPVcpHfV.svg");
}

.c-text-image--recruit-info-faq {
  aspect-ratio: 22.9/14.4;
  --image: url("/recruit/new/assets/images/text-faq.D2rz2FBz.svg");
}

.c-text-image--recruit-info-recruitment-message {
  aspect-ratio: 141.57/14.4;
  --image: url("/recruit/new/assets/images/text-recruitment-message.DVb-mrbz.svg");
}

.c-text-image--recruit-info-recruitment-event {
  aspect-ratio: 124.29/14.4;
  --image: url("/recruit/new/assets/images/text-recruitment-event.Cqu-gBsh.svg");
}

.c-text-image--training-topics {
  aspect-ratio: 94/28.8;
  --image: url("/recruit/new/assets/images/text-topics.BBGCXxZI.svg");
}
@media screen and (max-width: 768px) {
  .c-text-image--training-topics {
    aspect-ratio: 84/25.6;
    --image: url("/recruit/new/assets/images/text-topics-sp.DD7jJiPQ.svg");
  }
}

.c-triangle {
  display: inline-block;
  width: calc(64 * var(--to-rem));
  aspect-ratio: 1/1;
  background-color: var(--color-black);
}

.c-triangle[data-direction=top] {
  clip-path: var(--clip-triangle-top);
}

.c-triangle[data-direction=bottom] {
  clip-path: var(--clip-triangle-bottom);
}

.c-triangle[data-direction=left] {
  clip-path: var(--clip-triangle-left);
}

.c-triangle[data-direction=right] {
  clip-path: var(--clip-triangle-right);
}

.c-triangle[data-direction=lower-left] {
  clip-path: var(--clip-triangle-lower-left);
}

.c-triangle[data-direction=upper-left] {
  clip-path: var(--clip-triangle-upper-left);
}

.c-triangle[data-direction=lower-right] {
  clip-path: var(--clip-triangle-lower-right);
}

.c-triangle[data-direction=upper-right] {
  clip-path: var(--clip-triangle-upper-right);
}

.p-about {
  background-color: var(--color-white);
  padding-block: calc(100 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .p-about {
    padding-block: calc(60 * var(--to-rem));
  }
}

.p-about__inner {
  display: grid;
  gap: calc(32 * var(--to-rem));
  grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr);
  align-items: center;
}
@media screen and (max-width: 768px) {
  .p-about__inner {
    grid-template-columns: none;
    align-items: stretch;
  }
}

.p-about__media {
  overflow: hidden;
  box-shadow: 0 0 30px oklch(from var(--color-black) l c h/10%);
}

.p-about__image {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 16/9;
  object-fit: cover;
}

.p-about__content {
  color: var(--color-text);
}

.p-about__eyebrow {
  margin: 0 0 calc(8 * var(--to-rem));
  font-family: var(--title-font-family);
  font-size: calc(16 * var(--to-rem));
  color: #52bcde;
  letter-spacing: 0.15em;
}

.p-about__title {
  margin: 0 0 calc(12 * var(--to-rem));
  font-size: calc(32 * var(--to-rem));
  font-weight: var(--fw-medium);
  color: var(--color-primary);
}

.p-about__text {
  margin: 0 0 calc(24 * var(--to-rem));
  font-size: calc(16 * var(--to-rem));
  line-height: 1.8;
}

.p-bg-sample {
  position: relative;
  padding-block: calc(80 * var(--to-rem));
  color: var(--color-white);
  background-image: url("/recruit/new/assets/images/image_mv_01.C2hes_sL.webp");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.p-bg-sample::before {
  position: absolute;
  inset: 0;
  z-index: 1;
  content: "";
  background-color: oklch(from var(--color-black) l c h/40%);
}

.p-bg-sample__inner {
  position: relative;
  z-index: 2;
}

.p-bg-sample__title {
  font-size: calc(32 * var(--to-rem));
  font-weight: var(--fw-bold);
  text-align: center;
}

.p-bg-sample__text {
  max-width: calc(800 * var(--to-rem));
  margin-block-start: calc(24 * var(--to-rem));
  margin-inline: auto;
  font-size: calc(16 * var(--to-rem));
  line-height: 1.8;
}

.p-card-list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(calc(280 * var(--to-rem)), 1fr));
  gap: calc(32 * var(--to-rem));
  margin-top: calc(24 * var(--to-rem));
}

@media screen and (max-width: 768px) {
  .p-company-about {
    margin-top: calc(120 * var(--to-rem));
  }
}

.p-company-about__lead {
  margin-top: calc(118.4 * var(--to-rem));
  font-family: var(--base-font-family);
  font-size: max(23 * var(--to-rem), 48 * var(--main-px));
  font-weight: var(--fw-bold);
  line-height: 1.4;
  color: var(--color-text);
  letter-spacing: -0.02em;
}
@media screen and (max-width: 768px) {
  .p-company-about__lead {
    margin-top: calc(79.6 * var(--to-rem));
    font-size: calc(23 * var(--to-rem));
  }
}

.p-company-about__text {
  margin-top: calc(48 * var(--to-rem));
  font-family: var(--base-font-family);
  font-size: max(16 * var(--to-rem), 20 * var(--main-px));
  font-weight: var(--fw-bold);
  line-height: 2;
  color: var(--color-text);
  letter-spacing: -0.02em;
}
@media screen and (max-width: 768px) {
  .p-company-about__text {
    margin-top: calc(40 * var(--to-rem));
    font-size: calc(16 * var(--to-rem));
  }
}

.p-company-about__business {
  margin-top: calc(120 * var(--to-rem));
  overflow: hidden;
  background-color: var(--color-white);
  border-radius: calc(12 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .p-company-about__business {
    margin-top: calc(80 * var(--to-rem));
  }
}

.p-company-about__diagram {
  position: relative;
  aspect-ratio: 900/609;
}
@media screen and (max-width: 768px) {
  .p-company-about__diagram {
    aspect-ratio: 327/545;
  }
}

.p-company-about__diagramImage {
  position: absolute;
  inset: 0;
}

.p-company-about__diagramImage picture {
  display: block;
  width: 100%;
  height: 100%;
}

.p-company-about__diagramVideo {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.p-company-about__diagramTitle {
  position: absolute;
  top: 4.926%;
  left: 4.444%;
  font-family: var(--base-font-family);
  font-size: calc(24 * var(--main-px));
  font-weight: var(--fw-bold);
  line-height: 1.5;
  color: var(--color-text);
  letter-spacing: -0.02em;
  white-space: nowrap;
}
@media screen and (max-width: 768px) {
  .p-company-about__diagramTitle {
    top: 3.67%;
    left: 6.116%;
    font-size: calc(22 * var(--main-px));
    line-height: 1.3;
  }
}

@media screen and (max-width: 768px) {
  .p-company-about__diagramTitleEm {
    font-size: calc(23 * var(--main-px));
  }
}

.p-company-about__labels {
  list-style: none;
}

.p-company-about__label {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--base-font-family);
  line-height: 1;
  letter-spacing: -0.02em;
  white-space: nowrap;
}

.p-company-about__label--red {
  padding-block: calc(6 * var(--main-px)) calc(8 * var(--main-px));
  padding-inline: calc(10 * var(--main-px));
  font-size: calc(16 * var(--main-px));
  font-weight: var(--fw-bold);
  color: var(--color-white);
  background-color: var(--color-red);
  border-radius: calc(5 * var(--main-px));
}
@media screen and (max-width: 768px) {
  .p-company-about__label--red {
    padding-block: calc(4.5 * var(--main-px)) calc(6 * var(--main-px));
    padding-inline: calc(7.5 * var(--main-px));
    font-size: calc(12 * var(--main-px));
    border-radius: calc(3.75 * var(--main-px));
  }
}

.p-company-about__label--line {
  padding-block: calc(4 * var(--main-px)) calc(5 * var(--main-px));
  padding-inline: calc(4 * var(--main-px));
  font-size: calc(13 * var(--main-px));
  font-weight: var(--fw-medium);
  color: var(--color-text);
  border-bottom: max(1px, 1 * var(--main-px)) solid var(--color-text);
  opacity: 0.75;
}
@media screen and (max-width: 768px) {
  .p-company-about__label--line {
    padding-block: calc(3 * var(--main-px)) calc(3.5 * var(--main-px));
    padding-inline: calc(3 * var(--main-px));
    font-size: calc(9.5 * var(--main-px));
    border-bottom-width: calc(0.75 * var(--main-px));
  }
}

.p-company-about__label--telecom {
  top: 10.179%;
  left: 83.449%;
}
@media screen and (max-width: 768px) {
  .p-company-about__label--telecom {
    top: 4.037%;
    left: 50.153%;
  }
}

.p-company-about__label--land {
  top: 14.893%;
  left: 9.091%;
}
@media screen and (max-width: 768px) {
  .p-company-about__label--land {
    top: 26.972%;
    left: 17.431%;
  }
}

.p-company-about__label--power {
  top: 29.228%;
  left: 54.889%;
}
@media screen and (max-width: 768px) {
  .p-company-about__label--power {
    top: 51.193%;
    left: 31.193%;
  }
}

.p-company-about__label--transmission {
  top: 35.811%;
  left: 69.93%;
}
@media screen and (max-width: 768px) {
  .p-company-about__label--transmission {
    top: 58.899%;
    left: 77.676%;
  }
}

.p-company-about__label--sales {
  top: 70.603%;
  left: 60.986%;
}
@media screen and (max-width: 768px) {
  .p-company-about__label--sales {
    top: 71.009%;
    left: 59.633%;
  }
}

.p-company-about__label--hydro {
  top: 11.291%;
  left: 36.402%;
}
@media screen and (max-width: 768px) {
  .p-company-about__label--hydro {
    top: 22.752%;
    left: 65.138%;
  }
}

.p-company-about__label--wind {
  top: 88.506%;
  left: 11.889%;
}
@media screen and (max-width: 768px) {
  .p-company-about__label--wind {
    top: 78.165%;
    left: 3.976%;
  }
}

.p-company-about__label--thermal {
  top: 59.934%;
  left: 20.889%;
}
@media screen and (max-width: 768px) {
  .p-company-about__label--thermal {
    top: 62.752%;
    left: 13.456%;
    text-align: left;
  }
}

.p-company-about__label--nuclear {
  top: 45.649%;
  left: 39.333%;
}
@media screen and (max-width: 768px) {
  .p-company-about__label--nuclear {
    top: 45.505%;
    left: 60.245%;
  }
}

.p-company-about__label--geothermal {
  top: 32.02%;
  left: 38.222%;
}
@media screen and (max-width: 768px) {
  .p-company-about__label--geothermal {
    top: 30.642%;
    left: 82.569%;
  }
}

.p-company-about__label--solar {
  top: 81.773%;
  left: 30.556%;
}
@media screen and (max-width: 768px) {
  .p-company-about__label--solar {
    top: 76.697%;
    left: 33.945%;
  }
}

.p-company-about__label--fuel {
  top: 47.34%;
  left: 11.412%;
}
@media screen and (max-width: 768px) {
  .p-company-about__label--fuel {
    top: 88.073%;
    left: 19.878%;
  }
}

.p-company-about__diagramArrow {
  position: absolute;
  display: block;
}

.p-company-about__diagramArrow picture {
  display: block;
  width: 100%;
  height: 100%;
}

.p-company-about__diagramArrow--1 {
  top: 20.312%;
  left: 31.822%;
  width: 3.722%;
  aspect-ratio: 34/18;
}
@media screen and (max-width: 768px) {
  .p-company-about__diagramArrow--1 {
    top: 42.451%;
    left: 25.899%;
    width: 4.012%;
    aspect-ratio: 14/26;
  }
}

.p-company-about__diagramArrow--2 {
  top: 32.874%;
  left: 62.722%;
  width: 3.722%;
  aspect-ratio: 34/18;
}
@media screen and (max-width: 768px) {
  .p-company-about__diagramArrow--2 {
    top: 55.317%;
    left: 57.911%;
    width: 7.893%;
  }
}

.p-company-about__diagramArrow--3 {
  top: 62.414%;
  left: 76.056%;
  width: 2.589%;
  aspect-ratio: 24/29;
}
@media screen and (max-width: 768px) {
  .p-company-about__diagramArrow--3 {
    top: 71.673%;
    left: 83.911%;
    width: 6.624%;
    aspect-ratio: 22/19;
  }
}

.p-company-about__flow {
  padding-block: 0 calc(64 * var(--to-rem));
  padding-inline: calc(64 * var(--main-px));
}
@media screen and (max-width: 768px) {
  .p-company-about__flow {
    padding-block: 0 calc(40 * var(--to-rem));
    padding-inline: calc(24 * var(--to-rem));
  }
}

.p-company-about__arrow {
  position: relative;
  z-index: 1;
  display: block;
  width: calc(27.71 * var(--to-rem));
  height: calc(38 * var(--to-rem));
  margin-inline: auto;
  margin-top: calc(-10 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .p-company-about__arrow {
    width: calc(18 * var(--to-rem));
    height: calc(24 * var(--to-rem));
    margin-top: calc(24 * var(--to-rem));
  }
}

.p-company-about__step--next .p-company-about__arrow {
  margin-top: calc(32 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .p-company-about__step--next .p-company-about__arrow {
    margin-top: calc(24 * var(--to-rem));
  }
}

.p-company-about__subTitle {
  margin-top: calc(24 * var(--to-rem));
  font-family: var(--base-font-family);
  font-size: calc(24 * var(--to-rem));
  font-weight: var(--fw-bold);
  line-height: 1.5;
  color: var(--color-text);
  text-align: center;
  letter-spacing: -0.02em;
}
@media screen and (max-width: 768px) {
  .p-company-about__subTitle {
    margin-top: calc(16 * var(--to-rem));
    font-size: calc(20 * var(--to-rem));
    text-align: left;
  }
}

.p-company-about__subText {
  margin-top: calc(8 * var(--to-rem));
  font-family: var(--base-font-family);
  font-size: calc(16 * var(--to-rem));
  font-weight: var(--fw-medium);
  line-height: 2;
  color: var(--color-text);
  text-align: center;
  letter-spacing: -0.02em;
}
@media screen and (max-width: 768px) {
  .p-company-about__subText {
    font-size: calc(14 * var(--to-rem));
    text-align: left;
  }
}

.p-company-about__photo {
  aspect-ratio: 772/289;
  margin-top: calc(18 * var(--to-rem));
  overflow: hidden;
  border-radius: calc(8 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .p-company-about__photo {
    aspect-ratio: 279/140;
    margin-top: calc(24 * var(--to-rem));
  }
}

.p-company-about__step--next .p-company-about__photo {
  margin-top: calc(24 * var(--to-rem));
}

.p-company-about__photo picture {
  display: block;
  width: 100%;
  height: 100%;
}

.p-company-contents {
  display: grid;
  grid-template-columns: calc(265 * var(--to-rem)) minmax(0, calc(900 * var(--to-rem)));
  column-gap: min(80 * var(--to-rem), 6.4257%);
  align-items: start;
  max-width: calc(1440 * var(--to-rem));
  padding-inline: calc(40 * var(--to-rem)) min(155 * var(--to-rem), 10.764%);
  margin-inline: auto;
  margin-top: calc(240 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .p-company-contents {
    display: block;
    padding-inline: calc(24 * var(--to-rem));
    margin-top: calc(160 * var(--to-rem));
  }
}

.p-company-contents__main {
  --main-px: min(var(--to-rem), calc(100cqi / 900));
  grid-column: 2;
  min-width: 0;
  container-type: inline-size;
}
@media screen and (max-width: 768px) {
  .p-company-contents__main {
    --main-px: calc(100cqi / 327);
  }
}

.p-company-contents__section {
  scroll-margin-top: calc(40 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .p-company-contents__section {
    scroll-margin-top: calc(24 * var(--to-rem));
  }
}

.p-company-data {
  margin-top: calc(160 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .p-company-data {
    margin-top: calc(120 * var(--to-rem));
  }
}

.p-company-data__lead {
  margin-top: calc(40 * var(--to-rem));
  font-family: var(--base-font-family);
  font-size: calc(18 * var(--to-rem));
  font-weight: var(--fw-medium);
  line-height: 2;
  color: var(--color-text);
  letter-spacing: -0.02em;
  line-break: strict;
}
@media screen and (max-width: 768px) {
  .p-company-data__lead {
    font-size: calc(16 * var(--to-rem));
  }
}

.p-company-data__cards {
  display: flex;
  flex-direction: column;
  gap: calc(48 * var(--to-rem));
  margin-top: calc(64 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .p-company-data__cards {
    gap: calc(40 * var(--to-rem));
  }
}

.p-company-data__card {
  display: flex;
  flex-direction: column;
  gap: calc(4 * var(--to-rem));
}

.p-company-data__cardHead {
  padding-block: calc(32 * var(--to-rem));
  padding-inline: calc(48 * var(--to-rem));
  background-color: var(--color-white);
  border-radius: calc(12 * var(--to-rem)) calc(12 * var(--to-rem)) 0 0;
}
@media screen and (max-width: 768px) {
  .p-company-data__cardHead {
    padding-block: calc(24 * var(--to-rem));
    padding-inline: calc(24 * var(--to-rem));
  }
}
@container (max-width: 519px) {
  .p-company-data__cardHead {
    padding-block: calc(24 * var(--to-rem));
    padding-inline: calc(24 * var(--to-rem));
  }
}

.p-company-data__cardTitle {
  font-family: var(--base-font-family);
  font-size: calc(24 * var(--to-rem));
  font-weight: var(--fw-bold);
  line-height: 1.5;
  color: var(--color-text);
  letter-spacing: -0.02em;
}
@media screen and (max-width: 768px) {
  .p-company-data__cardTitle {
    font-size: calc(20 * var(--to-rem));
  }
}
@container (max-width: 519px) {
  .p-company-data__cardTitle {
    font-size: calc(20 * var(--to-rem));
  }
}

.p-company-data__cardBody {
  padding-block: calc(48 * var(--to-rem));
  padding-inline: calc(48 * var(--to-rem));
  background-color: var(--color-white);
  border-radius: 0 0 calc(12 * var(--to-rem)) calc(12 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .p-company-data__cardBody {
    padding-block: calc(40 * var(--to-rem));
    padding-inline: calc(24 * var(--to-rem));
  }
}
@container (max-width: 519px) {
  .p-company-data__cardBody {
    padding-block: calc(40 * var(--to-rem));
    padding-inline: calc(24 * var(--to-rem));
  }
}

.p-company-data__groupTitle {
  font-family: var(--base-font-family);
  font-size: calc(20 * var(--to-rem));
  font-weight: var(--fw-bold);
  line-height: 1.5;
  color: var(--color-text);
  letter-spacing: -0.02em;
}
@media screen and (max-width: 768px) {
  .p-company-data__groupTitle {
    font-size: calc(18 * var(--to-rem));
  }
}
@container (max-width: 519px) {
  .p-company-data__groupTitle {
    font-size: calc(18 * var(--to-rem));
  }
}

.p-company-data__items {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: calc(48 * var(--to-rem));
  margin-top: calc(32 * var(--to-rem));
}
@container (max-width: 879px) {
  .p-company-data__items {
    grid-template-columns: minmax(0, 1fr);
  }
}
@media screen and (max-width: 768px) {
  .p-company-data__items {
    row-gap: calc(32 * var(--to-rem));
  }
}
@container (max-width: 519px) {
  .p-company-data__items {
    row-gap: calc(32 * var(--to-rem));
  }
}

.p-company-data__item {
  position: relative;
}

.p-company-data__label {
  position: relative;
  z-index: 1;
  font-family: var(--base-font-family);
  font-size: calc(16 * var(--to-rem));
  font-weight: var(--fw-bold);
  line-height: 1.5;
  color: var(--color-red);
  letter-spacing: -0.02em;
}
@media screen and (max-width: 768px) {
  .p-company-data__label {
    font-size: calc(14 * var(--to-rem));
  }
}
@container (max-width: 519px) {
  .p-company-data__label {
    font-size: calc(14 * var(--to-rem));
  }
}

.p-company-data__label--shift {
  margin-left: calc(5 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .p-company-data__label--shift {
    margin-left: 0;
  }
}
@container (max-width: 519px) {
  .p-company-data__label--shift {
    margin-left: 0;
  }
}

.p-company-data__value {
  display: flex;
  column-gap: calc(1 * var(--to-rem));
  align-items: baseline;
  margin-top: calc(24 * var(--to-rem));
  font-family: var(--title-font-family);
  font-weight: 800;
  line-height: 0.8;
  color: var(--color-text);
}
@media screen and (max-width: 768px) {
  .p-company-data__value {
    margin-top: calc(12 * var(--to-rem));
  }
}
@container (max-width: 519px) {
  .p-company-data__value {
    margin-top: calc(12 * var(--to-rem));
  }
}

.p-company-data__valueNum {
  font-size: calc(72 * var(--to-rem));
  letter-spacing: -0.0178em;
}
@media screen and (max-width: 768px) {
  .p-company-data__valueNum {
    font-size: calc(56 * var(--to-rem));
    letter-spacing: -0.0229em;
  }
}
@container (max-width: 519px) {
  .p-company-data__valueNum {
    font-size: calc(56 * var(--to-rem));
    letter-spacing: -0.0229em;
  }
}

.p-company-data__valueUnit {
  font-size: calc(24 * var(--to-rem));
  letter-spacing: -0.0533em;
}
@media screen and (max-width: 768px) {
  .p-company-data__valueUnit {
    font-size: calc(20 * var(--to-rem));
    letter-spacing: -0.064em;
    translate: 0 calc(0.75 * var(--to-rem));
  }
}
@container (max-width: 519px) {
  .p-company-data__valueUnit {
    font-size: calc(20 * var(--to-rem));
    letter-spacing: -0.064em;
    translate: 0 calc(0.75 * var(--to-rem));
  }
}

.p-company-data__value--overseas {
  margin-top: calc(40 * var(--to-rem));
}
@container (max-width: 879px) {
  .p-company-data__value--overseas {
    margin-top: calc(24 * var(--to-rem));
  }
}
@media screen and (max-width: 768px) {
  .p-company-data__value--overseas {
    margin-top: calc(12 * var(--to-rem));
  }
}
@container (max-width: 519px) {
  .p-company-data__value--overseas {
    margin-top: calc(12 * var(--to-rem));
  }
}

.p-company-data__valueMan {
  font-family: var(--base-font-family);
  font-size: calc(24 * var(--to-rem));
  font-weight: var(--fw-bold);
  line-height: 1.5;
  letter-spacing: -0.02em;
  translate: 0 calc(7.25 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .p-company-data__valueMan {
    font-size: calc(20 * var(--to-rem));
    translate: 0 calc(6.5 * var(--to-rem));
  }
}
@container (max-width: 519px) {
  .p-company-data__valueMan {
    font-size: calc(20 * var(--to-rem));
    translate: 0 calc(6.5 * var(--to-rem));
  }
}

.p-company-data__valueMan + .p-company-data__valueUnit {
  align-self: flex-end;
}

.p-company-data__textImage {
  display: inline-block;
  vertical-align: top;
}

.p-company-data__textImage::before {
  inset: 0 -1% -20%;
}

.p-company-data__textImage--capacity {
  aspect-ratio: 146/57.6;
  --image: url("/recruit/new/assets/images/text-data-capacity-1764.s9hPM9Fz.svg");
}

.p-company-data__textImage--overseas {
  aspect-ratio: 118/57.6;
  --image: url("/recruit/new/assets/images/text-data-overseas-5911.BVEIpIfu.svg");
}
@media screen and (max-width: 768px) {
  .p-company-data__textImage--overseas {
    aspect-ratio: 94/44.8;
    --image: url("/recruit/new/assets/images/text-data-overseas-5911-sp.DlqfudtO.svg");
  }
}
@container (max-width: 519px) {
  .p-company-data__textImage--overseas {
    aspect-ratio: 94/44.8;
    --image: url("/recruit/new/assets/images/text-data-overseas-5911-sp.DlqfudtO.svg");
  }
}

.p-company-data__textImage--kw {
  aspect-ratio: 29/19.2;
  --image: url("/recruit/new/assets/images/text-data-unit-kw.4FWbQ2AH.svg");
}

.p-company-data__textImage--kwSmall {
  aspect-ratio: 14/8.8;
  --image: url("/recruit/new/assets/images/text-data-unit-kw-small.C9yKvYQi.svg");
}

.p-company-data__textImage--amount8590 {
  aspect-ratio: 33/12;
  --image: url("/recruit/new/assets/images/text-data-amount-8590.CELuekzG.svg");
}

.p-company-data__textImage--amount663 {
  aspect-ratio: 26/12;
  --image: url("/recruit/new/assets/images/text-data-amount-663.jdXnKiXF.svg");
}

.p-company-data__textImage--rate11 {
  aspect-ratio: 48/38.4;
  --image: url("/recruit/new/assets/images/text-data-rate-11.Cj2Fhgwg.svg");
}

.p-company-data__textImage--sales {
  aspect-ratio: 110/57.6;
  --image: url("/recruit/new/assets/images/text-data-sales-share.D4sHaYty.svg");
}
@media screen and (max-width: 768px) {
  .p-company-data__textImage--sales {
    aspect-ratio: 89/44.8;
    --image: url("/recruit/new/assets/images/text-data-sales-share-sp.0SC-aP7S.svg");
  }
}
@container (max-width: 519px) {
  .p-company-data__textImage--sales {
    aspect-ratio: 89/44.8;
    --image: url("/recruit/new/assets/images/text-data-sales-share-sp.0SC-aP7S.svg");
  }
}

.p-company-data__textImage--salesAmount {
  aspect-ratio: 68/25.6;
  --image: url("/recruit/new/assets/images/text-data-sales-amount.BJIyDfLV.svg");
}
@media screen and (max-width: 768px) {
  .p-company-data__textImage--salesAmount {
    aspect-ratio: 55/20.48;
    --image: url("/recruit/new/assets/images/text-data-sales-amount-sp.M0EVsc7n.svg");
  }
}
@container (max-width: 519px) {
  .p-company-data__textImage--salesAmount {
    aspect-ratio: 55/20.48;
    --image: url("/recruit/new/assets/images/text-data-sales-amount-sp.M0EVsc7n.svg");
  }
}

.p-company-data__textImage--work775 {
  aspect-ratio: 84/38.4;
  --image: url("/recruit/new/assets/images/text-data-work-775.N1jWPL4D.svg");
}

.p-company-data__textImage--work226 {
  aspect-ratio: 80/38.4;
  --image: url("/recruit/new/assets/images/text-data-work-226.zgjB5RNK.svg");
}

.p-company-data__value--profit {
  column-gap: calc(2 * var(--to-rem));
  margin-top: calc(16 * var(--to-rem));
  margin-left: calc(5 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .p-company-data__value--profit {
    column-gap: 0;
    margin-top: calc(24 * var(--to-rem));
    margin-left: 0;
  }
}
@container (max-width: 519px) {
  .p-company-data__value--profit {
    column-gap: 0;
    margin-top: calc(24 * var(--to-rem));
    margin-left: 0;
  }
}

.p-company-data__legend {
  display: grid;
  margin-top: calc(149.4 * var(--to-rem));
}

.p-company-data__legend--domestic {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: calc(12 * var(--to-rem));
  width: calc(140 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .p-company-data__legend--domestic {
    gap: calc(10 * var(--to-rem));
    width: calc(110 * var(--to-rem));
    margin-top: calc(114.2 * var(--to-rem));
  }
}
@container (max-width: 519px) {
  .p-company-data__legend--domestic {
    gap: calc(10 * var(--to-rem));
    width: calc(110 * var(--to-rem));
    margin-top: calc(114.2 * var(--to-rem));
  }
}

.p-company-data__legend--overseas {
  grid-template-columns: repeat(3, calc(37.5 * var(--to-rem))) max-content;
  gap: calc(10 * var(--to-rem));
  width: max-content;
  margin-top: calc(43.4 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .p-company-data__legend--overseas {
    grid-template-columns: calc(45 * var(--to-rem)) max-content;
    width: max-content;
    margin-top: calc(34.2 * var(--to-rem));
  }
}
@container (max-width: 519px) {
  .p-company-data__legend--overseas {
    grid-template-columns: calc(45 * var(--to-rem)) max-content;
    width: max-content;
    margin-top: calc(34.2 * var(--to-rem));
  }
}

.p-company-data__legendItem {
  display: flex;
  column-gap: calc(6 * var(--to-rem));
  align-items: center;
  font-family: var(--base-font-family);
  font-size: calc(14 * var(--to-rem));
  font-weight: var(--fw-medium);
  line-height: 1.2;
  color: var(--color-text);
  white-space: nowrap;
}
@media screen and (max-width: 768px) {
  .p-company-data__legendItem {
    font-size: calc(12 * var(--to-rem));
  }
}
@container (max-width: 519px) {
  .p-company-data__legendItem {
    font-size: calc(12 * var(--to-rem));
  }
}

.p-company-data__legendItem::before {
  flex-shrink: 0;
  width: calc(6 * var(--to-rem));
  height: calc(6 * var(--to-rem));
  content: "";
  background-color: var(--legend-color);
}
@media screen and (max-width: 768px) {
  .p-company-data__legendItem::before {
    width: calc(5 * var(--to-rem));
    height: calc(5 * var(--to-rem));
  }
}
@container (max-width: 519px) {
  .p-company-data__legendItem::before {
    width: calc(5 * var(--to-rem));
    height: calc(5 * var(--to-rem));
  }
}

.p-company-data__legend--overseas .p-company-data__legendItem {
  column-gap: calc(4 * var(--to-rem));
  font-size: calc(12 * var(--to-rem));
}

.p-company-data__legendItem--wide {
  grid-column: span 2;
}

.p-company-data__legendItem--blue {
  --legend-color: var(--color-chart-blue);
}

.p-company-data__legendItem--purple {
  --legend-color: var(--color-chart-purple);
}

.p-company-data__legendItem--red {
  --legend-color: var(--color-chart-red);
}

.p-company-data__legendItem--orange {
  --legend-color: var(--color-chart-orange);
}

.p-company-data__legendItem--green {
  --legend-color: var(--color-chart-green);
}

.p-company-data__legendItem--yellow {
  --legend-color: var(--color-chart-yellow);
}

.p-company-data__legendItem--teal {
  --legend-color: var(--color-chart-teal);
}

.p-company-data__note {
  position: relative;
  z-index: 1;
  margin-top: calc(32 * var(--to-rem));
  font-family: var(--base-font-family);
  font-size: calc(14 * var(--to-rem));
  font-weight: var(--fw-medium);
  line-height: 1.8;
  color: var(--color-text);
  line-break: strict;
}
@media screen and (max-width: 768px) {
  .p-company-data__note {
    font-size: calc(12 * var(--to-rem));
  }
}
@container (max-width: 519px) {
  .p-company-data__note {
    font-size: calc(12 * var(--to-rem));
  }
}

.p-company-data__note--sites {
  margin-top: calc(217 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .p-company-data__note--sites {
    margin-top: calc(203 * var(--to-rem));
  }
}
@container (max-width: 519px) {
  .p-company-data__note--sites {
    margin-top: calc(203 * var(--to-rem));
  }
}

.p-company-data__note--share {
  margin-top: calc(86 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .p-company-data__note--share {
    margin-top: calc(111 * var(--to-rem));
  }
}
@container (max-width: 519px) {
  .p-company-data__note--share {
    margin-top: calc(111 * var(--to-rem));
  }
}

.p-company-data__note--overseas {
  margin-top: calc(19 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .p-company-data__note--overseas {
    margin-top: calc(24 * var(--to-rem));
  }
}
@container (max-width: 519px) {
  .p-company-data__note--overseas {
    margin-top: calc(24 * var(--to-rem));
  }
}

.p-company-data__note--profit {
  margin-top: calc(102.4 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .p-company-data__note--profit {
    margin-top: calc(113 * var(--to-rem));
  }
}
@container (max-width: 519px) {
  .p-company-data__note--profit {
    margin-top: calc(113 * var(--to-rem));
  }
}

.p-company-data__pie {
  position: absolute;
  top: calc(130 * var(--to-rem));
  right: 0;
  width: calc(200 * var(--to-rem));
  aspect-ratio: 1;
}
@media screen and (max-width: 768px) {
  .p-company-data__pie {
    top: calc(102 * var(--to-rem));
    width: calc(160 * var(--to-rem));
  }
}
@container (max-width: 519px) {
  .p-company-data__pie {
    top: calc(102 * var(--to-rem));
    width: calc(160 * var(--to-rem));
  }
}

.p-company-data__pie--overseas {
  top: calc(10 * var(--to-rem));
  width: calc(174 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .p-company-data__pie--overseas {
    top: calc(66 * var(--to-rem));
    width: calc(140 * var(--to-rem));
  }
}
@container (max-width: 519px) {
  .p-company-data__pie--overseas {
    top: calc(66 * var(--to-rem));
    width: calc(140 * var(--to-rem));
  }
}

.p-company-data__sitesPref {
  display: flex;
  column-gap: calc(4 * var(--to-rem));
  align-items: baseline;
  margin-top: calc(24 * var(--to-rem));
  margin-left: calc(22 * var(--to-rem));
  color: var(--color-text);
}
@media screen and (max-width: 768px) {
  .p-company-data__sitesPref {
    margin-top: calc(12 * var(--to-rem));
    margin-left: calc(16 * var(--to-rem));
  }
}
@container (max-width: 519px) {
  .p-company-data__sitesPref {
    margin-top: calc(12 * var(--to-rem));
    margin-left: calc(16 * var(--to-rem));
  }
}

.p-company-data__sitesCount {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: baseline;
  margin-top: calc(4 * var(--to-rem));
  color: var(--color-text);
}
@media screen and (max-width: 768px) {
  .p-company-data__sitesCount {
    margin-top: calc(3 * var(--to-rem));
  }
}
@container (max-width: 519px) {
  .p-company-data__sitesCount {
    margin-top: calc(3 * var(--to-rem));
  }
}

.p-company-data__sitesNum {
  font-family: var(--title-font-family);
  font-size: calc(40 * var(--to-rem));
  font-weight: 800;
  line-height: 0.8;
  letter-spacing: -0.02em;
}
@media screen and (max-width: 768px) {
  .p-company-data__sitesNum {
    font-size: calc(28 * var(--to-rem));
  }
}
@container (max-width: 519px) {
  .p-company-data__sitesNum {
    font-size: calc(28 * var(--to-rem));
  }
}

.p-company-data__sitesUnit {
  font-family: var(--base-font-family);
  font-size: calc(20 * var(--to-rem));
  font-weight: var(--fw-bold);
  line-height: 1.5;
  letter-spacing: -0.02em;
}
@media screen and (max-width: 768px) {
  .p-company-data__sitesUnit {
    font-size: calc(16 * var(--to-rem));
  }
}
@container (max-width: 519px) {
  .p-company-data__sitesUnit {
    font-size: calc(16 * var(--to-rem));
  }
}

.p-company-data__sitesUnit--count {
  font-size: calc(24 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .p-company-data__sitesUnit--count {
    font-size: calc(20 * var(--to-rem));
  }
}
@container (max-width: 519px) {
  .p-company-data__sitesUnit--count {
    font-size: calc(20 * var(--to-rem));
  }
}

.p-company-data__sitesPrefix {
  font-family: var(--base-font-family);
  font-size: calc(24 * var(--to-rem));
  font-weight: var(--fw-bold);
  line-height: 1.5;
  letter-spacing: -0.02em;
}
@media screen and (max-width: 768px) {
  .p-company-data__sitesPrefix {
    font-size: calc(20 * var(--to-rem));
  }
}
@container (max-width: 519px) {
  .p-company-data__sitesPrefix {
    font-size: calc(20 * var(--to-rem));
  }
}

.p-company-data__sitesCountNum {
  font-family: var(--title-font-family);
  font-size: calc(72 * var(--to-rem));
  font-weight: 800;
  line-height: 0.8;
  letter-spacing: -0.02em;
}
@media screen and (max-width: 768px) {
  .p-company-data__sitesCountNum {
    font-size: calc(56 * var(--to-rem));
  }
}
@container (max-width: 519px) {
  .p-company-data__sitesCountNum {
    font-size: calc(56 * var(--to-rem));
  }
}

.p-company-data__map {
  position: absolute;
  top: calc(4 * var(--to-rem));
  right: calc(18.92 * var(--to-rem));
  width: calc(325.08 * var(--to-rem));
  aspect-ratio: 325.08/330.66;
}
@media screen and (max-width: 768px) {
  .p-company-data__map {
    top: calc(33 * var(--to-rem));
    right: calc(4 * var(--to-rem));
    width: calc(255 * var(--to-rem));
  }
}
@container (max-width: 519px) {
  .p-company-data__map {
    top: calc(33 * var(--to-rem));
    right: calc(4 * var(--to-rem));
    width: calc(255 * var(--to-rem));
  }
}

.p-company-data__rank {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: baseline;
  margin-top: calc(32 * var(--to-rem));
  color: var(--color-text);
}
@media screen and (max-width: 768px) {
  .p-company-data__rank {
    margin-top: calc(24 * var(--to-rem));
  }
}
@container (max-width: 519px) {
  .p-company-data__rank {
    margin-top: calc(24 * var(--to-rem));
  }
}

.p-company-data__rankNum {
  font-family: var(--title-font-family);
  font-size: calc(72 * var(--to-rem));
  font-weight: 800;
  line-height: 0.8;
  letter-spacing: -0.02em;
}
@media screen and (max-width: 768px) {
  .p-company-data__rankNum {
    font-size: calc(56 * var(--to-rem));
  }
}
@container (max-width: 519px) {
  .p-company-data__rankNum {
    font-size: calc(56 * var(--to-rem));
  }
}

.p-company-data__rankUnit {
  font-family: var(--base-font-family);
  font-size: calc(24 * var(--to-rem));
  font-weight: var(--fw-bold);
  line-height: 1.5;
  letter-spacing: -0.02em;
}
@media screen and (max-width: 768px) {
  .p-company-data__rankUnit {
    font-size: calc(20 * var(--to-rem));
  }
}
@container (max-width: 519px) {
  .p-company-data__rankUnit {
    font-size: calc(20 * var(--to-rem));
  }
}

.p-company-data__donut {
  position: absolute;
  top: 0;
  right: 0;
  width: calc(240 * var(--to-rem));
  aspect-ratio: 1;
}
@media screen and (max-width: 768px) {
  .p-company-data__donut {
    top: calc(42 * var(--to-rem));
    width: calc(192 * var(--to-rem));
  }
}
@container (max-width: 519px) {
  .p-company-data__donut {
    top: calc(42 * var(--to-rem));
    width: calc(192 * var(--to-rem));
  }
}

.p-company-data__donutImage {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  aspect-ratio: 1;
  mix-blend-mode: multiply;
}

.p-company-data__donutBrand {
  position: absolute;
  top: 15%;
  left: 58.846%;
  font-family: var(--title-font-family);
  font-size: calc(15 * var(--to-rem));
  font-weight: 800;
  line-height: 0.8;
  color: var(--color-white);
  letter-spacing: -0.02em;
}
@media screen and (max-width: 768px) {
  .p-company-data__donutBrand {
    font-size: calc(12 * var(--to-rem));
  }
}
@container (max-width: 519px) {
  .p-company-data__donutBrand {
    font-size: calc(12 * var(--to-rem));
  }
}

.p-company-data__donutCenter {
  position: absolute;
  top: 32.5%;
  right: 0;
  left: 0;
  text-align: center;
}

.p-company-data__donutName {
  font-family: var(--base-font-family);
  font-size: calc(11 * var(--to-rem));
  font-weight: var(--fw-bold);
  line-height: 1.5;
  color: var(--color-gray-mid);
  letter-spacing: -0.02em;
}
@media screen and (max-width: 768px) {
  .p-company-data__donutName {
    font-size: calc(8.8 * var(--to-rem));
  }
}
@container (max-width: 519px) {
  .p-company-data__donutName {
    font-size: calc(8.8 * var(--to-rem));
  }
}

.p-company-data__donutRate {
  display: flex;
  align-items: baseline;
  justify-content: center;
  margin-top: calc(3.5 * var(--to-rem));
  font-family: var(--title-font-family);
  font-weight: 800;
  line-height: 0.8;
  color: var(--color-red);
}
@media screen and (max-width: 768px) {
  .p-company-data__donutRate {
    margin-top: calc(2.8 * var(--to-rem));
  }
}
@container (max-width: 519px) {
  .p-company-data__donutRate {
    margin-top: calc(2.8 * var(--to-rem));
  }
}

.p-company-data__donutRateNum {
  font-size: calc(48 * var(--to-rem));
  letter-spacing: -0.0267em;
}
@media screen and (max-width: 768px) {
  .p-company-data__donutRateNum {
    font-size: calc(38.4 * var(--to-rem));
  }
}
@container (max-width: 519px) {
  .p-company-data__donutRateNum {
    font-size: calc(38.4 * var(--to-rem));
  }
}

.p-company-data__donutRateUnit {
  font-size: calc(20 * var(--to-rem));
  letter-spacing: -0.064em;
}
@media screen and (max-width: 768px) {
  .p-company-data__donutRateUnit {
    font-size: calc(16 * var(--to-rem));
  }
}
@container (max-width: 519px) {
  .p-company-data__donutRateUnit {
    font-size: calc(16 * var(--to-rem));
  }
}

.p-company-data__donut--profit .p-company-data__donutCenter {
  top: 43.3333333333%;
}

.p-company-data__donutAmount {
  display: flex;
  align-items: baseline;
  justify-content: center;
  margin-top: calc(7.6 * var(--to-rem));
  font-family: var(--title-font-family);
  font-weight: 800;
  line-height: 0.8;
  color: var(--color-text);
}
@media screen and (max-width: 768px) {
  .p-company-data__donutAmount {
    margin-top: calc(6.1 * var(--to-rem));
  }
}
@container (max-width: 519px) {
  .p-company-data__donutAmount {
    margin-top: calc(6.1 * var(--to-rem));
  }
}

.p-company-data__donut--profit .p-company-data__donutAmount {
  column-gap: calc(1 * var(--to-rem));
  align-items: flex-end;
  margin-top: 0;
  color: var(--color-red);
}
@media screen and (max-width: 768px) {
  .p-company-data__donut--profit .p-company-data__donutAmount {
    column-gap: calc(0.8 * var(--to-rem));
    margin-top: 0;
  }
}
@container (max-width: 519px) {
  .p-company-data__donut--profit .p-company-data__donutAmount {
    column-gap: calc(0.8 * var(--to-rem));
    margin-top: 0;
  }
}

.p-company-data__donutAmountNum {
  font-size: calc(15 * var(--to-rem));
  letter-spacing: -0.0267em;
}
@media screen and (max-width: 768px) {
  .p-company-data__donutAmountNum {
    font-size: calc(12 * var(--to-rem));
  }
}
@container (max-width: 519px) {
  .p-company-data__donutAmountNum {
    font-size: calc(12 * var(--to-rem));
  }
}

.p-company-data__donut--profit .p-company-data__donutAmountNum {
  font-size: calc(32 * var(--to-rem));
  letter-spacing: -0.02em;
}
@media screen and (max-width: 768px) {
  .p-company-data__donut--profit .p-company-data__donutAmountNum {
    font-size: calc(25.6 * var(--to-rem));
  }
}
@container (max-width: 519px) {
  .p-company-data__donut--profit .p-company-data__donutAmountNum {
    font-size: calc(25.6 * var(--to-rem));
  }
}

.p-company-data__donutAmountUnit {
  font-size: calc(11 * var(--to-rem));
  letter-spacing: -0.0364em;
}
@media screen and (max-width: 768px) {
  .p-company-data__donutAmountUnit {
    font-size: calc(8.8 * var(--to-rem));
    translate: 0 calc(1.25 * var(--to-rem));
  }
}
@container (max-width: 519px) {
  .p-company-data__donutAmountUnit {
    font-size: calc(8.8 * var(--to-rem));
    translate: 0 calc(1.25 * var(--to-rem));
  }
}

.p-company-data__donutAmountMan {
  font-family: var(--base-font-family);
  font-size: calc(10 * var(--to-rem));
  font-weight: var(--fw-bold);
  line-height: 1.5;
  letter-spacing: -0.02em;
  translate: 0 calc(1.5 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .p-company-data__donutAmountMan {
    font-size: calc(8 * var(--to-rem));
    translate: 0 calc(2 * var(--to-rem));
  }
}
@container (max-width: 519px) {
  .p-company-data__donutAmountMan {
    font-size: calc(8 * var(--to-rem));
    translate: 0 calc(2 * var(--to-rem));
  }
}

.p-company-data__donutAmountYen {
  font-family: var(--base-font-family);
  font-size: calc(12 * var(--to-rem));
  font-weight: var(--fw-bold);
  line-height: 1.5;
  letter-spacing: -0.02em;
  translate: 0 calc(3.4 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .p-company-data__donutAmountYen {
    font-size: calc(9.6 * var(--to-rem));
    translate: 0 calc(2.72 * var(--to-rem));
  }
}
@container (max-width: 519px) {
  .p-company-data__donutAmountYen {
    font-size: calc(9.6 * var(--to-rem));
    translate: 0 calc(2.72 * var(--to-rem));
  }
}

.p-company-data__date {
  margin-top: calc(24 * var(--to-rem));
  font-family: var(--base-font-family);
  font-size: calc(12 * var(--to-rem));
  font-weight: var(--fw-medium);
  line-height: 1.5;
  color: var(--color-text);
  text-align: right;
  letter-spacing: -0.02em;
  opacity: 0.5;
}
@media screen and (max-width: 768px) {
  .p-company-data__date {
    margin-top: calc(32 * var(--to-rem));
    font-size: calc(10 * var(--to-rem));
  }
}
@container (max-width: 519px) {
  .p-company-data__date {
    margin-top: calc(32 * var(--to-rem));
    font-size: calc(10 * var(--to-rem));
  }
}

@media screen and (max-width: 768px) {
  .p-company-data__date--work {
    margin-top: calc(16 * var(--to-rem));
  }
}
@container (max-width: 519px) {
  .p-company-data__date--work {
    margin-top: calc(16 * var(--to-rem));
  }
}

.p-company-data__date--recruit {
  margin-top: calc(16 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .p-company-data__date--recruit {
    margin-top: calc(24 * var(--to-rem));
  }
}
@container (max-width: 519px) {
  .p-company-data__date--recruit {
    margin-top: calc(24 * var(--to-rem));
  }
}

.p-company-data__divider {
  width: 100%;
  margin-block: calc(48 * var(--to-rem)) calc(47 * var(--to-rem));
  border: 0;
  border-top: 1px solid color-mix(in srgb, var(--color-text) 30%, transparent);
}
@media screen and (max-width: 768px) {
  .p-company-data__divider {
    margin-block: calc(40 * var(--to-rem));
  }
}
@container (max-width: 519px) {
  .p-company-data__divider {
    margin-block: calc(40 * var(--to-rem));
  }
}

.p-company-data__works {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  column-gap: calc(24 * var(--to-rem));
}
@container (max-width: 879px) {
  .p-company-data__works {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    row-gap: calc(40 * var(--to-rem));
  }
}
@media screen and (max-width: 768px) {
  .p-company-data__works {
    column-gap: 0;
  }
}
@container (max-width: 519px) {
  .p-company-data__works {
    column-gap: 0;
  }
}

.p-company-data__work {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.p-company-data__workIcon {
  width: calc(102 * var(--to-rem));
  aspect-ratio: 1;
}
@media screen and (max-width: 768px) {
  .p-company-data__workIcon {
    width: calc(80 * var(--to-rem));
  }
}
@container (max-width: 519px) {
  .p-company-data__workIcon {
    width: calc(80 * var(--to-rem));
  }
}

.p-company-data__workLabel {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: calc(38.4 * var(--to-rem));
  margin-top: calc(24 * var(--to-rem));
  font-family: var(--base-font-family);
  font-size: calc(16 * var(--to-rem));
  font-weight: var(--fw-bold);
  line-height: 1.2;
  color: var(--color-text);
  text-align: center;
  letter-spacing: -0.02em;
}
@media screen and (max-width: 768px) {
  .p-company-data__workLabel {
    min-height: calc(28 * var(--to-rem));
    margin-top: calc(16 * var(--to-rem));
    font-size: calc(12 * var(--to-rem));
  }
}
@container (max-width: 519px) {
  .p-company-data__workLabel {
    min-height: calc(28 * var(--to-rem));
    margin-top: calc(16 * var(--to-rem));
    font-size: calc(12 * var(--to-rem));
  }
}

.p-company-data__workValue {
  display: flex;
  align-items: baseline;
  justify-content: center;
  margin-top: calc(15.6 * var(--to-rem));
  font-family: var(--title-font-family);
  font-weight: 800;
  line-height: 0.8;
  color: var(--color-text);
}
@media screen and (max-width: 768px) {
  .p-company-data__workValue {
    margin-top: calc(4 * var(--to-rem));
  }
}
@container (max-width: 519px) {
  .p-company-data__workValue {
    margin-top: calc(4 * var(--to-rem));
  }
}

.p-company-data__workValueNum {
  font-size: calc(48 * var(--to-rem));
  letter-spacing: -0.0267em;
}
@media screen and (max-width: 768px) {
  .p-company-data__workValueNum {
    font-size: calc(44 * var(--to-rem));
    letter-spacing: -0.0291em;
  }
}
@container (max-width: 519px) {
  .p-company-data__workValueNum {
    font-size: calc(44 * var(--to-rem));
    letter-spacing: -0.0291em;
  }
}

.p-company-data__workValueUnit {
  font-size: calc(16 * var(--to-rem));
  letter-spacing: -0.08em;
}

.p-company-data__workValue--time .p-company-data__workValueNum {
  letter-spacing: -0.02em;
}

.p-company-data__workValueText {
  font-family: var(--base-font-family);
  font-size: calc(16 * var(--to-rem));
  font-weight: var(--fw-bold);
  line-height: 1.5;
  letter-spacing: -0.02em;
}

.p-company-data__workSplit {
  display: flex;
  column-gap: calc(16 * var(--to-rem));
  justify-content: center;
  margin-top: calc(8.6 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .p-company-data__workSplit {
    flex-direction: column;
    row-gap: calc(4 * var(--to-rem));
    margin-top: calc(4 * var(--to-rem));
  }
}
@container (max-width: 519px) {
  .p-company-data__workSplit {
    flex-direction: column;
    row-gap: calc(4 * var(--to-rem));
    margin-top: calc(4 * var(--to-rem));
  }
}

.p-company-data__workSplitItem {
  display: flex;
  flex-direction: column;
  align-items: center;
  min-width: calc(63 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .p-company-data__workSplitItem {
    flex-direction: row;
    column-gap: calc(4 * var(--to-rem));
    align-items: flex-end;
    justify-content: center;
    min-width: 0;
  }
}
@container (max-width: 519px) {
  .p-company-data__workSplitItem {
    flex-direction: row;
    column-gap: calc(4 * var(--to-rem));
    align-items: flex-end;
    justify-content: center;
    min-width: 0;
  }
}

.p-company-data__workGender {
  font-family: var(--base-font-family);
  font-size: calc(13 * var(--to-rem));
  font-weight: var(--fw-medium);
  line-height: 1.5;
  color: var(--color-gray-mid);
  letter-spacing: -0.02em;
}

.p-company-data__workValue--split {
  margin-top: calc(2.5 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .p-company-data__workValue--split {
    margin-top: 0;
  }
}
@container (max-width: 519px) {
  .p-company-data__workValue--split {
    margin-top: 0;
  }
}

.p-company-data__workValue--split .p-company-data__workValueNum {
  font-size: calc(40 * var(--to-rem));
  letter-spacing: -0.032em;
}
@media screen and (max-width: 768px) {
  .p-company-data__workValue--split .p-company-data__workValueNum {
    font-size: calc(36 * var(--to-rem));
    letter-spacing: -0.0356em;
  }
}
@container (max-width: 519px) {
  .p-company-data__workValue--split .p-company-data__workValueNum {
    font-size: calc(36 * var(--to-rem));
    letter-spacing: -0.0356em;
  }
}

.p-company-data__workValue--split .p-company-data__workValueUnit {
  font-size: calc(14 * var(--to-rem));
  letter-spacing: -0.0914em;
}

.p-company-data__recruit {
  display: grid;
  grid-template-columns: calc(246 * var(--to-rem)) calc(272 * var(--to-rem));
  column-gap: calc(110 * var(--to-rem));
  justify-content: center;
}
@container (max-width: 879px) {
  .p-company-data__recruit {
    grid-template-columns: minmax(0, 1fr);
    row-gap: calc(24 * var(--to-rem));
  }
}

.p-company-data__recruitChart {
  display: flex;
  flex-direction: column;
  align-items: center;
  min-width: 0;
}

.p-company-data__recruitTitle {
  font-family: var(--base-font-family);
  font-size: calc(16 * var(--to-rem));
  font-weight: var(--fw-bold);
  line-height: 1.5;
  color: var(--color-text);
  text-align: center;
  letter-spacing: -0.02em;
}

.p-company-data__recruitImage {
  width: calc(246 * var(--to-rem));
  max-width: 100%;
  aspect-ratio: 1;
  margin-top: calc(16 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .p-company-data__recruitImage {
    width: calc(196.8 * var(--to-rem));
    margin-top: calc(12 * var(--to-rem));
  }
}
@container (max-width: 519px) {
  .p-company-data__recruitImage {
    width: calc(196.8 * var(--to-rem));
    margin-top: calc(12 * var(--to-rem));
  }
}

.p-company-data__recruitImage--field {
  width: calc(272 * var(--to-rem));
  aspect-ratio: 272/266;
  margin-top: calc(6 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .p-company-data__recruitImage--field {
    width: calc(217.6 * var(--to-rem));
    margin-top: calc(12 * var(--to-rem));
  }
}
@container (max-width: 519px) {
  .p-company-data__recruitImage--field {
    width: calc(217.6 * var(--to-rem));
    margin-top: calc(12 * var(--to-rem));
  }
}

.p-company-data__recruitNote {
  margin-top: calc(8 * var(--to-rem));
  font-family: var(--base-font-family);
  font-size: calc(14 * var(--to-rem));
  font-weight: var(--fw-bold);
  line-height: 1.5;
  color: var(--color-text);
  text-align: center;
  letter-spacing: -0.02em;
}
@media screen and (max-width: 768px) {
  .p-company-data__recruitNote {
    margin-top: calc(16 * var(--to-rem));
  }
}
@container (max-width: 519px) {
  .p-company-data__recruitNote {
    margin-top: calc(16 * var(--to-rem));
  }
}

.p-company-global {
  margin-top: calc(160 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .p-company-global {
    margin-top: calc(120 * var(--to-rem));
  }
}

.p-company-global__text {
  margin-top: calc(40 * var(--to-rem));
  font-family: var(--base-font-family);
  font-size: calc(18 * var(--to-rem));
  font-weight: var(--fw-medium);
  line-height: 2;
  color: var(--color-text);
  letter-spacing: -0.02em;
  line-break: strict;
}
@media screen and (max-width: 768px) {
  .p-company-global__text {
    font-size: calc(16 * var(--to-rem));
  }
}

.p-company-global__map {
  margin-top: calc(64 * var(--to-rem));
}

.p-company-global__mapPc {
  aspect-ratio: 900/541;
}
@media screen and (max-width: 768px) {
  .p-company-global__mapPc {
    display: none;
  }
}

.p-company-global__mapSp {
  display: none;
}
@media screen and (max-width: 768px) {
  .p-company-global__mapSp {
    display: block;
  }
}

.p-company-global__legend {
  display: flex;
  column-gap: calc(24 * var(--to-rem));
  align-items: center;
}

.p-company-global__legendItem {
  display: flex;
  column-gap: calc(6 * var(--to-rem));
  align-items: center;
  font-family: var(--base-font-family);
  font-size: calc(12 * var(--to-rem));
  font-weight: var(--fw-medium);
  line-height: 1.2;
  color: var(--color-text);
  letter-spacing: -0.02em;
}

.p-company-global__legendItem::before {
  flex-shrink: 0;
  width: calc(6 * var(--to-rem));
  height: calc(6 * var(--to-rem));
  content: "";
  border-radius: 100%;
}

.p-company-global__legendItem--operating::before {
  background-color: var(--color-red);
}

.p-company-global__legendItem--planned::before {
  background-color: var(--color-orange-light);
}

.p-company-global__countries {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: calc(24 * var(--to-rem)) calc(16 * var(--to-rem));
  margin-top: calc(24 * var(--to-rem));
}

.p-company-global__countryName {
  font-family: var(--base-font-family);
  font-size: calc(10 * var(--to-rem));
  font-weight: var(--fw-bold);
  line-height: 1.2;
  color: var(--color-text);
  letter-spacing: -0.02em;
}

.p-company-global__counts {
  padding-inline: calc(8 * var(--to-rem)) 0;
  margin-top: calc(8 * var(--to-rem));
}

.p-company-global__count {
  display: flex;
  column-gap: calc(4 * var(--to-rem));
  align-items: flex-start;
  font-family: var(--title-font-family);
  font-size: calc(32 * var(--to-rem));
  font-weight: 800;
  line-height: 0.8;
  letter-spacing: -0.02em;
}

.p-company-global__count + .p-company-global__count {
  margin-top: calc(8 * var(--to-rem));
}

.p-company-global__count::before {
  flex-shrink: 0;
  width: calc(4 * var(--to-rem));
  height: calc(4 * var(--to-rem));
  content: "";
  border-radius: 100%;
}

.p-company-global__count--operating {
  color: var(--color-red);
}

.p-company-global__count--operating::before {
  background-color: var(--color-red);
}

.p-company-global__count--planned {
  color: var(--color-orange-light);
}

.p-company-global__count--planned::before {
  background-color: var(--color-orange-light);
}

.p-company-global__mapSpImage {
  aspect-ratio: 327/127;
  margin-top: calc(24 * var(--to-rem));
}

.p-company-global__consulting {
  width: calc(670 * var(--to-rem));
  max-width: 100%;
  margin-top: calc(64 * var(--to-rem));
  margin-left: auto;
}
@media screen and (max-width: 768px) {
  .p-company-global__consulting {
    width: auto;
    margin-top: calc(40 * var(--to-rem));
  }
}

.p-company-global__consultingTitle {
  width: calc(440 * var(--to-rem));
  max-width: 100%;
  font-family: var(--base-font-family);
  font-size: calc(20 * var(--to-rem));
  font-weight: var(--fw-bold);
  line-height: 1.2;
  color: var(--color-text);
  text-align: center;
  letter-spacing: -0.02em;
}
@media screen and (max-width: 768px) {
  .p-company-global__consultingTitle {
    width: auto;
    font-size: calc(14 * var(--to-rem));
  }
}

.p-company-global__consultingList {
  display: flex;
  flex-wrap: wrap;
  gap: calc(16 * var(--to-rem)) calc(120 * var(--to-rem));
  margin-top: calc(12 * var(--to-rem));
}
@media screen and (max-width: 1023px) {
  .p-company-global__consultingList {
    column-gap: calc(40 * var(--to-rem));
    justify-content: center;
    width: calc(440 * var(--to-rem));
    max-width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .p-company-global__consultingList {
    column-gap: calc(16 * var(--to-rem));
    justify-content: space-around;
    width: auto;
    margin-top: calc(16 * var(--to-rem));
  }
}

.p-company-global__consultingValue {
  display: flex;
  column-gap: calc(4 * var(--to-rem));
  align-items: flex-end;
  color: var(--color-text);
}

.p-company-global__consultingNumber {
  margin-bottom: calc(3 * var(--to-rem));
  font-family: var(--title-font-family);
  font-size: calc(72 * var(--to-rem));
  font-weight: 800;
  line-height: 0.8;
  letter-spacing: -0.02em;
}
@media screen and (max-width: 768px) {
  .p-company-global__consultingNumber {
    font-size: calc(56 * var(--to-rem));
  }
}

.p-company-global__consultingUnit {
  font-family: var(--base-font-family);
  font-size: calc(18 * var(--to-rem));
  font-weight: var(--fw-bold);
  line-height: 1.5;
  letter-spacing: -0.02em;
  white-space: nowrap;
}
@media screen and (max-width: 768px) {
  .p-company-global__consultingUnit {
    font-size: calc(14 * var(--to-rem));
  }
}

.p-company-global__consultingNote {
  margin-top: calc(40 * var(--to-rem));
  font-family: var(--base-font-family);
  font-size: calc(12 * var(--to-rem));
  font-weight: var(--fw-medium);
  line-height: 1.5;
  color: var(--color-text);
  text-align: right;
  letter-spacing: -0.02em;
  opacity: 0.5;
}
@media screen and (max-width: 768px) {
  .p-company-global__consultingNote {
    font-size: calc(10 * var(--to-rem));
  }
}

.p-company-index {
  position: sticky;
  top: calc(var(--header-height) + 40 * var(--to-rem));
  align-self: start;
}
@media screen and (max-width: 768px) {
  .p-company-index {
    position: static;
    padding-block: 0 calc(60 * var(--to-rem));
    border-bottom: 1px solid color-mix(in srgb, var(--color-text) 30%, transparent);
  }
}

.p-company-index__title {
  font-family: var(--title-font-family);
  font-size: calc(24 * var(--to-rem));
  font-weight: 800;
  line-height: 0.9;
  color: var(--color-text);
  letter-spacing: -0.02em;
}

.p-company-index__list {
  margin-top: calc(32 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .p-company-index__list {
    margin-top: calc(24 * var(--to-rem));
  }
}

@media screen and (max-width: 768px) {
  .p-company-index__item {
    display: flow-root;
  }
}

@media screen and (max-width: 768px) {
  .p-company-index__item:not(:first-child) {
    margin-top: calc(16 * var(--to-rem));
  }
}

.p-company-index__link {
  display: flex;
  column-gap: 0;
  align-items: center;
  padding-block: calc(10 * var(--to-rem));
  padding-inline: 0 calc(16 * var(--to-rem));
  text-decoration: none;
  background-color: transparent;
  border-radius: calc(4 * var(--to-rem));
  transition: padding-inline var(--duration-index) var(--ease-index), column-gap var(--duration-index) var(--ease-index), background-color var(--duration-index) var(--ease-index);
}
@media screen and (max-width: 768px) {
  .p-company-index__link {
    column-gap: calc(10 * var(--to-rem));
    padding-block: calc(12 * var(--to-rem));
    padding-right: 0;
    margin-block: calc(-12 * var(--to-rem));
  }
}

.p-company-index__item--current .p-company-index__link {
  column-gap: calc(10 * var(--to-rem));
  padding-inline: calc(16 * var(--to-rem));
  background-color: var(--color-white);
}
@media screen and (max-width: 768px) {
  .p-company-index__item--current .p-company-index__link {
    padding-inline: 0;
    background-color: transparent;
  }
}

.p-company-index__icon {
  display: flex;
  flex-shrink: 0;
  width: 0;
  height: calc(19 * var(--to-rem));
  overflow: hidden;
  opacity: 0;
  transition: width var(--duration-index) var(--ease-index), opacity var(--duration-index) var(--ease-index);
}
@media screen and (max-width: 768px) {
  .p-company-index__icon {
    width: calc(19 * var(--to-rem));
    opacity: 1;
  }
}

.p-company-index__icon img {
  flex-shrink: 0;
  width: calc(19 * var(--to-rem));
}

.p-company-index__item--current .p-company-index__icon {
  width: calc(19 * var(--to-rem));
  opacity: 1;
}

.p-company-index__text {
  font-family: var(--base-font-family);
  font-size: calc(16 * var(--to-rem));
  font-weight: var(--fw-bold);
  line-height: 1.5;
  color: var(--color-text);
  letter-spacing: -0.02em;
  opacity: 0.5;
  transition: color var(--duration-index) var(--ease-index), opacity var(--duration-index) var(--ease-index);
}
@media screen and (max-width: 768px) {
  .p-company-index__text {
    line-height: 1.3;
    opacity: 1;
  }
}

.p-company-index__item--current .p-company-index__text {
  color: var(--color-red);
  opacity: 1;
}
@media screen and (max-width: 768px) {
  .p-company-index__item--current .p-company-index__text {
    color: var(--color-text);
  }
}

.p-company-intro {
  position: relative;
  z-index: 1;
  display: flex;
  column-gap: calc(40 * var(--to-rem));
  align-items: flex-start;
  justify-content: space-between;
  max-width: calc(1440 * var(--to-rem));
  padding-inline: min(155 * var(--to-rem), 10.764%) 0;
  margin-inline: auto;
  margin-top: calc(24 * var(--to-rem));
}
@media screen and (max-width: 1023px) {
  .p-company-intro {
    display: block;
  }
}
@media screen and (max-width: 768px) {
  .p-company-intro {
    padding-inline: calc(24 * var(--to-rem)) 0;
  }
}

.p-company-intro__body {
  flex: 1 1 auto;
  min-width: 0;
}
@media screen and (max-width: 1023px) {
  .p-company-intro__body {
    padding-right: min(155 * var(--to-rem), 10.764%);
  }
}
@media screen and (max-width: 768px) {
  .p-company-intro__body {
    padding-right: calc(24 * var(--to-rem));
  }
}

.p-company-intro__text {
  font-family: var(--base-font-family);
  font-size: max(16 * var(--to-rem), min(24 * var(--to-rem), 1.6666666667vw));
  font-weight: var(--fw-bold);
  line-height: 2;
  color: var(--color-text);
  letter-spacing: -0.02em;
}
@media screen and (max-width: 768px) {
  .p-company-intro__text {
    font-size: calc(16 * var(--to-rem));
  }
}

.p-company-intro__text + .p-company-intro__text {
  margin-top: calc(30 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .p-company-intro__text + .p-company-intro__text {
    margin-top: calc(20 * var(--to-rem));
  }
}

.p-company-intro__photos {
  position: relative;
  flex: 0 0 auto;
  width: min(595 * var(--to-rem), 46.304%);
  aspect-ratio: 595/768;
}
@media screen and (max-width: 1023px) {
  .p-company-intro__photos {
    width: min(595 * var(--to-rem), 70%);
    margin-top: calc(64 * var(--to-rem));
    margin-left: auto;
  }
}
@media screen and (max-width: 768px) {
  .p-company-intro__photos {
    width: 100%;
    aspect-ratio: 351/448;
    margin-top: calc(73 * var(--to-rem));
  }
}

.p-company-intro__photo {
  position: absolute;
  overflow: hidden;
  border-radius: calc(8 * var(--to-rem));
}

.p-company-intro__photo--1 {
  top: 0.781%;
  left: 26.723%;
  width: 50.588%;
  aspect-ratio: 301/393;
}
@media screen and (max-width: 768px) {
  .p-company-intro__photo--1 {
    top: 0;
    left: 23.362%;
    width: 45.014%;
    aspect-ratio: 158/205;
  }
}

.p-company-intro__photo--2 {
  top: 37.5%;
  left: 0;
  width: 38.655%;
  aspect-ratio: 230/283;
}
@media screen and (max-width: 768px) {
  .p-company-intro__photo--2 {
    top: 32.813%;
    width: 34.188%;
    aspect-ratio: 120/147;
  }
}

.p-company-intro__photo--3 {
  top: 66.016%;
  left: 64.37%;
  width: 35.63%;
  aspect-ratio: 212/261;
}
@media screen and (max-width: 768px) {
  .p-company-intro__photo--3 {
    top: 65.625%;
    left: 64.387%;
    width: 35.613%;
    aspect-ratio: 125/154;
  }
}

.p-company-jobfield {
  margin-top: calc(160 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .p-company-jobfield {
    margin-top: calc(120 * var(--to-rem));
  }
}

.p-company-jobfield__lead {
  margin-top: calc(42 * var(--to-rem));
  font-family: var(--base-font-family);
  font-size: calc(18 * var(--to-rem));
  font-weight: var(--fw-medium);
  line-height: 2;
  color: var(--color-text);
  letter-spacing: -0.02em;
}
@media screen and (max-width: 768px) {
  .p-company-jobfield__lead {
    margin-top: calc(40 * var(--to-rem));
    font-size: calc(16 * var(--to-rem));
  }
}

.p-company-jobfield__card {
  display: flex;
  flex-direction: column;
  gap: calc(4 * var(--to-rem));
  margin-top: calc(62 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .p-company-jobfield__card {
    margin-top: calc(64 * var(--to-rem));
  }
}

.p-company-jobfield__cardHead {
  padding-block: calc(32 * var(--to-rem));
  padding-inline: calc(48 * var(--to-rem));
  background-color: var(--color-white);
  border-radius: calc(12 * var(--to-rem)) calc(12 * var(--to-rem)) 0 0;
}
@media screen and (max-width: 768px) {
  .p-company-jobfield__cardHead {
    padding-block: calc(24 * var(--to-rem));
    padding-inline: calc(24 * var(--to-rem));
  }
}
@container (max-width: 519px) {
  .p-company-jobfield__cardHead {
    padding-block: calc(24 * var(--to-rem));
    padding-inline: calc(24 * var(--to-rem));
  }
}

.p-company-jobfield__cardTitle {
  font-family: var(--base-font-family);
  font-size: calc(24 * var(--to-rem));
  font-weight: var(--fw-bold);
  line-height: 1.5;
  color: var(--color-text);
  letter-spacing: -0.02em;
}
@media screen and (max-width: 768px) {
  .p-company-jobfield__cardTitle {
    font-size: calc(20 * var(--to-rem));
  }
}
@container (max-width: 519px) {
  .p-company-jobfield__cardTitle {
    font-size: calc(20 * var(--to-rem));
  }
}

.p-company-jobfield__cardBody {
  padding-block: calc(48 * var(--to-rem));
  padding-inline: calc(48 * var(--to-rem));
  background-color: var(--color-white);
  border-radius: 0 0 calc(12 * var(--to-rem)) calc(12 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .p-company-jobfield__cardBody {
    padding-block: calc(40 * var(--to-rem));
    padding-inline: calc(24 * var(--to-rem));
  }
}
@container (max-width: 519px) {
  .p-company-jobfield__cardBody {
    padding-block: calc(40 * var(--to-rem));
    padding-inline: calc(24 * var(--to-rem));
  }
}

.p-company-jobfield__diagram {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 558fr) minmax(0, 214fr);
  gap: calc(32 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .p-company-jobfield__diagram {
    display: block;
    width: calc(279 * var(--to-rem));
    height: calc(665 * var(--to-rem));
    margin-inline: auto;
  }
}
@container (max-width: 775px) {
  .p-company-jobfield__diagram {
    display: block;
    width: calc(279 * var(--to-rem));
    height: calc(665 * var(--to-rem));
    margin-inline: auto;
  }
}

.p-company-jobfield__field {
  position: relative;
  min-height: calc(282 * var(--to-rem));
  padding-top: calc(20 * var(--to-rem));
  background-color: var(--color-white);
  border-radius: calc(20 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .p-company-jobfield__field {
    position: absolute;
    min-height: 0;
    padding-top: 0;
  }
}
@container (max-width: 775px) {
  .p-company-jobfield__field {
    position: absolute;
    min-height: 0;
    padding-top: 0;
  }
}

.p-company-jobfield__field--make {
  box-shadow: inset 0 0 calc(50 * var(--to-rem)) color-mix(in srgb, var(--color-field-make) 25%, transparent);
}
@media screen and (max-width: 768px) {
  .p-company-jobfield__field--make {
    top: 0;
    left: 0;
    width: calc(279 * var(--to-rem));
    height: calc(324 * var(--to-rem));
    background-color: transparent;
    border-radius: 0;
    box-shadow: none;
  }
}
@container (max-width: 775px) {
  .p-company-jobfield__field--make {
    top: 0;
    left: 0;
    width: calc(279 * var(--to-rem));
    height: calc(324 * var(--to-rem));
    background-color: transparent;
    border-radius: 0;
    box-shadow: none;
  }
}

.p-company-jobfield__field--deliver {
  box-shadow: inset 0 0 calc(50 * var(--to-rem)) color-mix(in srgb, var(--color-field-deliver) 25%, transparent);
}
@media screen and (max-width: 768px) {
  .p-company-jobfield__field--deliver {
    top: calc(213 * var(--to-rem));
    left: calc(152 * var(--to-rem));
    width: calc(127 * var(--to-rem));
    height: calc(283 * var(--to-rem));
  }
}
@container (max-width: 775px) {
  .p-company-jobfield__field--deliver {
    top: calc(213 * var(--to-rem));
    left: calc(152 * var(--to-rem));
    width: calc(127 * var(--to-rem));
    height: calc(283 * var(--to-rem));
  }
}

.p-company-jobfield__field--support {
  grid-column: 1/-1;
  box-shadow: inset 0 0 calc(50 * var(--to-rem)) color-mix(in srgb, var(--color-field-support) 25%, transparent);
}
@media screen and (max-width: 768px) {
  .p-company-jobfield__field--support {
    top: calc(328 * var(--to-rem));
    left: 0;
    width: calc(279 * var(--to-rem));
    height: calc(337 * var(--to-rem));
    background-color: transparent;
    border-radius: 0;
    box-shadow: none;
  }
}
@container (max-width: 775px) {
  .p-company-jobfield__field--support {
    top: calc(328 * var(--to-rem));
    left: 0;
    width: calc(279 * var(--to-rem));
    height: calc(337 * var(--to-rem));
    background-color: transparent;
    border-radius: 0;
    box-shadow: none;
  }
}

.p-company-jobfield__fieldShape {
  display: none;
}
@media screen and (max-width: 768px) {
  .p-company-jobfield__fieldShape {
    position: absolute;
    inset: 0;
    display: block;
  }
}
@container (max-width: 775px) {
  .p-company-jobfield__fieldShape {
    position: absolute;
    inset: 0;
    display: block;
  }
}

.p-company-jobfield__fieldTitle {
  font-family: var(--base-font-family);
  font-size: calc(20 * var(--to-rem));
  font-weight: var(--fw-bold);
  line-height: 1.3;
  color: var(--color-text);
  text-align: center;
  letter-spacing: -0.02em;
}
@media screen and (max-width: 768px) {
  .p-company-jobfield__fieldTitle {
    position: absolute;
    top: calc(20 * var(--to-rem));
    right: 0;
    left: calc(48 * var(--to-rem));
    font-size: calc(15 * var(--to-rem));
  }
}
@container (max-width: 775px) {
  .p-company-jobfield__fieldTitle {
    position: absolute;
    top: calc(20 * var(--to-rem));
    right: 0;
    left: calc(48 * var(--to-rem));
    font-size: calc(15 * var(--to-rem));
  }
}

.p-company-jobfield__field--deliver .p-company-jobfield__fieldTitle {
  font-size: calc(18 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .p-company-jobfield__field--deliver .p-company-jobfield__fieldTitle {
    top: calc(42 * var(--to-rem));
    right: calc(9 * var(--to-rem));
    left: calc(5 * var(--to-rem));
    font-size: calc(15 * var(--to-rem));
  }
}
@container (max-width: 775px) {
  .p-company-jobfield__field--deliver .p-company-jobfield__fieldTitle {
    top: calc(42 * var(--to-rem));
    right: calc(9 * var(--to-rem));
    left: calc(5 * var(--to-rem));
    font-size: calc(15 * var(--to-rem));
  }
}

@media screen and (max-width: 768px) {
  .p-company-jobfield__field--support .p-company-jobfield__fieldTitle {
    right: auto;
    left: calc(16 * var(--to-rem));
    width: calc(113 * var(--to-rem));
  }
}
@container (max-width: 775px) {
  .p-company-jobfield__field--support .p-company-jobfield__fieldTitle {
    right: auto;
    left: calc(16 * var(--to-rem));
    width: calc(113 * var(--to-rem));
  }
}

.p-company-jobfield__fieldList {
  display: flex;
  justify-content: center;
  margin-top: calc(24 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .p-company-jobfield__fieldList {
    position: absolute;
    top: calc(51 * var(--to-rem));
    left: calc(14 * var(--to-rem));
    display: grid;
    grid-template-columns: repeat(2, calc(122 * var(--to-rem)));
    gap: calc(10 * var(--to-rem)) calc(7 * var(--to-rem));
    margin-top: 0;
  }
}
@container (max-width: 775px) {
  .p-company-jobfield__fieldList {
    position: absolute;
    top: calc(51 * var(--to-rem));
    left: calc(14 * var(--to-rem));
    display: grid;
    grid-template-columns: repeat(2, calc(122 * var(--to-rem)));
    gap: calc(10 * var(--to-rem)) calc(7 * var(--to-rem));
    margin-top: 0;
  }
}

.p-company-jobfield__field--deliver .p-company-jobfield__fieldList {
  margin-top: calc(26.6 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .p-company-jobfield__field--deliver .p-company-jobfield__fieldList {
    top: calc(115 * var(--to-rem));
    left: calc(2 * var(--to-rem));
    grid-template-columns: calc(122 * var(--to-rem));
    margin-top: 0;
  }
}
@container (max-width: 775px) {
  .p-company-jobfield__field--deliver .p-company-jobfield__fieldList {
    top: calc(115 * var(--to-rem));
    left: calc(2 * var(--to-rem));
    grid-template-columns: calc(122 * var(--to-rem));
    margin-top: 0;
  }
}

@media screen and (max-width: 768px) {
  .p-company-jobfield__field--support .p-company-jobfield__fieldList {
    top: calc(70 * var(--to-rem));
    row-gap: calc(13 * var(--to-rem));
  }
}
@container (max-width: 775px) {
  .p-company-jobfield__field--support .p-company-jobfield__fieldList {
    top: calc(70 * var(--to-rem));
    row-gap: calc(13 * var(--to-rem));
  }
}

.p-company-jobfield__fieldItem {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: calc(156 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .p-company-jobfield__fieldItem {
    width: calc(122 * var(--to-rem));
  }
}
@container (max-width: 775px) {
  .p-company-jobfield__fieldItem {
    width: calc(122 * var(--to-rem));
  }
}

.p-company-jobfield__field--support .p-company-jobfield__fieldItem {
  width: calc(212 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .p-company-jobfield__field--support .p-company-jobfield__fieldItem {
    width: calc(122 * var(--to-rem));
  }
}
@container (max-width: 775px) {
  .p-company-jobfield__field--support .p-company-jobfield__fieldItem {
    width: calc(122 * var(--to-rem));
  }
}

@media screen and (max-width: 768px) {
  .p-company-jobfield__fieldItem--civil {
    grid-row: 1;
    grid-column: 1;
  }
}
@container (max-width: 775px) {
  .p-company-jobfield__fieldItem--civil {
    grid-row: 1;
    grid-column: 1;
  }
}

@media screen and (max-width: 768px) {
  .p-company-jobfield__fieldItem--it {
    grid-row: 2;
    grid-column: 1;
  }
}
@container (max-width: 775px) {
  .p-company-jobfield__fieldItem--it {
    grid-row: 2;
    grid-column: 1;
  }
}

@media screen and (max-width: 768px) {
  .p-company-jobfield__fieldItem--office {
    grid-row: 2;
    grid-column: 2;
  }
}
@container (max-width: 775px) {
  .p-company-jobfield__fieldItem--office {
    grid-row: 2;
    grid-column: 2;
  }
}

.p-company-jobfield__fieldIcon {
  width: calc(92 * var(--to-rem));
  aspect-ratio: 1;
}
@media screen and (max-width: 768px) {
  .p-company-jobfield__fieldIcon {
    width: calc(64 * var(--to-rem));
  }
}
@container (max-width: 775px) {
  .p-company-jobfield__fieldIcon {
    width: calc(64 * var(--to-rem));
  }
}

.p-company-jobfield__fieldName {
  margin-top: calc(24 * var(--to-rem));
  font-family: var(--base-font-family);
  font-size: calc(15 * var(--to-rem));
  font-weight: var(--fw-bold);
  line-height: 1.3;
  color: var(--color-text);
  text-align: center;
  letter-spacing: -0.02em;
  white-space: nowrap;
}
@media screen and (max-width: 768px) {
  .p-company-jobfield__fieldName {
    margin-top: calc(8 * var(--to-rem));
    font-size: calc(10 * var(--to-rem));
  }
}
@container (max-width: 775px) {
  .p-company-jobfield__fieldName {
    margin-top: calc(8 * var(--to-rem));
    font-size: calc(10 * var(--to-rem));
  }
}

.p-company-jobfield__fieldText {
  margin-top: calc(7.5 * var(--to-rem));
  font-family: var(--base-font-family);
  font-size: calc(11 * var(--to-rem));
  font-weight: var(--fw-medium);
  line-height: 1.3;
  color: color-mix(in srgb, var(--color-text) 50%, transparent);
  text-align: center;
  letter-spacing: -0.02em;
}
@media screen and (max-width: 768px) {
  .p-company-jobfield__fieldText {
    margin-top: calc(4 * var(--to-rem));
    font-size: calc(9 * var(--to-rem));
  }
}
@container (max-width: 775px) {
  .p-company-jobfield__fieldText {
    margin-top: calc(4 * var(--to-rem));
    font-size: calc(9 * var(--to-rem));
  }
}

.p-company-jobfield__arrow {
  position: absolute;
  z-index: 1;
}

.p-company-jobfield__arrow img {
  position: absolute;
  top: 50%;
  left: 50%;
  width: calc(38 * var(--to-rem));
  height: calc(27.71 * var(--to-rem));
  translate: -50% -50%;
}
@media screen and (max-width: 768px) {
  .p-company-jobfield__arrow img {
    width: calc(24 * var(--to-rem));
    height: calc(18 * var(--to-rem));
  }
}
@container (max-width: 775px) {
  .p-company-jobfield__arrow img {
    width: calc(24 * var(--to-rem));
    height: calc(18 * var(--to-rem));
  }
}

.p-company-jobfield__arrow--makeToDeliver {
  top: calc(132 * var(--to-rem));
  left: calc((100% - 32 * var(--to-rem)) * 558 / 772 + 4 * var(--to-rem));
  width: calc(38 * var(--to-rem));
  height: calc(27.71 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .p-company-jobfield__arrow--makeToDeliver {
    top: calc(202 * var(--to-rem));
    left: calc(206 * var(--to-rem));
    width: calc(18 * var(--to-rem));
    height: calc(24 * var(--to-rem));
  }
}
@container (max-width: 775px) {
  .p-company-jobfield__arrow--makeToDeliver {
    top: calc(202 * var(--to-rem));
    left: calc(206 * var(--to-rem));
    width: calc(18 * var(--to-rem));
    height: calc(24 * var(--to-rem));
  }
}

@media screen and (max-width: 768px) {
  .p-company-jobfield__arrow--makeToDeliver img {
    rotate: 90deg;
  }
}
@container (max-width: 775px) {
  .p-company-jobfield__arrow--makeToDeliver img {
    rotate: 90deg;
  }
}

.p-company-jobfield__arrow--supportToMake {
  top: calc(272 * var(--to-rem));
  left: calc((100% - 32 * var(--to-rem)) * 279 / 772 - 13.855 * var(--to-rem));
  width: calc(27.71 * var(--to-rem));
  height: calc(38 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .p-company-jobfield__arrow--supportToMake {
    top: calc(311 * var(--to-rem));
    left: calc(61 * var(--to-rem));
    width: calc(18 * var(--to-rem));
    height: calc(24 * var(--to-rem));
  }
}
@container (max-width: 775px) {
  .p-company-jobfield__arrow--supportToMake {
    top: calc(311 * var(--to-rem));
    left: calc(61 * var(--to-rem));
    width: calc(18 * var(--to-rem));
    height: calc(24 * var(--to-rem));
  }
}

.p-company-jobfield__arrow--supportToMake img {
  rotate: -90deg;
}

.p-company-jobfield__arrow--supportToDeliver {
  top: calc(272 * var(--to-rem));
  left: calc((100% - 32 * var(--to-rem)) * 665 / 772 + 18.145 * var(--to-rem));
  width: calc(27.71 * var(--to-rem));
  height: calc(38 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .p-company-jobfield__arrow--supportToDeliver {
    top: calc(359 * var(--to-rem));
    left: calc(141 * var(--to-rem));
    width: calc(24 * var(--to-rem));
    height: calc(18 * var(--to-rem));
  }
}
@container (max-width: 775px) {
  .p-company-jobfield__arrow--supportToDeliver {
    top: calc(359 * var(--to-rem));
    left: calc(141 * var(--to-rem));
    width: calc(24 * var(--to-rem));
    height: calc(18 * var(--to-rem));
  }
}

.p-company-jobfield__arrow--supportToDeliver img {
  rotate: -90deg;
}
@media screen and (max-width: 768px) {
  .p-company-jobfield__arrow--supportToDeliver img {
    rotate: 0deg;
  }
}
@container (max-width: 775px) {
  .p-company-jobfield__arrow--supportToDeliver img {
    rotate: 0deg;
  }
}

.p-company-jobfield__button {
  display: flex;
  justify-content: flex-end;
  margin-top: calc(48 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .p-company-jobfield__button {
    justify-content: flex-start;
    margin-top: calc(40 * var(--to-rem));
  }
}

@container (max-width: 775px) {
  .p-company-jobfield__diagram br[data-only-device=sm] {
    display: inline;
  }
}

.p-company-mission {
  margin-top: calc(160 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .p-company-mission {
    margin-top: calc(120 * var(--to-rem));
  }
}

.p-company-mission__head .c-section-heading {
  gap: calc(8 * var(--to-rem));
}

.p-company-mission__head .c-section-heading__title {
  line-height: 1;
}
@media screen and (max-width: 768px) {
  .p-company-mission__head .c-section-heading__title {
    line-height: 0.8;
  }
}

.p-company-mission__intro {
  display: flex;
  column-gap: calc(24 * var(--to-rem));
  align-items: flex-start;
  justify-content: space-between;
  margin-top: calc(40 * var(--to-rem));
}
@media screen and (max-width: 1023px) {
  .p-company-mission__intro {
    flex-direction: column;
  }
}

.p-company-mission__text {
  flex: 0 1 calc(396 * var(--to-rem));
  min-width: 0;
  margin-top: calc(40 * var(--to-rem));
  font-family: var(--base-font-family);
  font-size: calc(18 * var(--to-rem));
  font-weight: var(--fw-medium);
  line-height: 2;
  color: var(--color-text);
  letter-spacing: -0.02em;
  line-break: strict;
}
@media screen and (max-width: 1023px) {
  .p-company-mission__text {
    flex: none;
  }
}
@media screen and (max-width: 768px) {
  .p-company-mission__text {
    font-size: calc(16 * var(--to-rem));
  }
}

.p-company-mission__pillars {
  flex: 0 1 calc(440 * var(--to-rem));
  min-width: 0;
  aspect-ratio: 440/464;
}
@media screen and (max-width: 1023px) {
  .p-company-mission__pillars {
    flex: none;
    width: calc(440 * var(--to-rem));
    max-width: 100%;
    margin-top: calc(40 * var(--to-rem));
  }
}
@media screen and (max-width: 768px) {
  .p-company-mission__pillars {
    order: -1;
    width: calc(294 * var(--to-rem));
    aspect-ratio: 294/310;
    margin-top: 0;
    margin-left: calc(25 * var(--to-rem));
  }
}

.p-company-mission__road {
  position: relative;
  padding-block: 0 calc(48 * var(--to-rem));
  padding-inline: calc(48 * var(--to-rem));
  margin-top: calc(80 * var(--to-rem));
  overflow: hidden;
  background: linear-gradient(132deg, color-mix(in srgb, var(--color-white) 0%, transparent) 21%, color-mix(in srgb, var(--color-white) 80%, transparent) 103%), var(--color-blue-deep);
  isolation: isolate;
  border-radius: calc(12 * var(--to-rem));
  container-type: inline-size;
}
@media screen and (max-width: 768px) {
  .p-company-mission__road {
    padding-block: 0 calc(32 * var(--to-rem));
    padding-inline: calc(16 * var(--to-rem));
    margin-top: calc(64 * var(--to-rem));
    background: linear-gradient(105deg, color-mix(in srgb, var(--color-white) 0%, transparent) 20.6%, color-mix(in srgb, var(--color-white) 80%, transparent) 103%), var(--color-blue-deep);
  }
}

.p-company-mission__roadDeco {
  position: absolute;
  top: calc(40 * var(--to-rem));
  left: 50%;
  font-family: var(--title-font-family);
  font-size: 19.4029850746cqi;
  font-weight: 800;
  line-height: 1.2;
  color: var(--color-white);
  letter-spacing: -0.02em;
  white-space: nowrap;
  pointer-events: none;
  mix-blend-mode: soft-light;
  opacity: 0.3;
  translate: -50% 0;
}
@media screen and (max-width: 768px) {
  .p-company-mission__roadDeco {
    top: calc(64 * var(--to-rem));
    font-size: 19.3220338983cqi;
  }
}

.p-company-mission__roadTitle {
  position: relative;
  margin-top: calc(120 * var(--to-rem));
  font-family: var(--base-font-family);
  font-size: calc(28 * var(--to-rem));
  font-weight: var(--fw-bold);
  line-height: 1.3;
  color: var(--color-white);
  text-align: center;
  letter-spacing: -0.02em;
}
@media screen and (max-width: 768px) {
  .p-company-mission__roadTitle {
    margin-top: calc(71 * var(--to-rem));
    font-size: calc(24 * var(--to-rem));
  }
}

.p-company-mission__roadList {
  position: relative;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  column-gap: calc(4 * var(--to-rem));
  margin-top: calc(100 * var(--to-rem));
}
@container (max-width: 727px) {
  .p-company-mission__roadList {
    grid-template-columns: 100%;
    row-gap: calc(4 * var(--to-rem));
  }
}
@media screen and (max-width: 768px) {
  .p-company-mission__roadList {
    margin-top: calc(64 * var(--to-rem));
  }
}

.p-company-mission__roadItem {
  position: relative;
  min-height: calc(346 * var(--to-rem));
  padding-block: calc(32 * var(--to-rem));
  padding-inline: calc(30 * var(--to-rem));
  background-color: var(--color-white);
  border-radius: calc(4 * var(--to-rem));
}
@container (max-width: 727px) {
  .p-company-mission__roadItem {
    min-height: 0;
  }
}
@media screen and (max-width: 768px) {
  .p-company-mission__roadItem {
    padding-block: calc(24 * var(--to-rem)) calc(25.5 * var(--to-rem));
    padding-inline: calc(16 * var(--to-rem));
  }
}

.p-company-mission__roadNumber {
  font-family: var(--title-font-family);
  font-size: calc(20 * var(--to-rem));
  font-weight: var(--fw-bold);
  line-height: 0.8;
  color: var(--color-blue);
  letter-spacing: -0.02em;
}
@media screen and (max-width: 768px) {
  .p-company-mission__roadNumber {
    position: absolute;
    top: calc(24 * var(--to-rem));
    right: calc(24 * var(--to-rem));
    text-align: right;
  }
}

.p-company-mission__roadItemTitle {
  margin-top: calc(48 * var(--to-rem));
  font-family: var(--base-font-family);
  font-size: calc(28 * var(--to-rem));
  font-weight: var(--fw-bold);
  line-height: 1.2;
  color: var(--color-text);
  letter-spacing: -0.02em;
}
@media screen and (max-width: 768px) {
  .p-company-mission__roadItemTitle {
    margin-top: 0;
    font-size: calc(20 * var(--to-rem));
  }
}

.p-company-mission__roadItemLead {
  margin-top: calc(24 * var(--to-rem));
  font-family: var(--base-font-family);
  font-size: calc(16 * var(--to-rem));
  font-weight: var(--fw-bold);
  line-height: 1.5;
  color: var(--color-text);
  letter-spacing: -0.02em;
}
@media screen and (max-width: 768px) {
  .p-company-mission__roadItemLead {
    min-height: calc(20 * var(--to-rem));
    font-size: calc(13 * var(--to-rem));
  }
}

.p-company-mission__roadItemText {
  margin-top: calc(12 * var(--to-rem));
  font-family: var(--base-font-family);
  font-size: calc(13 * var(--to-rem));
  font-weight: var(--fw-medium);
  line-height: 1.5;
  color: var(--color-text-sub);
  letter-spacing: -0.02em;
  line-break: strict;
  opacity: 0.6;
}
@media screen and (max-width: 768px) {
  .p-company-mission__roadItemText {
    margin-top: calc(8 * var(--to-rem));
    font-size: calc(11 * var(--to-rem));
  }
}

.p-company-mission__banner {
  position: relative;
  display: block;
  width: 100%;
  aspect-ratio: 900/200;
  margin-top: calc(80 * var(--to-rem));
  overflow: hidden;
  text-decoration: none;
  border-radius: calc(8 * var(--to-rem));
}
@media screen and (max-width: 1023px) {
  .p-company-mission__banner {
    aspect-ratio: 327/160;
  }
}
@media screen and (max-width: 768px) {
  .p-company-mission__banner {
    margin-top: calc(64 * var(--to-rem));
  }
}

.p-company-mission__bannerImage {
  position: absolute;
  inset: 0;
}

.p-company-mission__bannerText {
  position: absolute;
  bottom: calc(24 * var(--to-rem));
  left: calc(24 * var(--to-rem));
}
@media screen and (max-width: 1023px) {
  .p-company-mission__bannerText {
    bottom: calc(16 * var(--to-rem));
    left: calc(16 * var(--to-rem));
  }
}

.p-company-mission__bannerLabel {
  font-family: var(--base-font-family);
  font-size: calc(12 * var(--to-rem));
  font-weight: var(--fw-medium);
  line-height: 1.34;
  color: var(--color-white-70);
  letter-spacing: -0.02em;
}
@media screen and (max-width: 1023px) {
  .p-company-mission__bannerLabel {
    font-size: calc(10 * var(--to-rem));
    line-height: 1;
  }
}

.p-company-mission__bannerTitle {
  margin-top: calc(4 * var(--to-rem));
  font-family: var(--base-font-family);
  font-size: calc(20 * var(--to-rem));
  font-weight: var(--fw-bold);
  line-height: 1.34;
  color: var(--color-white);
  letter-spacing: -0.02em;
}
@media screen and (max-width: 1023px) {
  .p-company-mission__bannerTitle {
    font-size: calc(18 * var(--to-rem));
    line-height: 1;
  }
}

.p-company-mission__bannerIcon {
  position: absolute;
  right: calc(24 * var(--to-rem));
  bottom: calc(24 * var(--to-rem));
  display: grid;
  place-items: center;
  width: calc(40 * var(--to-rem));
  height: calc(40 * var(--to-rem));
  background-color: var(--color-white);
  border-radius: calc(12 * var(--to-rem)) calc(3 * var(--to-rem));
  transition: background-color var(--duration-hover) var(--ease-out);
}
@media screen and (max-width: 768px) {
  .p-company-mission__bannerIcon {
    right: calc(8 * var(--to-rem));
    bottom: calc(8 * var(--to-rem));
    width: calc(32 * var(--to-rem));
    height: calc(32 * var(--to-rem));
  }
}

.p-company-mission__bannerIcon img {
  width: calc(10 * var(--to-rem));
  height: calc(10 * var(--to-rem));
  transition: filter var(--duration-hover) var(--ease-out);
}
@media screen and (max-width: 768px) {
  .p-company-mission__bannerIcon img {
    width: calc(7.64 * var(--to-rem));
    height: calc(7.64 * var(--to-rem));
  }
}

@media (any-hover: hover) {
  .p-company-mission__banner:hover .p-company-mission__bannerIcon {
    background-color: var(--color-red);
  }
  .p-company-mission__banner:hover .p-company-mission__bannerIcon img {
    filter: brightness(0) invert(1);
  }
}
.p-company-people {
  margin-top: calc(160 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .p-company-people {
    margin-top: calc(120 * var(--to-rem));
  }
}

.p-company-people__row {
  display: flex;
  column-gap: calc(24 * var(--main-px));
  align-items: flex-start;
  justify-content: space-between;
  margin-top: calc(80 * var(--to-rem));
}
@container (max-width: 729px) {
  .p-company-people__row {
    flex-direction: column;
  }
}
@media screen and (max-width: 768px) {
  .p-company-people__row {
    margin-top: calc(40 * var(--to-rem));
  }
}

.p-company-people__body {
  flex: 0 1 calc(412 * var(--main-px));
  min-width: 0;
}
@container (max-width: 729px) {
  .p-company-people__body {
    flex: none;
  }
}
@media screen and (max-width: 768px) {
  .p-company-people__body {
    margin-top: calc(40 * var(--to-rem));
  }
}

.p-company-people__text {
  font-family: var(--base-font-family);
  font-size: calc(20 * var(--main-px));
  font-weight: var(--fw-bold);
  line-height: 2;
  color: var(--color-text);
  letter-spacing: -0.02em;
  line-break: strict;
}
@container (max-width: 729px) {
  .p-company-people__text {
    font-size: calc(20 * var(--to-rem));
  }
}
@media screen and (max-width: 768px) {
  .p-company-people__text {
    font-size: calc(16 * var(--to-rem));
  }
}

.p-company-people__text + .p-company-people__text {
  margin-top: calc(40 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .p-company-people__text + .p-company-people__text {
    margin-top: calc(32 * var(--to-rem));
  }
}

.p-company-people__photo {
  flex: 0 1 calc(440 * var(--main-px));
  min-width: 0;
  aspect-ratio: 440/320;
  overflow: hidden;
  border-radius: calc(8 * var(--to-rem));
}
@container (max-width: 729px) {
  .p-company-people__photo {
    flex: none;
    width: calc(440 * var(--to-rem));
    max-width: 100%;
    margin-top: calc(40 * var(--to-rem));
  }
}
@media screen and (max-width: 768px) {
  .p-company-people__photo {
    order: -1;
    width: 100%;
    margin-top: 0;
  }
}

.p-company-people__button {
  width: calc(440 * var(--to-rem));
  max-width: 100%;
  margin-top: calc(80 * var(--to-rem));
  margin-left: auto;
}
@media screen and (max-width: 768px) {
  .p-company-people__button {
    width: auto;
    margin-top: calc(40 * var(--to-rem));
    margin-left: 0;
  }
}

.p-company-special {
  padding-block: calc(80 * var(--to-rem)) calc(300 * var(--to-rem));
  margin-top: calc(240 * var(--to-rem));
  background-color: var(--color-special-bg);
}
@media screen and (max-width: 768px) {
  .p-company-special {
    padding-block: calc(80 * var(--to-rem)) calc(180 * var(--to-rem));
    margin-top: calc(160 * var(--to-rem));
  }
}

.p-company-special__inner {
  width: calc(100% - 48 * var(--to-rem));
  max-width: calc(1130 * var(--to-rem));
  margin-inline: auto;
}
@media screen and (max-width: 768px) {
  .p-company-special__inner {
    max-width: none;
  }
}

.p-company-special__body {
  display: flex;
  flex-wrap: wrap;
  gap: calc(64 * var(--to-rem)) calc(82 * var(--to-rem));
  align-items: flex-start;
  justify-content: space-between;
}
@media screen and (max-width: 768px) {
  .p-company-special__body {
    display: block;
  }
}

.p-company-special__heading {
  flex-shrink: 0;
}

.p-company-special__list {
  width: calc(785 * var(--to-rem));
  min-width: 0;
  max-width: 100%;
}
@media screen and (max-width: 768px) {
  .p-company-special__list {
    width: 100%;
    margin-top: calc(64 * var(--to-rem));
  }
}

.p-company-special__item + .p-company-special__item {
  margin-top: calc(8 * var(--to-rem));
}

.p-company-special__card {
  position: relative;
  display: flex;
  gap: calc(24 * var(--to-rem));
  align-items: flex-start;
  padding-block: calc(16 * var(--to-rem));
  padding-inline: calc(16 * var(--to-rem));
  color: var(--color-text);
  text-decoration: none;
  background-color: var(--color-white);
  border-radius: calc(8 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .p-company-special__card {
    flex-direction: column;
    gap: calc(16 * var(--to-rem));
  }
}

.p-company-special__thumb {
  flex-shrink: 0;
  width: calc(274 * var(--to-rem));
  max-width: 50%;
  aspect-ratio: 274/142;
  overflow: hidden;
  border-radius: calc(4 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .p-company-special__thumb {
    width: 100%;
    max-width: none;
    aspect-ratio: 295/153;
  }
}

.p-company-special__thumb picture {
  display: block;
  width: 100%;
  height: 100%;
}

.p-company-special__thumb--video {
  aspect-ratio: 16/9;
}

.p-company-special__cardFoot {
  flex: 1;
  min-width: 0;
}
@media screen and (max-width: 768px) {
  .p-company-special__cardFoot {
    display: flex;
    gap: calc(16 * var(--to-rem));
    align-items: flex-end;
    width: 100%;
  }
}

.p-company-special__cardBody {
  padding-block: calc(8 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .p-company-special__cardBody {
    flex: 1;
    min-width: 0;
    padding-block: 0;
  }
}

.p-company-special__cardLabel {
  font-family: var(--title-font-family);
  font-size: calc(16 * var(--to-rem));
  font-weight: 800;
  line-height: 0.9;
  color: var(--color-red);
  text-transform: uppercase;
  letter-spacing: -0.02em;
}
@media screen and (max-width: 768px) {
  .p-company-special__cardLabel {
    font-size: calc(12 * var(--to-rem));
  }
}

.p-company-special__cardTitle {
  margin-top: calc(4 * var(--to-rem));
  font-family: var(--base-font-family);
  font-size: calc(20 * var(--to-rem));
  font-weight: var(--fw-bold);
  line-height: 1.34;
  color: var(--color-text);
  text-wrap: pretty;
  letter-spacing: -0.02em;
  line-break: strict;
}
@media screen and (max-width: 768px) {
  .p-company-special__cardTitle {
    font-size: calc(15 * var(--to-rem));
  }
}

.p-company-special__cardIcon {
  position: absolute;
  right: calc(16 * var(--to-rem));
  bottom: calc(16 * var(--to-rem));
  width: calc(40 * var(--to-rem));
  height: calc(40 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .p-company-special__cardIcon {
    position: static;
    flex-shrink: 0;
    width: calc(32 * var(--to-rem));
    height: calc(32 * var(--to-rem));
  }
}

.p-company-special__cardIcon picture {
  display: block;
  width: 100%;
  height: 100%;
}

.p-company-special__thumb img {
  transition: scale var(--duration-zoom) var(--ease-zoom);
}

.p-company-special__cardIcon {
  background-image: url("/recruit/new/assets/images/special3-hover.COtj3evo.svg");
  background-size: 100% 100%;
}
@media screen and (max-width: 768px) {
  .p-company-special__cardIcon {
    background-image: url("/recruit/new/assets/images/special4-hover.CoJVQxDg.svg");
  }
}

.p-company-special__cardIcon img {
  transition: opacity var(--duration-hover) var(--ease-out);
}

@media (any-hover: hover) {
  .p-company-special__card:hover .p-company-special__thumb img {
    scale: var(--scale-zoom);
  }
  .p-company-special__card:hover .p-company-special__cardIcon img {
    opacity: 0;
  }
}
.p-company-special__button {
  display: flex;
  justify-content: center;
  margin-top: calc(80 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .p-company-special__button {
    margin-top: calc(120 * var(--to-rem));
  }
}

.p-company-visual {
  max-width: calc(1440 * var(--to-rem));
  margin-inline: auto;
  margin-top: calc(-60 * var(--to-rem));
}
@media screen and (max-width: 1023px) {
  .p-company-visual {
    margin-top: calc(40 * var(--to-rem));
  }
}
@media screen and (max-width: 768px) {
  .p-company-visual {
    margin-top: calc(-73 * var(--to-rem));
  }
}

.p-company-visual__photos {
  position: relative;
  width: 100%;
  aspect-ratio: 1440/517;
}
@media screen and (max-width: 768px) {
  .p-company-visual__photos {
    aspect-ratio: 375/494;
  }
}

.p-company-visual__photo {
  position: absolute;
  overflow: hidden;
  border-radius: calc(8 * var(--to-rem));
}

.p-company-visual__photo--plant {
  top: 42.553%;
  left: 21.597%;
  width: 32.778%;
  aspect-ratio: 472/297;
}
@media screen and (max-width: 768px) {
  .p-company-visual__photo--plant {
    top: 65.587%;
    left: 27.733%;
    width: 72.267%;
    aspect-ratio: 271/170;
  }
}

.p-company-visual__photo--wind {
  top: 28.433%;
  left: 2.778%;
  width: 13.333%;
  aspect-ratio: 192/245;
}
@media screen and (max-width: 768px) {
  .p-company-visual__photo--wind {
    top: 44.332%;
    left: 0;
    width: 37.067%;
    aspect-ratio: 139/177;
  }
}

.p-company-visual__photo--geothermal {
  top: 0;
  left: 54.375%;
  width: 17.778%;
  aspect-ratio: 256/179;
}
@media screen and (max-width: 768px) {
  .p-company-visual__photo--geothermal {
    top: 28.947%;
    left: 49.333%;
    width: 39.467%;
    aspect-ratio: 148/104;
  }
}

.p-company-visual__photo--dam {
  top: 26.499%;
  left: 66.25%;
  width: 16.806%;
  aspect-ratio: 242/302;
}
@media screen and (max-width: 768px) {
  .p-company-visual__photo--dam {
    top: 0;
    left: 6.4%;
    width: 37.333%;
    aspect-ratio: 140/175;
  }
}

.p-crosstalk-hero {
  position: relative;
  z-index: 1;
  width: calc(100% - 48 * var(--to-rem));
  max-width: calc(1130 * var(--to-rem));
  margin-inline: auto;
  margin-top: calc(-412 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .p-crosstalk-hero {
    width: 100%;
    max-width: none;
    margin-top: calc(-445 * var(--to-rem));
  }
}

.p-crosstalk-hero__photo {
  aspect-ratio: 1130/562;
  overflow: hidden;
  border-radius: calc(16 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .p-crosstalk-hero__photo {
    aspect-ratio: 375/300;
    mask-image: linear-gradient(to bottom, var(--color-black) 75%, transparent);
  }
}

.p-crosstalk-hero__photo picture {
  display: block;
  width: 100%;
  height: 100%;
}

.p-crosstalk-hero__heading {
  position: relative;
  z-index: 1;
  margin-top: calc(80 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .p-crosstalk-hero__heading {
    margin-inline: calc(24 * var(--to-rem));
    margin-top: calc(-60 * var(--to-rem));
  }
}

.p-crosstalk-hero__lead {
  font-family: var(--title-font-family);
  font-size: calc(24 * var(--to-rem));
  font-weight: 800;
  line-height: 0.7917;
  color: var(--color-gray-mid);
  letter-spacing: -0.02em;
}
@media screen and (max-width: 768px) {
  .p-crosstalk-hero__lead {
    font-size: calc(18 * var(--to-rem));
    line-height: 0.7778;
    color: var(--color-white);
  }
}

.p-crosstalk-hero__title {
  display: flex;
  flex-wrap: wrap;
  row-gap: calc(7 * var(--to-rem));
  width: fit-content;
  max-width: 100%;
  margin-top: calc(12 * var(--to-rem));
  font-family: var(--base-font-family);
  font-size: calc(64 * var(--to-rem));
  font-weight: var(--fw-bold);
  line-height: 0.7032;
  color: var(--color-red);
  letter-spacing: -0.02em;
}
@media screen and (max-width: 768px) {
  .p-crosstalk-hero__title {
    display: block;
    margin-top: calc(8 * var(--to-rem));
    font-size: calc(40 * var(--to-rem));
    line-height: 0.7;
  }
}

.p-crosstalk-hero__titleLine {
  display: block;
  max-width: 100%;
  padding-block: calc(16 * var(--to-rem)) calc(12 * var(--to-rem));
  padding-right: calc(4 * var(--to-rem));
  margin-right: calc(-4 * var(--to-rem));
  overflow-wrap: anywhere;
  background-color: var(--color-white);
}
@media screen and (max-width: 768px) {
  .p-crosstalk-hero__titleLine {
    width: fit-content;
    padding-block: calc(10 * var(--to-rem)) calc(8 * var(--to-rem));
    padding-right: calc(2 * var(--to-rem));
    margin-right: 0;
  }
}

.p-crosstalk-hero__titleLine:last-child {
  margin-right: 0;
}

@media screen and (max-width: 768px) {
  .p-crosstalk-hero__titleLine + .p-crosstalk-hero__titleLine {
    margin-top: calc(4 * var(--to-rem));
  }
}

.p-crosstalk-hero__text {
  margin-top: calc(160 * var(--to-rem));
  font-family: var(--base-font-family);
  font-size: calc(16 * var(--to-rem));
  font-weight: var(--fw-medium);
  line-height: 2;
  color: var(--color-text);
  letter-spacing: -0.02em;
  overflow-wrap: anywhere;
  line-break: strict;
}
@media screen and (max-width: 768px) {
  .p-crosstalk-hero__text {
    margin-inline: calc(24 * var(--to-rem));
    margin-top: calc(120 * var(--to-rem));
    font-size: calc(14 * var(--to-rem));
  }
}

.p-crosstalk-member {
  position: relative;
  z-index: 1;
  width: calc(100% - 48 * var(--to-rem));
  max-width: calc(1130 * var(--to-rem));
  padding-block: calc(48 * var(--to-rem));
  padding-inline: calc(64 * var(--to-rem));
  margin-inline: auto;
  margin-top: calc(80 * var(--to-rem));
  background-color: var(--color-white);
  border-radius: calc(12 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .p-crosstalk-member {
    padding-block: calc(40 * var(--to-rem));
    padding-inline: calc(24 * var(--to-rem));
  }
}

.p-crosstalk-member__label {
  font-family: var(--title-font-family);
  font-size: calc(16 * var(--to-rem));
  font-weight: 800;
  line-height: 0.8125;
  color: var(--color-red);
  letter-spacing: -0.02em;
}
@media screen and (max-width: 768px) {
  .p-crosstalk-member__label {
    font-size: calc(14 * var(--to-rem));
    line-height: 0.7857;
  }
}

.p-crosstalk-member__title {
  margin-top: calc(8 * var(--to-rem));
  font-family: var(--base-font-family);
  font-size: calc(24 * var(--to-rem));
  font-weight: var(--fw-bold);
  line-height: 1.2083;
  color: var(--color-text);
  letter-spacing: -0.02em;
  overflow-wrap: anywhere;
}
@media screen and (max-width: 768px) {
  .p-crosstalk-member__title {
    margin-top: calc(4 * var(--to-rem));
    font-size: calc(20 * var(--to-rem));
    line-height: 1.2;
  }
}

.p-crosstalk-member__list {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: calc(40 * var(--to-rem));
  padding-inline: calc(40 * var(--to-rem));
  margin-top: calc(32 * var(--to-rem));
  list-style: none;
}
@media screen and (max-width: 1023px) {
  .p-crosstalk-member__list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media screen and (max-width: 768px) {
  .p-crosstalk-member__list {
    display: block;
    padding-inline: 0;
  }
}

.p-crosstalk-member__item {
  min-width: 0;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .p-crosstalk-member__item + .p-crosstalk-member__item {
    margin-top: calc(32 * var(--to-rem));
  }
}

.p-crosstalk-member__visual {
  position: relative;
  width: calc(140 * var(--to-rem));
  max-width: 100%;
  margin-inline: auto;
}
@media screen and (max-width: 768px) {
  .p-crosstalk-member__visual {
    width: calc(120 * var(--to-rem));
  }
}

.p-crosstalk-member__photo {
  aspect-ratio: 1;
  overflow: hidden;
  border-radius: 100%;
}

.p-crosstalk-member__badge {
  position: absolute;
  top: calc(88 * var(--to-rem));
  left: calc(-28.25 * var(--to-rem));
  width: calc(80 * var(--to-rem));
  height: calc(80 * var(--to-rem));
  background-color: var(--color-white);
  border-radius: 100%;
}
@media screen and (max-width: 768px) {
  .p-crosstalk-member__badge {
    top: calc(76 * var(--to-rem));
    left: calc(-20.5 * var(--to-rem));
    width: calc(64 * var(--to-rem));
    height: calc(64 * var(--to-rem));
  }
}

.p-crosstalk-member__badge img {
  position: absolute;
  top: calc(14 * var(--to-rem));
  left: calc(23 * var(--to-rem));
  width: calc(40 * var(--to-rem));
  height: calc(40 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .p-crosstalk-member__badge img {
    top: calc(10 * var(--to-rem));
    left: calc(19 * var(--to-rem));
    width: calc(32 * var(--to-rem));
    height: calc(32 * var(--to-rem));
  }
}

.p-crosstalk-member__tag {
  width: fit-content;
  max-width: 100%;
  padding-block: calc(2 * var(--to-rem)) calc(3 * var(--to-rem));
  padding-inline: calc(4 * var(--to-rem));
  margin-inline: auto;
  margin-top: calc(24 * var(--to-rem));
  font-family: var(--base-font-family);
  font-size: calc(12 * var(--to-rem));
  font-weight: var(--fw-regular);
  line-height: 1.1667;
  color: var(--color-white);
  letter-spacing: 0;
  overflow-wrap: anywhere;
  background-color: var(--color-text);
  border-radius: calc(2 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .p-crosstalk-member__tag {
    margin-top: calc(16 * var(--to-rem));
  }
}

.p-crosstalk-member__career {
  margin-top: calc(16 * var(--to-rem));
  font-family: var(--base-font-family);
  font-size: calc(14 * var(--to-rem));
  font-weight: var(--fw-medium);
  line-height: 1.5;
  color: var(--color-text);
  text-align: center;
  letter-spacing: -0.02em;
  overflow-wrap: anywhere;
}

.p-crosstalk-photo {
  aspect-ratio: 1440/716;
  margin-top: calc(160 * var(--to-rem));
  overflow: hidden;
  border-radius: calc(16 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .p-crosstalk-photo {
    aspect-ratio: 375/240;
    margin-top: calc(120 * var(--to-rem));
  }
}

.p-crosstalk-photo picture {
  display: block;
  width: 100%;
  height: 100%;
}

.p-crosstalk-talks {
  width: calc(100% - 48 * var(--to-rem));
  max-width: calc(1130 * var(--to-rem));
  margin-inline: auto;
  margin-top: calc(160 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .p-crosstalk-talks {
    margin-top: calc(120 * var(--to-rem));
  }
}

.p-crosstalk-talk {
  display: flex;
  gap: calc(64 * var(--to-rem));
  align-items: flex-start;
}
@media screen and (max-width: 768px) {
  .p-crosstalk-talk {
    flex-direction: column;
    gap: 0;
    align-items: stretch;
  }
}

.p-crosstalk-talk + .p-crosstalk-talk {
  margin-top: calc(120 * var(--to-rem));
}

.p-crosstalk-talk--reverse {
  flex-direction: row-reverse;
}
@media screen and (max-width: 768px) {
  .p-crosstalk-talk--reverse {
    flex-direction: column;
  }
}

.p-crosstalk-talk__photo {
  position: sticky;
  top: calc(var(--header-height) + 40 * var(--to-rem));
  flex: 0 1 calc(533 * var(--to-rem));
  min-width: 0;
  aspect-ratio: 533/400;
  overflow: hidden;
  border-radius: calc(8 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .p-crosstalk-talk__photo {
    position: static;
    flex: none;
    width: 100%;
    aspect-ratio: 327/246;
  }
}

.p-crosstalk-talk__photo picture {
  display: block;
  width: 100%;
  height: 100%;
}

.p-crosstalk-talk__body {
  flex: 1 1 calc(533 * var(--to-rem));
  min-width: 0;
}
@media screen and (max-width: 768px) {
  .p-crosstalk-talk__body {
    flex: none;
    margin-top: calc(40 * var(--to-rem));
  }
}

.p-crosstalk-talk__num {
  font-family: var(--title-font-family);
  font-size: calc(28 * var(--to-rem));
  font-weight: 800;
  line-height: 0.7857;
  color: var(--color-red);
  letter-spacing: -0.02em;
}
@media screen and (max-width: 768px) {
  .p-crosstalk-talk__num {
    font-size: calc(24 * var(--to-rem));
    line-height: 0.7917;
  }
}

.p-crosstalk-talk__title {
  margin-top: calc(24 * var(--to-rem));
  font-family: var(--base-font-family);
  font-size: calc(28 * var(--to-rem));
  font-weight: var(--fw-bold);
  line-height: 1.2143;
  color: var(--color-text);
  letter-spacing: -0.02em;
  overflow-wrap: anywhere;
}
@media screen and (max-width: 768px) {
  .p-crosstalk-talk__title {
    margin-top: calc(16 * var(--to-rem));
    font-size: calc(24 * var(--to-rem));
    line-height: 1.2083;
  }
}

.p-crosstalk-talk__titleWord {
  display: inline-block;
}

.p-crosstalk-talk__list {
  margin-top: calc(64 * var(--to-rem));
  list-style: none;
}
@media screen and (max-width: 768px) {
  .p-crosstalk-talk__list {
    margin-top: calc(40 * var(--to-rem));
  }
}

.p-crosstalk-talk__item {
  display: flex;
  gap: calc(40 * var(--to-rem));
  align-items: flex-start;
}
@media screen and (max-width: 768px) {
  .p-crosstalk-talk__item {
    gap: calc(24 * var(--to-rem));
  }
}

.p-crosstalk-talk__item + .p-crosstalk-talk__item {
  margin-top: calc(40 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .p-crosstalk-talk__item + .p-crosstalk-talk__item {
    margin-top: calc(32 * var(--to-rem));
  }
}

.p-crosstalk-talk__speaker {
  flex-shrink: 0;
  width: calc(56 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .p-crosstalk-talk__speaker {
    width: calc(48 * var(--to-rem));
  }
}

.p-crosstalk-talk__face {
  aspect-ratio: 1;
  overflow: hidden;
  border-radius: 100%;
}

.p-crosstalk-talk__name {
  margin-inline: calc(-8 * var(--to-rem));
  margin-top: calc(8 * var(--to-rem));
  font-family: var(--base-font-family);
  font-size: calc(11 * var(--to-rem));
  font-weight: var(--fw-bold);
  line-height: 1.1818;
  color: var(--color-text);
  text-align: center;
  letter-spacing: -0.02em;
  overflow-wrap: anywhere;
}
@media screen and (max-width: 768px) {
  .p-crosstalk-talk__name {
    margin-top: calc(4 * var(--to-rem));
    font-size: calc(10 * var(--to-rem));
    line-height: 1.2;
  }
}

.p-crosstalk-talk__speech {
  flex: 1;
  min-width: 0;
  font-family: var(--base-font-family);
  font-size: calc(16 * var(--to-rem));
  font-weight: var(--fw-medium);
  line-height: 2;
  color: var(--color-text);
  letter-spacing: -0.02em;
  overflow-wrap: anywhere;
  line-break: strict;
}
@media screen and (max-width: 768px) {
  .p-crosstalk-talk__speech {
    font-size: calc(14 * var(--to-rem));
  }
}

.p-crosstalk-title {
  position: relative;
}

.p-department-blocks {
  margin-top: calc(120 * var(--to-rem));
}

.p-department-block {
  --block-px: min(var(--to-rem), calc(100cqi / 1360));
  position: relative;
  width: calc(100% - 80 * var(--to-rem));
  max-width: calc(1360 * var(--to-rem));
  margin-inline: auto;
  container-type: inline-size;
  scroll-margin-top: calc(40 * var(--to-rem));
  line-break: strict;
  background-color: var(--color-white);
  border-radius: calc(12 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .p-department-block {
    --block-px: calc(100cqi / 327);
    width: calc(100% - 48 * var(--to-rem));
    max-width: none;
    scroll-margin-top: calc(24 * var(--to-rem));
  }
}

.p-department-block + .p-department-block {
  margin-top: calc(8 * var(--to-rem));
}

.p-department-block--make {
  --_field-color: var(--color-field-make);
}

.p-department-block--deliver {
  --_field-color: var(--color-field-deliver);
}

.p-department-block--support {
  --_field-color: var(--color-field-support);
}

.p-department-block__toggle {
  position: relative;
  display: flex;
  column-gap: calc(24 * var(--block-px));
  align-items: flex-start;
  width: 100%;
  min-height: calc(190 * var(--block-px));
  padding-block: calc(40 * var(--block-px)) 0;
  padding-inline: calc(40 * var(--block-px)) 0;
  color: var(--color-text);
  text-align: left;
  cursor: pointer;
  background: none;
  border: 0;
  transition: min-height var(--duration) ease, padding var(--duration) ease, color var(--duration-hover) ease;
}
@media screen and (max-width: 768px) {
  .p-department-block__toggle {
    flex-direction: column;
    column-gap: 0;
    min-height: calc(190 * min(var(--block-px), var(--to-rem)));
    padding-block: calc(24 * var(--block-px)) 0;
    padding-inline: calc(24 * var(--block-px)) 0;
  }
}
@media (prefers-reduced-motion: reduce) {
  .p-department-block__toggle {
    transition: none;
  }
}

.p-department-block__toggle[aria-expanded=false] {
  min-height: calc(174 * var(--block-px));
  padding-block: calc(32 * var(--block-px)) 0;
}
@media screen and (max-width: 768px) {
  .p-department-block__toggle[aria-expanded=false] {
    min-height: 0;
    padding-block: calc(16 * var(--block-px));
    padding-inline: calc(16 * var(--block-px)) 0;
  }
}

.p-department-block__toggle:focus-visible {
  outline: calc(2 * var(--to-rem)) solid var(--color-text);
  outline-offset: calc(-4 * var(--to-rem));
}

.p-department-block__icon {
  display: grid;
  flex-shrink: 0;
  place-items: center;
  width: calc(110 * var(--block-px));
  aspect-ratio: 1;
  background-color: var(--color-white);
  border-radius: 100%;
  box-shadow: inset 0 0 calc(24 * var(--block-px)) color-mix(in srgb, var(--_field-color) 25%, transparent);
  transition: width var(--duration) ease;
}
@media screen and (max-width: 768px) {
  .p-department-block__icon {
    width: calc(64 * var(--to-rem));
    box-shadow: inset 0 0 calc(14 * var(--to-rem)) color-mix(in srgb, var(--_field-color) 25%, transparent);
  }
}
@media (prefers-reduced-motion: reduce) {
  .p-department-block__icon {
    transition: none;
  }
}

@media screen and (max-width: 768px) {
  .p-department-block__toggle[aria-expanded=false] .p-department-block__icon {
    width: calc(48 * var(--to-rem));
    box-shadow: inset 0 0 calc(10.47 * var(--to-rem)) color-mix(in srgb, var(--_field-color) 25%, transparent);
  }
}

.p-department-block__icon img {
  display: block;
  width: 72.727%;
  height: auto;
  aspect-ratio: 1;
}
@media screen and (max-width: 768px) {
  .p-department-block__icon img {
    width: 71.875%;
  }
}

@media screen and (max-width: 768px) {
  .p-department-block__toggle[aria-expanded=false] .p-department-block__icon img {
    width: 70.833%;
  }
}

.p-department-block__titleGroup {
  display: block;
  margin-top: calc(12 * var(--block-px));
  transition: margin-top var(--duration) ease;
}
@media screen and (max-width: 768px) {
  .p-department-block__titleGroup {
    margin-top: calc(24 * var(--block-px));
  }
}
@media (prefers-reduced-motion: reduce) {
  .p-department-block__titleGroup {
    transition: none;
  }
}

@media screen and (max-width: 768px) {
  .p-department-block__toggle[aria-expanded=false] .p-department-block__titleGroup {
    margin-top: calc(16 * var(--block-px));
  }
}

.p-department-block__en {
  display: block;
  font-family: var(--title-font-family);
  font-size: max(12 * var(--to-rem), 16 * var(--block-px));
  font-weight: 800;
  line-height: 0.8;
  color: var(--color-text);
  text-transform: uppercase;
  letter-spacing: -0.02em;
  opacity: 0.5;
  transition: font-size var(--duration) ease, color var(--duration-hover) ease;
}
@media screen and (max-width: 768px) {
  .p-department-block__en {
    font-size: calc(12 * var(--to-rem));
  }
}
@media (prefers-reduced-motion: reduce) {
  .p-department-block__en {
    transition: none;
  }
}

@media screen and (max-width: 768px) {
  .p-department-block__toggle[aria-expanded=false] .p-department-block__en {
    font-size: calc(10 * var(--to-rem));
  }
}

.p-department-block__name {
  display: block;
  margin-top: calc(8.2 * var(--block-px));
  font-family: var(--base-font-family);
  font-size: max(32 * var(--to-rem), 48 * var(--block-px));
  font-weight: var(--fw-bold);
  line-height: 1.3;
  letter-spacing: -0.02em;
  transition: margin-top var(--duration) ease, font-size var(--duration) ease;
}
@media screen and (max-width: 768px) {
  .p-department-block__name {
    margin-top: calc(4.4 * var(--block-px));
    font-size: calc(32 * var(--to-rem));
    line-height: 1.3125;
  }
}
@media (prefers-reduced-motion: reduce) {
  .p-department-block__name {
    transition: none;
  }
}

.p-department-block__toggle[aria-expanded=false] .p-department-block__name {
  font-size: max(28 * var(--to-rem), 40 * var(--block-px));
}
@media screen and (max-width: 768px) {
  .p-department-block__toggle[aria-expanded=false] .p-department-block__name {
    margin-top: calc(4 * var(--block-px));
    font-size: calc(24 * var(--to-rem));
    line-height: 1.3;
  }
}

.p-department-block__toggle[aria-expanded=false] .p-department-block__nameBreak {
  display: none;
}

.p-department-block__mark {
  position: absolute;
  top: calc(85.61 * var(--block-px));
  right: calc(80 * var(--block-px));
  width: calc(26 * var(--block-px));
  height: calc(18.78 * var(--block-px));
  background-color: currentcolor;
  mask-image: url("/recruit/new/assets/images/toggle1.COq10nrB.svg");
  mask-repeat: no-repeat;
  mask-size: 100% 100%;
  transition: top var(--duration) ease, right var(--duration) ease, rotate var(--duration) ease;
  rotate: 180deg;
}
@media screen and (max-width: 768px) {
  .p-department-block__mark {
    top: calc(24 * var(--block-px) + 24 * var(--to-rem) - 7.22 * var(--to-rem));
    right: calc(24 * var(--block-px));
    width: calc(20 * var(--to-rem));
    height: calc(14.45 * var(--to-rem));
  }
}
@media (prefers-reduced-motion: reduce) {
  .p-department-block__mark {
    transition: none;
  }
}

.p-department-block__toggle[aria-expanded=false] .p-department-block__mark {
  top: calc(77.61 * var(--block-px));
  rotate: 0deg;
}
@media screen and (max-width: 768px) {
  .p-department-block__toggle[aria-expanded=false] .p-department-block__mark {
    top: calc(16 * var(--block-px) + 24 * var(--to-rem) - 7.22 * var(--to-rem));
    right: calc(16 * var(--block-px));
  }
}

@media (any-hover: hover) and (width >= 769px) {
  .p-department-block__toggle[aria-expanded=false]:hover {
    color: var(--color-red);
  }
  .p-department-block__toggle[aria-expanded=false]:hover .p-department-block__en {
    color: var(--color-red);
  }
}
.p-department-block__body {
  overflow: hidden;
  transition: height var(--duration) ease;
}
@media (prefers-reduced-motion: reduce) {
  .p-department-block__body {
    transition: none;
  }
}

.p-department-block__body[inert] {
  height: 0;
}

.p-department-block__bodyInner {
  padding-block: calc(40 * var(--block-px)) calc(120 * var(--block-px));
  padding-inline: calc(115 * var(--block-px));
}
@media screen and (max-width: 768px) {
  .p-department-block__bodyInner {
    padding-block: calc(24 * var(--block-px)) calc(80 * var(--block-px));
    padding-inline: calc(24 * var(--block-px));
  }
}

.p-department-block__part + .p-department-block__part {
  margin-top: calc(96 * var(--block-px));
}
@media screen and (max-width: 768px) {
  .p-department-block__part + .p-department-block__part {
    margin-top: calc(80 * var(--block-px));
  }
}

.p-department-block__photo {
  overflow: hidden;
  border-radius: calc(8 * var(--block-px));
}

.p-department-block__photo picture {
  display: block;
  width: 100%;
  height: 100%;
}

.p-department-block__photo--wide {
  aspect-ratio: 1130/320;
}
@media screen and (max-width: 768px) {
  .p-department-block__photo--wide {
    aspect-ratio: 279/140;
  }
}

.p-department-block__photo--half {
  aspect-ratio: 533/240;
}
@media screen and (max-width: 768px) {
  .p-department-block__photo--half {
    aspect-ratio: 279/140;
  }
}

.p-department-block__row {
  display: grid;
  grid-template-columns: minmax(0, 325fr) minmax(0, 785fr);
  column-gap: calc(20 * var(--block-px));
  align-items: start;
  margin-top: calc(56 * var(--block-px));
}
@media screen and (max-width: 768px) {
  .p-department-block__row {
    display: block;
    margin-top: calc(32 * var(--block-px));
  }
}

@media screen and (max-width: 768px) {
  .p-department-block__row--works {
    margin-top: calc(56 * var(--block-px));
  }
}

.p-department-block__subLabel {
  font-family: var(--title-font-family);
  font-size: max(16 * var(--to-rem), 20 * var(--block-px));
  font-weight: 800;
  line-height: 0.8;
  color: var(--color-red);
  letter-spacing: -0.02em;
}
@media screen and (max-width: 768px) {
  .p-department-block__subLabel {
    font-size: calc(16 * var(--to-rem));
    line-height: 0.8125;
  }
}

.p-department-block__subTitle {
  margin-top: calc(12 * var(--block-px));
  font-family: var(--base-font-family);
  font-size: max(24 * var(--to-rem), 32 * var(--block-px));
  font-weight: var(--fw-bold);
  line-height: 1;
  color: var(--color-text);
  letter-spacing: -0.02em;
}
@media screen and (max-width: 768px) {
  .p-department-block__subTitle {
    margin-top: calc(8 * var(--block-px));
    font-size: calc(28 * var(--to-rem));
  }
}

@media screen and (max-width: 768px) {
  .p-department-block__content {
    margin-top: calc(32 * var(--block-px));
  }
}

.p-department-block__lead {
  font-family: var(--base-font-family);
  font-size: max(18 * var(--to-rem), 24 * var(--block-px));
  font-weight: var(--fw-bold);
  line-height: 1.5;
  color: var(--color-text);
  letter-spacing: -0.02em;
}
@media screen and (max-width: 768px) {
  .p-department-block__lead {
    font-size: calc(20 * var(--to-rem));
  }
}

.p-department-block__text {
  font-family: var(--base-font-family);
  font-size: max(14 * var(--to-rem), 16 * var(--block-px));
  font-weight: var(--fw-medium);
  line-height: 2;
  color: var(--color-text);
  letter-spacing: -0.02em;
}
@media screen and (max-width: 768px) {
  .p-department-block__text {
    font-size: calc(14 * var(--to-rem));
  }
}

.p-department-block__lead + .p-department-block__text {
  margin-top: calc(24 * var(--block-px));
}
@media screen and (max-width: 768px) {
  .p-department-block__lead + .p-department-block__text {
    margin-top: calc(16 * var(--block-px));
  }
}

@media screen and (max-width: 768px) {
  .p-department-block__works {
    margin-top: calc(32 * var(--block-px));
  }
}

.p-department-block__work {
  position: relative;
  padding-inline: calc(17 * var(--block-px)) 0;
}
@media screen and (max-width: 768px) {
  .p-department-block__work {
    padding-inline: calc(12 * var(--block-px)) 0;
  }
}

.p-department-block__work + .p-department-block__work {
  margin-top: calc(40 * var(--block-px));
}
@media screen and (max-width: 768px) {
  .p-department-block__work + .p-department-block__work {
    margin-top: calc(32 * var(--block-px));
  }
}

.p-department-block__work::before {
  position: absolute;
  top: calc(13 * var(--block-px));
  left: 0;
  width: calc(5 * var(--block-px));
  aspect-ratio: 1;
  content: "";
  background-color: var(--color-red);
  border-radius: 100%;
}
@media screen and (max-width: 768px) {
  .p-department-block__work::before {
    top: calc(11.5 * var(--block-px));
    width: calc(4 * var(--block-px));
  }
}

.p-department-block__workTitle {
  font-family: var(--base-font-family);
  font-size: max(16 * var(--to-rem), 20 * var(--block-px));
  font-weight: var(--fw-bold);
  line-height: 1.5;
  color: var(--color-text);
  text-wrap: balance;
  text-wrap: pretty;
  letter-spacing: -0.02em;
}
@media screen and (max-width: 768px) {
  .p-department-block__workTitle {
    font-size: calc(18 * var(--to-rem));
  }
}

.p-department-block__workText {
  margin-top: calc(8 * var(--block-px));
  font-family: var(--base-font-family);
  font-size: max(14 * var(--to-rem), 16 * var(--block-px));
  font-weight: var(--fw-medium);
  line-height: 2;
  color: var(--color-text);
  letter-spacing: -0.02em;
}
@media screen and (max-width: 768px) {
  .p-department-block__workText {
    margin-top: calc(4 * var(--block-px));
    font-size: calc(14 * var(--to-rem));
  }
}

.p-department-block__part--value {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  column-gap: calc(64 * var(--block-px));
  align-items: start;
}
@media screen and (max-width: 768px) {
  .p-department-block__part--value {
    display: block;
  }
}

@media screen and (max-width: 768px) {
  .p-department-block__column + .p-department-block__column {
    margin-top: calc(80 * var(--block-px));
  }
}

.p-department-block__column .p-department-block__photo {
  margin-top: calc(56 * var(--block-px));
}
@media screen and (max-width: 768px) {
  .p-department-block__column .p-department-block__photo {
    margin-top: calc(32 * var(--block-px));
  }
}

.p-department-block__column .p-department-block__text {
  margin-top: calc(40 * var(--block-px));
}
@media screen and (max-width: 768px) {
  .p-department-block__column .p-department-block__text {
    margin-top: calc(32 * var(--block-px));
  }
}

.p-department-block.is-instant,
.p-department-block.is-instant * {
  transition: none;
}

.p-department-interviews {
  display: grid;
  grid-template-columns: minmax(0, 325fr) minmax(0, 785fr);
  column-gap: calc(20 * var(--block-px));
  align-items: start;
}
@media screen and (max-width: 768px) {
  .p-department-interviews {
    display: block;
  }
}

.p-department-interviews__body {
  grid-column: 2;
  min-width: 0;
}
@media screen and (max-width: 768px) {
  .p-department-interviews__body {
    margin-top: calc(32 * var(--block-px));
    margin-right: calc(-24 * var(--block-px));
  }
}

.p-department-interviews__list {
  display: grid;
  column-gap: calc(23 * var(--block-px));
  align-items: start;
}
@media screen and (max-width: 768px) {
  .p-department-interviews__list {
    display: flex;
    column-gap: calc(24 * var(--block-px));
    padding-right: calc(24 * var(--block-px));
    overflow-x: auto;
    scrollbar-width: none;
  }
}

@media screen and (max-width: 768px) {
  .p-department-interviews__list::-webkit-scrollbar {
    display: none;
  }
}

.p-department-interviews__list--small {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  row-gap: calc(40 * var(--block-px));
}
@media screen and (max-width: 900px) {
  .p-department-interviews__list--small {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

.p-department-interviews__list--scroll {
  display: flex;
  overflow-x: auto;
  overscroll-behavior-x: contain;
  scrollbar-width: none;
}

.p-department-interviews__list--scroll::-webkit-scrollbar {
  display: none;
}

.p-department-interviews__list--scroll .p-department-interviews__item {
  flex: 0 0 calc(179 * var(--block-px));
}
@media screen and (max-width: 768px) {
  .p-department-interviews__list--scroll .p-department-interviews__item {
    flex-basis: calc(164 * var(--block-px));
  }
}

@media (any-hover: hover) {
  .p-department-interviews__list--scroll {
    cursor: grab;
  }
}
.p-department-interviews__list--scroll.is-dragging {
  cursor: grabbing;
}

.p-department-interviews__list--scroll.is-dragging a {
  pointer-events: none;
}

.p-department-interviews__guide {
  display: flex;
  column-gap: calc(21 * var(--block-px));
  align-items: center;
  margin-top: calc(40 * var(--block-px));
}
@media screen and (max-width: 768px) {
  .p-department-interviews__guide {
    display: none;
  }
}

.p-department-interviews__guide::after {
  flex: 1;
  height: 1px;
  content: "";
  background-color: var(--color-gray-mid);
}

.p-department-interviews__guideButtons {
  display: flex;
  flex-shrink: 0;
  width: calc(74 * var(--block-px));
  height: calc(28 * var(--block-px));
  background-color: var(--color-text);
  border-radius: calc(4 * var(--block-px));
}

.p-department-interviews__guideButton {
  position: relative;
  flex: 1;
  padding: 0;
  color: var(--color-white);
  cursor: pointer;
  background: none;
  border: none;
}

.p-department-interviews__guideButton:disabled {
  color: var(--color-gray-light);
  cursor: default;
}

.p-department-interviews__guideButton::before {
  position: absolute;
  top: 50%;
  left: 50%;
  width: calc(8 * var(--block-px));
  height: calc(8 * var(--block-px));
  content: "";
  border-top: calc(2 * var(--block-px)) solid currentcolor;
  border-left: calc(2 * var(--block-px)) solid currentcolor;
}

.p-department-interviews__guideButton--prev::before {
  rotate: -45deg;
  translate: -30% -50%;
}

.p-department-interviews__guideButton--next::before {
  rotate: 135deg;
  translate: -70% -50%;
}

.p-department-interviews__guideButton--next::after {
  position: absolute;
  top: 50%;
  left: 0;
  width: 1px;
  height: calc(14 * var(--block-px));
  content: "";
  background-color: var(--color-gray-light);
  translate: 0 -50%;
}

.p-department-interviews__guideButton:focus-visible {
  outline: 2px solid var(--color-white);
  outline-offset: -4px;
}

.p-department-interviews__list--large {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  row-gap: calc(40 * var(--block-px));
  margin-top: calc(80 * var(--block-px));
}
@media screen and (max-width: 768px) {
  .p-department-interviews__list--large {
    margin-top: calc(40 * var(--block-px));
  }
}

@media screen and (max-width: 768px) {
  .p-department-interviews__item {
    flex: 0 0 calc(164 * var(--block-px));
  }
}

@media screen and (max-width: 768px) {
  .p-department-interviews__list--large .p-department-interviews__item {
    flex-basis: calc(260 * var(--block-px));
  }
}

.p-department-interviews__card {
  display: block;
  color: var(--color-text);
  text-decoration: none;
}

.p-department-interviews__thumb {
  position: relative;
  aspect-ratio: 179/221;
  overflow: hidden;
  border-radius: calc(8 * var(--block-px));
}
@media screen and (max-width: 768px) {
  .p-department-interviews__thumb {
    aspect-ratio: 164/202;
  }
}

.p-department-interviews__list--large .p-department-interviews__thumb {
  aspect-ratio: 381/214;
}
@media screen and (max-width: 768px) {
  .p-department-interviews__list--large .p-department-interviews__thumb {
    aspect-ratio: 260/146;
  }
}

.p-department-interviews__badge {
  position: absolute;
  top: 81.37%;
  left: -10.52%;
  width: 35.58%;
  aspect-ratio: 1;
  background-color: var(--color-white);
  border-radius: 100%;
}
@media screen and (max-width: 768px) {
  .p-department-interviews__badge {
    top: 81.39%;
    left: -10.55%;
    width: 35.61%;
  }
}

.p-department-interviews__badge img {
  position: absolute;
  top: 12.84%;
  left: 37.42%;
  width: 43.96%;
  height: auto;
  aspect-ratio: 1;
}
@media screen and (max-width: 768px) {
  .p-department-interviews__badge img {
    top: 14.04%;
    left: 38.87%;
    width: 41.1%;
  }
}

.p-department-interviews__textGroup {
  margin-top: calc(24 * var(--block-px));
}
@media screen and (max-width: 768px) {
  .p-department-interviews__textGroup {
    margin-top: calc(16 * var(--block-px));
  }
}

.p-department-interviews__label {
  font-family: var(--title-font-family);
  font-size: max(10 * var(--to-rem), 12 * var(--block-px));
  font-weight: 800;
  line-height: 0.8;
  color: var(--color-text);
  letter-spacing: -0.02em;
  opacity: 0.5;
}
@media screen and (max-width: 768px) {
  .p-department-interviews__label {
    font-size: calc(10 * var(--to-rem));
  }
}

.p-department-interviews__title {
  margin-top: calc(8 * var(--block-px));
  font-family: var(--base-font-family);
  font-size: max(14 * var(--to-rem), 18 * var(--block-px));
  font-weight: var(--fw-bold);
  line-height: 1.2;
  color: var(--color-text);
  text-wrap: balance;
  text-wrap: pretty;
  letter-spacing: -0.02em;
}
@media screen and (max-width: 768px) {
  .p-department-interviews__title {
    margin-top: calc(4 * var(--block-px));
    font-size: calc(16 * var(--to-rem));
    line-height: 1.1875;
  }
}

.p-department-interviews__place {
  margin-top: calc(8 * var(--block-px));
  font-family: var(--base-font-family);
  font-size: max(12 * var(--to-rem), 14 * var(--block-px));
  font-weight: var(--fw-bold);
  line-height: 1.2;
  color: var(--color-text);
  text-wrap: balance;
  text-wrap: pretty;
  letter-spacing: -0.02em;
}
@media screen and (max-width: 768px) {
  .p-department-interviews__place {
    margin-top: calc(4 * var(--block-px));
    font-size: calc(12 * var(--to-rem));
    line-height: 1.1667;
  }
}

.p-department-interviews__tags {
  display: flex;
  flex-wrap: wrap;
  gap: calc(4 * var(--block-px));
  margin-top: calc(24 * var(--block-px));
}
@media screen and (max-width: 768px) {
  .p-department-interviews__tags {
    margin-top: calc(16 * var(--block-px));
  }
}

.p-department-interviews__tag {
  padding-block: calc(2 * var(--block-px)) calc(3 * var(--block-px));
  padding-inline: calc(4 * var(--block-px));
  font-family: var(--base-font-family);
  font-size: max(10 * var(--to-rem), 11 * var(--block-px));
  font-weight: var(--fw-regular);
  line-height: 1.2;
  color: var(--color-white);
  text-wrap: balance;
  text-wrap: pretty;
  letter-spacing: 0;
  background-color: var(--color-text);
  border-radius: calc(2 * var(--block-px));
}
@media screen and (max-width: 768px) {
  .p-department-interviews__tag {
    font-size: calc(10 * var(--to-rem));
  }
}

.p-department-intro {
  position: relative;
  z-index: 1;
  width: calc(100% - 48 * var(--to-rem));
  max-width: calc(1130 * var(--to-rem));
  margin-inline: auto;
  margin-top: calc(24 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .p-department-intro {
    max-width: none;
  }
}

.p-department-intro__title {
  font-family: var(--base-font-family);
  font-size: calc(24 * var(--to-rem));
  font-weight: var(--fw-bold);
  line-height: 1.5;
  color: var(--color-text);
  letter-spacing: -0.02em;
}
@media screen and (max-width: 768px) {
  .p-department-intro__title {
    font-size: calc(20 * var(--to-rem));
  }
}

.p-department-intro__text {
  margin-top: calc(24 * var(--to-rem));
  font-family: var(--base-font-family);
  font-size: calc(18 * var(--to-rem));
  font-weight: var(--fw-medium);
  line-height: 2;
  color: var(--color-text);
  letter-spacing: -0.02em;
}
@media screen and (max-width: 768px) {
  .p-department-intro__text {
    margin-top: calc(16 * var(--to-rem));
    font-size: calc(16 * var(--to-rem));
  }
}

.p-department-intro__note {
  margin-top: calc(40 * var(--to-rem));
  font-family: var(--base-font-family);
  font-size: calc(14 * var(--to-rem));
  font-weight: var(--fw-medium);
  line-height: 2;
  color: var(--color-gray-mid);
  letter-spacing: -0.02em;
}
@media screen and (max-width: 768px) {
  .p-department-intro__note {
    margin-top: calc(32 * var(--to-rem));
    font-size: calc(12 * var(--to-rem));
    line-height: 1.5;
  }
}

.p-department-intro__diagram {
  --diagram-px: min(var(--to-rem), calc(100cqi / 1130));
  position: relative;
  aspect-ratio: 1130/550;
  margin-top: calc(64 * var(--to-rem));
  container-type: inline-size;
}
@media screen and (max-width: 768px) {
  .p-department-intro__diagram {
    --diagram-px: calc(100cqi / 327);
    width: min(100%, 460 * var(--to-rem));
    aspect-ratio: 327/656;
    margin-inline: auto;
    margin-top: calc(32 * var(--to-rem));
  }
}

.p-department-intro__board {
  position: absolute;
}

.p-department-intro__board picture {
  display: block;
  width: 100%;
  height: 100%;
}

.p-department-intro__board--make {
  top: 0;
  left: 0;
  width: 57.699%;
  aspect-ratio: 652/550;
}
@media screen and (max-width: 768px) {
  .p-department-intro__board--make {
    width: 100%;
    aspect-ratio: 327/322;
  }
}

.p-department-intro__board--deliver {
  top: 45.455%;
  left: 33.805%;
  width: 23.894%;
  aspect-ratio: 270/300;
}
@media screen and (max-width: 768px) {
  .p-department-intro__board--deliver {
    top: 32.012%;
    left: 55.046%;
    width: 44.954%;
    aspect-ratio: 147/274;
  }
}

.p-department-intro__board--support {
  top: 0;
  left: 59.469%;
  width: 40.531%;
  aspect-ratio: 458/550;
}
@media screen and (max-width: 768px) {
  .p-department-intro__board--support {
    top: 50%;
    left: 0;
    width: 100%;
    aspect-ratio: 327/328;
  }
}

.p-department-intro__group {
  position: absolute;
  width: max-content;
  font-family: var(--base-font-family);
  font-size: max(16 * var(--to-rem), 24 * var(--diagram-px));
  font-weight: var(--fw-bold);
  line-height: 1.3;
  color: var(--color-text);
  text-align: center;
  text-wrap: balance;
  letter-spacing: -0.02em;
}
@media screen and (max-width: 768px) {
  .p-department-intro__group {
    font-size: calc(16 * var(--diagram-px));
  }
}

.p-department-intro__group--make {
  top: 7.273%;
  left: 4.248%;
  max-width: 49.203%;
  text-align: left;
}
@media screen and (max-width: 768px) {
  .p-department-intro__group--make {
    top: 3.049%;
    left: 7.339%;
    width: 85.321%;
    max-width: none;
    text-align: center;
  }
}

.p-department-intro__group--support {
  top: 7.273%;
  left: 79.779%;
  max-width: 40.531%;
  translate: -50% 0;
}
@media screen and (max-width: 768px) {
  .p-department-intro__group--support {
    top: 53.049%;
    left: 26.453%;
    max-width: 52.905%;
  }
}

.p-department-intro__group--deliver {
  top: 51.273%;
  left: 45.708%;
  max-width: 23.894%;
  font-size: max(16 * var(--to-rem), 22 * var(--diagram-px));
  translate: -50% 0;
}
@media screen and (max-width: 768px) {
  .p-department-intro__group--deliver {
    top: 38.567%;
    left: 77.217%;
    max-width: 44.954%;
    font-size: calc(16 * var(--diagram-px));
  }
}

.p-department-intro__item {
  position: absolute;
}

.p-department-intro__item--hydro {
  top: 8.182%;
  left: 23.805%;
  width: 27.434%;
}
@media screen and (max-width: 768px) {
  .p-department-intro__item--hydro {
    top: 7.774%;
    left: 5.199%;
    width: 42.813%;
  }
}

.p-department-intro__item--thermal {
  --_name-gap: 11;
  top: 20.909%;
  left: 5.664%;
  width: 17.257%;
}
@media screen and (max-width: 768px) {
  .p-department-intro__item--thermal {
    top: 7.774%;
    left: 51.988%;
    width: 42.813%;
  }
}

.p-department-intro__item--nuclear {
  top: 60.727%;
  left: 7.876%;
  width: 19.469%;
}
@media screen and (max-width: 768px) {
  .p-department-intro__item--nuclear {
    top: 27.591%;
    left: 5.199%;
    width: 42.813%;
  }
}

.p-department-intro__item--transmission {
  --_name-gap: 6;
  top: 59.091%;
  left: 37.788%;
  width: 15.841%;
}
@media screen and (max-width: 768px) {
  .p-department-intro__item--transmission {
    top: 46.799%;
    left: 55.657%;
    width: 42.813%;
  }
}

.p-department-intro__item--civil {
  --_name-gap: 10;
  top: 16.545%;
  left: 77.965%;
  width: 14.69%;
}
@media screen and (max-width: 768px) {
  .p-department-intro__item--civil {
    top: 60.366%;
    left: 5.199%;
    width: 42.813%;
  }
}

.p-department-intro__item--telecom {
  --_name-gap: 8;
  top: 38%;
  left: 63.805%;
  width: 14.513%;
}
@media screen and (max-width: 768px) {
  .p-department-intro__item--telecom {
    top: 78.659%;
    left: 5.199%;
    width: 42.813%;
  }
}

.p-department-intro__item--office {
  --_name-gap: 10;
  top: 54.364%;
  left: 80.354%;
  width: 14.69%;
}
@media screen and (max-width: 768px) {
  .p-department-intro__item--office {
    top: 78.659%;
    left: 51.988%;
    width: 42.813%;
  }
}

.p-department-intro__link {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  color: var(--color-text);
  text-align: center;
  text-decoration: none;
}

.p-department-intro__item--hydro .p-department-intro__link {
  flex-direction: row;
  column-gap: calc(11 * var(--diagram-px));
  align-items: flex-start;
  text-align: left;
}
@media screen and (max-width: 768px) {
  .p-department-intro__item--hydro .p-department-intro__link {
    flex-direction: column;
    column-gap: 0;
    align-items: center;
    text-align: center;
  }
}

.p-department-intro__item--nuclear .p-department-intro__link {
  width: calc(141 * var(--diagram-px));
  padding-top: calc(96 * var(--diagram-px));
}
@media screen and (max-width: 768px) {
  .p-department-intro__item--nuclear .p-department-intro__link {
    width: auto;
    padding-top: 0;
  }
}

.p-department-intro__icon {
  display: block;
  flex-shrink: 0;
  width: calc(120 * var(--diagram-px));
  aspect-ratio: 1;
  transition: scale var(--duration) var(--ease-out);
}
@media screen and (max-width: 768px) {
  .p-department-intro__icon {
    width: calc(64 * var(--diagram-px));
  }
}

.p-department-intro__item--nuclear .p-department-intro__icon {
  position: absolute;
  top: 0;
  left: calc(100 * var(--diagram-px));
}
@media screen and (max-width: 768px) {
  .p-department-intro__item--nuclear .p-department-intro__icon {
    position: static;
  }
}

@media (any-hover: hover) {
  .p-department-intro__link:hover .p-department-intro__icon {
    scale: 1.1;
  }
}
.p-department-intro__textGroup {
  display: contents;
}

.p-department-intro__item--hydro .p-department-intro__textGroup {
  display: block;
  padding-top: calc(39 * var(--diagram-px));
}
@media screen and (max-width: 768px) {
  .p-department-intro__item--hydro .p-department-intro__textGroup {
    display: contents;
  }
}

.p-department-intro__name {
  display: block;
  margin-top: calc(var(--_name-gap, 0) * var(--diagram-px));
  font-family: var(--base-font-family);
  font-size: max(12 * var(--to-rem), 18 * var(--diagram-px));
  font-weight: var(--fw-bold);
  line-height: 1.3;
  letter-spacing: -0.02em;
  white-space: nowrap;
}
@media screen and (max-width: 768px) {
  .p-department-intro__name {
    margin-top: calc(8 * var(--diagram-px));
    font-size: calc(12 * var(--diagram-px));
  }
}

.p-department-intro__desc {
  display: block;
  margin-top: calc(7.6 * var(--diagram-px));
  font-family: var(--base-font-family);
  font-size: max(10 * var(--to-rem), 13 * var(--diagram-px));
  font-weight: var(--fw-medium);
  line-height: 1.3;
  color: var(--color-gray-mid);
  letter-spacing: -0.02em;
  white-space: nowrap;
}
@media screen and (max-width: 768px) {
  .p-department-intro__desc {
    margin-top: calc(4 * var(--diagram-px));
    font-size: calc(9 * var(--diagram-px));
    color: var(--color-text);
    opacity: 0.5;
  }
}

.p-department-intro__arrow {
  position: absolute;
  z-index: 1;
}

.p-department-intro__arrow img {
  position: absolute;
  top: 50%;
  left: 50%;
  width: calc(38 * var(--diagram-px));
  height: calc(27.71 * var(--diagram-px));
  translate: -50% -50%;
}
@media screen and (max-width: 768px) {
  .p-department-intro__arrow img {
    width: calc(24 * var(--diagram-px));
    height: calc(17.5 * var(--diagram-px));
  }
}

.p-department-intro__arrow--supportToMake {
  top: 18.364%;
  left: 55.752%;
  width: 3.363%;
  aspect-ratio: 38/27.71;
}
@media screen and (max-width: 768px) {
  .p-department-intro__arrow--supportToMake {
    top: 47.256%;
    left: 23.853%;
    width: 5.505%;
    aspect-ratio: 18/24;
  }
}

.p-department-intro__arrow--supportToMake img {
  rotate: 180deg;
}
@media screen and (max-width: 768px) {
  .p-department-intro__arrow--supportToMake img {
    rotate: -90deg;
  }
}

.p-department-intro__arrow--makeToDeliver {
  top: 42.527%;
  left: 44.54%;
  width: 2.451%;
  aspect-ratio: 27.71/38;
}
@media screen and (max-width: 768px) {
  .p-department-intro__arrow--makeToDeliver {
    top: 30.183%;
    left: 74.618%;
    width: 5.505%;
    aspect-ratio: 18/24;
  }
}

.p-department-intro__arrow--makeToDeliver img {
  rotate: 90deg;
}

.p-department-intro__arrow--supportToDeliver {
  top: 70.236%;
  left: 55.752%;
  width: 3.363%;
  aspect-ratio: 38/27.71;
}
@media screen and (max-width: 768px) {
  .p-department-intro__arrow--supportToDeliver {
    top: 54.726%;
    left: 51.376%;
    width: 7.339%;
    aspect-ratio: 24/18;
  }
}

.p-department-intro__arrow--supportToDeliver img {
  rotate: 180deg;
}
@media screen and (max-width: 768px) {
  .p-department-intro__arrow--supportToDeliver img {
    rotate: 0deg;
  }
}

.p-event-body {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: calc(261 * var(--to-rem)) minmax(0, calc(900 * var(--to-rem)));
  column-gap: calc(84 * var(--to-rem));
  align-items: start;
  width: calc(100% - 80 * var(--to-rem));
  max-width: calc(1360 * var(--to-rem));
  padding-right: min(115 * var(--to-rem), 8.4559%);
  margin-inline: auto;
  margin-top: calc(91 * var(--to-rem));
}
@media screen and (max-width: 1023px) {
  .p-event-body {
    column-gap: calc(40 * var(--to-rem));
    padding-right: 0;
  }
}
@media screen and (max-width: 768px) {
  .p-event-body {
    display: block;
    width: calc(100% - 48 * var(--to-rem));
    max-width: none;
    margin-top: calc(24 * var(--to-rem));
  }
}

.p-event-body__main {
  grid-column: 2;
  min-width: 0;
}
@media screen and (max-width: 768px) {
  .p-event-body__main {
    margin-top: calc(120 * var(--to-rem));
  }
}

.p-event-detail {
  scroll-margin-top: calc(40 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .p-event-detail {
    scroll-margin-top: calc(24 * var(--to-rem));
  }
}

.p-event-detail::after {
  display: block;
  height: 1px;
  margin-top: calc(120 * var(--to-rem));
  content: "";
  background-color: color-mix(in srgb, var(--color-text) 30%, transparent);
}
@media screen and (max-width: 768px) {
  .p-event-detail::after {
    margin-top: calc(100 * var(--to-rem));
  }
}

.p-event-detail + .p-event-detail {
  margin-top: calc(119 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .p-event-detail + .p-event-detail {
    margin-top: calc(99 * var(--to-rem));
  }
}

.p-event-detail__title {
  display: flex;
  column-gap: calc(24 * var(--to-rem));
  align-items: center;
  font-family: var(--base-font-family);
  font-size: calc(40 * var(--to-rem));
  font-weight: var(--fw-bold);
  font-feature-settings: "palt";
  line-height: 1.2;
  color: var(--color-text);
  letter-spacing: -0.02em;
}
@media screen and (max-width: 768px) {
  .p-event-detail__title {
    column-gap: calc(16 * var(--to-rem));
    align-items: flex-start;
    font-size: calc(28 * var(--to-rem));
  }
}

.p-event-detail__title::before {
  flex-shrink: 0;
  width: calc(8 * var(--to-rem));
  height: calc(8 * var(--to-rem));
  content: "";
  background-color: var(--color-red);
  border-radius: 100%;
}
@media screen and (max-width: 768px) {
  .p-event-detail__title::before {
    width: calc(6 * var(--to-rem));
    height: calc(6 * var(--to-rem));
    margin-top: calc(15 * var(--to-rem));
  }
}

.p-event-detail__block {
  margin-top: calc(80 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .p-event-detail__block {
    margin-top: calc(64 * var(--to-rem));
  }
}

.p-event-detail__heading {
  font-family: var(--base-font-family);
  font-size: calc(32 * var(--to-rem));
  font-weight: var(--fw-bold);
  line-height: 1.5;
  color: var(--color-text);
  letter-spacing: -0.02em;
}
@media screen and (max-width: 768px) {
  .p-event-detail__heading {
    font-size: calc(22 * var(--to-rem));
  }
}

.p-event-detail__heading + * {
  margin-top: calc(24 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .p-event-detail__heading + * {
    margin-top: calc(16 * var(--to-rem));
  }
}

@media screen and (max-width: 768px) {
  .p-event-detail__title + .p-event-detail__block .p-event-detail__heading + * {
    margin-top: calc(20 * var(--to-rem));
  }
}

.p-event-detail__heading + .p-event-detail__table {
  margin-top: calc(40 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .p-event-detail__heading + .p-event-detail__table {
    margin-top: calc(20 * var(--to-rem));
  }
}

.p-event-detail__text {
  font-family: var(--base-font-family);
  font-size: calc(18 * var(--to-rem));
  font-weight: var(--fw-medium);
  line-height: 2;
  color: var(--color-text);
  letter-spacing: -0.02em;
}
@media screen and (max-width: 768px) {
  .p-event-detail__text {
    font-size: calc(14 * var(--to-rem));
  }
}

@media screen and (max-width: 768px) {
  .p-event-detail__text--large {
    font-size: calc(16 * var(--to-rem));
  }
}

@media screen and (max-width: 768px) {
  .p-event-detail__heading + .p-event-detail__text--large {
    margin-top: calc(20 * var(--to-rem));
  }
}

.p-event-detail__note {
  margin-top: calc(40 * var(--to-rem));
  font-family: var(--base-font-family);
  font-size: calc(18 * var(--to-rem));
  font-weight: var(--fw-medium);
  line-height: 2;
  color: var(--color-text);
  letter-spacing: -0.02em;
}
@media screen and (max-width: 768px) {
  .p-event-detail__note {
    margin-top: calc(20 * var(--to-rem));
    font-size: calc(14 * var(--to-rem));
  }
}

.p-event-detail__link {
  color: inherit;
  text-decoration: underline;
}

.p-event-detail__table {
  display: block;
  border-collapse: collapse;
}

.p-event-detail__tableBody {
  display: block;
}

.p-event-detail__row {
  display: flex;
  align-items: center;
  padding-block: calc(20 * var(--to-rem));
  padding-inline: calc(24 * var(--to-rem));
  background-color: var(--color-white);
  border-radius: calc(8 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .p-event-detail__row {
    column-gap: calc(16 * var(--to-rem));
    padding-block: calc(24 * var(--to-rem));
  }
}

.p-event-detail__row + .p-event-detail__row {
  margin-top: calc(8 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .p-event-detail__row + .p-event-detail__row {
    margin-top: calc(4 * var(--to-rem));
  }
}

.p-event-detail__number {
  flex-shrink: 0;
  width: calc(91 * var(--to-rem));
  font-family: var(--title-font-family);
  font-size: calc(20 * var(--to-rem));
  font-weight: 800;
  line-height: 0.9;
  color: var(--color-red);
  text-align: left;
  letter-spacing: -0.02em;
}
@media screen and (max-width: 768px) {
  .p-event-detail__number {
    width: auto;
    font-size: calc(18 * var(--to-rem));
  }
}

.p-event-detail__date {
  font-family: var(--base-font-family);
  font-size: calc(20 * var(--to-rem));
  font-weight: var(--fw-bold);
  line-height: 1.5;
  color: var(--color-text);
  letter-spacing: -0.02em;
}
@media screen and (max-width: 768px) {
  .p-event-detail__date {
    font-size: calc(18 * var(--to-rem));
  }
}

.p-event-index {
  position: sticky;
  top: calc(var(--header-height) + 40 * var(--to-rem));
  grid-column: 1;
  align-self: start;
}
@media screen and (max-width: 768px) {
  .p-event-index {
    position: static;
  }
}

.p-event-index__title {
  font-family: var(--title-font-family);
  font-size: calc(24 * var(--to-rem));
  font-weight: 800;
  line-height: 0.9;
  color: var(--color-text);
  letter-spacing: -0.02em;
}

.p-event-index__list {
  margin-top: calc(32 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .p-event-index__list {
    margin-top: calc(24 * var(--to-rem));
  }
}

@media screen and (max-width: 768px) {
  .p-event-index__item {
    display: flow-root;
  }
}

@media screen and (max-width: 768px) {
  .p-event-index__item:not(:first-child) {
    margin-top: calc(16 * var(--to-rem));
  }
}

.p-event-index__link {
  display: flex;
  column-gap: 0;
  align-items: center;
  padding-block: calc(10 * var(--to-rem));
  padding-inline: 0 calc(16 * var(--to-rem));
  text-decoration: none;
  background-color: transparent;
  border-radius: calc(4 * var(--to-rem));
  transition: padding-inline var(--duration-index) var(--ease-index), column-gap var(--duration-index) var(--ease-index), background-color var(--duration-index) var(--ease-index);
}
@media screen and (max-width: 768px) {
  .p-event-index__link {
    column-gap: calc(10 * var(--to-rem));
    padding-block: calc(12.5 * var(--to-rem));
    padding-right: 0;
    margin-block: calc(-12.5 * var(--to-rem));
  }
}

.p-event-index__item--current .p-event-index__link {
  column-gap: calc(10 * var(--to-rem));
  padding-inline: calc(16 * var(--to-rem));
  background-color: var(--color-white);
}
@media screen and (max-width: 768px) {
  .p-event-index__item--current .p-event-index__link {
    padding-inline: 0;
    background-color: transparent;
  }
}

.p-event-index__icon {
  display: flex;
  flex-shrink: 0;
  width: 0;
  height: calc(19 * var(--to-rem));
  overflow: hidden;
  opacity: 0;
  transition: width var(--duration-index) var(--ease-index), opacity var(--duration-index) var(--ease-index);
}
@media screen and (max-width: 768px) {
  .p-event-index__icon {
    width: calc(19 * var(--to-rem));
    opacity: 1;
  }
}

.p-event-index__icon img {
  flex-shrink: 0;
  width: calc(19 * var(--to-rem));
}

.p-event-index__item--current .p-event-index__icon {
  width: calc(19 * var(--to-rem));
  opacity: 1;
}

.p-event-index__text {
  font-family: var(--base-font-family);
  font-size: calc(16 * var(--to-rem));
  font-weight: var(--fw-bold);
  line-height: 1.5;
  color: var(--color-text);
  letter-spacing: -0.02em;
  opacity: 0.5;
  transition: color var(--duration-index) var(--ease-index), opacity var(--duration-index) var(--ease-index);
}
@media screen and (max-width: 768px) {
  .p-event-index__text {
    font-size: calc(14 * var(--to-rem));
    line-height: 1.3;
    opacity: 1;
  }
}

.p-event-index__item--current .p-event-index__text {
  color: var(--color-red);
  opacity: 1;
}
@media screen and (max-width: 768px) {
  .p-event-index__item--current .p-event-index__text {
    color: var(--color-text);
  }
}

.p-event-mypage {
  margin-top: calc(119 * var(--to-rem));
  scroll-margin-top: calc(40 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .p-event-mypage {
    margin-top: calc(99 * var(--to-rem));
    scroll-margin-top: calc(24 * var(--to-rem));
  }
}

.p-event-mypage__title {
  display: flex;
  column-gap: calc(24 * var(--to-rem));
  align-items: center;
  font-family: var(--base-font-family);
  font-size: calc(40 * var(--to-rem));
  font-weight: var(--fw-bold);
  font-feature-settings: "palt";
  line-height: 1.2;
  color: var(--color-text);
  letter-spacing: -0.02em;
}
@media screen and (max-width: 768px) {
  .p-event-mypage__title {
    column-gap: calc(16 * var(--to-rem));
    align-items: flex-start;
    font-size: calc(28 * var(--to-rem));
  }
}

.p-event-mypage__title::before {
  flex-shrink: 0;
  width: calc(8 * var(--to-rem));
  height: calc(8 * var(--to-rem));
  content: "";
  background-color: var(--color-red);
  border-radius: 100%;
}
@media screen and (max-width: 768px) {
  .p-event-mypage__title::before {
    width: calc(6 * var(--to-rem));
    height: calc(6 * var(--to-rem));
    margin-top: calc(15 * var(--to-rem));
  }
}

.p-event-mypage__card {
  padding-block: calc(60 * var(--to-rem));
  padding-inline: calc(60 * var(--to-rem));
  margin-top: calc(80 * var(--to-rem));
  background-color: var(--color-white);
  border-radius: calc(12 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .p-event-mypage__card {
    padding-block: calc(40 * var(--to-rem));
    padding-inline: calc(20 * var(--to-rem));
    margin-top: calc(64 * var(--to-rem));
  }
}

.p-event-mypage__label {
  font-family: var(--title-font-family);
  font-size: calc(16 * var(--to-rem));
  font-weight: 800;
  line-height: 0.9;
  color: var(--color-red);
  text-transform: uppercase;
  letter-spacing: -0.02em;
}
@media screen and (max-width: 768px) {
  .p-event-mypage__label {
    font-size: calc(14 * var(--to-rem));
  }
}

.p-event-mypage__lead {
  margin-top: calc(8 * var(--to-rem));
  font-family: var(--base-font-family);
  font-size: calc(24 * var(--to-rem));
  font-weight: var(--fw-bold);
  line-height: 1.2;
  color: var(--color-text);
  letter-spacing: -0.02em;
}
@media screen and (max-width: 768px) {
  .p-event-mypage__lead {
    font-size: calc(18 * var(--to-rem));
  }
}

.p-event-mypage__phrase {
  display: inline-block;
}
@media screen and (max-width: 768px) {
  .p-event-mypage__phrase {
    display: inline;
  }
}

.p-event-mypage__text {
  margin-top: calc(24 * var(--to-rem));
  font-family: var(--base-font-family);
  font-size: calc(16 * var(--to-rem));
  font-weight: var(--fw-medium);
  line-height: 2;
  color: var(--color-text);
  letter-spacing: -0.02em;
  opacity: 0.5;
}
@media screen and (max-width: 768px) {
  .p-event-mypage__text {
    margin-top: calc(18 * var(--to-rem));
    font-size: calc(14 * var(--to-rem));
  }
}

.p-event-mypage__boxes {
  display: flex;
  column-gap: calc(10 * var(--to-rem));
  margin-top: calc(60 * var(--to-rem));
}
@media screen and (width <= 1200px) {
  .p-event-mypage__boxes {
    flex-direction: column;
    row-gap: calc(10 * var(--to-rem));
  }
}
@media screen and (max-width: 768px) {
  .p-event-mypage__boxes {
    display: block;
    margin-top: calc(40 * var(--to-rem));
  }
}

.p-event-mypage__box {
  display: flex;
  flex: 1 1 0;
  flex-direction: column;
  align-items: center;
  min-width: 0;
  padding-block: calc(24 * var(--to-rem));
  padding-inline: calc(20 * var(--to-rem));
  background-color: var(--color-gray-box);
  border-radius: calc(8 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .p-event-mypage__box {
    padding-block: calc(24 * var(--to-rem)) calc(16 * var(--to-rem));
  }
}

@media screen and (max-width: 768px) {
  .p-event-mypage__box + .p-event-mypage__box {
    margin-top: calc(10 * var(--to-rem));
  }
}

.p-event-mypage__boxLabel {
  display: flex;
  column-gap: calc(12.5 * var(--to-rem));
  align-items: center;
  font-family: var(--base-font-family);
  font-size: calc(18 * var(--to-rem));
  font-weight: var(--fw-bold);
  line-height: 2.2222;
  color: var(--color-black);
}
@media screen and (max-width: 768px) {
  .p-event-mypage__boxLabel {
    column-gap: calc(5 * var(--to-rem));
    font-size: calc(16 * var(--to-rem));
    line-height: 2.2;
  }
}

.p-event-mypage__boxLabel::before {
  flex-shrink: 0;
  width: calc(8 * var(--to-rem));
  height: calc(8 * var(--to-rem));
  content: "";
  background-color: var(--color-red);
  border-radius: 100%;
}
@media screen and (max-width: 768px) {
  .p-event-mypage__boxLabel::before {
    width: calc(4 * var(--to-rem));
    height: calc(4 * var(--to-rem));
  }
}

.p-event-mypage__em {
  color: var(--color-red);
}

.p-event-mypage__button {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: calc(345 * var(--to-rem));
  max-width: 100%;
  padding-block: calc(23 * var(--to-rem));
  padding-inline: calc(25 * var(--to-rem));
  margin-top: calc(16 * var(--to-rem));
  color: var(--color-text);
  text-decoration: none;
  background-color: var(--color-white);
  border-radius: calc(8 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .p-event-mypage__button {
    width: calc(247 * var(--to-rem));
    padding-block: calc(18 * var(--to-rem));
    margin-top: calc(10 * var(--to-rem));
  }
}

.p-event-mypage__button--dark {
  color: var(--color-white);
  background-color: var(--color-text);
}

.p-event-mypage__buttonText {
  font-family: var(--base-font-family);
  font-size: calc(18 * var(--to-rem));
  font-weight: var(--fw-bold);
  line-height: 1;
  letter-spacing: -0.02em;
}

.p-event-mypage__buttonIcon {
  display: grid;
  flex-shrink: 0;
  width: calc(22 * var(--to-rem));
  height: calc(18 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .p-event-mypage__buttonIcon {
    width: calc(14.67 * var(--to-rem));
    height: calc(12 * var(--to-rem));
  }
}

.p-faq-chapter {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: calc(261 * var(--to-rem)) minmax(0, calc(900 * var(--to-rem)));
  column-gap: calc(84 * var(--to-rem));
  align-items: start;
  max-width: calc(1440 * var(--to-rem));
  padding-inline: calc(40 * var(--to-rem)) min(155 * var(--to-rem), 10.764%);
  margin-inline: auto;
  margin-top: calc(160 * var(--to-rem));
  scroll-margin-top: calc(40 * var(--to-rem));
}
@media screen and (max-width: 1023px) {
  .p-faq-chapter {
    column-gap: calc(40 * var(--to-rem));
    padding-inline: calc(40 * var(--to-rem));
  }
}
@media screen and (max-width: 768px) {
  .p-faq-chapter {
    display: block;
    max-width: none;
    padding-inline: calc(24 * var(--to-rem));
    margin-top: calc(80 * var(--to-rem));
    scroll-margin-top: calc(24 * var(--to-rem));
  }
}

.p-faq-chapter--company {
  margin-top: calc(35 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .p-faq-chapter--company {
    margin-top: calc(120 * var(--to-rem));
  }
}

.p-faq-chapter__body {
  grid-column: 2;
  min-width: 0;
}

.p-faq-heading {
  display: flex;
  column-gap: calc(24 * var(--to-rem));
  align-items: center;
  font-family: var(--base-font-family);
  font-size: calc(40 * var(--to-rem));
  font-weight: var(--fw-bold);
  line-height: 1.2;
  color: var(--color-text);
  letter-spacing: -0.02em;
}
@media screen and (max-width: 768px) {
  .p-faq-heading {
    column-gap: calc(16 * var(--to-rem));
    align-items: flex-start;
    font-size: calc(28 * var(--to-rem));
    line-height: 1.2143;
  }
}

.p-faq-heading::before {
  flex-shrink: 0;
  width: calc(8 * var(--to-rem));
  height: calc(8 * var(--to-rem));
  content: "";
  background-color: var(--color-red);
  border-radius: 100%;
}
@media screen and (max-width: 768px) {
  .p-faq-heading::before {
    width: calc(6 * var(--to-rem));
    height: calc(6 * var(--to-rem));
    margin-top: calc(14 * var(--to-rem));
  }
}

.p-faq-heading__text {
  min-width: 0;
}

.p-faq-list {
  margin-top: calc(80 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .p-faq-list {
    margin-top: calc(64 * var(--to-rem));
  }
}

.p-faq-contents {
  position: relative;
}

.p-faq-contents__rail {
  position: absolute;
  inset: 0;
  z-index: 2;
  max-width: calc(1440 * var(--to-rem));
  padding-inline: calc(40 * var(--to-rem)) min(155 * var(--to-rem), 10.764%);
  margin-inline: auto;
  pointer-events: none;
}
@media screen and (max-width: 1023px) {
  .p-faq-contents__rail {
    padding-inline: calc(40 * var(--to-rem));
  }
}
@media screen and (max-width: 768px) {
  .p-faq-contents__rail {
    display: none;
  }
}

.p-faq-index {
  position: sticky;
  top: calc(var(--header-height) + 40 * var(--to-rem));
  width: calc(261 * var(--to-rem));
  pointer-events: auto;
}
@media screen and (max-width: 768px) {
  .p-faq-index {
    display: none;
  }
}

.p-faq-index--list {
  display: none;
}
@media screen and (max-width: 768px) {
  .p-faq-index--list {
    position: relative;
    top: auto;
    z-index: 1;
    display: block;
    width: calc(100% - 48 * var(--to-rem));
    padding-bottom: calc(60 * var(--to-rem));
    margin-inline: auto;
    margin-top: calc(-57 * var(--to-rem));
  }
}

@media screen and (max-width: 768px) {
  .p-faq-index--list::after {
    position: absolute;
    inset-inline: 1px;
    bottom: -0.5px;
    height: 1px;
    content: "";
    background-color: color-mix(in srgb, var(--color-text) 30%, transparent);
  }
}

.p-faq-index__title {
  font-family: var(--title-font-family);
  font-size: calc(24 * var(--to-rem));
  font-weight: 800;
  line-height: 0.9167;
  color: var(--color-text);
  letter-spacing: -0.02em;
}

.p-faq-index__list {
  margin-top: calc(32 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .p-faq-index__list {
    margin-top: calc(20 * var(--to-rem));
  }
}

@media screen and (max-width: 768px) {
  .p-faq-index__item {
    display: flow-root;
  }
}

@media screen and (max-width: 768px) {
  .p-faq-index__item:not(:first-child) {
    margin-top: calc(16 * var(--to-rem));
  }
}

.p-faq-index__link {
  display: flex;
  column-gap: 0;
  align-items: center;
  padding-block: calc(10 * var(--to-rem));
  padding-inline: 0 calc(16 * var(--to-rem));
  text-decoration: none;
  background-color: transparent;
  border-radius: calc(4 * var(--to-rem));
  transition: padding-inline var(--duration-index) var(--ease-index), column-gap var(--duration-index) var(--ease-index), background-color var(--duration-index) var(--ease-index);
}
@media screen and (max-width: 768px) {
  .p-faq-index__link {
    column-gap: calc(10 * var(--to-rem));
    padding-block: calc(13 * var(--to-rem));
    padding-right: 0;
    margin-block: calc(-13 * var(--to-rem));
  }
}

.p-faq-index__item--current .p-faq-index__link {
  column-gap: calc(10 * var(--to-rem));
  padding-inline: calc(16 * var(--to-rem));
  background-color: var(--color-white);
}

.p-faq-index__icon {
  display: flex;
  flex-shrink: 0;
  width: 0;
  height: calc(19 * var(--to-rem));
  overflow: hidden;
  opacity: 0;
  transition: width var(--duration-index) var(--ease-index), opacity var(--duration-index) var(--ease-index);
}
@media screen and (max-width: 768px) {
  .p-faq-index__icon {
    width: calc(19 * var(--to-rem));
    opacity: 1;
  }
}

.p-faq-index__icon img {
  flex-shrink: 0;
  width: calc(19 * var(--to-rem));
}

.p-faq-index__item--current .p-faq-index__icon {
  width: calc(19 * var(--to-rem));
  opacity: 1;
}

.p-faq-index__text {
  font-family: var(--base-font-family);
  font-size: calc(16 * var(--to-rem));
  font-weight: var(--fw-bold);
  line-height: 1.5;
  color: var(--color-text);
  letter-spacing: -0.02em;
  opacity: 0.5;
  transition: color var(--duration-index) var(--ease-index), opacity var(--duration-index) var(--ease-index);
}
@media screen and (max-width: 768px) {
  .p-faq-index__text {
    font-size: calc(14 * var(--to-rem));
    line-height: 1.3572;
    opacity: 1;
  }
}

.p-faq-index__item--current .p-faq-index__text {
  color: var(--color-red);
  opacity: 1;
}

.p-faq-item {
  padding-block: 0 calc(40 * var(--to-rem));
  border-bottom: 1px solid color-mix(in srgb, var(--color-text) 30%, transparent);
}
@media screen and (max-width: 768px) {
  .p-faq-item {
    padding-block: 0 calc(40.5 * var(--to-rem));
    background-image: linear-gradient(color-mix(in srgb, var(--color-text) 30%, transparent), color-mix(in srgb, var(--color-text) 30%, transparent));
    background-repeat: no-repeat;
    background-position: left bottom;
    background-size: 100% 0.5px;
    border-bottom: none;
  }
}

@media screen and (max-width: 768px) {
  .p-faq-item:first-child {
    padding-block: 0 calc(32.5 * var(--to-rem));
  }
}

.p-faq-item + .p-faq-item {
  margin-top: calc(40 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .p-faq-item + .p-faq-item {
    margin-top: calc(32 * var(--to-rem));
  }
}

.p-faq-item__toggle {
  position: relative;
  display: flex;
  column-gap: calc(32 * var(--to-rem));
  align-items: center;
  width: 100%;
  padding-right: calc(30 * var(--to-rem));
  font: inherit;
  color: var(--color-text);
  text-align: left;
  cursor: pointer;
  background-color: transparent;
  border: none;
}
@media screen and (max-width: 768px) {
  .p-faq-item__toggle {
    column-gap: calc(20 * var(--to-rem));
    align-items: flex-start;
    padding-right: 0;
  }
}

.p-faq-item__toggle::before {
  position: absolute;
  inset: calc(-12 * var(--to-rem)) 0;
  content: "";
}

.p-faq-item__q {
  display: flex;
  flex-shrink: 0;
  align-items: flex-start;
  justify-content: center;
  width: calc(29 * var(--to-rem));
  height: calc(40 * var(--to-rem));
  font-family: var(--title-font-family);
  font-size: calc(40 * var(--to-rem));
  font-weight: 800;
  line-height: 0.9;
  color: var(--color-red);
  letter-spacing: -0.02em;
}
@media screen and (max-width: 768px) {
  .p-faq-item__q {
    width: calc(17 * var(--to-rem));
    height: calc(32 * var(--to-rem));
    padding-top: calc(3 * var(--to-rem));
    font-size: calc(32 * var(--to-rem));
    line-height: 0.9063;
  }
}

.p-faq-item__question {
  flex: 1;
  min-width: 0;
  font-family: var(--base-font-family);
  font-size: calc(24 * var(--to-rem));
  font-weight: var(--fw-bold);
  font-feature-settings: "palt";
  line-height: 1.2084;
  letter-spacing: -0.02em;
}
@media screen and (max-width: 768px) {
  .p-faq-item__question {
    font-size: calc(18 * var(--to-rem));
    line-height: 1.6112;
  }
}

.p-faq-item__icon {
  position: relative;
  flex-shrink: 0;
  width: calc(24 * var(--to-rem));
  height: calc(24 * var(--to-rem));
  margin-left: calc(10 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .p-faq-item__icon {
    width: calc(16 * var(--to-rem));
    height: calc(34 * var(--to-rem));
    margin-left: 0;
  }
}

.p-faq-item__icon::before {
  position: absolute;
  top: 50%;
  left: 50%;
  width: calc(20 * var(--to-rem));
  aspect-ratio: 18/13;
  content: "";
  background-color: var(--color-red);
  mask-image: url("/recruit/new/assets/images/chevron.C6oxgpZQ.svg");
  mask-repeat: no-repeat;
  mask-size: 100% 100%;
  transition: rotate var(--duration) ease;
  translate: -50% -50%;
}
@media screen and (max-width: 768px) {
  .p-faq-item__icon::before {
    top: calc(11 * var(--to-rem));
    width: calc(16 * var(--to-rem));
    translate: -50% 0;
  }
}
@media (prefers-reduced-motion: reduce) {
  .p-faq-item__icon::before {
    transition: none;
  }
}

.p-faq-item__toggle[aria-expanded=true] .p-faq-item__icon::before {
  rotate: 180deg;
}

.p-faq-item__body {
  overflow: hidden;
  transition: height var(--duration) ease;
}
@media (prefers-reduced-motion: reduce) {
  .p-faq-item__body {
    transition: none;
  }
}

.p-faq-item__body[inert] {
  height: 0;
}

.p-faq-item__answer {
  padding-block: calc(40 * var(--to-rem));
  padding-inline: calc(60 * var(--to-rem));
  margin-top: calc(32 * var(--to-rem));
  background-color: var(--color-white);
  border-radius: calc(8 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .p-faq-item__answer {
    padding-block: calc(30 * var(--to-rem));
    padding-inline: calc(30 * var(--to-rem));
    margin-top: calc(20 * var(--to-rem));
  }
}

.p-faq-item__text {
  font-family: var(--base-font-family);
  font-size: calc(16 * var(--to-rem));
  font-weight: var(--fw-medium);
  font-feature-settings: "palt";
  line-height: 2;
  color: var(--color-text);
}
@media screen and (max-width: 768px) {
  .p-faq-item__text {
    font-size: calc(13 * var(--to-rem));
  }
}

.p-faq-item__link {
  position: relative;
  color: inherit;
  text-decoration: underline;
  text-underline-position: from-font;
}

.p-faq-item__link::before {
  position: absolute;
  inset: calc(-13 * var(--to-rem)) calc(-3 * var(--to-rem));
  content: "";
}

.p-footer {
  position: relative;
  margin-top: calc(160 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .p-footer {
    margin-top: calc(100 * var(--to-rem));
  }
}

.p-footer__entry,
.p-footer__main {
  background-color: var(--color-footer-black);
  background-image: url("/recruit/new/assets/images/footer12.B9G3Nesi.png");
  background-repeat: repeat;
  background-size: calc(170 * var(--to-rem)) auto;
}

.p-footer__entry {
  padding-block: calc(42 * var(--to-rem)) 0;
  padding-inline: calc(40 * var(--to-rem)) calc(38 * var(--to-rem));
  border-radius: calc(32 * var(--to-rem)) calc(23 * var(--to-rem)) 0 0;
}
@media screen and (max-width: 768px) {
  .p-footer__entry {
    padding-block: calc(24 * var(--to-rem)) 0;
    padding-inline: calc(24 * var(--to-rem));
    border-radius: calc(16 * var(--to-rem)) calc(16 * var(--to-rem)) 0 0;
  }
}

.p-footer__entryCard {
  position: relative;
  display: flex;
  align-items: center;
  min-height: calc(500 * var(--to-rem));
  overflow: hidden;
  border-radius: calc(16 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .p-footer__entryCard {
    align-items: flex-start;
    min-height: calc(522 * var(--to-rem));
    border-radius: calc(12 * var(--to-rem));
  }
}

.p-footer__entryPhoto {
  position: absolute;
  inset: 0;
}

.p-footer__entryVideo {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.p-footer__entryPhoto::after {
  position: absolute;
  inset: 0;
  content: "";
  background-color: rgba(0, 0, 0, 0.48);
}

.p-footer__entryInner {
  position: relative;
  display: flex;
  flex: 1;
  gap: calc(40 * var(--to-rem));
  align-items: center;
  justify-content: space-between;
  padding-block: calc(40 * var(--to-rem));
  padding-inline: clamp(40 * var(--to-rem), 8.517%, 116 * var(--to-rem)) clamp(40 * var(--to-rem), 8.59%, 117 * var(--to-rem));
}
@media screen and (max-width: 1023px) {
  .p-footer__entryInner {
    flex-direction: column;
    justify-content: center;
  }
}
@media screen and (max-width: 768px) {
  .p-footer__entryInner {
    padding-block: calc(129 * var(--to-rem)) calc(40 * var(--to-rem));
    padding-inline: calc(23 * var(--to-rem));
  }
}

.p-footer__entryHeading {
  margin-bottom: calc(40 * var(--to-rem));
}
@media screen and (max-width: 1023px) {
  .p-footer__entryHeading {
    margin-bottom: 0;
  }
}

@media screen and (max-width: 1023px) {
  .p-footer__entryHeading .c-section-heading {
    align-items: center;
  }
}
@media screen and (max-width: 768px) {
  .p-footer__entryHeading .c-section-heading {
    gap: calc(8 * var(--to-rem));
  }
}

@media screen and (max-width: 768px) {
  .p-footer__entryHeading .c-section-heading__label {
    font-size: calc(16 * var(--to-rem));
  }
}

@media screen and (max-width: 768px) {
  .p-footer__entryHeading .c-section-heading__labelIcon {
    width: calc(18 * var(--to-rem));
    height: calc(20 * var(--to-rem));
  }
}

@media screen and (max-width: 768px) {
  .p-footer__entryHeading .c-section-heading__title {
    font-size: calc(96 * var(--to-rem));
  }
}

.p-footer__entryList {
  flex: 0 1 calc(555 * var(--to-rem));
  min-width: 0;
  max-width: 100%;
}
@media screen and (max-width: 1023px) {
  .p-footer__entryList {
    flex: none;
    width: calc(555 * var(--to-rem));
  }
}
@media screen and (max-width: 768px) {
  .p-footer__entryList {
    width: calc(280 * var(--to-rem));
  }
}

.p-footer__entryItem + .p-footer__entryItem {
  margin-top: calc(8 * var(--to-rem));
}

.p-footer__entryLink {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: calc(72 * var(--to-rem));
  padding-inline: calc(32 * var(--to-rem)) calc(34 * var(--to-rem));
  text-decoration: none;
  border-radius: calc(20 * var(--to-rem)) calc(3 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .p-footer__entryLink {
    min-height: 0;
    padding-block: calc(16 * var(--to-rem));
    padding-inline: calc(24 * var(--to-rem));
  }
}

.p-footer__entryLink--entry {
  color: var(--color-white);
  background-color: var(--color-red);
}

.p-footer__entryLink--login {
  color: var(--color-white);
  background-color: var(--color-text);
}

.p-footer__entryRoll {
  position: relative;
  display: grid;
  overflow: hidden;
}

.p-footer__entryEn {
  display: block;
  font-family: var(--title-font-family);
  font-size: calc(32 * var(--to-rem));
  font-weight: 800;
  line-height: 0.9;
  text-transform: uppercase;
  letter-spacing: -0.02em;
}
@media screen and (max-width: 768px) {
  .p-footer__entryEn {
    font-size: calc(20 * var(--to-rem));
  }
}

.p-footer__entryEn,
.p-footer__entryEn--clone {
  transition: translate var(--duration-hover) var(--ease-out);
}

.p-footer__entryEn--clone {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
}

.p-footer__entryArrow {
  display: grid;
  flex-shrink: 0;
  width: calc(22 * var(--to-rem));
  height: calc(18 * var(--to-rem));
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .p-footer__entryArrow {
    width: calc(16 * var(--to-rem));
    height: calc(13.09 * var(--to-rem));
  }
}

.p-footer__entryArrowIcon {
  grid-area: 1/1;
  background-color: currentcolor;
  mask-image: url("/recruit/new/assets/images/header14.BOdFjlBX.svg");
  mask-repeat: no-repeat;
  mask-size: 100% 100%;
  transition: translate var(--duration-hover) var(--ease-out);
}

.p-footer__entryArrowIcon + .p-footer__entryArrowIcon {
  translate: -160% 0;
}

@media (any-hover: hover) {
  .p-footer__entryLink:hover .p-footer__entryEn {
    translate: 0 -100%;
  }
  .p-footer__entryLink:hover .p-footer__entryArrowIcon {
    translate: 160% 0;
  }
  .p-footer__entryLink:hover .p-footer__entryArrowIcon + .p-footer__entryArrowIcon {
    translate: 0 0;
  }
}
.p-footer__main {
  padding-block: calc(134 * var(--to-rem)) calc(124 * var(--to-rem));
  padding-inline: max(40 * var(--to-rem), (100% - 1440 * var(--to-rem)) / 2 + 40 * var(--to-rem)) max(42 * var(--to-rem), (100% - 1440 * var(--to-rem)) / 2 + 42 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .p-footer__main {
    padding-block: calc(60 * var(--to-rem)) calc(54 * var(--to-rem));
    padding-inline: calc(24 * var(--to-rem));
  }
}

.p-footer__mainTop {
  display: flex;
  flex-wrap: wrap;
  gap: calc(80 * var(--to-rem)) calc(40 * var(--to-rem));
  align-items: flex-start;
  justify-content: space-between;
}
@media screen and (max-width: 1023px) {
  .p-footer__mainTop {
    flex-direction: column;
    gap: calc(80 * var(--to-rem));
  }
}
@media screen and (max-width: 768px) {
  .p-footer__mainTop {
    flex-direction: column;
    gap: 0;
  }
}

.p-footer__brand {
  display: flex;
  flex-shrink: 0;
  align-items: flex-start;
  text-decoration: none;
}

.p-footer__brandLogo {
  width: calc(231.29 * var(--to-rem));
  height: calc(83.56 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .p-footer__brandLogo {
    width: calc(220.02 * var(--to-rem));
    height: calc(79 * var(--to-rem));
  }
}

.p-footer__brandText {
  margin-top: calc(26.38 * var(--to-rem));
  margin-left: calc(19.85 * var(--to-rem));
  font-family: var(--title-font-family);
  font-size: calc(20.78 * var(--to-rem));
  font-style: italic;
  font-weight: 800;
  line-height: 0.95;
  color: var(--color-gray-light);
  text-transform: uppercase;
  letter-spacing: -0.02em;
}
@media screen and (max-width: 768px) {
  .p-footer__brandText {
    margin-top: calc(24.95 * var(--to-rem));
    margin-left: calc(18.89 * var(--to-rem));
    font-size: calc(19.75 * var(--to-rem));
  }
}

.p-footer__nav {
  flex: 1 1 calc(720 * var(--to-rem));
  max-width: calc(898 * var(--to-rem));
}
@media screen and (max-width: 1023px) {
  .p-footer__nav {
    flex: none;
    width: 100%;
    max-width: none;
  }
}
@media screen and (max-width: 768px) {
  .p-footer__nav {
    flex: none;
    width: 100%;
    margin-top: calc(60 * var(--to-rem));
  }
}

.p-footer__navList {
  display: grid;
  grid-template-columns: repeat(4, minmax(min-content, 1fr));
  gap: calc(60 * var(--to-rem)) calc(20 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .p-footer__navList {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: calc(48 * var(--to-rem)) calc(16 * var(--to-rem));
  }
}

.p-footer__navItem--company {
  grid-row: 1;
  grid-column: 1;
}

.p-footer__navItem--people {
  grid-row: 1;
  grid-column: 2;
}
@media screen and (max-width: 768px) {
  .p-footer__navItem--people {
    grid-row: 2;
    grid-column: 1;
  }
}

.p-footer__navItem--project {
  grid-row: 1;
  grid-column: 3;
}
@media screen and (max-width: 768px) {
  .p-footer__navItem--project {
    grid-row: 2;
    grid-column: 2;
  }
}

.p-footer__navItem--culture {
  grid-row: 1;
  grid-column: 4;
}
@media screen and (max-width: 768px) {
  .p-footer__navItem--culture {
    grid-row: 3;
    grid-column: 2;
  }
}

.p-footer__navItem--jobfield {
  grid-row: 2;
  grid-column: 1;
}
@media screen and (max-width: 768px) {
  .p-footer__navItem--jobfield {
    grid-row: 1;
    grid-column: 2;
  }
}

.p-footer__navItem--crosstalk {
  grid-row: 2;
  grid-column: 3;
}
@media screen and (max-width: 768px) {
  .p-footer__navItem--crosstalk {
    grid-row: 3;
    grid-column: 1;
  }
}

.p-footer__navItem--recruit {
  grid-row: 2;
  grid-column: 4;
}
@media screen and (max-width: 768px) {
  .p-footer__navItem--recruit {
    grid-row: 4;
    grid-column: 1;
  }
}

.p-footer__navHead {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  text-decoration: none;
}

.p-footer__navLabel {
  font-family: var(--base-font-family);
  font-size: calc(14 * var(--to-rem));
  font-weight: var(--fw-bold);
  line-height: calc(19 * var(--to-rem));
  color: var(--color-white);
  letter-spacing: -0.02em;
}
@media screen and (max-width: 768px) {
  .p-footer__navLabel {
    font-size: calc(13 * var(--to-rem));
    line-height: calc(17 * var(--to-rem));
  }
}

.p-footer__navLabel--medium {
  font-weight: var(--fw-medium);
}

.p-footer__navTitle {
  margin-top: calc(8 * var(--to-rem));
  font-family: var(--title-font-family);
  font-size: calc(32 * var(--to-rem));
  font-weight: 800;
  line-height: 0.8;
  color: var(--color-white);
  text-transform: uppercase;
  letter-spacing: -0.02em;
}
@media screen and (max-width: 768px) {
  .p-footer__navTitle {
    font-size: calc(30 * var(--to-rem));
  }
}

.p-footer__subList {
  margin-top: calc(24 * var(--to-rem));
}

.p-footer__subItem {
  display: flow-root;
}

.p-footer__subItem + .p-footer__subItem {
  margin-top: calc(12 * var(--to-rem));
}

.p-footer__subLink {
  display: block;
  font-family: var(--base-font-family);
  font-size: calc(14 * var(--to-rem));
  font-weight: var(--fw-medium);
  line-height: calc(19 * var(--to-rem));
  line-break: strict;
  color: var(--color-gray-light);
  text-decoration: none;
  letter-spacing: -0.02em;
}
@media screen and (max-width: 768px) {
  .p-footer__subLink {
    font-size: calc(13 * var(--to-rem));
    line-height: calc(17 * var(--to-rem));
  }
}

.p-footer__mainBottom {
  display: flex;
  gap: calc(40 * var(--to-rem));
  align-items: flex-start;
  justify-content: space-between;
  padding-top: calc(60 * var(--to-rem));
  margin-top: calc(120 * var(--to-rem));
  border-top: 1px solid color-mix(in srgb, var(--color-gray-light) 10%, transparent);
}
@media screen and (max-width: 768px) {
  .p-footer__mainBottom {
    flex-direction: column;
    gap: 0;
    padding-top: calc(40 * var(--to-rem));
    margin-top: calc(60 * var(--to-rem));
  }
}

.p-footer__mainSide {
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  align-self: stretch;
  justify-content: space-between;
}
@media screen and (max-width: 768px) {
  .p-footer__mainSide {
    gap: calc(66 * var(--to-rem));
    justify-content: flex-start;
  }
}

.p-footer__mainCopy {
  font-family: var(--base-font-family);
  font-size: calc(12 * var(--to-rem));
  font-weight: var(--fw-medium);
  line-height: 1.6;
  color: var(--color-gray-light);
  text-transform: uppercase;
  letter-spacing: -0.02em;
}

.p-footer__logotype {
  flex: 0 1 calc(894 * var(--to-rem));
  min-width: 0;
  aspect-ratio: 894/347;
  margin-right: calc(3 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .p-footer__logotype {
    flex: none;
    width: 100%;
    margin-top: calc(64 * var(--to-rem));
    margin-right: 0;
  }
}

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

.p-footer__barList {
  display: flex;
  gap: calc(18 * var(--to-rem));
  align-items: center;
  justify-content: center;
  height: calc(80 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .p-footer__barList {
    gap: calc(5 * var(--to-rem));
    height: calc(64 * var(--to-rem));
  }
}

.p-footer__barItem--logo {
  padding-right: calc(78 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .p-footer__barItem--logo {
    padding-right: 0;
  }
}

@media screen and (max-width: 768px) {
  .p-footer__barItem--sns {
    margin-left: calc(20 * var(--to-rem));
  }
}

.p-footer__barItem--chara {
  position: relative;
  width: calc(125 * var(--to-rem));
  height: calc(80 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .p-footer__barItem--chara {
    width: calc(68 * var(--to-rem));
    height: calc(64 * var(--to-rem));
    margin-left: calc(10 * var(--to-rem));
  }
}

.p-footer__barLink {
  display: block;
}

.p-footer__barLogo {
  width: calc(170 * var(--to-rem));
  height: calc(59.55 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .p-footer__barLogo {
    width: calc(123 * var(--to-rem));
    height: calc(43.08 * var(--to-rem));
  }
}

.p-footer__barSns {
  width: calc(80 * var(--to-rem));
  height: calc(59 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .p-footer__barSns {
    width: calc(69 * var(--to-rem));
    height: calc(51 * var(--to-rem));
  }
}

.p-footer__barInsta {
  width: calc(36 * var(--to-rem));
  height: calc(36 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .p-footer__barInsta {
    width: calc(40 * var(--to-rem));
    height: calc(40 * var(--to-rem));
  }
}

.p-footer__barChara {
  position: absolute;
  top: calc(-84 * var(--to-rem));
  left: 0;
  width: calc(125 * var(--to-rem));
  height: calc(147 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .p-footer__barChara {
    top: calc(-24.97 * var(--to-rem));
    width: calc(68 * var(--to-rem));
    height: calc(80 * var(--to-rem));
  }
}

.p-footer__bottom {
  padding-block: calc(30 * var(--to-rem)) calc(20 * var(--to-rem));
  background-color: var(--color-navy);
}
@media screen and (max-width: 768px) {
  .p-footer__bottom {
    padding-block: calc(25 * var(--to-rem)) calc(15 * var(--to-rem));
    padding-inline: calc(18.8 * var(--to-rem));
  }
}

.p-footer__links {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
@media screen and (max-width: 768px) {
  .p-footer__links {
    flex-direction: column;
    align-items: flex-start;
  }
}

.p-footer__linksItem {
  padding-block: calc(1 * var(--to-rem));
  padding-inline: calc(30 * var(--to-rem));
  border-right: 1px solid var(--color-blue-light);
}
@media screen and (max-width: 768px) {
  .p-footer__linksItem {
    padding-inline: calc(10 * var(--to-rem));
    border-right: none;
    border-left: calc(3 * var(--to-rem)) solid var(--color-blue-light);
  }
}

.p-footer__linksItem:last-child {
  border-right: none;
}

@media screen and (max-width: 768px) {
  .p-footer__linksItem + .p-footer__linksItem {
    margin-top: calc(12 * var(--to-rem));
  }
}

.p-footer__linksLink {
  display: block;
  font-family: var(--noto-font-family);
  font-size: calc(13 * var(--to-rem));
  font-weight: var(--fw-regular);
  line-height: 1;
  color: var(--color-blue-light);
  text-decoration: none;
  letter-spacing: 0.02em;
}
@media screen and (max-width: 768px) {
  .p-footer__linksLink {
    font-size: calc(10 * var(--to-rem));
  }
}

.p-footer__copyright {
  margin-top: calc(30 * var(--to-rem));
  font-family: var(--noto-font-family);
  font-size: calc(11 * var(--to-rem));
  font-weight: var(--fw-regular);
  line-height: 1.4;
  color: var(--color-white);
  text-align: center;
  letter-spacing: 0.02em;
}
@media screen and (max-width: 768px) {
  .p-footer__copyright {
    margin-top: calc(20 * var(--to-rem));
    font-size: calc(10 * var(--to-rem));
  }
}

.p-footer__pagetop {
  display: flex;
}
@media screen and (max-width: 768px) {
  .p-footer__pagetop {
    justify-content: flex-end;
    order: -1;
  }
}

.p-footer__pagetopLink {
  display: flex;
  gap: calc(17 * var(--to-rem));
  align-items: center;
  color: var(--color-white);
  text-decoration: none;
  transition: opacity var(--duration-pagetop) var(--ease-pagetop);
}

@media (any-hover: hover) {
  .p-footer__pagetopLink:hover {
    opacity: 0.8;
  }
}
.p-footer__pagetopText {
  display: block;
  font-family: var(--title-font-family);
  font-size: calc(16 * var(--to-rem));
  font-weight: 800;
  line-height: 0.8;
  text-transform: uppercase;
  letter-spacing: -0.02em;
}

.p-footer__pagetopIcon {
  flex-shrink: 0;
  width: calc(40 * var(--to-rem));
  height: calc(40 * var(--to-rem));
}

.p-footer__subLink,
.p-footer__linksLink {
  padding-block: calc((44 * var(--to-rem) - 1lh) / 2);
  margin-block: calc((1lh - 44 * var(--to-rem)) / 2);
}

.p-footer__barLink {
  padding-block: calc(2 * var(--to-rem));
  padding-inline: calc(2 * var(--to-rem));
  margin-block: calc(-2 * var(--to-rem));
  margin-inline: calc(-2 * var(--to-rem));
}

.p-header {
  position: fixed;
  top: 0;
  left: 0;
  z-index: var(--z-header);
  width: 100%;
  height: var(--header-height);
  background-color: var(--color-white);
  border-radius: 0 0 calc(16 * var(--to-rem)) calc(16 * var(--to-rem));
}
@media screen and (max-width: 900px) {
  .p-header {
    border-radius: 0 0 calc(12 * var(--to-rem)) calc(12 * var(--to-rem));
    transition: border-radius var(--duration);
  }
}

.p-header:has(.p-header__drawer.is-open) {
  border-radius: 0;
}

.p-header__inner {
  display: flex;
  align-items: center;
  height: 100%;
  padding-inline: calc(40 * var(--to-rem)) calc(4 * var(--to-rem));
}
@media screen and (max-width: 900px) {
  .p-header__inner {
    padding-inline: calc(12 * var(--to-rem)) calc(8 * var(--to-rem));
  }
}

.p-header__logo {
  flex-shrink: 1;
  width: calc(203 * var(--to-rem));
  min-width: 0;
  aspect-ratio: 203/50;
}
@media screen and (max-width: 900px) {
  .p-header__logo {
    width: calc(165.29 * var(--to-rem));
  }
}

.p-header__logoLink {
  display: flex;
  height: 100%;
}
@media screen and (max-width: 900px) {
  .p-header__logoLink {
    height: calc(100% + 4 * var(--to-rem));
    padding-block: calc(2 * var(--to-rem));
    margin-block: calc(-2 * var(--to-rem));
  }
}

.p-header__nav {
  flex-shrink: 0;
  margin-inline: auto clamp(12 * var(--to-rem), 2.2222vw, 32 * var(--to-rem));
}
@media screen and (max-width: 900px) {
  .p-header__nav {
    display: none;
  }
}

.p-header__navList {
  display: flex;
  gap: clamp(8 * var(--to-rem), 1.3889vw, 20 * var(--to-rem));
  align-items: center;
}

.p-header__navLink {
  display: flex;
  gap: calc(8 * var(--to-rem));
  align-items: center;
  padding-block: calc((24 * var(--to-rem) - 1lh) / 2);
  margin-block: calc((1lh - 24 * var(--to-rem)) / 2);
  font-family: var(--title-font-family);
  font-size: clamp(14 * var(--to-rem), 1.3889vw, 20 * var(--to-rem));
  font-weight: 800;
  line-height: 0.9;
  color: var(--color-text);
  text-transform: uppercase;
  letter-spacing: -0.04em;
  white-space: nowrap;
  transition: color var(--duration);
}

.p-header__navItem--mega {
  position: relative;
}

.p-header__navIcon {
  flex-shrink: 0;
  width: calc(10 * var(--to-rem));
  aspect-ratio: 18/13;
  background-color: currentcolor;
  mask-image: url("/recruit/new/assets/images/chevron.C6oxgpZQ.svg");
  mask-repeat: no-repeat;
  mask-size: 100% 100%;
  transition: rotate var(--duration);
}
@media (prefers-reduced-motion: reduce) {
  .p-header__navIcon {
    transition: none;
  }
}

.p-header__navItem.is-open .p-header__navIcon {
  rotate: 180deg;
}

.p-header__navItem--mega .p-header__navLink {
  position: relative;
}

.p-header__navItem--mega .p-header__navLink::after {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: calc(var(--header-height) / 2 - 12 * var(--to-rem));
  content: "";
}

.p-header__mega {
  position: absolute;
  top: calc(50% + var(--header-height) / 2 + 8 * var(--to-rem));
  left: calc(-32 * var(--to-rem));
  padding-block: calc(32 * var(--to-rem));
  padding-inline: calc(32 * var(--to-rem));
  visibility: hidden;
  background-color: var(--color-white);
  border-radius: calc(16 * var(--to-rem));
  opacity: 0;
  transition: opacity var(--duration), translate var(--duration), visibility 0s var(--duration);
  translate: 0 calc(-8 * var(--to-rem));
}
@media screen and (max-width: 900px) {
  .p-header__mega {
    display: none;
  }
}

.p-header__mega::before {
  position: absolute;
  bottom: 100%;
  left: 0;
  width: 100%;
  height: calc(16 * var(--to-rem));
  content: "";
}

.p-header__navItem.is-open .p-header__mega {
  visibility: visible;
  opacity: 1;
  transition: opacity var(--duration), translate var(--duration), visibility 0s;
  translate: 0;
}

.p-header__megaList {
  display: flex;
  flex-direction: column;
  gap: calc(12 * var(--to-rem));
}

.p-header__megaLink {
  position: relative;
  display: block;
  font-family: var(--base-font-family);
  font-size: calc(16 * var(--to-rem));
  font-weight: var(--fw-bold);
  line-height: 1.34;
  color: var(--color-text);
  letter-spacing: -0.02em;
  white-space: nowrap;
  transition: color var(--duration);
}

.p-header__megaLink::after {
  position: absolute;
  inset-block-start: 50%;
  inset-inline: 0;
  height: calc(24 * var(--to-rem));
  content: "";
  translate: 0 -50%;
}

@media (any-hover: hover) {
  .p-header__navLink:hover,
  .p-header__navItem.is-open > .p-header__navLink,
  .p-header__megaLink:hover {
    color: var(--color-red);
  }
}
.p-header__buttons {
  display: flex;
  flex-shrink: 0;
  gap: calc(2 * var(--to-rem));
}
@media screen and (max-width: 900px) {
  .p-header__buttons {
    margin-inline-start: auto;
  }
}

.p-header__event,
.p-header__entry {
  display: flex;
  align-items: center;
  width: clamp(90 * var(--to-rem), 9.0972vw, 131 * var(--to-rem));
  height: calc(66 * var(--to-rem));
  color: var(--color-white);
}
@media screen and (max-width: 900px) {
  .p-header__event,
  .p-header__entry {
    width: calc(60 * var(--to-rem));
    height: calc(48 * var(--to-rem));
  }
}

.p-header__event {
  justify-content: center;
  background-color: var(--color-purple);
  border-radius: calc(16.6 * var(--to-rem)) 0 0;
}
@media screen and (max-width: 900px) {
  .p-header__event {
    border-radius: calc(12 * var(--to-rem)) 0 0;
  }
}

.p-header__entry {
  gap: calc(5 * var(--to-rem));
  padding-inline-start: clamp(16 * var(--to-rem), 2.0139vw, 29 * var(--to-rem));
  background-color: var(--color-red);
  border-radius: 0 0 calc(16.6 * var(--to-rem));
}
@media screen and (max-width: 900px) {
  .p-header__entry {
    flex-direction: column;
    gap: calc(4 * var(--to-rem));
    padding-inline-start: 0;
    padding-top: calc(17 * var(--to-rem));
    border-radius: 0 0 calc(12 * var(--to-rem));
  }
}

.p-header__eventText,
.p-header__entryText {
  font-family: var(--title-font-family);
  font-size: clamp(14 * var(--to-rem), 1.3889vw, 20 * var(--to-rem));
  font-weight: 800;
  line-height: 0.9;
  color: var(--color-white);
  text-transform: uppercase;
  letter-spacing: -0.04em;
  white-space: nowrap;
}
@media screen and (max-width: 900px) {
  .p-header__eventText,
  .p-header__entryText {
    font-size: calc(16 * var(--to-rem));
  }
}

.p-header__entryIcon {
  display: flex;
  flex-shrink: 0;
  width: calc(14 * var(--to-rem));
  height: calc(10.11 * var(--to-rem));
  transition: rotate var(--duration);
}
@media screen and (max-width: 900px) {
  .p-header__entryIcon {
    width: calc(10 * var(--to-rem));
    height: calc(7.22 * var(--to-rem));
  }
}
@media (prefers-reduced-motion: reduce) {
  .p-header__entryIcon {
    transition: none;
  }
}

.p-header__entryWrap.is-open .p-header__entryIcon {
  rotate: 180deg;
}

.p-header__entryWrap {
  display: flex;
}

.p-header__entryMenu {
  position: absolute;
  top: calc(100% + 8 * var(--to-rem));
  right: calc(8 * var(--to-rem));
  width: calc(194 * var(--to-rem));
  padding-block: calc(8 * var(--to-rem));
  padding-inline: calc(8 * var(--to-rem));
  visibility: hidden;
  background-color: var(--color-white);
  border-radius: calc(16 * var(--to-rem));
  opacity: 0;
  transition: opacity var(--duration), translate var(--duration), visibility 0s var(--duration);
  translate: 0 calc(-8 * var(--to-rem));
}

.p-header__entryMenu::before {
  position: absolute;
  bottom: 100%;
  left: 0;
  width: 100%;
  height: calc(16 * var(--to-rem));
  content: "";
}

.p-header__entryWrap.is-open .p-header__entryMenu {
  visibility: visible;
  opacity: 1;
  transition: opacity var(--duration), translate var(--duration), visibility 0s;
  translate: 0;
}

.p-header__entryItem + .p-header__entryItem {
  margin-top: calc(4 * var(--to-rem));
}

.p-header__entryLink {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-block: calc(6 * var(--to-rem));
  padding-inline: calc(24 * var(--to-rem)) calc(6 * var(--to-rem));
  color: var(--color-white);
  border-radius: calc(8 * var(--to-rem));
}

.p-header__entryLink--entry {
  background-color: var(--color-red);
}

.p-header__entryLink--login {
  background-color: var(--color-text);
}

.p-header__entryLinkTitle {
  font-family: var(--title-font-family);
  font-size: calc(20 * var(--to-rem));
  font-weight: 800;
  line-height: 0.9;
  color: var(--color-white);
  text-transform: uppercase;
  letter-spacing: -0.02em;
  white-space: nowrap;
}

.p-header__entryLinkIcon {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: calc(40 * var(--to-rem));
  height: calc(40 * var(--to-rem));
}

.p-header__entryLinkIcon img {
  width: calc(12.22 * var(--to-rem));
  height: calc(10 * var(--to-rem));
}

.p-header__hamburger {
  display: none;
}
@media screen and (max-width: 900px) {
  .p-header__hamburger {
    position: relative;
    display: block;
    flex-shrink: 0;
    width: calc(48 * var(--to-rem));
    height: calc(48 * var(--to-rem));
    margin-inline-start: calc(8 * var(--to-rem));
    background-color: transparent;
    border: none;
  }
}

.p-header__hamburger span {
  position: absolute;
  left: calc(12 * var(--to-rem));
  width: calc(24 * var(--to-rem));
  height: calc(2 * var(--to-rem));
  background-color: var(--color-text);
  transition: top var(--duration) calc(var(--duration) / 2), left var(--duration) calc(var(--duration) / 2), width var(--duration) calc(var(--duration) / 2), rotate var(--duration), opacity var(--duration);
}

.p-header__hamburger span:nth-of-type(1) {
  top: calc(15 * var(--to-rem));
}

.p-header__hamburger span:nth-of-type(2) {
  top: calc(23 * var(--to-rem));
}

.p-header__hamburger span:nth-of-type(3) {
  top: calc(31 * var(--to-rem));
}

.p-header__hamburger.is-open span:nth-of-type(1),
.p-header__hamburger.is-open span:nth-of-type(3) {
  top: calc(23 * var(--to-rem));
  left: calc(10 * var(--to-rem));
  width: calc(28 * var(--to-rem));
  transition: top var(--duration), left var(--duration), width var(--duration), rotate var(--duration) calc(var(--duration) / 2), opacity var(--duration);
}

.p-header__hamburger.is-open span:nth-of-type(1) {
  rotate: 37.05deg;
}

.p-header__hamburger.is-open span:nth-of-type(2) {
  opacity: 0;
}

.p-header__hamburger.is-open span:nth-of-type(3) {
  rotate: -37.05deg;
}

.p-header__drawer {
  display: none;
}
@media screen and (max-width: 900px) {
  .p-header__drawer {
    position: fixed;
    top: var(--header-height);
    left: 0;
    display: block;
    width: 100%;
    height: calc(100svh - var(--header-height));
    overflow-y: auto;
    overscroll-behavior: contain;
    visibility: hidden;
    background-color: var(--color-white);
    opacity: 0;
    transition: opacity var(--duration), visibility 0s var(--duration);
  }
}

.p-header__drawer.is-open {
  visibility: visible;
  opacity: 1;
  transition: opacity var(--duration), visibility 0s;
}

.p-header__drawerInner {
  padding-block: calc(62 * var(--to-rem)) calc(44 * var(--to-rem));
  padding-inline: calc(24 * var(--to-rem));
}

.p-header__drawerItem {
  padding-block: 0 calc(20 * var(--to-rem));
  border-bottom: 1px solid oklch(from var(--color-text) l c h/20%);
}

.p-header__drawerItem + .p-header__drawerItem {
  margin-top: calc(20 * var(--to-rem));
}

.p-header__drawerHead {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  padding-right: calc(46 * var(--to-rem));
  color: var(--color-text);
  text-align: left;
  background-color: transparent;
  border: none;
}

.p-header__drawerLabel {
  font-family: var(--base-font-family);
  font-size: calc(12 * var(--to-rem));
  font-weight: var(--fw-medium);
  line-height: calc(16 * var(--to-rem));
  color: oklch(from var(--color-text) l c h/60%);
  letter-spacing: -0.02em;
}

.p-header__drawerTitle {
  margin-top: calc(4 * var(--to-rem));
  font-family: var(--title-font-family);
  font-size: calc(34 * var(--to-rem));
  font-weight: 800;
  line-height: calc(27 * var(--to-rem));
  color: var(--color-text);
  text-transform: uppercase;
  letter-spacing: -0.02em;
}

.p-header__drawerIcon {
  position: absolute;
  right: calc(8 * var(--to-rem));
  bottom: calc(7 * var(--to-rem));
  width: calc(18 * var(--to-rem));
  height: calc(13 * var(--to-rem));
  background-color: var(--color-black);
  mask-image: url("/recruit/new/assets/images/chevron.C6oxgpZQ.svg");
  mask-repeat: no-repeat;
  mask-size: 100% 100%;
  transition: rotate var(--duration);
}
@media (prefers-reduced-motion: reduce) {
  .p-header__drawerIcon {
    transition: none;
  }
}

.p-header__drawerHead.is-open .p-header__drawerIcon {
  rotate: 180deg;
}

.p-header__drawerBody {
  display: grid;
  grid-template-rows: 0fr;
  visibility: hidden;
  transition: grid-template-rows var(--duration), visibility 0s var(--duration);
}

.p-header__drawerHead.is-open + .p-header__drawerBody {
  grid-template-rows: 1fr;
  visibility: visible;
  transition: grid-template-rows var(--duration), visibility 0s;
}

.p-header__drawerSubList {
  display: flex;
  flex-direction: column;
  gap: calc(12 * var(--to-rem));
  min-height: 0;
  overflow: hidden;
}

.p-header__drawerSubItem:first-child {
  margin-top: calc(20 * var(--to-rem));
}

.p-header__drawerSubLink {
  position: relative;
  display: block;
  font-family: var(--base-font-family);
  font-size: calc(13 * var(--to-rem));
  font-weight: var(--fw-medium);
  line-height: calc(17 * var(--to-rem));
  color: var(--color-text);
  letter-spacing: -0.02em;
}

.p-header__drawerSubLink::after {
  position: absolute;
  inset-block-start: 50%;
  inset-inline: 0;
  height: calc(24 * var(--to-rem));
  content: "";
  translate: 0 -50%;
}

.p-header__drawerSubItem:last-child .p-header__drawerSubLink::after {
  translate: 0 calc(-50% - 3.5 * var(--to-rem));
}

.p-header__drawerButtons {
  margin-top: calc(40 * var(--to-rem));
}

.p-header__drawerButtonItem + .p-header__drawerButtonItem {
  margin-top: calc(4 * var(--to-rem));
}

.p-header__drawerButton {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: calc(70 * var(--to-rem));
  padding-inline: calc(20 * var(--to-rem)) calc(30 * var(--to-rem));
  color: var(--color-white);
  border-radius: calc(4 * var(--to-rem));
}

.p-header__drawerButton--entry {
  background-color: var(--color-red);
}

.p-header__drawerButton--login {
  background-color: var(--color-text);
}

.p-header__drawerButton--event {
  background-color: var(--color-purple);
}

.p-header__drawerButtonTitle {
  display: block;
  font-family: var(--title-font-family);
  font-size: calc(24 * var(--to-rem));
  font-weight: 800;
  line-height: 0.9;
  color: var(--color-white);
  text-transform: uppercase;
  letter-spacing: -0.02em;
}

.p-header__drawerButtonIcon {
  display: flex;
  flex-shrink: 0;
  width: calc(16 * var(--to-rem));
  height: calc(13.09 * var(--to-rem));
}

.p-interview-dayoff {
  width: calc(100% - 48 * var(--to-rem));
  max-width: calc(1130 * var(--to-rem));
  margin-inline: auto;
  margin-top: calc(120 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .p-interview-dayoff {
    max-width: none;
  }
}

.p-interview-dayoff__cards {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  column-gap: calc(20 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .p-interview-dayoff__cards {
    display: block;
  }
}

.p-interview-dayoff__card {
  padding-block: calc(64 * var(--to-rem));
  padding-inline: calc(56 * var(--to-rem));
  background-color: var(--color-white);
  border-radius: calc(12 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .p-interview-dayoff__card {
    padding-block: calc(40 * var(--to-rem));
    padding-inline: calc(24 * var(--to-rem));
  }
}

@media screen and (max-width: 768px) {
  .p-interview-dayoff__card + .p-interview-dayoff__card {
    margin-top: calc(40 * var(--to-rem));
  }
}

.p-interview-dayoff__content {
  max-width: calc(440 * var(--to-rem));
  margin-inline: auto;
  margin-top: calc(40 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .p-interview-dayoff__content {
    max-width: none;
  }
}

.p-interview-dayoff__photo {
  aspect-ratio: 440/200;
  overflow: hidden;
  border-radius: calc(8 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .p-interview-dayoff__photo {
    aspect-ratio: 279/126;
  }
}

.p-interview-dayoff__photo picture {
  display: block;
  width: 100%;
  height: 100%;
}

.p-interview-dayoff__photo img {
  display: block;
}

.p-interview-dayoff__text {
  margin-top: calc(24 * var(--to-rem));
  font-family: var(--base-font-family);
  font-size: calc(16 * var(--to-rem));
  font-weight: var(--fw-medium);
  line-height: 2;
  color: var(--color-text);
  letter-spacing: -0.02em;
}
@media screen and (max-width: 768px) {
  .p-interview-dayoff__text {
    font-size: calc(14 * var(--to-rem));
  }
}

.p-interview-dayoff__note {
  margin-top: calc(80 * var(--to-rem));
  font-family: var(--base-font-family);
  font-size: calc(14 * var(--to-rem));
  font-weight: var(--fw-medium);
  line-height: 1.5;
  color: var(--color-gray-mid);
  letter-spacing: -0.02em;
}
@media screen and (max-width: 768px) {
  .p-interview-dayoff__note {
    margin-top: calc(40 * var(--to-rem));
    font-size: calc(12 * var(--to-rem));
  }
}

.p-interview-heading__title {
  font-family: var(--title-font-family);
  font-size: calc(36 * var(--to-rem));
  font-weight: 800;
  line-height: 0.8056;
  color: var(--color-text);
  text-transform: uppercase;
  letter-spacing: -0.02em;
}
@media screen and (max-width: 768px) {
  .p-interview-heading__title {
    font-size: calc(32 * var(--to-rem));
    line-height: 0.8125;
  }
}

.p-interview-heading__sub {
  margin-top: calc(16 * var(--to-rem));
  font-family: var(--base-font-family);
  font-size: calc(16 * var(--to-rem));
  font-weight: var(--fw-bold);
  line-height: 1.1875;
  color: var(--color-text);
  letter-spacing: -0.02em;
}
@media screen and (max-width: 768px) {
  .p-interview-heading__sub {
    margin-top: calc(12 * var(--to-rem));
    font-size: calc(14 * var(--to-rem));
    line-height: 1.2143;
  }
}

.p-interview-hero {
  position: relative;
  display: grid;
  grid-template-columns: calc(345 * var(--to-rem)) calc(100 * var(--to-rem)) minmax(0, 1fr);
  align-items: start;
  margin-top: calc(-540 * var(--to-rem));
  margin-right: max(0px, (100% - 1440 * var(--to-rem)) / 2);
  margin-left: calc(max(0px, (100% - 1440 * var(--to-rem)) / 2) + min(155 * var(--to-rem), 10.764%));
  pointer-events: none;
}
@media screen and (max-width: 768px) {
  .p-interview-hero {
    grid-template-columns: minmax(0, 1fr);
    margin-inline: 0;
    margin-top: calc(-445 * var(--to-rem));
  }
}

.p-interview-hero__body {
  position: relative;
  z-index: 1;
  grid-row: 1;
  grid-column: 1/-1;
  width: fit-content;
  margin-top: calc(248 * var(--to-rem));
  pointer-events: auto;
}
@media screen and (max-width: 768px) {
  .p-interview-hero__body {
    grid-row: 2;
    grid-column: 1/-1;
    width: auto;
    margin-inline: calc(24 * var(--to-rem));
    margin-top: calc(-60 * var(--to-rem));
  }
}

.p-interview-hero__lead {
  font-family: var(--title-font-family);
  font-size: calc(24 * var(--to-rem));
  font-weight: 800;
  line-height: 0.8;
  color: var(--color-gray-mid);
  letter-spacing: -0.02em;
}
@media screen and (max-width: 768px) {
  .p-interview-hero__lead {
    font-size: calc(18 * var(--to-rem));
    line-height: 0.7778;
  }
}

.p-interview-hero__title {
  margin-top: calc(12 * var(--to-rem));
  font-family: var(--base-font-family);
  font-size: calc(64 * var(--to-rem));
  font-weight: var(--fw-bold);
  line-height: 1;
  color: var(--color-red);
  letter-spacing: -0.02em;
}
@media screen and (max-width: 768px) {
  .p-interview-hero__title {
    margin-top: calc(8 * var(--to-rem));
    font-size: calc(40 * var(--to-rem));
  }
}

.p-interview-hero__titleLine {
  display: block;
  width: fit-content;
  padding-block: calc(1 * var(--to-rem)) calc(8 * var(--to-rem));
  padding-right: calc(4 * var(--to-rem));
  overflow-wrap: anywhere;
  background-color: var(--color-white);
}
@media screen and (max-width: 768px) {
  .p-interview-hero__titleLine {
    padding-block: calc(1 * var(--to-rem)) calc(5 * var(--to-rem));
    padding-right: calc(2 * var(--to-rem));
  }
}

.p-interview-hero__titleWord {
  display: inline-block;
}

.p-interview-hero__titleLine + .p-interview-hero__titleLine {
  margin-top: calc(8 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .p-interview-hero__titleLine + .p-interview-hero__titleLine {
    margin-top: calc(4 * var(--to-rem));
  }
}

.p-interview-hero__tags {
  display: flex;
  flex-wrap: wrap;
  gap: calc(12 * var(--to-rem));
  align-items: center;
  margin-top: calc(40 * var(--to-rem));
  list-style: none;
}
@media screen and (max-width: 768px) {
  .p-interview-hero__tags {
    gap: calc(8 * var(--to-rem));
    margin-top: calc(24 * var(--to-rem));
  }
}

.p-interview-hero__tag {
  max-width: 100%;
  padding-block: calc(5 * var(--to-rem)) calc(6 * var(--to-rem));
  padding-inline: calc(8 * var(--to-rem));
  font-family: var(--base-font-family);
  font-size: calc(16 * var(--to-rem));
  font-weight: var(--fw-regular);
  line-height: 1.2;
  color: var(--color-white);
  letter-spacing: 0;
  overflow-wrap: anywhere;
  background-color: var(--color-text);
  border-radius: calc(4 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .p-interview-hero__tag {
    padding-block: calc(3 * var(--to-rem)) calc(4 * var(--to-rem));
    padding-inline: calc(6 * var(--to-rem));
    font-size: calc(12 * var(--to-rem));
    line-height: 1.1667;
  }
}

.p-interview-hero__field {
  display: flex;
  gap: calc(16 * var(--to-rem));
  align-items: center;
  margin-top: calc(40 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .p-interview-hero__field {
    gap: calc(12 * var(--to-rem));
    margin-top: calc(24 * var(--to-rem));
  }
}

.p-interview-hero__fieldIcon {
  display: grid;
  flex-shrink: 0;
  width: calc(48 * var(--to-rem));
  height: calc(48 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .p-interview-hero__fieldIcon {
    width: calc(32 * var(--to-rem));
    height: calc(32 * var(--to-rem));
  }
}

.p-interview-hero__fieldName {
  font-family: var(--base-font-family);
  font-size: calc(16 * var(--to-rem));
  font-weight: var(--fw-bold);
  line-height: 1.3;
  color: var(--color-text);
  text-align: center;
  letter-spacing: -0.02em;
}
@media screen and (max-width: 768px) {
  .p-interview-hero__fieldName {
    font-size: calc(14 * var(--to-rem));
  }
}

.p-interview-hero__photo {
  grid-row: 1;
  grid-column: 2/4;
  aspect-ratio: 940/900;
  overflow: hidden;
  pointer-events: auto;
  border-radius: calc(16 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .p-interview-hero__photo {
    grid-column: 1/-1;
    aspect-ratio: 375/360;
  }
}

.p-interview-hero__photo picture {
  display: block;
  width: 100%;
  height: 100%;
}

.p-interview-other__list {
  margin-top: calc(40 * var(--to-rem));
}

.p-interview-other__button {
  width: calc(440 * var(--to-rem));
  max-width: 100%;
  margin-top: calc(64 * var(--to-rem));
  margin-left: auto;
}
@media screen and (max-width: 768px) {
  .p-interview-other__button {
    width: auto;
    margin-left: 0;
  }
}

.p-interview-qa {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  width: calc(100% - 48 * var(--to-rem));
  max-width: calc(1130 * var(--to-rem));
  margin-inline: auto;
  margin-top: calc(120 * var(--to-rem));
  color: var(--color-text);
}
@media screen and (max-width: 768px) {
  .p-interview-qa {
    flex-direction: column;
    align-items: stretch;
    max-width: none;
  }
}

.p-interview-qa--q1 {
  margin-top: calc(160 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .p-interview-qa--q1 {
    margin-top: calc(120 * var(--to-rem));
  }
}

.p-interview-qa__photo {
  flex-shrink: 0;
  width: 49.115%;
  aspect-ratio: 555/416;
  overflow: hidden;
  border-radius: calc(8 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .p-interview-qa__photo {
    width: 100%;
    aspect-ratio: 327/246;
  }
}

.p-interview-qa__photo--portrait {
  aspect-ratio: 555/740;
}
@media screen and (max-width: 768px) {
  .p-interview-qa__photo--portrait {
    aspect-ratio: 327/436;
  }
}

.p-interview-qa__photo picture {
  display: block;
  width: 100%;
  height: 100%;
}

.p-interview-qa__photo img {
  display: block;
}

.p-interview-qa--photo .p-interview-qa__body {
  flex-shrink: 0;
  width: 38.938%;
}
@media screen and (max-width: 768px) {
  .p-interview-qa--photo .p-interview-qa__body {
    width: 100%;
    margin-top: calc(40 * var(--to-rem));
  }
}

.p-interview-qa--text .p-interview-qa__body {
  width: calc(670 * var(--to-rem));
  max-width: 100%;
}
@media screen and (max-width: 768px) {
  .p-interview-qa--text .p-interview-qa__body {
    width: 100%;
  }
}

.p-interview-qa--history .p-interview-qa__body {
  flex-shrink: 0;
  width: 28.761%;
}
@media screen and (max-width: 768px) {
  .p-interview-qa--history .p-interview-qa__body {
    width: 100%;
  }
}

.p-interview-qa__num {
  font-family: var(--title-font-family);
  font-size: calc(28 * var(--to-rem));
  font-weight: 800;
  line-height: 0.7858;
  color: var(--color-red);
  letter-spacing: -0.02em;
}
@media screen and (max-width: 768px) {
  .p-interview-qa__num {
    font-size: calc(24 * var(--to-rem));
    line-height: 0.7917;
  }
}

.p-interview-qa__num--large {
  font-size: calc(36 * var(--to-rem));
  line-height: 0.8056;
}
@media screen and (max-width: 768px) {
  .p-interview-qa__num--large {
    font-size: calc(32 * var(--to-rem));
    line-height: 0.8125;
  }
}

.p-interview-qa__lead {
  margin-top: calc(24 * var(--to-rem));
  font-family: var(--title-font-family);
  font-size: calc(18 * var(--to-rem));
  font-weight: 800;
  line-height: 0.7778;
  color: var(--color-gray-mid);
  letter-spacing: -0.02em;
}
@media screen and (max-width: 768px) {
  .p-interview-qa__lead {
    font-size: calc(16 * var(--to-rem));
    line-height: 0.8125;
  }
}

.p-interview-qa__title {
  margin-top: calc(24 * var(--to-rem));
  font-family: var(--base-font-family);
  font-size: calc(24 * var(--to-rem));
  font-weight: var(--fw-bold);
  line-height: 1.2084;
  letter-spacing: -0.02em;
  overflow-wrap: anywhere;
}
@media screen and (max-width: 768px) {
  .p-interview-qa__title {
    margin-top: calc(16 * var(--to-rem));
    font-size: calc(20 * var(--to-rem));
    line-height: 1.2;
  }
}

.p-interview-qa__titleWord {
  display: inline-block;
}

.p-interview-qa__lead + .p-interview-qa__title {
  margin-top: calc(8 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .p-interview-qa__lead + .p-interview-qa__title {
    margin-top: calc(4 * var(--to-rem));
  }
}

.p-interview-qa__content {
  margin-top: calc(64 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .p-interview-qa__content {
    margin-top: calc(40 * var(--to-rem));
  }
}

.p-interview-qa__copy {
  font-family: var(--base-font-family);
  font-size: calc(40 * var(--to-rem));
  font-weight: var(--fw-bold);
  line-height: 1.5;
  letter-spacing: -0.02em;
  line-break: strict;
}
@media screen and (max-width: 768px) {
  .p-interview-qa__copy {
    font-size: calc(32 * var(--to-rem));
  }
}

.p-interview-qa__text {
  margin-top: calc(32 * var(--to-rem));
  font-family: var(--base-font-family);
  font-size: calc(16 * var(--to-rem));
  font-weight: var(--fw-medium);
  line-height: 2;
  letter-spacing: -0.02em;
}
@media screen and (max-width: 768px) {
  .p-interview-qa__text {
    margin-top: calc(28 * var(--to-rem));
    font-size: calc(14 * var(--to-rem));
  }
}

.p-interview-qa__text:first-child {
  margin-top: 0;
}

.p-interview-qa__copy + .p-interview-qa__text {
  margin-top: calc(40 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .p-interview-qa__copy + .p-interview-qa__text {
    margin-top: calc(32 * var(--to-rem));
  }
}

.p-interview-qa__history {
  flex-shrink: 0;
  width: 69.469%;
}
@media screen and (max-width: 768px) {
  .p-interview-qa__history {
    width: 100%;
    margin-top: calc(40 * var(--to-rem));
  }
}

.p-interview-qa__step {
  position: relative;
  display: flex;
  column-gap: calc(24 * var(--to-rem));
  align-items: center;
  justify-content: space-between;
  padding-block: calc(24 * var(--to-rem));
  padding-inline: calc(64 * var(--to-rem));
  background-color: var(--color-white);
  border-radius: calc(8 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .p-interview-qa__step {
    justify-content: flex-start;
    padding-inline: calc(24 * var(--to-rem));
  }
}

.p-interview-qa__step + .p-interview-qa__step,
.p-interview-qa__step + .p-interview-qa__goal {
  margin-top: calc(8 * var(--to-rem));
}

.p-interview-qa__step::before {
  position: absolute;
  top: 0;
  bottom: calc(-8 * var(--to-rem));
  left: calc(210 * var(--to-rem));
  width: calc(1 * var(--to-rem));
  content: "";
  background-image: repeating-linear-gradient(to bottom, var(--color-text) 0 calc(2 * var(--to-rem)), transparent calc(2 * var(--to-rem)) calc(4 * var(--to-rem)));
  opacity: 0.3;
  transform: translateX(-50%);
}
@media screen and (max-width: 768px) {
  .p-interview-qa__step::before {
    left: calc(61 * var(--to-rem));
  }
}

.p-interview-qa__step:first-child::before {
  top: 50%;
}

.p-interview-qa__stepHead {
  position: relative;
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: space-between;
  width: calc(150 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .p-interview-qa__stepHead {
    width: calc(40 * var(--to-rem));
  }
}

.p-interview-qa__stepHead::after {
  flex-shrink: 0;
  width: calc(8 * var(--to-rem));
  height: calc(8 * var(--to-rem));
  content: "";
  background-color: var(--color-red);
  border-radius: 100%;
}
@media screen and (max-width: 768px) {
  .p-interview-qa__stepHead::after {
    width: calc(6 * var(--to-rem));
    height: calc(6 * var(--to-rem));
  }
}

.p-interview-qa__stepLabel {
  font-family: var(--base-font-family);
  font-size: calc(20 * var(--to-rem));
  font-weight: var(--fw-bold);
  line-height: 1.2;
  letter-spacing: -0.02em;
}
@media screen and (max-width: 768px) {
  .p-interview-qa__stepLabel {
    width: calc(16 * var(--to-rem));
    font-size: calc(16 * var(--to-rem));
    line-height: 1;
  }
}

.p-interview-qa__stepText {
  flex: 0 1 calc(468 * var(--to-rem));
  min-width: 0;
  font-family: var(--base-font-family);
  font-size: calc(14 * var(--to-rem));
  font-weight: var(--fw-medium);
  line-height: 1.8;
  letter-spacing: -0.02em;
  opacity: 0.5;
}
@media screen and (max-width: 768px) {
  .p-interview-qa__stepText {
    flex: 1 1 0;
    font-size: calc(12 * var(--to-rem));
  }
}

.p-interview-qa__goal {
  padding-block: calc(32 * var(--to-rem));
  padding-inline: calc(24 * var(--to-rem));
  font-family: var(--base-font-family);
  font-size: calc(20 * var(--to-rem));
  font-weight: var(--fw-bold);
  line-height: 1.2;
  color: var(--color-white);
  text-align: center;
  letter-spacing: -0.02em;
  background-color: var(--color-red);
  border-radius: calc(8 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .p-interview-qa__goal {
    padding-block: calc(24 * var(--to-rem));
    font-size: calc(16 * var(--to-rem));
    line-height: 1.1875;
  }
}

.p-interview-schedule {
  width: calc(100% - 80 * var(--to-rem));
  max-width: calc(1360 * var(--to-rem));
  padding-block: calc(64 * var(--to-rem)) calc(80 * var(--to-rem));
  padding-inline: min((100% - 80 * var(--to-rem)) * 115 / 1360, 115 * var(--to-rem));
  margin-inline: auto;
  margin-top: calc(120 * var(--to-rem));
  background-color: var(--color-white);
  border-radius: calc(12 * var(--to-rem));
}
@media screen and (max-width: 1023px) {
  .p-interview-schedule {
    padding-inline: calc(40 * var(--to-rem));
  }
}
@media screen and (max-width: 768px) {
  .p-interview-schedule {
    width: calc(100% - 48 * var(--to-rem));
    max-width: none;
    padding-block: calc(40 * var(--to-rem)) calc(64 * var(--to-rem));
    padding-inline: calc(24 * var(--to-rem));
  }
}

.p-interview-schedule__lists {
  display: flex;
  column-gap: calc(20 * var(--to-rem));
  margin-top: calc(80 * var(--to-rem));
}
@media screen and (max-width: 1023px) {
  .p-interview-schedule__lists {
    display: block;
  }
}
@media screen and (max-width: 768px) {
  .p-interview-schedule__lists {
    display: block;
    margin-top: calc(64 * var(--to-rem));
  }
}

.p-interview-schedule__list {
  flex: 1;
  min-width: 0;
}

@media screen and (max-width: 1023px) {
  .p-interview-schedule__list + .p-interview-schedule__list {
    margin-top: calc(40 * var(--to-rem));
  }
}
@media screen and (max-width: 768px) {
  .p-interview-schedule__list + .p-interview-schedule__list {
    margin-top: calc(24 * var(--to-rem));
  }
}

.p-interview-schedule__item {
  position: relative;
  display: flex;
  column-gap: calc(16 * var(--to-rem));
  align-items: flex-start;
}
@media screen and (max-width: 768px) {
  .p-interview-schedule__item {
    column-gap: calc(8 * var(--to-rem));
  }
}

.p-interview-schedule__item + .p-interview-schedule__item {
  margin-top: calc(40 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .p-interview-schedule__item + .p-interview-schedule__item {
    margin-top: calc(24 * var(--to-rem));
  }
}

.p-interview-schedule__item::before {
  position: absolute;
  top: calc(14 * var(--to-rem));
  bottom: calc(-54 * var(--to-rem));
  left: calc(124.5 * var(--to-rem));
  width: calc(1 * var(--to-rem));
  content: "";
  background-image: linear-gradient(var(--color-text) 50%, transparent 50%);
  background-repeat: repeat-y;
  background-size: 100% calc(4 * var(--to-rem));
  opacity: 0.3;
}
@media screen and (max-width: 768px) {
  .p-interview-schedule__item::before {
    top: calc(8 * var(--to-rem));
    bottom: calc(-32 * var(--to-rem));
    left: calc(51.5 * var(--to-rem));
  }
}

.p-interview-schedule__list:first-child .p-interview-schedule__item:last-child::before {
  bottom: 0;
}
@media screen and (max-width: 1023px) {
  .p-interview-schedule__list:first-child .p-interview-schedule__item:last-child::before {
    bottom: calc(-54 * var(--to-rem));
  }
}
@media screen and (max-width: 768px) {
  .p-interview-schedule__list:first-child .p-interview-schedule__item:last-child::before {
    bottom: calc(-32 * var(--to-rem));
  }
}

.p-interview-schedule__list:last-child .p-interview-schedule__item:last-child::before {
  content: none;
}

.p-interview-schedule__time {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: flex-end;
  width: calc(95 * var(--to-rem));
  height: calc(28 * var(--to-rem));
  font-family: var(--title-font-family);
  font-size: calc(20 * var(--to-rem));
  font-weight: 800;
  line-height: 0.8;
  color: var(--color-text);
  letter-spacing: -0.02em;
}
@media screen and (max-width: 768px) {
  .p-interview-schedule__time {
    width: calc(36 * var(--to-rem));
    height: calc(16 * var(--to-rem));
    font-size: calc(16 * var(--to-rem));
  }
}

.p-interview-schedule__dot {
  position: relative;
  flex-shrink: 0;
  width: calc(28 * var(--to-rem));
  height: calc(28 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .p-interview-schedule__dot {
    width: calc(16 * var(--to-rem));
    height: calc(16 * var(--to-rem));
  }
}

.p-interview-schedule__dot::before {
  position: absolute;
  inset: 0;
  width: calc(8 * var(--to-rem));
  height: calc(8 * var(--to-rem));
  margin: auto;
  content: "";
  background-color: var(--color-red);
  border-radius: 100%;
}
@media screen and (max-width: 768px) {
  .p-interview-schedule__dot::before {
    width: calc(6 * var(--to-rem));
    height: calc(6 * var(--to-rem));
  }
}

.p-interview-schedule__icon {
  position: relative;
  flex-shrink: 0;
  width: calc(56 * var(--to-rem));
  height: calc(28 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .p-interview-schedule__icon {
    width: calc(36 * var(--to-rem));
    height: calc(18 * var(--to-rem));
  }
}

.p-interview-schedule__icon img {
  position: absolute;
  top: -50%;
  left: 0;
  display: block;
  width: 100%;
  height: 200%;
}

.p-interview-schedule__body {
  flex: 1;
  min-width: 0;
}
@media screen and (max-width: 768px) {
  .p-interview-schedule__body {
    padding-inline: calc(4 * var(--to-rem)) 0;
  }
}

.p-interview-schedule__name {
  font-family: var(--base-font-family);
  font-size: calc(20 * var(--to-rem));
  font-weight: var(--fw-bold);
  line-height: 1.2;
  color: var(--color-text);
  letter-spacing: -0.02em;
}
@media screen and (max-width: 768px) {
  .p-interview-schedule__name {
    font-size: calc(16 * var(--to-rem));
    line-height: 1.1875;
  }
}

.p-interview-schedule__desc {
  min-height: calc(48 * var(--to-rem));
  margin-top: calc(8 * var(--to-rem));
  font-family: var(--base-font-family);
  font-size: calc(16 * var(--to-rem));
  font-weight: var(--fw-medium);
  line-height: 1.5;
  color: var(--color-text);
  letter-spacing: -0.02em;
  opacity: 0.5;
}
@media screen and (max-width: 768px) {
  .p-interview-schedule__desc {
    min-height: calc(40 * var(--to-rem));
    margin-top: calc(4 * var(--to-rem));
    font-size: calc(14 * var(--to-rem));
  }
}

.p-interview-title {
  position: relative;
}

.p-location-area {
  margin-top: calc(109 * var(--to-rem));
  overflow-x: clip;
}
@media screen and (max-width: 768px) {
  .p-location-area {
    margin-top: calc(120 * var(--to-rem));
  }
}

.p-location-area__inner {
  width: calc(100% - 48 * var(--to-rem));
  max-width: calc(1130 * var(--to-rem));
  margin-inline: auto;
}
@media screen and (max-width: 768px) {
  .p-location-area__inner {
    max-width: none;
  }
}

.p-location-area__tabs {
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .p-location-area__tabs {
    display: none;
    padding-inline: calc(24 * var(--to-rem));
    margin-inline: calc(-24 * var(--to-rem));
    overflow-x: auto;
    overscroll-behavior-x: contain;
    scrollbar-width: none;
  }
}

.p-location-area__tabs::-webkit-scrollbar {
  display: none;
}

.p-location-area__tabs.is-docked {
  position: fixed;
  bottom: calc(16 * var(--to-rem));
  left: 50%;
  z-index: var(--z-fab);
  width: min(1130 * var(--to-rem), 100% - 48 * var(--to-rem));
  translate: -50% 0;
}
@media screen and (max-width: 768px) {
  .p-location-area__tabs.is-docked {
    right: 0;
    bottom: calc(-8 * var(--to-rem));
    left: 0;
    width: auto;
    padding-block: calc(24 * var(--to-rem));
    margin-inline: 0;
    translate: none;
  }
}

.p-location-area__tabs.is-docked {
  transition: opacity var(--duration), visibility var(--duration);
}
@media (prefers-reduced-motion: reduce) {
  .p-location-area__tabs.is-docked {
    transition: none;
  }
}

.p-location-area__tabs.is-away {
  visibility: hidden;
  opacity: 0;
}

.p-location-area__tabs.is-docked .p-location-area__tabList {
  box-shadow: 0 calc(4 * var(--to-rem)) calc(24 * var(--to-rem)) color-mix(in srgb, var(--color-black) 12%, transparent);
}

.p-location-area__tabList {
  display: flex;
  gap: calc(20 * var(--to-rem));
  align-items: stretch;
  padding-block: calc(12 * var(--to-rem)) calc(16 * var(--to-rem));
  padding-inline: calc(20 * var(--to-rem));
  overflow-x: auto;
  overscroll-behavior-x: contain;
  scrollbar-width: none;
  background-color: var(--color-white);
  border-radius: calc(12 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .p-location-area__tabList {
    flex-shrink: 0;
    gap: calc(40 * var(--to-rem));
    width: max-content;
    padding-block: 0;
    padding-inline: calc(40 * var(--to-rem));
  }
}

.p-location-area__tabList::-webkit-scrollbar {
  display: none;
}

.p-location-area__tabList::before,
.p-location-area__tabList::after {
  flex-grow: 1;
  content: "";
}

.p-location-area__tabList::before {
  margin-right: calc(-20 * var(--to-rem));
}

.p-location-area__tabList::after {
  margin-left: calc(-20 * var(--to-rem));
}

.p-location-area__tab {
  position: relative;
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  gap: calc(4 * var(--to-rem));
  align-items: center;
  justify-content: center;
  padding-inline: calc(10 * var(--to-rem));
  margin-inline: calc(-10 * var(--to-rem));
  cursor: pointer;
  background: none;
  border: none;
}
@media screen and (max-width: 768px) {
  .p-location-area__tab {
    gap: 0;
    padding-block: calc(16 * var(--to-rem)) calc(18 * var(--to-rem));
    padding-inline: calc(20 * var(--to-rem));
    margin-inline: calc(-20 * var(--to-rem));
  }
}

.p-location-area__tab.is-active::after {
  position: absolute;
  inset-inline: calc(10 * var(--to-rem));
  bottom: calc(-16 * var(--to-rem));
  height: calc(4 * var(--to-rem));
  content: "";
  background-color: var(--color-red);
}
@media screen and (max-width: 768px) {
  .p-location-area__tab.is-active::after {
    inset-inline: calc(20 * var(--to-rem));
    bottom: 0;
    height: calc(3 * var(--to-rem));
  }
}

.p-location-area__tabArea {
  font-family: var(--base-font-family);
  font-size: calc(13 * var(--to-rem));
  font-weight: var(--fw-medium);
  line-height: 1.2308;
  color: var(--color-gray-mid);
  text-align: center;
  letter-spacing: -0.02em;
}
@media screen and (max-width: 768px) {
  .p-location-area__tabArea {
    font-size: calc(14 * var(--to-rem));
    font-weight: var(--fw-bold);
    line-height: 1.2143;
    white-space: nowrap;
  }
}

.p-location-area__tabName {
  font-family: var(--base-font-family);
  font-size: calc(15 * var(--to-rem));
  font-weight: var(--fw-bold);
  line-height: 1.2;
  color: var(--color-text);
  text-align: center;
  letter-spacing: -0.02em;
  white-space: nowrap;
}
@media screen and (max-width: 768px) {
  .p-location-area__tabName {
    display: none;
  }
}

.p-location-area__tabName--long {
  font-size: calc(14 * var(--to-rem));
  line-height: 1.2143;
}

.p-location-area__tab.is-active .p-location-area__tabArea,
.p-location-area__tab.is-active .p-location-area__tabName {
  color: var(--color-red);
}

.p-location-area__panel {
  position: relative;
  margin-top: calc(120 * var(--to-rem));
}

.p-location-area__panel[hidden] {
  display: none;
}

.p-location-area__silhouette {
  position: absolute;
  pointer-events: none;
}

.p-location-area__silhouette img {
  height: auto;
}

.p-location-area__silhouette--hokkaido {
  top: calc(-199 * var(--to-rem));
  left: calc(749 * var(--to-rem));
  width: calc(650 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .p-location-area__silhouette--hokkaido {
    top: calc(-79.875 * var(--to-rem));
    left: calc(131.25 * var(--to-rem));
    width: calc(487.5 * var(--to-rem));
  }
}

.p-location-area__silhouette--aomori {
  top: calc(-130 * var(--to-rem));
  left: calc(764 * var(--to-rem));
  width: calc(532 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .p-location-area__silhouette--aomori {
    top: calc(-106.375 * var(--to-rem));
    left: calc(57.75 * var(--to-rem));
    width: calc(399 * var(--to-rem));
  }
}

.p-location-area__silhouette--miyagi {
  top: calc(-123 * var(--to-rem));
  left: calc(830 * var(--to-rem));
  width: calc(484 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .p-location-area__silhouette--miyagi {
    top: calc(-93.5 * var(--to-rem));
    left: calc(148.25 * var(--to-rem));
    width: calc(363 * var(--to-rem));
  }
}

.p-location-area__silhouette--tokyo {
  top: calc(-56 * var(--to-rem));
  left: calc(691 * var(--to-rem));
  width: calc(599 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .p-location-area__silhouette--tokyo {
    top: calc(-78.875 * var(--to-rem));
    left: calc(-77.375 * var(--to-rem));
    width: calc(449.25 * var(--to-rem));
  }
}

.p-location-area__silhouette--gifu {
  top: calc(-88 * var(--to-rem));
  left: calc(849 * var(--to-rem));
  width: calc(407 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .p-location-area__silhouette--gifu {
    top: calc(-86.25 * var(--to-rem));
    left: calc(112.5 * var(--to-rem));
    width: calc(305.25 * var(--to-rem));
  }
}

.p-location-area__silhouette--osaka {
  top: calc(-172 * var(--to-rem));
  left: calc(831 * var(--to-rem));
  width: calc(392 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .p-location-area__silhouette--osaka {
    top: calc(-97 * var(--to-rem));
    left: calc(93.5 * var(--to-rem));
    width: calc(294 * var(--to-rem));
  }
}

.p-location-area__silhouette--ehime {
  top: calc(-95 * var(--to-rem));
  left: calc(641 * var(--to-rem));
  width: calc(648 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .p-location-area__silhouette--ehime {
    top: calc(-84.875 * var(--to-rem));
    left: calc(-48.5 * var(--to-rem));
    width: calc(486 * var(--to-rem));
  }
}

.p-location-area__silhouette--nagasaki {
  top: calc(-154 * var(--to-rem));
  left: calc(812 * var(--to-rem));
  width: calc(486 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .p-location-area__silhouette--nagasaki {
    top: calc(-106.25 * var(--to-rem));
    left: calc(116.25 * var(--to-rem));
    width: calc(364.5 * var(--to-rem));
  }
}

.p-location-area__silhouette--chicago {
  top: calc(-142 * var(--to-rem));
  left: calc(886 * var(--to-rem));
  width: calc(323 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .p-location-area__silhouette--chicago {
    top: calc(-75.25 * var(--to-rem));
    left: calc(119 * var(--to-rem));
    width: calc(245.375 * var(--to-rem));
  }
}

.p-location-area__head {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .p-location-area__head {
    align-items: flex-start;
    text-align: left;
  }
}

.p-location-area__area {
  font-family: var(--base-font-family);
  font-size: calc(18 * var(--to-rem));
  font-weight: var(--fw-bold);
  line-height: 1.5;
  color: var(--color-red);
  letter-spacing: -0.02em;
}
@media screen and (max-width: 768px) {
  .p-location-area__area {
    font-size: calc(16 * var(--to-rem));
  }
}

.p-location-area__name {
  margin-top: calc(8 * var(--to-rem));
  font-family: var(--base-font-family);
  font-size: calc(48 * var(--to-rem));
  font-weight: var(--fw-bold);
  line-height: 1.2084;
  color: var(--color-text);
  letter-spacing: -0.02em;
}
@media screen and (max-width: 768px) {
  .p-location-area__name {
    font-size: calc(40 * var(--to-rem));
    line-height: 1.2;
  }
}

.p-location-area__note {
  margin-top: calc(8 * var(--to-rem));
  font-family: var(--base-font-family);
  font-size: calc(14 * var(--to-rem));
  font-weight: var(--fw-medium);
  line-height: 1.5;
  color: var(--color-gray-mid);
  letter-spacing: -0.02em;
}
@media screen and (max-width: 768px) {
  .p-location-area__note {
    font-size: calc(12 * var(--to-rem));
  }
}

.p-location-area__lead {
  margin-top: calc(40 * var(--to-rem));
  font-family: var(--base-font-family);
  font-size: calc(18 * var(--to-rem));
  font-weight: var(--fw-medium);
  line-height: 2;
  color: var(--color-text);
  letter-spacing: -0.02em;
}
@media screen and (max-width: 768px) {
  .p-location-area__lead {
    margin-top: calc(32 * var(--to-rem));
    font-size: calc(16 * var(--to-rem));
  }
}

.p-location-area__body {
  position: relative;
  margin-top: calc(120 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .p-location-area__body {
    margin-top: calc(80 * var(--to-rem));
  }
}

.p-location-area__charmTitle {
  display: flex;
  gap: calc(16 * var(--to-rem));
  align-items: center;
  font-family: var(--base-font-family);
  font-size: calc(32 * var(--to-rem));
  font-weight: var(--fw-bold);
  line-height: 1.1875;
  color: var(--color-text);
  letter-spacing: -0.02em;
}
@media screen and (max-width: 768px) {
  .p-location-area__charmTitle {
    gap: calc(12 * var(--to-rem));
    font-size: calc(24 * var(--to-rem));
    line-height: 1.2084;
  }
}

.p-location-area__charmTitle::before {
  flex-shrink: 0;
  width: calc(8 * var(--to-rem));
  height: calc(8 * var(--to-rem));
  content: "";
  background-color: var(--color-red);
  border-radius: 100%;
}
@media screen and (max-width: 768px) {
  .p-location-area__charmTitle::before {
    width: calc(6 * var(--to-rem));
    height: calc(6 * var(--to-rem));
  }
}

.p-location-area__charmList {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, calc(364 * var(--to-rem))));
  justify-content: space-between;
  margin-top: calc(40 * var(--to-rem));
  list-style: none;
}
@media screen and (max-width: 768px) {
  .p-location-area__charmList {
    grid-template-columns: 1fr;
    row-gap: calc(48 * var(--to-rem));
    margin-top: calc(32 * var(--to-rem));
  }
}

.p-location-area__charmPhoto {
  aspect-ratio: 364/243;
  overflow: hidden;
  border-radius: calc(8 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .p-location-area__charmPhoto {
    aspect-ratio: 327/219;
  }
}

.p-location-area__charmText {
  margin-top: calc(16 * var(--to-rem));
  text-align: center;
}
@media screen and (max-width: 768px) {
  .p-location-area__charmText {
    margin-top: calc(12 * var(--to-rem));
  }
}

.p-location-area__charmName {
  font-family: var(--base-font-family);
  font-size: calc(18 * var(--to-rem));
  font-weight: var(--fw-bold);
  line-height: 1.5;
  color: var(--color-text);
  letter-spacing: -0.02em;
}
@media screen and (max-width: 768px) {
  .p-location-area__charmName {
    font-size: calc(16 * var(--to-rem));
  }
}

.p-location-area__charmDesc {
  margin-top: calc(8 * var(--to-rem));
  font-family: var(--base-font-family);
  font-size: calc(14 * var(--to-rem));
  font-weight: var(--fw-medium);
  line-height: 1.5;
  color: var(--color-text);
  letter-spacing: -0.02em;
}
@media screen and (max-width: 768px) {
  .p-location-area__charmDesc {
    margin-top: calc(4 * var(--to-rem));
    font-size: calc(12 * var(--to-rem));
  }
}

.p-location-area__voice {
  position: relative;
  display: flex;
  gap: calc(48 * var(--to-rem));
  align-items: flex-start;
  justify-content: space-between;
  padding-block: calc(40 * var(--to-rem));
  padding-inline: calc(80 * var(--to-rem));
  margin-top: calc(64 * var(--to-rem));
  background-color: var(--color-white);
  border-radius: calc(12 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .p-location-area__voice {
    display: block;
    padding-inline: calc(24 * var(--to-rem));
    margin-top: calc(48 * var(--to-rem));
  }
}

.p-location-area__voice::before {
  position: absolute;
  top: calc(-24 * var(--to-rem));
  left: calc(139 * var(--to-rem));
  width: calc(24 * var(--to-rem));
  height: calc(24 * var(--to-rem));
  clip-path: polygon(50% 0, 100% 100%, 0 100%);
  content: "";
  background-color: var(--color-white);
}
@media screen and (max-width: 768px) {
  .p-location-area__voice::before {
    top: calc(-20 * var(--to-rem));
    left: calc(73 * var(--to-rem));
    width: calc(20 * var(--to-rem));
    height: calc(20 * var(--to-rem));
  }
}

.p-location-area__voiceHead {
  display: flex;
  flex-shrink: 0;
  gap: calc(16 * var(--to-rem));
  align-items: flex-start;
}
@media screen and (max-width: 768px) {
  .p-location-area__voiceHead {
    gap: calc(8 * var(--to-rem));
    align-items: center;
  }
}

.p-location-area__voiceIcon {
  display: grid;
  flex-shrink: 0;
  width: calc(50 * var(--to-rem));
  height: calc(50 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .p-location-area__voiceIcon {
    width: calc(40 * var(--to-rem));
    height: calc(40 * var(--to-rem));
  }
}

.p-location-area__voiceLabel {
  font-family: var(--title-font-family);
  font-size: calc(16 * var(--to-rem));
  font-weight: 800;
  line-height: 0.8125;
  color: var(--color-red);
  letter-spacing: -0.02em;
}
@media screen and (max-width: 768px) {
  .p-location-area__voiceLabel {
    font-size: calc(14 * var(--to-rem));
    line-height: 0.7858;
  }
}

.p-location-area__voiceTitle {
  margin-top: calc(8 * var(--to-rem));
  font-family: var(--base-font-family);
  font-size: calc(24 * var(--to-rem));
  font-weight: var(--fw-bold);
  line-height: 1.2084;
  color: var(--color-text);
  letter-spacing: -0.02em;
}
@media screen and (max-width: 768px) {
  .p-location-area__voiceTitle {
    font-size: calc(20 * var(--to-rem));
    line-height: 1.2;
  }
}

.p-location-area__voiceText {
  flex: 0 1 calc(705 * var(--to-rem));
  min-width: 0;
  font-family: var(--base-font-family);
  font-size: calc(16 * var(--to-rem));
  font-weight: var(--fw-medium);
  line-height: 2;
  color: var(--color-text);
  letter-spacing: -0.02em;
}
@media screen and (max-width: 768px) {
  .p-location-area__voiceText {
    margin-top: calc(24 * var(--to-rem));
    font-size: calc(14 * var(--to-rem));
  }
}

@property --location-map-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 1130px;
}
.p-location-map {
  margin-top: calc(24 * var(--to-rem));
}

.p-location-map__inner {
  width: calc(100% - 48 * var(--to-rem));
  max-width: calc(1130 * var(--to-rem));
  margin-inline: auto;
}
@media screen and (max-width: 768px) {
  .p-location-map__inner {
    max-width: none;
  }
}

.p-location-map__lead {
  font-family: var(--base-font-family);
  font-size: calc(18 * var(--to-rem));
  font-weight: var(--fw-medium);
  line-height: 2;
  color: var(--color-text);
  letter-spacing: -0.02em;
}
@media screen and (max-width: 768px) {
  .p-location-map__lead {
    font-size: calc(16 * var(--to-rem));
  }
}

.p-location-map__body {
  position: relative;
  margin-top: calc(64 * var(--to-rem));
}
@media screen and (width <= 1100px) {
  .p-location-map__body {
    display: flex;
    flex-direction: column;
  }
}
@media screen and (max-width: 768px) {
  .p-location-map__body {
    display: block;
    margin-top: calc(80 * var(--to-rem));
  }
}

.p-location-map__band {
  display: none;
}
@media screen and (max-width: 768px) {
  .p-location-map__band {
    display: flex;
    padding-inline: calc(24 * var(--to-rem));
    margin-inline: calc(-24 * var(--to-rem));
    overflow-x: auto;
    overscroll-behavior-x: contain;
    scrollbar-width: none;
  }
}

.p-location-map__band::-webkit-scrollbar {
  display: none;
}

@media screen and (max-width: 768px) {
  .p-location-map__band.is-docked {
    position: fixed;
    right: 0;
    bottom: calc(-8 * var(--to-rem));
    left: 0;
    z-index: var(--z-fab);
    padding-block: calc(24 * var(--to-rem));
    margin-inline: 0;
  }
}

.p-location-map__band.is-docked {
  transition: opacity var(--duration), visibility var(--duration);
}
@media (prefers-reduced-motion: reduce) {
  .p-location-map__band.is-docked {
    transition: none;
  }
}

.p-location-map__band.is-away {
  visibility: hidden;
  opacity: 0;
}

.p-location-map__band.is-docked .p-location-map__bandList {
  box-shadow: 0 calc(4 * var(--to-rem)) calc(24 * var(--to-rem)) color-mix(in srgb, var(--color-black) 12%, transparent);
}

.p-location-map__bandList {
  display: flex;
  flex-shrink: 0;
  gap: calc(40 * var(--to-rem));
  width: max-content;
  padding-inline: calc(40 * var(--to-rem));
  background-color: var(--color-white);
  border-radius: calc(12 * var(--to-rem));
}

.p-location-map__bandButton {
  position: relative;
  padding-block: calc(16 * var(--to-rem)) calc(18 * var(--to-rem));
  padding-inline: calc(20 * var(--to-rem));
  margin-inline: calc(-20 * var(--to-rem));
  font-family: var(--base-font-family);
  font-size: calc(14 * var(--to-rem));
  font-weight: var(--fw-bold);
  line-height: 1.2143;
  color: var(--color-gray-mid);
  letter-spacing: -0.02em;
  white-space: nowrap;
  cursor: pointer;
  background: none;
  border: none;
}

.p-location-map__bandButton.is-active {
  color: var(--color-red);
}

.p-location-map__bandButton.is-active::after {
  position: absolute;
  inset-inline: calc(20 * var(--to-rem));
  bottom: 0;
  height: calc(3 * var(--to-rem));
  content: "";
  background-color: var(--color-red);
}

.p-location-map__mapWrap {
  position: relative;
}

.p-location-map__map {
  position: relative;
  container-type: inline-size;
  width: 100%;
  aspect-ratio: 1130/780;
}
@media screen and (width <= 1100px) {
  .p-location-map__map {
    margin-top: calc(40 * var(--to-rem));
  }
}
@media screen and (max-width: 768px) {
  .p-location-map__map {
    height: calc(240 * var(--to-rem));
    aspect-ratio: auto;
    margin-top: calc(24 * var(--to-rem));
    overflow: auto;
    background-color: color-mix(in srgb, var(--color-gray-light) 15%, transparent);
    border: calc(1 * var(--to-rem)) solid var(--color-gray-light);
    border-radius: calc(12 * var(--to-rem)) calc(12 * var(--to-rem)) 0 0;
    scrollbar-width: none;
  }
}

.p-location-map__map::-webkit-scrollbar {
  display: none;
}

.p-location-map__swipe {
  display: none;
}
@media screen and (max-width: 768px) {
  .p-location-map__swipe {
    position: absolute;
    right: calc(16 * var(--to-rem));
    bottom: calc(12 * var(--to-rem));
    z-index: 2;
    display: block;
    width: calc(32 * var(--to-rem));
    height: calc(32 * var(--to-rem));
    pointer-events: none;
  }
}

.p-location-map__canvas {
  position: absolute;
  inset: 0;
}
@media screen and (max-width: 768px) {
  .p-location-map__canvas {
    position: relative;
    inset: auto;
    width: calc(1200 * var(--to-rem));
    height: calc(1080 * var(--to-rem));
  }
}

.p-location-map__japan {
  position: absolute;
  top: 0;
  left: 20.771%;
  width: 60.712%;
  aspect-ratio: 686.05/780.02;
}
@media screen and (max-width: 768px) {
  .p-location-map__japan {
    top: calc(54 * var(--to-rem));
    left: calc(145 * var(--to-rem));
    width: calc(854.44 * var(--to-rem));
  }
}

.p-location-map__usFrame {
  position: absolute;
  top: 58.718%;
  left: 69.469%;
  width: 30.531%;
  aspect-ratio: 345/241;
}
@media screen and (max-width: 768px) {
  .p-location-map__usFrame {
    top: calc(692 * var(--to-rem));
    left: calc(792 * var(--to-rem));
    width: calc(345 * var(--to-rem));
  }
}

.p-location-map__us {
  position: absolute;
  top: 63.077%;
  left: 72.655%;
  width: 26.018%;
  aspect-ratio: 294/185;
}
@media screen and (max-width: 768px) {
  .p-location-map__us {
    top: calc(728 * var(--to-rem));
    left: calc(826 * var(--to-rem));
    width: calc(294 * var(--to-rem));
  }
}

.p-location-map__pins {
  position: absolute;
  inset: 0;
  list-style: none;
}

.p-location-map__pin {
  padding: 0;
  cursor: pointer;
  background: none;
  border: none;
}
@media screen and (max-width: 768px) {
  .p-location-map__pin {
    position: absolute;
    width: calc(44 * var(--to-rem));
    height: calc(44 * var(--to-rem));
    transform: translate(-50%, -50%);
  }
}

.p-location-map__pinLine {
  position: absolute;
  z-index: 0;
  display: block;
  pointer-events: none;
}
@media screen and (max-width: 768px) {
  .p-location-map__pinLine {
    display: none;
  }
}

.p-location-map__pinLine img {
  display: block;
  object-fit: fill;
}

.p-location-map__pinDot {
  position: absolute;
  z-index: 1;
  width: calc(14 * var(--to-rem));
  height: calc(14 * var(--to-rem));
  background-color: var(--color-gray-mid);
  border: calc(1 * var(--to-rem)) solid var(--color-white);
  border-radius: 100%;
  transform: translate(-50%, -50%);
}

@media screen and (max-width: 768px) {
  .p-location-map__pinItem .p-location-map__pin .p-location-map__pinDot {
    top: 50%;
    left: 50%;
  }
}

.p-location-map__pin.is-active .p-location-map__pinDot {
  width: calc(20 * var(--to-rem));
  height: calc(20 * var(--to-rem));
  background-color: var(--color-red);
  border-width: calc(2 * var(--to-rem));
}

.p-location-map__pinLabel {
  position: absolute;
  z-index: 2;
  display: inline-flex;
  gap: calc(12 * var(--to-rem));
  align-items: center;
  padding-block: calc(10 * var(--to-rem));
  padding-inline: calc(14 * var(--to-rem)) calc(18 * var(--to-rem));
  white-space: nowrap;
  background-color: var(--color-text);
  border-radius: calc(20 * var(--to-rem)) calc(3 * var(--to-rem));
  transition: background-color var(--duration);
  --location-map-width: 100cqi;
  scale: clamp(0.8, tan(atan2(var(--location-map-width), 1130px)), 1);
}
@media screen and (max-width: 768px) {
  .p-location-map__pinLabel {
    display: none;
  }
}

.p-location-map__pin.is-active .p-location-map__pinLabel {
  background-color: var(--color-red);
}

.p-location-map__pin:focus-visible {
  outline: none;
}

.p-location-map__pin:focus-visible .p-location-map__pinLabel,
.p-location-map__pin:focus-visible .p-location-map__pinDot {
  outline: calc(2 * var(--to-rem)) solid var(--color-red);
  outline-offset: calc(2 * var(--to-rem));
}

.p-location-map__pinArea {
  font-family: var(--base-font-family);
  font-size: calc(12 * var(--to-rem));
  font-weight: var(--fw-medium);
  line-height: 1.3334;
  color: var(--color-white);
  letter-spacing: -0.02em;
  opacity: 0.75;
}

.p-location-map__pinDivider {
  flex-shrink: 0;
  width: calc(1 * var(--to-rem));
  height: calc(20 * var(--to-rem));
  background-color: var(--color-white);
}

.p-location-map__pinName {
  font-family: var(--base-font-family);
  font-size: calc(14 * var(--to-rem));
  font-weight: var(--fw-bold);
  line-height: 1.2858;
  color: var(--color-white);
  letter-spacing: -0.02em;
}

@media screen and (max-width: 768px) {
  .p-location-map__pinItem--hokkaido .p-location-map__pin {
    top: calc(318 * var(--to-rem));
    left: calc(731 * var(--to-rem));
  }
}

.p-location-map__pinItem--hokkaido .p-location-map__pinDot {
  top: 27.564%;
  left: 62.832%;
}

.p-location-map__pinItem--hokkaido .p-location-map__pinLabel {
  right: 37.92%;
  bottom: 88.59%;
  transform-origin: right bottom;
}

.p-location-map__pinItem--hokkaido .p-location-map__pinLine {
  top: 11.41%;
  left: 51.947%;
  width: 10.885%;
  height: 16.154%;
}

@media screen and (max-width: 768px) {
  .p-location-map__pinItem--aomori .p-location-map__pin {
    top: calc(350 * var(--to-rem));
    left: calc(744 * var(--to-rem));
  }
}

.p-location-map__pinItem--aomori .p-location-map__pinDot {
  top: 30.513%;
  left: 63.363%;
}

.p-location-map__pinItem--aomori .p-location-map__pinLabel {
  top: 30.513%;
  left: 70.708%;
  transform-origin: left center;
  translate: 0 -50%;
}

.p-location-map__pinItem--aomori .p-location-map__pinLine {
  top: 30.513%;
  left: 63.363%;
  width: 7.345%;
  height: calc(1 * var(--to-rem));
}

@media screen and (max-width: 768px) {
  .p-location-map__pinItem--miyagi .p-location-map__pin {
    top: calc(529 * var(--to-rem));
    left: calc(733 * var(--to-rem));
  }
}

.p-location-map__pinItem--miyagi .p-location-map__pinDot {
  top: 49.359%;
  left: 62.389%;
}

.p-location-map__pinItem--miyagi .p-location-map__pinLabel {
  top: 49.359%;
  left: 70.885%;
  transform-origin: left center;
  translate: 0 -50%;
}

.p-location-map__pinItem--miyagi .p-location-map__pinLine {
  top: 49.359%;
  left: 62.389%;
  width: 8.496%;
  height: calc(1 * var(--to-rem));
}

@media screen and (max-width: 768px) {
  .p-location-map__pinItem--tokyo .p-location-map__pin {
    top: calc(734 * var(--to-rem));
    left: calc(680 * var(--to-rem));
  }
}

.p-location-map__pinItem--tokyo .p-location-map__pinDot {
  top: 70.256%;
  left: 58.761%;
}

.p-location-map__pinItem--tokyo .p-location-map__pinLabel {
  top: 83.462%;
  left: 58.761%;
  transform-origin: center top;
  translate: -50% 0;
}

.p-location-map__pinItem--tokyo .p-location-map__pinLine {
  top: 70.256%;
  left: 58.761%;
  width: calc(1 * var(--to-rem));
  height: 13.205%;
}

@media screen and (max-width: 768px) {
  .p-location-map__pinItem--gifu .p-location-map__pin {
    top: calc(705 * var(--to-rem));
    left: calc(533 * var(--to-rem));
  }
}

.p-location-map__pinItem--gifu .p-location-map__pinDot {
  top: 67.051%;
  left: 48.496%;
}

.p-location-map__pinItem--gifu .p-location-map__pinLabel {
  right: 44.53%;
  bottom: 45.897%;
  transform-origin: right bottom;
}

.p-location-map__pinItem--gifu .p-location-map__pinLine {
  top: 54.103%;
  left: 48.496%;
  width: calc(1 * var(--to-rem));
  height: 12.949%;
}

@media screen and (max-width: 768px) {
  .p-location-map__pinItem--osaka .p-location-map__pin {
    top: calc(793 * var(--to-rem));
    left: calc(457 * var(--to-rem));
  }
}

.p-location-map__pinItem--osaka .p-location-map__pinDot {
  top: 76.154%;
  left: 42.832%;
}

.p-location-map__pinItem--osaka .p-location-map__pinLabel {
  top: 91.282%;
  left: 42.832%;
  transform-origin: center top;
  translate: -50% 0;
}

.p-location-map__pinItem--osaka .p-location-map__pinLine {
  top: 76.154%;
  left: 42.832%;
  width: calc(1 * var(--to-rem));
  height: 15.128%;
}

@media screen and (max-width: 768px) {
  .p-location-map__pinItem--ehime .p-location-map__pin {
    top: calc(849 * var(--to-rem));
    left: calc(339 * var(--to-rem));
  }
}

.p-location-map__pinItem--ehime .p-location-map__pinDot {
  top: 81.667%;
  left: 34.779%;
}

.p-location-map__pinItem--ehime .p-location-map__pinLabel {
  right: 57.47%;
  bottom: 33.718%;
  transform-origin: right bottom;
}

.p-location-map__pinItem--ehime .p-location-map__pinLine {
  top: 66.282%;
  left: 34.779%;
  width: calc(1 * var(--to-rem));
  height: 15.385%;
}

@media screen and (max-width: 768px) {
  .p-location-map__pinItem--nagasaki .p-location-map__pin {
    top: calc(883 * var(--to-rem));
    left: calc(154 * var(--to-rem));
  }
}

.p-location-map__pinItem--nagasaki .p-location-map__pinDot {
  top: 85.385%;
  left: 21.593%;
}

.p-location-map__pinItem--nagasaki .p-location-map__pinLabel {
  right: 70.83%;
  bottom: 24.872%;
  transform-origin: right bottom;
}

.p-location-map__pinItem--nagasaki .p-location-map__pinLine {
  top: 75.128%;
  left: 21.593%;
  width: calc(1 * var(--to-rem));
  height: 10.256%;
}

@media screen and (max-width: 768px) {
  .p-location-map__pinItem--chicago .p-location-map__pin {
    top: calc(794 * var(--to-rem));
    left: calc(1018 * var(--to-rem));
  }
}

.p-location-map__pinItem--chicago .p-location-map__pinDot {
  top: 71.795%;
  left: 89.469%;
}

.p-location-map__pinItem--chicago .p-location-map__pinLabel {
  top: 93.462%;
  right: 0;
  transform-origin: right top;
}

.p-location-map__pinItem--chicago .p-location-map__pinLine {
  top: 71.795%;
  left: 83.894%;
  width: 5.575%;
  height: 21.667%;
}

.p-location-map__cards {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
  width: calc(424 * var(--to-rem));
  max-width: 100%;
}
@media screen and (width <= 1100px) {
  .p-location-map__cards {
    position: static;
    order: -1;
  }
}
@media screen and (max-width: 768px) {
  .p-location-map__cards {
    width: 100%;
  }
}

.p-location-map__card {
  display: flex;
  flex-direction: column;
  padding-block: calc(32 * var(--to-rem));
  padding-inline: calc(32 * var(--to-rem));
  background-color: var(--color-white);
  border-radius: calc(12 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .p-location-map__card {
    padding-block: calc(24 * var(--to-rem));
    padding-inline: calc(24 * var(--to-rem));
    border-radius: 0 0 calc(12 * var(--to-rem)) calc(12 * var(--to-rem));
  }
}

.p-location-map__card[hidden] {
  display: none;
}

.p-location-map__cardArea {
  font-family: var(--base-font-family);
  font-size: calc(14 * var(--to-rem));
  font-weight: var(--fw-bold);
  line-height: 1.5;
  color: var(--color-red);
  letter-spacing: -0.02em;
}
@media screen and (max-width: 768px) {
  .p-location-map__cardArea {
    font-size: calc(12 * var(--to-rem));
  }
}

.p-location-map__cardName {
  margin-top: calc(4 * var(--to-rem));
  font-family: var(--base-font-family);
  font-size: calc(28 * var(--to-rem));
  font-weight: var(--fw-bold);
  line-height: 1.2143;
  color: var(--color-text);
  letter-spacing: -0.02em;
}
@media screen and (max-width: 768px) {
  .p-location-map__cardName {
    font-size: calc(24 * var(--to-rem));
    line-height: 1.2084;
  }
}

.p-location-map__cardBody {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  margin-top: calc(40 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .p-location-map__cardBody {
    margin-top: calc(32 * var(--to-rem));
  }
}

.p-location-map__table {
  align-self: stretch;
}

.p-location-map__row {
  display: flex;
  gap: calc(24 * var(--to-rem));
  align-items: center;
  padding-block: 0 calc(24 * var(--to-rem));
  border-bottom: calc(1 * var(--to-rem)) solid color-mix(in srgb, var(--color-text) 30%, transparent);
}
@media screen and (max-width: 768px) {
  .p-location-map__row {
    gap: calc(16 * var(--to-rem));
    padding-block: 0 calc(16 * var(--to-rem));
  }
}

.p-location-map__row + .p-location-map__row {
  margin-top: calc(24 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .p-location-map__row + .p-location-map__row {
    margin-top: calc(16 * var(--to-rem));
  }
}

.p-location-map__term {
  flex-shrink: 0;
  width: calc(72 * var(--to-rem));
  font-family: var(--base-font-family);
  font-size: calc(14 * var(--to-rem));
  font-weight: var(--fw-medium);
  line-height: 1.5;
  color: var(--color-gray-mid);
  letter-spacing: -0.02em;
}
@media screen and (max-width: 768px) {
  .p-location-map__term {
    width: calc(60 * var(--to-rem));
    font-size: calc(12 * var(--to-rem));
  }
}

.p-location-map__desc {
  flex: 1;
  min-width: 0;
  font-family: var(--base-font-family);
  font-size: calc(14 * var(--to-rem));
  font-weight: var(--fw-medium);
  line-height: 1.5;
  color: var(--color-text);
  letter-spacing: -0.02em;
}
@media screen and (max-width: 768px) {
  .p-location-map__desc {
    font-size: calc(12 * var(--to-rem));
  }
}

.p-location-map__more {
  display: inline-flex;
  gap: calc(10 * var(--to-rem));
  align-items: center;
  padding-block: calc(10 * var(--to-rem));
  margin-top: calc(22 * var(--to-rem));
  margin-bottom: calc(-10 * var(--to-rem));
  color: var(--color-text);
  text-decoration: none;
}
@media screen and (max-width: 768px) {
  .p-location-map__more {
    margin-top: calc(14 * var(--to-rem));
  }
}

.p-location-map__moreText {
  font-family: var(--base-font-family);
  font-size: calc(16 * var(--to-rem));
  font-weight: var(--fw-bold);
  line-height: 1.5;
  letter-spacing: -0.02em;
}
@media screen and (max-width: 768px) {
  .p-location-map__moreText {
    font-size: calc(14 * var(--to-rem));
  }
}

.p-location-map__moreIcon {
  display: grid;
  width: calc(24 * var(--to-rem));
  height: calc(24 * var(--to-rem));
}

.p-location-work {
  position: relative;
  margin-top: calc(120 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .p-location-work {
    margin-top: calc(80 * var(--to-rem));
  }
}

.p-location-work__title {
  display: flex;
  gap: calc(16 * var(--to-rem));
  align-items: center;
  font-family: var(--base-font-family);
  font-size: calc(32 * var(--to-rem));
  font-weight: var(--fw-bold);
  line-height: 1.1875;
  color: var(--color-text);
  letter-spacing: -0.02em;
}
@media screen and (max-width: 768px) {
  .p-location-work__title {
    gap: calc(12 * var(--to-rem));
    font-size: calc(24 * var(--to-rem));
    line-height: 1.2084;
  }
}

.p-location-work__title::before {
  flex-shrink: 0;
  width: calc(8 * var(--to-rem));
  height: calc(8 * var(--to-rem));
  content: "";
  background-color: var(--color-red);
  border-radius: 100%;
}
@media screen and (max-width: 768px) {
  .p-location-work__title::before {
    width: calc(6 * var(--to-rem));
    height: calc(6 * var(--to-rem));
  }
}

.p-location-work__photo {
  aspect-ratio: 1130/400;
  margin-top: calc(40 * var(--to-rem));
  overflow: hidden;
  border-radius: calc(8 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .p-location-work__photo {
    aspect-ratio: 327/200;
    margin-top: calc(32 * var(--to-rem));
  }
}

.p-location-work__photo picture {
  display: block;
  width: 100%;
  height: 100%;
}

.p-location-work__cols {
  display: flex;
  gap: calc(64 * var(--to-rem));
  align-items: flex-start;
  margin-top: calc(40 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .p-location-work__cols {
    display: block;
    margin-top: calc(32 * var(--to-rem));
  }
}

.p-location-work__col {
  flex: 1;
  min-width: 0;
}

@media screen and (max-width: 768px) {
  .p-location-work__col + .p-location-work__col {
    margin-top: calc(32 * var(--to-rem));
  }
}

.p-location-work__colTitle {
  font-family: var(--base-font-family);
  font-size: calc(24 * var(--to-rem));
  font-weight: var(--fw-bold);
  line-height: 1.5;
  color: var(--color-text);
  letter-spacing: -0.02em;
}
@media screen and (max-width: 768px) {
  .p-location-work__colTitle {
    font-size: calc(20 * var(--to-rem));
  }
}

.p-location-work__colText {
  margin-top: calc(16 * var(--to-rem));
  font-family: var(--base-font-family);
  font-size: calc(16 * var(--to-rem));
  font-weight: var(--fw-medium);
  line-height: 2;
  color: var(--color-text);
  letter-spacing: -0.02em;
}
@media screen and (max-width: 768px) {
  .p-location-work__colText {
    margin-top: calc(12 * var(--to-rem));
    font-size: calc(14 * var(--to-rem));
  }
}

.p-movie-modal__dialog {
  position: relative;
  width: min(960 * var(--to-rem), 100%, (100svh - 120 * var(--to-rem)) * 16 / 9);
}

.p-movie-modal__close {
  position: absolute;
  right: calc(-10 * var(--to-rem));
  bottom: 100%;
  display: grid;
  place-items: center;
  width: calc(44 * var(--to-rem));
  height: calc(44 * var(--to-rem));
  cursor: pointer;
}

.p-movie-modal__close::before,
.p-movie-modal__close::after {
  grid-area: 1/1;
  width: calc(24 * var(--to-rem));
  height: calc(2 * var(--to-rem));
  content: "";
  background-color: var(--color-white);
}

.p-movie-modal__close::before {
  rotate: 45deg;
}

.p-movie-modal__close::after {
  rotate: -45deg;
}

.p-movie-modal__player {
  aspect-ratio: 16/9;
  overflow: hidden;
  background-color: var(--color-black);
}

.p-movie-modal__iframe {
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
}

.p-mv {
  position: relative;
  z-index: 1;
  width: 100%;
  height: max(500 * var(--to-rem), 100%);
  padding-block-start: var(--header-height);
}
@media screen and (max-width: 768px) {
  .p-mv {
    height: max(100svh, 450 * var(--to-rem));
  }
}

.p-mv__inner {
  position: relative;
  width: 100%;
  height: 100%;
  min-height: inherit;
}

.p-mv__title-wrap {
  position: absolute;
  inset: 0;
  z-index: 2;
  display: flex;
  flex-direction: column;
  gap: calc(24 * var(--to-rem));
  align-items: center;
  justify-content: center;
  width: 100%;
  padding-inline: var(--padding-inner);
  margin: auto;
  color: var(--color-white);
  text-align: center;
  container-type: inline-size;
}

.p-mv__main-title {
  font-weight: var(--fw-bold);
  line-height: 1.2;
  text-shadow: 0 2px 4px oklch(from var(--color-black) l c h/30%);
  letter-spacing: 0.05em;
  font-size: clamp(32 * var(--to-rem), 5cqi, 64 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .p-mv__main-title {
    font-size: calc(32 * var(--to-rem));
  }
}

.p-mv__sub-title {
  line-height: 1.6;
  text-shadow: 0 1px 2px oklch(from var(--color-black) l c h/30%);
  font-size: clamp(18 * var(--to-rem), 3cqi, 24 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .p-mv__sub-title {
    font-size: calc(18 * var(--to-rem));
  }
}

.p-mv__image {
  width: 100%;
  height: 100%;
}

.p-mv__image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.p-news {
  padding-block: calc(80 * var(--to-rem));
}

.p-news__inner {
  max-width: var(--inner);
  margin-inline: auto;
}

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

.p-news__eyebrow {
  margin: 0 0 calc(8 * var(--to-rem));
  font-family: var(--title-font-family);
  font-size: calc(16 * var(--to-rem));
  color: #52bcde;
  letter-spacing: 0.15em;
}

.p-news__title {
  margin: 0;
  font-size: calc(32 * var(--to-rem));
  font-weight: var(--fw-medium);
  color: var(--color-primary);
}

.p-news__body {
  margin-block-start: calc(32 * var(--to-rem));
}

.p-news__list {
  padding: 0;
  margin: 0;
  list-style: none;
  border-top: 1px solid var(--color-gray);
}

.p-news__item {
  display: grid;
  gap: calc(8 * var(--to-rem));
  padding-block: calc(14 * var(--to-rem));
  border-bottom: 1px solid var(--color-gray);
  grid-template-columns: auto auto 1fr;
  gap: calc(12 * var(--to-rem));
  align-items: baseline;
}
@media screen and (max-width: 768px) {
  .p-news__item {
    grid-template-columns: none;
    gap: calc(8 * var(--to-rem));
    align-items: stretch;
  }
}

.p-news__date {
  margin: 0;
  font-family: var(--title-font-family);
  font-size: calc(14 * var(--to-rem));
  color: #444;
}

.p-news__badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: calc(72 * var(--to-rem));
  padding-inline: calc(8 * var(--to-rem));
  font-size: calc(12 * var(--to-rem));
  color: var(--color-white);
  background-color: #73b2c8;
}

.p-news__badge--info {
  background-color: #73b2c8;
}

.p-news__text {
  margin: 0;
  font-size: calc(16 * var(--to-rem));
  line-height: 1.6;
}

.p-news__more {
  margin-block-start: calc(24 * var(--to-rem));
  text-align: center;
}

.p-people-crosstalk {
  width: calc(100% - 48 * var(--to-rem));
  max-width: calc(1130 * var(--to-rem));
  margin-inline: auto;
  margin-top: calc(204 * var(--to-rem));
  scroll-margin-top: calc(40 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .p-people-crosstalk {
    margin-top: calc(120 * var(--to-rem));
    scroll-margin-top: calc(24 * var(--to-rem));
  }
}

.p-people-crosstalk__text {
  margin-top: calc(40 * var(--to-rem));
  font-family: var(--base-font-family);
  font-size: calc(18 * var(--to-rem));
  font-weight: var(--fw-medium);
  line-height: 2;
  color: var(--color-text);
  letter-spacing: -0.02em;
  line-break: strict;
}
@media screen and (max-width: 768px) {
  .p-people-crosstalk__text {
    font-size: calc(16 * var(--to-rem));
  }
}

.p-people-crosstalk__soon {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: calc(200 * var(--to-rem));
  margin-top: calc(80 * var(--to-rem));
  font-family: var(--title-font-family);
  font-size: min(136 * var(--to-rem), 9.444vw);
  font-weight: var(--fw-light);
  line-height: 0.8;
  color: var(--color-gray-mid);
  text-align: center;
  text-transform: uppercase;
  letter-spacing: -0.02em;
}
@media screen and (max-width: 768px) {
  .p-people-crosstalk__soon {
    min-height: calc(120 * var(--to-rem));
    margin-top: calc(64 * var(--to-rem));
    font-size: calc(56 * var(--to-rem));
  }
}

.p-people-filter-fields__group {
  display: flex;
  column-gap: calc(24 * var(--to-rem));
  align-items: flex-start;
  justify-content: space-between;
}
@media screen and (max-width: 1023px) {
  .p-people-filter-fields__group {
    flex-direction: column;
  }
}
@media screen and (max-width: 768px) {
  .p-people-filter-fields__group {
    display: block;
  }
}

.p-people-filter-fields__rule + .p-people-filter-fields__group {
  margin-top: calc(39 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .p-people-filter-fields__rule + .p-people-filter-fields__group {
    margin-top: calc(32 * var(--to-rem));
  }
}

.p-people-filter-fields__rule--modal + .p-people-filter-fields__group--modal {
  margin-top: calc(31 * var(--to-rem));
}

.p-people-filter-fields__legend {
  flex-shrink: 0;
  font-family: var(--base-font-family);
  font-size: calc(20 * var(--to-rem));
  font-weight: var(--fw-bold);
  line-height: 1.5;
  color: var(--color-text);
  letter-spacing: -0.02em;
}
@media screen and (max-width: 768px) {
  .p-people-filter-fields__legend {
    font-size: calc(14 * var(--to-rem));
    line-height: 1.2143;
  }
}

.p-people-filter-fields__legend--modal {
  font-size: calc(16 * var(--to-rem));
  line-height: 1.2;
}

.p-people-filter-fields__fieldList {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: calc(12 * var(--to-rem)) calc(10 * var(--to-rem));
  width: calc(690 * var(--to-rem));
  max-width: 100%;
}
@media screen and (max-width: 1023px) {
  .p-people-filter-fields__fieldList {
    width: 100%;
    margin-top: calc(16 * var(--to-rem));
  }
}
@media screen and (max-width: 768px) {
  .p-people-filter-fields__fieldList {
    display: flex;
    gap: calc(8 * var(--to-rem));
    width: auto;
    max-width: none;
    padding-block: calc(4 * var(--to-rem));
    padding-inline: calc(24 * var(--to-rem));
    margin-inline: calc(-24 * var(--to-rem));
    margin-top: calc(4 * var(--to-rem));
    margin-bottom: calc(-4 * var(--to-rem));
    overflow-x: auto;
    scrollbar-width: none;
  }
}

@media screen and (max-width: 768px) {
  .p-people-filter-fields__fieldList::-webkit-scrollbar {
    display: none;
  }
}

.p-people-filter-fields__fieldList--modal {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: calc(8 * var(--to-rem));
  padding-block: 0;
  padding-inline: 0;
  margin-inline: 0;
  margin-top: calc(16 * var(--to-rem));
  margin-bottom: 0;
  overflow-x: visible;
}

.p-people-filter-fields__fieldItem,
.p-people-filter-fields__chipItem {
  position: relative;
  flex-shrink: 0;
}

.p-people-filter-fields__field {
  display: flex;
  gap: calc(8 * var(--to-rem));
  align-items: center;
  min-height: calc(56 * var(--to-rem));
  padding-block: calc(7 * var(--to-rem));
  padding-inline: calc(12 * var(--to-rem));
  cursor: pointer;
  background-color: var(--color-white);
  border: 1px solid color-mix(in srgb, var(--color-text) 30%, transparent);
  border-radius: calc(8 * var(--to-rem));
  transition: background-color var(--duration), border-color var(--duration), box-shadow var(--duration);
}
@media screen and (max-width: 768px) {
  .p-people-filter-fields__field {
    width: calc(140 * var(--to-rem));
    min-height: calc(48 * var(--to-rem));
    padding-inline: calc(8 * var(--to-rem));
  }
}

.p-people-filter-fields__field--all {
  flex-direction: column;
  justify-content: center;
  padding-inline: calc(16 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .p-people-filter-fields__field--all {
    width: calc(100 * var(--to-rem));
    padding-inline: calc(16 * var(--to-rem));
  }
}

.p-people-filter-fields__field--thermal {
  gap: calc(4 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .p-people-filter-fields__field--thermal {
    gap: calc(8 * var(--to-rem));
  }
}

.p-people-filter-fields__fieldList--modal .p-people-filter-fields__field {
  width: auto;
}

.p-people-filter-fields__icon {
  display: grid;
  flex-shrink: 0;
  width: calc(40 * var(--to-rem));
  height: calc(40 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .p-people-filter-fields__icon {
    width: calc(32 * var(--to-rem));
    height: calc(32 * var(--to-rem));
  }
}

.p-people-filter-fields__fieldText {
  flex: 1;
  min-width: 0;
  font-family: var(--base-font-family);
  font-size: calc(14 * var(--to-rem));
  font-weight: var(--fw-medium);
  line-height: 1.2;
  color: var(--color-text);
  letter-spacing: 0;
  word-break: keep-all;
  overflow-wrap: anywhere;
  opacity: 0.5;
  line-break: strict;
}
@media screen and (max-width: 768px) {
  .p-people-filter-fields__fieldText {
    font-size: calc(12 * var(--to-rem));
  }
}

.p-people-filter-fields__fieldText--all {
  flex: none;
  font-size: calc(16 * var(--to-rem));
  line-height: 1;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .p-people-filter-fields__fieldText--all {
    font-size: calc(12 * var(--to-rem));
  }
}

.p-people-filter-fields__chipList {
  display: flex;
  flex-wrap: wrap;
  gap: calc(12 * var(--to-rem)) calc(10 * var(--to-rem));
  width: calc(690 * var(--to-rem));
  max-width: 100%;
}
@media screen and (max-width: 1023px) {
  .p-people-filter-fields__chipList {
    width: 100%;
    margin-top: calc(16 * var(--to-rem));
  }
}
@media screen and (max-width: 768px) {
  .p-people-filter-fields__chipList {
    flex-wrap: nowrap;
    gap: calc(5 * var(--to-rem));
    width: auto;
    max-width: none;
    padding-block: calc(8 * var(--to-rem));
    padding-inline: calc(24 * var(--to-rem));
    margin-inline: calc(-24 * var(--to-rem));
    margin-top: 0;
    margin-bottom: calc(-8 * var(--to-rem));
    overflow-x: auto;
    scrollbar-width: none;
  }
}

@media screen and (max-width: 768px) {
  .p-people-filter-fields__chipList::-webkit-scrollbar {
    display: none;
  }
}

.p-people-filter-fields__chipList--modal {
  flex-wrap: wrap;
  gap: calc(8 * var(--to-rem)) calc(5 * var(--to-rem));
  padding-block: 0;
  padding-inline: 0;
  margin-inline: 0;
  margin-top: calc(16 * var(--to-rem));
  margin-bottom: 0;
  overflow-x: visible;
}

.p-people-filter-fields__chip {
  position: relative;
  display: flex;
  align-items: center;
  min-height: calc(32 * var(--to-rem));
  padding-block: 0 calc(2 * var(--to-rem));
  padding-inline: calc(16 * var(--to-rem));
  white-space: nowrap;
  cursor: pointer;
  background-color: var(--color-white);
  border: 1px solid color-mix(in srgb, var(--color-text) 30%, transparent);
  border-radius: calc(40 * var(--to-rem));
  transition: background-color var(--duration), border-color var(--duration);
}
@media screen and (max-width: 768px) {
  .p-people-filter-fields__chip {
    min-height: calc(28 * var(--to-rem));
    padding-block: calc(6 * var(--to-rem)) calc(8 * var(--to-rem));
    padding-inline: calc(12 * var(--to-rem));
  }
}

.p-people-filter-fields__chip::after {
  position: absolute;
  inset: calc(-7 * var(--to-rem)) 0;
  content: "";
}
@media screen and (max-width: 768px) {
  .p-people-filter-fields__chip::after {
    inset: calc(-9 * var(--to-rem)) 0;
  }
}

.p-people-filter-fields__chipText {
  font-family: var(--base-font-family);
  font-size: calc(16 * var(--to-rem));
  font-weight: var(--fw-medium);
  line-height: 1;
  color: var(--color-text);
  opacity: 0.5;
}
@media screen and (max-width: 768px) {
  .p-people-filter-fields__chipText {
    font-size: calc(12 * var(--to-rem));
  }
}

.p-people-filter-fields__input:checked + .p-people-filter-fields__field {
  border-color: var(--color-red);
  box-shadow: inset 0 0 0 1px var(--color-red);
}

.p-people-filter-fields__input:checked + .p-people-filter-fields__field > .p-people-filter-fields__fieldText {
  font-weight: var(--fw-bold);
  color: var(--color-red);
  opacity: 1;
}

.p-people-filter-fields__input:checked + .p-people-filter-fields__field--all,
.p-people-filter-fields__input:checked + .p-people-filter-fields__chip {
  background-color: var(--color-red);
  border-color: var(--color-red);
}

.p-people-filter-fields__input:checked + .p-people-filter-fields__field--all > .p-people-filter-fields__fieldText,
.p-people-filter-fields__input:checked + .p-people-filter-fields__chip > .p-people-filter-fields__chipText {
  font-weight: var(--fw-bold);
  color: var(--color-white);
  opacity: 1;
}

@media (any-hover: hover) {
  .p-people-filter-fields__input:not(:checked) + .p-people-filter-fields__field:hover,
  .p-people-filter-fields__input:not(:checked) + .p-people-filter-fields__chip:hover {
    border-color: var(--color-red);
  }
}
.p-people-filter-fields__input:focus-visible + .p-people-filter-fields__field,
.p-people-filter-fields__input:focus-visible + .p-people-filter-fields__chip {
  outline: calc(2 * var(--to-rem)) solid var(--color-text);
  outline-offset: calc(2 * var(--to-rem));
}

.p-people-filter-fields__rule {
  height: calc(1 * var(--to-rem));
  margin-top: calc(40 * var(--to-rem));
  background-image: repeating-linear-gradient(to right, var(--color-black) 0 calc(1 * var(--to-rem)), transparent calc(1 * var(--to-rem)) calc(3 * var(--to-rem)));
  border: 0;
  opacity: 0.7;
}
@media screen and (max-width: 768px) {
  .p-people-filter-fields__rule {
    display: none;
  }
}

.p-people-filter-fields__rule--modal {
  display: block;
  margin-top: calc(32 * var(--to-rem));
}

.p-people-filter-modal {
  display: none;
  padding-block: 0;
  padding-inline: calc(16 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .p-people-filter-modal {
    display: flex;
  }
}

.p-people-filter-modal__dialog {
  position: relative;
  width: 100%;
  max-width: var(--inner-sp);
  max-height: calc(100vh - 139 * var(--to-rem));
  max-height: calc(100svh - 139 * var(--to-rem));
  padding-block: calc(48 * var(--to-rem));
  padding-inline: calc(24 * var(--to-rem));
  overflow-y: auto;
  overscroll-behavior: contain;
  background-color: var(--color-white);
  border-radius: calc(12 * var(--to-rem));
}

.p-people-filter-modal__close {
  position: absolute;
  top: calc(9.15 * var(--to-rem));
  right: calc(8.85 * var(--to-rem));
  z-index: 1;
  display: grid;
  place-items: center;
  width: calc(44 * var(--to-rem));
  height: calc(44 * var(--to-rem));
  cursor: pointer;
}

.p-people-filter-modal__close::before,
.p-people-filter-modal__close::after {
  grid-area: 1/1;
  width: calc(20 * var(--to-rem));
  height: calc(2 * var(--to-rem));
  content: "";
  background-color: var(--color-text);
}

.p-people-filter-modal__close::before {
  rotate: 45deg;
}

.p-people-filter-modal__close::after {
  rotate: -45deg;
}

.p-people-filter-modal__en {
  display: block;
  font-family: var(--title-font-family);
  font-size: calc(16 * var(--to-rem));
  font-weight: 800;
  line-height: 0.8;
  color: var(--color-red);
  letter-spacing: -0.02em;
}

.p-people-filter-modal__title {
  margin-top: calc(8 * var(--to-rem));
  font-family: var(--base-font-family);
  font-size: calc(28 * var(--to-rem));
  font-weight: var(--fw-bold);
  line-height: 1;
  color: var(--color-text);
  letter-spacing: -0.02em;
}

.p-people-filter-modal__form {
  margin-top: calc(48 * var(--to-rem));
}

.p-people-filter-modal__submit {
  position: relative;
  display: flex;
  gap: calc(16 * var(--to-rem));
  align-items: center;
  width: fit-content;
  padding-block: calc(12 * var(--to-rem));
  padding-inline: calc(32 * var(--to-rem));
  margin-inline: auto;
  margin-top: calc(48 * var(--to-rem));
  cursor: pointer;
  background-color: var(--color-text);
  border-radius: calc(20 * var(--to-rem));
}

.p-people-filter-modal__submit::after {
  position: absolute;
  inset: calc(-2 * var(--to-rem)) 0;
  content: "";
}

.p-people-filter-modal__submitText {
  font-family: var(--base-font-family);
  font-size: calc(14 * var(--to-rem));
  font-weight: var(--fw-bold);
  line-height: 1;
  color: var(--color-white);
  letter-spacing: -0.02em;
}

.p-people-filter-modal__submitIcon {
  display: grid;
  width: calc(15 * var(--to-rem));
  height: calc(16 * var(--to-rem));
}

.p-people-filter {
  position: relative;
  z-index: 1;
  width: calc(100% - 48 * var(--to-rem));
  max-width: calc(1130 * var(--to-rem));
  margin-inline: auto;
  margin-top: calc(131 * var(--to-rem));
  scroll-margin-top: calc(40 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .p-people-filter {
    max-width: none;
    padding-block: calc(32 * var(--to-rem));
    padding-inline: calc(24 * var(--to-rem));
    margin-top: calc(82 * var(--to-rem));
    overflow: hidden;
    background-color: var(--color-white);
    border-radius: calc(12 * var(--to-rem));
    scroll-margin-top: calc(24 * var(--to-rem));
  }
}

.p-people-filter__note {
  width: calc(100% - 48 * var(--to-rem));
  max-width: calc(1130 * var(--to-rem));
  margin-inline: auto;
  margin-top: calc(32 * var(--to-rem));
  font-family: var(--base-font-family);
  font-size: calc(14 * var(--to-rem));
  font-weight: var(--fw-medium);
  line-height: 1.5;
  color: var(--color-gray-mid);
  letter-spacing: -0.02em;
}
@media screen and (max-width: 768px) {
  .p-people-filter__note {
    max-width: none;
    margin-top: calc(24 * var(--to-rem));
    font-size: calc(12 * var(--to-rem));
  }
}

.p-people-filter__heading {
  padding-inline: clamp(32 * var(--to-rem), (100% - 840 * var(--to-rem)) / 2, 95 * var(--to-rem));
}
@media screen and (max-width: 1023px) {
  .p-people-filter__heading {
    padding-inline: calc(32 * var(--to-rem));
  }
}
@media screen and (max-width: 768px) {
  .p-people-filter__heading {
    padding-inline: 0;
  }
}

.p-people-filter__en {
  display: block;
  font-family: var(--title-font-family);
  font-size: calc(20 * var(--to-rem));
  font-weight: 800;
  line-height: 0.8;
  color: var(--color-red);
  letter-spacing: -0.02em;
}
@media screen and (max-width: 768px) {
  .p-people-filter__en {
    font-size: calc(12 * var(--to-rem));
    line-height: 0.8333;
  }
}

.p-people-filter__title {
  margin-top: calc(12 * var(--to-rem));
  font-family: var(--base-font-family);
  font-size: calc(32 * var(--to-rem));
  font-weight: var(--fw-bold);
  line-height: 1;
  color: var(--color-text);
  letter-spacing: -0.02em;
}
@media screen and (max-width: 768px) {
  .p-people-filter__title {
    margin-top: calc(4 * var(--to-rem));
    font-size: calc(20 * var(--to-rem));
  }
}

.p-people-filter__form {
  position: relative;
  padding-block: calc(60 * var(--to-rem));
  padding-inline: clamp(32 * var(--to-rem), (100% - 840 * var(--to-rem)) / 2, 95 * var(--to-rem));
  margin-top: calc(46 * var(--to-rem));
  background-color: var(--color-white);
  border-radius: calc(12 * var(--to-rem));
}
@media screen and (max-width: 1023px) {
  .p-people-filter__form {
    padding-inline: calc(32 * var(--to-rem));
  }
}
@media screen and (max-width: 768px) {
  .p-people-filter__form {
    padding-block: 0;
    padding-inline: 0;
    margin-top: calc(32 * var(--to-rem));
    background-color: transparent;
    border-radius: 0;
  }
}

.p-people-filter__form::before,
.p-people-filter__form::after {
  content: none;
}
@media screen and (max-width: 768px) {
  .p-people-filter__form::before,
  .p-people-filter__form::after {
    position: absolute;
    top: calc(25 * var(--to-rem));
    bottom: 0;
    z-index: 1;
    width: calc(24 * var(--to-rem));
    pointer-events: none;
    content: "";
  }
}

@media screen and (max-width: 768px) {
  .p-people-filter__form::before {
    left: calc(-24 * var(--to-rem));
    background-image: linear-gradient(to right, var(--color-white), oklch(from var(--color-white) l c h/0%));
  }
}

@media screen and (max-width: 768px) {
  .p-people-filter__form::after {
    right: calc(-24 * var(--to-rem));
    background-image: linear-gradient(to left, var(--color-white), oklch(from var(--color-white) l c h/0%));
  }
}

.p-people-filter__fab {
  display: none;
}
@media screen and (max-width: 768px) {
  .p-people-filter__fab {
    position: fixed;
    right: calc(16 * var(--to-rem));
    bottom: calc(24 * var(--to-rem));
    z-index: var(--z-fab);
    display: flex;
    flex-direction: column;
    align-items: center;
    width: calc(72 * var(--to-rem));
    height: calc(72 * var(--to-rem));
    padding-top: calc(20 * var(--to-rem));
    visibility: hidden;
    background-color: var(--color-text);
    border-radius: 100%;
    opacity: 0;
    transition: opacity var(--duration), visibility 0s var(--duration);
  }
}

@media screen and (max-width: 768px) {
  .p-people-filter__fab.is-visible {
    visibility: visible;
    opacity: 1;
    transition: opacity var(--duration), visibility 0s;
  }
}

.p-people-filter__fab:focus-visible {
  outline: calc(2 * var(--to-rem)) solid var(--color-red);
  outline-offset: calc(2 * var(--to-rem));
}

.p-people-filter__fabIcon {
  display: grid;
  width: calc(26 * var(--to-rem));
  height: calc(18 * var(--to-rem));
}

.p-people-filter__fabText {
  margin-top: calc(6 * var(--to-rem));
  font-family: var(--base-font-family);
  font-size: calc(10 * var(--to-rem));
  font-weight: var(--fw-bold);
  line-height: 1;
  color: var(--color-white);
  text-align: center;
  letter-spacing: -0.02em;
}

.p-people-interview {
  width: calc(100% - 48 * var(--to-rem));
  max-width: calc(1130 * var(--to-rem));
  margin-inline: auto;
  margin-top: calc(160 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .p-people-interview {
    max-width: none;
    margin-top: calc(120 * var(--to-rem));
  }
}

.p-people-interview__list {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, calc(264 * var(--to-rem))));
  gap: calc(64 * var(--to-rem)) calc(24 * var(--to-rem));
  align-items: start;
}
@media screen and (max-width: 768px) {
  .p-people-interview__list {
    grid-template-columns: repeat(2, calc((100% - 15 * var(--to-rem)) / 2));
    gap: calc(40 * var(--to-rem)) calc(16 * var(--to-rem));
  }
}

.p-people-interview__list[hidden] {
  display: none;
}

.p-people-interview__card {
  display: flex;
  flex-direction: column;
  color: var(--color-text);
  text-decoration: none;
}

.p-people-interview__thumb {
  position: relative;
  aspect-ratio: 264/325;
  overflow: hidden;
  border-radius: calc(8 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .p-people-interview__thumb {
    aspect-ratio: 156/192;
  }
}

.p-people-interview__thumb img {
  display: block;
}

.p-people-interview__badge {
  position: absolute;
  top: 79.077%;
  left: -10.227%;
  width: 37.879%;
  aspect-ratio: 1;
  background-color: var(--color-white);
  border-radius: 100%;
}
@media screen and (max-width: 768px) {
  .p-people-interview__badge {
    top: 81.365%;
    left: -10.519%;
    width: 35.582%;
  }
}

.p-people-interview__badge img {
  position: absolute;
  top: 11%;
  left: 34%;
  width: 48%;
  height: auto;
  aspect-ratio: 1;
}
@media screen and (max-width: 768px) {
  .p-people-interview__badge img {
    top: 11.55%;
    left: 39.31%;
    width: 43.24%;
  }
}

.p-people-interview__body {
  margin-top: calc(24 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .p-people-interview__body {
    margin-top: calc(16 * var(--to-rem));
  }
}

.p-people-interview__label {
  font-family: var(--title-font-family);
  font-size: calc(14 * var(--to-rem));
  font-weight: 800;
  line-height: 0.8;
  color: var(--color-text);
  letter-spacing: -0.02em;
  opacity: 0.5;
}
@media screen and (max-width: 768px) {
  .p-people-interview__label {
    font-size: calc(10 * var(--to-rem));
  }
}

.p-people-interview__title {
  margin-top: calc(8 * var(--to-rem));
  font-family: var(--base-font-family);
  font-size: calc(20 * var(--to-rem));
  font-weight: var(--fw-bold);
  line-height: 1.2;
  color: var(--color-text);
  letter-spacing: -0.02em;
  overflow-wrap: anywhere;
  line-break: strict;
}
@media screen and (max-width: 768px) {
  .p-people-interview__title {
    margin-top: calc(4 * var(--to-rem));
    font-size: calc(16 * var(--to-rem));
    line-height: 1.1875;
  }
}

.p-people-interview__tags {
  display: flex;
  flex-wrap: wrap;
  gap: calc(4 * var(--to-rem));
  align-items: center;
  margin-top: calc(24 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .p-people-interview__tags {
    margin-top: calc(16 * var(--to-rem));
  }
}

.p-people-interview__tag {
  max-width: 100%;
  padding-block: calc(2 * var(--to-rem)) calc(3 * var(--to-rem));
  padding-inline: calc(4 * var(--to-rem));
  font-family: var(--base-font-family);
  font-size: calc(13 * var(--to-rem));
  font-weight: var(--fw-regular);
  line-height: 1.2;
  color: var(--color-white);
  letter-spacing: 0;
  overflow-wrap: anywhere;
  background-color: var(--color-text);
  border-radius: calc(2 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .p-people-interview__tag {
    font-size: calc(10 * var(--to-rem));
  }
}

.p-people-interview__meta {
  margin-top: calc(24 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .p-people-interview__meta {
    margin-top: calc(16 * var(--to-rem));
  }
}

.p-people-interview__metaItem {
  display: flex;
  column-gap: calc(8 * var(--to-rem));
  align-items: center;
  font-family: var(--base-font-family);
  font-size: calc(14 * var(--to-rem));
  font-weight: var(--fw-regular);
  line-height: 1.2;
  color: var(--color-gray-mid);
  letter-spacing: -0.02em;
}
@media screen and (max-width: 768px) {
  .p-people-interview__metaItem {
    font-size: calc(12 * var(--to-rem));
    line-height: 1.1667;
  }
}

.p-people-interview__metaItem + .p-people-interview__metaItem {
  margin-top: calc(8 * var(--to-rem));
}

.p-people-interview__metaItem::before {
  flex-shrink: 0;
  width: calc(16 * var(--to-rem));
  height: calc(1 * var(--to-rem));
  content: "";
  background-color: var(--color-red);
}
@media screen and (max-width: 768px) {
  .p-people-interview__metaItem::before {
    width: calc(14 * var(--to-rem));
  }
}

.p-people-interview__empty {
  font-family: var(--base-font-family);
  font-size: calc(16 * var(--to-rem));
  font-weight: var(--fw-regular);
  line-height: 1.5;
  color: var(--color-text);
  text-align: center;
}
@media screen and (max-width: 768px) {
  .p-people-interview__empty {
    font-size: calc(14 * var(--to-rem));
  }
}

.p-people-nav {
  position: absolute;
  top: calc(524 * var(--to-rem));
  left: calc(max(0px, (100% - 1440 * var(--to-rem)) / 2) + min(155 * var(--to-rem), 10.764%));
}
@media screen and (max-width: 768px) {
  .p-people-nav {
    top: calc(472 * var(--to-rem));
    left: calc(24 * var(--to-rem));
    width: calc(100% - 48 * var(--to-rem));
  }
}

.p-people-nav__list {
  display: flex;
  column-gap: calc(40 * var(--to-rem));
  list-style: none;
}
@media screen and (max-width: 768px) {
  .p-people-nav__list {
    display: block;
  }
}

.p-people-nav__item {
  display: flow-root;
}

@media screen and (max-width: 768px) {
  .p-people-nav__item + .p-people-nav__item {
    margin-top: calc(16 * var(--to-rem));
  }
}

.p-people-nav__link {
  display: flex;
  column-gap: calc(10 * var(--to-rem));
  align-items: center;
  padding-block: calc(9 * var(--to-rem));
  margin-block: calc(-9 * var(--to-rem));
  color: var(--color-text);
  text-decoration: none;
}
@media screen and (max-width: 768px) {
  .p-people-nav__link {
    padding-block: calc(8 * var(--to-rem));
    margin-block: calc(-8 * var(--to-rem));
  }
}

.p-people-nav__icon {
  display: grid;
  flex-shrink: 0;
  width: calc(19 * var(--to-rem));
  height: calc(19 * var(--to-rem));
}

.p-people-nav__text {
  font-family: var(--base-font-family);
  font-size: calc(20 * var(--to-rem));
  font-weight: var(--fw-bold);
  line-height: 1.34;
  color: var(--color-text);
  letter-spacing: -0.02em;
  white-space: nowrap;
}
@media screen and (max-width: 768px) {
  .p-people-nav__text {
    font-size: calc(16 * var(--to-rem));
    line-height: 1.3;
  }
}

.p-people-title {
  position: relative;
}

.p-project-detail-hero {
  position: relative;
  z-index: 1;
  max-width: calc(1440 * var(--to-rem));
  margin-inline: auto;
  margin-top: calc(-412 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .p-project-detail-hero {
    margin-top: calc(-389 * var(--to-rem));
  }
}

.p-project-detail-hero__visual {
  display: flex;
  column-gap: calc(40 * var(--to-rem));
  align-items: flex-start;
  justify-content: space-between;
}
@media screen and (max-width: 768px) {
  .p-project-detail-hero__visual {
    flex-direction: column-reverse;
    align-items: center;
  }
}

.p-project-detail-hero__photo {
  position: relative;
  flex-shrink: 1;
  width: 65.278%;
  min-width: 0;
  aspect-ratio: 940/562;
  overflow: hidden;
  border-radius: calc(16 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .p-project-detail-hero__photo {
    width: 100%;
    aspect-ratio: 375/320;
    margin-top: calc(-80 * var(--to-rem));
  }
}

.p-project-detail-hero__photo picture {
  display: block;
  width: 100%;
  height: 100%;
}

.p-project-detail-hero__credit {
  position: absolute;
  bottom: calc(16 * var(--to-rem));
  left: calc(32 * var(--to-rem));
  font-family: var(--base-font-family);
  font-size: calc(13 * var(--to-rem));
  font-weight: var(--fw-medium);
  line-height: 1.3;
  color: var(--color-black);
  text-shadow: 0 0 calc(8 * var(--to-rem)) var(--color-white), 0 0 calc(4 * var(--to-rem)) var(--color-white);
  letter-spacing: -0.02em;
}
@media screen and (max-width: 768px) {
  .p-project-detail-hero__credit {
    bottom: calc(12 * var(--to-rem));
    left: calc(12 * var(--to-rem));
    font-size: calc(10 * var(--to-rem));
  }
}

.p-project-detail-hero__heading {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: row-reverse;
  flex-shrink: 0;
  align-items: flex-start;
  margin-right: 10.764%;
}
@media screen and (max-width: 768px) {
  .p-project-detail-hero__heading {
    margin-right: 0;
  }
}

.p-project-detail-hero__heading--wide {
  margin-right: 6.667%;
}
@media screen and (max-width: 768px) {
  .p-project-detail-hero__heading--wide {
    margin-right: 0;
  }
}

.p-project-detail-hero__lead {
  margin-left: calc(16 * var(--to-rem));
  font-family: var(--title-font-family);
  font-size: calc(24 * var(--to-rem));
  font-weight: 800;
  line-height: 0.8;
  color: var(--color-gray-mid);
  letter-spacing: -0.02em;
  writing-mode: vertical-rl;
}
@media screen and (max-width: 768px) {
  .p-project-detail-hero__lead {
    margin-bottom: calc(80 * var(--to-rem));
    font-size: calc(18 * var(--to-rem));
    line-height: 0.7778;
  }
}

.p-project-detail-hero__title {
  display: flex;
  flex-direction: row-reverse;
  gap: calc(8 * var(--to-rem));
  align-items: flex-start;
  font-family: var(--base-font-family);
  font-size: calc(64 * var(--to-rem));
  font-weight: var(--fw-bold);
  line-height: 1;
  color: var(--color-red);
  letter-spacing: 0;
}
@media screen and (max-width: 768px) {
  .p-project-detail-hero__title {
    font-size: calc(36 * var(--to-rem));
  }
}

.p-project-detail-hero__titleLine {
  padding-block: calc(4 * var(--to-rem));
  padding-inline: calc(6 * var(--to-rem));
  background-color: var(--color-white);
  writing-mode: vertical-rl;
}
@media screen and (max-width: 768px) {
  .p-project-detail-hero__titleLine {
    padding-block: calc(2 * var(--to-rem));
  }
}

.p-project-detail-hero__titleText {
  margin-inline: -0.16em -0.14em;
  white-space: nowrap;
}

.p-project-detail-hero__tcy {
  text-combine-upright: all;
}

.p-project-detail-hero__meta {
  display: flex;
  flex-direction: column;
  gap: calc(32 * var(--to-rem));
  align-items: center;
  margin-right: calc(40 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .p-project-detail-hero__meta {
    flex-direction: row-reverse;
    gap: calc(16 * var(--to-rem));
    align-items: flex-start;
    margin-right: calc(24 * var(--to-rem));
    margin-bottom: calc(80 * var(--to-rem));
  }
}

.p-project-detail-hero__meta--side {
  flex-direction: row-reverse;
  gap: calc(24 * var(--to-rem));
  align-items: flex-start;
}
@media screen and (max-width: 768px) {
  .p-project-detail-hero__meta--side {
    gap: calc(16 * var(--to-rem));
  }
}

.p-project-detail-hero__place {
  font-family: var(--base-font-family);
  font-size: calc(32 * var(--to-rem));
  font-weight: var(--fw-bold);
  line-height: 1;
  color: var(--color-text);
  letter-spacing: -0.02em;
  writing-mode: vertical-rl;
}
@media screen and (max-width: 768px) {
  .p-project-detail-hero__place {
    font-size: calc(20 * var(--to-rem));
  }
}

.p-project-detail-hero__tags {
  display: flex;
  flex-direction: column;
  gap: calc(8 * var(--to-rem));
  align-items: center;
  list-style: none;
}
@media screen and (max-width: 768px) {
  .p-project-detail-hero__tags {
    flex-direction: row-reverse;
    gap: calc(4 * var(--to-rem));
    align-items: flex-start;
  }
}

.p-project-detail-hero__tag {
  padding: calc(6 * var(--to-rem));
  font-family: var(--base-font-family);
  font-size: calc(14 * var(--to-rem));
  font-weight: var(--fw-regular);
  line-height: 1;
  color: var(--color-white);
  letter-spacing: 0;
  background-color: var(--color-text);
  border-radius: calc(4 * var(--to-rem));
  writing-mode: vertical-rl;
  text-orientation: upright;
}
@media screen and (max-width: 768px) {
  .p-project-detail-hero__tag {
    padding: calc(4 * var(--to-rem));
    font-size: calc(12 * var(--to-rem));
  }
}

.p-project-detail-intro {
  position: relative;
  z-index: 1;
  width: calc(100% - 48 * var(--to-rem));
  max-width: calc(1130 * var(--to-rem));
  margin-inline: auto;
  margin-top: calc(160 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .p-project-detail-intro {
    margin-top: calc(120 * var(--to-rem));
  }
}

.p-project-detail-intro__title {
  display: flex;
  gap: calc(16 * var(--to-rem));
  align-items: center;
  font-family: var(--base-font-family);
  font-size: calc(24 * var(--to-rem));
  font-weight: var(--fw-bold);
  line-height: 1.2084;
  color: var(--color-text);
  letter-spacing: -0.02em;
}
@media screen and (max-width: 768px) {
  .p-project-detail-intro__title {
    gap: calc(12 * var(--to-rem));
    font-size: calc(20 * var(--to-rem));
    line-height: 1.2;
  }
}

.p-project-detail-intro__title::before {
  flex-shrink: 0;
  width: calc(6 * var(--to-rem));
  height: calc(6 * var(--to-rem));
  content: "";
  background-color: var(--color-red);
  border-radius: 100%;
}
@media screen and (max-width: 768px) {
  .p-project-detail-intro__title::before {
    width: calc(4 * var(--to-rem));
    height: calc(4 * var(--to-rem));
  }
}

.p-project-detail-intro__text {
  margin-top: calc(24 * var(--to-rem));
  margin-left: calc(22 * var(--to-rem));
  font-family: var(--base-font-family);
  font-size: calc(16 * var(--to-rem));
  font-weight: var(--fw-medium);
  line-height: 2;
  color: var(--color-text);
  letter-spacing: -0.02em;
  overflow-wrap: anywhere;
  line-break: strict;
}
@media screen and (max-width: 768px) {
  .p-project-detail-intro__text {
    margin-top: calc(16 * var(--to-rem));
    margin-left: calc(16 * var(--to-rem));
    font-size: calc(14 * var(--to-rem));
  }
}

.p-project-detail-member {
  display: flex;
  gap: calc(80 * var(--to-rem));
  align-items: flex-start;
  padding-block: calc(48 * var(--to-rem));
  padding-inline: calc(64 * var(--to-rem));
  margin-top: calc(80 * var(--to-rem));
  background-color: var(--color-white);
  border-radius: calc(12 * var(--to-rem));
}
@media screen and (max-width: 1023px) {
  .p-project-detail-member {
    flex-direction: column;
    gap: calc(32 * var(--to-rem));
    align-items: stretch;
  }
}
@media screen and (max-width: 768px) {
  .p-project-detail-member {
    gap: 0;
    align-items: stretch;
    padding-block: calc(40 * var(--to-rem));
    padding-inline: calc(24 * var(--to-rem));
  }
}

.p-project-detail-member__head {
  flex-shrink: 0;
}

.p-project-detail-member__label {
  font-family: var(--title-font-family);
  font-size: calc(16 * var(--to-rem));
  font-weight: 800;
  line-height: 0.8125;
  color: var(--color-red);
  letter-spacing: -0.02em;
}
@media screen and (max-width: 768px) {
  .p-project-detail-member__label {
    font-size: calc(14 * var(--to-rem));
    line-height: 0.7858;
  }
}

.p-project-detail-member__title {
  margin-top: calc(8 * var(--to-rem));
  font-family: var(--base-font-family);
  font-size: calc(24 * var(--to-rem));
  font-weight: var(--fw-bold);
  line-height: 1.2084;
  color: var(--color-text);
  letter-spacing: -0.02em;
}
@media screen and (max-width: 768px) {
  .p-project-detail-member__title {
    margin-top: calc(4 * var(--to-rem));
    font-size: calc(20 * var(--to-rem));
    line-height: 1.2;
  }
}

.p-project-detail-member__list {
  flex: 1;
  min-width: 0;
  list-style: none;
}
@media screen and (max-width: 768px) {
  .p-project-detail-member__list {
    margin-top: calc(32 * var(--to-rem));
  }
}

.p-project-detail-member__item {
  display: flex;
  gap: calc(40 * var(--to-rem));
  align-items: flex-start;
}
@media screen and (max-width: 768px) {
  .p-project-detail-member__item {
    flex-direction: column;
    gap: calc(16 * var(--to-rem));
    align-items: center;
  }
}

.p-project-detail-member__item + .p-project-detail-member__item {
  margin-top: calc(32 * var(--to-rem));
}

.p-project-detail-member__photo {
  flex-shrink: 0;
  width: calc(180 * var(--to-rem));
  aspect-ratio: 1;
  overflow: hidden;
  border-radius: 100%;
}
@media screen and (max-width: 768px) {
  .p-project-detail-member__photo {
    width: calc(120 * var(--to-rem));
  }
}

.p-project-detail-member__body {
  flex: 1;
  min-width: 0;
}
@media screen and (max-width: 768px) {
  .p-project-detail-member__body {
    width: 100%;
  }
}

.p-project-detail-member__profile {
  display: flex;
  gap: calc(16 * var(--to-rem));
  align-items: center;
}
@media screen and (max-width: 768px) {
  .p-project-detail-member__profile {
    align-items: flex-start;
  }
}

.p-project-detail-member__icon {
  display: grid;
  flex-shrink: 0;
  width: calc(48 * var(--to-rem));
  height: calc(48 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .p-project-detail-member__icon {
    width: calc(40 * var(--to-rem));
    height: calc(40 * var(--to-rem));
  }
}

.p-project-detail-member__career {
  font-family: var(--base-font-family);
  font-size: calc(16 * var(--to-rem));
  font-weight: var(--fw-medium);
  line-height: 1.5;
  color: var(--color-text);
  letter-spacing: -0.02em;
  overflow-wrap: anywhere;
}
@media screen and (max-width: 768px) {
  .p-project-detail-member__career {
    font-size: calc(14 * var(--to-rem));
  }
}

.p-project-detail-member__text {
  margin-top: calc(16 * var(--to-rem));
  font-family: var(--base-font-family);
  font-size: calc(14 * var(--to-rem));
  font-weight: var(--fw-medium);
  line-height: 2;
  color: var(--color-gray-mid);
  letter-spacing: -0.02em;
  overflow-wrap: anywhere;
  line-break: strict;
}
@media screen and (max-width: 768px) {
  .p-project-detail-member__text {
    font-size: calc(12 * var(--to-rem));
  }
}

.p-project-detail-other {
  position: relative;
  z-index: 1;
  width: calc(100% - 48 * var(--to-rem));
  max-width: calc(1130 * var(--to-rem));
  margin-inline: auto;
  margin-top: calc(160 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .p-project-detail-other {
    margin-top: calc(120 * var(--to-rem));
  }
}

.p-project-detail-other__slider {
  margin-top: calc(40 * var(--to-rem));
}

.p-project-detail-other__list {
  list-style: none;
}

.p-project-detail-other__foot {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin-top: calc(40 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .p-project-detail-other__foot {
    flex-direction: column;
    align-items: stretch;
  }
}

.p-project-detail-other__pager {
  display: flex;
  gap: calc(40 * var(--to-rem));
  align-items: center;
}

.p-project-detail-other__pager[hidden] {
  display: none;
}

.p-project-detail-other__pagerButton {
  display: grid;
  place-items: center;
  width: calc(44 * var(--to-rem));
  height: calc(44 * var(--to-rem));
  margin-block: calc(-15 * var(--to-rem));
  margin-inline: calc(-17 * var(--to-rem));
  cursor: pointer;
  background: none;
  border: none;
}

.p-project-detail-other__pagerButton:disabled {
  cursor: default;
  opacity: 0.3;
}

.p-project-detail-other__pagerButton img {
  width: calc(10 * var(--to-rem));
  height: calc(14 * var(--to-rem));
}

.p-project-detail-other__pagerButton--prev img {
  transform: scaleX(-1);
}

.p-project-detail-other__count {
  display: flex;
  gap: calc(16 * var(--to-rem));
  align-items: center;
  font-family: var(--title-font-family);
  font-size: calc(16 * var(--to-rem));
  font-weight: 800;
  line-height: 0.8;
  color: var(--color-text);
  letter-spacing: -0.02em;
}

.p-project-detail-other__current {
  color: var(--color-red);
}

.p-project-detail-other__slash,
.p-project-detail-other__total {
  opacity: 0.5;
}

.p-project-detail-other__button {
  margin-top: calc(24 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .p-project-detail-other__button {
    margin-top: calc(64 * var(--to-rem));
  }
}

.p-project-detail-related {
  position: relative;
  z-index: 1;
  width: calc(100% - 48 * var(--to-rem));
  max-width: calc(670 * var(--to-rem));
  margin-inline: auto;
  margin-top: calc(128 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .p-project-detail-related {
    margin-top: calc(120 * var(--to-rem));
  }
}

.p-project-detail-related--follow {
  margin-top: calc(16 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .p-project-detail-related--follow {
    margin-top: calc(16 * var(--to-rem));
  }
}

.p-project-detail-related__card {
  position: relative;
  display: flex;
  gap: calc(24 * var(--to-rem));
  align-items: flex-start;
  padding-block: calc(24 * var(--to-rem));
  padding-inline: calc(24 * var(--to-rem));
  color: inherit;
  text-decoration: none;
  background-color: var(--color-white);
  border-radius: calc(8 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .p-project-detail-related__card {
    flex-direction: column-reverse;
    gap: calc(16 * var(--to-rem));
  }
}

.p-project-detail-related__photo {
  flex-shrink: 0;
  width: calc(120 * var(--to-rem));
  aspect-ratio: 1;
  overflow: hidden;
  border-radius: 100%;
}
@media screen and (max-width: 768px) {
  .p-project-detail-related__photo {
    width: calc(80 * var(--to-rem));
  }
}

.p-project-detail-related__body {
  flex: 1;
  min-width: 0;
  padding-top: calc(8 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .p-project-detail-related__body {
    width: 100%;
    padding-top: 0;
  }
}

.p-project-detail-related__label {
  font-family: var(--title-font-family);
  font-size: calc(16 * var(--to-rem));
  font-weight: 800;
  line-height: 0.875;
  color: var(--color-red);
  text-transform: uppercase;
  letter-spacing: -0.02em;
}
@media screen and (max-width: 768px) {
  .p-project-detail-related__label {
    font-size: calc(14 * var(--to-rem));
    line-height: 0.9;
  }
}

.p-project-detail-related__title {
  margin-top: calc(4 * var(--to-rem));
  font-family: var(--base-font-family);
  font-size: calc(24 * var(--to-rem));
  font-weight: var(--fw-bold);
  line-height: 1.3334;
  color: var(--color-text);
  letter-spacing: -0.02em;
  overflow-wrap: anywhere;
}
@media screen and (max-width: 768px) {
  .p-project-detail-related__title {
    font-size: calc(20 * var(--to-rem));
    line-height: 1.34;
  }
}

.p-project-detail-related__field {
  margin-top: calc(4 * var(--to-rem));
  font-family: var(--base-font-family);
  font-size: calc(18 * var(--to-rem));
  font-weight: var(--fw-bold);
  line-height: 1.3334;
  color: var(--color-gray-mid);
  letter-spacing: -0.02em;
  overflow-wrap: anywhere;
}
@media screen and (max-width: 768px) {
  .p-project-detail-related__field {
    font-size: calc(14 * var(--to-rem));
    line-height: 1.34;
  }
}

.p-project-detail-related__icon {
  position: absolute;
  right: calc(16 * var(--to-rem));
  bottom: calc(16 * var(--to-rem));
  display: grid;
  width: calc(40 * var(--to-rem));
  height: calc(40 * var(--to-rem));
}

.p-project-detail-stories {
  position: relative;
  z-index: 1;
  width: calc(100% - 48 * var(--to-rem));
  max-width: calc(1130 * var(--to-rem));
  margin-inline: auto;
  margin-top: calc(160 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .p-project-detail-stories {
    margin-top: calc(120 * var(--to-rem));
  }
}

.p-project-detail-story {
  display: flex;
  gap: calc(64 * var(--to-rem));
  align-items: flex-start;
}
@media screen and (max-width: 768px) {
  .p-project-detail-story {
    flex-direction: column;
    gap: 0;
    align-items: stretch;
  }
}

.p-project-detail-story + .p-project-detail-story {
  margin-top: calc(120 * var(--to-rem));
}

.p-project-detail-story--photoTop {
  flex-direction: column;
  gap: 0;
  align-items: stretch;
}

.p-project-detail-story--photoRight {
  flex-direction: row-reverse;
}
@media screen and (max-width: 768px) {
  .p-project-detail-story--photoRight {
    flex-direction: column;
  }
}

.p-project-detail-story__photo {
  flex-shrink: 1;
  width: 47.168%;
  min-width: 0;
  aspect-ratio: 533/400;
  overflow: hidden;
  border-radius: calc(8 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .p-project-detail-story__photo {
    width: 100%;
    aspect-ratio: 327/246;
  }
}

.p-project-detail-story--photoTop .p-project-detail-story__photo {
  width: 100%;
  aspect-ratio: 1130/416;
}
@media screen and (max-width: 768px) {
  .p-project-detail-story--photoTop .p-project-detail-story__photo {
    aspect-ratio: 327/246;
  }
}

.p-project-detail-story__photo picture {
  display: block;
  width: 100%;
  height: 100%;
}

.p-project-detail-story__body {
  flex: 1;
  min-width: 0;
}
@media screen and (max-width: 768px) {
  .p-project-detail-story__body {
    width: 100%;
    margin-top: calc(40 * var(--to-rem));
  }
}

.p-project-detail-story--photoTop .p-project-detail-story__body {
  width: 100%;
  margin-top: calc(40 * var(--to-rem));
}

.p-project-detail-story__num {
  font-family: var(--title-font-family);
  font-size: calc(28 * var(--to-rem));
  font-weight: 800;
  line-height: 0.7858;
  color: var(--color-red);
  letter-spacing: -0.02em;
}
@media screen and (max-width: 768px) {
  .p-project-detail-story__num {
    font-size: calc(24 * var(--to-rem));
    line-height: 0.7917;
  }
}

.p-project-detail-story__label {
  margin-top: calc(24 * var(--to-rem));
  font-family: var(--base-font-family);
  font-size: calc(24 * var(--to-rem));
  font-weight: var(--fw-bold);
  line-height: 1.2084;
  color: var(--color-text);
  letter-spacing: -0.02em;
  overflow-wrap: anywhere;
}
@media screen and (max-width: 768px) {
  .p-project-detail-story__label {
    margin-top: calc(16 * var(--to-rem));
    font-size: calc(20 * var(--to-rem));
    line-height: 1.2;
  }
}

.p-project-detail-story__content {
  margin-top: calc(64 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .p-project-detail-story__content {
    margin-top: calc(40 * var(--to-rem));
  }
}

.p-project-detail-story__title {
  font-family: var(--base-font-family);
  font-size: calc(40 * var(--to-rem));
  font-weight: var(--fw-bold);
  line-height: 1.5;
  color: var(--color-text);
  letter-spacing: -0.02em;
  overflow-wrap: anywhere;
  line-break: strict;
}
@media screen and (max-width: 768px) {
  .p-project-detail-story__title {
    font-size: calc(32 * var(--to-rem));
  }
}

.p-project-detail-story__text {
  margin-top: calc(40 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .p-project-detail-story__text {
    margin-top: calc(32 * var(--to-rem));
  }
}

.p-project-detail-story--photoTop .p-project-detail-story__text {
  display: flex;
  gap: calc(64 * var(--to-rem));
  align-items: flex-start;
}
@media screen and (max-width: 768px) {
  .p-project-detail-story--photoTop .p-project-detail-story__text {
    display: block;
  }
}

.p-project-detail-story__paragraph {
  font-family: var(--base-font-family);
  font-size: calc(16 * var(--to-rem));
  font-weight: var(--fw-medium);
  line-height: 2;
  color: var(--color-text);
  letter-spacing: -0.02em;
  overflow-wrap: anywhere;
  line-break: strict;
}
@media screen and (max-width: 768px) {
  .p-project-detail-story__paragraph {
    font-size: calc(14 * var(--to-rem));
  }
}

.p-project-detail-story__column {
  flex: 1;
  min-width: 0;
}

@media screen and (max-width: 768px) {
  .p-project-detail-story__paragraph + .p-project-detail-story__paragraph,
  .p-project-detail-story__column + .p-project-detail-story__column {
    margin-top: calc(28 * var(--to-rem));
  }
}

.p-project-detail-title {
  position: relative;
}

.p-project-list {
  position: relative;
  z-index: 1;
  width: calc(100% - 48 * var(--to-rem));
  max-width: calc(1130 * var(--to-rem));
  margin-inline: auto;
  margin-top: calc(24 * var(--to-rem));
}

.p-project-list__item + .p-project-list__item {
  margin-top: calc(40 * var(--to-rem));
}

.p-project-list__card {
  display: flex;
  gap: calc(40 * var(--to-rem));
  align-items: flex-start;
  color: inherit;
  text-decoration: none;
}
@media screen and (max-width: 768px) {
  .p-project-list__card {
    flex-direction: column;
    gap: calc(16 * var(--to-rem));
  }
}

.p-project-list__thumb {
  position: relative;
  flex-shrink: 0;
  width: calc(440 * var(--to-rem));
  max-width: 40%;
  aspect-ratio: 440/247;
  overflow: hidden;
  border-radius: calc(8 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .p-project-list__thumb {
    width: 100%;
    max-width: none;
    aspect-ratio: 327/183;
  }
}

.p-project-list__credit {
  position: absolute;
  bottom: calc(8 * var(--to-rem));
  left: calc(12 * var(--to-rem));
  font-family: var(--base-font-family);
  font-size: calc(10 * var(--to-rem));
  font-weight: var(--fw-medium);
  line-height: 1.3;
  color: var(--color-black);
  text-shadow: 0 0 calc(8 * var(--to-rem)) var(--color-white), 0 0 calc(4 * var(--to-rem)) var(--color-white);
  letter-spacing: -0.02em;
  pointer-events: none;
}

.p-project-list__body {
  flex: 1;
  min-width: 0;
}
@media screen and (max-width: 768px) {
  .p-project-list__body {
    width: 100%;
  }
}

.p-project-list__label {
  font-family: var(--title-font-family);
  font-size: calc(16 * var(--to-rem));
  font-weight: 800;
  line-height: 0.8125;
  color: var(--color-text);
  letter-spacing: -0.02em;
  opacity: 0.5;
}
@media screen and (max-width: 768px) {
  .p-project-list__label {
    font-size: calc(12 * var(--to-rem));
    line-height: 0.8334;
  }
}

.p-project-list__title {
  margin-top: calc(8 * var(--to-rem));
  font-family: var(--base-font-family);
  font-size: calc(32 * var(--to-rem));
  font-weight: var(--fw-bold);
  line-height: 1.1875;
  color: var(--color-text);
  letter-spacing: -0.02em;
  overflow-wrap: anywhere;
  line-break: strict;
}
@media screen and (max-width: 768px) {
  .p-project-list__title {
    margin-top: calc(4 * var(--to-rem));
    font-size: calc(20 * var(--to-rem));
    line-height: 1.2;
  }
}

.p-project-list__place {
  margin-top: calc(24 * var(--to-rem));
  font-family: var(--base-font-family);
  font-size: calc(18 * var(--to-rem));
  font-weight: var(--fw-bold);
  line-height: 1.2223;
  color: var(--color-text);
  letter-spacing: -0.02em;
  overflow-wrap: anywhere;
  line-break: strict;
}
@media screen and (max-width: 768px) {
  .p-project-list__place {
    margin-top: calc(8 * var(--to-rem));
    font-size: calc(14 * var(--to-rem));
    line-height: 1.2143;
  }
}

.p-project-list__tags {
  display: flex;
  flex-wrap: wrap;
  gap: calc(8 * var(--to-rem));
  margin-top: calc(40 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .p-project-list__tags {
    gap: calc(4 * var(--to-rem));
    margin-top: calc(16 * var(--to-rem));
  }
}

.p-project-list__tag {
  padding-block: calc(2 * var(--to-rem)) calc(5 * var(--to-rem));
  padding-inline: calc(6 * var(--to-rem));
  font-family: var(--base-font-family);
  font-size: calc(14 * var(--to-rem));
  font-weight: var(--fw-regular);
  line-height: 1.2143;
  color: var(--color-white);
  background-color: var(--color-text);
  border-radius: calc(4 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .p-project-list__tag {
    padding-block: calc(2 * var(--to-rem)) calc(3 * var(--to-rem));
    padding-inline: calc(4 * var(--to-rem));
    font-size: calc(10 * var(--to-rem));
    line-height: 1.2;
    border-radius: calc(2 * var(--to-rem));
  }
}

.p-project-list__soon {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: calc(247 * var(--to-rem));
  font-family: var(--title-font-family);
  font-size: calc(80 * var(--to-rem));
  font-weight: var(--fw-light);
  line-height: 0.8;
  color: var(--color-gray-mid);
  text-align: center;
  text-transform: uppercase;
  letter-spacing: -0.02em;
  background-color: color-mix(in srgb, var(--color-gray-light) 30%, transparent);
  border-radius: calc(12 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .p-project-list__soon {
    min-height: calc(200 * var(--to-rem));
    font-size: calc(56 * var(--to-rem));
  }
}

.p-recruit-info {
  padding-block: calc(144 * var(--to-rem)) calc(332 * var(--to-rem));
  margin-top: calc(240 * var(--to-rem));
  background-color: var(--color-special-bg);
}
@media screen and (max-width: 768px) {
  .p-recruit-info {
    padding-block: calc(80 * var(--to-rem)) calc(180 * var(--to-rem));
    margin-top: calc(160 * var(--to-rem));
  }
}

.p-recruit-info__inner {
  width: calc(100% - 48 * var(--to-rem));
  max-width: calc(1130 * var(--to-rem));
  margin-inline: auto;
}
@media screen and (max-width: 768px) {
  .p-recruit-info__inner {
    max-width: none;
  }
}

.p-recruit-info__body {
  display: flex;
  column-gap: calc(145 * var(--to-rem));
  align-items: flex-start;
  justify-content: space-between;
}
@media screen and (max-width: 1023px) {
  .p-recruit-info__body {
    column-gap: calc(40 * var(--to-rem));
  }
}
@media screen and (max-width: 768px) {
  .p-recruit-info__body {
    display: block;
  }
}

.p-recruit-info__heading {
  flex-shrink: 0;
  width: calc(200 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .p-recruit-info__heading {
    width: auto;
  }
}

.p-recruit-info__list {
  flex: 0 1 calc(785 * var(--to-rem));
  min-width: 0;
}
@media screen and (max-width: 768px) {
  .p-recruit-info__list {
    margin-top: calc(64 * var(--to-rem));
  }
}

.p-recruit-info__item + .p-recruit-info__item {
  margin-top: calc(8 * var(--to-rem));
}

.p-recruit-info__item + .p-recruit-info__item--wide {
  margin-top: calc(40 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .p-recruit-info__item + .p-recruit-info__item--wide {
    margin-top: calc(20 * var(--to-rem));
  }
}

.p-recruit-info__card {
  display: flex;
  column-gap: calc(20 * var(--to-rem));
  align-items: center;
  padding-block: calc(13.5 * var(--to-rem));
  padding-inline: calc(16 * var(--to-rem)) calc(25 * var(--to-rem));
  color: var(--color-text);
  text-decoration: none;
  background-color: var(--color-white);
  border-radius: calc(8 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .p-recruit-info__card {
    padding-block: calc(14 * var(--to-rem));
    padding-inline: calc(14 * var(--to-rem)) calc(18 * var(--to-rem));
  }
}

.p-recruit-info__icon {
  display: grid;
  flex-shrink: 0;
  width: calc(76 * var(--to-rem));
  height: calc(76 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .p-recruit-info__icon {
    width: calc(56 * var(--to-rem));
    height: calc(56 * var(--to-rem));
  }
}

.p-recruit-info__texts {
  display: flex;
  flex-direction: column;
  min-width: 0;
}

.p-recruit-info__label {
  font-family: var(--title-font-family);
  font-size: calc(16 * var(--to-rem));
  font-weight: 800;
  line-height: 0.9;
  color: var(--color-red);
  text-transform: uppercase;
  letter-spacing: -0.02em;
}
@media screen and (max-width: 768px) {
  .p-recruit-info__label {
    font-size: calc(12 * var(--to-rem));
  }
}

.p-recruit-info__title {
  margin-top: calc(4 * var(--to-rem));
  font-family: var(--base-font-family);
  font-size: calc(24 * var(--to-rem));
  font-weight: var(--fw-bold);
  line-height: 1.34;
  letter-spacing: -0.02em;
}
@media screen and (max-width: 768px) {
  .p-recruit-info__title {
    font-size: calc(16 * var(--to-rem));
  }
}

.p-recruit-info__arrow {
  display: grid;
  flex-shrink: 0;
  width: calc(40 * var(--to-rem));
  height: calc(40 * var(--to-rem));
  margin-left: auto;
}
@media screen and (max-width: 768px) {
  .p-recruit-info__arrow {
    width: calc(32 * var(--to-rem));
    height: calc(32 * var(--to-rem));
  }
}

.p-recruit-info__wide {
  display: flex;
  column-gap: calc(23.4 * var(--to-rem));
  padding-block: calc(15 * var(--to-rem)) calc(18 * var(--to-rem));
  padding-inline: calc(14 * var(--to-rem)) calc(25 * var(--to-rem));
  color: var(--color-text);
  text-decoration: none;
  background-color: var(--color-white);
  border-radius: calc(8 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .p-recruit-info__wide {
    display: block;
    padding-block: calc(16 * var(--to-rem));
    padding-inline: calc(16 * var(--to-rem));
  }
}

.p-recruit-info__widePhoto {
  display: block;
  flex-shrink: 0;
  width: calc(250.79 * var(--to-rem));
  height: calc(130 * var(--to-rem));
  overflow: hidden;
  border-radius: calc(8 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .p-recruit-info__widePhoto {
    width: 100%;
    height: auto;
    aspect-ratio: 295/153;
    border-radius: calc(4 * var(--to-rem));
  }
}

.p-recruit-info__wideBody {
  display: flex;
  flex: 1 1 0;
  flex-direction: column;
  align-items: flex-start;
  min-width: 0;
  padding-top: calc(7.37 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .p-recruit-info__wideBody {
    flex-direction: row;
    column-gap: calc(16 * var(--to-rem));
    align-items: flex-end;
    justify-content: space-between;
    padding-top: 0;
    margin-top: calc(16 * var(--to-rem));
  }
}

.p-recruit-info__wideTexts {
  display: flex;
  flex-direction: column;
  min-width: 0;
}

.p-recruit-info__wideLabel {
  font-family: var(--base-font-family);
  font-size: calc(12 * var(--to-rem));
  font-weight: var(--fw-medium);
  line-height: 1.34;
  color: var(--color-gray-mid);
  letter-spacing: -0.02em;
}
@media screen and (max-width: 768px) {
  .p-recruit-info__wideLabel {
    font-size: calc(10 * var(--to-rem));
  }
}

.p-recruit-info__wideTitle {
  margin-top: calc(1.55 * var(--to-rem));
  font-family: var(--base-font-family);
  font-size: calc(18 * var(--to-rem));
  font-weight: var(--fw-bold);
  line-height: 1.34;
  letter-spacing: -0.02em;
}
@media screen and (max-width: 768px) {
  .p-recruit-info__wideTitle {
    margin-top: calc(4 * var(--to-rem));
    font-size: calc(15 * var(--to-rem));
  }
}

.p-recruit-info__wideBody .p-recruit-info__arrow {
  align-self: flex-end;
  margin-top: auto;
}
@media screen and (max-width: 768px) {
  .p-recruit-info__wideBody .p-recruit-info__arrow {
    margin-top: 0;
  }
}

.p-recruit-info__button {
  margin-top: calc(160 * var(--to-rem));
  margin-left: calc(345 * var(--to-rem));
}
@media screen and (max-width: 1023px) {
  .p-recruit-info__button {
    margin-left: 0;
  }
}
@media screen and (max-width: 768px) {
  .p-recruit-info__button {
    margin-top: calc(120 * var(--to-rem));
  }
}

.p-recruit-info__icon,
.p-recruit-info__widePhoto img {
  transition: scale var(--duration-zoom) var(--ease-zoom);
}

.p-recruit-info__arrow {
  background-image: url("/recruit/new/assets/images/recruit4-hover.DaijdZRK.svg");
  background-size: 100% 100%;
}

.p-recruit-info__wide .p-recruit-info__arrow {
  background-image: url("/recruit/new/assets/images/arrow1-hover.Av8rOiE8.svg");
}

.p-recruit-info__arrow img {
  transition: opacity var(--duration-hover) var(--ease-out);
}

@media (any-hover: hover) {
  .p-recruit-info__card:hover .p-recruit-info__icon {
    scale: 1.2;
  }
  .p-recruit-info__wide:hover .p-recruit-info__widePhoto img {
    scale: var(--scale-zoom);
  }
  .p-recruit-info__card:hover .p-recruit-info__arrow img,
  .p-recruit-info__wide:hover .p-recruit-info__arrow img {
    opacity: 0;
  }
}
.p-related-link {
  padding-block: calc(120 * var(--to-rem)) calc(300 * var(--to-rem));
  margin-top: calc(240 * var(--to-rem));
  background-color: var(--color-special-bg);
}
@media screen and (max-width: 768px) {
  .p-related-link {
    padding-block: calc(80 * var(--to-rem)) calc(180 * var(--to-rem));
    margin-top: calc(160 * var(--to-rem));
  }
}

.p-related-link__inner {
  width: calc(100% - 48 * var(--to-rem));
  max-width: calc(1130 * var(--to-rem));
  margin-inline: auto;
}
@media screen and (max-width: 768px) {
  .p-related-link__inner {
    max-width: none;
  }
}

.p-related-link__body {
  display: flex;
  flex-wrap: wrap;
  gap: calc(64 * var(--to-rem)) calc(97 * var(--to-rem));
  align-items: flex-start;
  justify-content: space-between;
}
@media screen and (max-width: 768px) {
  .p-related-link__body {
    display: block;
  }
}

.p-related-link__heading {
  flex-shrink: 0;
}

.p-related-link__list {
  flex: 1 1 calc(785 * var(--to-rem));
  min-width: 0;
  max-width: 100%;
}
@media screen and (max-width: 768px) {
  .p-related-link__list {
    width: 100%;
    margin-top: calc(64 * var(--to-rem));
  }
}

.p-related-link__item + .p-related-link__item {
  margin-top: calc(8 * var(--to-rem));
}

.p-related-link__card {
  position: relative;
  display: flex;
  gap: calc(24 * var(--to-rem));
  align-items: flex-start;
  padding-block: calc(16 * var(--to-rem));
  padding-inline: calc(16 * var(--to-rem));
  color: var(--color-text);
  text-decoration: none;
  background-color: var(--color-white);
  border-radius: calc(8 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .p-related-link__card {
    gap: calc(12 * var(--to-rem));
    padding-block: calc(8 * var(--to-rem));
    padding-inline: calc(8 * var(--to-rem));
  }
}

.p-related-link__thumb {
  flex-shrink: 0;
  width: calc(214 * var(--to-rem));
  max-width: 40%;
  aspect-ratio: 214/142;
  overflow: hidden;
  border-radius: calc(4 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .p-related-link__thumb {
    width: calc(120 * var(--to-rem));
    max-width: none;
    aspect-ratio: 1;
  }
}

.p-related-link__thumb picture {
  display: block;
  width: 100%;
  height: 100%;
}

.p-related-link__cardBody {
  flex: 1;
  min-width: 0;
  padding-block: calc(8 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .p-related-link__cardBody {
    padding-block: calc(4 * var(--to-rem));
    padding-right: calc(4 * var(--to-rem));
  }
}

.p-related-link__cardLabel {
  font-family: var(--title-font-family);
  font-size: calc(16 * var(--to-rem));
  font-weight: 800;
  line-height: 0.9;
  color: var(--color-red);
  text-transform: uppercase;
  letter-spacing: -0.02em;
}
@media screen and (max-width: 768px) {
  .p-related-link__cardLabel {
    font-size: calc(12 * var(--to-rem));
  }
}

.p-related-link__cardTitle {
  margin-top: calc(4 * var(--to-rem));
  font-family: var(--base-font-family);
  font-size: calc(24 * var(--to-rem));
  font-weight: var(--fw-bold);
  line-height: 1.34;
  color: var(--color-text);
  letter-spacing: -0.02em;
}
@media screen and (max-width: 768px) {
  .p-related-link__cardTitle {
    font-size: calc(18 * var(--to-rem));
  }
}

.p-related-link__cardSub {
  margin-top: calc(4 * var(--to-rem));
  font-family: var(--base-font-family);
  font-size: calc(18 * var(--to-rem));
  font-weight: var(--fw-bold);
  line-height: 1.34;
  color: var(--color-gray-mid);
  letter-spacing: -0.02em;
}
@media screen and (max-width: 768px) {
  .p-related-link__cardSub {
    font-size: calc(14 * var(--to-rem));
  }
}

.p-related-link__cardIcon {
  position: absolute;
  right: calc(16 * var(--to-rem));
  bottom: calc(16 * var(--to-rem));
  width: calc(40 * var(--to-rem));
  height: calc(40 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .p-related-link__cardIcon {
    right: calc(8 * var(--to-rem));
    bottom: calc(8 * var(--to-rem));
    width: calc(32 * var(--to-rem));
    height: calc(32 * var(--to-rem));
  }
}

.p-related-link__cardIcon picture {
  display: block;
  width: 100%;
  height: 100%;
}

.p-related-link__thumb img {
  transition: scale var(--duration-zoom) var(--ease-zoom);
}

.p-related-link__cardIcon {
  background-image: url("/recruit/new/assets/images/related5-hover.BTKomcQM.svg");
  background-size: 100% 100%;
}
@media screen and (max-width: 768px) {
  .p-related-link__cardIcon {
    background-image: url("/recruit/new/assets/images/related6-hover.CCuCP2Bj.svg");
  }
}

.p-related-link__cardIcon img {
  transition: opacity var(--duration-hover) var(--ease-out);
}

@media (any-hover: hover) {
  .p-related-link__card:hover .p-related-link__thumb img {
    scale: var(--scale-zoom);
  }
  .p-related-link__card:hover .p-related-link__cardIcon img {
    opacity: 0;
  }
}
.p-related-link__button {
  display: flex;
  justify-content: center;
  margin-top: calc(120 * var(--to-rem));
}

.p-requirements-contents {
  position: relative;
  z-index: 1;
  display: flex;
  gap: calc(40 * var(--to-rem));
  align-items: flex-start;
  justify-content: space-between;
  width: calc(100% - 48 * var(--to-rem));
  max-width: calc(1130 * var(--to-rem));
  margin-inline: auto;
  margin-top: calc(80 * var(--to-rem));
}
@media screen and (max-width: 1023px) {
  .p-requirements-contents {
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 768px) {
  .p-requirements-contents {
    display: block;
    max-width: none;
    margin-top: calc(64 * var(--to-rem));
  }
}

.p-requirements-contents[hidden] {
  display: none;
}

.p-requirements-contents__heading {
  flex-shrink: 0;
}

.p-requirements-contents__list {
  display: flex;
  flex-wrap: wrap;
  column-gap: calc(20 * var(--to-rem));
  width: calc(785 * var(--to-rem));
  max-width: 100%;
  list-style: none;
}
@media screen and (max-width: 1023px) {
  .p-requirements-contents__list {
    margin-top: calc(64 * var(--to-rem));
  }
}
@media screen and (max-width: 768px) {
  .p-requirements-contents__list {
    display: block;
    width: 100%;
  }
}

.p-requirements-contents__item {
  width: calc((100% - 20 * var(--to-rem)) / 2);
  margin-top: calc(20 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .p-requirements-contents__item {
    width: auto;
    margin-top: 0;
  }
}

.p-requirements-contents__item--large {
  width: 100%;
  margin-top: 0;
}

@media screen and (max-width: 768px) {
  .p-requirements-contents__item + .p-requirements-contents__item {
    margin-top: calc(8 * var(--to-rem));
  }
}

.p-requirements-contents__card {
  position: relative;
  display: flex;
  gap: calc(20 * var(--to-rem));
  align-items: flex-start;
  height: 100%;
  padding-block: calc(16 * var(--to-rem));
  padding-inline: calc(16 * var(--to-rem));
  color: var(--color-text);
  text-decoration: none;
  background-color: var(--color-white);
  border-radius: calc(8 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .p-requirements-contents__card {
    gap: calc(12 * var(--to-rem));
    padding-block: calc(8 * var(--to-rem));
    padding-inline: calc(8 * var(--to-rem));
  }
}

.p-requirements-contents__item--large .p-requirements-contents__card {
  gap: calc(24 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .p-requirements-contents__item--large .p-requirements-contents__card {
    gap: calc(12 * var(--to-rem));
  }
}

.p-requirements-contents__thumb {
  flex-shrink: 0;
  width: calc(156 * var(--to-rem));
  max-width: 50%;
  aspect-ratio: 156/104;
  overflow: hidden;
  border-radius: calc(5 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .p-requirements-contents__thumb {
    width: calc(120 * var(--to-rem));
    max-width: none;
    aspect-ratio: 1;
  }
}

.p-requirements-contents__item--large .p-requirements-contents__thumb {
  width: calc(219 * var(--to-rem));
  aspect-ratio: 219/146;
  border-radius: calc(10 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .p-requirements-contents__item--large .p-requirements-contents__thumb {
    width: calc(120 * var(--to-rem));
    aspect-ratio: 1;
    border-radius: calc(5 * var(--to-rem));
  }
}

.p-requirements-contents__thumb picture {
  display: block;
  width: 100%;
  height: 100%;
}

.p-requirements-contents__body {
  flex: 1;
  min-width: 0;
}
@media screen and (max-width: 768px) {
  .p-requirements-contents__body {
    padding-block: calc(4 * var(--to-rem));
    padding-right: calc(4 * var(--to-rem));
  }
}

.p-requirements-contents__item--large .p-requirements-contents__body {
  padding-block: calc(8 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .p-requirements-contents__item--large .p-requirements-contents__body {
    padding-block: calc(4 * var(--to-rem));
  }
}

.p-requirements-contents__label {
  font-family: var(--title-font-family);
  font-size: calc(14 * var(--to-rem));
  font-weight: 800;
  line-height: 0.9286;
  color: var(--color-red);
  text-transform: uppercase;
  letter-spacing: -0.02em;
}
@media screen and (max-width: 768px) {
  .p-requirements-contents__label {
    font-size: calc(12 * var(--to-rem));
    line-height: 0.9167;
  }
}

.p-requirements-contents__item--large .p-requirements-contents__label {
  font-size: calc(16 * var(--to-rem));
  line-height: 0.875;
}
@media screen and (max-width: 768px) {
  .p-requirements-contents__item--large .p-requirements-contents__label {
    font-size: calc(12 * var(--to-rem));
    line-height: 0.9167;
  }
}

.p-requirements-contents__cardTitle {
  margin-top: calc(4 * var(--to-rem));
  font-family: var(--base-font-family);
  font-size: calc(16 * var(--to-rem));
  font-weight: var(--fw-bold);
  line-height: 1.1875;
  color: var(--color-text);
  letter-spacing: -0.02em;
}
@media screen and (max-width: 768px) {
  .p-requirements-contents__cardTitle {
    line-height: 1.3125;
  }
}

.p-requirements-contents__item--large .p-requirements-contents__cardTitle {
  font-size: calc(24 * var(--to-rem));
  line-height: 1.3334;
}
@media screen and (max-width: 768px) {
  .p-requirements-contents__item--large .p-requirements-contents__cardTitle {
    font-size: calc(16 * var(--to-rem));
    line-height: 1.3125;
  }
}

.p-requirements-contents__icon {
  position: absolute;
  right: calc(16 * var(--to-rem));
  bottom: calc(16 * var(--to-rem));
  display: grid;
  width: calc(40 * var(--to-rem));
  height: calc(40 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .p-requirements-contents__icon {
    right: calc(8 * var(--to-rem));
    bottom: calc(8 * var(--to-rem));
    width: calc(32 * var(--to-rem));
    height: calc(32 * var(--to-rem));
  }
}

.p-requirements-contents__icon picture {
  display: block;
  width: 100%;
  height: 100%;
}

.p-requirements-flow {
  margin-top: calc(80 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .p-requirements-flow {
    margin-top: calc(64 * var(--to-rem));
  }
}

.p-requirements-flow__title {
  font-family: var(--base-font-family);
  font-size: calc(32 * var(--to-rem));
  font-weight: var(--fw-bold);
  line-height: 1.1875;
  color: var(--color-text);
  letter-spacing: -0.02em;
}
@media screen and (max-width: 768px) {
  .p-requirements-flow__title {
    font-size: calc(24 * var(--to-rem));
    line-height: 1.5;
  }
}

.p-requirements-flow__box {
  padding-block: calc(40 * var(--to-rem));
  padding-inline: calc(40 * var(--to-rem));
  margin-top: calc(40 * var(--to-rem));
  background-color: var(--color-white);
  border-radius: calc(12 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .p-requirements-flow__box {
    padding-inline: calc(20 * var(--to-rem));
  }
}

.p-requirements-flow__step + .p-requirements-flow__step {
  margin-top: calc(10 * var(--to-rem));
}

.p-requirements-flow__step + .p-requirements-flow__step::before,
.p-requirements-flow__branchItem::before,
.p-requirements-flow__branchItem::after {
  display: block;
  flex-shrink: 0;
  width: calc(27.7148 * var(--to-rem));
  height: calc(38 * var(--to-rem));
  content: "";
  background: url("/recruit/new/assets/images/flow-arrow.Btv7vRw1.svg") center top/100% calc(38 * var(--to-rem)) no-repeat;
}
@media screen and (max-width: 768px) {
  .p-requirements-flow__step + .p-requirements-flow__step::before,
  .p-requirements-flow__branchItem::before,
  .p-requirements-flow__branchItem::after {
    width: calc(22.17 * var(--to-rem));
    height: calc(30.4 * var(--to-rem));
    background-size: 100% calc(30.4 * var(--to-rem));
  }
}

.p-requirements-flow__step + .p-requirements-flow__step::before,
.p-requirements-flow__branchItem::before {
  height: calc(48 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .p-requirements-flow__step + .p-requirements-flow__step::before,
  .p-requirements-flow__branchItem::before {
    height: calc(40.4 * var(--to-rem));
  }
}

.p-requirements-flow__step + .p-requirements-flow__step::before {
  margin-inline: auto;
}

.p-requirements-flow__step + .p-requirements-flow__step--branch::before,
.p-requirements-flow__step + .p-requirements-flow__step--goal::before {
  content: none;
}

.p-requirements-flow__card {
  display: grid;
  grid-template-areas: "num name" "num text";
  grid-template-columns: auto 1fr;
  column-gap: calc(28 * var(--to-rem));
  align-items: start;
  padding-block: calc(32 * var(--to-rem));
  padding-inline: calc(48 * var(--to-rem));
  background-color: var(--color-gray-box);
  border-radius: calc(8 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .p-requirements-flow__card {
    grid-template-areas: "num name" "text text";
    column-gap: calc(12 * var(--to-rem));
    align-items: center;
    padding-block: calc(28 * var(--to-rem));
    padding-inline: calc(20 * var(--to-rem));
  }
}

.p-requirements-flow__num {
  display: grid;
  grid-area: num;
  justify-items: center;
  width: calc(26 * var(--to-rem));
  font-family: var(--title-font-family);
  font-size: 0;
  font-weight: 800;
  line-height: 0;
  color: var(--color-red);
  text-align: center;
  letter-spacing: -0.02em;
}

.p-requirements-flow__num--narrow {
  width: calc(23 * var(--to-rem));
}

.p-requirements-flow__numLabel {
  font-size: calc(12 * var(--to-rem));
  line-height: 1.3608;
}

.p-requirements-flow__numValue {
  font-size: calc(26 * var(--to-rem));
  line-height: 0.7181;
}

.p-requirements-flow__name {
  grid-area: name;
  font-family: var(--base-font-family);
  font-size: calc(20 * var(--to-rem));
  font-weight: var(--fw-bold);
  line-height: 1.5;
  color: var(--color-text);
  letter-spacing: -0.02em;
}
@media screen and (max-width: 768px) {
  .p-requirements-flow__name {
    font-size: calc(16 * var(--to-rem));
  }
}

.p-requirements-flow__name--entry {
  font-size: calc(16 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .p-requirements-flow__name--entry {
    padding-inline: calc(4 * var(--to-rem)) 0;
  }
}

.p-requirements-flow__nameMain {
  font-size: calc(20 * var(--to-rem));
  line-height: 1.3;
  vertical-align: top;
}
@media screen and (max-width: 768px) {
  .p-requirements-flow__nameMain {
    font-size: calc(16 * var(--to-rem));
    line-height: 1.5;
  }
}

@media screen and (max-width: 768px) {
  .p-requirements-flow__nameSub {
    font-size: calc(14 * var(--to-rem));
  }
}

.p-requirements-flow__text {
  grid-area: text;
  align-self: start;
  margin-top: calc(14 * var(--to-rem));
  font-family: var(--base-font-family);
  font-size: calc(16 * var(--to-rem));
  font-weight: var(--fw-medium);
  line-height: 1.5;
  line-break: strict;
  color: var(--color-text);
  letter-spacing: -0.02em;
  opacity: 0.5;
}
@media screen and (max-width: 768px) {
  .p-requirements-flow__text {
    margin-top: calc(12 * var(--to-rem));
    font-size: calc(13 * var(--to-rem));
    line-height: 1.5385;
  }
}

.p-requirements-flow__branch {
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: calc(10 * var(--to-rem));
}

.p-requirements-flow__branchItem {
  display: flex;
  flex-direction: column;
  align-items: center;
  min-width: 0;
}

.p-requirements-flow__branchItem::after {
  margin-top: calc(10 * var(--to-rem));
}

.p-requirements-flow__label {
  display: flex;
  column-gap: calc(10 * var(--to-rem));
  align-items: center;
  font-family: var(--base-font-family);
  font-size: calc(15 * var(--to-rem));
  font-weight: var(--fw-bold);
  line-height: 2.2;
  color: var(--color-black);
  letter-spacing: 0;
}
@media screen and (max-width: 768px) {
  .p-requirements-flow__label {
    column-gap: calc(14 * var(--to-rem));
    align-items: flex-start;
    align-self: flex-start;
    font-size: calc(14 * var(--to-rem));
    line-height: 1.5;
  }
}

.p-requirements-flow__label::before {
  flex-shrink: 0;
  width: calc(8 * var(--to-rem));
  height: calc(8 * var(--to-rem));
  content: "";
  background-color: var(--color-red);
  border-radius: 100%;
}
@media screen and (max-width: 768px) {
  .p-requirements-flow__label::before {
    width: calc(6 * var(--to-rem));
    height: calc(6 * var(--to-rem));
    margin-top: calc(8 * var(--to-rem));
  }
}

.p-requirements-flow__card--split {
  display: block;
  flex: 1;
  align-self: stretch;
  padding-block: calc(32 * var(--to-rem)) calc(30 * var(--to-rem));
  margin-top: calc(6 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .p-requirements-flow__card--split {
    padding-block: calc(28 * var(--to-rem));
  }
}

.p-requirements-flow__items {
  margin-top: calc(28 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .p-requirements-flow__items {
    margin-top: calc(18 * var(--to-rem));
  }
}

.p-requirements-flow__item {
  display: flex;
  column-gap: calc(14 * var(--to-rem));
  align-items: center;
}
@media screen and (max-width: 768px) {
  .p-requirements-flow__item {
    display: block;
  }
}

.p-requirements-flow__item + .p-requirements-flow__item {
  margin-top: calc(22 * var(--to-rem));
}

.p-requirements-flow__itemText:empty {
  display: none;
}

.p-requirements-flow__itemTerm {
  flex: 0 0 calc(100 * var(--to-rem));
  font-family: var(--base-font-family);
  font-size: calc(20 * var(--to-rem));
  font-weight: var(--fw-bold);
  line-height: 1.5;
  color: var(--color-text);
  letter-spacing: -0.02em;
}
@media screen and (max-width: 768px) {
  .p-requirements-flow__itemTerm {
    font-size: calc(18 * var(--to-rem));
  }
}

.p-requirements-flow__itemText {
  flex: 1;
  min-width: 0;
  font-family: var(--base-font-family);
  font-size: calc(16 * var(--to-rem));
  font-weight: var(--fw-medium);
  line-height: 1.5;
  line-break: strict;
  color: var(--color-text);
  letter-spacing: -0.02em;
  opacity: 0.5;
}
@media screen and (max-width: 768px) {
  .p-requirements-flow__itemText {
    margin-top: calc(12 * var(--to-rem));
    font-size: calc(13 * var(--to-rem));
    line-height: 1.5385;
  }
}

.p-requirements-flow__card--goal {
  display: flex;
  column-gap: calc(24 * var(--to-rem));
  align-items: center;
  padding-block: calc(16 * var(--to-rem));
  padding-inline: calc(40 * var(--to-rem)) calc(16 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .p-requirements-flow__card--goal {
    column-gap: calc(18 * var(--to-rem));
    padding-block: calc(18.91 * var(--to-rem));
    padding-inline: calc(20 * var(--to-rem));
  }
}

.p-requirements-flow__goal {
  flex: 1;
  font-family: var(--base-font-family);
  font-size: calc(22 * var(--to-rem));
  font-weight: var(--fw-bold);
  line-height: 1.5;
  color: var(--color-red);
  text-align: center;
  letter-spacing: -0.02em;
}
@media screen and (max-width: 768px) {
  .p-requirements-flow__goal {
    font-size: calc(20 * var(--to-rem));
  }
}

.p-requirements-heading {
  display: flex;
  gap: calc(24 * var(--to-rem));
  align-items: center;
  font-family: var(--base-font-family);
  font-size: calc(40 * var(--to-rem));
  font-weight: var(--fw-bold);
  line-height: 1.2;
  color: var(--color-text);
  letter-spacing: -0.02em;
}
@media screen and (max-width: 768px) {
  .p-requirements-heading {
    gap: calc(16 * var(--to-rem));
    font-size: calc(28 * var(--to-rem));
    line-height: 1.2143;
  }
}

.p-requirements-heading::before {
  flex-shrink: 0;
  width: calc(8 * var(--to-rem));
  height: calc(8 * var(--to-rem));
  content: "";
  background-color: var(--color-red);
  border-radius: 100%;
}
@media screen and (max-width: 768px) {
  .p-requirements-heading::before {
    width: calc(6 * var(--to-rem));
    height: calc(6 * var(--to-rem));
  }
}

.p-requirements-heading__sub {
  font-size: calc(26 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .p-requirements-heading__sub {
    font-size: calc(18 * var(--to-rem));
  }
}

@media screen and (max-width: 768px) {
  .p-requirements-heading--flow {
    align-items: flex-start;
    line-height: 1.6071;
  }
}

@media screen and (max-width: 768px) {
  .p-requirements-heading--flow::before {
    width: calc(8 * var(--to-rem));
    height: calc(8 * var(--to-rem));
    margin-top: calc(20 * var(--to-rem));
  }
}

.p-requirements-heading--tech {
  align-items: flex-start;
}
@media screen and (max-width: 768px) {
  .p-requirements-heading--tech {
    line-height: 1.6071;
  }
}

.p-requirements-heading--tech::before {
  margin-top: calc(20 * var(--to-rem));
}

.p-requirements-heading__text {
  min-width: 0;
}

@media screen and (max-width: 768px) {
  .p-requirements-heading--tech .p-requirements-heading__sub {
    position: relative;
    top: calc(-2 * var(--to-rem));
    display: block;
    line-height: 1.4444;
  }
}

.p-requirements-method__body {
  margin-top: calc(80 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .p-requirements-method__body {
    margin-top: calc(64 * var(--to-rem));
  }
}

.p-requirements-method__title {
  font-family: var(--base-font-family);
  font-size: calc(32 * var(--to-rem));
  font-weight: var(--fw-bold);
  line-height: 1.1875;
  color: var(--color-text);
  letter-spacing: -0.02em;
}
@media screen and (max-width: 768px) {
  .p-requirements-method__title {
    font-size: calc(24 * var(--to-rem));
    line-height: 1.5;
  }
}

.p-requirements-method__lead {
  margin-top: calc(24 * var(--to-rem));
  font-family: var(--base-font-family);
  font-size: calc(18 * var(--to-rem));
  font-weight: var(--fw-medium);
  line-height: 2;
  line-break: strict;
  color: var(--color-text);
  letter-spacing: -0.02em;
}
@media screen and (max-width: 768px) {
  .p-requirements-method__lead {
    margin-top: calc(16 * var(--to-rem));
    font-size: calc(14 * var(--to-rem));
  }
}

.p-requirements-method__tableWrap {
  display: flow-root;
  margin-top: calc(40 * var(--to-rem));
}

.p-requirements-method__table {
  width: calc(100% + 4 * var(--to-rem));
  margin-block: calc(-2 * var(--to-rem));
  margin-inline: calc(-2 * var(--to-rem));
  table-layout: fixed;
  border-spacing: calc(2 * var(--to-rem));
  border-collapse: separate;
}

.p-requirements-method__corner {
  height: calc(70 * var(--to-rem));
  background-color: var(--color-gray-table);
  border-top-left-radius: calc(5 * var(--to-rem));
}

.p-requirements-method__head {
  height: calc(70 * var(--to-rem));
  padding-block: calc(10 * var(--to-rem));
  padding-inline: calc(10 * var(--to-rem));
  font-family: var(--base-font-family);
  font-size: calc(16 * var(--to-rem));
  font-weight: var(--fw-bold);
  line-height: 1.5;
  color: var(--color-white);
  text-align: center;
  letter-spacing: -0.02em;
  vertical-align: middle;
}

.p-requirements-method__head--free {
  background-color: var(--color-red);
}

.p-requirements-method__head--recommend {
  background-color: var(--color-blue-mid);
  border-top-right-radius: calc(5 * var(--to-rem));
}

.p-requirements-method__job {
  height: calc(80 * var(--to-rem));
  padding-block: calc(10 * var(--to-rem));
  padding-inline: calc(10 * var(--to-rem));
  font-family: var(--base-font-family);
  font-size: calc(16 * var(--to-rem));
  font-weight: var(--fw-bold);
  line-height: 1.5;
  color: var(--color-text);
  text-align: center;
  letter-spacing: -0.02em;
  vertical-align: middle;
  background-color: var(--color-gray-table);
}

.p-requirements-method__row:last-child .p-requirements-method__job {
  border-bottom-left-radius: calc(5 * var(--to-rem));
}

.p-requirements-method__jobSub {
  display: block;
  font-size: calc(12 * var(--to-rem));
  line-height: 1.5;
}

.p-requirements-method__cell {
  height: calc(80 * var(--to-rem));
  padding-block: calc(10 * var(--to-rem));
  padding-inline: calc(10 * var(--to-rem));
  text-align: center;
  vertical-align: middle;
  background-color: var(--color-white);
}

.p-requirements-method__row:last-child .p-requirements-method__cell:last-child {
  border-bottom-right-radius: calc(5 * var(--to-rem));
}

.p-requirements-method__mark {
  display: inline-block;
  width: calc(12 * var(--to-rem));
  height: calc(12 * var(--to-rem));
  vertical-align: middle;
  border-radius: 100%;
}

.p-requirements-method__mark--free {
  background-color: var(--color-red);
}

.p-requirements-method__mark--recommend {
  background-color: var(--color-purple);
}

.p-requirements-method__markWrap {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}

.p-requirements-method__markNote {
  position: absolute;
  top: 50%;
  left: calc(100% + 2 * var(--to-rem));
  font-family: var(--base-font-family);
  font-size: calc(12 * var(--to-rem));
  font-weight: var(--fw-medium);
  line-height: 2;
  color: var(--color-text);
  letter-spacing: -0.02em;
  translate: 0 -50%;
}

.p-requirements-method__cards {
  margin-top: calc(40 * var(--to-rem));
}

.p-requirements-method__card {
  padding-block: calc(20 * var(--to-rem));
  padding-inline: calc(20 * var(--to-rem));
  background-color: var(--color-gray-table);
  border-radius: calc(5 * var(--to-rem));
}

.p-requirements-method__card + .p-requirements-method__card {
  margin-top: calc(4 * var(--to-rem));
}

.p-requirements-method__cardTitle {
  font-family: var(--base-font-family);
  font-size: calc(14 * var(--to-rem));
  font-weight: var(--fw-bold);
  line-height: 1.5;
  color: var(--color-text);
  letter-spacing: -0.02em;
}

.p-requirements-method__cardTitleSub {
  font-size: calc(12 * var(--to-rem));
}

.p-requirements-method__cardTitleSub--block {
  display: block;
  line-height: 1.5;
}

.p-requirements-method__cardList {
  margin-top: calc(10 * var(--to-rem));
}

.p-requirements-method__cardRow {
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: calc(2 * var(--to-rem));
}

.p-requirements-method__cardRow + .p-requirements-method__cardRow {
  margin-top: calc(2 * var(--to-rem));
}

.p-requirements-method__cardMethod {
  display: grid;
  place-items: center;
  height: calc(38 * var(--to-rem));
  padding-inline: calc(10 * var(--to-rem));
  font-family: var(--base-font-family);
  font-size: calc(12 * var(--to-rem));
  font-weight: var(--fw-bold);
  line-height: 1.5;
  color: var(--color-white);
  letter-spacing: -0.02em;
}

.p-requirements-method__cardMethod--free {
  background-color: var(--color-red);
}

.p-requirements-method__cardMethod--recommend {
  background-color: var(--color-blue-mid);
}

.p-requirements-method__cardStatus {
  display: grid;
  place-items: center;
  background-color: var(--color-white);
}

.p-requirements-method__cardRow:first-child .p-requirements-method__cardMethod {
  border-top-left-radius: calc(3 * var(--to-rem));
}

.p-requirements-method__cardRow:first-child .p-requirements-method__cardStatus {
  border-top-right-radius: calc(3 * var(--to-rem));
}

.p-requirements-method__cardRow:last-child .p-requirements-method__cardMethod {
  border-bottom-left-radius: calc(3 * var(--to-rem));
}

.p-requirements-method__cardRow:last-child .p-requirements-method__cardStatus {
  border-bottom-right-radius: calc(3 * var(--to-rem));
}

.p-requirements-method__status {
  display: flex;
  column-gap: calc(10 * var(--to-rem));
  align-items: center;
  width: calc(62 * var(--to-rem));
}

.p-requirements-method__statusMark {
  flex-shrink: 0;
  width: calc(12 * var(--to-rem));
  height: calc(12 * var(--to-rem));
  border-radius: 100%;
}

.p-requirements-method__statusMark--free {
  background-color: var(--color-red);
}

.p-requirements-method__statusMark--recommend {
  background-color: var(--color-blue-mid);
}

.p-requirements-method__statusDash {
  flex-shrink: 0;
  width: calc(12 * var(--to-rem));
  height: calc(2 * var(--to-rem));
  margin-top: calc(4 * var(--to-rem));
  background-color: var(--color-gray-light);
}

.p-requirements-method__statusText {
  font-family: var(--base-font-family);
  font-size: calc(10 * var(--to-rem));
  font-weight: var(--fw-medium);
  line-height: 1.5;
  color: var(--color-text);
  letter-spacing: -0.02em;
  white-space: nowrap;
}

.p-requirements-method__statusNote {
  font-weight: var(--fw-bold);
}

.p-requirements-method__note {
  margin-top: calc(12 * var(--to-rem));
  font-family: var(--base-font-family);
  font-size: calc(12 * var(--to-rem));
  font-weight: var(--fw-medium);
  line-height: 2;
  color: var(--color-text);
  letter-spacing: -0.02em;
}
@media screen and (max-width: 768px) {
  .p-requirements-method__note {
    margin-top: calc(4 * var(--to-rem));
  }
}

.p-requirements-outline {
  margin-top: calc(80 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .p-requirements-outline {
    margin-top: calc(64 * var(--to-rem));
  }
}

.p-requirements-outline__title {
  font-family: var(--base-font-family);
  font-size: calc(32 * var(--to-rem));
  font-weight: var(--fw-bold);
  line-height: 1.5;
  color: var(--color-text);
  letter-spacing: -0.02em;
}
@media screen and (max-width: 768px) {
  .p-requirements-outline__title {
    font-size: calc(24 * var(--to-rem));
  }
}

.p-requirements-outline__list {
  margin-top: calc(40 * var(--to-rem));
}

.p-requirements-outline__row {
  display: flex;
  padding-block: calc(32 * var(--to-rem));
  background-image: linear-gradient(to right, color-mix(in srgb, var(--color-text) 50%, transparent) 1px, transparent 1px);
  background-repeat: repeat-x;
  background-position: left top;
  background-size: 3px 1px;
}
@media screen and (max-width: 768px) {
  .p-requirements-outline__row {
    flex-direction: column;
    padding-block: calc(28 * var(--to-rem));
  }
}

.p-requirements-outline__term {
  flex-shrink: 0;
  width: calc(230 * var(--to-rem));
  font-family: var(--base-font-family);
  font-size: calc(18 * var(--to-rem));
  font-weight: var(--fw-bold);
  line-height: 1.5;
  color: var(--color-text);
  letter-spacing: -0.02em;
}
@media screen and (max-width: 768px) {
  .p-requirements-outline__term {
    width: auto;
  }
}

.p-requirements-outline__desc {
  flex: 1;
  min-width: 0;
  font-family: var(--base-font-family);
  font-size: calc(16 * var(--to-rem));
  font-weight: var(--fw-medium);
  line-height: 1.5;
  line-break: strict;
  color: var(--color-text);
  letter-spacing: -0.02em;
}
@media screen and (max-width: 768px) {
  .p-requirements-outline__desc {
    margin-top: calc(8 * var(--to-rem));
    font-size: calc(13 * var(--to-rem));
    line-height: 1.5385;
  }
}

.p-requirements-panel {
  position: relative;
  z-index: 1;
  width: calc(100% - 48 * var(--to-rem));
  max-width: calc(1130 * var(--to-rem));
  margin-inline: auto;
  margin-top: calc(118 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .p-requirements-panel {
    max-width: none;
    margin-top: calc(100 * var(--to-rem));
  }
}

.p-requirements-recommend {
  max-width: calc(900 * var(--to-rem));
  margin-top: calc(80 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .p-requirements-recommend {
    max-width: none;
    margin-top: calc(64 * var(--to-rem));
  }
}

.p-requirements-recommend__title {
  font-family: var(--base-font-family);
  font-size: calc(32 * var(--to-rem));
  font-weight: var(--fw-bold);
  line-height: 1.1875;
  color: var(--color-text);
  letter-spacing: -0.02em;
}
@media screen and (max-width: 768px) {
  .p-requirements-recommend__title {
    font-size: calc(24 * var(--to-rem));
    line-height: 1.5;
  }
}

.p-requirements-recommend__text {
  padding-block: calc(1 * var(--to-rem));
  margin-top: calc(24 * var(--to-rem));
  font-family: var(--base-font-family);
  font-size: calc(18 * var(--to-rem));
  font-weight: var(--fw-medium);
  line-height: 2;
  line-break: strict;
  color: var(--color-text);
  letter-spacing: -0.02em;
}
@media screen and (max-width: 768px) {
  .p-requirements-recommend__text {
    padding-block: 0;
    margin-top: calc(16 * var(--to-rem));
    font-size: calc(14 * var(--to-rem));
  }
}

.p-requirements-tab {
  position: relative;
  z-index: 1;
  width: calc(100% - 48 * var(--to-rem));
  max-width: calc(1130 * var(--to-rem));
  padding-block: 0 calc(2 * var(--to-rem));
  margin-inline: auto;
  margin-top: calc(91 * var(--to-rem));
  overflow: auto hidden;
  overscroll-behavior-x: contain;
  scrollbar-width: none;
}
@media screen and (max-width: 768px) {
  .p-requirements-tab {
    width: 100%;
    max-width: none;
    padding-block: 0;
    padding-inline: calc(24 * var(--to-rem)) 0;
    margin-top: calc(50 * var(--to-rem));
  }
}

.p-requirements-tab::-webkit-scrollbar {
  display: none;
}

.p-requirements-tab__list {
  display: flex;
  gap: calc(40 * var(--to-rem));
  justify-content: center;
  width: max-content;
  min-width: 100%;
  padding-inline: calc(20 * var(--to-rem));
  list-style: none;
  background-color: var(--color-white);
  border-radius: calc(12 * var(--to-rem));
}
@media screen and (max-width: 1023px) {
  .p-requirements-tab__list {
    gap: calc(20 * var(--to-rem));
    padding-inline: 0;
  }
}
@media screen and (max-width: 768px) {
  .p-requirements-tab__list {
    gap: calc(40 * var(--to-rem));
    justify-content: flex-start;
    min-width: 0;
    padding-inline: calc(40 * var(--to-rem));
  }
}

.p-requirements-tab__item {
  display: flex;
}

.p-requirements-tab__button {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding-block: calc(12 * var(--to-rem)) calc(16 * var(--to-rem));
  font-family: var(--base-font-family);
  font-size: calc(15 * var(--to-rem));
  font-weight: var(--fw-bold);
  line-height: 1.2;
  color: var(--color-text);
  text-align: center;
  letter-spacing: -0.02em;
  white-space: nowrap;
  cursor: pointer;
}
@media screen and (max-width: 768px) {
  .p-requirements-tab__button {
    padding-block: calc(16 * var(--to-rem)) calc(18 * var(--to-rem));
    font-size: calc(14 * var(--to-rem));
    line-height: 1.2143;
    color: var(--color-gray-mid);
  }
}

.p-requirements-tab__button br {
  display: none;
}

.p-requirements-tab__button.is-active {
  color: var(--color-red);
}

.p-requirements-tab__button::after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: calc(4 * var(--to-rem));
  content: "";
  background-color: var(--color-red);
  opacity: 0;
}
@media screen and (max-width: 768px) {
  .p-requirements-tab__button::after {
    bottom: 0;
    height: calc(3 * var(--to-rem));
  }
}

.p-requirements-tab__button.is-active::after {
  opacity: 1;
}

.p-requirements-tab__button:focus-visible {
  outline: 2px solid var(--color-red);
  outline-offset: -2px;
}

.p-requirements-tab__sub {
  font-size: calc(14 * var(--to-rem));
  line-height: 1.2143;
}
@media screen and (max-width: 768px) {
  .p-requirements-tab__sub {
    font-size: calc(12 * var(--to-rem));
    line-height: 1.1667;
  }
}

.p-sample {
  padding-block: calc(40 * var(--to-rem));
}

.p-sample__link {
  display: inline-block;
  margin-block-start: calc(40 * var(--to-rem));
  font-size: calc(24 * var(--to-rem));
  text-decoration: underline;
}

@media (any-hover: hover) {
  .p-sample__link:hover {
    text-decoration: none;
  }
}
.p-sample__bg {
  width: 300px;
  aspect-ratio: 1/1;
  background-image: url("/recruit/new/assets/images/bg_sample.RwkLwUk5.webp");
  background-size: contain;
}

.p-sample__image {
  width: 100%;
  max-width: 400px;
  aspect-ratio: 1/1;
}

.p-sample__image img {
  object-fit: cover;
  mask-image: linear-gradient(to bottom, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0.1) 100%);
}

.p-sample__text-block {
  margin-block: calc(40 * var(--to-rem));
}

.p-sample__head {
  font-size: 32px;
}
@media screen and (max-width: 768px) {
  .p-sample__head {
    font-size: 24px;
  }
}

.p-sample__text {
  line-height: 1.5;
  letter-spacing: 0.05em;
}

.p-sample__title2 {
  display: inline-block;
  line-height: 1.2;
  letter-spacing: 0.05em;
  font-size: 24px;
}
@media screen and (max-width: 768px) {
  .p-sample__title2 {
    font-size: 18px;
  }
}

.p-sample__divider {
  margin-block: calc(16 * var(--to-rem)) calc(32 * var(--to-rem));
}

.p-sample__grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(64px, 100%), 1fr));
  gap: calc(16 * var(--to-rem));
}

.p-service {
  color: var(--color-white);
  background-color: #a4b4b9;
  padding-block: calc(120 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .p-service {
    padding-block: calc(80 * var(--to-rem));
  }
}

.p-service__inner {
  max-width: var(--inner);
  margin-inline: auto;
}

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

.p-service__eyebrow {
  margin: 0 0 calc(8 * var(--to-rem));
  font-family: var(--title-font-family);
  font-size: calc(16 * var(--to-rem));
  color: #52bcde;
  letter-spacing: 0.15em;
}

.p-service__title {
  margin: 0 0 calc(12 * var(--to-rem));
  font-size: calc(32 * var(--to-rem));
  font-weight: var(--fw-medium);
}

.p-service__lead {
  margin: 0;
  font-size: calc(16 * var(--to-rem));
  line-height: 1.8;
}

.p-service__list {
  display: grid;
  gap: calc(32 * var(--to-rem));
  margin-block-start: calc(48 * var(--to-rem));
}

.p-service__item {
  display: grid;
  gap: calc(24 * var(--to-rem));
  grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr);
  align-items: center;
}
@media screen and (max-width: 768px) {
  .p-service__item {
    grid-template-columns: none;
    align-items: stretch;
  }
}

.p-service__item--reverse {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.2fr);
}
@media screen and (max-width: 768px) {
  .p-service__item--reverse {
    grid-template-columns: none;
  }
}

.p-service__media {
  overflow: hidden;
}

.p-service__media img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 16/9;
  object-fit: cover;
}

.p-service__body {
  font-size: calc(16 * var(--to-rem));
}

.p-service__no {
  margin: 0 0 calc(8 * var(--to-rem));
  font-family: var(--title-font-family);
  font-size: calc(20 * var(--to-rem));
}

.p-service__item-title {
  margin: 0 0 calc(8 * var(--to-rem));
  font-size: calc(24 * var(--to-rem));
}

.p-service__text {
  margin: 0;
  line-height: 1.8;
}

.p-service__more {
  margin-block-start: calc(40 * var(--to-rem));
  text-align: center;
}

.p-top-company {
  display: grid;
  grid-template-columns: 100%;
}
@media screen and (max-width: 1023px) {
  .p-top-company {
    grid-template-rows: auto auto;
  }
}

.p-top-company__inner {
  position: relative;
  z-index: 1;
  grid-area: 1/1;
  width: calc(100% - 48 * var(--to-rem));
  max-width: calc(1130 * var(--to-rem));
  margin-inline: auto;
}

.p-top-company__text {
  margin-top: calc(40 * var(--to-rem));
  font-family: var(--base-font-family);
  font-size: calc(18 * var(--to-rem));
  font-weight: var(--fw-medium);
  line-height: 2;
  color: var(--color-text);
  letter-spacing: -0.02em;
}
@media screen and (max-width: 768px) {
  .p-top-company__text {
    font-size: calc(14 * var(--to-rem));
  }
}

.p-top-company__button {
  margin-top: calc(56 * var(--to-rem));
}

.p-top-company__photo {
  position: relative;
  grid-area: 1/1;
  height: calc(737 * var(--to-rem));
  margin-top: calc(76 * var(--to-rem));
  clip-path: inset(0);
}
@media screen and (max-width: 1023px) {
  .p-top-company__photo {
    grid-area: 2/1;
    height: auto;
    aspect-ratio: 375/300;
    margin-top: calc(56 * var(--to-rem));
    margin-bottom: -19.6266666667%;
  }
}

.p-top-company__photo picture {
  position: absolute;
  inset: 0 0 auto;
  display: block;
  width: 100%;
  height: 136.6350067843%;
}
@media screen and (max-width: 768px) {
  .p-top-company__photo picture {
    height: 185.3333333333%;
  }
}

.p-top-company__photo img {
  object-position: right top;
}
@media screen and (max-width: 768px) {
  .p-top-company__photo img {
    object-position: center;
  }
}

.p-top-crosstalk {
  padding-block: calc(80 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .p-top-crosstalk {
    padding-block: 0 calc(100.5 * var(--to-rem));
  }
}

.p-top-crosstalk__inner {
  width: min(1130 * var(--to-rem), 100% - 48 * var(--to-rem));
  margin-inline: auto;
}

.p-top-crosstalk__text {
  margin-top: calc(40 * var(--to-rem));
  font-family: var(--base-font-family);
  font-size: calc(18 * var(--to-rem));
  font-weight: var(--fw-medium);
  line-height: 2.1;
  color: var(--color-text);
  letter-spacing: -0.02em;
}
@media screen and (max-width: 768px) {
  .p-top-crosstalk__text {
    font-size: calc(14 * var(--to-rem));
    line-height: 2;
  }
}

.p-top-crosstalk__soon {
  min-height: calc(320 * var(--to-rem));
  padding-top: calc(105.6 * var(--to-rem));
  margin-top: calc(67 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .p-top-crosstalk__soon {
    min-height: calc(140 * var(--to-rem));
    padding-top: calc(50.27 * var(--to-rem));
    margin-top: calc(60 * var(--to-rem));
  }
}

.p-top-crosstalk__soonText {
  padding-left: clamp(0px, (100vw - 1024px) * 132 / 416, 132 * var(--to-rem));
  font-family: var(--title-font-family);
  font-size: calc(136 * var(--to-rem));
  font-weight: var(--fw-light);
  line-height: 0.8;
  color: var(--color-gray-mid);
  text-align: center;
  text-transform: uppercase;
  letter-spacing: -0.02em;
}
@media screen and (max-width: 768px) {
  .p-top-crosstalk__soonText {
    padding-left: 0;
    font-size: calc(49.41 * var(--to-rem));
  }
}

.p-top-cta {
  display: none;
  margin-top: calc(240 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .p-top-cta {
    margin-top: calc(160 * var(--to-rem));
  }
}

.p-top-cta__link {
  position: relative;
  display: block;
  width: calc(440 * var(--to-rem));
  max-width: 100%;
  height: calc(440 * var(--to-rem));
  margin-inline: auto;
  overflow: hidden;
  text-decoration: none;
  border-radius: 100%;
}
@media screen and (max-width: 768px) {
  .p-top-cta__link {
    width: calc(291 * var(--to-rem));
    height: calc(291 * var(--to-rem));
  }
}

.p-top-cta__photo {
  position: absolute;
  inset: 0;
  overflow: hidden;
  border-radius: 100%;
}

.p-top-cta__heading {
  position: absolute;
  top: calc(121 * var(--to-rem));
  right: 0;
  left: 0;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .p-top-cta__heading {
    top: calc(79.51 * var(--to-rem));
  }
}

.p-top-cta__heading .c-section-heading {
  align-items: center;
}

@media screen and (max-width: 768px) {
  .p-top-cta__heading .c-section-heading__label {
    font-size: calc(20 * var(--to-rem));
  }
}

.p-top-culture {
  margin-top: calc(240 * var(--to-rem));
}
@media screen and (max-width: 1023px) {
  .p-top-culture {
    margin-top: calc(180 * var(--to-rem));
  }
}

.p-top-culture__inner {
  padding-inline: calc(40 * var(--to-rem));
}
@media screen and (max-width: 1023px) {
  .p-top-culture__inner {
    padding-inline: calc(24 * var(--to-rem));
  }
}

.p-top-culture__head {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.p-top-culture__lead {
  margin-top: calc(40 * var(--to-rem));
  font-family: var(--base-font-family);
  font-size: calc(18 * var(--to-rem));
  font-weight: var(--fw-medium);
  line-height: 2;
  color: var(--color-text);
  text-align: center;
  letter-spacing: -0.02em;
}
@media screen and (max-width: 1023px) {
  .p-top-culture__lead {
    font-size: calc(14 * var(--to-rem));
  }
}

.p-top-culture__list {
  margin-top: calc(80 * var(--to-rem));
}

.p-top-culture__item {
  position: relative;
}

.p-top-culture__item + .p-top-culture__item {
  margin-top: calc(7.92 * var(--to-rem));
}
@media screen and (max-width: 1023px) {
  .p-top-culture__item + .p-top-culture__item {
    margin-top: calc(8 * var(--to-rem));
  }
}

.p-top-culture__itemLink {
  position: relative;
  display: flex;
  min-height: calc(338 * var(--to-rem));
  padding-block: calc(25 * var(--to-rem));
  padding-inline: calc(25 * var(--to-rem));
  color: inherit;
  text-decoration: none;
  background-color: var(--color-white);
  border-radius: calc(12 * var(--to-rem));
}
@media screen and (max-width: 1023px) {
  .p-top-culture__itemLink {
    flex-direction: column;
    min-height: 0;
    padding-block: calc(24 * var(--to-rem));
    padding-inline: calc(24 * var(--to-rem));
    border-radius: calc(8 * var(--to-rem));
  }
}

.p-top-culture__itemLink::after {
  position: absolute;
  inset: 0;
  pointer-events: none;
  content: "";
  background-color: var(--color-stack-shade);
  border-radius: inherit;
  opacity: var(--stack-shade, 0);
}

.p-top-culture__itemPhoto {
  flex-shrink: 0;
  width: calc(435 * var(--to-rem));
  max-width: 100%;
  height: calc(288 * var(--to-rem));
  overflow: hidden;
  border-radius: calc(8 * var(--to-rem));
}
@media screen and (max-width: 1023px) {
  .p-top-culture__itemPhoto {
    width: 100%;
    height: auto;
    aspect-ratio: 279/140;
    border-radius: calc(6 * var(--to-rem));
  }
}

.p-top-culture__itemPhoto--wide {
  width: calc(436 * var(--to-rem));
}
@media screen and (max-width: 1023px) {
  .p-top-culture__itemPhoto--wide {
    width: 100%;
  }
}

.p-top-culture__itemPhoto picture {
  display: block;
  width: 100%;
  height: 100%;
}

.p-top-culture__itemBody {
  display: flex;
  flex: 1;
  flex-direction: column;
  min-width: 0;
  margin-left: calc(40 * var(--to-rem));
}
@media screen and (max-width: 1023px) {
  .p-top-culture__itemBody {
    flex-direction: row;
    gap: calc(8 * var(--to-rem));
    align-items: flex-end;
    justify-content: space-between;
    margin-top: calc(24 * var(--to-rem));
    margin-left: 0;
  }
}

.p-top-culture__itemText {
  min-width: 0;
}

.p-top-culture__itemLabel {
  font-family: var(--title-font-family);
  font-size: calc(16 * var(--to-rem));
  font-weight: 800;
  line-height: 0.9;
  color: var(--color-red);
  text-transform: uppercase;
  letter-spacing: -0.02em;
}
@media screen and (max-width: 1023px) {
  .p-top-culture__itemLabel {
    font-size: calc(14 * var(--to-rem));
  }
}

.p-top-culture__itemTitle {
  margin-top: calc(8 * var(--to-rem));
  font-family: var(--base-font-family);
  font-size: calc(32 * var(--to-rem));
  font-weight: var(--fw-bold);
  line-height: 1.34;
  color: var(--color-text);
  letter-spacing: -0.02em;
}
@media screen and (max-width: 1023px) {
  .p-top-culture__itemTitle {
    margin-top: calc(4 * var(--to-rem));
    font-size: calc(20 * var(--to-rem));
  }
}

.p-top-culture__itemArrow {
  flex-shrink: 0;
  align-self: flex-end;
  width: calc(40 * var(--to-rem));
  height: calc(40 * var(--to-rem));
  margin-top: auto;
}
@media screen and (max-width: 1023px) {
  .p-top-culture__itemArrow {
    width: calc(32 * var(--to-rem));
    height: calc(32 * var(--to-rem));
    margin-top: 0;
  }
}

.p-top-culture__itemPhoto img {
  transition: scale var(--duration-zoom) var(--ease-zoom);
}

.p-top-culture__itemArrow {
  background-image: url("/recruit/new/assets/images/recruit4-hover.DaijdZRK.svg");
  background-size: 100% 100%;
}

.p-top-culture__itemArrow img {
  transition: opacity var(--duration-hover) var(--ease-out);
}

@media (any-hover: hover) {
  .p-top-culture__itemLink:hover .p-top-culture__itemPhoto img {
    scale: var(--scale-zoom);
  }
  .p-top-culture__itemLink:hover .p-top-culture__itemArrow img {
    opacity: 0;
  }
}
@media (prefers-reduced-motion: no-preference) and (width >= 769px) {
  .p-top-culture__item {
    position: sticky;
    top: calc(var(--header-height) + 40 * var(--to-rem));
  }
}
@media screen and (prefers-reduced-motion: no-preference) and (width >= 769px) and (max-width: 1023px) {
  .p-top-culture__item {
    top: calc(var(--header-height) + 24 * var(--to-rem));
  }
}
@media (prefers-reduced-motion: no-preference) and (width >= 769px) {
  .p-top-culture__item:nth-child(1) {
    padding-bottom: calc(32 * var(--to-rem));
  }
}
@media screen and (prefers-reduced-motion: no-preference) and (width >= 769px) and (max-width: 1023px) {
  .p-top-culture__item:nth-child(1) {
    padding-bottom: calc(16 * var(--to-rem));
  }
}
@media (prefers-reduced-motion: no-preference) and (width >= 769px) {
  .p-top-culture__item:nth-child(2) {
    top: calc(var(--header-height) + 56 * var(--to-rem));
    padding-bottom: calc(16 * var(--to-rem));
    margin-top: calc(-24.08 * var(--to-rem));
  }
}
@media screen and (prefers-reduced-motion: no-preference) and (width >= 769px) and (max-width: 1023px) {
  .p-top-culture__item:nth-child(2) {
    top: calc(var(--header-height) + 32 * var(--to-rem));
    padding-bottom: calc(8 * var(--to-rem));
    margin-top: calc(-8 * var(--to-rem));
  }
}
@media (prefers-reduced-motion: no-preference) and (width >= 769px) {
  .p-top-culture__item:nth-child(3) {
    top: calc(var(--header-height) + 72 * var(--to-rem));
    margin-top: calc(-8.08 * var(--to-rem));
  }
}
@media screen and (prefers-reduced-motion: no-preference) and (width >= 769px) and (max-width: 1023px) {
  .p-top-culture__item:nth-child(3) {
    top: calc(var(--header-height) + 40 * var(--to-rem));
    margin-top: 0;
  }
}
.p-top-jobfield {
  position: relative;
  z-index: 1;
  padding-block: calc(370 * var(--to-rem)) calc(60 * var(--to-rem));
  margin-top: calc(-305 * var(--to-rem));
  overflow-x: clip;
}
@media screen and (max-width: 768px) {
  .p-top-jobfield {
    padding-block: calc(478 * var(--to-rem)) calc(365 * var(--to-rem));
    margin-top: 0;
  }
}

.p-top-jobfield__ellipse {
  position: absolute;
  top: calc(109 * var(--to-rem));
  left: 50%;
  width: 120.4861111111%;
  height: calc(665 * var(--to-rem));
  background-color: var(--color-bg);
  border-radius: 100%;
  box-shadow: 0 calc(-37 * var(--to-rem)) calc(71.6 * var(--to-rem)) color-mix(in srgb, var(--color-black) 3%, transparent);
  transform: translateX(-50%);
}
@media screen and (max-width: 768px) {
  .p-top-jobfield__ellipse {
    top: 0;
    left: 44.9333333333%;
    width: 215.52%;
    height: auto;
    aspect-ratio: 808.2/653;
    background-color: var(--color-bg-sp);
  }
}

.p-top-jobfield__inner {
  display: grid;
  grid-template-columns: 100%;
  width: calc(100% - 48 * var(--to-rem));
  max-width: calc(1130 * var(--to-rem));
  margin-inline: auto;
}
@media screen and (max-width: 768px) {
  .p-top-jobfield__inner {
    display: block;
  }
}

.p-top-jobfield__body {
  position: relative;
  z-index: 1;
  grid-area: 1/1;
  width: calc(440 * var(--to-rem));
  max-width: 100%;
}
@media screen and (max-width: 768px) {
  .p-top-jobfield__body {
    width: auto;
  }
}

.p-top-jobfield__text {
  margin-top: calc(40 * var(--to-rem));
  font-family: var(--base-font-family);
  font-size: calc(18 * var(--to-rem));
  font-weight: var(--fw-medium);
  line-height: 2;
  color: var(--color-text);
  letter-spacing: -0.02em;
}
@media screen and (max-width: 768px) {
  .p-top-jobfield__text {
    font-size: calc(14 * var(--to-rem));
  }
}

.p-top-jobfield__button {
  margin-top: calc(56 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .p-top-jobfield__button {
    margin-top: calc(60 * var(--to-rem));
  }
}

.p-top-jobfield__button .c-arrow-button {
  width: calc(345 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .p-top-jobfield__button .c-arrow-button {
    width: calc(327 * var(--to-rem));
  }
}

.p-top-jobfield__photo {
  position: relative;
  grid-area: 1/1;
  width: calc(702 * var(--to-rem));
  max-width: calc(100% - 214 * var(--to-rem));
  aspect-ratio: 702/718;
  margin-top: calc(21 * var(--to-rem));
  margin-left: calc(214 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .p-top-jobfield__photo {
    position: absolute;
    top: calc(116.6 * var(--to-rem));
    left: calc(50% - 234.2 * var(--to-rem));
    width: calc(462.6 * var(--to-rem));
    max-width: none;
    aspect-ratio: 463/473;
    margin-top: 0;
    margin-left: 0;
  }
}

.p-top-jobfield__photo::before,
.p-top-jobfield__photo::after {
  position: absolute;
  z-index: 1;
  content: "";
  border-radius: 100%;
}

.p-top-jobfield__photo::before {
  inset: calc(16 * var(--to-rem));
  box-shadow: inset 0 0 calc(65.83 * var(--to-rem)) calc(47.79 * var(--to-rem)) color-mix(in srgb, var(--color-black) 17%, transparent);
}
@media screen and (max-width: 768px) {
  .p-top-jobfield__photo::before {
    inset: calc(11.42 * var(--to-rem));
    box-shadow: inset 0 0 calc(43.21 * var(--to-rem)) calc(31.37 * var(--to-rem)) color-mix(in srgb, var(--color-black) 17%, transparent);
  }
}

.p-top-jobfield__photo::after {
  inset: 0;
  border: calc(32 * var(--to-rem)) solid var(--color-white);
}
@media screen and (max-width: 768px) {
  .p-top-jobfield__photo::after {
    border-width: calc(22.84 * var(--to-rem));
  }
}

.p-top-jobfield__screen {
  position: absolute;
  top: calc(16 * var(--to-rem));
  left: calc(16 * var(--to-rem));
  width: calc(100% - 32 * var(--to-rem));
  height: calc(100% - 32 * var(--to-rem));
  overflow: hidden;
  clip-path: ellipse(50% 50%);
  border-radius: 100%;
}
@media screen and (max-width: 768px) {
  .p-top-jobfield__screen {
    top: calc(11.42 * var(--to-rem));
    left: calc(11.42 * var(--to-rem));
    width: calc(100% - 22.84 * var(--to-rem));
    height: calc(100% - 22.84 * var(--to-rem));
  }
}

.p-top-jobfield__pan {
  --pan-from: calc(-100% / 3);
  position: absolute;
  top: 0;
  left: 0;
  width: 150%;
  height: 100%;
  translate: var(--pan-from) 0;
}
@media screen and (max-width: 768px) {
  .p-top-jobfield__pan {
    --pan-from: calc(-100% * 2 / 7);
    width: 140%;
  }
}

.p-top-jobfield__screen picture {
  display: block;
  width: 100%;
  height: 100%;
}

.p-top-jobfield__pan--next {
  display: none;
}

@media (prefers-reduced-motion: no-preference) {
  .p-top-jobfield__pan {
    animation: p-top-jobfield-pan 24.4s linear -0.8s infinite;
  }
  .p-top-jobfield__pan--next {
    display: block;
    animation-delay: -13s;
  }
}
@keyframes p-top-jobfield-pan {
  0% {
    z-index: 1;
    opacity: 0;
    translate: var(--pan-from) 0;
  }
  3.279% {
    opacity: 1;
  }
  49.99% {
    z-index: 1;
  }
  50% {
    z-index: 0;
  }
  53.279% {
    opacity: 1;
    translate: 0 0;
  }
  53.28%, 100% {
    z-index: 0;
    opacity: 0;
    translate: var(--pan-from) 0;
  }
}
.p-top-jobfield__screen img,
.p-top-jobfield__video {
  object-position: 85% 50%;
}
@media screen and (max-width: 768px) {
  .p-top-jobfield__screen img,
  .p-top-jobfield__video {
    object-position: 50% 50%;
  }
}

.p-top-jobfield__video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.p-top-jobfield__photo:not(.is-ready) .p-top-jobfield__video {
  display: none;
}

.p-top-kv {
  position: relative;
}

.p-top-kv__main {
  position: relative;
  min-height: max(911 * var(--to-rem), 100lvh);
  overflow-x: clip;
}
@media screen and (max-width: 768px) {
  .p-top-kv__main {
    min-height: max(650 * var(--to-rem), 100lvh);
  }
}

.p-top-kv__photo {
  position: absolute;
  inset: 0;
}

.p-top-kv__poster {
  position: absolute;
  inset: 0;
}

.p-top-kv__video {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.p-top-kv__shade {
  position: absolute;
  inset: 0;
  pointer-events: none;
  background-color: var(--color-black);
  opacity: 0;
  will-change: opacity;
}

.p-top-kv__title {
  position: absolute;
  top: 50svh;
  left: 50%;
  z-index: 1;
  width: min(908 * var(--to-rem), 100% - 48 * var(--to-rem), (100svh - 2 * var(--header-height)) * 908 / 353);
  translate: -50% -50%;
}
@media screen and (max-width: 768px) {
  .p-top-kv__title {
    width: min(327 * var(--to-rem), (100svh - 2 * var(--header-height)) * 908 / 353);
  }
}

.p-top-kv__titleImage {
  display: block;
}

.p-top-kv__titleImage img {
  display: block;
  height: auto;
}

.js .p-top-kv__title:not(.is-fallback) .p-top-kv__titleImage {
  visibility: hidden;
}

.p-top-kv__titleMotion {
  position: absolute;
  top: -36.2606232295%;
  left: -21.3114754098%;
  width: 142.0765027322%;
  height: 172.8045325779%;
  pointer-events: none;
}

.p-top-kv__titleMotion svg {
  display: block;
}

.p-top-kv__message {
  position: relative;
  min-height: calc(979 * var(--to-rem));
  padding-block: calc(122 * var(--to-rem)) calc(194 * var(--to-rem));
  padding-inline: calc(24 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .p-top-kv__message {
    min-height: calc(740 * var(--to-rem));
    padding-block: calc(82 * var(--to-rem)) calc(136 * var(--to-rem));
  }
}

.p-top-kv__text {
  position: relative;
  z-index: 1;
  font-family: var(--base-font-family);
  font-size: calc(32 * var(--to-rem));
  font-weight: 900;
  line-height: 1.59;
  color: var(--color-white);
  text-align: center;
  letter-spacing: -0.03em;
}
@media screen and (max-width: 768px) {
  .p-top-kv__text {
    font-size: calc(18 * var(--to-rem));
  }
}

@media (prefers-reduced-motion: no-preference) {
  .p-top-kv {
    clip-path: inset(0);
  }
  .p-top-kv__photo {
    position: fixed;
    inset: 0 0 auto;
    height: max(100lvh, var(--kv-screen-height, 0px));
    overflow: hidden;
  }
}
.p-top-news {
  padding-block: calc(120 * var(--to-rem)) calc(180 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .p-top-news {
    padding-block: calc(120 * var(--to-rem)) calc(160 * var(--to-rem));
  }
}

.p-top-news__inner {
  display: flex;
  gap: calc(137 * var(--to-rem));
  align-items: flex-start;
  width: calc(100% - 48 * var(--to-rem));
  max-width: calc(1130 * var(--to-rem));
  margin-inline: auto;
}
@media screen and (max-width: 768px) {
  .p-top-news__inner {
    flex-direction: column;
    gap: 0;
    align-items: stretch;
  }
}

.p-top-news__heading {
  flex-shrink: 0;
  width: calc(208 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .p-top-news__heading {
    width: auto;
  }
}

.p-top-news__heading .c-section-heading__label {
  font-size: calc(20 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .p-top-news__heading .c-section-heading__label {
    font-size: calc(16 * var(--to-rem));
  }
}

@media screen and (max-width: 768px) {
  .p-top-news__heading .c-section-heading__labelIcon {
    width: calc(19.42 * var(--to-rem));
    height: calc(21.95 * var(--to-rem));
  }
}

@media screen and (max-width: 768px) {
  .p-top-news__heading .c-section-heading__labelText {
    margin-left: calc(5 * var(--to-rem));
  }
}

.p-top-news__list {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: calc(8 * var(--to-rem));
  min-width: 0;
  max-width: calc(785 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .p-top-news__list {
    max-width: none;
    margin-top: calc(60 * var(--to-rem));
  }
}

.p-top-news__card {
  display: flex;
  flex-direction: column;
  gap: calc(4 * var(--to-rem));
  padding-block: calc(24 * var(--to-rem));
  padding-inline: calc(40 * var(--to-rem));
  text-decoration: none;
  background-color: var(--color-white);
  border-radius: calc(12 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .p-top-news__card {
    padding-block: calc(18 * var(--to-rem));
    padding-inline: calc(24 * var(--to-rem));
    border-radius: calc(8 * var(--to-rem));
  }
}

.p-top-news__date {
  font-family: var(--title-font-family);
  font-size: calc(12 * var(--to-rem));
  font-weight: 375;
  line-height: 2.2;
  color: var(--color-gray-mid);
  opacity: 0.9;
}
@media screen and (max-width: 768px) {
  .p-top-news__date {
    font-size: calc(10 * var(--to-rem));
  }
}

.p-top-news__text {
  font-family: var(--base-font-family);
  font-size: calc(16 * var(--to-rem));
  font-weight: var(--fw-medium);
  line-height: 1.6;
  color: var(--color-text);
  letter-spacing: -0.02em;
}
@media screen and (max-width: 768px) {
  .p-top-news__text {
    font-size: calc(12 * var(--to-rem));
  }
}

.p-top-news__textUnderline {
  background-image: linear-gradient(var(--color-red), var(--color-red)), linear-gradient(var(--color-text), var(--color-text));
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: 0 2px, 100% 1px;
  transition: color var(--duration-hover) var(--ease-out), background-size var(--duration-underline-out) var(--ease-underline);
}

@media (any-hover: hover) {
  .p-top-news__card:hover .p-top-news__textUnderline {
    color: var(--color-red);
    background-size: 100% 2px, 100% 1px;
    transition: color var(--duration-hover) var(--ease-out), background-size var(--duration-underline) var(--ease-underline);
  }
}
@media (prefers-reduced-motion: no-preference) {
  .p-top-news,
  .p-top-company {
    position: relative;
    z-index: 1;
    background-color: var(--color-bg);
  }
}
@media screen and (prefers-reduced-motion: no-preference) and (max-width: 768px) {
  .p-top-news,
  .p-top-company {
    background-color: var(--color-bg-sp);
  }
}
.p-top-people {
  padding-block: 0 calc(80 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .p-top-people {
    padding-block: 0 calc(100 * var(--to-rem));
  }
}

.p-top-people__heading,
.p-top-people__guide,
.p-top-people__button {
  width: min(1130 * var(--to-rem), 100% - 48 * var(--to-rem));
  margin-inline: auto;
}

.p-top-people__slider {
  padding-inline: calc((100% - min(1130 * var(--to-rem), 100% - 48 * var(--to-rem))) / 2);
  margin-top: calc(60 * var(--to-rem));
  overflow-x: auto;
  scrollbar-width: none;
}

.p-top-people__slider::-webkit-scrollbar {
  display: none;
}

.p-top-people__list {
  display: flex;
  gap: calc(20 * var(--to-rem));
  width: max-content;
}
@media screen and (max-width: 768px) {
  .p-top-people__list {
    gap: calc(24 * var(--to-rem));
  }
}

.p-top-people__item {
  flex-shrink: 0;
  width: calc(325 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .p-top-people__item {
    width: calc(164 * var(--to-rem));
  }
}

.p-top-people__card {
  display: block;
  color: inherit;
  text-decoration: none;
}

.p-top-people__cardThumb {
  position: relative;
  aspect-ratio: 325/400;
  overflow: hidden;
  border-radius: calc(8 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .p-top-people__cardThumb {
    aspect-ratio: 164/202;
  }
}

.p-top-people__cardCircle {
  position: absolute;
  top: 79%;
  left: -10.154%;
  width: 37.846%;
  aspect-ratio: 1;
  background-color: var(--color-white);
  border-radius: 100%;
}
@media screen and (max-width: 768px) {
  .p-top-people__cardCircle {
    top: 81.36%;
    left: -10.52%;
    width: 35.58%;
  }
}

.p-top-people__cardIcon {
  position: absolute;
  top: 82.5%;
  left: 2.769%;
  width: 18.154%;
  aspect-ratio: 1;
}
@media screen and (max-width: 768px) {
  .p-top-people__cardIcon {
    top: 85.45%;
    left: 3.3%;
    width: 14.634%;
  }
}

.p-top-people__cardIcon img {
  display: block;
  width: 100%;
  height: auto;
}

.p-top-people__cardBody {
  margin-top: calc(24 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .p-top-people__cardBody {
    margin-top: calc(16 * var(--to-rem));
  }
}

.p-top-people__cardLabel {
  font-family: var(--title-font-family);
  font-size: calc(14 * var(--to-rem));
  font-weight: 800;
  line-height: 0.8;
  color: var(--color-text);
  letter-spacing: -0.02em;
  opacity: 0.5;
}
@media screen and (max-width: 768px) {
  .p-top-people__cardLabel {
    font-size: calc(10 * var(--to-rem));
  }
}

.p-top-people__cardTitle {
  margin-top: calc(8 * var(--to-rem));
  font-family: var(--base-font-family);
  font-size: calc(20 * var(--to-rem));
  font-weight: var(--fw-bold);
  line-height: 1.2;
  color: var(--color-text);
  letter-spacing: -0.02em;
}
@media screen and (max-width: 768px) {
  .p-top-people__cardTitle {
    margin-top: calc(4 * var(--to-rem));
    font-size: calc(16 * var(--to-rem));
  }
}

.p-top-people__tags {
  display: flex;
  flex-wrap: wrap;
  gap: calc(8 * var(--to-rem));
  margin-top: calc(24 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .p-top-people__tags {
    gap: calc(4 * var(--to-rem));
    margin-top: calc(16 * var(--to-rem));
  }
}

.p-top-people__tag {
  padding-block: calc(3 * var(--to-rem)) calc(5 * var(--to-rem));
  padding-inline: calc(3 * var(--to-rem));
  font-family: var(--base-font-family);
  font-size: calc(12 * var(--to-rem));
  font-weight: var(--fw-regular);
  line-height: 1.2;
  color: var(--color-white);
  background-color: var(--color-text);
  border-radius: calc(3 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .p-top-people__tag {
    padding-block: calc(2 * var(--to-rem)) calc(3 * var(--to-rem));
    padding-inline: calc(4 * var(--to-rem));
    font-size: calc(10 * var(--to-rem));
  }
}

.p-top-people__guide {
  display: flex;
  column-gap: calc(21 * var(--to-rem));
  align-items: center;
  margin-top: calc(40 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .p-top-people__guide {
    display: none;
  }
}

.p-top-people__guide::after {
  flex: 1;
  height: 1px;
  content: "";
  background-color: var(--color-gray-mid);
}

.p-top-people__guideButtons {
  display: flex;
  flex-shrink: 0;
  width: calc(74 * var(--to-rem));
  height: calc(28 * var(--to-rem));
  background-color: var(--color-white);
  border-radius: calc(4 * var(--to-rem));
}

.p-top-people__guideButton {
  position: relative;
  flex: 1;
  padding: 0;
  color: var(--color-text);
  cursor: pointer;
  background: none;
  border: none;
}

.p-top-people__guideButton:disabled {
  color: var(--color-gray-light);
  cursor: default;
}

.p-top-people__guideButton::before {
  position: absolute;
  top: 50%;
  left: 50%;
  width: calc(10 * var(--to-rem));
  height: calc(10 * var(--to-rem));
  content: "";
  border-top: calc(2.2 * var(--to-rem)) solid currentcolor;
  border-left: calc(2.2 * var(--to-rem)) solid currentcolor;
}

.p-top-people__guideButton--prev::before {
  rotate: -45deg;
  translate: -30% -50%;
}

.p-top-people__guideButton--next::before {
  rotate: 135deg;
  translate: -70% -50%;
}

.p-top-people__guideButton--next::after {
  position: absolute;
  top: 50%;
  left: 0;
  width: 1px;
  height: calc(14 * var(--to-rem));
  content: "";
  background-color: var(--color-gray-light);
  translate: 0 -50%;
}

.p-top-people__guideButton:focus-visible {
  outline: 2px solid var(--color-text);
  outline-offset: -4px;
}

.p-top-people__button {
  margin-top: calc(60 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .p-top-people__button {
    margin-top: calc(60 * var(--to-rem));
  }
}

.p-top-people__button .c-arrow-button {
  width: calc(345 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .p-top-people__button .c-arrow-button {
    width: calc(327 * var(--to-rem));
  }
}

.p-top-people__cardThumb > img {
  transition: scale var(--duration-zoom) var(--ease-zoom);
}

.p-top-people__cardTitle {
  transition: color var(--duration-zoom) var(--ease-zoom);
}

@media (any-hover: hover) {
  .p-top-people__slider {
    cursor: grab;
  }
  .p-top-people__card:hover .p-top-people__cardThumb > img {
    scale: var(--scale-zoom);
  }
  .p-top-people__card:hover .p-top-people__cardTitle {
    color: var(--color-red);
  }
}
.p-top-people__slider.is-dragging {
  cursor: grabbing;
}

.p-top-people__slider.is-dragging a {
  pointer-events: none;
}

.p-top-pof {
  position: relative;
  min-height: calc(1092 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .p-top-pof {
    min-height: calc(780 * var(--to-rem));
  }
}

.p-top-pof__photo {
  position: absolute;
  overflow: hidden;
  border-radius: calc(8 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .p-top-pof__photo {
    border-radius: calc(6 * var(--to-rem));
  }
}

.p-top-pof__photo--dam {
  top: 0;
  left: 0;
  width: min(26.736%, 385 * var(--to-rem));
  aspect-ratio: 385/473;
  border-radius: calc(6 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .p-top-pof__photo--dam {
    left: calc(-6 * var(--to-rem));
    width: calc(188 * var(--to-rem));
    height: calc(231 * var(--to-rem));
    aspect-ratio: auto;
    border: 1px solid var(--color-black);
  }
}

.p-top-pof__photo--person {
  top: calc(324 * var(--to-rem));
  right: 10.764%;
  width: min(17.014%, 245 * var(--to-rem));
  aspect-ratio: 245/300;
}
@media screen and (max-width: 768px) {
  .p-top-pof__photo--person {
    top: calc(175 * var(--to-rem));
    right: calc(24 * var(--to-rem));
    width: calc(115 * var(--to-rem));
    height: calc(141 * var(--to-rem));
    aspect-ratio: auto;
  }
}

.p-top-pof__photo--small {
  top: calc(824 * var(--to-rem));
  left: 34.722%;
  width: min(17.847%, 257 * var(--to-rem));
  aspect-ratio: 257/145;
}
@media screen and (max-width: 768px) {
  .p-top-pof__photo--small {
    top: calc(467.9 * var(--to-rem));
    right: calc(24 * var(--to-rem));
    left: auto;
    width: calc(156 * var(--to-rem));
    height: calc(88 * var(--to-rem));
    aspect-ratio: auto;
  }
}

.p-top-pof__title {
  position: absolute;
  top: calc(570 * var(--to-rem));
  left: 10.764%;
  width: calc(524 * var(--to-rem));
  height: calc(278 * var(--to-rem));
}
@media screen and (768px < width < 1440px) {
  .p-top-pof__title {
    --to-rem: calc(100vw / 1440);
  }
}
@media screen and (max-width: 768px) {
  .p-top-pof__title {
    top: calc(356 * var(--to-rem));
    left: calc(24 * var(--to-rem));
    width: calc(286 * var(--to-rem));
    height: calc(151 * var(--to-rem));
  }
}

.p-top-pof__titlePower {
  position: absolute;
  top: 0;
  left: 0;
  font-family: var(--title-font-family);
  font-size: calc(168 * var(--to-rem));
  font-weight: 800;
  line-height: 0.8;
  color: var(--color-text);
  text-transform: uppercase;
  letter-spacing: -0.02em;
  white-space: nowrap;
}
@media screen and (max-width: 768px) {
  .p-top-pof__titlePower {
    font-size: calc(91.47 * var(--to-rem));
  }
}

.p-top-pof__titleFor {
  position: absolute;
  top: calc(151 * var(--to-rem));
  left: calc(6 * var(--to-rem));
  font-family: var(--title-font-family);
  font-size: calc(88.68 * var(--to-rem));
  font-weight: 350;
  line-height: 0.8;
  color: var(--color-text);
  text-transform: lowercase;
  letter-spacing: -0.02em;
  white-space: nowrap;
}
@media screen and (max-width: 768px) {
  .p-top-pof__titleFor {
    top: calc(82.2 * var(--to-rem));
    left: calc(3.3 * var(--to-rem));
    font-size: calc(48.28 * var(--to-rem));
  }
}

.p-top-pof__titleFuture {
  position: absolute;
  top: calc(159 * var(--to-rem));
  left: calc(113 * var(--to-rem));
  width: calc(410 * var(--to-rem));
  height: calc(119.5 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .p-top-pof__titleFuture {
    top: calc(86 * var(--to-rem));
    left: calc(62 * var(--to-rem));
    width: calc(223.5 * var(--to-rem));
    height: calc(65 * var(--to-rem));
  }
}

.p-top-pof__titleFuture img {
  display: block;
}

.p-top-pof__titleShapes {
  position: absolute;
  inset: 0;
  mask: url("/recruit/new/assets/images/pof5.s2lHKOIn.webp") center/100% 100% no-repeat;
}

.p-top-pof__titleShape {
  position: absolute;
}

.p-top-pof__titleShape--green {
  top: -34.647%;
  left: -4.228%;
  width: 22.114%;
  height: 66.499%;
}
@media screen and (max-width: 768px) {
  .p-top-pof__titleShape--green {
    transform-origin: 50% 100%;
  }
}

.p-top-pof__titleShape--blue {
  top: 75.999%;
  left: 33.659%;
  width: 22.602%;
  height: 60.911%;
}
@media screen and (max-width: 768px) {
  .p-top-pof__titleShape--blue {
    transform-origin: 50% 0;
  }
}

.p-top-pof__titleShape--red {
  top: -48.617%;
  left: 86.829%;
  width: 28.374%;
  height: 70.131%;
}
@media screen and (max-width: 768px) {
  .p-top-pof__titleShape--red {
    transform-origin: 50% 100%;
  }
}

.p-top-pof__text {
  position: absolute;
  top: calc(734 * var(--to-rem));
  left: 58.681%;
  width: 30.556%;
  font-family: var(--base-font-family);
  font-size: calc(18 * var(--to-rem));
  font-weight: var(--fw-medium);
  line-height: 2.1;
  color: var(--color-text);
  letter-spacing: -0.02em;
}
@media screen and (max-width: 768px) {
  .p-top-pof__text {
    top: calc(595.9 * var(--to-rem));
    right: calc(24 * var(--to-rem));
    left: calc(24 * var(--to-rem));
    width: auto;
    font-size: calc(14 * var(--to-rem));
    line-height: 2;
  }
}

.p-top-project {
  padding-block: calc(80 * var(--to-rem)) calc(355.9 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .p-top-project {
    padding-block: 0 calc(207.1 * var(--to-rem));
  }
}

.p-top-project__heading,
.p-top-project__guide,
.p-top-project__button {
  width: min(1130 * var(--to-rem), 100% - 48 * var(--to-rem));
  margin-inline: auto;
}

.p-top-project__slider {
  padding-inline: calc((100% - min(1130 * var(--to-rem), 100% - 48 * var(--to-rem))) / 2);
  margin-top: calc(80 * var(--to-rem));
  overflow-x: auto;
  scrollbar-width: none;
}
@media screen and (max-width: 768px) {
  .p-top-project__slider {
    margin-top: calc(59 * var(--to-rem));
  }
}

.p-top-project__slider::-webkit-scrollbar {
  display: none;
}

.p-top-project__list {
  display: flex;
  gap: calc(20 * var(--to-rem));
  align-items: flex-start;
  width: max-content;
}
@media screen and (max-width: 768px) {
  .p-top-project__list {
    gap: calc(24 * var(--to-rem));
  }
}

.p-top-project__item {
  flex-shrink: 0;
  width: calc(555 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .p-top-project__item {
    width: calc(260 * var(--to-rem));
  }
}

.p-top-project__card {
  display: block;
  color: inherit;
  text-decoration: none;
}

.p-top-project__cardThumb {
  aspect-ratio: 555/313;
  overflow: hidden;
  border-radius: calc(8 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .p-top-project__cardThumb {
    aspect-ratio: 260/146;
  }
}

.p-top-project__cardBody {
  margin-top: calc(24 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .p-top-project__cardBody {
    margin-top: calc(16 * var(--to-rem));
  }
}

.p-top-project__cardLabel {
  font-family: var(--title-font-family);
  font-size: calc(14 * var(--to-rem));
  font-weight: 800;
  line-height: 0.8;
  color: var(--color-text);
  letter-spacing: -0.02em;
  opacity: 0.5;
}
@media screen and (max-width: 768px) {
  .p-top-project__cardLabel {
    font-size: calc(10 * var(--to-rem));
  }
}

.p-top-project__cardTitle {
  margin-top: calc(8 * var(--to-rem));
  font-family: var(--base-font-family);
  font-size: calc(20 * var(--to-rem));
  font-weight: var(--fw-bold);
  line-height: 1.2;
  color: var(--color-text);
  letter-spacing: -0.02em;
}
@media screen and (max-width: 768px) {
  .p-top-project__cardTitle {
    margin-top: calc(4 * var(--to-rem));
    font-size: calc(16 * var(--to-rem));
  }
}

.p-top-project__cardPlace {
  margin-top: calc(16 * var(--to-rem));
  font-family: var(--base-font-family);
  font-size: calc(14 * var(--to-rem));
  font-weight: var(--fw-bold);
  line-height: 1.2;
  color: var(--color-text);
  letter-spacing: -0.02em;
}
@media screen and (max-width: 768px) {
  .p-top-project__cardPlace {
    margin-top: calc(4 * var(--to-rem));
    font-size: calc(12 * var(--to-rem));
  }
}

.p-top-project__tags {
  display: flex;
  flex-wrap: wrap;
  gap: calc(8 * var(--to-rem));
  margin-top: calc(31.2 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .p-top-project__tags {
    gap: calc(4 * var(--to-rem));
    margin-top: calc(16 * var(--to-rem));
  }
}

.p-top-project__tag {
  padding-block: calc(3 * var(--to-rem)) calc(5 * var(--to-rem));
  padding-inline: calc(6 * var(--to-rem));
  font-family: var(--base-font-family);
  font-size: calc(12 * var(--to-rem));
  font-weight: var(--fw-regular);
  line-height: 1.2;
  color: var(--color-white);
  background-color: var(--color-text);
  border-radius: calc(3 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .p-top-project__tag {
    padding-block: calc(2 * var(--to-rem)) calc(3 * var(--to-rem));
    padding-inline: calc(4 * var(--to-rem));
    font-size: calc(10 * var(--to-rem));
  }
}

.p-top-project__guide {
  display: flex;
  column-gap: calc(21 * var(--to-rem));
  align-items: center;
  margin-top: calc(40 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .p-top-project__guide {
    display: none;
  }
}

.p-top-project__guide::after {
  flex: 1;
  height: 1px;
  content: "";
  background-color: var(--color-gray-mid);
}

.p-top-project__guideButtons {
  display: flex;
  flex-shrink: 0;
  width: calc(74 * var(--to-rem));
  height: calc(28 * var(--to-rem));
  background-color: var(--color-white);
  border-radius: calc(4 * var(--to-rem));
}

.p-top-project__guideButton {
  position: relative;
  flex: 1;
  padding: 0;
  color: var(--color-text);
  cursor: pointer;
  background: none;
  border: none;
}

.p-top-project__guideButton:disabled {
  color: var(--color-gray-light);
  cursor: default;
}

.p-top-project__guideButton::before {
  position: absolute;
  top: 50%;
  left: 50%;
  width: calc(10 * var(--to-rem));
  height: calc(10 * var(--to-rem));
  content: "";
  border-top: calc(2.2 * var(--to-rem)) solid currentcolor;
  border-left: calc(2.2 * var(--to-rem)) solid currentcolor;
}

.p-top-project__guideButton--prev::before {
  rotate: -45deg;
  translate: -30% -50%;
}

.p-top-project__guideButton--next::before {
  rotate: 135deg;
  translate: -70% -50%;
}

.p-top-project__guideButton--next::after {
  position: absolute;
  top: 50%;
  left: 0;
  width: 1px;
  height: calc(14 * var(--to-rem));
  content: "";
  background-color: var(--color-gray-light);
  translate: 0 -50%;
}

.p-top-project__guideButton:focus-visible {
  outline: 2px solid var(--color-text);
  outline-offset: -4px;
}

.p-top-project__button {
  margin-top: calc(80 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .p-top-project__button {
    margin-top: calc(60 * var(--to-rem));
  }
}

.p-top-project__button .c-arrow-button {
  width: calc(345 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .p-top-project__button .c-arrow-button {
    width: calc(327 * var(--to-rem));
  }
}

.p-top-project__cardThumb > img {
  transition: scale var(--duration-zoom) var(--ease-zoom);
}

.p-top-project__cardTitle {
  transition: color var(--duration-zoom) var(--ease-zoom);
}

@media (any-hover: hover) {
  .p-top-project__slider {
    cursor: grab;
  }
  .p-top-project__card:hover .p-top-project__cardThumb > img {
    scale: var(--scale-zoom);
  }
  .p-top-project__card:hover .p-top-project__cardTitle {
    color: var(--color-red);
  }
}
.p-top-project__slider.is-dragging {
  cursor: grabbing;
}

.p-top-project__slider.is-dragging a {
  pointer-events: none;
}

.p-top-recruit {
  margin-top: calc(240 * var(--to-rem));
}
@media screen and (max-width: 1023px) {
  .p-top-recruit {
    margin-top: calc(160 * var(--to-rem));
  }
}

.p-top-recruit__inner {
  width: min(1130 * var(--to-rem), 100% - 48 * var(--to-rem));
  margin-inline: auto;
}
@media screen and (max-width: 1023px) {
  .p-top-recruit__inner {
    width: auto;
    padding-inline: calc(24 * var(--to-rem));
  }
}

.p-top-recruit__head {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.p-top-recruit__lead {
  margin-top: calc(40 * var(--to-rem));
  font-family: var(--base-font-family);
  font-size: calc(18 * var(--to-rem));
  font-weight: var(--fw-medium);
  line-height: 2;
  color: var(--color-text);
  text-align: center;
  letter-spacing: -0.02em;
}
@media screen and (max-width: 1023px) {
  .p-top-recruit__lead {
    font-size: calc(14 * var(--to-rem));
  }
}

.p-top-recruit__list {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, calc(370 * var(--to-rem))));
  gap: calc(32 * var(--to-rem)) calc(10 * var(--to-rem));
  margin-top: calc(80 * var(--to-rem));
}
@media screen and (max-width: 1023px) {
  .p-top-recruit__list {
    grid-template-columns: minmax(0, 1fr);
    row-gap: calc(8 * var(--to-rem));
  }
}

.p-top-recruit__card {
  min-width: 0;
}

.p-top-recruit__cardLink {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  min-height: calc(300 * var(--to-rem));
  padding-block: calc(25 * var(--to-rem));
  padding-inline: calc(25 * var(--to-rem));
  color: inherit;
  text-decoration: none;
  background-color: var(--color-white);
  border-radius: calc(8 * var(--to-rem));
}
@media screen and (max-width: 1023px) {
  .p-top-recruit__cardLink {
    justify-content: flex-start;
    min-height: 0;
    padding-block: calc(16 * var(--to-rem)) calc(24 * var(--to-rem));
    padding-inline: calc(24 * var(--to-rem));
  }
}

.p-top-recruit__cardIcon {
  position: absolute;
  top: calc(25 * var(--to-rem));
  right: calc(25 * var(--to-rem));
  width: calc(89 * var(--to-rem));
  height: calc(89 * var(--to-rem));
}
@media screen and (max-width: 1023px) {
  .p-top-recruit__cardIcon {
    position: static;
    align-self: flex-end;
    width: calc(70 * var(--to-rem));
    height: calc(70 * var(--to-rem));
  }
}

.p-top-recruit__cardBody {
  padding-right: calc(55 * var(--to-rem));
}
@media screen and (max-width: 1023px) {
  .p-top-recruit__cardBody {
    display: flex;
    gap: calc(8 * var(--to-rem));
    align-items: flex-end;
    justify-content: space-between;
    padding-right: 0;
    margin-top: calc(16 * var(--to-rem));
  }
}

.p-top-recruit__cardText {
  min-width: 0;
}
@media screen and (max-width: 1023px) {
  .p-top-recruit__cardText {
    margin-left: calc(3 * var(--to-rem));
  }
}

.p-top-recruit__cardLabel {
  font-family: var(--title-font-family);
  font-size: calc(16 * var(--to-rem));
  font-weight: 800;
  line-height: 0.9;
  color: var(--color-red);
  text-transform: uppercase;
  letter-spacing: -0.02em;
}
@media screen and (max-width: 1023px) {
  .p-top-recruit__cardLabel {
    font-size: calc(14 * var(--to-rem));
  }
}

.p-top-recruit__cardTitle {
  margin-top: calc(8 * var(--to-rem));
  font-family: var(--base-font-family);
  font-size: calc(32 * var(--to-rem));
  font-weight: var(--fw-bold);
  line-height: 1.34;
  color: var(--color-text);
  letter-spacing: -0.02em;
}
@media screen and (max-width: 1023px) {
  .p-top-recruit__cardTitle {
    margin-top: calc(4 * var(--to-rem));
    font-size: calc(20 * var(--to-rem));
  }
}

.p-top-recruit__cardArrow {
  position: absolute;
  right: calc(25 * var(--to-rem));
  bottom: calc(33 * var(--to-rem));
  width: calc(40 * var(--to-rem));
  height: calc(40 * var(--to-rem));
}
@media screen and (max-width: 1023px) {
  .p-top-recruit__cardArrow {
    position: static;
    flex-shrink: 0;
    width: calc(32 * var(--to-rem));
    height: calc(32 * var(--to-rem));
  }
}

.p-top-recruit__wide {
  grid-column: 1/-1;
  min-width: 0;
}
@media screen and (max-width: 1023px) {
  .p-top-recruit__wide {
    margin-top: calc(24 * var(--to-rem));
  }
}

.p-top-recruit__wideLink {
  position: relative;
  display: flex;
  align-items: flex-start;
  min-height: calc(218 * var(--to-rem));
  padding-block: calc(29.64 * var(--to-rem)) calc(18.36 * var(--to-rem));
  padding-inline: calc(25 * var(--to-rem));
  color: inherit;
  text-decoration: none;
  background-color: var(--color-white);
  border-radius: calc(8 * var(--to-rem));
}
@media screen and (max-width: 1023px) {
  .p-top-recruit__wideLink {
    flex-direction: column;
    align-items: stretch;
    min-height: 0;
    padding-block: calc(24 * var(--to-rem));
    padding-inline: calc(24 * var(--to-rem));
  }
}

.p-top-recruit__widePhoto {
  flex-shrink: 0;
  width: calc(320 * var(--to-rem));
  max-width: 100%;
  height: calc(170 * var(--to-rem));
  overflow: hidden;
  border-radius: calc(4 * var(--to-rem));
}
@media screen and (max-width: 1023px) {
  .p-top-recruit__widePhoto {
    align-self: flex-end;
    width: 35.2vw;
    height: auto;
    aspect-ratio: 132/70;
  }
}

.p-top-recruit__wideBody {
  flex: 1;
  min-width: 0;
  padding-right: calc(55 * var(--to-rem));
  margin-left: calc(60 * var(--to-rem));
}
@media screen and (max-width: 1023px) {
  .p-top-recruit__wideBody {
    display: flex;
    gap: calc(8 * var(--to-rem));
    align-items: flex-end;
    justify-content: space-between;
    padding-right: 0;
    margin-top: calc(24 * var(--to-rem));
    margin-left: 0;
  }
}

.p-top-recruit__wideText {
  min-width: 0;
}
@media screen and (max-width: 1023px) {
  .p-top-recruit__wideText {
    margin-left: calc(3 * var(--to-rem));
  }
}

.p-top-recruit__wideLabel {
  font-family: var(--base-font-family);
  font-size: calc(12 * var(--to-rem));
  font-weight: var(--fw-medium);
  line-height: 1.34;
  color: var(--color-gray-mid);
  letter-spacing: -0.02em;
}
@media screen and (max-width: 1023px) {
  .p-top-recruit__wideLabel {
    font-size: calc(10 * var(--to-rem));
  }
}

.p-top-recruit__wideTitle {
  margin-top: calc(4 * var(--to-rem));
  font-family: var(--base-font-family);
  font-size: calc(24 * var(--to-rem));
  font-weight: var(--fw-bold);
  line-height: 1.34;
  color: var(--color-text);
  letter-spacing: -0.02em;
}
@media screen and (max-width: 1023px) {
  .p-top-recruit__wideTitle {
    font-size: calc(18 * var(--to-rem));
  }
}

.p-top-recruit__wideArrow {
  position: absolute;
  right: calc(25 * var(--to-rem));
  bottom: calc(23.95 * var(--to-rem));
  width: calc(40 * var(--to-rem));
  height: calc(40 * var(--to-rem));
}
@media screen and (max-width: 1023px) {
  .p-top-recruit__wideArrow {
    position: static;
    flex-shrink: 0;
    width: calc(32 * var(--to-rem));
    height: calc(32 * var(--to-rem));
  }
}

.p-top-recruit__message {
  position: relative;
  scroll-margin-top: calc(40 * var(--to-rem));
  padding-block: calc(75 * var(--to-rem));
  padding-inline: calc(1 * var(--to-rem)) 0;
  margin-top: calc(80 * var(--to-rem));
}
@media screen and (max-width: 1023px) {
  .p-top-recruit__message {
    scroll-margin-top: calc(24 * var(--to-rem));
    padding-block: calc(60 * var(--to-rem));
    padding-inline: calc(24 * var(--to-rem)) calc(25 * var(--to-rem));
    margin-inline: calc(-24 * var(--to-rem));
    margin-top: calc(60 * var(--to-rem));
  }
}

.p-top-recruit__message::before {
  position: absolute;
  inset: 0 calc(1 * var(--to-rem)) 0 calc(104 * var(--to-rem));
  content: "";
  background-color: var(--color-white);
  border-radius: calc(21 * var(--to-rem));
}
@media screen and (max-width: 1023px) {
  .p-top-recruit__message::before {
    inset: 0;
    border-radius: calc(16 * var(--to-rem));
  }
}

.p-top-recruit__messageHeading {
  position: relative;
}

@media screen and (max-width: 768px) {
  .p-top-recruit__messageHeading .c-section-heading__label {
    font-size: calc(16 * var(--to-rem));
  }
}

.p-top-recruit__messageBody {
  position: relative;
  display: flex;
  gap: calc(116 * var(--to-rem));
  align-items: flex-start;
  margin-top: calc(80 * var(--to-rem));
}
@media screen and (max-width: 1023px) {
  .p-top-recruit__messageBody {
    flex-direction: column;
    gap: 0;
    margin-top: calc(40 * var(--to-rem));
  }
}

.p-top-recruit__messagePhoto {
  flex-shrink: 0;
  width: calc(229 * var(--to-rem));
  height: calc(152 * var(--to-rem));
  overflow: hidden;
  border-radius: calc(4 * var(--to-rem));
}
@media screen and (max-width: 1023px) {
  .p-top-recruit__messagePhoto {
    width: 100%;
    height: auto;
    aspect-ratio: 326/140;
  }
}

.p-top-recruit__messagePhoto picture {
  display: block;
  width: 100%;
  height: 100%;
}

.p-top-recruit__messageTexts {
  flex: 1;
  min-width: 0;
}
@media screen and (max-width: 1023px) {
  .p-top-recruit__messageTexts {
    margin-top: calc(30 * var(--to-rem));
  }
}
@media screen and (max-width: 768px) {
  .p-top-recruit__messageTexts {
    max-width: calc(303 * var(--to-rem));
  }
}

.p-top-recruit__messageText {
  font-family: var(--base-font-family);
  font-size: calc(18 * var(--to-rem));
  font-weight: var(--fw-medium);
  line-height: 2.1;
  color: var(--color-text);
  letter-spacing: -0.02em;
}
@media screen and (max-width: 1023px) {
  .p-top-recruit__messageText {
    font-size: calc(13 * var(--to-rem));
  }
}

.p-top-recruit__messageText + .p-top-recruit__messageText {
  margin-top: calc(37.8 * var(--to-rem));
}
@media screen and (max-width: 1023px) {
  .p-top-recruit__messageText + .p-top-recruit__messageText {
    margin-top: calc(27.3 * var(--to-rem));
  }
}

.p-top-recruit__cardIcon,
.p-top-recruit__widePhoto img {
  transition: scale var(--duration-zoom) var(--ease-zoom);
}

.p-top-recruit__cardArrow,
.p-top-recruit__wideArrow {
  background-image: url("/recruit/new/assets/images/recruit4-hover.DaijdZRK.svg");
  background-size: 100% 100%;
}

.p-top-recruit__cardArrow img,
.p-top-recruit__wideArrow img {
  transition: opacity var(--duration-hover) var(--ease-out);
}

@media (any-hover: hover) {
  .p-top-recruit__cardLink:hover .p-top-recruit__cardIcon {
    scale: 1.2;
  }
  .p-top-recruit__wideLink:hover .p-top-recruit__widePhoto img {
    scale: var(--scale-zoom);
  }
  .p-top-recruit__cardLink:hover .p-top-recruit__cardArrow img,
  .p-top-recruit__wideLink:hover .p-top-recruit__wideArrow img {
    opacity: 0;
  }
}
.p-top-wave {
  position: relative;
  z-index: 2;
  overflow: clip;
  border-radius: 0 0 calc(80 * var(--to-rem)) calc(80 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .p-top-wave {
    margin-top: calc(-205 * var(--to-rem));
    border-radius: 0 0 calc(32 * var(--to-rem)) calc(32 * var(--to-rem));
  }
}

.p-top-wave__bg {
  position: absolute;
  bottom: 0;
  left: 50%;
  z-index: -1;
  width: max(1735 * var(--to-rem), 120.4861111111%);
  height: calc(3811 * var(--to-rem));
  pointer-events: none;
  background: url("/recruit/new/assets/images/wave-base-pc.BBFGMO9o.webp") 0 0/100% 100% no-repeat;
  isolation: isolate;
  mask: url("/recruit/new/assets/images/wave-base-pc.BBFGMO9o.webp") 0 0/100% 100% no-repeat;
  translate: calc(-50% - 1.5 * var(--to-rem)) 0;
}
@media screen and (max-width: 768px) {
  .p-top-wave__bg {
    width: 100%;
    height: calc(2644 * var(--to-rem));
    background-image: url("/recruit/new/assets/images/wave-base-sp.DOCcZpXv.webp");
    mask-image: url("/recruit/new/assets/images/wave-base-sp.DOCcZpXv.webp");
    translate: -50% 0;
  }
}

.p-top-wave__band {
  position: absolute;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  mix-blend-mode: multiply;
}

.p-top-wave__band--upper {
  top: -9.48%;
  left: -47.809%;
  width: 194.755%;
  height: 54.972%;
  background-image: url("/recruit/new/assets/images/wave-band1-pc.B1BcQO4j.webp");
}
@media screen and (max-width: 768px) {
  .p-top-wave__band--upper {
    top: 22.913%;
    left: -89.037%;
    width: 240.267%;
    height: 21.711%;
    background-image: url("/recruit/new/assets/images/wave-band1-sp.BoSAGs-O.webp");
  }
}

.p-top-wave__band--lower {
  top: 32.139%;
  left: -79.562%;
  width: 242.824%;
  height: 63.632%;
  background-image: url("/recruit/new/assets/images/wave-band2-pc.Co2UaB6N.webp");
}
@media screen and (max-width: 768px) {
  .p-top-wave__band--lower {
    top: 58.181%;
    left: -127.275%;
    width: 304.4%;
    height: 25.494%;
    background-image: url("/recruit/new/assets/images/wave-band2-sp.CAhtgqwG.webp");
  }
}

.p-training-about {
  position: relative;
  z-index: 1;
  width: calc(100% - 48 * var(--to-rem));
  max-width: calc(1130 * var(--to-rem));
  margin-inline: auto;
  margin-top: calc(160 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .p-training-about {
    margin-top: calc(120 * var(--to-rem));
  }
}

.p-training-about__lead {
  margin-top: calc(80 * var(--to-rem));
  font-family: var(--base-font-family);
  font-size: calc(18 * var(--to-rem));
  font-weight: var(--fw-medium);
  line-height: 2;
  color: var(--color-text);
  letter-spacing: -0.02em;
  line-break: strict;
}
@media screen and (max-width: 768px) {
  .p-training-about__lead {
    margin-top: calc(64 * var(--to-rem));
    font-size: calc(14 * var(--to-rem));
  }
}

.p-training-about__figure {
  margin-top: calc(80 * var(--to-rem));
  container-type: inline-size;
}
@media screen and (max-width: 768px) {
  .p-training-about__figure {
    margin-top: calc(64 * var(--to-rem));
  }
}

.p-training-about__canvas {
  position: relative;
  aspect-ratio: 1130/520;
}
@media screen and (max-width: 768px) {
  .p-training-about__canvas {
    aspect-ratio: 327/492;
  }
}

.p-training-about__ring {
  position: absolute;
  top: 0;
  left: 26.9911504425cqi;
  width: 46.017699115cqi;
  aspect-ratio: 1;
}
@media screen and (max-width: 768px) {
  .p-training-about__ring {
    top: 30.8868501529cqi;
    left: 0;
    width: 100cqi;
  }
}

.p-training-about__lines--sp {
  display: none;
}
@media screen and (max-width: 768px) {
  .p-training-about__lines--sp {
    display: block;
  }
}

@media screen and (max-width: 768px) {
  .p-training-about__lines--pc {
    display: none;
  }
}

.p-training-about__line {
  position: absolute;
  display: grid;
}

.p-training-about__lines--pc .p-training-about__line--1 {
  top: 3.4513274336cqi;
  left: 56.0911504425cqi;
  width: 13.7168141593cqi;
}

.p-training-about__lines--pc .p-training-about__line--2 {
  top: 15.0734513274cqi;
  left: 24.3362831858cqi;
  width: 6.1946902655cqi;
}

.p-training-about__lines--pc .p-training-about__line--3 {
  top: 21.0026548673cqi;
  left: 70.8256637168cqi;
  width: 6.1946902655cqi;
}

.p-training-about__lines--pc .p-training-about__line--4 {
  top: 36.8433628319cqi;
  left: 28.8495575221cqi;
  width: 6.1946902655cqi;
}

.p-training-about__lines--pc .p-training-about__line--5 {
  top: 36.8433628319cqi;
  left: 65.2504424779cqi;
  width: 6.1946902655cqi;
}

.p-training-about__lines--sp .p-training-about__line--1 {
  top: 9.7859327217cqi;
  left: 49.8470948012cqi;
  width: 1.2232415902cqi;
}

.p-training-about__lines--sp .p-training-about__line--2 {
  top: 28.4403669725cqi;
  left: 16.5137614679cqi;
  width: 1.2232415902cqi;
}

.p-training-about__lines--sp .p-training-about__line--3 {
  top: 28.4403669725cqi;
  left: 82.2629969419cqi;
  width: 1.2232415902cqi;
}

.p-training-about__lines--sp .p-training-about__line--4 {
  top: 123.8532110092cqi;
  left: 63.3027522936cqi;
  width: 1.2232415902cqi;
}

.p-training-about__lines--sp .p-training-about__line--5 {
  top: 105.504587156cqi;
  left: 13.1498470948cqi;
  width: 1.2232415902cqi;
}

.p-training-about__note {
  position: absolute;
  font-family: var(--base-font-family);
  font-size: 1.2389380531cqi;
  font-weight: var(--fw-regular);
  line-height: 1.5;
  color: var(--color-gray-mid);
  letter-spacing: -0.02em;
  white-space: nowrap;
}
@media screen and (max-width: 768px) {
  .p-training-about__note {
    font-size: 3.0581039755cqi;
  }
}

.p-training-about__note--1 {
  top: 2.4336283186cqi;
  left: 70.4424778761cqi;
}
@media screen and (max-width: 768px) {
  .p-training-about__note--1 {
    top: -0.6116207951cqi;
    left: 31.8042813456cqi;
  }
}

.p-training-about__note--2 {
  top: 14.4690265487cqi;
  right: 75.9292035398cqi;
  text-align: right;
}
@media screen and (max-width: 768px) {
  .p-training-about__note--2 {
    top: 13.4556574924cqi;
    right: auto;
    left: 0;
    text-align: left;
  }
}

.p-training-about__note--3 {
  top: 20.3982300885cqi;
  left: 77.6991150442cqi;
}
@media screen and (max-width: 768px) {
  .p-training-about__note--3 {
    top: 13.4556574924cqi;
    left: 60.8562691131cqi;
  }
}

.p-training-about__note--4 {
  top: 36.1504424779cqi;
  right: 71.8584070796cqi;
  text-align: right;
}
@media screen and (max-width: 768px) {
  .p-training-about__note--4 {
    top: 137.003058104cqi;
    right: auto;
    left: 57.4923547401cqi;
    text-align: left;
  }
}

.p-training-about__note--5 {
  top: 36.1504424779cqi;
  left: 72.1238938053cqi;
}
@media screen and (max-width: 768px) {
  .p-training-about__note--5 {
    top: 137.003058104cqi;
    left: 0;
  }
}

.p-training-cdp {
  position: relative;
  z-index: 1;
  width: calc(100% - 48 * var(--to-rem));
  max-width: calc(1130 * var(--to-rem));
  margin-inline: auto;
  margin-top: calc(160 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .p-training-cdp {
    margin-top: calc(120 * var(--to-rem));
  }
}

.p-training-cdp__row {
  display: flex;
  gap: calc(64 * var(--to-rem));
  align-items: flex-start;
  margin-top: calc(80 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .p-training-cdp__row {
    display: block;
    margin-top: calc(64 * var(--to-rem));
  }
}

.p-training-cdp__content {
  flex: 1;
  min-width: 0;
}
@media screen and (max-width: 768px) {
  .p-training-cdp__content {
    margin-top: calc(48 * var(--to-rem));
  }
}

.p-training-cdp__text {
  font-family: var(--base-font-family);
  font-size: calc(18 * var(--to-rem));
  font-weight: var(--fw-medium);
  line-height: 2;
  color: var(--color-text);
  letter-spacing: -0.02em;
  line-break: strict;
}
@media screen and (max-width: 768px) {
  .p-training-cdp__text {
    font-size: calc(14 * var(--to-rem));
  }
}

.p-training-cdp__text + .p-training-cdp__list,
.p-training-cdp__list + .p-training-cdp__text {
  margin-top: calc(32 * var(--to-rem));
}

.p-training-cdp__item {
  padding-inline: calc(17 * var(--to-rem)) 0;
}
@media screen and (max-width: 768px) {
  .p-training-cdp__item {
    padding-inline: calc(12 * var(--to-rem)) 0;
  }
}

.p-training-cdp__item + .p-training-cdp__item {
  margin-top: calc(40 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .p-training-cdp__item + .p-training-cdp__item {
    margin-top: calc(32 * var(--to-rem));
  }
}

.p-training-cdp__term {
  position: relative;
  font-family: var(--base-font-family);
  font-size: calc(20 * var(--to-rem));
  font-weight: var(--fw-bold);
  line-height: 1.5;
  color: var(--color-text);
  letter-spacing: -0.02em;
}
@media screen and (max-width: 768px) {
  .p-training-cdp__term {
    font-size: calc(18 * var(--to-rem));
  }
}

.p-training-cdp__term::before {
  position: absolute;
  top: calc(0.5lh - 2.5 * var(--to-rem));
  left: calc(-17 * var(--to-rem));
  width: calc(5 * var(--to-rem));
  aspect-ratio: 1;
  content: "";
  background-color: var(--color-red);
  border-radius: 100%;
}
@media screen and (max-width: 768px) {
  .p-training-cdp__term::before {
    top: calc(0.5lh - 2 * var(--to-rem));
    left: calc(-12 * var(--to-rem));
    width: calc(4 * var(--to-rem));
  }
}

.p-training-cdp__desc {
  margin-top: calc(8 * var(--to-rem));
  font-family: var(--base-font-family);
  font-size: calc(16 * var(--to-rem));
  font-weight: var(--fw-medium);
  line-height: 2;
  color: var(--color-text);
  letter-spacing: -0.02em;
  line-break: strict;
}
@media screen and (max-width: 768px) {
  .p-training-cdp__desc {
    margin-top: calc(4 * var(--to-rem));
    font-size: calc(14 * var(--to-rem));
  }
}

.p-training-cdp__figure {
  flex-shrink: 0;
  width: 49.1150442478%;
  aspect-ratio: 555/412;
}
@media screen and (max-width: 768px) {
  .p-training-cdp__figure {
    width: 100%;
    aspect-ratio: 327/242;
  }
}

.p-training-heading {
  display: flex;
  gap: calc(24 * var(--to-rem));
  align-items: flex-start;
  font-family: var(--base-font-family);
  font-size: calc(40 * var(--to-rem));
  font-weight: var(--fw-bold);
  line-height: 1.2;
  color: var(--color-text);
  letter-spacing: -0.02em;
  line-break: strict;
}
@media screen and (max-width: 768px) {
  .p-training-heading {
    gap: calc(16 * var(--to-rem));
    font-size: calc(28 * var(--to-rem));
    line-height: 1.2143;
  }
}

.p-training-heading::before {
  flex-shrink: 0;
  width: calc(8 * var(--to-rem));
  height: calc(8 * var(--to-rem));
  margin-top: calc(20 * var(--to-rem));
  content: "";
  background-color: var(--color-red);
  border-radius: 100%;
}
@media screen and (max-width: 768px) {
  .p-training-heading::before {
    width: calc(6 * var(--to-rem));
    height: calc(6 * var(--to-rem));
    margin-top: calc(14 * var(--to-rem));
  }
}

.p-training-subheading {
  font-family: var(--base-font-family);
  font-size: calc(24 * var(--to-rem));
  font-weight: var(--fw-bold);
  line-height: 1.5;
  color: var(--color-text);
  letter-spacing: -0.02em;
  line-break: strict;
}
@media screen and (max-width: 768px) {
  .p-training-subheading {
    font-size: calc(20 * var(--to-rem));
  }
}

.p-training-list {
  display: grid;
  grid-template-columns: 610fr 440fr;
  grid-auto-flow: row dense;
  gap: calc(40 * var(--to-rem)) calc(80 * var(--to-rem));
  align-items: start;
  margin-top: calc(80 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .p-training-list {
    display: flex;
    flex-direction: column;
    row-gap: calc(32 * var(--to-rem));
    align-items: stretch;
    margin-top: calc(64 * var(--to-rem));
  }
}

.p-training-list__heading {
  grid-column: 1/-1;
}

.p-training-list__photo {
  grid-column: 2;
  aspect-ratio: 440/272;
  overflow: hidden;
  border-radius: calc(8 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .p-training-list__photo {
    aspect-ratio: 327/202;
  }
}

.p-training-list__items {
  grid-column: 1;
}

.p-training-list__item {
  display: flex;
  gap: calc(24 * var(--to-rem));
  align-items: flex-start;
}
@media screen and (max-width: 768px) {
  .p-training-list__item {
    gap: calc(16 * var(--to-rem));
  }
}

.p-training-list__item + .p-training-list__item {
  margin-top: calc(32 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .p-training-list__item + .p-training-list__item {
    margin-top: calc(24 * var(--to-rem));
  }
}

.p-training-list__icon {
  display: grid;
  flex-shrink: 0;
  width: calc(64 * var(--to-rem));
  height: calc(64 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .p-training-list__icon {
    width: calc(48 * var(--to-rem));
    height: calc(48 * var(--to-rem));
  }
}

.p-training-list__body {
  flex: 1;
  min-width: 0;
}

.p-training-list__name {
  font-family: var(--base-font-family);
  font-size: calc(18 * var(--to-rem));
  font-weight: var(--fw-bold);
  line-height: 1.2223;
  color: var(--color-text);
  letter-spacing: -0.02em;
}
@media screen and (max-width: 768px) {
  .p-training-list__name {
    font-size: calc(16 * var(--to-rem));
    line-height: 1.1875;
  }
}

.p-training-list__text {
  margin-top: calc(8 * var(--to-rem));
  font-family: var(--base-font-family);
  font-size: calc(14 * var(--to-rem));
  font-weight: var(--fw-medium);
  line-height: 2;
  color: var(--color-gray-mid);
  letter-spacing: -0.02em;
  line-break: strict;
}
@media screen and (max-width: 768px) {
  .p-training-list__text {
    font-size: calc(12 * var(--to-rem));
  }
}

.p-training-nav {
  position: relative;
  z-index: 1;
  width: calc(100% - 48 * var(--to-rem));
  max-width: calc(1130 * var(--to-rem));
  margin-inline: auto;
  margin-top: calc(-56 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .p-training-nav {
    margin-top: calc(-96 * var(--to-rem));
  }
}

.p-training-nav__list {
  display: flex;
  flex-wrap: wrap;
  gap: calc(16 * var(--to-rem)) calc(40 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .p-training-nav__list {
    display: block;
  }
}

@media screen and (max-width: 768px) {
  .p-training-nav__item + .p-training-nav__item {
    margin-top: calc(16 * var(--to-rem));
  }
}

.p-training-nav__link {
  position: relative;
  display: flex;
  gap: calc(10 * var(--to-rem));
  align-items: flex-start;
  text-decoration: none;
}

.p-training-nav__link::after {
  position: absolute;
  inset: calc(-9 * var(--to-rem)) 0;
  content: "";
}
@media screen and (max-width: 768px) {
  .p-training-nav__link::after {
    inset: calc(-12 * var(--to-rem)) 0;
  }
}

.p-training-nav__icon {
  display: grid;
  flex-shrink: 0;
  width: calc(19 * var(--to-rem));
  height: calc(19 * var(--to-rem));
  margin-top: calc(4 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .p-training-nav__icon {
    margin-top: calc(1 * var(--to-rem));
  }
}

.p-training-nav__text {
  font-family: var(--base-font-family);
  font-size: calc(20 * var(--to-rem));
  font-weight: var(--fw-bold);
  line-height: 1.35;
  color: var(--color-text);
  letter-spacing: -0.02em;
}
@media screen and (max-width: 768px) {
  .p-training-nav__text {
    font-size: calc(16 * var(--to-rem));
    line-height: 1.3125;
  }
}

.p-training-program {
  position: relative;
  z-index: 1;
  width: calc(100% - 48 * var(--to-rem));
  max-width: calc(1130 * var(--to-rem));
  margin-inline: auto;
  margin-top: calc(160 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .p-training-program {
    margin-top: calc(120 * var(--to-rem));
  }
}

.p-training-program__chart {
  margin-top: calc(80 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .p-training-program__chart {
    margin-top: calc(64 * var(--to-rem));
  }
}

.p-training-program__lead {
  margin-top: calc(24 * var(--to-rem));
  font-family: var(--base-font-family);
  font-size: calc(16 * var(--to-rem));
  font-weight: var(--fw-medium);
  line-height: 2;
  color: var(--color-text);
  letter-spacing: -0.02em;
  line-break: strict;
}
@media screen and (max-width: 768px) {
  .p-training-program__lead {
    margin-top: calc(16 * var(--to-rem));
    font-size: calc(14 * var(--to-rem));
  }
}

.p-training-program__chartImage {
  aspect-ratio: 1130/615;
  margin-top: calc(40 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .p-training-program__chartImage {
    aspect-ratio: 327/190;
    margin-top: calc(48 * var(--to-rem));
  }
}

.p-training-program__zoom {
  display: none;
}
@media screen and (max-width: 768px) {
  .p-training-program__zoom {
    position: relative;
    display: flex;
    gap: calc(16 * var(--to-rem));
    align-items: center;
    padding-block: calc(8 * var(--to-rem)) calc(9 * var(--to-rem));
    padding-inline: calc(24 * var(--to-rem));
    margin-inline: auto;
    margin-top: calc(16 * var(--to-rem));
    cursor: pointer;
    background-color: var(--color-text);
    border-radius: calc(20 * var(--to-rem));
  }
}

.p-training-program__zoom::after {
  position: absolute;
  inset: calc(-3 * var(--to-rem)) 0;
  content: "";
}

.p-training-program__zoomText {
  font-family: var(--base-font-family);
  font-size: calc(14 * var(--to-rem));
  font-weight: var(--fw-bold);
  line-height: 1;
  color: var(--color-white);
  letter-spacing: -0.02em;
}

.p-training-program__zoomIcon {
  display: grid;
  flex-shrink: 0;
  width: calc(21 * var(--to-rem));
  height: calc(21 * var(--to-rem));
}

.p-training-program__chartNote {
  margin-top: calc(24 * var(--to-rem));
  font-family: var(--base-font-family);
  font-size: calc(12 * var(--to-rem));
  font-weight: var(--fw-medium);
  line-height: 1.5;
  color: var(--color-text);
  text-align: right;
  letter-spacing: -0.02em;
  opacity: 0.5;
}
@media screen and (max-width: 768px) {
  .p-training-program__chartNote {
    display: none;
  }
}

.p-training-program__modalScroll {
  overflow-x: auto;
  contain: inline-size;
}

.p-training-program__modalImage {
  width: calc(800 * var(--to-rem));
  aspect-ratio: 1130/615;
}

.p-training-topics {
  padding-block: calc(56 * var(--to-rem));
  padding-inline: calc(56 * var(--to-rem));
  margin-top: calc(80 * var(--to-rem));
  background-color: var(--color-white);
  border-radius: calc(12 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .p-training-topics {
    padding-block: calc(40 * var(--to-rem));
    padding-inline: calc(24 * var(--to-rem));
    margin-top: calc(64 * var(--to-rem));
  }
}

.p-training-topics__label {
  font-size: calc(36 * var(--to-rem));
  line-height: 0.8;
  color: var(--color-text);
}
@media screen and (max-width: 768px) {
  .p-training-topics__label {
    font-size: calc(32 * var(--to-rem));
  }
}

.p-training-topics__heading {
  margin-top: calc(40 * var(--to-rem));
  font-family: var(--base-font-family);
  font-size: calc(20 * var(--to-rem));
  font-weight: var(--fw-bold);
  line-height: 1.5;
  color: var(--color-text);
  letter-spacing: -0.02em;
}
@media screen and (max-width: 768px) {
  .p-training-topics__heading {
    margin-top: calc(32 * var(--to-rem));
    font-size: calc(18 * var(--to-rem));
  }
}

.p-training-topics__text {
  margin-top: calc(12 * var(--to-rem));
  font-family: var(--base-font-family);
  font-size: calc(16 * var(--to-rem));
  font-weight: var(--fw-medium);
  line-height: 2;
  color: var(--color-text);
  letter-spacing: -0.02em;
  line-break: strict;
}
@media screen and (max-width: 768px) {
  .p-training-topics__text {
    font-size: calc(14 * var(--to-rem));
  }
}

.p-training-topics__voice {
  display: flex;
  column-gap: calc(48 * var(--to-rem));
  align-items: flex-start;
  padding-block: calc(40 * var(--to-rem));
  padding-inline: calc(80 * var(--to-rem));
  margin-top: calc(40 * var(--to-rem));
  background-color: var(--color-gray-box);
  border-radius: calc(12 * var(--to-rem));
}
@media screen and (max-width: 1023px) {
  .p-training-topics__voice {
    display: block;
    padding-inline: calc(40 * var(--to-rem));
  }
}
@media screen and (max-width: 768px) {
  .p-training-topics__voice {
    padding-inline: calc(24 * var(--to-rem));
    margin-top: calc(32 * var(--to-rem));
  }
}

.p-training-topics__voiceHead {
  display: flex;
  flex-shrink: 0;
  column-gap: calc(16 * var(--to-rem));
  align-items: center;
  width: calc(185 * var(--to-rem));
}
@media screen and (max-width: 1023px) {
  .p-training-topics__voiceHead {
    width: auto;
  }
}
@media screen and (max-width: 768px) {
  .p-training-topics__voiceHead {
    column-gap: calc(8 * var(--to-rem));
  }
}

.p-training-topics__voiceIcon {
  flex-shrink: 0;
  width: calc(50 * var(--to-rem));
  aspect-ratio: 1;
}
@media screen and (max-width: 768px) {
  .p-training-topics__voiceIcon {
    width: calc(40 * var(--to-rem));
  }
}

.p-training-topics__voiceLabel {
  min-width: 0;
}

.p-training-topics__voiceEn {
  display: block;
  font-family: var(--title-font-family);
  font-size: calc(16 * var(--to-rem));
  font-weight: 800;
  line-height: 0.8125;
  color: var(--color-red);
  letter-spacing: -0.02em;
}
@media screen and (max-width: 768px) {
  .p-training-topics__voiceEn {
    font-size: calc(14 * var(--to-rem));
    line-height: 0.7858;
  }
}

.p-training-topics__voiceJa {
  display: block;
  margin-top: calc(8 * var(--to-rem));
  font-family: var(--base-font-family);
  font-size: calc(24 * var(--to-rem));
  font-weight: var(--fw-bold);
  line-height: 1.2;
  color: var(--color-text);
  letter-spacing: -0.02em;
}
@media screen and (max-width: 768px) {
  .p-training-topics__voiceJa {
    font-size: calc(20 * var(--to-rem));
  }
}

.p-training-topics__voiceBody {
  flex: 1;
  min-width: 0;
}
@media screen and (max-width: 1023px) {
  .p-training-topics__voiceBody {
    margin-top: calc(24 * var(--to-rem));
  }
}

.p-training-topics__voiceText {
  font-family: var(--base-font-family);
  font-size: calc(14 * var(--to-rem));
  font-weight: var(--fw-medium);
  line-height: 2;
  color: var(--color-text);
  letter-spacing: -0.02em;
  line-break: strict;
}
@media screen and (max-width: 768px) {
  .p-training-topics__voiceText {
    font-size: calc(12 * var(--to-rem));
  }
}

.p-works {
  padding-block: calc(80 * var(--to-rem));
  background-color: #f3f5f5;
}

.p-works__inner {
  max-width: var(--inner);
  margin-inline: auto;
}

.p-works__header {
  margin-bottom: calc(32 * var(--to-rem));
}

.p-works__eyebrow {
  margin: 0 0 calc(8 * var(--to-rem));
  font-family: var(--title-font-family);
  font-size: calc(16 * var(--to-rem));
  color: #52bcde;
  letter-spacing: 0.15em;
}

.p-works__title {
  margin: 0 0 calc(12 * var(--to-rem));
  font-size: calc(32 * var(--to-rem));
  font-weight: var(--fw-medium);
  color: var(--color-primary);
}

.p-works__lead {
  margin: 0;
  font-size: calc(16 * var(--to-rem));
  line-height: 1.8;
}

.p-works__visual {
  margin-block-start: calc(32 * var(--to-rem));
  overflow: hidden;
  box-shadow: 0 0 30px oklch(from var(--color-black) l c h/8%);
}

.p-works__image {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 16/9;
  object-fit: cover;
}

.p-works__more {
  margin-block-start: calc(40 * var(--to-rem));
  text-align: center;
}

.p-workstyle-award {
  margin-top: calc(80 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .p-workstyle-award {
    margin-top: calc(64 * var(--to-rem));
  }
}

.p-workstyle-award__photo {
  width: 87.1112%;
  aspect-ratio: 784/460;
  margin-left: auto;
  overflow: hidden;
  border-radius: calc(12 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .p-workstyle-award__photo {
    width: 100%;
    aspect-ratio: 327/192;
  }
}

.p-workstyle-award__photo picture {
  display: block;
  width: 100%;
  height: 100%;
}

.p-workstyle-award__catch {
  position: relative;
  z-index: 1;
  margin-top: calc(-84 * var(--to-rem));
  font-family: var(--base-font-family);
  font-size: calc(40 * var(--to-rem));
  font-weight: var(--fw-bold);
  line-height: 1.5;
  color: var(--color-text);
  letter-spacing: -0.02em;
}
@media screen and (max-width: 768px) {
  .p-workstyle-award__catch {
    margin-top: calc(32 * var(--to-rem));
    font-size: calc(30 * var(--to-rem));
  }
}

.p-workstyle-award__text {
  margin-top: calc(24 * var(--to-rem));
  font-family: var(--base-font-family);
  font-size: calc(18 * var(--to-rem));
  font-weight: var(--fw-medium);
  line-height: 2;
  color: var(--color-text);
  letter-spacing: -0.02em;
  line-break: strict;
}
@media screen and (max-width: 768px) {
  .p-workstyle-award__text {
    font-size: calc(16 * var(--to-rem));
  }
}

.p-workstyle-award__cards {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: calc(24 * var(--to-rem)) calc(20 * var(--to-rem));
  margin-top: calc(80 * var(--to-rem));
}
@container (max-width: 719px) {
  .p-workstyle-award__cards {
    grid-template-columns: minmax(0, 1fr);
  }
}
@media screen and (max-width: 768px) {
  .p-workstyle-award__cards {
    margin-top: calc(64 * var(--to-rem));
  }
}

.p-workstyle-award__card {
  padding-block: calc(32 * var(--to-rem)) calc(48 * var(--to-rem));
  padding-inline: calc(48 * var(--to-rem));
  background-color: var(--color-white);
  border-radius: calc(12 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .p-workstyle-award__card {
    padding-block: calc(32 * var(--to-rem));
    padding-inline: calc(24 * var(--to-rem));
  }
}

.p-workstyle-award__logo {
  display: flex;
  align-items: center;
  justify-content: center;
  height: calc(194 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .p-workstyle-award__logo {
    height: calc(160 * var(--to-rem));
  }
}

.p-workstyle-award__logoImage--kurumin {
  width: calc(176 * var(--to-rem));
  aspect-ratio: 176/194;
}
@media screen and (max-width: 768px) {
  .p-workstyle-award__logoImage--kurumin {
    width: calc(146 * var(--to-rem));
  }
}

.p-workstyle-award__logoImage--health {
  width: calc(223 * var(--to-rem));
  aspect-ratio: 223/194;
}
@media screen and (max-width: 768px) {
  .p-workstyle-award__logoImage--health {
    width: calc(183 * var(--to-rem));
  }
}

.p-workstyle-award__cardTitle {
  margin-top: calc(32 * var(--to-rem));
  font-family: var(--base-font-family);
  font-size: calc(20 * var(--to-rem));
  font-weight: var(--fw-bold);
  line-height: 1.2;
  color: var(--color-text);
  letter-spacing: -0.02em;
}
@media screen and (max-width: 768px) {
  .p-workstyle-award__cardTitle {
    margin-top: calc(32 * var(--to-rem));
    font-size: calc(18 * var(--to-rem));
    line-height: 1.2223;
  }
}

.p-workstyle-award__cardText {
  margin-top: calc(16 * var(--to-rem));
  font-family: var(--base-font-family);
  font-size: calc(14 * var(--to-rem));
  font-weight: var(--fw-medium);
  line-height: 2;
  color: var(--color-text);
  letter-spacing: -0.02em;
  line-break: strict;
}
@media screen and (max-width: 768px) {
  .p-workstyle-award__cardText {
    margin-top: calc(8 * var(--to-rem));
    font-size: calc(12 * var(--to-rem));
  }
}

.p-workstyle-award__cardNote {
  font-size: calc(11 * var(--to-rem));
  color: var(--color-gray-mid);
}
@media screen and (max-width: 768px) {
  .p-workstyle-award__cardNote {
    font-size: calc(10 * var(--to-rem));
  }
}

.p-workstyle-chapter {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: calc(265 * var(--to-rem)) minmax(0, calc(900 * var(--to-rem)));
  column-gap: clamp(40 * var(--to-rem), 40 * var(--to-rem) + (100vw - 1024 * var(--to-rem)) * 0.0962, 80 * var(--to-rem));
  align-items: start;
  width: calc(100% - 80 * var(--to-rem));
  max-width: calc(1360 * var(--to-rem));
  padding-right: clamp(0px, (100vw - 1024 * var(--to-rem)) * 0.2765, 115 * var(--to-rem));
  margin-inline: auto;
  margin-top: calc(160 * var(--to-rem));
  scroll-margin-top: calc(40 * var(--to-rem));
}
@media screen and (max-width: 1023px) {
  .p-workstyle-chapter {
    display: block;
    width: calc(100% - 48 * var(--to-rem));
    max-width: none;
    padding-right: 0;
  }
}
@media screen and (max-width: 768px) {
  .p-workstyle-chapter {
    margin-top: calc(120 * var(--to-rem));
    scroll-margin-top: calc(24 * var(--to-rem));
  }
}

.p-workstyle-chapter--award {
  margin-top: calc(120 * var(--to-rem));
}

.p-workstyle-chapter__body {
  grid-column: 2;
  min-width: 0;
  overflow-wrap: anywhere;
  container-type: inline-size;
}

.p-workstyle-heading {
  display: flex;
  column-gap: calc(24 * var(--to-rem));
  align-items: center;
  font-family: var(--base-font-family);
  font-size: calc(40 * var(--to-rem));
  font-weight: var(--fw-bold);
  line-height: 1.2;
  color: var(--color-text);
  letter-spacing: -0.02em;
}
@media screen and (max-width: 768px) {
  .p-workstyle-heading {
    column-gap: calc(16 * var(--to-rem));
    align-items: flex-start;
    font-size: calc(28 * var(--to-rem));
    line-height: 1.2143;
  }
}

.p-workstyle-heading::before {
  flex-shrink: 0;
  width: calc(8 * var(--to-rem));
  height: calc(8 * var(--to-rem));
  content: "";
  background-color: var(--color-red);
  border-radius: 100%;
}
@media screen and (max-width: 768px) {
  .p-workstyle-heading::before {
    width: calc(6 * var(--to-rem));
    height: calc(6 * var(--to-rem));
    margin-top: calc(14 * var(--to-rem));
  }
}

.p-workstyle-heading__text {
  min-width: 0;
}

.p-workstyle-club {
  margin-top: calc(80 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .p-workstyle-club {
    margin-top: calc(64 * var(--to-rem));
  }
}

.p-workstyle-club__text {
  font-family: var(--base-font-family);
  font-size: calc(16 * var(--to-rem));
  font-weight: var(--fw-medium);
  line-height: 2;
  color: var(--color-text);
  letter-spacing: -0.02em;
  line-break: strict;
}
@media screen and (max-width: 768px) {
  .p-workstyle-club__text {
    font-size: calc(14 * var(--to-rem));
  }
}

.p-workstyle-club__list {
  display: flex;
  flex-wrap: wrap;
  gap: calc(40 * var(--to-rem)) calc(80 * var(--to-rem));
  margin-top: calc(40 * var(--to-rem));
}
@media screen and (max-width: 1023px) {
  .p-workstyle-club__list {
    column-gap: calc(40 * var(--to-rem));
  }
}
@media screen and (max-width: 768px) {
  .p-workstyle-club__list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: calc(32 * var(--to-rem)) calc(16 * var(--to-rem));
    margin-top: calc(32 * var(--to-rem));
  }
}

.p-workstyle-club__item {
  width: calc(210 * var(--to-rem));
  max-width: 100%;
}
@media screen and (max-width: 768px) {
  .p-workstyle-club__item {
    width: auto;
  }
}

.p-workstyle-club__photo {
  aspect-ratio: 210/130;
  overflow: hidden;
  border-radius: calc(8 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .p-workstyle-club__photo {
    height: calc(97 * var(--to-rem));
    aspect-ratio: auto;
  }
}

.p-workstyle-club__name {
  margin-top: calc(24 * var(--to-rem));
  font-family: var(--base-font-family);
  font-size: calc(20 * var(--to-rem));
  font-weight: var(--fw-bold);
  line-height: 1.2;
  color: var(--color-text);
  letter-spacing: -0.02em;
}
@media screen and (max-width: 768px) {
  .p-workstyle-club__name {
    font-size: calc(18 * var(--to-rem));
    line-height: 1.2223;
  }
}

.p-workstyle-contents {
  position: relative;
}

.p-workstyle-contents__rail {
  position: absolute;
  inset: 0;
  z-index: 2;
  width: calc(100% - 80 * var(--to-rem));
  max-width: calc(1360 * var(--to-rem));
  margin-inline: auto;
  pointer-events: none;
}
@media screen and (max-width: 1023px) {
  .p-workstyle-contents__rail {
    display: none;
  }
}

.p-workstyle-index {
  position: sticky;
  top: calc(var(--header-height) + 40 * var(--to-rem));
  width: calc(265 * var(--to-rem));
  pointer-events: auto;
}
@media screen and (max-width: 1023px) {
  .p-workstyle-index {
    display: none;
  }
}

.p-workstyle-index--list {
  display: none;
}
@media screen and (max-width: 1023px) {
  .p-workstyle-index--list {
    position: relative;
    top: auto;
    z-index: 1;
    display: block;
    width: calc(100% - 48 * var(--to-rem));
    margin-inline: auto;
    margin-top: calc(120 * var(--to-rem));
  }
}

.p-workstyle-index__title {
  font-family: var(--title-font-family);
  font-size: calc(24 * var(--to-rem));
  font-weight: 800;
  line-height: 0.9167;
  color: var(--color-text);
  letter-spacing: -0.02em;
}
@media screen and (max-width: 768px) {
  .p-workstyle-index__title {
    font-size: calc(20 * var(--to-rem));
    line-height: 0.9;
  }
}

.p-workstyle-index__list {
  margin-top: calc(32 * var(--to-rem));
}
@media screen and (max-width: 1023px) {
  .p-workstyle-index__list {
    margin-top: calc(24 * var(--to-rem));
  }
}

@media screen and (max-width: 1023px) {
  .p-workstyle-index__item {
    display: flow-root;
  }
}

@media screen and (max-width: 1023px) {
  .p-workstyle-index__item:not(:first-child) {
    margin-top: calc(16 * var(--to-rem));
  }
}

.p-workstyle-index__link {
  display: flex;
  column-gap: 0;
  align-items: center;
  padding-block: calc(10 * var(--to-rem));
  padding-inline: 0 calc(16 * var(--to-rem));
  text-decoration: none;
  background-color: transparent;
  border-radius: calc(4 * var(--to-rem));
  transition: padding-inline var(--duration-index) var(--ease-index), column-gap var(--duration-index) var(--ease-index), background-color var(--duration-index) var(--ease-index);
}
@media screen and (max-width: 1023px) {
  .p-workstyle-index__link {
    column-gap: calc(10 * var(--to-rem));
    padding-block: calc(12 * var(--to-rem));
    padding-right: 0;
    margin-block: calc(-12 * var(--to-rem));
  }
}

.p-workstyle-index__item--current .p-workstyle-index__link {
  column-gap: calc(10 * var(--to-rem));
  padding-inline: calc(16 * var(--to-rem));
  background-color: var(--color-white);
}

.p-workstyle-index__icon {
  display: flex;
  flex-shrink: 0;
  width: 0;
  height: calc(19 * var(--to-rem));
  overflow: hidden;
  opacity: 0;
  transition: width var(--duration-index) var(--ease-index), opacity var(--duration-index) var(--ease-index);
}
@media screen and (max-width: 1023px) {
  .p-workstyle-index__icon {
    width: calc(19 * var(--to-rem));
    opacity: 1;
  }
}

.p-workstyle-index__icon img {
  flex-shrink: 0;
  width: calc(19 * var(--to-rem));
}

.p-workstyle-index__item--current .p-workstyle-index__icon {
  width: calc(19 * var(--to-rem));
  opacity: 1;
}

.p-workstyle-index__text {
  font-family: var(--base-font-family);
  font-size: calc(16 * var(--to-rem));
  font-weight: var(--fw-bold);
  line-height: 1.5;
  color: var(--color-text);
  letter-spacing: -0.02em;
  opacity: 0.5;
  transition: color var(--duration-index) var(--ease-index), opacity var(--duration-index) var(--ease-index);
}
@media screen and (max-width: 1023px) {
  .p-workstyle-index__text {
    line-height: 1.3125;
    opacity: 1;
  }
}

.p-workstyle-index__item--current .p-workstyle-index__text {
  color: var(--color-red);
  opacity: 1;
}

.p-workstyle-items {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: calc(64 * var(--to-rem));
  margin-top: calc(80 * var(--to-rem));
}
@container (max-width: 719px) {
  .p-workstyle-items {
    grid-template-columns: minmax(0, 1fr);
  }
}
@media screen and (max-width: 768px) {
  .p-workstyle-items {
    row-gap: calc(32 * var(--to-rem));
    margin-top: calc(64 * var(--to-rem));
  }
}

.p-workstyle-item__photo {
  width: calc(210 * var(--to-rem));
  max-width: 100%;
  aspect-ratio: 210/130;
  overflow: hidden;
  border-radius: calc(8 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .p-workstyle-item__photo {
    width: calc(156 * var(--to-rem));
    aspect-ratio: 156/97;
  }
}

.p-workstyle-item__body {
  margin-top: calc(24 * var(--to-rem));
}

.p-workstyle-lead {
  position: relative;
  z-index: 1;
  width: calc(100% - 48 * var(--to-rem));
  max-width: calc(1130 * var(--to-rem));
  margin-inline: auto;
  margin-top: calc(24 * var(--to-rem));
  font-family: var(--base-font-family);
  font-size: calc(18 * var(--to-rem));
  font-weight: var(--fw-medium);
  line-height: 2;
  color: var(--color-text);
  letter-spacing: -0.02em;
  line-break: strict;
  overflow-wrap: anywhere;
}
@media screen and (max-width: 768px) {
  .p-workstyle-lead {
    max-width: none;
    font-size: calc(16 * var(--to-rem));
  }
}

.p-workstyle-policy {
  margin-top: calc(80 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .p-workstyle-policy {
    margin-top: calc(64 * var(--to-rem));
  }
}

.p-workstyle-policy__row {
  display: flex;
  flex-wrap: wrap;
  gap: calc(12 * var(--to-rem)) calc(10 * var(--to-rem));
  align-items: flex-start;
}
@container (max-width: 759px) {
  .p-workstyle-policy__row {
    display: block;
  }
}

.p-workstyle-policy__head {
  flex: 1 1 calc(400 * var(--to-rem));
  min-width: 0;
}

.p-workstyle-policy__name {
  display: flex;
  column-gap: calc(12 * var(--to-rem));
  align-items: center;
}
@media screen and (max-width: 768px) {
  .p-workstyle-policy__name {
    column-gap: calc(8 * var(--to-rem));
    align-items: flex-start;
  }
}

.p-workstyle-policy__number {
  flex-shrink: 0;
  width: calc(22 * var(--to-rem));
  font-family: var(--title-font-family);
  font-size: calc(20 * var(--to-rem));
  font-weight: 800;
  line-height: 1.2;
  color: var(--color-red);
  letter-spacing: -0.02em;
}
@media screen and (max-width: 768px) {
  .p-workstyle-policy__number {
    width: calc(18 * var(--to-rem));
    font-size: calc(16 * var(--to-rem));
    line-height: 1.375;
  }
}

.p-workstyle-policy__nameText {
  min-width: 0;
  font-family: var(--base-font-family);
  font-size: calc(20 * var(--to-rem));
  font-weight: var(--fw-bold);
  line-height: 1.2;
  color: var(--color-text);
  letter-spacing: -0.02em;
}
@media screen and (max-width: 768px) {
  .p-workstyle-policy__nameText {
    font-size: calc(18 * var(--to-rem));
    line-height: 1.2223;
  }
}

@media screen and (max-width: 768px) {
  .p-workstyle-policy__nameText--narrowSp {
    max-width: calc(281 * var(--to-rem));
  }
}

.p-workstyle-policy__text {
  margin-top: calc(16 * var(--to-rem));
  font-family: var(--base-font-family);
  font-size: calc(16 * var(--to-rem));
  font-weight: var(--fw-medium);
  line-height: 2;
  color: var(--color-gray-mid);
  letter-spacing: -0.02em;
  line-break: strict;
}
@media screen and (max-width: 768px) {
  .p-workstyle-policy__text {
    margin-top: calc(12 * var(--to-rem));
    font-size: calc(14 * var(--to-rem));
  }
}

.p-workstyle-policy__keep {
  white-space: nowrap;
}

.p-workstyle-stat {
  flex-shrink: 0;
  width: calc(325 * var(--to-rem));
  min-height: calc(104 * var(--to-rem));
  padding-top: calc(20 * var(--to-rem));
  text-align: center;
  background-color: color-mix(in srgb, var(--color-gray-mid) 20%, transparent);
  border-radius: calc(8 * var(--to-rem));
}
@container (max-width: 759px) {
  .p-workstyle-stat {
    width: auto;
    margin-top: calc(12 * var(--to-rem));
  }
}
@media screen and (max-width: 768px) {
  .p-workstyle-stat {
    min-height: 0;
    padding-block: calc(12 * var(--to-rem)) calc(20 * var(--to-rem));
    padding-inline: calc(24 * var(--to-rem));
  }
}

.p-workstyle-stat--twoLine {
  padding-top: calc(12 * var(--to-rem));
}

.p-workstyle-stat__label {
  font-family: var(--base-font-family);
  font-size: calc(13 * var(--to-rem));
  font-weight: var(--fw-medium);
  line-height: 1.3847;
  color: var(--color-text);
  letter-spacing: -0.02em;
}
@media screen and (max-width: 768px) {
  .p-workstyle-stat__label {
    font-size: calc(12 * var(--to-rem));
    line-height: 1.4167;
  }
}

.p-workstyle-stat__value {
  margin-top: calc(6 * var(--to-rem));
  font-family: var(--title-font-family);
  font-size: calc(40 * var(--to-rem));
  font-weight: 800;
  line-height: 0.8;
  color: var(--color-red);
  letter-spacing: -0.02em;
}
@media screen and (max-width: 768px) {
  .p-workstyle-stat__value {
    margin-top: calc(4 * var(--to-rem));
  }
}

.p-workstyle-stat__unit {
  font-size: calc(20 * var(--to-rem));
}

.p-workstyle-voice {
  position: relative;
  display: flex;
  column-gap: calc(48 * var(--to-rem));
  align-items: flex-start;
  justify-content: center;
  padding-block: calc(40 * var(--to-rem));
  padding-inline: calc(80 * var(--to-rem));
  margin-top: calc(40 * var(--to-rem));
  background-color: var(--color-white);
  border-radius: calc(12 * var(--to-rem));
}
@container (max-width: 839px) {
  .p-workstyle-voice {
    display: block;
    padding-inline: calc(40 * var(--to-rem));
  }
}
@media screen and (max-width: 768px) {
  .p-workstyle-voice {
    padding-block: calc(32 * var(--to-rem));
    padding-inline: calc(24 * var(--to-rem));
    margin-top: calc(32 * var(--to-rem));
  }
}

.p-workstyle-voice::before {
  position: absolute;
  top: calc(-24 * var(--to-rem));
  left: calc(116 * var(--to-rem));
  width: calc(24 * var(--to-rem));
  height: calc(24 * var(--to-rem));
  content: "";
  background: url("/recruit/new/assets/images/voice2.DF6gqs8p.svg") center/100% 100% no-repeat;
}
@media screen and (max-width: 768px) {
  .p-workstyle-voice::before {
    top: calc(-20 * var(--to-rem));
    left: calc(73 * var(--to-rem));
    width: calc(20 * var(--to-rem));
    height: calc(20 * var(--to-rem));
  }
}

.p-workstyle-voice__label {
  flex-shrink: 0;
  max-width: 50%;
}

.p-workstyle-voice__en {
  display: block;
  font-family: var(--title-font-family);
  font-size: calc(16 * var(--to-rem));
  font-weight: 800;
  line-height: 0.8125;
  color: var(--color-red);
  letter-spacing: -0.02em;
}
@media screen and (max-width: 768px) {
  .p-workstyle-voice__en {
    font-size: calc(14 * var(--to-rem));
    line-height: 0.7858;
  }
}

.p-workstyle-voice__ja {
  display: block;
  margin-top: calc(8 * var(--to-rem));
  font-family: var(--base-font-family);
  font-size: calc(24 * var(--to-rem));
  font-weight: var(--fw-bold);
  line-height: 1.2084;
  color: var(--color-text);
  letter-spacing: -0.02em;
}
@media screen and (max-width: 768px) {
  .p-workstyle-voice__ja {
    font-size: calc(20 * var(--to-rem));
    line-height: 1.2;
  }
}

.p-workstyle-voice__list {
  flex: 0 1 calc(597 * var(--to-rem));
  min-width: 0;
}
@container (max-width: 839px) {
  .p-workstyle-voice__list {
    margin-top: calc(24 * var(--to-rem));
  }
}

.p-workstyle-voice__item {
  display: flex;
  column-gap: calc(16 * var(--to-rem));
  align-items: flex-start;
}

.p-workstyle-voice__item + .p-workstyle-voice__item {
  margin-top: calc(24 * var(--to-rem));
}

.p-workstyle-voice__icon {
  display: grid;
  flex-shrink: 0;
  width: calc(40 * var(--to-rem));
  height: calc(40 * var(--to-rem));
}

.p-workstyle-voice__content {
  flex: 1;
  min-width: 0;
}

.p-workstyle-voice__title {
  font-family: var(--base-font-family);
  font-size: calc(16 * var(--to-rem));
  font-weight: var(--fw-bold);
  line-height: 1.5;
  color: var(--color-text);
  letter-spacing: -0.02em;
}
@media screen and (max-width: 768px) {
  .p-workstyle-voice__title {
    font-size: calc(14 * var(--to-rem));
  }
}

.p-workstyle-voice__text {
  margin-top: calc(8 * var(--to-rem));
  font-family: var(--base-font-family);
  font-size: calc(14 * var(--to-rem));
  font-weight: var(--fw-medium);
  line-height: 2;
  color: var(--color-text);
  letter-spacing: -0.02em;
  line-break: strict;
}
@media screen and (max-width: 768px) {
  .p-workstyle-voice__text {
    font-size: calc(12 * var(--to-rem));
  }
}

.p-workstyle-movie,
.p-workstyle-pamphlet {
  padding-block: calc(64 * var(--to-rem));
  padding-inline: calc(80 * var(--to-rem));
  margin-top: calc(80 * var(--to-rem));
  background-color: var(--color-white);
  border-radius: calc(12 * var(--to-rem));
}
@container (max-width: 839px) {
  .p-workstyle-movie,
  .p-workstyle-pamphlet {
    padding-inline: calc(40 * var(--to-rem));
  }
}
@media screen and (max-width: 768px) {
  .p-workstyle-movie,
  .p-workstyle-pamphlet {
    padding-block: calc(48 * var(--to-rem));
    padding-inline: calc(24 * var(--to-rem));
    margin-top: calc(64 * var(--to-rem));
  }
}

.p-workstyle-movie__en,
.p-workstyle-pamphlet__en {
  font-family: var(--title-font-family);
  font-size: calc(16 * var(--to-rem));
  font-weight: 800;
  line-height: 0.8125;
  color: var(--color-red);
  text-transform: uppercase;
  letter-spacing: -0.02em;
}
@media screen and (max-width: 768px) {
  .p-workstyle-movie__en,
  .p-workstyle-pamphlet__en {
    font-size: calc(14 * var(--to-rem));
    line-height: 0.7858;
  }
}

.p-workstyle-movie__title,
.p-workstyle-pamphlet__title {
  margin-top: calc(8 * var(--to-rem));
  font-family: var(--base-font-family);
  font-size: calc(36 * var(--to-rem));
  font-weight: var(--fw-bold);
  line-height: 1.1945;
  color: var(--color-text);
  letter-spacing: -0.02em;
}
@media screen and (max-width: 768px) {
  .p-workstyle-movie__title,
  .p-workstyle-pamphlet__title {
    margin-top: calc(4 * var(--to-rem));
    font-size: calc(28 * var(--to-rem));
    line-height: 1.2143;
  }
}

.p-workstyle-movie__lead {
  margin-top: calc(40 * var(--to-rem));
  font-family: var(--base-font-family);
  font-size: calc(16 * var(--to-rem));
  font-weight: var(--fw-medium);
  line-height: 2;
  color: var(--color-text);
  letter-spacing: -0.02em;
  line-break: strict;
}
@media screen and (max-width: 768px) {
  .p-workstyle-movie__lead {
    margin-top: calc(32 * var(--to-rem));
    font-size: calc(14 * var(--to-rem));
  }
}

.p-workstyle-movie__list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: calc(40 * var(--to-rem));
  margin-top: calc(40 * var(--to-rem));
}
@container (max-width: 759px) {
  .p-workstyle-movie__list {
    grid-template-columns: minmax(0, 1fr);
  }
}
@media screen and (max-width: 768px) {
  .p-workstyle-movie__list {
    row-gap: calc(24 * var(--to-rem));
    margin-top: calc(32 * var(--to-rem));
  }
}

.p-workstyle-movie__link {
  display: block;
  color: inherit;
  text-decoration: none;
}

.p-workstyle-movie__thumb {
  position: relative;
  aspect-ratio: 350/247;
  overflow: hidden;
  border-radius: calc(8 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .p-workstyle-movie__thumb {
    aspect-ratio: 279/197;
  }
}

.p-workstyle-movie__play {
  position: absolute;
  right: calc(16 * var(--to-rem));
  bottom: calc(16 * var(--to-rem));
  width: calc(93 * var(--to-rem));
  height: calc(93 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .p-workstyle-movie__play {
    right: calc(12 * var(--to-rem));
    bottom: calc(12 * var(--to-rem));
    width: calc(72 * var(--to-rem));
    height: calc(72 * var(--to-rem));
  }
}

.p-workstyle-movie__play::before {
  position: absolute;
  inset: 0;
  content: "";
  background-color: var(--color-red);
  border-radius: 100%;
  mix-blend-mode: multiply;
  opacity: 0.5;
}

.p-workstyle-movie__playText {
  position: absolute;
  top: calc(32 * var(--to-rem));
  left: calc(26 * var(--to-rem));
  font-family: var(--title-font-family);
  font-size: calc(16 * var(--to-rem));
  font-weight: 800;
  line-height: 1;
  color: var(--color-white);
  text-transform: uppercase;
  letter-spacing: -0.02em;
}
@media screen and (max-width: 768px) {
  .p-workstyle-movie__playText {
    top: calc(24.8 * var(--to-rem));
    left: calc(20.1 * var(--to-rem));
    font-size: calc(12.39 * var(--to-rem));
    line-height: 0.9687;
  }
}

.p-workstyle-movie__playIcon {
  position: absolute;
  top: calc(35 * var(--to-rem));
  left: calc(59 * var(--to-rem));
  display: grid;
  width: calc(10 * var(--to-rem));
  height: calc(11 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .p-workstyle-movie__playIcon {
    top: calc(27.1 * var(--to-rem));
    left: calc(45.7 * var(--to-rem));
    width: calc(7.7 * var(--to-rem));
    height: calc(8.5 * var(--to-rem));
  }
}

.p-workstyle-movie__info {
  display: flex;
  column-gap: calc(16 * var(--to-rem));
  align-items: flex-start;
  margin-top: calc(16 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .p-workstyle-movie__info {
    column-gap: calc(8 * var(--to-rem));
    margin-top: calc(12 * var(--to-rem));
  }
}

.p-workstyle-movie__number {
  flex-shrink: 0;
  width: calc(22 * var(--to-rem));
  font-family: var(--title-font-family);
  font-size: calc(20 * var(--to-rem));
  font-weight: 800;
  line-height: 1.2;
  color: var(--color-red);
  letter-spacing: -0.02em;
}
@media screen and (max-width: 768px) {
  .p-workstyle-movie__number {
    width: calc(18 * var(--to-rem));
    font-size: calc(16 * var(--to-rem));
    line-height: 1.375;
  }
}

.p-workstyle-movie__person {
  flex: 1;
  min-width: 0;
}

.p-workstyle-movie__job {
  font-family: var(--base-font-family);
  font-size: calc(18 * var(--to-rem));
  font-weight: var(--fw-bold);
  line-height: 1.2223;
  color: var(--color-text);
  letter-spacing: -0.02em;
}

.p-workstyle-movie__dept {
  margin-top: calc(8 * var(--to-rem));
  font-family: var(--base-font-family);
  font-size: calc(13 * var(--to-rem));
  font-weight: var(--fw-regular);
  line-height: 1.7693;
  color: var(--color-gray-mid);
  letter-spacing: -0.02em;
}
@media screen and (max-width: 768px) {
  .p-workstyle-movie__dept {
    font-size: calc(11 * var(--to-rem));
    line-height: 1.8182;
  }
}

.p-workstyle-pamphlet__body {
  margin-top: calc(40 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .p-workstyle-pamphlet__body {
    margin-top: calc(32 * var(--to-rem));
  }
}

.p-workstyle-pamphlet__lead {
  font-family: var(--base-font-family);
  font-size: calc(20 * var(--to-rem));
  font-weight: var(--fw-bold);
  line-height: 1.5;
  color: var(--color-text);
  letter-spacing: -0.02em;
}
@media screen and (max-width: 768px) {
  .p-workstyle-pamphlet__lead {
    font-size: calc(16 * var(--to-rem));
  }
}

.p-workstyle-pamphlet__text {
  margin-top: calc(16 * var(--to-rem));
  font-family: var(--base-font-family);
  font-size: calc(16 * var(--to-rem));
  font-weight: var(--fw-medium);
  line-height: 2;
  color: var(--color-text);
  letter-spacing: -0.02em;
  line-break: strict;
}
@media screen and (max-width: 768px) {
  .p-workstyle-pamphlet__text {
    margin-top: calc(12 * var(--to-rem));
    font-size: calc(14 * var(--to-rem));
  }
}

.p-workstyle-pamphlet__image {
  position: relative;
  width: calc(524 * var(--to-rem));
  max-width: 100%;
  aspect-ratio: 524/379;
  margin-inline: auto;
  margin-top: calc(40 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .p-workstyle-pamphlet__image {
    width: 100%;
    aspect-ratio: 279/202;
    margin-top: calc(32 * var(--to-rem));
  }
}

.p-workstyle-pamphlet__imageInner {
  position: absolute;
  top: -2.3747%;
  left: -1.9084%;
  width: 103.8168%;
  height: 107.6517%;
}

.p-workstyle-pamphlet__button {
  display: flex;
  justify-content: center;
  margin-top: calc(40 * var(--to-rem));
}
@media screen and (max-width: 768px) {
  .p-workstyle-pamphlet__button {
    margin-top: calc(32 * var(--to-rem));
  }
}

:root {
  --clip-triangle-top: polygon(50% 0, 100% 100%, 0 100%);
  --clip-triangle-bottom: polygon(0 0, 100% 0, 50% 100%);
  --clip-triangle-right: polygon(0 0, 100% 50%, 0 100%);
  --clip-triangle-left: polygon(0 50%, 100% 0, 100% 100%);
  --clip-triangle-lower-left: polygon(0 0, 100% 100%, 0 100%);
  --clip-triangle-upper-left: polygon(0 0, 100% 0, 0 100%);
  --clip-triangle-lower-right: polygon(100% 0, 100% 100%, 0 100%);
  --clip-triangle-upper-right: polygon(0 0, 100% 0, 100% 100%);
}

.js .js-fadeup,
.js .js-fadeup-group > * {
  opacity: 0;
  transition: opacity 0.8s ease, translate 0.8s ease;
  translate: 0 calc(40 * var(--to-rem));
}

.js-fadeup.is-visible,
.js-fadeup-group.is-visible > * {
  opacity: 1;
  translate: 0 0;
}

.js-fadeup-group > *:nth-child(2) {
  transition-delay: 0.1s;
}
.js-fadeup-group > *:nth-child(3) {
  transition-delay: 0.2s;
}
.js-fadeup-group > *:nth-child(4) {
  transition-delay: 0.3s;
}
.js-fadeup-group > *:nth-child(5) {
  transition-delay: 0.4s;
}
.js-fadeup-group > *:nth-child(6) {
  transition-delay: 0.5s;
}
.js-fadeup-group > *:nth-child(7) {
  transition-delay: 0.6s;
}
.js-fadeup-group > *:nth-child(8) {
  transition-delay: 0.7s;
}
.js-fadeup-group > *:nth-child(9) {
  transition-delay: 0.8s;
}
.js-fadeup-group > *:nth-child(10) {
  transition-delay: 0.9s;
}
.js-fadeup-group > *:nth-child(11) {
  transition-delay: 1s;
}
.js-fadeup-group > *:nth-child(12) {
  transition-delay: 1.1s;
}

@media (prefers-reduced-motion: reduce) {
  .js .js-fadeup,
  .js .js-fadeup-group > * {
    opacity: 1;
    transition: none;
    translate: 0 0;
  }
}
@media (width <= 768px) {
  [data-only-device=md] {
    display: none;
  }
}

@media (width >= 769px) {
  [data-only-device=sm] {
    display: none;
  }
}

.u-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip-path: inset(100%);
  white-space: nowrap;
  border: 0;
}

.u-text__marker {
  background: linear-gradient(transparent 75%, var(--color-orange) 75%);
}

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

.u-text__indent {
  padding-inline-start: 1em;
  text-indent: -1em;
}