@charset "UTF-8";
/* ========================================================================================= ^^
    Custom properties
============================================================================================ ^^ */
:root {
  --font-noto-sans: "Noto Sans JP", sans-serif;
  --font-poppins: "Poppins", sans-serif;
  --font-weight-thin: 100;
  --font-weight-extra-light: 200;
  --font-weight-light: 300;
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-semi-bold: 600;
  --font-weight-bold: 700;
  --font-weight-extra-bold: 800;
  --font-weight-black: 900;
  --black: #000;
  --black_rgb: 0 0 0;
  --white: #fff;
  --white_rgb: 255 255 255;
  --yellow: #e8ac51;
  --blue: #4784bf;
  --purple: #a55b9a;
  --pink: #dd6673;
  --height_rgb: 255 255 255;
  --font-base-color: #000;
  --font-sub-color: #787878;
  --primary-color: #00a693;
  --secondary-color: #fff064;
  --other-color: #f00000;
  --primary-sub-color1: #4784bf;
  --primary-sub-color2: #a55b9a;
  --primary-sub-color3: #dd6673;
  --primary-sub-color4: #de6641;
  --primary-sub-color5: #e8ac51;
  --primary-sub-color6: #aac863;
  --bg-color1: #f4f8f6;
  --bg-color2: #f4f6f8;
  --bg-color3: #323846;
  --other-color: #191919;
  --min-layout-width: 375;
  --max-layout-width: 768;
  --l-layout-width: 1120;
  --lg-layout-width: 1360;
  --xl-layout-width: 1440;
  --base-font-size: 16;
  --rem-ratio: calc(1rem / var(--base-font-size));
  --min-ratio: calc(1 / var(--min-layout-width) * 100vw);
  --max-ratio: calc(0.6 / var(--max-layout-width) * 100vw);
  --xl-ratio: calc(1 / var(--xl-layout-width) * 100vw);
  --lg-ratio: calc(1 / var(--lg-layout-width) * 100vw);

  --link-color: var(--font-base-color);
  --visited-color: var(--font-base-color);
  --hover-color: var(--primary-color);
  --focus-color: var(--font-base-color);
  --main-bg-color: var(--white);
  --footer-bg-color: var(--white);
  --smp-menu-bg-color: #f4f8f6;
  --menu-link-color: var(--black);
  --menu-visited-color: var(--black);
  --menu-hover-color: var(--primary-color);
  --menu-hover-bar-color: var(--primary-color);
  --menu-focus-color: var(--black);
  --menu-en-color: #787878;

  --menu-entry-link-color: var(--white);
  --menu-entry-visited-color: var(--white);
  --menu-entry-hover-color: var(--white);
  --menu-entry-focus-color: var(--white);

  --lower-menu-bg-color: var(--white);
  --lower-menu-border-color: var(--black_rgb);
  --lower-menu-circle-color1: var(--blue);
  --lower-menu-circle-color2: var(--purple);
  --lower-menu-circle-color3: var(--pink);
  --lower-contents-title-color: var(--primary-color);

  --button-bg-color: var(--primary-color);
  --button-hover-bg-color: var(--white);
  --button-border-color: var(--primary-color);
  --button-arrow-bg-color: var(--white);
  --button-hover-arrow-bg-color: var(--primary-color);
  --button-link-color: var(--white);
  --button-visited-color: var(--white);
  --button-smp-hover-color: var(--white);
  --button-hover-color: var(--primary-color);
  --button-focus-color: var(--white);

  --header-bg-color: var(--white);
  --header-shadow-color: var(--black_rgb);
  --logo-separator-color: var(--black_rgb);

  --menu-button-bar-color: var(--black);

  --page-header-circle-color: var(--yellow);
  --faq-contents-bg-color: var(--bg-color2);
  --faq-contents-question-hl-color: var(--primary-color);
  --faq-contents-question-hl-bg-color: var(--white);
  --faq-contents-answer-hl-color: var(--white);
  --faq-contents-answer-hl-bg-color: var(--primary-color);
  --faq-contents-answer-border-color: var(--black_rgb);
  --faq-side-menu-border: #e6e6e6;
  --faq-side-menu-active-color: var(--primary-color);

  --page-top-hover-color: var(--primary-color);

  --form-element-border-color: var(--black_rgb);

  --required-bg-color: var(--primary-color);
  --required-border-color: var(--primary-color);
  --required-color: var(--white);

  --any-bg-color: var(--white);
  --any-border-color: var(--black_rgb);
  --any-color: var(--font-base-color);

  --error-color: #f00000;
  --error-color_rgb: 240 0 0;

  --about-mask: 750px;
}

@keyframes scaleUp {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) scale(0.9);
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
  }
}
/* ========================================================================================= ^^
	Reset
============================================================================================ ^^ */
/***
    The new CSS reset - version 1.11.3 (last updated 25.08.2024)
    GitHub page: https://github.com/elad2412/the-new-css-reset
***/
/*
    Remove all the styles of the "User-Agent-Stylesheet", except for the 'display' property
    - The "symbol *" part is to solve Firefox SVG sprite bug
    - The "html" element is excluded, otherwise a bug in Chrome breaks the CSS hyphens property (https://github.com/elad2412/the-new-css-reset/issues/36)
 */
*:where(:not(html, iframe, canvas, img, svg, video, audio):not(svg *, symbol *)) {
  all: unset;
  display: revert;
}

/* Preferred box-sizing value */
*,
*::before,
*::after {
  box-sizing: border-box;
}

/* Fix mobile Safari increase font-size on landscape mode */
html {
  -moz-text-size-adjust: none;
  -webkit-text-size-adjust: none;
  text-size-adjust: none;
}

/* Reapply the pointer cursor for anchor tags */
a, button {
  cursor: revert;
}

/* Remove list styles (bullets/numbers) */
ol, ul, menu, summary {
  list-style: none;
}

/* Firefox: solve issue where nested ordered lists continue numbering from parent (https://bugzilla.mozilla.org/show_bug.cgi?id=1881517) */
ol {
  counter-reset: revert;
}

/* For images to not be able to exceed their container */
img {
  max-inline-size: 100%;
  max-block-size: 100%;
}

/* removes spacing between cells in tables */
table {
  border-collapse: collapse;
}

/* Safari - solving issue when using user-select:none on the <body> text input doesn't working */
input, textarea {
  -webkit-user-select: auto;
}

/* revert the 'white-space' property for textarea elements on Safari */
textarea {
  white-space: revert;
}

/* minimum style to allow to style meter element */
meter {
  -webkit-appearance: revert;
  -moz-appearance: revert;
  appearance: revert;
}

/* preformatted text - use only for this feature */
:where(pre) {
  all: revert;
  box-sizing: border-box;
}

/* reset default text opacity of input placeholder */
::-moz-placeholder {
  color: unset;
}
::placeholder {
  color: unset;
}

/* fix the feature of 'hidden' attribute.
   display:revert; revert to element instead of attribute */
:where([hidden]) {
  display: none;
}

/* revert for bug in Chromium browsers
   - fix for the content editable attribute will work properly.
   - webkit-user-select: auto; added for Safari in case of using user-select:none on wrapper element*/
:where([contenteditable]:not([contenteditable=false])) {
  -moz-user-modify: read-write;
  -webkit-user-modify: read-write;
  overflow-wrap: break-word;
  -webkit-line-break: after-white-space;
  -webkit-user-select: auto;
}

/* apply back the draggable feature - exist only in Chromium and Safari */
:where([draggable=true]) {
  -webkit-user-drag: element;
}

/* Revert Modal native behavior */
:where(dialog:modal) {
  all: revert;
  box-sizing: border-box;
}

/* Remove details summary webkit styles */
::-webkit-details-marker {
  display: none;
}

* {
  box-sizing: border-box;
}

html {
  height: 100%;
}

main {
  display: block;
}
@media (max-width: 1920px) {
  main {
    margin: 0 auto;
  }
}

.content {
  width: 100%;
}

h1, h2, h3, h4, h5, h6 {
  margin: 0;
}

p {
  margin: 0 0 1rem;
}

ul, ol {
  padding: 0;
  margin: 0;
  list-style: none;
}

dl {
  margin: 0;
}

dt, dd {
  padding: 0;
  margin: 0;
}

img {
  max-width: none;
  width: 100%;
  height: auto;
  vertical-align: top;
}

figure {
  margin: 0;
}

em {
  font-weight: bold;
  font-style: normal;
}

button {
  padding: 0;
  border-radius: 0;
  background: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
}
button:focus {
  outline: none;
}

a {
  text-decoration: none;
}

/* ======================================================================================== ^^
	Typography
=========================================================================================== ^^ */
html {
  font-size: 100%;
}

body {
  width: 100%;
  margin: 0;
  background-color: var(--bg-color1);
  font-family: var(--font-noto-sans);
  font-size: 100%;
  color: var(--font-base-color);
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0.05em;
  font-feature-settings: "palt";
}

abbr[title] {
  text-decoration: none;
}

a:link {
  color: var(--link-color);
  text-decoration: none;
}
a:visited {
  color: var(--visited-color);
  text-decoration: none;
}
a:hover {
  color: var(--font-base-color);
  text-decoration: none;
}
a:focus {
  color: var(--focus-color);
  text-decoration: none;
}

sup, sub {
  font-size: 0.7em;
}

sup {
  line-height: 0;
  position: relative;
  vertical-align: baseline;
  top: -0.5em;
}

/* ======================================================================================== ^^
	Utilities
============================================================================================ ^^ */
.tel-link,
a[href^="tel:"] {
  pointer-events: all;
  cursor: pointer;
}
@media (min-width: 768px) {
  .tel-link,
  a[href^="tel:"] {
    pointer-events: none;
    cursor: default;
  }
}

@media (min-width: 768px) {
  .is-sp {
    display: none !important;
  }
}

.is-pc {
  display: none !important;
}
@media (min-width: 768px) {
  .is-pc {
    display: block !important;
  }
}

@media not all and (min-width: 768px) {
  .is-pc-br {
    display: none;
  }
}

@media (min-width: 768px) {
  .is-sp-br {
    display: none;
  }
}

.is-hide {
  display: none !important;
}

a {
  transition: opacity 0.3s linear;
}

.is-fixed {
  position: fixed;
  top: 0;
  left: 0;
  z-index: -1;
}

.screen-reader-text {
  clip: rect(0, 0, 1px, 1px);
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
}

.c-marker {
  background: linear-gradient(to bottom, transparent 0%, transparent calc(100% - calc(8 * var(--min-ratio))), var(--secondary-color) calc(100% - calc(8 * var(--min-ratio))), var(--secondary-color) 100%);
}
@media (min-width: 768px) {
  .c-marker {
    background: linear-gradient(to bottom, transparent 0%, transparent calc(100% - calc(8 * var(--max-ratio))), var(--secondary-color) calc(100% - calc(8 * var(--max-ratio))), var(--secondary-color) 100%);
  }
}
@media (min-width: 1120px) {
  .c-marker {
    background: linear-gradient(to bottom, transparent 0%, transparent calc(100% - calc(8 * var(--rem-ratio))), var(--secondary-color) calc(100% - calc(8 * var(--rem-ratio))), var(--secondary-color) 100%);
  }
}

/* ========================================================================================= ^^
  Font
============================================================================================ ^^ */
.u-noto-sans {
  font-family: var(--font-noto-sans);
}

.u-poppins {
  font-family: var(--font-poppins);
}

/* ========================================================================================= ^^
  Text transform
============================================================================================ ^^ */
.u-uppercase {
  text-transform: uppercase;
}

.u-lowercase {
  text-transform: lowercase;
}

.u-capitalize {
  text-transform: capitalize;
}


/* ========================================================================================= ^^
	Break
============================================================================================ ^^ */
@media not all and (min-width: 768px) {
  .u-sp-hide-br {
    display: none;
  }
}

@media (min-width: 768px) {
  .u-pc-hide-br {
    display: none;
  }
}

/* ========================================================================================= ^^
	Buttons
============================================================================================ ^^ */
.c-recruit-button {
  width: calc(240 * var(--min-ratio));
  height: calc(56 * var(--min-ratio));
  margin: 0 auto;
  border-radius: calc(28 * var(--min-ratio));
  border: 1px solid var(--button-border-color);
  overflow: hidden;
}
.c-recruit-button__link {
  width: 100%;
  height: 100%;
  padding: 0 calc(50 * var(--min-ratio));
  background-color: var(--button-bg-color);
  font-size: calc(16 * var(--min-ratio));
  color: var(--button-link-color);
  line-height: 1;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  transition: all .3s;
}
.c-recruit-button__arrow {
  width: calc(32 * var(--min-ratio));
  height: calc(20 * var(--min-ratio));
  border-radius: calc(10 * var(--min-ratio));
  background-color: var(--button-arrow-bg-color);
  position: absolute;
  top: 50%;
  right: calc(20 * var(--min-ratio));
  transform: translateY(-50%);
  overflow: hidden;
}
.c-recruit-button__arrow::before,
.c-recruit-button__arrow::after {
  width: 100%;
  height: 100%;
  content: '\0020';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  transition: all .2s;
}
.c-recruit-button__arrow::before {
  background: url(../../img/recruit2025/common/icon-arrow-green.svg) no-repeat 50% 50%;
  background-size: calc(16 * var(--min-ratio)) auto;
}
.c-recruit-button__arrow::after {
  background: url(../../img/recruit2025/common/icon-arrow-white.svg) no-repeat 50% 50%;
  background-size: calc(16 * var(--min-ratio)) auto;
  transform: translateX(-100%);
}
.c-recruit-button--rev .c-recruit-button__link .c-recruit-button__arrow {
  right: auto;
  left: calc(20 * var(--min-ratio));
  transform: translateY(-50%) rotate(180deg);
}
.c-recruit-button__link[target="_blank"] .c-recruit-button__ext {
  width: calc(14 * var(--min-ratio));
  height: calc(14 * var(--min-ratio));
  border-radius: 0;
  background: url(../../img/recruit2025/common/icon-ext.svg) no-repeat 50% 50% / 100% auto;
  position: absolute;
  top: 50%;
  right: calc(20 * var(--min-ratio));
  transform: translateY(-50%);
}
.c-recruit-button__link:link {
  color: var(--button-link-color);
}
.c-recruit-button__link:visited {
  color: var(--button-visited-color);
}
.c-recruit-button__link:hover {
  color: var(--button-hover-color);
}
.c-recruit-button__link:focus {
  color: var(--button-focus-color);
}
.c-recruit-button__label {
  width: 100%;
  height: calc(24 * var(--min-ratio));
  display: inline-flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  position: absolute;
}
.c-recruit-button__label span {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  left: 0;
  transition: all .3s;
}
.c-recruit-button__label .c-second {
  transform: translateY(calc(100% + 5px));
}
@media (min-width: 768px) {
  .c-recruit-button {
    width: calc(320 * var(--max-ratio));
    height: calc(64 * var(--max-ratio));
    border-radius: calc(32 * var(--max-ratio));
  }
  .c-recruit-button__link {
    padding: 0 calc(50 * var(--max-ratio));
    font-size: calc(18 * var(--max-ratio));
  }
  .c-recruit-button__arrow {
    width: calc(32 * var(--max-ratio));
    height: calc(20 * var(--max-ratio));
    border-radius: calc(10 * var(--max-ratio));
    background-size: calc(16 * var(--max-ratio)) auto;
    right: calc(20 * var(--max-ratio));
  }
  .c-recruit-button__arrow::before {
    background-size: calc(16 * var(--max-ratio)) auto;
  }
  .c-recruit-button__arrow::after {
    background-size: calc(16 * var(--max-ratio)) auto;
  }
  .c-recruit-button--rev .c-recruit-button__link .c-recruit-button__arrow {
    left: calc(20 * var(--max-ratio));
  }
  .c-recruit-button__link:hover {
    background-color: var(--button-hover-bg-color);
    color: var(--button-hover-color);
  }
  .c-recruit-button__link:hover .c-recruit-button__arrow {
    background-color: var(--primary-color);
  }
  .c-recruit-button__link:hover .c-recruit-button__arrow::before {
    transform: translateX(100%);
  }
  .c-recruit-button__link:hover .c-recruit-button__arrow::after {
    transform: translateX(0);
  }
  .c-recruit-button__link[target="_blank"] .c-recruit-button__ext {
    width: calc(14 * var(--max-ratio));
    height: calc(14 * var(--max-ratio));
    right: calc(20 * var(--max-ratio));
  }
  .c-recruit-button__link[target="_blank"]:hover .c-recruit-button__ext {
    background: url(../../img/recruit2025/common/icon-ext-green.svg) no-repeat 50% 50% / 100% auto;
  }
  .c-recruit-button__label {
    height: calc(24 * var(--max-ratio));
  }
  .c-recruit-button__link:hover .c-recruit-button__label .c-first {
    transform: translateY(calc(-100% - 5px));
  }
  .c-recruit-button__link:hover .c-recruit-button__label .c-second {
    transform: translateY(0);
  }
}
@media (min-width: 1120px) {
  .c-recruit-button {
    width: calc(320 * var(--rem-ratio));
    height: calc(64 * var(--rem-ratio));
    border-radius: calc(32 * var(--rem-ratio));
  }
  .c-recruit-button__link {
    padding: 0 calc(50 * var(--rem-ratio));
    font-size: calc(18 * var(--rem-ratio));
  }
  .c-recruit-button__arrow {
    width: calc(32 * var(--rem-ratio));
    height: calc(20 * var(--rem-ratio));
    border-radius: calc(10 * var(--rem-ratio));
    background-size: calc(16 * var(--rem-ratio)) auto;
    right: calc(20 * var(--rem-ratio));
  }
  .c-recruit-button__arrow::before {
    background-size: calc(16 * var(--rem-ratio)) auto;
  }
  .c-recruit-button__arrow::after {
    background-size: calc(16 * var(--rem-ratio)) auto;
  }
  .c-recruit-button--rev .c-recruit-button__link .c-recruit-button__arrow {
    left: calc(20 * var(--rem-ratio));
  }
  .c-recruit-button__link:hover::after {
    background-size: calc(16 * var(--rem-ratio)) auto;
  }
  .c-recruit-button__link[target="_blank"] .c-recruit-button__ext {
    width: calc(14 * var(--rem-ratio));
    height: calc(14 * var(--rem-ratio));
    right: calc(20 * var(--rem-ratio));
  }
  .c-recruit-button__label {
    height: calc(24 * var(--rem-ratio));
  }
}

.c-form-button {
  width: 100%;
  height: calc(56 * var(--min-ratio));
  padding: 0 calc(50 * var(--min-ratio));
  margin: 0 auto;
  border-radius: calc(28 * var(--min-ratio));
  border: 1px solid var(--button-border-color);
  background-color: var(--button-bg-color);
  font-size: calc(16 * var(--min-ratio));
  color: var(--button-link-color);
  line-height: 1;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  transition: all .3s;
  overflow: hidden;
}
.c-form-button__arrow {
  width: calc(32 * var(--min-ratio));
  height: calc(20 * var(--min-ratio));
  border-radius: calc(10 * var(--min-ratio));
  background-color: var(--button-arrow-bg-color);
  position: absolute;
  top: 50%;
  right: calc(20 * var(--min-ratio));
  transform: translateY(-50%);
  overflow: hidden;
}
.c-form-button__arrow::before,
.c-form-button__arrow::after {
  width: 100%;
  height: 100%;
  content: '\0020';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  transition: all .2s;
}
.c-form-button__arrow::before {
  background: url(../../img/recruit2025/common/icon-arrow-green.svg) no-repeat 50% 50%;
  background-size: calc(16 * var(--min-ratio)) auto;
}
.c-form-button__arrow::after {
  background: url(../../img/recruit2025/common/icon-arrow-white.svg) no-repeat 50% 50%;
  background-size: calc(16 * var(--min-ratio)) auto;
  transform: translateX(-100%);
}
@media (min-width: 768px) {
  .c-form-button {
    width: calc(740 * var(--max-ratio));
    height: calc(80 * var(--max-ratio));
    padding: 0 calc(50 * var(--max-ratio));
    border-radius: calc(40 * var(--max-ratio));
    font-size: calc(18 * var(--max-ratio));
  }
  .c-form-button__arrow {
    width: calc(32 * var(--max-ratio));
    height: calc(20 * var(--max-ratio));
    border-radius: calc(10 * var(--max-ratio));
    background-size: calc(16 * var(--max-ratio)) auto;
    right: calc(20 * var(--max-ratio));
  }
  .c-form-button:hover {
    background-color: var(--button-hover-bg-color);
    color: var(--button-hover-color);
  }
  .c-form-button:hover .c-form-button__arrow {
    background-color: var(--button-hover-arrow-bg-color);
  }
  .c-form-button .c-form-button__arrow::before,
  .c-form-button .c-form-button__arrow::after {
    background-size: calc(16 * var(--max-ratio)) auto;
  }
  .c-form-button:hover .c-form-button__arrow::before {
    transform: translateX(100%);
  }
  .c-form-button:hover .c-form-button__arrow::after {
    transform: translateX(0);
  }
}
@media (min-width: 1120px) {
  .c-form-button {
    width: calc(740 * var(--rem-ratio));
    height: calc(80 * var(--rem-ratio));
    padding: 0 calc(50 * var(--rem-ratio));
    border-radius: calc(40 * var(--rem-ratio));
    font-size: calc(18 * var(--rem-ratio));
  }
  .c-form-button__arrow {
    width: calc(32 * var(--rem-ratio));
    height: calc(20 * var(--rem-ratio));
    border-radius: calc(10 * var(--rem-ratio));
    background-size: calc(16 * var(--rem-ratio)) auto;
    right: calc(20 * var(--rem-ratio));
  }
  .c-form-button .c-form-button__arrow::before,
  .c-form-button .c-form-button__arrow::after {
    background-size: calc(16 * var(--rem-ratio)) auto;
  }
}

.c-form-reset-button,
.c-form-back-button {
  margin: 0 auto;
  font-size: calc(14 * var(--min-ratio));
  line-height: 1;
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  row-gap: calc(8 * var(--min-ratio));
}
.mw_wp_form_confirm .c-form-reset-button {
  display: none;
}
.mw_wp_form_confirm .c-form-back-button {
  display: inline-flex;
}
.c-form-reset-button::after,
.c-form-back-button::after {
  width: 100%;
  height: 1px;
  background-color: var(--black);
  content: '\0020';
  display: black;
}
@media (min-width: 768px) {
  .c-form-reset-button,
  .c-form-back-button {
    font-size: calc(16 * var(--max-ratio));
    row-gap: calc(8 * var(--max-ratio));
  }
  .c-form-reset-button:hover,
  .c-form-back-button:hover {
    color: var(--primary-color);
  }
  .c-form-reset-button:hover::after,
  .c-form-back-button:hover::after {
    background-color: var(--primary-color);
  }
}
@media (min-width: 1120px) {
  .c-form-reset-button,
  .c-form-back-button {
    font-size: calc(16 * var(--rem-ratio));
    row-gap: calc(8 * var(--rem-ratio));
  }
}


/* ========================================================================================= ^^
	Site header
============================================================================================ ^^ */
.c-recruit-header {
  width: 100%;
  padding: calc(9 * var(--min-ratio)) calc(9 * var(--min-ratio)) 0;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 71000;
}
.c-recruit-header__inner {
  height: calc(50 * var(--min-ratio));
  padding: 0 0 0 calc(18 * var(--min-ratio));
  border-radius: calc(5 * var(--min-ratio));
  background-color: var(--header-bg-color);
  box-shadow: 4px 4px 8px 0px rgb(var(--header-shadow-color) / 0.05);
  display: flex;
  justify-content: space-between;
  align-items: center;
  overflow: hidden;
}
@media (min-width: 768px) {
  .c-recruit-header {
    padding: calc(20 * var(--max-ratio)) calc(20 * var(--max-ratio)) 0;
  }
  .c-recruit-header__inner {
    height: calc(60 * var(--max-ratio));
    padding: 0 0 0 calc(20 * var(--max-ratio));
    border-radius: calc(10 * var(--max-ratio));
  }
}
@media (min-width: 1120px) {
  .c-recruit-header {
    padding:  calc(20 * var(--rem-ratio)) calc(20 * var(--rem-ratio)) 0;
  }
  .c-recruit-header__inner {
    height: calc(90 * var(--rem-ratio));
    padding: 0 0 0 calc(40 * var(--rem-ratio));
    border-radius: calc(10 * var(--rem-ratio));
  }
}

.c-recruit-header .c-site-logo {
  width: calc(151 * var(--min-ratio));
  font-size: calc(10 * var(--min-ratio));
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: calc((1 / 10) * 1em);
  display: flex;
  justify-content: space-between;
  align-items: center;
  column-gap: calc(11 * var(--min-ratio));
}
.c-recruit-header .c-site-logo img {
  width: calc(76 * var(--min-ratio));
}
.c-recruit-header .c-site-logo__link {
  order: 1;
}
.c-recruit-header .c-site-logo span {
  display: block;
  order: 3;
}
.c-recruit-header .c-site-logo::after {
  width: 1px;
  height: calc(40 * var(--min-ratio));
  background-color: rgb(var(--logo-separator-color) / 0.1);
  content: '\0020';
  display: block;
  order: 2;
}
@media (min-width: 768px) {
  .c-recruit-header .c-site-logo {
    width: calc(162 * var(--max-ratio));
    font-size: calc(12 * var(--max-ratio));
    letter-spacing: calc((1 / 14) * 1em);
    column-gap: calc(10 * var(--max-ratio));
  }
  .c-recruit-header .c-site-logo img {
    width: calc(80 * var(--max-ratio));
  }
  .c-recruit-header .c-site-logo::after {
    height: calc(40 * var(--max-ratio));
  }
}
@media (min-width: 1120px) {
  .c-recruit-header .c-site-logo {
    width: calc(232 * var(--rem-ratio));
    font-size: calc(14 * var(--rem-ratio));
    column-gap: calc(20 * var(--rem-ratio));
  }
  .c-recruit-header .c-site-logo img {
    width: calc(121 * var(--rem-ratio));
  }
  .c-recruit-header .c-site-logo::after {
    height: calc(50 * var(--rem-ratio));
  }
}

/* ========================================================================================= ^^
	Menu button
============================================================================================ ^^ */
.c-menu-button {
  width: calc(48 * var(--min-ratio));
  height: calc(48 * var(--min-ratio));
  padding: calc(14 * var(--min-ratio));
  position: relative;
  z-index: 7100;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  row-gap: calc(3 * var(--min-ratio));
}
.c-menu-button span {
  width: 100%;
  height: 2px;
  background-color: var(--menu-button-bar-color);
}
.is-menu-open .c-menu-button span {
  display: none;
}
.c-menu-button::before,
.c-menu-button::after {
  width: calc(20 * var(--min-ratio));
  height: 2px;
  background-color: var(--menu-button-bar-color);
  content: '\0020';
  display: block;
  transition: all .2s;
}
.is-menu-open .c-menu-button::before {
  position: absolute;
  top: 50%;
  transform: translateY(-50%) rotate(45deg);
}
.is-menu-open .c-menu-button::after {
  position: absolute;
  top: 50%;
  transform: translateY(-50%) rotate(-45deg);
}
@media (min-width: 768px) {
  .c-menu-button {
    display: none;
  }
}

/* ========================================================================================= ^^
	Site navigation
============================================================================================ ^^ */
.c-site-navigation {
  /* display: none; */
}
.c-site-navigation__inner {
  width: 100vw;
  height: 100vh;
  padding: calc(70 * var(--min-ratio)) calc(30 * var(--min-ratio)) calc(20 * var(--min-ratio));
  background-color: var(--smp-menu-bg-color);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 7000;
  transition: all .3s;
  transform: translateX(100%);
  display: flex;
  flex-direction: column;
  row-gap: calc(20 * var(--min-ratio));
  overflow: auto;
}
.is-menu-open .c-site-navigation__inner {
  transform: translateX(0);
}
@media (min-width: 768px) {
  .c-site-navigation__inner {
    width: auto;
    height: auto;
    padding: 0;
    background-color: transparent;
    position: static;
    transition: unset;
    transform: unset;
    display: block;
    overflow: visible;
  }
  .is-menu-open .c-site-navigation__inner {
    transform: unset;
  }
  .c-site-navigation__inner .c-social-links,
  .c-site-navigation__inner .c-copyright {
    display: none;
  }
  .c-site-navigation__menu {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    column-gap: calc(15 * var(--max-ratio));
  }
}
@media (min-width: 1120px) {
  .c-site-navigation__menu {
    column-gap: calc(30 * var(--rem-ratio));
  }
}
.c-site-navigation__item {
  height: calc(76 * var(--min-ratio));
  border-bottom: 1px solid rgb(var(--black_rgb) / .1);
}
.c-site-navigation__item a {
  width: 100%;
  height: 100%;
  /* padding: 0 calc(20 * var(--min-ratio)); */
  background: url(../../img/recruit2025/common/icon-arrow-green.svg) no-repeat 100% 50% / calc(16 * var(--min-ratio)) auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  row-gap: calc(8 * var(--min-ratio));
  position: relative;
}
.c-site-navigation__item a .en {
  font-family: var(--font-poppins);
  font-size: calc(10 * var(--min-ratio));
  color: var(--menu-en-color);
  line-height: 1;
  font-weight: 500;
}
.c-site-navigation__item--entry {
  background-color: var(--primary-color);
}
.c-site-navigation__item--entry a {
  font-family: var(--font-poppins);
  font-weight: 700;
  text-transform: uppercase;
}
.c-site-navigation__item--entry a > span:not(.c-site-navigation__item-arrow) {
  width: 100%;
  height: calc(24 * var(--min-ratio));
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  position: relative;
}
.c-site-navigation__item--entry a span .c-first {
  width: 100%;
  transition: all 0.3s;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  left: 0;
}
.c-site-navigation__item--entry a span .c-second {
  width: 100%;
  transition: all 0.3s;
  transform: translateY(calc(100% + 5px));
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  left: 0;
}
.c-site-navigation__item a:link {
  color: var(--menu-link-color);
}
.c-site-navigation__item a:visited {
  color: var(--menu-visited-color);
}
.c-site-navigation__item a:hover {
  color: var(--menu-link-color);
}
.c-site-navigation__item.current-menu-item a {
  color: var(--menu-hover-color);
}
.c-site-navigation__item a:hover::after,
.c-site-navigation__item.current-menu-item a::after {
  background-color: var(--menu-hover-bar-color);
}
.c-site-navigation__item a:focus {
  color: var(--menu-focus-color);
}
.c-site-navigation__item--entry a:link {
  color: var(--menu-entry-link-color);
}
.c-site-navigation__item--entry a:visited {
  color: var(--menu-entry-visited-color);
}
.c-site-navigation__item--entry a:hover {
  color: var(--menu-entry-hover-color);
}
.c-site-navigation__item--entry a:focus {
  color: var(--menu-entry-focus-color);
}
@media not all and (min-width: 768px) {

  .c-site-navigation__item--entry {
    width: calc(200 * var(--min-ratio));
    height: calc(44 * var(--min-ratio));
    margin: calc(30 * var(--min-ratio)) auto 0;
    border-radius: calc(22 * var(--min-ratio));
  }
  .c-site-navigation__item--entry a {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .c-site-navigation__item--entry a .en {
    height: auto;
    font-size: calc(16 * var(--min-ratio));
    color: var(--white);
    display: inline;
  }
  .c-site-navigation__item--entry a > span:not(.en):not(.c-site-navigation__item-arrow) {
    display: none;
  }
  .c-site-navigation__item-arrow {
    width: calc(32 * var(--min-ratio));
    height: calc(20 * var(--min-ratio));
    border-radius: calc(10 * var(--min-ratio));
    background: var(--white) url(../../img/recruit2025/common/icon-arrow-green.svg) no-repeat 50% 50%;
    background-size: calc(16 * var(--min-ratio)) auto;
    position: absolute;
    top: 50%;
    right: calc(12 * var(--min-ratio));
    transform: translateY(-50%);
    overflow: hidden;
  }
}
@media (min-width: 768px) {
  .c-site-navigation__item-arrow {
    display: none;
  }
  .c-site-navigation__item--sp {
    display: none;
  }
  .c-site-navigation__item {
    height: auto;
    border-bottom: none;
    font-size: calc(12 * var(--max-ratio));
  }
  .c-site-navigation__item a {
    width: auto;
    height: auto;
    padding: 0;
    background: none;
    position: relative;
    display: inline;
  }
  .c-site-navigation__item .c-site-navigation__menu-link .en {
    display: none;
  }
  .c-site-navigation__item--entry a > span:not(.c-site-navigation__item-arrow) {
    height: calc(24 * var(--max-ratio));
    font-size: calc(20 * var(--max-ratio));
  }
  .c-site-navigation__item:not(.c-site-navigation__item--entry) a:hover {
    color: var(--menu-hover-color);
  }
  .c-site-navigation__item a::after {
    width: 100%;
    height: 2px;
    background-color: transparent;
    content: '\0020';
    display: block;
    position: absolute;
    top: calc(100% + 5px);
    left: 0;
    transition: all 0.2s;
  }
  .c-site-navigation__item--entry {
    width: calc(100 * var(--max-ratio));
    height: calc(60 * var(--max-ratio));
  }
  .c-site-navigation__item--entry a {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .c-site-navigation__item--entry a > span {
    height: calc(24 * var(--max-ratio));
  }
  .c-site-navigation__item--entry a:hover span .c-first {
    transform: translateY(calc(-100% + 5px));
  }
  .c-site-navigation__item--entry a:hover span .c-second {
    transform: translateY(0);
  }
}
@media (min-width: 1120px) {
  .c-site-navigation__item {
    font-size: calc(14 * var(--rem-ratio));
  }
  .c-site-navigation__item--entry {
    width: calc(150 * var(--rem-ratio));
    height: calc(90 * var(--rem-ratio));
  }
  .c-site-navigation__item--entry a > span:not(.c-site-navigation__item-arrow) {
    height: calc(24 * var(--rem-ratio));
    font-size: calc(20 * var(--rem-ratio));
  }
}
@media not all and (min-width: 768px) {
  .c-site-navigation__inner .c-social-links {
    margin: auto 0 calc(20 * var(--min-ratio));
    grid-template-columns: repeat(3, calc(28 * var(--min-ratio)));
    column-gap: calc(30 * var(--min-ratio));
  }
}

/* ========================================================================================= ^^
	Site Footer
============================================================================================ ^^ */
.c-recruit-footer {
  padding: calc(60 * var(--min-ratio)) calc(30 * var(--min-ratio));
  background-color: var(--footer-bg-color);
}
.c-recruit-footer__inner {
  display: flex;
  flex-direction: column;
  row-gap: calc(45 * var(--min-ratio));
}
@media (min-width: 768px) {
  .c-recruit-footer {
    padding: calc(80 * var(--max-ratio)) calc(20 * var(--max-ratio));
  }
  .c-recruit-footer__inner {
    row-gap: calc(40 * var(--max-ratio));
  }
}
@media (min-width: 1120px) {
  .c-recruit-footer {
    padding: calc(80 * var(--rem-ratio)) 0;
  }
  .c-recruit-footer__inner {
    row-gap: calc(40 * var(--rem-ratio));
  }
}

/* ========================================================================================= ^^
	Footer navigation
============================================================================================ ^^ */
.c-footer-navigation__menu {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  column-gap: calc(30 * var(--min-ratio));
  row-gap: calc(30 * var(--min-ratio));
}
.c-footer-navigation__menu-item {
  font-size: calc(14 * var(--min-ratio));
  line-height: 1;
  font-weight: 500;
}
@media (min-width: 768px) {
  .c-footer-navigation__menu {
    column-gap: calc(60 * var(--max-ratio));
  }
  .c-footer-navigation__menu-item {
    font-size: calc(14 * var(--max-ratio));
  }
  .c-footer-navigation__menu-item a:hover {
    color: var(--primary-color);
  }
}
@media (min-width: 1120px) {
  .c-footer-navigation__menu {
    column-gap: calc(60 * var(--rem-ratio));
  }
  .c-footer-navigation__menu-item {
    font-size: calc(14 * var(--rem-ratio));
  }
}

/* ========================================================================================= ^^
	Social links
============================================================================================ ^^ */
.c-social-links {
  display: grid;
  grid-template-columns: repeat(3, calc(36 * var(--min-ratio)));
  column-gap: calc(45 * var(--min-ratio));
  justify-content: center;
}
.c-social-links__link {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.c-social-links__item:nth-of-type(2) img {
  width: 80%;
}
@media (min-width: 768px) {
  .c-social-links {
    grid-template-columns: repeat(3, calc(22 * var(--max-ratio)));
    column-gap: calc(40 * var(--max-ratio));
  }
}
@media (min-width: 1120px) {
  .c-social-links {
    grid-template-columns: repeat(3, calc(22 * var(--rem-ratio)));
    column-gap: calc(40 * var(--rem-ratio));
  }
}


/* ========================================================================================= ^^
	Copyright
============================================================================================ ^^ */
.c-copyright {
  margin-bottom: 0;
  font-family: var(--font-poppins);
  font-size: calc(10 * var(--min-ratio));
  line-height: 1;
  text-align: center;
  font-weight: 300;
}
@media (min-width: 768px) {
  .c-copyright {
    font-size: calc(10 * var(--max-ratio));
  }
}
@media (min-width: 1120px) {
  .c-copyright {
    font-size: calc(10 * var(--rem-ratio));
  }
}

/* ========================================================================================= ^^
	Site main
============================================================================================ ^^ */
.l-site-main {
  width: 100%;
  /* padding: calc(20 * var(--min-ratio)) calc(24 * var(--min-ratio)); */
  /* border-radius: calc(20 * var(--min-ratio)) calc(20 * var(--min-ratio)) 0 0; */
  background-color: var(--main-bg-color);
  position: relative;
  z-index: 100;
}

.l-site-main::before {
  width: 100%;
  height: calc(20 * var(--min-ratio));
  border-radius: calc(20 * var(--min-ratio)) calc(20 * var(--min-ratio)) 0 0;
  background-color: var(--main-bg-color);
  overflow: hidden;
  content: '\0020';
  position: absolute;
  bottom: 100%;
  left: 0;
}
.l-site-main--recruit-top {
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
  overflow: hidden;
}
.l-site-main--recruit-top::before {
  display: none;
}
.c-wrap {
  padding: calc(20 * var(--min-ratio)) calc(24 * var(--min-ratio));
  overflow: clip;
}
.l-site-main--recruit-top .c-wrap {
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
}
@media (min-width: 768px) {
  .l-site-main {
    /* padding: calc(100 * var(--max-ratio)) calc(20 * var(--max-ratio)); */
    /* border-radius: calc(60 * var(--max-ratio)) calc(60 * var(--max-ratio)) 0 0; */
  }
  .l-site-main::before {
    height: calc(60 * var(--max-ratio));
    border-radius: calc(60 * var(--max-ratio)) calc(60 * var(--max-ratio)) 0 0;
  }
  .l-site-main__inner {
    max-width: calc(1120 * var(--rem-ratio));
    margin: 0 auto;
  }
  .c-wrap {
    padding: calc(100 * var(--max-ratio)) calc(20 * var(--max-ratio));
  }
  .l-site-main.l-site-main--recruit-top .c-wrap {
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 0;
  }
}
@media (min-width: 1120px) {
  .l-site-main {
    /* padding: calc(100 * var(--rem-ratio)) calc(40 * var(--rem-ratio)); */
    /* border-radius: calc(60 * var(--rem-ratio)) calc(60 * var(--rem-ratio)) 0 0; */
  }
  .l-site-main::before {
    height: calc(60 * var(--rem-ratio));
    border-radius: calc(60 * var(--rem-ratio)) calc(60 * var(--rem-ratio)) 0 0;
  }
  .c-wrap {
    padding: calc(100 * var(--rem-ratio)) calc(40 * var(--rem-ratio));
  }
}

/* ========================================================================================= ^^
	Lower contents
============================================================================================ ^^ */
.c-recruit-lower-contents {
  padding: calc(60 * var(--min-ratio)) 0;
  background: url(../../img/recruit2025/common/bg-entry_sp.webp) no-repeat 50% 50% / cover;
}
@media (min-width: 768px) {
  .c-recruit-lower-contents {
    height: calc(480 * var(--max-ratio));
    padding: calc(114 * var(--max-ratio)) 0 0;
    background: url(../../img/recruit2025/common/bg-entry.webp) no-repeat 50% 50% / cover;
  }
}
@media (min-width: 1120px) {
  .c-recruit-lower-contents {
    height: calc(480 * var(--rem-ratio));
    padding-top: calc(114 * var(--rem-ratio));
  }
}

.c-recruit-lower-contents__title {
  margin-bottom: calc(20 * var(--min-ratio));
  font-family: var(--font-poppins);
  font-size: calc(48 * var(--min-ratio));
  color: var(--lower-contents-title-color);
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.1em;
  text-align: center;
  text-transform: uppercase;
}
@media (min-width: 768px) {
  .c-recruit-lower-contents__title {
    margin-bottom: calc(20 * var(--max-ratio));
    font-size: calc(64 * var(--max-ratio));
  }
}
@media (min-width: 1120px) {
  .c-recruit-lower-contents__title {
    margin-bottom: calc(20 * var(--rem-ratio));
    font-size: calc(64 * var(--rem-ratio));
  }
}

.c-recruit-lower-contents__text {
  margin-bottom: calc(40 * var(--min-ratio));
  font-size: calc(15 * var(--min-ratio));
  font-weight: 500;
  line-height: 2;
  text-align: center;
}
.c-recruit-lower-contents__text p:last-of-type {
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .c-recruit-lower-contents__text {
    margin-bottom: calc(40 * var(--max-ratio));
    font-size: calc(16 * var(--max-ratio));
  }
}
@media (min-width: 1120px) {
  .c-recruit-lower-contents__text {
    margin-bottom: calc(40 * var(--rem-ratio));
    font-size: calc(16 * var(--rem-ratio));
  }
}

/* ========================================================================================= ^^
	Lower menu
============================================================================================ ^^ */
.c-recruit-lower-menu-wrap {
  background-color: var(--lower-menu-bg-color);
}
.c-recruit-lower-menu-inner {
  border-top: 1px solid rgb(var(--lower-menu-border-color) / .1);
}
.c-recruit-lower-menu {
  padding: calc(50 * var(--min-ratio)) calc(30 * var(--min-ratio));
  display: flex;
  flex-direction: column;
  row-gap: calc(10 * var(--min-ratio));
}
.c-recruit-lower-menu__link {
  width: 100%;
  height: 100%;
  display: block;
}
.c-recruit-lower-menu__content {
  width: 100%;
  height: 100%;
  display: grid;
  grid-template-columns: calc((80 / 265) * 100%) calc((163 / 265) * 100%);
  column-gap: calc((22 / 265) * 100%);
  align-items: center;
}
.c-recruit-lower-menu__caption {
  display: flex;
  flex-direction: column;
  row-gap: calc(5 * var(--min-ratio));
}
.c-recruit-lower-menu__caption p {
  margin-bottom: 0;
}
.c-recruit-lower-menu__caption p.en {
  font-family: var(--font-poppins);
  font-size: calc(12 * var(--min-ratio));
  line-height: 1;
  font-weight: 500;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  column-gap: calc(5 * var(--min-ratio));
}
.c-recruit-lower-menu__caption p.en::before {
  width: calc(4 * var(--min-ratio));
  height: calc(4 * var(--min-ratio));
  border-radius: 50%;
  content: '\0020';
  display: block;
}
.c-recruit-lower-menu__caption p.jpn {
  font-size: calc(16 * var(--min-ratio));
  line-height: 1;
  font-weight: 500;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  column-gap: calc(8 * var(--min-ratio));
}
.c-recruit-lower-menu__caption p.jpn::after {
  width: calc(16 * var(--min-ratio));
  height: calc(10 * var(--min-ratio));
  background: url(../../img/recruit2025/common/icon-arrow-black.svg) no-repeat 50% 50% / cover;
  content: '\0020';
  display: inline-block;
}
.c-recruit-lower-menu__item--disabled {
  opacity: .25;
  pointer-events: none;
  cursor: default;
}
.c-recruit-lower-menu__item:nth-of-type(1) .c-recruit-lower-menu__caption p.en::before {
  background-color: var(--lower-menu-circle-color1);
}
.c-recruit-lower-menu__item:nth-of-type(2) .c-recruit-lower-menu__caption p.en::before {
  background-color: var(--lower-menu-circle-color2);
}
.c-recruit-lower-menu__item:nth-of-type(3) .c-recruit-lower-menu__caption p.en::before {
  background-color: var(--lower-menu-circle-color3);
}
@media (min-width: 768px) {
  .c-recruit-lower-menu {
    width: 94.4444%;
    padding: calc(60 * var(--xl-ratio)) calc(120 * var(--xl-ratio));
    margin: 0 auto;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    column-gap: calc((80 / 1120) * 100%);
    row-gap: unset;
  }
  .c-recruit-lower-menu__item {
    height: calc(120 * var(--xl-ratio));
    position: relative;
  }
  .c-recruit-lower-menu__item::after {
    width: 1px;
    height: calc(120 * var(--xl-ratio));
    background-color: rgb(var(--lower-menu-border-color) / .1);
    content: '\0020';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
  }
  .c-recruit-lower-menu__caption {
    row-gap: calc(5 * var(--xl-ratio));
  }
  .c-recruit-lower-menu__caption p.en {
    font-size: calc(12 * var(--xl-ratio));
    column-gap: calc(5 * var(--xl-ratio));
  }
  .c-recruit-lower-menu__caption p.en::before {
    width: calc(4 * var(--xl-ratio));
    height: calc(4 * var(--xl-ratio));
  }
  .c-recruit-lower-menu__caption p.jpn {
    font-size: calc(20 * var(--xl-ratio));
    justify-content: flex-start;
    column-gap: calc(5 * var(--xl-ratio));
  }
  .c-recruit-lower-menu__caption p.jpn::after {
    width: calc(16 * var(--xl-ratio));
    height: calc(10 * var(--xl-ratio));
  }
  .c-recruit-lower-menu__item:nth-of-type(1) {
    width: calc((346 / 1120) * 100%);
  }
  .c-recruit-lower-menu__item:nth-of-type(2) {
    width: calc((328 / 1120) * 100%);
  }
  .c-recruit-lower-menu__item:nth-of-type(3) {
    width: calc((286 / 1120) * 100%);
  }
  .c-recruit-lower-menu__item:nth-of-type(3)::after {
    display: none;
  }
}
@media (min-width: 1360px) {
  .c-recruit-lower-menu-wrap {
    padding: 0 calc(40 * var(--rem-ratio));
  }
  /* .c-recruit-lower-menu-inner {

  } */
  .c-recruit-lower-menu {
    max-width: calc(1360 * var(--rem-ratio));
    width: 100%;
    padding: calc(60 * var(--rem-ratio)) calc(120 * var(--rem-ratio));
  }
  .c-recruit-lower-menu__item {
    height: calc(120 * var(--rem-ratio));
  }
  .c-recruit-lower-menu__item::after {
    height: calc(120 * var(--rem-ratio));
  }
  .c-recruit-lower-menu__caption {
    row-gap: calc(5 * var(--rem-ratio));
  }
  .c-recruit-lower-menu__caption p.en {
    font-size: calc(12 * var(--rem-ratio));
    column-gap: calc(5 * var(--rem-ratio));
  }
  .c-recruit-lower-menu__caption p.en::before {
    width: calc(4 * var(--rem-ratio));
    height: calc(4 * var(--rem-ratio));
  }
  .c-recruit-lower-menu__caption p.jpn {
    font-size: calc(20 * var(--rem-ratio));
    column-gap: calc(5 * var(--rem-ratio));
  }
  .c-recruit-lower-menu__caption p.jpn::after {
    width: calc(16 * var(--rem-ratio));
    height: calc(10 * var(--rem-ratio));
  }
}
/* ========================================================================================= ^^
	Page top
============================================================================================ ^^ */
.c-pagetop {
  width: calc(40 * var(--min-ratio));
  height: calc(40 * var(--min-ratio));
  background: var(--white) url(../../img/recruit2025/common/icon-arrow-up.svg) no-repeat 50% 50%;
  background-size: calc(12 * var(--min-ratio)) auto;
  border-radius: 50%;
  box-shadow: 0px 3px 12px 0px rgb(var(--black_rgb) / 0.15);
  position: fixed;
  bottom: calc(15 * var(--min-ratio));
  right: calc(15 * var(--min-ratio));
}
.c-pagetop__link {
  width: 100%;
  height: 100%;
  font-family: var(--font-poppins);
  font-size: calc(12 * var(--min-ratio));
  font-weight: 500;
  line-height: 1;
  text-transform: uppercase;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  column-gap: calc(10 * var(--min-ratio));
  transition: all .2s;
}
.c-pagetop__link::before {
  width: 1px;
  height: calc(40 * var(--min-ratio));
  background-color: var(--black);
  content: '\0020';
  display: none;
}
.c-pagetop__link:hover {
  color: var(--page-top-hover-color);
}
.c-pagetop__link:hover::before {
  background-color: var(--page-top-hover-color);
}
.c-pagetop__link span {
  display: none;
}
@media (min-width: 768px) {
  .c-pagetop {
    width: calc(12 * var(--max-ratio));
    height: calc(150 * var(--max-ratio));
    background: none;
    border-radius: 0;
    box-shadow: none;
    bottom: calc(30 * var(--max-ratio));
    right: calc(57 * var(--max-ratio));
  }
  .c-pagetop__link {
    font-size: calc(12 * var(--max-ratio));
    column-gap: calc(10 * var(--max-ratio));
  }
  .c-pagetop__link::before {
    height: calc(40 * var(--max-ratio));
    display: block;
  }
  .c-pagetop__link span {
    display: inline;
  }
}
@media (min-width: 1120px) {
  .c-pagetop {
    width: calc(12 * var(--rem-ratio));
    height: calc(120 * var(--rem-ratio));
    bottom: calc(30 * var(--rem-ratio));
    right: calc(57 * var(--rem-ratio));
  }
  .c-pagetop__link {
    font-size: calc(12 * var(--rem-ratio));
    column-gap: calc(10 * var(--rem-ratio));
  }
  .c-pagetop__link::before {
    height: calc(40 * var(--rem-ratio));
  }
}

.c-tag {
  height: calc(24 * var(--min-ratio));
  padding: 0 calc(12 * var(--min-ratio));
  border-radius: calc(12 * var(--min-ratio));
  border: 1px solid rgb(var(--black_rgb) / .1);
  background-color: var(--white);
  font-size: calc(11 * var(--min-ratio));
  line-height: 1;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.c-tag--current {
  background-color: var(--primary-color);
  color: var(--white);
}
a.c-tag:link {
  background-color: var(--white);
  color: var(--font-base-color);
}
a.c-tag:visited {
  background-color: var(--white);
  color: var(--font-base-color);
}
a.c-tag:hover {
  background-color: var(--white);
  color: var(--font-base-color);
}
a.c-tag:focus {
  background-color: var(--white);
  color: var(--font-base-color);
}
@media (min-width: 768px) {
  .c-tag {
    height: calc(32 * var(--max-ratio));
    padding: 0 calc(20 * var(--max-ratio));
    border-radius: calc(16 * var(--max-ratio));
    font-size: calc(16 * var(--max-ratio));
  }
  a.c-tag:hover {
    color: var(--primary-color);
  }
}
@media (min-width: 1120px) {
  .c-tag {
    height: calc(32 * var(--rem-ratio));
    padding: 0 calc(20 * var(--rem-ratio));
    border-radius: calc(16 * var(--rem-ratio));
    font-size: calc(16 * var(--rem-ratio));
  }
}


/* ========================================================================================= ^^
	Page header
============================================================================================ ^^ */
.c-recruit-page-header {
  height: calc(310 * var(--min-ratio));
  padding: calc(121 * var(--min-ratio)) calc(24 * var(--min-ratio)) calc(22 * var(--min-ratio));
  margin-bottom: calc(-35 * var(--min-ratio));
  overflow: hidden;
  position: relative;
  z-index: 50;
}
.c-recruit-page-header__inner {
  max-width: calc(1200 * var(--rem-ratio));
  width: 100%;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  row-gap: calc(60 * var(--min-ratio));
}
.single-application .c-recruit-page-header__contents {
  position: relative;
}
.single-application .c-recruit-page-header__list {
  position: absolute;
  bottom: calc(-5 * var(--min-ratio));
  left: calc(80 * var(--min-ratio));
}
.c-recruit-page-header__title {
  font-family: var(--font-poppins);
  font-size: calc(40 * var(--min-ratio));
  line-height: 1;
  font-weight: 600;
  display: flex;
  flex-direction: column;
  row-gap: calc(12 * var(--min-ratio));
}
.c-recruit-page-header__title .jpn {
  font-family: var(--font-noto-sans);
  font-size: calc(14 * var(--min-ratio));
  font-weight: 500;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  column-gap: calc(7 * var(--min-ratio));
}
.c-recruit-page-header__title .jpn::before {
  width: calc(5 * var(--min-ratio));
  height: calc(5 * var(--min-ratio));
  background-color: var(--page-header-circle-color);
  border-radius: 50%;
  content: '\0020';
  display: block;
}
.c-recruit-page-header__list {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  column-gap: calc(5 * var(--min-ratio));
}

@media (min-width: 768px) {
  .c-recruit-page-header {
    height: calc(466 * var(--max-ratio));
    padding: calc(173 * var(--max-ratio)) calc(30 * var(--max-ratio)) calc(124 * var(--max-ratio));
    margin-bottom: calc(-16 * var(--max-ratio));
  }
  .c-recruit-page-header__inner {
    flex-direction: row;
    row-gap: unset;
  }
  .single-application .c-recruit-page-header__list {
    bottom: calc(-8 * var(--max-ratio));
    left: calc(120 * var(--max-ratio));
  }
  .c-recruit-page-header__title {
    font-size: calc(96 * var(--max-ratio));
    row-gap: calc(12 * var(--max-ratio));
  }
  .c-recruit-page-header__title .jpn {
    font-size: calc(20 * var(--max-ratio));
    column-gap: calc(10 * var(--max-ratio));
  }
  .c-recruit-page-header__title .jpn::before {
    width: calc(8 * var(--max-ratio));
    height: calc(8 * var(--max-ratio));
  }
  .c-recruit-page-header__list {
    column-gap: calc(5 * var(--max-ratio));
  }
  .single-application .p-scroll-side-contents {
    transform: translate(calc(10 * var(--lg-ratio)), calc(-65 * var(--lg-ratio)));
  }
}
@media (min-width: 1120px) {
  .c-recruit-page-header {
    height: calc(466 * var(--rem-ratio));
    padding: calc(173 * var(--rem-ratio)) 0 calc(124 * var(--rem-ratio));
    margin-bottom: calc(-16 * var(--rem-ratio));
  }
  .single-application .c-recruit-page-header__list {
    bottom: calc(-8 * var(--rem-ratio));
    left: calc(120 * var(--rem-ratio));
  }
  .c-recruit-page-header__title {
    font-size: calc(96 * var(--rem-ratio));
    row-gap: calc(12 * var(--rem-ratio));
  }
  .c-recruit-page-header__title .jpn {
    font-size: calc(20 * var(--rem-ratio));
    column-gap: calc(10 * var(--rem-ratio));
  }
  .c-recruit-page-header__title .jpn::before {
    width: calc(8 * var(--rem-ratio));
    height: calc(8 * var(--rem-ratio));
  }
  .c-recruit-page-header__list {
    column-gap: calc(5 * var(--rem-ratio));
  }
}
@media (min-width: 1360px) {
  .single-application .p-scroll-side-contents {
    transform: translate(calc(-70 * var(--rem-ratio)), calc(-65 * var(--rem-ratio)));
  }
}


.c-recruit-page-header__copy {
  width: 100vw;
  font-family: var(--font-poppins);
  font-size: calc(160 * var(--min-ratio));
  color: var(--primary-color);
  line-height: 1;
  font-weight: 600;
  opacity: 0.05;
  white-space: nowrap;
  position: absolute;
  top: calc(90 * var(--min-ratio));
  left: 0;
  overflow: hidden;
}
.c-recruit-page-header__copy span {
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
@media (min-width: 768px) {
  .c-recruit-page-header__copy {
    width: 100%;
    font-size: calc(280 * var(--max-ratio));
    top: auto;
    bottom: calc(35 * var(--max-ratio));
  }
}
@media (min-width: 1120px) {
  .c-recruit-page-header__copy {
    font-size: calc(280 * var(--rem-ratio));
    bottom: calc(35 * var(--rem-ratio));
  }
}

.c-recruit-page-header__text {
  padding-top: calc(36 * var(--min-ratio));
  font-size: calc(16 * var(--min-ratio));
  line-height: 1.8;
  font-weight: 500;
}
.c-recruit-page-header__text em {
  font-weight: 500;
}
@media (min-width: 768px) {
  .c-recruit-page-header__text {
    padding-top: calc(36 * var(--max-ratio));
    font-size: calc(16 * var(--max-ratio));
  }
  .c-recruit-page-header__text em {
    font-size: calc(20 * var(--max-ratio));
  }
}
@media (min-width: 1120px) {
  .c-recruit-page-header__text {
    padding-top: calc(36 * var(--rem-ratio));
    font-size: calc(16 * var(--rem-ratio));
  }
  .c-recruit-page-header__text em {
    font-size: calc(20 * var(--rem-ratio));
  }
}

/* ========================================================================================= ^^
	Breadcrumbs
============================================================================================ ^^ */
.c-recruit-breadcrumbs {
  font-size: calc(12 * var(--min-ratio));
  line-height: 1;
  font-weight: 500;
  display: flex;
  align-items: flex-end;
  position: relative;
  z-index: 100;
}
.c-recruit-breadcrumbs > span > span {
  margin-right: calc(7 * var(--min-ratio));
}
.c-recruit-breadcrumbs > span > span:not(.breadcrumb_last)::after {
  width: calc(4 * var(--min-ratio));
  height: calc(8 * var(--min-ratio));
  margin-left: calc(7 * var(--min-ratio));
  background: url(../../img/recruit2025/common/icon-arrow.svg) no-repeat 50% 50% / cover;
  content: '\0020';
  display: inline-block;
}
.c-recruit-breadcrumbs > span > span:first-of-type {
  font-size: 0;
}
.c-recruit-breadcrumbs > span > span:first-of-type a::before {
  width: calc(12 * var(--min-ratio));
  height: calc(14 * var(--min-ratio));
  background: url(../../img/recruit2025/common/icon-home.svg) no-repeat 50% 50% / cover;
  content: '\0020';
  display: inline-block;
}
.c-recruit-breadcrumbs a:link {
  color: var(--primary-color);
}
.c-recruit-breadcrumbs a:visited {
  color: var(--primary-color);
}
.c-recruit-breadcrumbs a:hover {
  color: var(--primary-color);
}
.c-recruit-breadcrumbs a:focus {
  color: var(--primary-color);
}
@media (min-width: 768px) {
  .c-recruit-breadcrumbs {
    font-size: calc(12 * var(--max-ratio));
  }
  .c-recruit-breadcrumbs > span > span {
    margin-right: calc(7 * var(--max-ratio));
  }
  .c-recruit-breadcrumbs > span > span:not(.breadcrumb_last)::after {
    width: calc(4 * var(--max-ratio));
    height: calc(8 * var(--max-ratio));
    margin-left: calc(7 * var(--max-ratio));
  }
  .c-recruit-breadcrumbs > span > span:first-of-type a::before {
    width: calc(12 * var(--max-ratio));
    height: calc(14 * var(--max-ratio));
  }
}
@media (min-width: 1120px) {
  .c-recruit-breadcrumbs {
    font-size: calc(12 * var(--rem-ratio));
  }
  .c-recruit-breadcrumbs > span > span {
    margin-right: calc(7 * var(--rem-ratio));
  }
  .c-recruit-breadcrumbs > span > span:not(.breadcrumb_last)::after {
    width: calc(4 * var(--rem-ratio));
    height: calc(8 * var(--rem-ratio));
    margin-left: calc(7 * var(--rem-ratio));
  }
  .c-recruit-breadcrumbs > span > span a:first-of-type::before {
    width: calc(12 * var(--rem-ratio));
    height: calc(14 * var(--rem-ratio));
  }
}


/* ========================================================================================= ^^
	FAQ
============================================================================================ ^^ */
.post-type-archive-recruit_faq.post-type-archive .c-recruit-page-header {
  height: calc(332 * var(--min-ratio));
}
@media (min-width: 768px) {
  .post-type-archive-recruit_faq.post-type-archive .c-recruit-page-header {
    height: calc(496 * var(--max-ratio));
  }
}
@media (min-width: 1120px) {
  .post-type-archive-recruit_faq.post-type-archive .c-recruit-page-header {
    height: calc(496 * var(--rem-ratio));
  }
}
.post-type-archive-recruit_faq .l-site-main__inner {
  display: grid;
  grid-template-columns: 100%;
  row-gap: calc(42 * var(--min-ratio));
}
.p-faq-contents {
  display: grid;
  grid-template-columns: 100%;
  row-gap: calc(45 * var(--min-ratio));
  grid-column: 1 / 2;
  grid-row: 2 / 3;
}
.p-scroll-side-contents {
  grid-column: 1 / 2;
  grid-row: 1 / 2;
  position: relative;
  z-index: 7000;
}
@media (min-width: 768px) {
  .post-type-archive-recruit_faq .l-site-main__inner {
    display: grid;
    grid-template-columns: calc((190 / 1120) * 100%) calc((900 / 1120) * 100%);
    column-gap: calc((30 / 1120) * 100%);
  }
  .p-faq-contents {
    grid-column: 2 / 3;
    grid-row: 1 / 2;
    row-gap: calc(163 * var(--max-ratio));
  }
  .post-type-archive-recruit_faq .p-scroll-side-contents {
    grid-column: 1 / 2;
    grid-row: 1 / 2;
    transform: translate(calc(20 * var(--lg-ratio)), calc(-65 * var(--lg-ratio)))
  }
}
@media (min-width: 1120px) {
  /* .post-type-archive-recruit_faq .l-site-main__inner {
    grid-template-columns: calc((190 / 1120) * 100%) calc((930 / 1120) * 100%);
    column-gap: calc((30 / 1120) * 100%);
  } */
  .p-faq-contents {
    row-gap: calc(163 * var(--rem-ratio));
  }
  .post-type-archive-recruit_faq .p-scroll-side-contents {
    transform: translate(calc(10 * var(--rem-ratio)), calc(-65 * var(--rem-ratio)));
  }
}



.c-recruit-faq .c-recruit-faq-wrap {
  display: grid;
  grid-template-columns: 100%;
  row-gap: calc(10 * var(--min-ratio));
}
.c-recruit-faq h2 {
  margin-bottom: calc(25 * var(--min-ratio));
  background: linear-gradient(to bottom, transparent 0%, transparent calc(100% - calc(8 * var(--min-ratio))), var(--secondary-color) calc(100% - calc(8 * var(--min-ratio))), var(--secondary-color) 100%);
  font-size: calc(24 * var(--min-ratio));
  line-height: 1.3;
  font-weight: 500;
}
@media (min-width: 768px) {
  .c-recruit-faq .c-recruit-faq-wrap {
    row-gap: calc(10 * var(--max-ratio));
  }
  .c-recruit-faq h2 {
    margin-bottom: calc(44 * var(--max-ratio));
    background: linear-gradient(to bottom, transparent 0%, transparent calc(100% - calc(10 * var(--max-ratio))), var(--secondary-color) calc(100% - calc(10 * var(--max-ratio))), var(--secondary-color) 100%);
    font-size: calc(24 * var(--max-ratio));
  }
}
@media (min-width: 1120px) {
  .c-recruit-faq .c-recruit-faq-wrap {
    row-gap: calc(10 * var(--rem-ratio));
  }
  .c-recruit-faq h2 {
    margin-bottom: calc(44 * var(--rem-ratio));
    background: linear-gradient(to bottom, transparent 0%, transparent calc(100% - calc(10 * var(--rem-ratio))), #fff064 calc(100% - calc(10 * var(--rem-ratio))), #fff064 100%);
    font-size: calc(32 * var(--rem-ratio));
  }
}


.c-recruit-faq-contents {
  max-width: calc(930 * var(--rem-ratio));
  padding: 0 calc(15 * var(--min-ratio));
  background-color: var(--faq-contents-bg-color);
  transition: all 1s;
}
.c-recruit-faq-contents__question {
  height: calc(80 * var(--min-ratio));
  font-size: calc(16 * var(--min-ratio));
  line-height: 1.6; 
  font-weight: 500;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  column-gap: calc(13 * var(--min-ratio));
  cursor: pointer;
}
.c-recruit-faq-contents__question * {
  margin-bottom: 0;
}
.c-recruit-faq-contents__question p {
  width: calc(230 * var(--min-ratio));
}
.c-recruit-faq-contents__question::before {
  width: calc(36 * var(--min-ratio));
  height: calc(36 * var(--min-ratio));
  background-color: var(--faq-contents-question-hl-bg-color);
  border-radius: calc(18 * var(--min-ratio));
  font-family: var(--font-poppins);
  color: var(--faq-contents-question-hl-color);
  font-size: calc(18 * var(--min-ratio));
  line-height: 1;
  font-weight: 500;
  content: 'Q';
  display: flex;
  justify-content: center;
  align-items: center;
}
.c-recruit-faq-contents__question::after {
  width: calc(20 * var(--min-ratio));
  height: calc(20 * var(--min-ratio));
  margin-left: auto;
  background: url(../../img/recruit2025/common/icon-plus.svg) no-repeat 50% 50% / cover;
  content: '\0020';
  display: block;
}
.c-recruit-faq-contents[open] .c-recruit-faq-contents__question::after {
  background: url(../../img/recruit2025/common/icon-minus.svg) no-repeat 50% 50% / 100% auto;
}
.c-recruit-faq-contents__answer {
  border-top: 1px solid rgb(var(--faq-contents-answer-border-color) / .1);
  display: grid;
  grid-template-rows: 0fr;
  transition: all .2s ease-out;
}
.c-recruit-faq-contents[open] .c-recruit-faq-contents__answer {
  grid-template-rows: 1fr;
  opacity: 1;
}
.c-recruit-faq-contents[open] .c-recruit-faq-contents__answer--closing {
  grid-template-rows: 0fr;
  opacity: 0;
}
.c-recruit-faq-contents__answer-inner {
  font-size: calc(14 * var(--min-ratio));
  line-height: 1.8;
  font-weight: 400;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  column-gap: calc(13 * var(--min-ratio));
  overflow: hidden;
}
.c-recruit-faq-contents__answer-inner a {
  text-decoration: underline;
}
.c-recruit-faq-contents[open] .c-recruit-faq-contents__answer-inner {
  padding-top: calc(20 * var(--min-ratio));
  padding-bottom: calc(24 * var(--min-ratio));
}
.c-recruit-faq-contents__answer-inner p {
  margin-bottom: calc(14 * var(--min-ratio) * 1.8);
}
.c-recruit-faq-contents__answer-inner p:last-of-type {
  margin-bottom: 0;
}
.c-recruit-faq-contents__answer-inner::before {
  width: calc(36 * var(--min-ratio));
  height: calc(36 * var(--min-ratio));
  background-color: var(--faq-contents-answer-hl-bg-color);
  border-radius: calc(18 * var(--min-ratio));
  font-family: var(--font-poppins);
  color: var(--faq-contents-answer-hl-color);
  font-size: calc(18 * var(--min-ratio));
  line-height: 1;
  font-weight: 500;
  content: 'A';
  display: flex;
  justify-content: center;
  align-items: center;
}
.c-recruit-faq-contents__answer .inner {
  width: calc(260 * var(--min-ratio));
}
@media (min-width: 768px) {
  .c-recruit-faq-contents {
    padding: 0 calc(25 * var(--max-ratio));
  }
  .c-recruit-faq-contents__question {
    height: calc(80 * var(--max-ratio));
    font-size: calc(18 * var(--max-ratio));
    line-height: 1;
    column-gap: calc(20 * var(--max-ratio));
  }
  .c-recruit-faq-contents__question::before {
    width: calc(52 * var(--max-ratio));
    height: calc(32 * var(--max-ratio));
    border-radius: calc(16 * var(--max-ratio));
    font-size: calc(18 * var(--max-ratio));
  }
  .c-recruit-faq-contents__question::after {
    width: calc(20 * var(--max-ratio));
    height: calc(20 * var(--max-ratio));
  }
  .c-recruit-faq-contents__answer-inner {
    font-size: calc(14 * var(--max-ratio));
    column-gap: calc(20 * var(--max-ratio));
  }
  .c-recruit-faq-contents__answer-inner a:hover {
    color: var(--primary-color);
  }
  .c-recruit-faq-contents[open] .c-recruit-faq-contents__answer-inner {
    padding-top: calc(20 * var(--max-ratio));
    padding-bottom: calc(24 * var(--max-ratio));
  }
  .c-recruit-faq-contents__answer-inner::before {
    width: calc(52 * var(--max-ratio));
    height: calc(32 * var(--max-ratio));
    border-radius: calc(16 * var(--max-ratio));
    font-size: calc(18 * var(--max-ratio));
  }
  .c-recruit-faq-contents__answer .inner {
    width: calc(808 * var(--max-ratio));
  }
  .c-recruit-faq-contents__answer-inner p {
    margin-bottom: calc(14 * var(--max-ratio) * 1.8);
  }
}
@media (min-width: 1120px) {
  .c-recruit-faq-contents {
    padding: 0 calc(25 * var(--rem-ratio));
  }
  .c-recruit-faq-contents__question {
    height: calc(80 * var(--rem-ratio));
    font-size: calc(20 * var(--rem-ratio));
    column-gap: calc(20 * var(--rem-ratio));
  }
  .c-recruit-faq-contents__question::before {
    width: calc(52 * var(--rem-ratio));
    height: calc(32 * var(--rem-ratio));
    border-radius: calc(16 * var(--rem-ratio));
    font-size: calc(18 * var(--rem-ratio));
  }
  .c-recruit-faq-contents__question::after {
    width: calc(20 * var(--rem-ratio));
    height: calc(20 * var(--rem-ratio));
  }
  .c-recruit-faq-contents__answer-inner {
    font-size: calc(16 * var(--rem-ratio));
    column-gap: calc(20 * var(--rem-ratio));
  }
  .c-recruit-faq-contents[open] .c-recruit-faq-contents__answer-inner {
    padding-top: calc(20 * var(--rem-ratio));
    padding-bottom: calc(24 * var(--rem-ratio));
  }
  .c-recruit-faq-contents__answer-inner::before {
    width: calc(52 * var(--rem-ratio));
    height: calc(32 * var(--rem-ratio));
    border-radius: calc(16 * var(--rem-ratio));
    font-size: calc(18 * var(--rem-ratio));
  }
  .c-recruit-faq-contents__answer .inner {
    width: calc(808 * var(--rem-ratio));
  }
  .c-recruit-faq-contents__answer-inner p {
    margin-bottom: calc(14 * var(--rem-ratio) * 1.8);
  }
}

.p-scroll-side-contents {
  width: 100vw;
  padding: calc(10 * var(--min-ratio)) calc(20 * var(--min-ratio));
  margin: 0 calc(50% - 50vw);
  background-color: var(--white);
  /* position: sticky;
  top: calc(68 * var(--min-ratio)); */
}
.c-scroll-side-menu__item {
  height: calc(54 * var(--min-ratio));
  border-bottom: 1px solid var(--faq-side-menu-border);
}

@media not all and (min-width: 768px) {
  .c-scroll-side-menu__item:last-of-type {
    border-bottom: none;
  }
}

.c-scroll-side-menu__item.is-current .c-scroll-side-menu__link:link,
.c-scroll-side-menu__item.is-current .c-scroll-side-menu__link:visited,
.c-scroll-side-menu__item.is-current .c-scroll-side-menu__link:hover,
.c-scroll-side-menu__item.is-current .c-scroll-side-menu__link:focus {
  color: var(--faq-side-menu-active-color);
}
.c-scroll-side-menu__link {
  width: 100%;
  height: 100%;
  background: var(--white) url(../../img/recruit2025/common/icon-arrow-green-down.svg) no-repeat calc(100% - calc(5 * var(--min-ratio))) 50%;
  background-size: calc(10 * var(--min-ratio)) auto;
  font-size: calc(14 * var(--min-ratio));
  line-height: 1.6;
  font-weight: 500;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
@media (min-width: 768px) {
  .p-scroll-side-contents {
    width: 100%;
    padding: 0;
    margin: 0;
    background: none;
    transform: translate(calc(50 * var(--lg-ratio)), calc(-65 * var(--lg-ratio)));
    position: static;
  }
  .c-scroll-side-menu {
    position: sticky;
    top: calc(360 * var(--lg-ratio));
  }
  .c-scroll-side-menu__item {
    height: calc(65 * var(--lg-ratio));
  }
  .c-scroll-side-menu__item:first-of-type {
    border-top: 1px solid var(--faq-side-menu-border);
  }
  .c-scroll-side-menu__link {
    background: none;
    font-size: calc(14 * var(--lg-ratio));
  }
  .c-scroll-side-menu__link:hover {
    color: var(--faq-side-menu-active-color);
  }
}
@media (min-width: 1360px) {
  .p-scroll-side-contents {
    width: calc(170 * var(--rem-ratio));
    transform: translate(calc(-80 * var(--rem-ratio)), calc(-65 * var(--rem-ratio)));
  }
  .c-scroll-side-menu {
    top: calc(360 * var(--rem-ratio));
    left: 0;
  }
  .c-scroll-side-menu__item {
    height: calc(65 * var(--rem-ratio));
  }
  .c-scroll-side-menu__link {
    font-size: calc(14 * var(--rem-ratio));
  }
}

/* ========================================================================================= ^^
	Forms
============================================================================================ ^^ */
::placeholder {
  color: rgb(var(--black_rgb) / .25);
}
::-ms-input-placeholder {
  color: rgb(var(--black_rgb) / .25);
}
:-ms-input-placeholder {
  color: rgb(var(--black_rgb) / .25);
}
.c-select {
  width: 100%;
  height: calc(50 * var(--min-ratio));
}
.c-select__select {
  width: 100%;
  height: 100%;
  padding: 0 calc(28 * var(--min-ratio)) 0 calc(15 * var(--min-ratio));
  background: var(--white) url(../../img/recruit2025/common/icon-arrow-green-down.svg) no-repeat calc(100% - calc(15 * var(--min-ratio))) 50%;
  background-size: calc(10 * var(--min-ratio)) auto;
  border: 1px solid rgb(var(--black_rgb) / .1);
  font-size: calc(14 * var(--min-ratio));
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.is-initial .c-select__select {
  color: rgb(var(--black_rgb) / .25);
}
.js-select-contents .c-select__select {
  display: none;
}
.js-select-contents--selected .c-select__select {
  display: inline;
}
.js-select-contents--selected .c-not-selected {
  display: none;
}
@media (min-width: 768px) {
  .c-select {
    height: calc(60 * var(--max-ratio));
  }
  .c-select__select {
    padding: 0 calc(38 * var(--max-ratio)) 0 calc(25 * var(--max-ratio));
    font-size: calc(18 * var(--max-ratio));
    background-position: calc(100% - calc(24 * var(--max-ratio))) 50%;
    background-size: calc(16 * var(--max-ratio)) auto;
  }
}
@media (min-width: 1120px) {
  .c-select {
    height: calc(60 * var(--rem-ratio));
  }
  .c-select__select {
    padding: 0 calc(38 * var(--rem-ratio)) 0 calc(25 * var(--rem-ratio));
    font-size: calc(18 * var(--rem-ratio));
    background-position: calc(100% - calc(24 * var(--rem-ratio))) 50%;
    background-size: calc(16 * var(--rem-ratio)) auto;
  }
}
.mw_wp_form_confirm .c-select {
  height: auto;
}
.c-text-field, .c-not-selected {
  width: 100%;
  height: calc(50 * var(--min-ratio));
  padding: 0 calc(25 * var(--min-ratio));
  border: 1px solid rgb(var(--black_rgb) / .1);
  font-size: calc(14 * var(--min-ratio));
}
.c-not-selected {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  color: rgb(var(--black_rgb) / .25);
}
.c-not-selected.is-error {
  border-color: var(--error-color);
  background-color: rgb(var(--error-color_rgb) / 0.10);
}
.mw_wp_form_confirm .c-not-selected {
  display: none;
}
@media (min-width: 768px) {
  .c-text-field, .c-not-selected {
    height: calc(60 * var(--max-ratio));
    padding: 0 calc(25 * var(--max-ratio));
    font-size: calc(18 * var(--max-ratio));
  }
}
@media (min-width: 1120px) {
  .c-text-field, .c-not-selected {
    height: calc(60 * var(--rem-ratio));
    padding: 0 calc(25 * var(--rem-ratio));
    font-size: calc(18 * var(--rem-ratio));
  }
}

.c-text-field--year {
  width: calc(100 * var(--min-ratio));
}
.c-text-field--month {
  width: calc(60 * var(--min-ratio));
}
.c-text-field--day {
  width: calc(60 * var(--min-ratio));
}
@media (min-width: 768px) {
  .c-text-field--year {
    width: calc(120 * var(--max-ratio));
  }
  .c-text-field--month {
    width: calc(80 * var(--max-ratio));
  }
  .c-text-field--day {
    width: calc(80 * var(--max-ratio));
  }
}
@media (min-width: 1120px) {
  .c-text-field--year {
    width: calc(120 * var(--rem-ratio));
  }
  .c-text-field--month {
    width: calc(80 * var(--rem-ratio));
  }
  .c-text-field--day {
    width: calc(80 * var(--rem-ratio));
  }
}

.c-text-area-field {
  width: 100%;
  min-height: calc(150 * var(--min-ratio));
  padding: calc(10 * var(--min-ratio)) calc(25 * var(--min-ratio));
  border: 1px solid rgb(var(--black_rgb) / .1);
  font-size: calc(14 * var(--min-ratio));
  resize: vertical;
}
@media (min-width: 768px) {
  .c-text-area-field {
    min-height: calc(60 * var(--max-ratio));
    padding: calc(10 * var(--max-ratio)) calc(25 * var(--max-ratio));
    font-size: calc(18 * var(--max-ratio));
  }
}
@media (min-width: 1120px) {
  .c-text-area-field {
    min-height: calc(60 * var(--rem-ratio));
    padding: calc(10 * var(--rem-ratio)) calc(25 * var(--rem-ratio));
    font-size: calc(18 * var(--rem-ratio));
  }
}

.mwform-radio-field.horizontal-item {
  display: inline-block;
}
.mwform-radio-field label {
  height: calc(32 * var(--min-ratio));
  padding-left: calc(42 * var(--min-ratio));
  display: flex;
  justify-content: flex-start;
  align-items: center;
  position: relative;
}
.mwform-radio-field label::before {
  width: calc(32 * var(--min-ratio));
  height: calc(32 * var(--min-ratio));
  background-color: var(--white);
  border: 1px solid rgb(var(--black_rgb) / .1);
  border-radius: 50%;
  content: '\0020';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
.mwform-radio-field-text {
  font-size: calc(16 * var(--min-ratio));
}
.mwform-radio-field .c-radio:checked + .mwform-radio-field-text::after {
  width: calc(12 * var(--min-ratio));
  height: calc(12 * var(--min-ratio));
  background: var(--primary-color);
  border-radius: 50%;
  content: '\0020';
  display: block;
  position: absolute;
  top: calc(10 * var(--min-ratio));
  left: calc(10 * var(--min-ratio));
}
@media (min-width: 768px) {
  .mwform-radio-field label {
    height: calc(32 * var(--max-ratio));
    padding-left: calc(42 * var(--max-ratio));
  }
  .mwform-radio-field label::before {
    width: calc(32 * var(--max-ratio));
    height: calc(32 * var(--max-ratio));
  }
  .mwform-radio-field-text {
    font-size: calc(18 * var(--max-ratio));
  }
  .mwform-radio-field .c-radio:checked + .mwform-radio-field-text::after {
    width: calc(12 * var(--max-ratio));
    height: calc(12 * var(--max-ratio));
    top: calc(10 * var(--max-ratio));
    left: calc(10 * var(--max-ratio));
  }
}
@media (min-width: 1120px) {
  .mwform-radio-field label {
    height: calc(32 * var(--rem-ratio));
    padding-left: calc(42 * var(--rem-ratio));
  }
  .mwform-radio-field label::before {
    width: calc(32 * var(--rem-ratio));
    height: calc(32 * var(--rem-ratio));
  }
  .mwform-radio-field-text {
    font-size: calc(18 * var(--rem-ratio));
  }
  .mwform-radio-field .c-radio:checked + .mwform-radio-field-text::after {
    width: calc(12 * var(--rem-ratio));
    height: calc(12 * var(--rem-ratio));
    top: calc(10 * var(--rem-ratio));
    left: calc(10 * var(--rem-ratio));
  }
}

.c-label-wrap {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  column-gap: calc(10 * var(--min-ratio));
}

.c-label-wrap .error {
  height: calc(24 * var(--min-ratio));
  padding: 0 calc(5 * var(--min-ratio));
  border-radius: calc(3 * var(--min-ratio));
  background-color: var(--error-color);
  font-size: calc(11 * var(--min-ratio));
  color: var(--white);
  line-height: 1;
  font-weight: 500;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.c-label-wrap .error::after {
  width: calc(16 * var(--min-ratio));
  height: calc(10 * var(--min-ratio));
  background-color: var(--error-color);
  position: absolute;
  top: calc(100% - calc(5 * var(--min-ratio)));
  left: 50%;
  transform: translateX(-50%);
  content: '\0020';
  display: block;
  clip-path: polygon(0 0, 100% 0, 50% 100%);
}
@media (min-width: 768px) {
  .c-label-wrap .error {
    height: calc(25 * var(--max-ratio));
    padding: 0 calc(6 * var(--max-ratio));
    border-radius: calc(3 * var(--max-ratio));
    font-size: calc(12 * var(--max-ratio));
  }
  .c-label-wrap .error::after {
    width: calc(16 * var(--max-ratio));
    height: calc(10 * var(--max-ratio));
    top: calc(100% - calc(5 * var(--max-ratio)));
  }
  .c-entry-table th .c-label-wrap .error {
    display: none;
  }
  .c-entry-table th.c-entry-table__label-textarea {
    padding-top: calc(16 * var(--max-ratio));
  }
}
@media (min-width: 1120px) {
  .c-label-wrap .error {
    height: calc(25 * var(--rem-ratio));
    padding: 0 calc(6 * var(--rem-ratio));
    border-radius: calc(3 * var(--rem-ratio));
    font-size: calc(12 * var(--rem-ratio));
  }
  .c-label-wrap .error::after {
    width: calc(16 * var(--rem-ratio));
    height: calc(10 * var(--rem-ratio));
    top: calc(100% - calc(5 * var(--rem-ratio)));
  }
  .c-entry-table th.c-entry-table__label-textarea {
    padding-top: calc(16 * var(--rem-ratio));
  }
}
.c-text-field.is-error,
.c-text-area-field.is-error {
  border-color: var(--error-color);
  background-color: rgb(var(--error-color_rgb) / 0.10);

}

.c-select__select.is-error {
  border-color: var(--error-color);
  background-color: rgb(var(--error-color_rgb) / 0.10);
}

.mwform-radio-field label.is-error::before {
  border-color: var(--error-color);
  background-color: rgb(var(--error-color_rgb) / 0.10);
}

.c-field-wrap,
.c-field-inline {
  position: relative;
}
.c-field-wrap .c-label-wrap {
  position: absolute;
  left: 0;
  display: none;
}
@media (min-width: 768px) {
  .c-field-wrap .c-label-wrap {
    top: calc(-20 * var(--max-ratio));
  }
  .c-field-wrap .c-label-wrap.is-show {
    display: block;
  }
}
@media (min-width: 1120px) {
  .c-field-wrap .c-label-wrap {
    top: calc(-20 * var(--rem-ratio));
  }
}
/* ========================================================================================= ^^
	Entry
============================================================================================ ^^ */
.page-entry .c-recruit-page-header__title .jpn::before,
.page-confirm .c-recruit-page-header__title .jpn::before,
.page-complete .c-recruit-page-header__title .jpn::before {
  background-color: var(--primary-color);
}
.page-entry .l-site-main {

}
@media (min-width: 768px) {
  .page-entry .l-site-main .c-wrap {
    padding-top: calc(80 * var(--rem-ratio));
  }
}
@media (min-width: 1120px) {
  .page-entry .l-site-main .c-wrap {
    padding-top: calc(80 * var(--rem-ratio));
  }
}


@media (min-width: 768px) {
  .page-confirm .l-site-main .c-wrap {
    padding-top: calc(58 * var(--rem-ratio));
  }
}
@media (min-width: 1120px) {
  .page-confirm .l-site-main .c-wrap {
    padding-top: calc(58 * var(--rem-ratio));
  }
}

@media (min-width: 768px) {
  .page-complete .l-site-main .c-wrap {
    padding-top: 0;
  }
}

.page-entry .c-recruit-page-header,
.page-confirm .c-recruit-page-header,
.page-complete .c-recruit-page-header {
  height: calc(330 * var(--min-ratio));
}
@media (min-width: 768px) {
  .page-entry .c-recruit-page-header,
  .page-confirm .c-recruit-page-header,
  .page-complete .c-recruit-page-header {
    height: calc(493 * var(--max-ratio));
  }
}
@media (min-width: 1120px) {
  .page-entry .c-recruit-page-header,
  .page-confirm .c-recruit-page-header,
  .page-complete .c-recruit-page-header {
    height: calc(493 * var(--rem-ratio));
  }
}

.c-entry-buttons {
  padding-top: calc(30 * var(--min-ratio));
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  row-gap: calc(20 * var(--min-ratio));
}
@media (min-width: 768px) {
  .c-entry-buttons {
    padding-top: calc(77 * var(--max-ratio));
    row-gap: calc(20 * var(--max-ratio));
  }
}
@media (min-width: 1120px) {
  .c-entry-buttons {
    padding-top: calc(77 * var(--rem-ratio));
    row-gap: calc(20 * var(--rem-ratio));
  }
}

.c-entry-table {
  width: 100%;
  font-size: calc(14 * var(--min-ratio));
}
.c-entry-table tr th {
  padding-top: calc(20 * var(--min-ratio));
  padding-bottom: calc(15 * var(--min-ratio));
  vertical-align: top;
}
.c-entry-table tr td {
  padding-bottom: calc(20 * var(--min-ratio));
}
.mw_wp_form_confirm .c-entry-table tr th {
  padding-top: calc(14 * var(--min-ratio));
}
.mw_wp_form_confirm .c-entry-table tr td {
  padding-bottom: calc(14 * var(--min-ratio));
}
.c-entry-table th {
  width: 100%;
  display: block;
}
.c-entry-table th .inner {
  display: grid;
  grid-template-columns: calc(48 * var(--min-ratio)) calc(100% - calc(58 * var(--min-ratio)));
  column-gap: calc(10 * var(--min-ratio));
  align-items: center;
}
.mw_wp_form_confirm .c-entry-table th .inner {
  grid-template-columns: 100%;
}
.c-entry-table th .inner::before {
  width: calc(48 * var(--min-ratio));
  height: calc(24 * var(--min-ratio));
  border: 1px solid transparent;
  border-radius: calc(12 * var(--min-ratio));
  font-size: calc(12 * var(--min-ratio));
  line-height: 1;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  content: '\0020';
}
.mw_wp_form_confirm .c-entry-table th .inner::before {
  display: none;
}
.c-entry-table th.required .inner::before {
  border-color: var(--required-border-color);
  background-color: var(--required-bg-color);
  color: var(--required-color);
  content: '必須';
}
.c-entry-table th.any .inner::before {
  border-color: rgb(var(--any-border-color) / .1);
  background-color: var(--any-bg-color);
  color: var(--any-color);
  content: '任意';
}
.c-entry-table td {
  width: 100%;
  display: block;
}
.c-entry-table td .flex {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  column-gap: calc(10 * var(--min-ratio));
}
.mw_wp_form_confirm .c-entry-table td {
  border-bottom: 1px solid;
  border-image: linear-gradient(
      90deg,
      var(--primary-color) 0%,
      var(--primary-color) calc((50 / 327) * 100%),
      rgb(var(--black_rgb) / .1) calc((50 / 327) * 100%),
      rgb(var(--black_rgb) / .1) 100%
    ) 1 / 0 0 1px;
}
@media (min-width: 768px) {
  .c-entry-table {
    font-size: calc(18 * var(--max-ratio));
  }
  .c-entry-table tr th,
  .c-entry-table tr td {
    padding: calc(15 * var(--max-ratio)) 0;
  }
  .mw_wp_form_confirm .c-entry-table tr th,
  .mw_wp_form_confirm .c-entry-table tr td {
    padding: calc(30 * var(--max-ratio)) calc(20 * var(--max-ratio));
  }
  .c-entry-table th {
    width: calc((380 / 1120) * 100%);
    padding-top: calc(29 * var(--max-ratio));
    display: table-cell;
  }
  .mw_wp_form_confirm .c-entry-table th {
    border-bottom: 1px solid var(--primary-color);
  }
  .c-entry-table th .inner {
    grid-template-columns: calc(52 * var(--max-ratio)) calc(313 * var(--max-ratio));
    column-gap: calc(15 * var(--max-ratio));
  }
  .c-entry-table th .inner::before {
    width: calc(52 * var(--max-ratio));
    height: calc(32 * var(--max-ratio));
    border-radius: calc(16 * var(--max-ratio));
    font-size: calc(12 * var(--max-ratio));
  }
  .c-entry-table td {
    width: calc((740 / 1120) * 100%);
    padding: 0 calc(20 * var(--max-ratio));
    display: table-cell;
  }
  .mw_wp_form_confirm .c-entry-table td {
    border-bottom: 1px solid  rgb(var(--black_rgb) / .1);
  }
  .c-entry-table td .flex {
    column-gap: calc(15 * var(--max-ratio));
  }
}
@media (min-width: 1120px) {
  .c-entry-table {
    font-size: calc(18 * var(--rem-ratio));
  }
  .c-entry-table tr th,
  .c-entry-table tr td {
    padding: calc(15 * var(--rem-ratio)) 0;
  }
  .c-entry-table tr th {
    padding-top: calc(29 * var(--rem-ratio));
  }
  .mw_wp_form_confirm .c-entry-table tr th,
  .mw_wp_form_confirm .c-entry-table tr td {
    padding: calc(30 * var(--rem-ratio)) calc(20 * var(--rem-ratio)) ;
  }
  .c-entry-table th .inner {
    grid-template-columns: calc(52 * var(--rem-ratio)) calc(313 * var(--rem-ratio));
    column-gap: calc(15 * var(--rem-ratio));
  }
  .c-entry-table th .inner::before {
    width: calc(52 * var(--rem-ratio));
    height: calc(32 * var(--rem-ratio));
    border-radius: calc(16 * var(--rem-ratio));
    font-size: calc(12 * var(--rem-ratio));
  }
  .c-entry-table td {
    padding: 0 calc(20 * var(--rem-ratio));
  }
  .c-entry-table td .flex {
    column-gap: calc(15 * var(--rem-ratio));
  }
}

.p-entry-complete {
  padding: calc(30 * var(--min-ratio)) calc(4 * var(--min-ratio));
}
.p-entry-complete h2 {
  margin-bottom: calc(30 * var(--min-ratio));
  font-size: calc(24 * var(--min-ratio));
  font-weight: 500;
  line-height: 1;
  text-align: center;
}
@media (min-width: 768px) {
  .p-entry-complete {
    padding: calc(58 * var(--max-ratio)) 0;
  }
  .p-entry-complete h2 {
    margin-bottom: calc(50 * var(--max-ratio));
    font-size: calc(32 * var(--max-ratio));
  }
}
@media (min-width: 1120px) {
  .p-entry-complete {
    padding: calc(58 * var(--rem-ratio)) 0;
  }
  .p-entry-complete h2 {
    margin-bottom: calc(50 * var(--rem-ratio));
    font-size: calc(32 * var(--rem-ratio));
  }
}
.p-entry-complete h3 {
  font-size: calc(14 * var(--min-ratio));
  font-weight: 400;
  line-height: 1.8;
  text-align: center;
}
@media (min-width: 768px) {
  .p-entry-complete h3 {
    font-size: calc(18 * var(--max-ratio));
  }
}
@media (min-width: 1120px) {
  .p-entry-complete h3 {
    font-size: calc(18 * var(--rem-ratio));
  }
}

.p-entry-complete .c-text {
  margin-bottom: calc(10 * var(--min-ratio));
  font-size: calc(14 * var(--min-ratio));
  font-weight: 400;
  line-height: 1.8;
  text-align: center;
}
.p-entry-complete .c-text p {
  margin-bottom: calc(10 * var(--min-ratio));
}
.p-entry-complete .c-text:last-of-type,
.p-entry-complete .c-text p:last-of-type {
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .p-entry-complete .c-text {
    margin-bottom: calc(31 * var(--max-ratio));
    font-size: calc(18 * var(--max-ratio));
    line-height: 2;
  }
  .p-entry-complete .c-text p {
    margin-bottom: calc(10 * var(--max-ratio));
  }
}
@media (min-width: 1120px) {
  .p-entry-complete .c-text {
    margin-bottom: calc(31 * var(--rem-ratio));
    font-size: calc(18 * var(--rem-ratio));
  }
  .p-entry-complete .c-text p {
    margin-bottom: calc(10 * var(--rem-ratio));
  }
}

.p-entry-complete .c-recruit-button {
  width: 100%;
  height: calc(56 * var(--min-ratio));
  margin-top: calc(31 * var(--min-ratio));
}
.p-entry-complete .c-recruit-button__link {
  font-size: calc(16 * var(--min-ratio));
}
@media (min-width: 768px) {
  .p-entry-complete .c-recruit-button {
    width: calc(320 * var(--max-ratio));
    height: calc(64 * var(--max-ratio));
    margin-top: calc(50 * var(--max-ratio));
  }
  .p-entry-complete .c-recruit-button__link {
    font-size: calc(18 * var(--max-ratio));
  }
}
@media (min-width: 1120px) {
  .p-entry-complete .c-recruit-button {
    width: calc(320 * var(--rem-ratio));
    height: calc(64 * var(--rem-ratio));
    margin-top: calc(50 * var(--rem-ratio));
  }
  .p-entry-complete .c-recruit-button__link {
    font-size: calc(18 * var(--rem-ratio));
  }
}


.c-overlay {
  width: 100%;
  height: 100%;
  background-color: rgb(var(--black_rgb) / .2);
  backdrop-filter: blur(5px);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 72000;
  display: none;
}
.is-modal-open .c-overlay {
  display: block;
}
.c-modal {
  width: calc(335 * var(--min-ratio));
  padding: calc(40 * var(--min-ratio)) calc(25 * var(--min-ratio));
  border-radius: calc(10 * var(--min-ratio));
  background-color: var(--white);
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 73000;
  transform: translate(-50%, -50%);
  display: none;
}
.is-modal-open .c-modal {
  display: block;
}
.c-modal__title {
  margin-bottom: calc(10 * var(--min-ratio));
  font-family: var(--font-poppins);
  font-size: calc(40 * var(--min-ratio));
  color: var(--primary-color);
  font-weight: 700;
  line-height: 1;
  text-align: center;
  text-transform: uppercase;
}
.c-modal__text {
  margin-bottom: calc(32 * var(--min-ratio));
  font-size: calc(14 * var(--min-ratio));
  line-height: 1.8;
}
.c-modal__text p:last-of-type {
  margin-bottom: 0;
}
.c-modal__close {
  width: calc(50 * var(--min-ratio));
  height: calc(50 * var(--min-ratio));
  border-radius: 50%;
  background: var(--white) url(../../img/recruit2025/common/icon-close.svg) no-repeat 50% 50%;
  box-shadow: 0 8px 16px 0 rgb(var(--black_rgb) / 0.10);
  position: absolute;
  top: calc(-20 * var(--min-ratio));
  right: calc(-10 * var(--min-ratio));
}
.c-modal__close span {
  display: none;
}
.c-modal__buttons {
  display: flex;
  flex-direction: column;
  row-gap: calc(20 * var(--min-ratio));
}
.c-modal__note {
  margin-top: calc(6 * var(--min-ratio));
  margin-bottom: 0;
  font-size: calc(12 * var(--min-ratio));
  line-height: 1.8;
}
.c-modal__button {
  text-align: center;
}
.c-modal .c-recruit-button {
  width: 100%;
  height: calc(50 * var(--min-ratio));
  margin-bottom: 0;
  border-radius: calc(25 * var(--min-ratio));
}
@media (min-width: 768px) {
  .c-modal {
    width: calc(930 * var(--max-ratio));
    padding: calc(60 * var(--max-ratio)) 0;
    border-radius: calc(20 * var(--max-ratio));
  }
  .c-modal__title {
    margin-bottom: calc(20 * var(--max-ratio));
    font-size: calc(48 * var(--max-ratio));
  }
  .c-modal__text {
    margin-bottom: calc(40 * var(--max-ratio));
    font-size: calc(16 * var(--max-ratio));
    text-align: center;
  }
  .c-modal__close {
    width: calc(60 * var(--max-ratio));
    height: calc(60 * var(--max-ratio));
    top: calc(-30 * var(--max-ratio));
    right: calc(-30 * var(--max-ratio));
  }
  .c-modal__buttons {
    flex-direction: row;
    justify-content: center;
    column-gap: calc(20 * var(--max-ratio));
    row-gpa: unset;
  }
  .c-modal__button {
    width: calc(320 * var(--max-ratio));
  }
  .c-modal__note {
    margin-top: calc(9 * var(--max-ratio));
    font-size: calc(14 * var(--max-ratio));
  }
  .c-modal .c-recruit-button {
    height: calc(64 * var(--max-ratio));
    border-radius: calc(32 * var(--max-ratio));
  }
}
@media (min-width: 1120px) {
  .c-modal {
    width: calc(930 * var(--rem-ratio));
    padding: calc(60 * var(--rem-ratio)) 0;
    border-radius: calc(20 * var(--rem-ratio));
  }
  .c-modal__title {
    margin-bottom: calc(20 * var(--rem-ratio));
    font-size: calc(48 * var(--rem-ratio));
  }
  .c-modal__text {
    margin-bottom: calc(40 * var(--rem-ratio));
    font-size: calc(16 * var(--rem-ratio));
  }
  .c-modal__close {
    width: calc(60 * var(--rem-ratio));
    height: calc(60 * var(--rem-ratio));
    top: calc(-30 * var(--rem-ratio));
    right: calc(-30 * var(--rem-ratio));
  }
  .c-modal__buttons {
    column-gap: calc(20 * var(--max-ratio));
  }
  .c-modal__button {
    width: calc(320 * var(--rem-ratio));
  }
  .c-modal__note {
    margin-top: calc(9 * var(--rem-ratio));
    font-size: calc(14 * var(--rem-ratio));
  }
  .c-modal .c-recruit-button {
    height: calc(64 * var(--rem-ratio));
    border-radius: calc(32 * var(--rem-ratio));
  }
}

/* ========================================================================================= ^^
	Member box
============================================================================================ ^^ */
.c-member-box {
  transition: all .3s;
  display: block;
}
.c-member-box--hidden {
  display: none;
}
.c-member-box__link {
  width: 100%;
  height: 100%;
  display: block;
}
.c-member-box__image {
  margin-bottom: calc(30 * var(--min-ratio));
  border-radius: calc(10 * var(--min-ratio));
  overflow: hidden;
}
@media (min-width: 768px) {
  .c-member-box__image {
    margin-bottom: calc(30 * var(--max-ratio));
    border-radius: calc(20 * var(--max-ratio));
  }
}
@media (min-width: 1120px) {
  .c-member-box__image {
    margin-bottom: calc(30 * var(--rem-ratio));
    border-radius: calc(20 * var(--rem-ratio));
  }
}

.c-member-box__comment {
  margin-bottom: calc(10 * var(--min-ratio));
  font-size: calc(14 * var(--min-ratio));
  line-height: 1.5;
  font-weight: 500;
}
.c-member-box__comment p:last-of-type {
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .c-member-box__comment {
    margin-bottom: calc(15 * var(--max-ratio));
    font-size: calc(18 * var(--max-ratio));
  }
}
@media (min-width: 1120px) {
  .c-member-box__comment {
    margin-bottom: calc(15 * var(--rem-ratio));
    font-size: calc(18 * var(--rem-ratio));
  }
}

.c-member-box__name {
  margin-bottom: calc(10 * var(--min-ratio));
  font-size: calc(18 * var(--min-ratio));
  line-height: 1;
  font-weight: 400;
}
@media (min-width: 768px) {
  .c-member-box__name {
    margin-bottom: calc(15 * var(--max-ratio));
    font-size: calc(28 * var(--max-ratio));
  }
}
@media (min-width: 1120px) {
  .c-member-box__name {
    margin-bottom: calc(15 * var(--rem-ratio));
    font-size: calc(28 * var(--rem-ratio));
  }
}

.c-member-box__meta {
  margin-bottom: calc(15 * var(--min-ratio));
  font-size: calc(11 * var(--min-ratio));
  line-height: 1;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.c-member-box__meta li {
  padding-right: calc(6 * var(--min-ratio));
  margin-right: calc(6 * var(--min-ratio));
  border-right: 1px solid rgb(var(--black_rgb) / .25);
}
.c-member-box__meta li:last-of-type {
  padding-right: 0;
  margin-right: 0;
  border-right: none;
}
@media (min-width: 768px) {
  .c-member-box__meta {
    margin-bottom: calc(15 * var(--max-ratio));
    font-size: calc(14 * var(--max-ratio));
  }
  .c-member-box__meta li {
    padding-right: calc(10 * var(--max-ratio));
    margin-right: calc(10 * var(--max-ratio));
  }
}
@media (min-width: 1120px) {
  .c-member-box__meta {
    margin-bottom: calc(15 * var(--rem-ratio));
    font-size: calc(14 * var(--rem-ratio));
  }
  .c-member-box__meta li {
    padding-right: calc(10 * var(--rem-ratio));
    margin-right: calc(10 * var(--rem-ratio));
  }
}



@media (min-width: 768px) {
  .c-member-box__tags {
    padding-right: calc(25 * var(--max-ratio));
    background: url(../../img/recruit2025/common/icon-arrow-black.svg) no-repeat 100% 50%;
  }
  .c-member-box__tag-item {
    height: calc(30 * var(--max-ratio));
    border-radius: calc(16 * var(--max-ratio));
    font-size: calc(14 * var(--max-ratio));
  }
}
@media (min-width: 1120px) {
  .c-member-box__tags {
    padding-right: calc(25 * var(--rem-ratio));
  }
  .c-member-box__tag-item {
    height: calc(30 * var(--rem-ratio));
    border-radius: calc(16 * var(--rem-ratio));
    font-size: calc(14 * var(--rem-ratio));
  }
}

.c-member-box--type2 .c-member-box__link {
  background: url(../../img/recruit2025/common/icon-arrow-black.svg) no-repeat 100% 100%;
}
.c-member-box--type2 .c-member-box__meta {
  margin-bottom: 0;
  font-size: calc(12 * var(--min-ratio));
}
.c-member-box--type2 .c-member-box__image {
  margin-bottom: calc(15 * var(--min-ratio));
}
@media (min-width: 768px) {
  .c-member-box--type2 .c-member-box__meta {
    font-size: calc(14 * var(--max-ratio));
  }
  .c-member-box--type2 .c-member-box__image {
    margin-bottom: calc(20 * var(--max-ratio));
  }
  .c-member-box--type2 .c-member-box__name {
    font-size: calc(20 * var(--max-ratio));
  }
}
@media (min-width: 1120px) {
  .c-member-box--type2 .c-member-box__meta {
    font-size: calc(14 * var(--rem-ratio));
  }
  .c-member-box--type2 .c-member-box__image {
    margin-bottom: calc(20 * var(--rem-ratio));
  }
  .c-member-box--type2 .c-member-box__name {
    font-size: calc(20 * var(--rem-ratio));
  }
}

.c-member-box--type3 {
  width: calc(180 * var(--min-ratio));
  margin-left: calc(10 * var(--min-ratio));
}
@media (min-width: 768px) {
  .c-member-box--type3 {
    width: calc(360 * var(--max-ratio));
    margin-left: calc(20 * var(--max-ratio));
  }
}
@media (min-width: 1120px) {
  .c-member-box--type3 {
    width: calc(360 * var(--rem-ratio));
    margin-left: calc(20 * var(--rem-ratio));
  }
}

.c-member-box--type3 .c-member-box__link {
  position: relative;
}
.c-member-box--type3 .c-member-box__arrow {
  width: calc(32 * var(--min-ratio));
  height: calc(20 * var(--min-ratio));
  border-radius: calc(10 * var(--min-ratio));
  background: var(--primary-sub-color3) url(../../img/recruit2025/common/icon-arrow-white.svg) no-repeat 50% 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  right: calc(13 * var(--min-ratio));
  bottom: calc(10 * var(--min-ratio));
  overflow: hidden;
}
.c-member-box--type3 .c-member-box__arrow::before,
.c-member-box--type3 .c-member-box__arrow::after {
  width: 100%;
  height: 100%;
  content: '\0020';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  transition: all .2s;
}
.c-member-box--type3 .c-member-box__arrow::before {
  background: url(../../img/recruit2025/common/icon-arrow-white.svg) no-repeat 50% 50%;
  background-size: calc(16 * var(--min-ratio)) auto;
}
.c-member-box--type3 .c-member-box__arrow::after {
  background: url(../../img/recruit2025/common/icon-arrow-pink.svg) no-repeat 50% 50%;
  background-size: calc(16 * var(--min-ratio)) auto;
  transform: translateX(-100%);
}

@media (min-width: 768px) {
  .c-member-box--type3 .c-member-box__arrow {
    width: calc(52 * var(--max-ratio));
    height: calc(32 * var(--max-ratio));
    border-radius: calc(16 * var(--max-ratio));
    right: calc(25 * var(--max-ratio));
    bottom: calc(25 * var(--max-ratio));
  }
  .c-member-box--type3 .c-member-box__arrow::before {
    background-size: calc(16 * var(--max-ratio)) auto;
  }
  .c-member-box--type3 .c-member-box__arrow::after {
    background-size: calc(16 * var(--max-ratio)) auto;
  }
  .c-member-box--type3 .c-member-box__link:hover .c-member-box__arrow {
    background-color: var(--white);
  }
  .c-member-box--type3 .c-member-box__link:hover .c-member-box__arrow::before {
    transform: translateX(100%);
  }
  .c-member-box--type3 .c-member-box__link:hover .c-member-box__arrow::after {
    transform: translateX(0);
  }
}
@media (min-width: 1120px) {
  .c-member-box--type3 .c-member-box__arrow {
    width: calc(52 * var(--rem-ratio));
    height: calc(32 * var(--rem-ratio));
    border-radius: calc(16 * var(--rem-ratio));
    right: calc(25 * var(--rem-ratio));
    bottom: calc(25 * var(--rem-ratio));
  }
  .c-member-box--type3 .c-member-box__arrow::before {
    background-size: calc(16 * var(--rem-ratio)) auto;
  }
  .c-member-box--type3 .c-member-box__arrow::after {
    background-size: calc(16 * var(--rem-ratio)) auto;
  }
}

.c-member-box--type3 .c-member-box__image {
  margin-bottom: 0;
}
.c-member-box--type3 .c-member-box__meta {
  height: calc(18 * var(--min-ratio));
  display: flex;
  justify-content: flex-start;
  align-items: center;
  position: absolute;
  bottom: calc(27 * var(--min-ratio));
  left: calc(-10 * var(--min-ratio));
}
.c-member-box--type3 .c-member-box__meta-item {
  height: 100%;
  padding: 0 calc(6 * var(--min-ratio));
  margin: 0;
  font-size: calc(10 * var(--min-ratio));
  line-height: 1;
  font-weight: 500;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.c-member-box--type3 .c-member-box__meta-item:nth-of-type(1) {
  background-color: var(--bg-color3);
  color: var(--white);
}
.c-member-box--type3 .c-member-box__meta-item:nth-of-type(2) {
  padding-right: calc(6 * var(--min-ratio));
  background-color: var(--white);
}
@media (min-width: 768px) {
  .c-member-box--type3 .c-member-box__meta {
    height: calc(24 * var(--max-ratio));
    bottom: calc(69 * var(--max-ratio));
    left: calc(-20 * var(--max-ratio));
  }
  .c-member-box--type3 .c-member-box__meta-item {
    padding: 0 calc(10 * var(--max-ratio));
    font-size: calc(13 * var(--max-ratio));
  }
  .c-member-box--type3 .c-member-box__meta-item:nth-of-type(2) {
    padding-right: calc(10 * var(--max-ratio));
  }
}
@media (min-width: 1120px) {
  .c-member-box--type3 .c-member-box__meta {
    height: calc(24 * var(--rem-ratio));
    bottom: calc(69 * var(--rem-ratio));
    left: calc(-20 * var(--rem-ratio));
  }
  .c-member-box--type3 .c-member-box__meta-item {
    padding: 0 calc(10 * var(--rem-ratio));
    font-size: calc(13 * var(--rem-ratio));
  }
  .c-member-box--type3 .c-member-box__meta-item:nth-of-type(2) {
    padding-right: calc(10 * var(--rem-ratio));
  }
}

.c-member-box--type3 .c-member-box__name {
  height: calc(25 * var(--min-ratio));
  padding: 0 calc(6 * var(--min-ratio));
  margin: 0;
  background-color: var(--white);
  font-size: calc(14 * var(--min-ratio));
  line-height: 1;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  bottom: calc(13 * var(--min-ratio));
  left: calc(-10 * var(--min-ratio));
}
@media (min-width: 768px) {
  .c-member-box--type3 .c-member-box__name {
    height: calc(37 * var(--max-ratio));
    padding: 0 calc(10 * var(--max-ratio));
    font-size: calc(20 * var(--max-ratio));
    bottom: calc(40 * var(--max-ratio));
    left: calc(-20 * var(--max-ratio));
  }
}
@media (min-width: 1120px) {
  .c-member-box--type3 .c-member-box__name {
    height: calc(37 * var(--rem-ratio));
    padding: 0 calc(10 * var(--rem-ratio));
    font-size: calc(20 * var(--rem-ratio));
    bottom: calc(40 * var(--rem-ratio));
    left: calc(-20 * var(--rem-ratio));
  }
}

.c-member-box--type3 .c-member-box__comment {
  margin-bottom: 0;
  text-align: center;
  display: none;
}
@media (min-width: 768px) {
  .c-member-box--type3 .c-member-box__comment {
    width: calc(237 * var(--max-ratio));
    padding: calc(15 * var(--max-ratio)) calc(20 * var(--max-ratio));
    border-radius: calc((5 * var(--max-ratio)));
    background-color: var(--primary-sub-color3);
    font-size: calc(18 * var(--max-ratio));
    color: var(--white);
    line-height: 1.5;
    font-weight: 500;
    position: absolute;
    right: calc(-10 * var(--max-ratio));
    bottom: calc(80 * var(--max-ratio));
    transition: all .3s;
    transform-origin: 50% 100%;
    transform: scale(0);
    display: block;
  }
  /* .c-member-box--type3 .c-member-box__link:hover::after {
    background: var(--white) url(../../img/recruit2025/common/icon-arrow-pink.svg) no-repeat 50% 50%;
    background-size: 37% auto;
  } */
  .c-member-box--type3 .c-member-box__link:hover .c-member-box__comment {
    transform: scale(1);
  }
  .c-member-box--type3 .c-member-box__comment::after {
    width: calc(24 * var(--max-ratio));
    height: calc(16 * var(--max-ratio));
    background-color: var(--primary-sub-color3);
    content: '\0020';
    display: block;
    clip-path: polygon(0 0, 100% 0, 50% 100%);
    position: absolute;
    top: calc(100% - calc(4 * var(--max-ratio)));
    left: 50%;
    transform: translateX(-50%);
  }
}
@media (min-width: 1120px) {
  .c-member-box--type3 .c-member-box__comment {
    width: calc(237 * var(--rem-ratio));
    padding: calc(15 * var(--rem-ratio)) calc(20 * var(--rem-ratio));
    border-radius: calc((5 * var(--rem-ratio)));
    font-size: calc(18 * var(--rem-ratio));
    right: calc(-10 * var(--rem-ratio));
    bottom: calc(80 * var(--rem-ratio));
  }
  .c-member-box--type3 .c-member-box__comment::after {
    width: calc(24 * var(--rem-ratio));
    height: calc(16 * var(--rem-ratio));
    top: calc(100% - calc(4 * var(--rem-ratio)));
  }
}

.c-member-box__image--frame1 {
  border-top-left-radius: calc(75 * var(--min-ratio));
}
@media (min-width: 768px) {
  .c-member-box__image--frame1 {
    border-top-left-radius: calc(170 * var(--max-ratio));
  }
}
@media (min-width: 1120px) {
  .c-member-box__image--frame1 {
    border-top-left-radius: calc(170 * var(--rem-ratio));
  }
}

.c-member-box__image--frame2 {
  border-top-right-radius: calc(75 * var(--min-ratio));
}
@media (min-width: 768px) {
  .c-member-box__image--frame2 {
    border-top-right-radius: calc(170 * var(--max-ratio));
  }
}
@media (min-width: 1120px) {
  .c-member-box__image--frame2 {
    border-top-right-radius: calc(170 * var(--rem-ratio));
  }
}

.c-member-box__image--frame3 {
  border-bottom-right-radius: calc(75 * var(--min-ratio));
}
@media (min-width: 768px) {
  .c-member-box__image--frame3 {
    border-bottom-right-radius: calc(170 * var(--max-ratio));
  }
}
@media (min-width: 1120px) {
  .c-member-box__image--frame3 {
    border-bottom-right-radius: calc(170 * var(--rem-ratio));
  }
}

.c-member-box__image--frame4 {
  border-bottom-left-radius: calc(75 * var(--min-ratio));
}
@media (min-width: 768px) {
  .c-member-box__image--frame4 {
    border-bottom-left-radius: calc(170 * var(--max-ratio));
  }
}
@media (min-width: 1120px) {
  .c-member-box__image--frame4 {
    border-bottom-left-radius: calc(170 * var(--rem-ratio));
  }
}

.c-member-box__image--frame5 {
  border-top-right-radius: calc(75 * var(--min-ratio));
  border-top-left-radius: calc(75 * var(--min-ratio));
}
@media (min-width: 768px) {
  .c-member-box__image--frame5 {
    border-top-right-radius: calc(170 * var(--max-ratio));
    border-top-left-radius: calc(170 * var(--max-ratio));
  }
}
@media (min-width: 1120px) {
  .c-member-box__image--frame5 {
    border-top-right-radius: calc(170 * var(--rem-ratio));
    border-top-left-radius: calc(170 * var(--rem-ratio));
  }
}

.c-member-box__image--frame6 {
  border-top-right-radius: calc(75 * var(--min-ratio));
  border-bottom-left-radius: calc(75 * var(--min-ratio));
}
@media (min-width: 768px) {
  .c-member-box__image--frame6 {
    border-top-right-radius: calc(170 * var(--max-ratio));
    border-bottom-left-radius: calc(170 * var(--max-ratio));
  }
}
@media (min-width: 1120px) {
  .c-member-box__image--frame6 {
    border-top-right-radius: calc(170 * var(--rem-ratio));
    border-bottom-left-radius: calc(170 * var(--rem-ratio));
  }
}

.c-member-box__image--frame7 {
  border-bottom-right-radius: calc(75 * var(--min-ratio));
  border-bottom-left-radius: calc(75 * var(--min-ratio));
}
@media (min-width: 768px) {
  .c-member-box__image--frame7 {
    border-bottom-right-radius: calc(170 * var(--max-ratio));
    border-bottom-left-radius: calc(170 * var(--max-ratio));
  }
}
@media (min-width: 1120px) {
  .c-member-box__image--frame7 {
    border-bottom-right-radius: calc(170 * var(--rem-ratio));
    border-bottom-left-radius: calc(170 * var(--rem-ratio));
  }
}

.c-member-box__image--frame8 {
  border-top-left-radius: calc(75 * var(--min-ratio));
  border-bottom-left-radius: calc(75 * var(--min-ratio));
}
@media (min-width: 768px) {
  .c-member-box__image--frame8 {
    border-top-left-radius: calc(170 * var(--max-ratio));
    border-bottom-left-radius: calc(170 * var(--max-ratio));
  }
}
@media (min-width: 1120px) {
  .c-member-box__image--frame8 {
    border-top-left-radius: calc(170 * var(--rem-ratio));
    border-bottom-left-radius: calc(170 * var(--rem-ratio));
  }
}

.c-member-box__image--frame9 {
  border-bottom-right-radius: calc(75 * var(--min-ratio));
  border-top-left-radius: calc(75 * var(--min-ratio));
}
@media (min-width: 768px) {
  .c-member-box__image--frame9 {
    border-bottom-right-radius: calc(170 * var(--max-ratio));
    border-top-left-radius: calc(170 * var(--max-ratio));
  }
}
@media (min-width: 1120px) {
  .c-member-box__image--frame9 {
    border-bottom-right-radius: calc(170 * var(--rem-ratio));
    border-top-left-radius: calc(170 * var(--rem-ratio));
  }
}

.c-member-box__image--frame10 {
  border-top-right-radius: calc(75 * var(--min-ratio));
  border-bottom-right-radius: calc(75 * var(--min-ratio));
}
@media (min-width: 768px) {
  .c-member-box__image--frame10 {
    border-top-right-radius: calc(170 * var(--max-ratio));
    border-bottom-right-radius: calc(170 * var(--max-ratio));
  }
}
@media (min-width: 1120px) {
  .c-member-box__image--frame10 {
    border-top-right-radius: calc(170 * var(--rem-ratio));
    border-bottom-right-radius: calc(170 * var(--rem-ratio));
  }
}

/* ========================================================================================= ^^
	Member
============================================================================================ ^^ */
.post-type-archive .c-recruit-page-header {
  height: calc(474 * var(--min-ratio));
}
@media (min-width: 768px) {
  .post-type-archive .c-recruit-page-header {
    height: calc(540 * var(--max-ratio));
  }
  .post-type-archive .l-site-main .c-wrap {
    padding-top: calc(93 * var(--max-ratio));
  }
}
@media (min-width: 1120px) {
  .post-type-archive .c-recruit-page-header {
    height: calc(540 * var(--rem-ratio));
  }
  .post-type-archive .l-site-main .c-wrap {
    padding-top: calc(93 * var(--rem-ratio));
  }
}


.c-member-tags {
  margin-bottom: calc(20 * var(--min-ratio));
  display: flex;
  justify-content: flex-start;
  align-items: center;
  column-gap: calc(5 * var(--min-ratio));
}
.c-member-tags__scroll {
  overflow-x: scroll;
}
.c-member-tags__list {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  column-gap: calc(5 * var(--min-ratio));
  word-break: keep-all;
  white-space: nowrap;
}
.p-member-list {
  padding-top: calc(30 * var(--min-ratio));
  padding-bottom: calc(30 * var(--min-ratio));
  border-top: 1px solid rgb(var(--black_rgb) / .1);
  display: grid;
  grid-template-columns: repeat(2, calc((150 / 328) * 100%));
  column-gap: calc((28 / 328) * 100%);
  row-gap: calc(24 * var(--min-ratio));
}
@media (min-width: 768px) {
  .c-member-tags {
    margin-bottom: calc(30 * var(--max-ratio));
    column-gap: calc(15 * var(--max-ratio));
  }
  .c-member-tags__scroll {
    overflow-x: visible;
  }
  .c-member-tags__list {
    column-gap: calc(5 * var(--max-ratio));
  }
  .p-member-list {
    padding-top: calc(60 * var(--max-ratio));
    padding-bottom: calc(60 * var(--max-ratio));
    grid-template-columns: repeat(3, calc((340 / 1120) * 100%));
    column-gap: calc((50 / 1120) * 100%);
    row-gap: calc(60 * var(--max-ratio));
  }
}
@media (min-width: 1120px) {
  .c-member-tags {
    margin-bottom: calc(30 * var(--rem-ratio));
    column-gap: calc(15 * var(--rem-ratio));
  }
  .c-member-tags__list {
    column-gap: calc(5 * var(--max-ratio));
  }
  .p-member-list {
    padding-top: calc(60 * var(--rem-ratio));
    padding-bottom: calc(60 * var(--rem-ratio));
    row-gap: calc(60 * var(--rem-ratio));
  }
}


/* ========================================================================================= ^^
	Interview
============================================================================================ ^^ */
.single-member .c-recruit-page-header {
  position: relative;
  z-index: 150;
  overflow: visible;
}
.single-member .c-recruit-page-header__inner {
  max-width: calc(1440 * var(--rem-ratio));
  margin: 0 auto;
}
@media (min-width: 768px) {
  .single-member .c-recruit-page-header {
    height: calc(644 * var(--max-ratio));
  }
}
@media (min-width: 1120px) {
  .single-member .c-recruit-page-header {
    height: calc(644 * var(--rem-ratio));
  }
}

.single-member .l-site-main .c-wrap {
  padding-top: calc(8 * var(--min-ratio));
  border-radius: 0;
  display: grid;
  grid-template-columns: 100%;
  row-gap: calc(45 * var(--min-ratio));
  grid-column: 1 / 2;
  grid-row: 2 / 3;
  /* overflow: hidden; */
}
.single-member .l-site-main__inner {
  display: grid;
  grid-template-columns: 100%;
  row-gap: calc(45 * var(--min-ratio));
  grid-column: 1 / 2;
  grid-row: 2 / 3;

}
@media (min-width: 768px) {
  .single-member .l-site-main {
    padding-top: 0;
    row-gap: unset;
  }
  .single-member .l-site-main .c-wrap {
    padding-top: calc(80 * var(--max-ratio));
  }
}
@media (min-width: 1120px) {
  .single-member .l-site-main .c-wrap {
    padding-top: calc(80 * var(--rem-ratio));
  }
}

.single-member .c-recruit-page-header {
  /* overflow-x: hidden; */
}
.c-interview-upper {
  /* max-width: calc(1120 * var(--rem-ratio)); */
  max-width: calc(1440 * var(--rem-ratio));
  width: 100%;
  padding: 0;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  /* position: absolute;
  top: calc(-343 * var(--min-ratio)); */
}
.c-interview-main-image {
  width: calc(350 * var(--min-ratio));
  margin-right: calc(50% - 50vw);
  margin-bottom: calc(20 * var(--min-ratio));
}
.c-interview-title {
  margin-bottom: calc(20 * var(--min-ratio));
  font-size: calc(24 * var(--min-ratio));
  font-weight: 400;
  line-height: 1.2;
  display: grid;
  grid-template-rows: auto auto;
}
.c-interview-title span {
  min-height: calc(37 * var(--min-ratio));
  padding: calc(6 * var(--min-ratio));
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.c-interview-title .line1 span {
  background-color: var(--white);
}
.c-interview-title .line2 span {
  background-color: var(--primary-color);
  color: var(--white);
}
.c-interview-meta {
  position: relative;
}
.c-interview-meta::before {
  width: calc(84 * var(--min-ratio));
  height: calc(26 * var(--min-ratio));
  padding: 0 calc(6 * var(--min-ratio));
  background-color: var(--secondary-color);
  font-size: calc(14 * var(--min-ratio));
  color: var(--primary-color);
  content: 'Interview';
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  bottom: 100%;
  left: 0;
}
.c-member__name {
  margin-bottom: calc(15 * var(--min-ratio));
  font-size: calc(20 * var(--min-ratio));
  line-height: 1;
  letter-spacing: .1em;
}
.c-member__meta {
  margin-bottom: calc(40 * var(--min-ratio));
  font-size: calc(12 * var(--min-ratio));
  line-height: 1;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.c-member__meta li {
  padding-right: calc(8 * var(--min-ratio));
  margin-right: calc(8 * var(--min-ratio));
  border-right: 1px solid rgb(var(--black_rgb) / .25);
}
.c-member__meta li:last-of-type {
  padding-right: 0;
  margin-right: 0;
  border-right: none;
}
@media (min-width: 768px) {
  .single-member .c-recruit-breadcrumbs {
    padding-top: calc(50 * var(--rem-ratio));
    justify-content: flex-end;
  }
  .c-interview-upper {
    /* padding: calc(60 * var(--max-ratio)) 0 0; */
    padding: 0;
    flex-direction: row;
    justify-content: flex-end;
    /* position: relative;
    top: 0; */
  }
  .c-interview-upper__contents {
    /* max-width: calc(995 * var(--rem-ratio));
    width: 60%; */
    width: calc(995 * var(--lg-ratio));
  }
  .c-interview-main-image {
    width: 100%;
    margin: 0;
    /* position: absolute;
    top: calc(-490 * var(--max-ratio));
    left: calc(284 * var(--max-ratio)); */
  }
  .c-interview-meta {
    margin-bottom: 0;
    /* position: absolute;
    top: calc(-430 * var(--max-ratio));
    left: 0;
    z-index: 1; */
  }
  .c-interview-title {
    margin-bottom: calc(30 * var(--max-ratio));
    font-size: calc(28 * var(--max-ratio));
  }
  .c-interview-title span {
    min-height: calc(44 * var(--max-ratio));
    padding: calc(10 * var(--max-ratio));
  }
  .c-interview-meta {
    width: 50%;
    position: absolute;
    top: calc(137 * var(--max-ratio));
    left: calc(20 * var(--max-ratio));
    /* top: calc(-430 * var(--rem-ratio));
    left: 0; */
  }
  .c-interview-meta::before {
    width: calc(102 * var(--max-ratio));
    height: calc(28 * var(--max-ratio));
    padding: 0 calc(10 * var(--max-ratio));
    font-size: calc(16 * var(--max-ratio));
  }
  .c-member__name {
    margin-bottom: calc(20 * var(--max-ratio));
    font-size: calc(28 * var(--max-ratio));
    letter-spacing: .071em;
  }
  .c-member__meta {
    font-size: calc(14 * var(--max-ratio));
  }
  .c-member__meta li {
    padding-right: calc(10 * var(--max-ratio));
    margin-right: calc(10 * var(--max-ratio));
  }
}
@media (min-width: 1120px) {
  .single-member .c-recruit-breadcrumbs {
    padding-top: calc(50 * var(--rem-ratio));
  }
  .c-interview-upper {
    padding-left: calc(120 * var(--rem-ratio));
    position: relative;
    /* padding-top: calc(60 * var(--rem-ratio)); */
  }
  .c-interview-main-image {
    /* width: calc(calc(836 * var(--rem-ratio)) + (50vw - 50%)); */
    /* top: calc(-490 * var(--rem-ratio));
    left: calc(284 * var(--rem-ratio)); */
  }
  .c-interview-meta {
    width: 50%;
    position: absolute;
    top: calc(97 * var(--rem-ratio));
    left: calc(120 * var(--rem-ratio));
    /* top: calc(-430 * var(--rem-ratio));
    left: 0; */
  }
  .c-interview-title {
    margin-bottom: calc(30 * var(--rem-ratio));
    font-size: calc(36 * var(--rem-ratio));
  }
  .c-interview-title span {
    min-height: calc(57 * var(--rem-ratio));
    padding: calc(10 * var(--rem-ratio));
  }
  .c-interview-meta::before {
    width: calc(102 * var(--rem-ratio));
    height: calc(28 * var(--rem-ratio));
    padding: 0 calc(10 * var(--rem-ratio));
    font-size: calc(16 * var(--rem-ratio));
  }
  .c-member__name {
    margin-bottom: calc(20 * var(--rem-ratio));
    font-size: calc(28 * var(--rem-ratio));
  }
  .c-member__meta {
    font-size: calc(14 * var(--rem-ratio));
  }
  .c-member__meta li {
    padding-right: calc(10 * var(--rem-ratio));
    margin-right: calc(10 * var(--rem-ratio));
  }
}
@media (min-width: 1360px) {
  .c-interview-upper__contents {
    width: calc(995 * var(--rem-ratio));
  }
}


.p-interview-contents {
  padding-bottom: calc(25 * var(--min-ratio));
  display: grid;
  grid-template-columns: 100%;
  row-gap: calc(45 * var(--min-ratio));
  grid-column: 1 / 2;
  grid-row: 2 / 3;
}
.single-member .c-recruit-page-header {
  /* height: calc(572 * var(--min-ratio)); */
  height: auto;
}
.single-member .p-scroll-side-contents {
  /* top: calc(349 * var(--min-ratio)); */
  grid-column: 1 / 2;
  grid-row: 1 / 2;
}

@media not all and (min-width: 768px) {
  .single-member .c-recruit-page-header {
    margin-bottom: calc(-55 * var(--min-ratio));
  }
  .single-member .p-scroll-side-contents,
  .single-member .p-scroll-side-contents .c-scroll-side-menu__link {
    background-color: var(--bg-color2);
  }
  .c-interview-section--one_day_schedule .c-recruit-section-title  {
    font-size: calc(28 * var(--min-ratio));
    font-weight: 400;
  }
}
@media (min-width: 768px) {
  .single-member .l-site-main__inner {
    display: grid;
    grid-template-columns: calc((254 / 1120) * 100%) calc((836 / 1120) * 100%);
    column-gap: calc((30 / 1120) * 100%);
  }
  .p-interview-contents {
    padding-top: 0;
    padding-bottom: calc(60 * var(--max-ratio));
    grid-column: 2 / 3;
    grid-row: 1 / 2;
    row-gap: calc(163 * var(--max-ratio));
  }
  .single-member .c-recruit-page-header {
    height: calc(640 * var(--max-ratio));
  }
  .single-member .p-scroll-side-contents {
    grid-column: 1 / 2;
    grid-row: 1 / 2;
    transform: translate(calc(10 * var(--max-ratio)), calc(-191 * var(--max-ratio)))
  }
}
@media (min-width: 1120px) {
  .single-member .l-site-main__inner {
    /* grid-template-columns: calc((190 / 1120) * 100%) calc((930 / 1120) * 100%); */
    /* column-gap: unset; */
  }
  .single-member .c-recruit-page-header {
    height: calc(640 * var(--rem-ratio));
  }
 
  .single-member .p-scroll-side-contents {
    padding-top: 0;
    row-gap: calc(163 * var(--rem-ratio));
    transform: translate(calc(20 * var(--rem-ratio)), calc(-211 * var(--rem-ratio)));
  }
}
@media (min-width: 1360px) {
  .p-interview-contents {
    padding-top: calc(18 * var(--rem-ratio));
    padding-bottom: calc(60 * var(--rem-ratio));
  }
  .single-member .p-scroll-side-contents {
    transform: translate(calc(-80 * var(--rem-ratio)), calc(-211 * var(--rem-ratio)));
  }
}

.c-interview-section {
  margin-bottom: calc(60 * var(--min-ratio));
}
.c-interview-section__image {
  margin-top: calc(30 * var(--min-ratio));
  position: relative;
}
@media (min-width: 768px) {
  .c-interview-section {
    margin-bottom: calc(160 * var(--lg-ratio));
  }
  .c-interview-section__image {
    /* margin-top: 0; */
    margin-top: calc(40 * var(--lg-ratio));
  }
  .c-interview-section__image--no-margin {
    margin-top: 0;
  }
  .c-interview-section--left_image {
    display: grid;
    grid-template-columns: calc((266 / 836) * 100%) calc((490 / 836) * 100%);
    grid-template-rows: auto;
    column-gap: calc((80 / 836) * 100%);
  }
  .c-interview-section--left_image .c-interview-section__image {
    margin-top: 0;
    grid-column: 1 / 2;
    grid-row: 1 / 2;
  }
  .c-interview-section--left_image .c-interview-section__contents {
    grid-column: 2 / 3;
    grid-row: 1 / 2;
  }
  .c-interview-section--left_image .c-interview-section__text {
    
  }
}
@media (min-width: 1360px) {
  .c-interview-section {
    margin-bottom: calc(160 * var(--rem-ratio));
  }
  .c-interview-section__image {
    margin-top: calc(40 * var(--rem-ratio));
  }
  .c-interview-section--left_image .c-interview-section__image {
    width: calc(360 * var(--rem-ratio));
    margin-left: calc(-94 * var(--rem-ratio));
  }
}

.c-recruit-section-title {
  padding-bottom: calc(20 * var(--min-ratio));
  margin-bottom: calc(30 * var(--min-ratio));
  border-bottom: 1px solid rgb(var(--black_rgb) / .1);
  font-size: calc(20 * var(--min-ratio));
  font-weight: 500;
  line-height: 1.5;
  display: flex;
  flex-direction: column;
  row-gap: calc(6 * var(--min-ratio));
}

.c-recruit-section-title.c-recruit-section-title--no-border {
  padding-bottom: 0;
  border-bottom: none;
}
.c-recruit-section-title.c-recruit-section-title--primary {
  color: var(--primary-color);
}
.c-recruit-section-title span {
  font-family: var(--font-noto-sans);
  font-size: calc(14 * var(--min-ratio));
  color: var(--primary-color);
  line-height: 1;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  column-gap: calc(10 * var(--min-ratio));
}
.c-recruit-section-title span::before {
  width: calc(4 * var(--min-ratio));
  height: calc(4 * var(--min-ratio));
  border-radius: 50%;
  background-color: var(--primary-color);
  content: '\0020';
  display: block;
}
.c-recruit-section-title--2 {
  color: var(--primary-color);
}
.c-recruit-section-title--2 span {
  color: var(--font-base-color);
}
.c-recruit-section-title--2 span::before {
  display: none;
}
.c-recruit-section-title--2 .en {
  font-family: var(--font-poppins);
  font-size: calc(12 * var(--min-ratio));
  line-height: 1;
  font-weight: 400;
}
.c-recruit-section-title--2 .jpn {
  font-size: calc(24 * var(--min-ratio));
  color: var(--primary-color);
  line-height: 1;
  font-weight: 500;
}
.c-recruit-section-title--2 .sub {
  font-size: calc(16 * var(--min-ratio));
  line-height: 1;
  font-weight: 500;
}
@media (min-width: 768px) {
  .c-recruit-section-title {
    padding-bottom: calc(30 * var(--max-ratio));
    margin-bottom: calc(40 * var(--max-ratio));
    font-size: calc(32 * var(--max-ratio));
    row-gap: calc(15 * var(--max-ratio));
  }
  .c-recruit-section-title span {
    font-size: calc(14 * var(--max-ratio));
    column-gap: calc(10 * var(--max-ratio));
  }
  .c-recruit-section-title span::before {
    width: calc(4 * var(--max-ratio));
    height: calc(4 * var(--max-ratio));
  }
  .c-recruit-section-title--2 {
    display: grid;
    grid-template-columns: 7.2em 1fr;
    grid-template-rows: auto auto;
  }
  .c-recruit-section-title--2 .en {
    font-size: calc(16 * var(--max-ratio));
    grid-column: 1 / 3;
    grid-row: 1 / 2;
  }
  .c-recruit-section-title--2 .jpn {
    font-size: calc(32 * var(--max-ratio));
    grid-column: 1 / 2;
    grid-row: 2 / 3;
  }
  .c-recruit-section-title--2 .sub {
    font-size: calc(24 * var(--max-ratio));
    grid-column: 2 / 3;
    grid-row: 2 / 3;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    column-gap: calc(15 * var(--max-ratio));
  }
  .c-recruit-section-title--2 .sub::before {
    width: calc(30 * var(--max-ratio));
    height: calc(2 * var(--max-ratio));
    background-color: rgb(var(--black_rgb) / .25);
    content: '\0020';
    display: block;
  }
}
@media (min-width: 1120px) {
  .c-recruit-section-title {
    padding-bottom: calc(30 * var(--rem-ratio));
    margin-bottom: calc(40 * var(--rem-ratio));
    font-size: calc(32 * var(--rem-ratio));
    row-gap: calc(15 * var(--rem-ratio));
  }
  .c-recruit-section-title span {
    font-size: calc(14 * var(--rem-ratio));
    column-gap: calc(10 * var(--rem-ratio));
  }
  .c-recruit-section-title span::before {
    width: calc(4 * var(--rem-ratio));
    height: calc(4 * var(--rem-ratio));
  }
  .c-recruit-section-title--2 .en {
    font-size: calc(16 * var(--rem-ratio));
  }
  .c-recruit-section-title--2 .jpn {
    font-size: calc(32 * var(--rem-ratio));
  }
  .c-recruit-section-title--2 .sub {
    font-size: calc(24 * var(--rem-ratio));
    column-gap: calc(15 * var(--rem-ratio));
  }
  .c-recruit-section-title--2 .sub::before {
    width: calc(30 * var(--rem-ratio));
    height: calc(2 * var(--rem-ratio));
  }
}

.c-interview-section__text {
  font-size: calc(14 * var(--min-ratio));
  line-height: 1.8;
}
.c-interview-section__text p:last-of-type {
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .c-interview-section__text {
    font-size: calc(16 * var(--max-ratio));
    line-height: 2;
  }
  .c-interview-section__text p {
    margin-bottom: calc(18 * var(--max-ratio));
  }
}
@media (min-width: 1120px) {
  .c-interview-section__text {
    font-size: calc(16 * var(--rem-ratio));
  }
  .c-interview-section__text p {
    margin-bottom: calc(18 * var(--rem-ratio));
  }
}
@media (min-width: 1120px) {
  .single-member .p-scroll-side-contents {
    width: calc(200 * var(--rem-ratio));

  }
}


@media not all and (min-width: 768px) {
  .c-interview-section--message .c-interview-section__image {
    width: 100vw;
    margin-right: calc(50% - 50vw);
    margin-left: calc(50% - 50vw);
  }
}


.c-time {
  /* width: calc(55 * var(--min-ratio)); */
  width: 100%;
  height: calc(26 * var(--min-ratio));
  margin-bottom: 0;
  border-radius: calc(13 * var(--min-ratio));
  border: calc(2 * var(--min-ratio)) solid var(--primary-color);
  background-color: var(--white);
  font-family: var(--font-poppins);
  font-size: calc(14 * var(--min-ratio));
  color: var(--primary-color);
  line-height: 1;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (min-width: 768px) {
  .c-time {
    /* width: calc(80 * var(--max-ratio)); */
    height: calc(32 * var(--max-ratio));
    padding-top: calc(1 * var(--max-ratio));
    border-radius: calc(16 * var(--max-ratio));
    border-width: calc(2 * var(--max-ratio));
    font-size: calc(14 * var(--max-ratio));
  }
}
@media (min-width: 1120px) {
  .c-time {
    /* width: calc(80 * var(--rem-ratio)); */
    height: calc(32 * var(--rem-ratio));
    padding-top: calc(1 * var(--rem-ratio));
    border-radius: calc(16 * var(--rem-ratio));
    border-width: calc(2 * var(--rem-ratio));
    font-size: calc(14 * var(--rem-ratio));
  }
}

.c-schedule-box {
  display: grid;
  grid-template-columns: calc((100 / 328) * 100%) calc((213 / 328) * 100%);
  column-gap: calc((15 / 328) * 100%);
  position: relative;
  z-index: 3;
}
@media (min-width: 768px) {
  .c-schedule-box {
    grid-template-columns: calc((100 / 755) * 100%) calc((635 / 755) * 100%);
    column-gap: calc((20 / 755) * 100%);
  }
}

.c-schedule-box__time {
  display: grid;
  grid-template-rows: calc(26 * var(--min-ratio));
  align-items: center;
  row-gap: calc(8 * var(--min-ratio));
  grid-column: 1 / 2;
  grid-row: 1 / 2;
}
.c-schedule-box__time::after {
  width: 1px;
  height: 100%;
  margin: 0 auto;
  background: url(../../img/recruit2025/common/dot.svg) repeat-x 50% 0 / 100% auto;
  content: '\0020';
  display: block;
}
.c-schedule-box--last .c-schedule-box__time::after {
  display: none;
}
@media (min-width: 768px) {
  .c-schedule-box__time {
    grid-template-rows: calc(32 * var(--max-ratio));
    row-gap: calc(8 * var(--max-ratio));
  }
}
@media (min-width: 1120px) {
  .c-schedule-box__time {
    grid-template-rows: calc(32 * var(--rem-ratio));
    row-gap: calc(8 * var(--rem-ratio));
  }
}

.c-schedule-box__contents {
  grid-column: 2 / 3;
  grid-row: 1 / 2;
}
@media (min-width: 768px) {
  .c-schedule-box__contents {
    padding-bottom: calc(40 * var(--max-ratio))
  }
  .is-no-text .c-schedule-box__contents {
    padding-bottom: calc(22 * var(--max-ratio))
  }
}
@media (min-width: 1120px) {
  .c-schedule-box__contents {
    padding-bottom: calc(40 * var(--rem-ratio))
  }
  .is-no-text .c-schedule-box__contents {
    padding-bottom: calc(22 * var(--rem-ratio))
  }
}

.c-schedule-box__title {
  border-bottom: 4px solid var(--secondary-color);
  font-size: calc(16 * var(--min-ratio));
  line-height: 1;
  font-weight: 400;
  display: inline-block;
}
@media (min-width: 768px) {
  .c-schedule-box__title {
    padding-top: calc(4 * var(--max-ratio));
    font-size: calc(20 * var(--max-ratio));
  }
}
@media (min-width: 1120px) {
  .c-schedule-box__title {
    padding-top: calc(4 * var(--rem-ratio));
    font-size: calc(20 * var(--rem-ratio));
  }
}

.c-schedule-box__text {
  font-size: calc(14 * var(--min-ratio));
  line-height: 1.8;
  display: grid;
  grid-template-columns: calc(4 * var(--min-ratio)) calc(100% - (12 * var(--min-ratio)));
  column-gap: calc(8 * var(--min-ratio));
}
.c-schedule-box__text::before {
  width: calc(4 * var(--min-ratio));
  height: calc(4 * var(--min-ratio));
  margin-top: calc(11 * var(--min-ratio));
  border-radius: 50%;
  background-color: var(--primary-color);
  content: '\0020';
  display: block;
}
@media (min-width: 768px) {
  .c-schedule-box__text {
    font-size: calc(16 * var(--max-ratio));
    grid-template-columns: calc(4 * var(--max-ratio)) calc(100% - (12 * var(--max-ratio)));
    column-gap: calc(8 * var(--max-ratio));
  }
  .c-schedule-box__text::before {
    width: calc(4 * var(--max-ratio));
    height: calc(4 * var(--max-ratio));
    margin-top: calc(14 * var(--max-ratio));
  }
}
@media (min-width: 1120px) {
  .c-schedule-box__text {
    font-size: calc(16 * var(--rem-ratio));
    grid-template-columns: calc(4 * var(--rem-ratio)) calc(100% - (12 * var(--rem-ratio)));
    column-gap: calc(8 * var(--rem-ratio));
  }
  .c-schedule-box__text::before {
    width: calc(4 * var(--rem-ratio));
    height: calc(4 * var(--rem-ratio));
    margin-top: calc(14 * var(--rem-ratio));
  }
}


.c-interview-section--one_day_schedule {
  margin-bottom: 0;
}

.c-interview-section--one_day_schedule .c-recruit-section-title {
  font-family: var(--font-poppins);
  font-weight: 400;
  row-gap: calc(3 * var(--min-ratio));
}
.c-interview-section--one_day_schedule .c-interview-section__contents {
  padding: calc(30 * var(--min-ratio)) 0 calc(20 * var(--min-ratio));
  display: flex;
  flex-direction: column;
  row-gap: calc(20 * var(--min-ratio));
  position: relative;
}
.c-interview-section--one_day_schedule .c-interview-section__contents::before {
  width: calc(336 * var(--min-ratio));
  height: 100%;
  border-radius: calc(400 * var(--min-ratio)) 0 0 calc(400 * var(--min-ratio));
  background-color: var(--bg-color1);
  content: '\0020';
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
}
.c-interview-section--one_day_schedule .c-interview-section__contents::after {
  width: calc(24 * var(--min-ratio));
  height: 100%;
  background-color: var(--bg-color1);
  content: '\0020';
  display: block;
  position: absolute;
  top: 0;
  left: 100%;
  z-index: 1;
}
@media (min-width: 768px) {
  .c-interview-section--one_day_schedule .c-recruit-section-title {
    font-size: calc(40 * var(--max-ratio));
    row-gap: calc(5 * var(--max-ratio));
  }
  .c-interview-section--one_day_schedule .c-interview-section__contents {
    padding: calc(38 * var(--max-ratio)) 0 calc(17 * var(--max-ratio));
    row-gap: calc(10 * var(--max-ratio));
  }
  .c-interview-section--one_day_schedule .c-interview-section__contents::before {
    width: calc(930 * var(--max-ratio));
    border-radius: calc(400 * var(--max-ratio)) 0 0 calc(400 * var(--max-ratio));
  }
  .c-interview-section--one_day_schedule .c-interview-section__contents::after {
    /* width: calc(50vw - 50%); */
    width: calc(20 * var(--max-ratio));
  }
}
@media (min-width: 1120px) {
  .c-interview-section--one_day_schedule .c-recruit-section-title {
    font-size: calc(40 * var(--rem-ratio));
    row-gap: calc(5 * var(--rem-ratio));
  }
  .c-interview-section--one_day_schedule .c-interview-section__contents {
    padding: calc(48 * var(--rem-ratio)) 0 calc(17 * var(--rem-ratio));
    row-gap: calc(10 * var(--rem-ratio));
  }
  .c-interview-section--one_day_schedule .c-interview-section__contents::before {
    width: calc(930 * var(--rem-ratio));
    border-radius: calc(400 * var(--rem-ratio)) 0 0 calc(400 * var(--rem-ratio));
  }
  .c-interview-section--one_day_schedule .c-interview-section__contents::after {
    /* width: calc(40 * var(--rem-ratio)); */
    width: calc(50vw - calc(568 * var(--rem-ratio)));
  }
}



@media not all and (min-width: 768px) {
  .page-application  .l-site-main .c-wrap {
    padding-bottom: calc(50 * var(--min-ratio));
  }
  .page-application  .c-recruit-page-header {
    height: calc(334 * var(--min-ratio));
  }
}
.single-application .l-site-main__inner {
  display: grid;
  grid-template-columns: 100%;
  row-gap: calc(42 * var(--min-ratio));
}

.p-application-contents {
  display: grid;
  grid-template-columns: 100%;
  row-gap: calc(45 * var(--min-ratio));
  grid-column: 1 / 2;
  grid-row: 2 / 3;
}
.single-application .p-scroll-side-contents {
  grid-column: 1 / 2;
  grid-row: 1 / 2;
  z-index: 7000;
}

@media (min-width: 768px) {
  .single-application .l-site-main .c-wrap {
    padding-top: 0;
  }
  .single-application .l-site-main__inner {
    display: grid;
    grid-template-columns: calc((254 / 1120) * 100%) calc((836 / 1120) * 100%);
    column-gap: calc((30 / 1120) * 100%);
  }
  .single-application .p-scroll-side-contents {
    width: calc(240 * var(--lg-ratio));
  }
  .p-application-contents {
    padding-top: calc(80 * var(--lg-ratio));
    grid-column: 2 / 3;
    grid-row: 1 / 2;
    row-gap: calc(163 * var(--lg-ratio));
  }
  .page-application .p-scroll-side-contents {
    padding-top: calc(100 * var(--max-ratio));
  }
}
@media (min-width: 1360px) {
  .single-member .l-site-main__inner {
    /* grid-template-columns: calc((190 / 1120) * 100%) calc((930 / 1120) * 100%); */
    /* column-gap: unset; */
  }
  .single-application .p-scroll-side-contents {
    width: calc(240 * var(--rem-ratio));
  }
  .p-application-contents {
    padding-top: calc(80 * var(--rem-ratio));
    row-gap: calc(163 * var(--rem-ratio));
  }
  .page-application .p-scroll-side-contents {
    padding-top: calc(100 * var(--rem-ratio));
    transform: translate(calc(10 * var(--rem-ratio)), calc(-65 * var(--rem-ratio)));
  }
}



/* ========================================================================================= ^^
	Table
============================================================================================ ^^ */
.c-table {
  border-top: 1px solid rgb(var(--black_rgb) / .1);
  font-size: calc(14 * var(--min-ratio));
  line-height: 1.6;
  font-weight: 400;
  letter-spacing: 0.02em;
}
.c-table th {
  width: calc((100 / 328) * 100%);
  padding: calc(15 * var(--min-ratio));
  border-bottom: 1px solid rgb(var(--black_rgb) / .1);
  background-color: var(--bg-color2);
  font-weight: 500;
  vertical-align: middle;
}
@media (min-width: 768px) {
  .c-table {
    font-size: calc(16 * var(--max-ratio));
  }
  .c-table th {
    width: calc((210 / 930) * 100%);
    padding: calc(30 * var(--max-ratio));
  }
}
@media (min-width: 1120px) {
  .c-table {
    font-size: calc(16 * var(--rem-ratio));
  }
  .c-table th {
    padding: calc(30 * var(--rem-ratio));
  }
}
.c-table td {
  width: calc((228 / 328) * 100%);
  padding: calc(15 * var(--min-ratio)) 0 calc(15 * var(--min-ratio)) calc(15 * var(--min-ratio));
  border-bottom: 1px solid rgb(var(--black_rgb) / .1);
  background-color: var(--white);
}
@media (min-width: 768px) {
  .c-table td {
    width: calc((720 / 930) * 100%);
    padding: calc(30 * var(--max-ratio)) 0 calc(30 * var(--max-ratio)) calc(30 * var(--max-ratio));
  }
}
@media (min-width: 1120px) {
  .c-table td {
    padding: calc(30 * var(--rem-ratio)) 0 calc(30 * var(--rem-ratio)) calc(30 * var(--rem-ratio));
  }
}

/* ========================================================================================= ^^
	Grid
============================================================================================ ^^ */
.c-grid {
  display: grid;
}

/* ========================================================================================= ^^
	Circle number
============================================================================================ ^^ */
.c-circle-num {
  width: calc(32 * var(--min-ratio));
  height: calc(32 * var(--min-ratio));
  background-color: var(--primary-color);
  border-radius: 50%;
  font-family: var(--font-poppins);
  font-size: calc(16 * var(--min-ratio));
  color: var(--white);
  line-height: 500;
  line-height: 1;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (min-width: 768px) {
  .c-circle-num {
    width: calc(32 * var(--max-ratio));
    height: calc(32 * var(--max-ratio));
    font-size: calc(16 * var(--max-ratio));
  }
}
@media (min-width: 1120px) {
  .c-circle-num {
    width: calc(32 * var(--rem-ratio));
    height: calc(32 * var(--rem-ratio));
    font-size: calc(16 * var(--rem-ratio));
  }
}

/* ========================================================================================= ^^
	Link
============================================================================================ ^^ */
.c-link {
  font-size: calc(14 * var(--min-ratio));
  line-height: 1;
}
.c-link--right {
  text-align: right;
}
.c-link__link {
  padding-right: calc(25 * var(--min-ratio));
  background: url(../../img/recruit2025/common/icon-arrow-black.svg) no-repeat 100% 50%;
  background-size: calc(16 * var(--min-ratio)) auto;
}
@media (min-width: 768px) {
  .c-link {
    font-size: calc(16 * var(--max-ratio))
  }
  .c-link__link {
    padding-right: calc(30 * var(--max-ratio));
    transition: all .3s;
    background-position: calc(100% - calc(5 * var(--max-ratio))) 50%;
    background-size: calc(16 * var(--max-ratio)) auto;
  }
  .c-link__link:hover {
    color: var(--primary-color);
    background: url(../../img/recruit2025/common/icon-arrow-green.svg) no-repeat 100% 50%;
    background-size: calc(16 * var(--max-ratio)) auto;
  }
}
@media (min-width: 1120px) {
  .c-link {
    font-size: calc(16 * var(--rem-ratio))
  }
  .c-link__link {
    padding-right: calc(30 * var(--rem-ratio));
    background-position: calc(100% - calc(5 * var(--rem-ratio))) 50%;
    background-size: calc(16 * var(--rem-ratio)) auto;
  }
  .c-link__link:hover {
    background-position: 100% 50%;
    background-size: calc(16 * var(--rem-ratio)) auto;
  }
}

/* ========================================================================================= ^^
	Line
============================================================================================ ^^ */
.c-line {
  width: calc(4 * var(--min-ratio));
  background: url(../../img/recruit2025/common/dot.svg) repeat-y 50% 0;
  position: relative;
}
.c-line::before,
.c-line::after {
  width: calc(4 * var(--min-ratio));
  height: calc(4 * var(--min-ratio));
  border-radius: 50%;
  background-color: rgb(var(--black_rgb) / .25);
  content: '\0020';
  display: block;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
.c-line::before {
  top: 0;
}
.c-line::after {
  bottom: 0;
}
@media (min-width: 768px) {
  .c-line {
    width: calc(4 * var(--max-ratio));
  }
  .c-line::before,
  .c-line::after {
    width: calc(4 * var(--max-ratio));
    height: calc(4 * var(--max-ratio));
  }
}
@media (min-width: 1120px) {
  .c-line {
    width: calc(4 * var(--rem-ratio));
  }
  .c-line::before,
  .c-line::after {
    width: calc(4 * var(--rem-ratio));
    height: calc(4 * var(--rem-ratio));
  }
}

/* ========================================================================================= ^^
	Step
============================================================================================ ^^ */
.c-step-block {
  display: grid;
  grid-template-columns: calc((32 / 328) * 100%) calc((280 / 328) * 100%);
  column-gap: calc((16 / 328) * 100%);
}
@media (min-width: 768px) {
  .c-step-block {
    grid-template-columns: calc((32 / 930) * 100%) calc((856 / 930) * 100%);
    column-gap: calc((42 / 938) * 100%);
  }
}
.c-step-block__num {
  padding-top: calc(5 * var(--min-ratio));
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  row-gap: calc(9 * var(--min-ratio));
}
.c-step-block:first-of-type .c-step-block__num {
  padding-top: calc(20 * var(--min-ratio));
}
.c-step-block__num .c-line {
  height: calc(100% - calc(41 * var(--min-ratio)));
  transform: translateY(calc(-2 * var(--min-ratio)));
}
@media (min-width: 768px) {
  .c-step-block__num {
    padding-top: calc(5 * var(--max-ratio));
    row-gap: calc(13 * var(--max-ratio));
  }
  .c-step-block:first-of-type .c-step-block__num {
    padding-top: calc(40 * var(--max-ratio));
  }
  .c-step-block__num .c-line {
    height: calc(100% - calc(45 * var(--max-ratio)));
    transform: translateY(calc(-2 * var(--max-ratio)));
  }
}
@media (min-width: 1120px) {
  .c-step-block__num {
    padding-top: calc(5 * var(--rem-ratio));
    row-gap: calc(13 * var(--rem-ratio));
  }
  .c-step-block:first-of-type .c-step-block__num {
    padding-top: calc(40 * var(--rem-ratio));
  }
  .c-step-block__num .c-line {
    height: calc(100% - calc(45 * var(--rem-ratio)));
    transform: translateY(calc(-2 * var(--rem-ratio)));
  }
}

.c-step-block__contents {
  padding: calc(5 * var(--min-ratio)) 0 calc(20 * var(--min-ratio)) 0;
  margin-bottom: calc(20 * var(--min-ratio));
  border-bottom: 1px solid rgb(var(--black_rgb) / .1);
}
.c-step-block:first-of-type .c-step-block__contents {
  padding-top: calc(20 * var(--min-ratio));
  border-top: 1px solid rgb(var(--black_rgb) / .1);
}
@media (min-width: 768px) {
  .c-step-block__contents {
    padding: calc(5 * var(--max-ratio)) 0 calc(40 * var(--max-ratio)) 0;
    margin-bottom: calc(35 * var(--max-ratio));
  }
  .c-step-block:first-of-type .c-step-block__contents {
    padding-top: calc(40 * var(--max-ratio));
  }
}
@media (min-width: 1120px) {
  .c-step-block__contents {
    padding: calc(5 * var(--rem-ratio)) 0 calc(40 * var(--rem-ratio)) 0;
    margin-bottom: calc(35 * var(--rem-ratio));
  }
  .c-step-block:first-of-type .c-step-block__contents {
    padding-top: calc(40 * var(--rem-ratio));
  }
}

.c-step-block__title {
  margin-bottom: calc(5 * var(--min-ratio));
  font-size: calc(16 * var(--min-ratio));
  font-weight: 400;
  line-height: 1.6;
}
@media (min-width: 768px) {
  .c-step-block__title {
    margin-bottom: calc(5 * var(--max-ratio));
    font-size: calc(18 * var(--max-ratio));
  }
}
@media (min-width: 1120px) {
  .c-step-block__title {
    margin-bottom: calc(5 * var(--rem-ratio));
    font-size: calc(18 * var(--rem-ratio))
  }
}

.c-step-block__text {
  font-size: calc(14 * var(--min-ratio));
  color: var(--primary-color);
  line-height: 1.6;
}
.c-step-block__text p {
  margin-bottom: 0;
}
.c-step-block__text .c-link {
  margin-top: calc(20 * var(--min-ratio));
}
@media (min-width: 768px) {
  .c-step-block__text {
    font-size: calc(14 * var(--max-ratio));
  }
  .c-step-block__text .c-link {
    margin-top: calc(30 * var(--max-ratio));
  }
}
@media (min-width: 1120px) {
  .c-step-block__text {
    font-size: calc(14 * var(--rem-ratio))
  }
  .c-step-block__text .c-link {
    margin-top: calc(30 * var(--rem-ratio));
  }
}

/* ========================================================================================= ^^
	Tab
============================================================================================ ^^ */
.c-tab {
  margin-bottom: calc(30 * var(--min-ratio));
  border-bottom: 1px solid rgb(var(--black_rgb) / .1);
  display: grid;
  grid-template-columns: repeat(2, calc((160 / 328) * 100%));
  column-gap: calc((8 / 328) * 100%);
  justify-content: center;
}
.c-tab__item {
  height: calc(60 * var(--min-ratio));
  border-radius: calc(10 * var(--min-ratio)) calc(10 * var(--min-ratio)) 0 0;
  border: 1px solid rgb(var(--black_rgb) / .1);
  border-bottom: none;
  overflow: hidden;
}
.c-tab__link {
  width: 100%;
  height: 100%;
  border-top: calc(4 * var(--min-ratio)) solid transparent;
  border-bottom: calc(4 * var(--min-ratio)) solid transparent;
  background-color: var(--bg-color1);
  font-size: calc(16 * var(--min-ratio));
  line-height: 1.4;
  font-weight: 500;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  column-gap: calc(8 * var(--min-ratio));
}
.c-tab__item--current .c-tab__link {
  border-bottom-color: var(--primary-color);
  background-color: var(--white);
  color: var(--primary-color);
}
.c-tab__link::before {
  width: calc(6 * var(--min-ratio));
  height: calc(6 * var(--min-ratio));
  border-radius: 50%;
  background-color: var(--primary-color);
  content: '\0020';
  display: block;
}
@media (min-width: 768px) {
  .c-tab {
    margin-bottom: calc(80 * var(--max-ratio));
    grid-template-columns: repeat(2, calc(555 * var(--max-ratio)));
    column-gap: calc(10 * var(--max-ratio));
  }
  .c-tab__item {
    height: calc(80 * var(--max-ratio));
    border-radius: calc(10 * var(--max-ratio)) calc(10 * var(--max-ratio)) 0 0;
  }
  .c-tab__link {
    border-top-width: calc(4 * var(--max-ratio));
    border-bottom-width: calc(4 * var(--max-ratio));
    font-size: calc(20 * var(--max-ratio));
    column-gap: calc(10 * var(--max-ratio));
  }
  .c-tab__link:hover {
    color: var(--primary-color);
  }
  .c-tab__link::before {
    width: calc(8 * var(--max-ratio));
    height: calc(8 * var(--max-ratio));
  }
}
@media (min-width: 1120px) {
  .c-tab {
    margin-bottom: calc(80 * var(--rem-ratio));
    grid-template-columns: repeat(2, calc(555 * var(--rem-ratio)));
    column-gap: calc(10 * var(--rem-ratio));
  }
  .c-tab__item {
    height: calc(80 * var(--rem-ratio));
    border-radius: calc(10 * var(--rem-ratio)) calc(10 * var(--rem-ratio)) 0 0;
  }
  .c-tab__link {
    border-top-width: calc(4 * var(--rem-ratio));
    border-bottom-width: calc(4 * var(--rem-ratio));
    font-size: calc(20 * var(--rem-ratio));
    column-gap: calc(10 * var(--rem-ratio));
  }
  .c-tab__link::before {
    width: calc(8 * var(--rem-ratio));
    height: calc(8 * var(--rem-ratio));
  }
}

.c-tab-contents {
  display: none;
}
.c-tab-contents.c-tab-contents--current {
  display: block;
}


/* ========================================================================================= ^^
	Application
============================================================================================ ^^ */
.c-application-block-wrap {
  display: grid;
  row-gap: calc(30 * var(--min-ratio));
}
@media (min-width: 768px) {
  .c-application-block-wrap {
    display: grid;
    grid-template-columns: repeat(2, calc((540 / 1120) * 100%));
    column-gap: calc((40 / 1120) * 100%);
    row-gap: calc(80 * var(--max-ratio));
  }
}
@media (min-width: 1120px) {
  .c-application-block-wrap {
    row-gap: calc(80 * var(--rem-ratio));
  }
}

.c-application-block__link {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.c-application-block figcaption {
  padding-top: calc(15 * var(--min-ratio));
}
.c-application-block__name {
  margin-bottom: calc(10 * var(--min-ratio));
  font-size: calc(20 * var(--min-ratio));
  line-height: 1.4;
  font-weight: 500;
}
.c-application-block__description {
  margin-bottom: calc(16 * var(--min-ratio));
  font-size: calc(14 * var(--min-ratio));
  line-height: 1.6;
  font-weight: 400;
}
.c-application-block__description p:last-of-type {
  margin-bottom: 0;
}
.c-application-block__tags {
  background: url(../../img/recruit2025/common/icon-arrow-black.svg) no-repeat 100% 50%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  column-gap: calc(5 * var(--min-ratio));
}
.c-application-block__tag-item {
  height: calc(32 * var(--min-ratio));
  padding: 0 calc(16 * var(--min-ratio));
  border-radius: calc(18 * var(--min-ratio));
  font-size: calc(14 * var(--min-ratio));
}
@media (min-width: 768px) {
  .c-application-block__image {
    overflow: hidden;
  }
  .c-application-block__image img {
    transition: all .3s;
  }
  .c-application-block__link:hover .c-application-block__image img {
    transform: scale(1.07);
  }
  .c-application-block figcaption {
    padding-top: calc(20 * var(--max-ratio));
  }
  .c-application-block__name {
    margin-bottom: calc(10 * var(--max-ratio));
    font-size: calc(24 * var(--max-ratio));
  }
  .c-application-block__description {
    margin-bottom: calc(20 * var(--max-ratio));
    font-size: calc(16 * var(--max-ratio));
    line-height: 1.8;
  }
  .c-application-block__tags {
    column-gap: calc(5 * var(--max-ratio));
  }
  .c-application-block__tag-item {
    height: calc(36 * var(--max-ratio));
    padding: 0 calc(20 * var(--max-ratio));
    border-radius: calc(18 * var(--max-ratio));
    font-size: calc(16 * var(--max-ratio));
  }
}
@media (min-width: 1120px) {
  .c-application-block figcaption {
    padding-top: calc(20 * var(--rem-ratio));
  }
  .c-application-block__name {
    margin-bottom: calc(10 * var(--rem-ratio));
    font-size: calc(24 * var(--rem-ratio));
  }
  .c-application-block__description {
    margin-bottom: calc(20 * var(--rem-ratio));
    font-size: calc(16 * var(--rem-ratio));
  }
  .c-application-block__tags {
    column-gap: calc(5 * var(--rem-ratio));
  }
  .c-application-block__tag-item {
    height: calc(36 * var(--rem-ratio));
    padding: 0 calc(20 * var(--rem-ratio));
    border-radius: calc(18 * var(--rem-ratio));
    font-size: calc(16 * var(--rem-ratio));
  }
}


/* ========================================================================================= ^^
	Sales style
============================================================================================ ^^ */
.page-salesstyle .c-recruit-page-header__title .jpn::before  {
  background-color: var(--primary-sub-color2);
}
.page-salesstyle .l-site-main__inner {
  max-width: none;
  padding-bottom: calc(30 * var(--min-ratio));
}
.page-salesstyle .c-tab {
  width: 100vw;
  padding: 0 calc(24 * var(--min-ratio));
  margin: 0 calc(50% - 50vw) calc(30 * var(--min-ratio));
}
@media (min-width: 768px) {
  .page-salesstyle .l-site-main__inner {
    padding-bottom: calc(60 * var(--max-ratio));
  }
  .page-salesstyle .c-tab {
    width: 100%;
    padding: 0;
    margin: 0 auto calc(80 * var(--max-ratio));
  }
}
@media (min-width: 1120px) {
  .page-salesstyle .l-site-main__inner {
    padding-bottom: calc(60 * var(--rem-ratio));
  }
  .page-salesstyle .c-tab {
    width: 100%;
    padding: 0;
    margin-bottom: calc(80 * var(--rem-ratio));
  }
}

.page-salesstyle .c-sp-lead {
  margin-bottom: calc(30 * var(--min-ratio));
}
@media (min-width: 768px) {
  .page-salesstyle .c-sp-lead {
    display: none;
  }
}

.c-style-lead {
  margin-bottom: calc(30 * var(--min-ratio));
  font-size: calc(14 * var(--min-ratio));
  line-height: 1.6;
  font-weight: 400;
}
.c-style-lead p:last-of-type {
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .c-style-lead {
    display: none;
  }
}

.c-style-wrap {
  margin-bottom: calc(15 * var(--min-ratio));
  display: grid;
  grid-template-columns: calc((20 / 328) * 100%) calc((281 / 328) * 100%);
  column-gap: calc((27 / 328) * 100%);
}
@media (min-width: 768px) {
  .c-style-wrap {
    margin-bottom: calc(30 * var(--max-ratio));
    grid-template-columns: calc((95 / 1120) * 100%) calc((930 / 1120) * 100%);
    column-gap: calc((95 /1120) * 100%);
  }
}
@media (min-width: 1120px) {
  .c-style-wrap {
    margin-bottom: calc(30 * var(--rem-ratio));
  }
}
.c-style-section {
  max-width: calc(1120 * var(--rem-ratio));
  margin: 0 auto;
}
.c-style-day {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  column-gap: calc(12 * var(--min-ratio));
  grid-column: 1 / 2;
  grid-row: 1 / 2;
}
.c-date {
  margin: 0;
  background: linear-gradient(to right,
    var(--secondary-color) 0%,
    var(--secondary-color) calc(100% - calc(100% - calc(4 * var(--min-ratio)))),
    var(--white) calc(100% - calc(100% - calc(4 * var(--min-ratio)))),
    var(--white) 100%);
  font-family: var(--font-poppins);
  font-size: calc(16 * var(--min-ratio));
  line-height: 1.2;
  font-weight: 500;
  writing-mode: vertical-rl;
}
@media (min-width: 768px) {
  .c-date {
    background: linear-gradient(to top,
      var(--secondary-color) 0%,
      var(--secondary-color) calc(100% - calc(100% - calc(4 * var(--max-ratio)))),
      var(--white) calc(100% - calc(100% - calc(4 * var(--max-ratio)))),
      var(--white) 100%);
    font-size: calc(32 * var(--max-ratio));
    writing-mode: unset;
  }
}
@media (min-width: 1120px) {
  .c-date {
    background: linear-gradient(to top,
      var(--secondary-color) 0%,
      var(--secondary-color) calc(100% - calc(100% - calc(4 * var(--rem-ratio)))),
      var(--white) calc(100% - calc(100% - calc(4 * var(--rem-ratio)))),
      var(--white) 100%);
    font-size: calc(32 * var(--rem-ratio));
  }
}

.c-style-day .c-line {
  height: calc(100% - calc(57 * var(--min-ratio)));
  transform: translateY(calc(12 * var(--min-ratio)));
}
@media (min-width: 768px) {
  .c-style-day .c-line {
    height: calc(100% - calc(65 * var(--max-ratio)));
    transform: translateY(calc(26 * var(--max-ratio)));
  }
}
@media (min-width: 1120px) {
  .c-style-day .c-line {
    height: calc(100% - calc(65 * var(--rem-ratio)));
    transform: translateY(calc(26 * var(--rem-ratio)));
  }
}

.c-style-day_contents {
  padding-bottom: calc(15 * var(--min-ratio));
  display: flex;
  flex-direction: column;
  row-gap: calc(10 * var(--min-ratio));
}
.c-style-contents {
  padding: calc(20 * var(--min-ratio));
  background-color: var(--bg-color2);
  grid-column: 2 / 3;
  grid-row: 1 / 2;
}
@media (min-width: 768px) {
  .c-style-day_contents {
    padding-bottom: calc(50 * var(--max-ratio));
    row-gap: calc(30 * var(--max-ratio));
  }
  .c-style-contents {
    padding: calc(40 * var(--max-ratio));
    display: grid;
    grid-template-columns: calc((536 / 850) * 100%) calc((284 / 850) * 100%);
    grid-template-rows: calc(32 * var(--max-ratio)) auto;
    column-gap: calc((30 / 850) * 100%);
  }
  .c-style-contents--no-image {
    grid-template-columns: 100%;
    column-gap: unset;
  }
}
@media (min-width: 1120px) {
  .c-style-day_contents {
    padding-bottom: calc(50 * var(--rem-ratio));
    row-gap: calc(30 * var(--rem-ratio));
  }
  .c-style-contents {
    padding: calc(40 * var(--rem-ratio));
    grid-template-rows: calc(32 * var(--rem-ratio)) auto;
  }
}

.c-style-contents__title {
  margin-bottom: calc(15 * var(--min-ratio));
  font-size: calc(16 * var(--min-ratio));
  line-height: 1;
  font-weight: 500;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  column-gap: calc(10 * var(--min-ratio));
}
.c-style-contents__title--am::before,
.c-style-contents__title--pm::before {
  width: calc(50 * var(--min-ratio));
  height: calc(24 * var(--min-ratio));
  border-radius: calc(12 * var(--min-ratio));
  background-color: var(--primary-color);
  font-size: calc(14 * var(--min-ratio));
  color: var(--white);
  line-height: 1;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.c-style-contents__title--am::before {
  content: 'AM';
}
.c-style-contents__title--pm::before {
  content: 'PM';
}
@media (min-width: 768px) {
  .c-style-contents__title {
    margin-bottom: 0;
    font-size: calc(20 * var(--max-ratio));
    column-gap: calc(20 * var(--max-ratio));
    grid-column: 1 / 2;
    grid-row: 1 / 2;
  }
  .c-style-contents__title--am::before,
  .c-style-contents__title--pm::before {
    width: calc(60 * var(--max-ratio));
    height: calc(32 * var(--max-ratio));
    border-radius: calc(16 * var(--max-ratio));
    font-size: calc(18 * var(--max-ratio));
  }
}
@media (min-width: 1120px) {
  .c-style-contents__title {
    font-size: calc(20 * var(--rem-ratio));
    column-gap: calc(20 * var(--rem-ratio));
  }
  .c-style-contents__title--am::before,
  .c-style-contents__title--pm::before {
    width: calc(60 * var(--rem-ratio));
    height: calc(32 * var(--rem-ratio));
    border-radius: calc(16 * var(--rem-ratio));
    font-size: calc(18 * var(--rem-ratio));
  }
}

.c-style-contents__text {
  margin-bottom: calc(20 * var(--min-ratio));
  font-size: calc(14 * var(--min-ratio));
  line-height: 1.8;
  font-weight: 400;
}
.c-style-contents__text p:last-of-type {
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .c-style-contents__text {
    padding-top: calc(20 * var(--max-ratio));
    margin-bottom: 0;
    font-size: calc(16 * var(--max-ratio));
    line-height: 2;
    grid-column: 1 / 2;
    grid-row: 2 / 3;
  }
}
@media (min-width: 1120px) {
  .c-style-contents__text {
    padding-top: calc(20 * var(--rem-ratio));
    font-size: calc(16 * var(--rem-ratio));
  }
}

.c-style-contents__image {
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .c-style-contents__image {
    grid-column: 2 / 3;
    grid-row: 1 / 3;
  }
}

.c-style-note {
  padding: calc(20 * var(--min-ratio));
  border-radius: calc(10 * var(--min-ratio));
  border: 1px solid rgb(var(--black_rgb) / .1);
  font-size: calc(14 * var(--min-ratio));
  line-height: 1.8;
}
.c-style-after-text {
  padding: calc(20 * var(--min-ratio));
  border-radius: calc(5 * var(--min-ratio));
  border: 1px solid rgb(var(--black_rgb) / .1);
  font-size: calc(14 * var(--min-ratio));
  line-height: 1.8;
}
.c-style-note p:last-of-type,
.c-style-after-text p:last-of-type {
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .c-style-note {
    padding: calc(20 * var(--max-ratio));
    border-radius: calc(10 * var(--max-ratio));
    font-size: calc(16 * var(--max-ratio));
    line-height: 2;
  }
  .c-style-after-text {
    max-width: calc(1120 * var(--rem-ratio));
    padding: calc(40 * var(--rem-ratio));
    margin: 0 auto;
    border-radius: calc(10 * var(--rem-ratio));
    font-size: calc(18 * var(--rem-ratio));
    line-height: 2;
    text-align: center;
  }
}
@media (min-width: 1120px) {
  .c-style-note {
    padding: calc(20 * var(--rem-ratio));
    border-radius: calc(10 * var(--rem-ratio));
    font-size: calc(16 * var(--rem-ratio));
  }
  .c-style-after-text {
    padding: calc(40 * var(--rem-ratio));
    border-radius: calc(10 * var(--rem-ratio));
    font-size: calc(18 * var(--rem-ratio));
  }
}


/* ========================================================================================= ^^
	About
============================================================================================ ^^ */
.page-about .c-recruit-page-header {
  height: calc(650 * var(--min-ratio));
  padding-top: calc(154 * var(--min-ratio));
  background: url(../../img/recruit2025/about/header-about_sp.webp) no-repeat 50% 100% / 100% auto;
}
.page-about .c-recruit-page-header__inner {
  row-gap: calc(40 * var(--min-ratio));
}
.page-about .c-recruit-page-header__title .jpn::before {
  background-color: var(--primary-sub-color1);
}
@media (min-width: 768px) {
  .page-about .c-recruit-page-header {
    height: calc(630 * var(--max-ratio));
    padding-top: calc(172 * var(--max-ratio));
    background: url(../../img/recruit2025/about/header-about_pc.webp) no-repeat 50% 50% / cover;
    color: var(--white);
  }
  .page-about .c-recruit-page-header__copy {
    color: var(--white);
  }
}
@media (min-width: 1120px) {
  .page-about .c-recruit-page-header {
    height: calc(630 * var(--rem-ratio));
    padding-top: calc(172 * var(--rem-ratio));
  }
}

.p-about-contents {
  display: grid;
  grid-template-columns: 100%;
  grid-column: 1 / 2;
  grid-row: 3 / 4;
}
.page-about .c-sp-lead {
  margin-top: calc(30 * var(--min-ratio));
  margin-bottom: calc(20 * var(--min-ratio));
  grid-column: 1 / 2;
  grid-row: 1 / 2;
}
.page-about .p-scroll-side-contents {
  background-color: var(--bg-color2);
  grid-column: 1 / 2;
  grid-row: 2/ 3;
}
.page-about .p-scroll-side-contents .c-scroll-side-menu__link {
  background-color: var(--bg-color2);
}
.page-about .l-site-main .c-wrap {
  padding-top: 0;
  padding-bottom: 0;
}
.page-about .l-site-main__inner {
  display: grid;
  grid-template-columns: 100%;
  row-gap: calc(12 * var(--min-ratio));
}
@media (min-width: 768px) {
  .page-about .l-site-main__inner {
    display: grid;
    grid-template-columns: calc((220 / 1120) * 100%) calc((900 / 1120) * 100%);
  }
  .p-about-contents {
    grid-column: 2 / 3;
    grid-row: 1 / 2;
    row-gap: unset;
  }
  .page-about .p-scroll-side-contents {
    width: calc(200 * var(--lg-ratio));
    padding-top: calc(105 * var(--lg-ratio));
    background-color: transparent;
    grid-column: 1 / 2;
    grid-row: 1 / 2;
    transform: translate(calc(10 * var(--lg-ratio)), calc(-65 * var(--lg-ratio)));
  }
  .page-about .p-scroll-side-contents .c-scroll-side-menu__link {
    background-color: transparent;
  }
}
@media (min-width: 1360px) {
  .page-about .l-site-main__inner {
    grid-template-columns: calc((190 / 1120) * 100%) calc((930 / 1120) * 100%);
  }
  .page-about .p-scroll-side-contents {
    width: calc(200 * var(--rem-ratio));
    padding-top: calc(105 * var(--rem-ratio));
    transform: translate(calc(-70 * var(--lg-ratio)), calc(-65 * var(--lg-ratio)));
  }
}


.c-about-section__inner {
  margin: 0;
}
.p-about-contents .c-about-section {
  width: 100vw;
  padding: calc(20 * var(--min-ratio)) calc(24 * var(--min-ratio)) calc(50 * var(--min-ratio));
  margin: 0 calc(50% - 50vw);
  background-color: var(--white);
  position: relative;
}
.c-about-section__left-mask {
  height: 100%;
  background-color: var(--white);
  position: absolute;
  top: 0;
  right: 100%;
}

.c-about-section__right-mask {
  height: 100%;
  background-color: var(--white);
  position: absolute;
  top: 0;
  left: 100%;
}

@media (min-width: 768px) {
  .p-about-contents .c-about-section {
    width: 100%;
    /* width: 100vw; */
    /* padding-bottom: calc(160 * var(--max-ratio)); */
    /* padding: calc(100 * var(--max-ratio)) calc((100vw - calc(1120 * var(--max-ratio))) / 2) calc(160 * var(--max-ratio)); */
    padding: calc(100 * var(--max-ratio)) calc(30 * var(--max-ratio)) calc(160 * var(--max-ratio));
    margin: 0;
    /* transform: translateX(calc(calc(408 * var(--max-ratio)) - 50vw)) */
  }
  .c-about-section__inner {
    max-width: calc(930 * var(--rem-ratio));
    width: 100%;
    margin: 0 0 0 auto;
  }
  .p-number .c-about-section__inner {
    max-width: none;
  }
}
@media (min-width: 1120px) {
  .p-about-contents .c-about-section {
    /* width: 100vw; */
    /* padding: calc(100 * var(--rem-ratio)) calc((100vw - calc(1120 * var(--rem-ratio))) / 2) calc(160 * var(--rem-ratio)); */
    padding: calc(100 * var(--rem-ratio)) calc(30 * var(--rem-ratio)) calc(160 * var(--rem-ratio));
    margin: 0;
    /* transform: translateX(calc(calc(368 * var(--rem-ratio)) - 50vw)); */
  }
  .c-about-section__inner {
    width: 100%;
  }
}

.l-site-main--recruit-top .p-message .c-recruit-marquee {
  margin-top: calc(28 * var(--min-ratio));
  margin-bottom: calc(28 * var(--min-ratio));
}

@media (min-width: 768px) {
  .l-site-main--recruit-top .p-message .c-recruit-marquee {
    margin-top: calc(28 * var(--max-ratio));
    margin-bottom: calc(63 * var(--max-ratio));
  }
}
@media (min-width: 1120px) {
  .l-site-main--recruit-top .p-message .c-recruit-marquee {
    margin-top: calc(28 * var(--rem-ratio));
    margin-bottom: calc(63 * var(--rem-ratio));
  }
}
.p-about-contents .p-message .c-text {
  font-size: calc(14 * var(--min-ratio));
  line-height: 1.8;
}
.p-about-contents .p-message .c-text p {
  margin-bottom: calc(16 * var(--min-ratio));
}
.p-about-contents .p-message .c-text p:last-of-type {
  margin-bottom: 0;
}
.c-sign {
  padding-top: calc(24 * var(--min-ratio));
  font-size: calc(18 * var(--min-ratio));
  line-height: 1.5;
  font-weight: 500;
  text-align: right;
}
.c-sign span {
  font-size: calc(12 * var(--min-ratio));
}
@media (min-width: 768px) {
  .p-about-contents .p-message .c-text {
    font-size: calc(16 * var(--max-ratio));
    line-height: 2;
  }
  .p-about-contents .p-message .c-text p {
    margin-bottom: calc(32 * var(--max-ratio));
  }
  .c-sign {
    padding-top: calc(24 * var(--max-ratio));
    font-size: calc(20 * var(--max-ratio));
  }
  .c-sign span {
    font-size: calc(14 * var(--max-ratio));
  }
}
@media (min-width: 1120px) {
  .p-about-contents .p-message .c-text {
    font-size: calc(16 * var(--rem-ratio));
  }
  .p-about-contents .p-message .c-text p {
    margin-bottom: calc(32 * var(--rem-ratio));
  }
  .c-sign {
    padding-top: calc(24 * var(--rem-ratio));
    font-size: calc(20 * var(--rem-ratio));
  }
  .c-sign span {
    font-size: calc(14 * var(--rem-ratio));
  }
}

.p-about-contents .p-system.c-about-section {
  padding-top: calc(50 * var(--min-ratio));
  padding-bottom: 0;
  background-color: var(--bg-color2);
}
.p-about-contents .p-system.c-about-section .c-about-section__left-mask,
.p-about-contents .p-system.c-about-section .c-about-section__right-mask {
  background-color: var(--bg-color2);
}


.c-system-flow {
  margin-bottom: calc(15 * var(--min-ratio));
  display: grid;
  grid-template-columns: calc((40 / 328) * 100%) calc((273 / 328) * 100%);
  column-gap: calc((15 / 328) * 100%);
}
.c-system-flow__num {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  row-gap: calc(11 * var(--min-ratio));
}
.c-system-flow__num .c-line {
  height: calc(100% - calc(55 * var(--min-ratio)));
}
.c-system-flow__contents {
  padding-bottom: calc(15 * var(--min-ratio));
}
.c-system-flow__title {
  width: 100%;
  height: calc(40 * var(--min-ratio));
  padding: calc(8 * var(--min-ratio)) calc(15 * var(--min-ratio)) 0;
  margin-bottom: calc(30 * var(--min-ratio));
  background-color: var(--bg-color3);
  font-size: calc(20 * var(--min-ratio));
  color: var(--white);
  line-height: 1;
  font-weight: 500;
  display: flex;
  justify-content: flex-start;
  align-items: baseline;
}
.c-system-flow__title span {
  font-size: calc(14 * var(--min-ratio));
}
.c-system-flow__sub-title {
  margin-bottom: calc(15 * var(--min-ratio));
  background: linear-gradient(
    to bottom,
    transparent 0%,
    transparent calc(100% - calc(4 * var(--min-ratio))),
    var(--secondary-color) calc(100% - calc(4 * var(--min-ratio))),
    var(--secondary-color) 100%);
  font-size: calc(18 * var(--min-ratio));
  line-height: 1;
  font-weight: 500;
  display: inline-block;
}
.c-system-flow__text {
  font-size: calc(14 * var(--min-ratio));
  line-height: 1.8;
}
.c-system-flow__text p {
  margin-bottom: calc(10 * var(--min-ratio));
}
.c-system-flow__text p:last-of-type {
  margin-bottom: 0;
}
.c-system-flow__text span {
  color: var(--primary-color);
}
.c-system-flow__image {
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .p-about-contents .p-system.c-about-section {
    padding-top: calc(160 * var(--max-ratio));
  }
  .c-system-flow {
    margin-bottom: calc(11 * var(--max-ratio));
  }
  .c-system-flow__num {
    align-items: center;
    row-gap: calc(11 * var(--max-ratio));
  }
  .c-system-flow__num .c-line {
    height: calc(100% - calc(55 * var(--max-ratio)));
  }
  .c-system-flow__contents {
    padding-bottom: calc(39 * var(--max-ratio));
  }
}
@media (min-width: 1120px) {
  .p-about-contents .p-system.c-about-section {
    padding-top: calc(160 * var(--rem-ratio));
  }
  .c-system-flow {
    margin-bottom: calc(11 * var(--rem-ratio));
  }
  .c-system-flow__num {
    align-items: center;
    row-gap: calc(11 * var(--rem-ratio));
  }
  .c-system-flow__num .c-line {
    height: calc(100% - calc(55 * var(--rem-ratio)));
  }
  .c-system-flow__contents {
    padding-bottom: calc(39 * var(--rem-ratio));
  }
}

@media not all and (min-width: 768px) {
  .c-system-flow__image {
    margin: calc(18 * var(--min-ratio)) 0 calc(26 * var(--min-ratio));
    display: block;
  }
  .c-system-flow__image--sp-full {
    width: 99vw;
    /* margin: calc(27 * var(--min-ratio)) 0 calc(34 * var(--min-ratio)) calc((50% - calc((55 / 2) * var(--min-ratio))) - 50vw); */
    margin: calc(27 * var(--min-ratio)) 0 calc(34 * var(--min-ratio));
  }
}
.c-system-flow__image--full {
  width: 100vw;
  margin: 0 calc(50% - 50vw);
  position: relative;
  z-index: 100;
}
@media (min-width: 768px) {
  .c-system-flow__image--full {
    width: 100%;
    margin-top: calc(112 * var(--max-ratio));
    margin-right: 0;
    margin-left: 0;
    /* margin-left: calc(-302 * var(--max-ratio)); */
    display: block;
  }
  .c-system-flow__image--sp-full {
    width: 100%;
    margin-top: calc(31 * var(--max-ratio));
    margin-bottom: calc(49 * var(--max-ratio));
  }
}
@media (min-width: 1120px) {
  .c-system-flow__image--full {
    margin-top: calc(112 * var(--rem-ratio));
    margin-right: 0;
    /* margin-left: calc((50% - calc((190 / 2) * var(--rem-ratio))) - 50vw); */
  }
  .c-system-flow__image--sp-full {
    margin-top: calc(31 * var(--rem-ratio));
    margin-bottom: calc(49 * var(--rem-ratio));
  }
}

.c-num {
  width: calc(40 * var(--min-ratio));
  height: calc(40 * var(--min-ratio));
  padding-top: calc(2 * var(--min-ratio));
  border-radius: 50%;
  border: calc(1.5 * var(--min-ratio)) solid var(--primary-color);
  background-color: var(--white);
  font-family: var(--font-poppins);
  font-size: calc(14 * var(--min-ratio));
  color: var(--font-sub-color);
  line-height: 1;
  font-weight: 400;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  row-gap: calc(2 * var(--min-ratio));
}
.c-num span {
  font-size: calc(10 * var(--min-ratio));
}
@media (min-width: 768px) {
  .p-about-contents .p-system .c-recruit-section-title--2 {
    grid-template-columns: 8.3em 1fr;
  }
  .c-system-flow__title {
    height: calc(50 * var(--max-ratio));
    padding: calc(11 * var(--max-ratio)) calc(15 * var(--max-ratio)) 0;
    margin-bottom: calc(40 * var(--max-ratio));
    font-size: calc(24 * var(--max-ratio));
  }
  .c-system-flow__title span {
    font-size: calc(16 * var(--max-ratio));
  }
  .c-system-flow__sub-title {
    margin-bottom: calc(20 * var(--max-ratio));
    background: linear-gradient(
      to bottom,
      transparent 0%,
      transparent calc(100% - calc(4 * var(--max-ratio))),
      var(--secondary-color) calc(100% - calc(4 * var(--max-ratio))),
      var(--secondary-color) 100%);
    font-size: calc(20 * var(--max-ratio));
  }
  .c-system-flow__text {
    font-size: calc(16 * var(--max-ratio));
    line-height: 2;
  }
  .c-system-flow__text p {
    margin-bottom: calc(10 * var(--max-ratio));
  }
  .c-num {
    width: calc(80 * var(--max-ratio));
    height: calc(30 * var(--max-ratio));
    padding-top: 0;
    border-radius: calc(15 * var(--max-ratio));
    border-width: calc(2 * var(--max-ratio));
    font-size: calc(14 * var(--max-ratio));
    flex-direction: row;
    column-gap: calc(5 * var(--max-ratio));
    row-gap: unset;
  }
  .c-num span {
    font-size: calc(14 * var(--max-ratio));
  }
}
@media (min-width: 1120px) {
  .c-system-flow__title {
    height: calc(50 * var(--rem-ratio));
    padding: calc(11 * var(--rem-ratio)) calc(15 * var(--rem-ratio)) 0;
    margin-bottom: calc(40 * var(--rem-ratio));
    font-size: calc(24 * var(--rem-ratio));
  }
  .c-system-flow__title span {
    font-size: calc(16 * var(--rem-ratio));
  }
  .c-system-flow__sub-title {
    margin-bottom: calc(20 * var(--max-ratio));
    background: linear-gradient(
      to bottom,
      transparent 0%,
      transparent calc(100% - calc(4 * var(--rem-ratio))),
      var(--secondary-color) calc(100% - calc(4 * var(--rem-ratio))),
      var(--secondary-color) 100%);
    font-size: calc(20 * var(--rem-ratio));
  }
  .c-system-flow__text {
    font-size: calc(16 * var(--rem-ratio));
  }
  .c-system-flow__text p {
    margin-bottom: calc(10 * var(--rem-ratio));
  }
  .c-num {
    width: calc(80 * var(--rem-ratio));
    height: calc(30 * var(--rem-ratio));
    border-radius: calc(15 * var(--rem-ratio));
    border-width: calc(2 * var(--rem-ratio));
    font-size: calc(14 * var(--rem-ratio));
    column-gap: calc(5 * var(--rem-ratio));
  }
  .c-num span {
    font-size: calc(14 * var(--rem-ratio));
  }
}

.p-about-contents .p-number {
  padding-top: calc(50 * var(--min-ratio));
  padding-bottom: calc(50 * var(--min-ratio));
}
.p-about-contents .p-number h2 {
  margin-bottom: calc(30 * var(--min-ratio));
  font-size: calc(24 * var(--min-ratio));
  color: var(--primary-sub-color1);
  line-height: 1;
  font-weight: 500;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  row-gap: calc(10 * var(--min-ratio));
}
.p-about-contents .p-number h2 span {
  font-family: var(--font-poppins);
  font-size: calc(12 * var(--min-ratio));
  color: var(--font-base-color);
  font-weight: 500;
}
@media (min-width: 768px) {
  .p-about-contents .p-number {
    padding-top: calc(160 * var(--max-ratio));
    padding-bottom: calc(160 * var(--max-ratio));
  }
  .p-about-contents .p-number h2 {
    margin-bottom: calc(80 * var(--max-ratio));
    font-size: calc(32 * var(--max-ratio));
    row-gap: calc(15 * var(--max-ratio));
  }
  .p-about-contents .p-number h2 span {
    font-size: calc(16 * var(--max-ratio));
  }
}
@media (min-width: 1120px) {
  .p-about-contents .p-number {
    padding-top: calc(160 * var(--rem-ratio));
    padding-bottom: calc(160 * var(--rem-ratio));
  }
  .p-about-contents .p-number h2 {
    margin-bottom: calc(80 * var(--rem-ratio));
    font-size: calc(32 * var(--rem-ratio));
    row-gap: calc(15 * var(--rem-ratio));
  }
  .p-about-contents .p-number h2 span {
    font-size: calc(16 * var(--rem-ratio));
  }
}

.p-work-about.c-work-section  {
  padding-top: calc(18 * var(--min-ratio));
  padding-bottom: 0;
}
.p-work-about.c-work-section .c-text {
  margin-bottom: calc(46 * var(--min-ratio));
}
.p-work-about.c-work-section .c-about-flow .c-text {
  margin: 0 auto;
}
.p-work-about.c-work-section .c-about-flow__inner {
  max-width: calc(1120 * var(--rem-ratio));
  margin: 0 auto;
}
@media (min-width: 768px) {
  .p-work-about.c-work-section  {
    padding-top: 0;
  }
  .p-work-about.c-work-section .c-text {
    width: 100%;
    margin: 0 auto calc(50 * var(--max-ratio));
  }
  .p-work-about.c-work-section .c-about-flow .c-text {
    width: calc(921 * var(--max-ratio));
  }
}
@media (min-width: 1120px) {
  .p-work-about.c-work-section .c-text {
    width: 100%;
    margin-bottom: calc(50 * var(--rem-ratio));
  }
  .p-work-about.c-work-section .c-about-flow .c-text {
    width: calc(921 * var(--rem-ratio));
  }
}


.c-about-flow {
  width: 100vw;
  padding: 0 calc(24 * var(--min-ratio)) calc(50 * var(--min-ratio));
  margin: 0 calc(50% - 50vw);
  /* background: url(../../img/recruit2025/top/bg-grid_sp.webp) repeat 50% 0; */
  background: url(../../img/recruit2025/top/bg-grid.webp) repeat 50% 0;
  background-size: 240%;
}
@media (min-width: 768px) {
  .c-about-flow {
    width: 100%;
    padding: 0 calc(30 * var(--max-ratio)) calc(86 * var(--max-ratio));
    /* margin: 0 calc(50% - 50vw); */
    margin: 0;
    /* background: url(../../img/recruit2025/top/bg-grid.webp) repeat 50% 0; */
    /* transform: translateX(calc(calc(368 * var(--rem-ratio)) - 50vw)); */
    background-size: auto;
  }
}
@media (min-width: 1120px) {
  .c-about-flow {
    /* padding: 0 calc((100vw - calc(1120 * var(--rem-ratio))) / 2) calc(86 * var(--rem-ratio)); */
    padding: 0 0 calc(86 * var(--rem-ratio));
    margin: 0 auto;
    /* transform: translateX(calc(calc(370 * var(--rem-ratio)) - 50vw)); */
  }
}
.c-about-flow figure {
  padding-top: calc(50 * var(--min-ratio));
  margin-bottom: calc(23 * var(--min-ratio));
  position: relative;
}
@media (min-width: 768px) {
  .c-about-flow figure {
    padding-top: calc(80 * var(--max-ratio));
    margin-bottom: calc(37 * var(--max-ratio));
  }
}
@media (min-width: 1120px) {
  .c-about-flow figure {
    padding-top: calc(80 * var(--rem-ratio));
    margin-bottom: calc(37 * var(--rem-ratio));
  }
}
.c-about-flow figcaption {
  width: calc(254 * var(--min-ratio));
  height: calc(36 * var(--min-ratio));
  background-color: var(--secondary-color);
  font-size: calc(18 * var(--min-ratio));
  line-height: 1;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: calc(-12 * var(--min-ratio));
  left: calc(-24 * var(--min-ratio));
}
@media (min-width: 768px) {
  .c-about-flow figcaption {
    width: calc(41 * var(--max-ratio));
    height: calc(277 * var(--max-ratio));
    font-size: calc(24 * var(--max-ratio));
    writing-mode: vertical-rl;
    top: calc(40 * var(--max-ratio));
    right: 0;
    left: auto;
  }
}
@media (min-width: 768px) {
  .c-about-flow figcaption {
    width: calc(41 * var(--rem-ratio));
    height: calc(277 * var(--rem-ratio));
    font-size: calc(24 * var(--rem-ratio));
    top: calc(40 * var(--rem-ratio));
  }
}
.c-about-flow picture {
  max-width: calc(921 * var(--rem-ratio));
  width: 100%;
  margin: 0 auto;
  display: block;
}

.p-about-contents .c-number-contents {
  display: grid;
  grid-template-columns: 100%;
  row-gap: calc(10 * var(--min-ratio));
}
@media (min-width: 768px) {
  .p-about-contents .c-number-contents {
    grid-template-columns: repeat(2, calc((550 / 1120) * 100%));
    column-gap: calc((20 / 1120) * 100%);
    row-gap: calc(20 * var(--max-ratio));
  }
  .c-number-box:nth-of-type(5) {
    grid-column: 1 / 3;
  }
  .c-about-flow picture {
    width: 80vw;
  }
}
@media (min-width: 1120px) {
  .p-about-contents .c-number-contents {
    row-gap: calc(20 * var(--rem-ratio));
  }
  .c-about-flow picture {
    width: 100%;
  }
}


.p-about-contents .p-event {
  padding-top: calc(50 * var(--min-ratio));
  background-color: var(--bg-color2);
}
.p-about-contents .p-event .c-about-section__left-mask,
.p-about-contents .p-event .c-about-section__right-mask {
  background-color: var(--bg-color2);
}
@media (min-width: 768px) {
  .p-about-contents .p-event {
    padding-top: calc(160 * var(--max-ratio));
  }
}
@media (min-width: 1120px) {
  .p-about-contents .p-event {
    padding-top: calc(160 * var(--rem-ratio));
  }
}
.p-about-contents .p-event .c-lead {
  padding-bottom: calc(30 * var(--rem-ratio));
  margin-bottom: calc(30 * var(--min-ratio));
  border-bottom: 1px solid rgb(var(--black_rgb) / .1);
  font-size: calc(14 * var(--min-ratio));
  line-height: 1.8;
}
.p-about-contents .p-event .c-lead p:last-of-type {
  margin-bottom: 0;
}
.c-event-contents {
  padding-bottom: calc(30 * var(--min-ratio));
  margin-bottom: calc(30 * var(--min-ratio));
  border-bottom: 1px solid rgb(var(--black_rgb) / .1);
}
.c-event-contents:last-of-type {
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: none;
}
.c-event-contents__title {
  margin-bottom: calc(20 * var(--min-ratio));
  font-size: calc(18 * var(--min-ratio));
  line-height: 1;
  font-weight: 500;
  display: grid;
  grid-template-columns: 100%;
  row-gap: calc(5 * var(--min-ratio));
}
.c-event-contents__title span {
  font-family: var(--font-poppins);
  font-size: calc(10 * var(--min-ratio));
  color: var(--font-sub-color);
  line-height: 1.2;
  font-weight: 400;
}
.c-event-contents__title span .num {
  font-size: calc(14 * var(--min-ratio));
}
.c-event-contents__text {
  margin-bottom: calc(20 * var(--min-ratio));
  font-size: calc(14 * var(--min-ratio));
  line-height: 1.8;
}
.c-event-contents__text p:last-of-type {
  margin-bottom: 0;
}
.c-event-contents__text span {
  color: var(--primary-color);
}
.c-event-contents__image {
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .c-event-contents {
    padding-bottom: calc(50 * var(--max-ratio));
    margin-bottom: calc(50 * var(--max-ratio));
  }
  .p-about-contents .p-event .c-recruit-section-title--2 {
    grid-template-columns: 8.8em 1fr;
  }
  .p-about-contents .p-event .c-lead {
    padding-bottom: calc(40 * var(--max-ratio));
    margin-bottom: calc(40 * var(--max-ratio));
    font-size: calc(20 * var(--max-ratio));
  }
  .c-event-contents__title {
    margin-bottom: calc(20 * var(--max-ratio));
    font-size: calc(24 * var(--max-ratio));
    grid-template-columns: calc((120 / 930) * 100%) calc((810 / 930) * 100%);
    align-items: center;
  }
  .c-event-contents__title span {
    font-size: calc(14 * var(--max-ratio));
  }
  .c-event-contents__title span .num {
    font-size: calc(14 * var(--max-ratio));
  }
  .c-event-contents__text {
    padding-left: calc(120 * var(--max-ratio));
    margin-bottom: calc(20 * var(--max-ratio));
    font-size: calc(16 * var(--max-ratio));
    line-height: 2;
  }
  .c-event-contents__image {
    padding-left: calc(120 * var(--max-ratio));
  }
}
@media (min-width: 1120px) {
  .c-event-contents {
    padding-bottom: calc(50 * var(--rem-ratio));
    margin-bottom: calc(50 * var(--rem-ratio));
  }
  .p-about-contents .p-event .c-lead {
    padding-bottom: calc(40 * var(--rem-ratio));
    margin-bottom: calc(40 * var(--rem-ratio));
    font-size: calc(20 * var(--rem-ratio));
  }
  .c-event-contents__title {
    margin-bottom: calc(20 * var(--rem-ratio));
    font-size: calc(24 * var(--rem-ratio));
  }
  .c-event-contents__title span {
    font-size: calc(14 * var(--rem-ratio));
  }
  .c-event-contents__title span .num {
    font-size: calc(14 * var(--rem-ratio));
  }
  .c-event-contents__text {
    padding-left: calc(120 * var(--rem-ratio));
    margin-bottom: calc(20 * var(--rem-ratio));
    font-size: calc(16 * var(--rem-ratio));
  }
  .c-event-contents__image {
    padding-left: calc(120 * var(--rem-ratio));
  }
}

/* ========================================================================================= ^^
	Style
============================================================================================ ^^ */
.page-salesstyle .c-recruit-page-header {
  height: calc(650 * var(--min-ratio));
  padding-top: calc(154 * var(--min-ratio));
  background: url(../../img/recruit2025/salesstyle/header-salesstyle_sp.webp) no-repeat 50% 100% / 100% auto;
}
.page-salesstyle .c-recruit-page-header__inner {
  row-gap: calc(40 * var(--min-ratio));
}
@media (min-width: 768px) {
  .page-salesstyle .c-recruit-page-header {
    height: calc(630 * var(--max-ratio));
    padding-top: calc(172 * var(--max-ratio));
    background: url(../../img/recruit2025/salesstyle/header-salesstyle_pc.webp) no-repeat 50% 50% / cover;
    color: var(--white);
  }
  .page-salesstyle .c-recruit-page-header__copy {
    color: var(--white);
  }
}
@media (min-width: 1120px) {
  .page-salesstyle .c-recruit-page-header {
    height: calc(630 * var(--rem-ratio));
    padding-top: calc(172 * var(--rem-ratio));
  }
}

/* ========================================================================================= ^^
	Work
============================================================================================ ^^ */
.page-work .c-recruit-page-header {
  height: calc(650 * var(--min-ratio));
  padding-top: calc(154 * var(--min-ratio));
  background: url(../../img/recruit2025/work/header-work_sp.webp) no-repeat 50% 100% / 100% auto;
}
.page-work .c-recruit-page-header__inner {
  row-gap: calc(40 * var(--min-ratio));
}
.page-work .c-recruit-page-header__title .jpn::before  {
  background-color: var(--primary-sub-color2);
}
@media (min-width: 768px) {
  .page-work .c-recruit-page-header {
    height: calc(630 * var(--max-ratio));
    padding-top: calc(172 * var(--max-ratio));
    background: url(../../img/recruit2025/work/header-work_pc.webp) no-repeat 50% 50% / cover;
    color: var(--white);
  }
  .page-work .c-recruit-page-header__copy {
    color: var(--white);
  }
}
@media (min-width: 1120px) {
  .page-work .c-recruit-page-header {
    height: calc(630 * var(--rem-ratio));
    padding-top: calc(172 * var(--rem-ratio));
  }
}

.p-work-contents {
  display: grid;
  grid-template-columns: 100%;
  grid-column: 1 / 2;
  grid-row: 3 / 4;
}
.page-work .p-scroll-side-contents {
  grid-column: 1 / 2;
  grid-row: 2 / 3;
}
.page-work .c-sp-lead {
  grid-column: 1 / 2;
  grid-row: 1 / 2;
}
.page-work .l-site-main .c-wrap {
  padding-top: calc(23 * var(--min-ratio));
  padding-bottom: 0;
}
.page-work .l-site-main__inner {
  display: grid;
  grid-template-columns: 100%;
  row-gap: calc(25 * var(--min-ratio));
}
@media not all and (min-width: 768px) {
  .page-work .p-scroll-side-contents {
    background-color: var(--bg-color2);
  }
  .page-work .p-scroll-side-contents .c-scroll-side-menu__link {
    background-color: var(--bg-color2);
  }
}
@media (min-width: 768px) {
  .page-work .l-site-main .c-wrap {
    padding-top: 0;
  }
  .page-work .l-site-main__inner {
    display: grid;
    grid-template-columns: calc((190 / 1120) * 100%) calc((900 / 1120) * 100%);
    column-gap: calc((30 / 1120) * 100%);
  }
  .p-work-contents {
    grid-column: 2 / 3;
    grid-row: 1 / 2;
    row-gap: unset;
  }
  .page-work .p-scroll-side-contents {
    padding-top: calc(105 * var(--max-ratio));
    grid-column: 1 / 2;
    grid-row: 1 / 2;
    transform: translate(0, calc(-65 * var(--lg-ratio)));
  }
}
@media (min-width: 1120px) {
  .page-work .p-scroll-side-contents {
    padding-top: calc(105 * var(--rem-ratio));
  }
}
@media (min-width: 1360px) {
  .page-work .l-site-main__inner {
    grid-template-columns: calc((190 / 1120) * 100%) calc((930 / 1120) * 100%);
    column-gap: unset;
  }
  .page-work .p-scroll-side-contents {
    transform: translate(calc(-70 * var(--rem-ratio)), calc(-65 * var(--rem-ratio)));
  }
}

.p-work-contents .c-style-link-box {
  margin-top: calc(30 * var(--min-ratio));
  margin-bottom: calc(30 * var(--min-ratio));
}
@media (min-width: 768px) {
  .p-work-contents .c-style-link-box {
    margin-top: calc(50 * var(--max-ratio));
    margin-bottom: calc(50 * var(--max-ratio));
  }
}
@media (min-width: 1120px) {
  .p-work-contents .c-style-link-box {
    margin-top: calc(50 * var(--rem-ratio));
    margin-bottom: calc(50 * var(--rem-ratio));
  }
}

.c-work-list__title {
  height: calc(32 * var(--min-ratio));
  padding: 0 calc(10 * var(--min-ratio));
  background-color: var(--primary-color);
  font-size: calc(14 * var(--min-ratio));
  color: var(--white);
  line-height: 1;
  font-weight: 500;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  column-gap: calc(10 * var(--min-ratio));
}
.c-work-list__title span {
  height: 100%;
  padding: 0 calc(10 * var(--min-ratio));
  margin-right: calc(-10 * var(--min-ratio));
  background-color: var(--bg-color2);
  font-size: calc(14 * var(--min-ratio));
  color: var(--font-base-color);
  font-weight: 400;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.c-work-list__list {
  border-top: 1px solid rgb(var(--black_rgb) / .1);
  border-left: 1px solid rgb(var(--black_rgb) / .1);
  counter-reset: counter;
}
.c-work-list__list-item {
  height: calc(60 * var(--min-ratio));
  padding: 0 calc(30 * var(--min-ratio));
  border-right: 1px solid rgb(var(--black_rgb) / .1);
  border-bottom: 1px solid rgb(var(--black_rgb) / .1);
  font-size: calc(14 * var(--min-ratio));
  line-height: 1;
  font-weight: 500;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.c-work-list__list-item::before {
  width: calc(40 * var(--min-ratio));
  font-family: var(--font-poppins);
  color: var(--font-sub-color);
  font-weight: 400;
  counter-increment: counter;
  content: counter(counter, decimal-leading-zero) ".";
}
@media (min-width: 768px) {
  .c-work-list__title {
    height: calc(36 * var(--max-ratio));
    padding: 0 calc(15 * var(--max-ratio));
    font-size: calc(16 * var(--max-ratio));
    column-gap: calc(15 * var(--max-ratio));
  }
  .c-work-list__title span {
    padding: 0 calc(15 * var(--max-ratio));
    margin-right: calc(-15 * var(--max-ratio));
    font-size: calc(16 * var(--max-ratio));
  }
  .c-work-list__list {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
  }
  .c-work-list__list-item {
    width: 50%;
    height: calc(80 * var(--max-ratio));
    padding: 0 calc(30 * var(--max-ratio));
    font-size: calc(16 * var(--max-ratio));
  }
  .c-work-list__list-item::before {
    width: calc(60 * var(--max-ratio));
  }
}
@media (min-width: 1120px) {
  .c-work-list__title {
    height: calc(36 * var(--rem-ratio));
    padding: 0 calc(15 * var(--rem-ratio));
    font-size: calc(16 * var(--rem-ratio));
    column-gap: calc(15 * var(--rem-ratio));
  }
  .c-work-list__title span {
    padding: 0 calc(15 * var(--rem-ratio));
    margin-right: calc(-15 * var(--rem-ratio));
    font-size: calc(16 * var(--rem-ratio));
  }
  .c-work-list__list-item {
    height: calc(80 * var(--rem-ratio));
    padding: 0 calc(30 * var(--rem-ratio));
    font-size: calc(16 * var(--rem-ratio));
  }
  .c-work-list__list-item::before {
    width: calc(60 * var(--rem-ratio));
  }
}

.c-style-link-box {
  border-radius: calc(10 * var(--min-ratio));
  overflow: hidden;
}
.c-style-link-box__link {
  width: 100%;
  height: 100%;
  padding: calc(18 * var(--min-ratio)) calc(120 * var(--min-ratio)) calc(18 * var(--min-ratio)) calc(18 * var(--min-ratio));
  background: var(--white) url(../../img/recruit2025/common/bg-style_sp.webp) no-repeat 100% 50%;
  background-size: auto 100%;
  display: block;
  position: relative;
  transition: all .3s;
}
.c-style-link-box__link .c-style-link-box__arrow {
  width: calc(38 * var(--min-ratio));
  height: calc(24 * var(--min-ratio));
  border-radius: calc(12 * var(--min-ratio));
  background-color: var(--primary-sub-color2);
  content: '\0020';
  display: block;
  position: absolute;
  right: calc(18 * var(--min-ratio));
  bottom: calc(18 * var(--min-ratio));
  overflow: hidden;
}
.c-style-link-box__link .c-style-link-box__arrow::before,
.c-style-link-box__link .c-style-link-box__arrow::after {
  width: 100%;
  height: 100%;
  content: '\0020';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  transition: all .2s;
}
.c-style-link-box__link .c-style-link-box__arrow::before {
  background: url(../../img/recruit2025/common/icon-arrow-white2.svg) no-repeat 50% 50%;
  background-size: calc(24 * var(--min-ratio)) auto;
}
.c-style-link-box__link .c-style-link-box__arrow::after {
  background: url(../../img/recruit2025/common/icon-arrow-purple.svg) no-repeat 50% 50%;
  background-size: calc(24 * var(--min-ratio)) auto;
  transform: translateX(-100%);
}

@media (min-width: 768px) {
  .c-style-link-box {
    border-radius: calc(10 * var(--max-ratio));
  }
  .c-style-link-box__link {
    padding: calc(30 * var(--max-ratio)) calc(100 * var(--max-ratio)) calc(30 * var(--max-ratio)) calc(30 * var(--max-ratio));
    background: var(--white) url(../../img/recruit2025/common/bg-style_pc.webp) no-repeat 100% 50%;
    background-size: calc(415 * var(--max-ratio)) auto;
  }
  .c-style-link-box__link .c-style-link-box__arrow {
    width: calc(52 * var(--max-ratio));
    height: calc(32 * var(--max-ratio));
    border-radius: calc(16 * var(--max-ratio));
    right: calc(30 * var(--max-ratio));
    bottom: calc(30 * var(--max-ratio));
  }
  .c-style-link-box__link:hover {
    background-color: var(--primary-sub-color2);
  }
  .c-style-link-box__link:hover .c-style-link-box__arrow {
    background-color: var(--white);
  }
  .c-style-link-box__link .c-style-link-box__arrow::before,
  .c-style-link-box__link .c-style-link-box__arrow::after {
    background-size: calc(24 * var(--max-ratio)) auto;
  }
  .c-style-link-box__link:hover .c-style-link-box__arrow::before {
    transform: translateX(100%);
  }
  .c-style-link-box__link:hover .c-style-link-box__arrow::after {
    transform: translateX(0);
  }
}
@media (min-width: 1120px) {
  .c-style-link-box {
    border-radius: calc(10 * var(--rem-ratio));
  }
  .c-style-link-box__link {
    padding: calc(30 * var(--rem-ratio)) calc(100 * var(--rem-ratio)) calc(30 * var(--rem-ratio)) calc(30 * var(--rem-ratio));
    background-size: calc(415 * var(--rem-ratio)) auto;
  }
  .c-style-link-box__link .c-style-link-box__arrow {
    width: calc(52 * var(--rem-ratio));
    height: calc(32 * var(--rem-ratio));
    border-radius: calc(16 * var(--rem-ratio));
    right: calc(30 * var(--rem-ratio));
    bottom: calc(30 * var(--rem-ratio));
  }
  .c-style-link-box__link .c-style-link-box__arrow::before,
  .c-style-link-box__link .c-style-link-box__arrow::after {
    background-size: calc(24 * var(--rem-ratio)) auto;
  }
}

.c-style-link-box__title {
  margin-bottom: calc(19 * var(--min-ratio));
  font-family: var(--font-poppins);
  font-size: calc(28 * var(--min-ratio));
  line-height: 1;
  font-weight: 400;
  display: flex;
  flex-direction: column;
  row-gap: calc(12 * var(--min-ratio));
}
.c-style-link-box__title .jpn {
  font-family: var(--font-noto-sans);
  font-size: calc(11 * var(--min-ratio));
  color: var(font---font-sub-color);
  font-weight: 500;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  column-gap: calc(7 * var(--min-ratio));
}
.c-style-link-box__title .jpn::before {
  width: calc(5 * var(--min-ratio));
  height: calc(5 * var(--min-ratio));
  background-color: var(--primary-sub-color2);
  border-radius: 50%;
  content: '\0020';
  display: block;
}
@media (min-width: 768px) {
  .c-style-link-box__title {
    margin-bottom: calc(19 * var(--max-ratio));
    font-size: calc(48 * var(--max-ratio));
    row-gap: calc(15 * var(--max-ratio));
  }
  .c-style-link-box__title .jpn {
    font-size: calc(14 * var(--max-ratio));
    column-gap: calc(6 * var(--max-ratio));
  }
  .c-style-link-box__title .jpn::before {
    width: calc(6 * var(--max-ratio));
    height: calc(6 * var(--max-ratio));
  }
  .c-style-link-box__link:hover .c-style-link-box__title {
    color: var(--white);
  }
  .c-style-link-box__link:hover .c-style-link-box__title .jpn::before {
    background-color: var(--white);
  }
}
@media (min-width: 1120px) {
  .c-style-link-box__title {
    margin-bottom: calc(19 * var(--rem-ratio));
    font-size: calc(48 * var(--rem-ratio));
    row-gap: calc(15 * var(--rem-ratio));
  }
  .c-style-link-box__title .jpn {
    font-size: calc(14 * var(--rem-ratio));
    column-gap: calc(6 * var(--rem-ratio));
  }
  .c-style-link-box__title .jpn::before {
    width: calc(6 * var(--rem-ratio));
    height: calc(6 * var(--rem-ratio));
  }
}

.c-style-link-box__text {
  font-size: calc(12 * var(--min-ratio));
  line-height: 1.8;
  font-weight: 400;
}
.c-style-link-box__text p:last-of-type {
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .c-style-link-box__text {
    font-size: calc(15 * var(--max-ratio));
  }
  .c-style-link-box__link:hover .c-style-link-box__text {
    color: var(--white);
  }
}
@media (min-width: 1120px) {
  .c-style-link-box__text {
    font-size: calc(15 * var(--rem-ratio));
  }
}
.c-text {
  font-size: calc(14 * var(--min-ratio));
  line-height: 1.8;
  font-weight: 400;
}
.c-text p:last-of-type {
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .c-text {
    font-size: calc(16 * var(--max-ratio));
    line-height: 2;
  }
}
@media (min-width: 1120px) {
  .c-text {
    font-size: calc(16 * var(--rem-ratio));
  }
}


.p-about-contents .c-work-section__inner {
  margin: 0;
}
.p-work-contents .c-work-section {
  width: 100vw;
  padding: calc(50 * var(--min-ratio)) calc(24 * var(--min-ratio));
  margin: 0 calc(50% - 50vw);
  background-color: var(--white);
  position: relative;
}
.p-work-contents .p-sales.c-work-section {
  padding-bottom: 0;
}
.c-work-section__left-mask {
  height: 100%;
  background-color: var(--white);
  position: absolute;
  top: 0;
  right: 100%;
}

.c-work-section__right-mask {
  height: 100%;
  background-color: var(--white);
  position: absolute;
  top: 0;
  left: 100%;
}
.p-work-contents .p-work-about.c-work-section .c-work-section__left-mask,
.p-work-contents .p-work-about.c-work-section .c-work-section__right-mask {
  display: none;
}
@media (min-width: 768px) {
  .p-work-contents .c-work-section {
    width: 100%;
    /* padding: calc(160 * var(--max-ratio)) 0; */
    /* padding: calc(160 * var(--max-ratio)) calc((100vw - calc(1120 * var(--max-ratio))) / 2); */
    padding: calc(160 * var(--max-ratio)) 0;
    margin: 0;
    /* transform: translateX(calc(calc(408 * var(--max-ratio)) - 50vw)); */
  }
  .p-work-contents .p-work-about.c-work-section {
    padding: calc(92 * var(--max-ratio)) 0 0;
  }
  .p-work-contents .p-sales.c-work-section {
    padding-bottom: 0;
  }
  .c-work-section__inner {
    max-width: calc(1120 * var(--rem-ratio));
    width: 100%;
    padding: 0;
    margin: 0;
  }
}
@media (min-width: 1120px) {
  .p-work-contents .c-work-section {
    /* width: 100vw; */
    /* padding: calc(160 * var(--rem-ratio)) calc((100vw - calc(1120 * var(--rem-ratio))) / 2); */
    padding: calc(160 * var(--rem-ratio)) 0;
    margin: 0;
    /* transform: translateX(calc(calc(368 * var(--rem-ratio)) - 50vw)); */
  }
  .p-work-contents .p-work-about.c-work-section {
    padding-top: calc(92 * var(--rem-ratio));
  }
  .p-work-contents .p-sales.c-work-section {
    padding-bottom: 0;
  }
  .c-work-section__inner {
    /* padding: 0 0 0 calc(190 * var(--rem-ratio)); */
    padding: 0;
    margin: 0 auto;
  }
}



.c-work-section__header {
  width: calc(100% + calc(50vw - 50%));
  padding: 0 calc(24 * var(--min-ratio)) calc(30 * var(--min-ratio)) 0;
  margin: 0 calc(50% - 50vw) calc(30 * var(--min-ratio)) 0;
  border-bottom: 1px solid rgb(var(--black_rgb) / .1);
  display: flex;
  flex-direction: column;
  row-gap: calc(20 * var(--min-ratio));
}
.c-work-section__header .c-recruit-section-title {
  padding-bottom: 0;
  margin-bottom: 0;
  font-size: calc(24 * var(--min-ratio));
}
.c-work-section__header p {
  margin-bottom: 0;
  font-size: calc(14 * var(--min-ratio));
  line-height: 1.8;
  font-weight: 400;
}
@media (min-width: 768px) {
  .c-work-section__header {
    /* width: calc(80vw + calc(50vw - 50%)); */
    width: 100%;
    padding: 0 0 calc(40 * var(--max-ratio));
    margin: 0 auto calc(50 * var(--max-ratio));
    row-gap: calc(20 * var(--max-ratio));
  }
  .c-work-section__header .c-recruit-section-title {
    font-size: calc(32 * var(--max-ratio));
  }
  .c-work-section__header p {
    font-size: calc(18 * var(--max-ratio));
  }
}
@media (min-width: 1120px) {
  .c-work-section__header {
    width: calc(99% + calc(50vw - calc(560 * var(--rem-ratio))));
    padding: 0 0 calc(40 * var(--rem-ratio));
    margin: 0 0 calc(50 * var(--rem-ratio));
    row-gap: calc(20 * var(--rem-ratio));
  }
  .c-work-section__header .c-recruit-section-title {
    font-size: calc(32 * var(--rem-ratio));
  }
  .c-work-section__header p {
    font-size: calc(18 * var(--rem-ratio));
  }
}

.c-work-note {
  padding-top: calc(20 * var(--min-ratio));
  margin-bottom: calc(33 * var(--min-ratio));
  font-size: calc(12 * var(--min-ratio));
  line-height: 1.8;
  font-weight: 400;
  display: grid;
  grid-template-columns: calc((12 / 327) * 100%) calc((310 / 327) * 100%);
  column-gap: calc((5 / 327) * 100%);
}
.c-work-note::before {
  content: '※';
  display: block;
}
.c-work-note p:last-of-type {
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .c-work-note {
    padding-top: calc(20 * var(--max-ratio));
    margin-bottom: calc(30 * var(--max-ratio));
    font-size: calc(14 * var(--max-ratio));
    line-height: 2;
    grid-template-columns: calc((22 / 930) * 100%) calc((903 / 930) * 100%);
    column-gap: calc((5 / 930) * 100%);
  }
}
@media (min-width: 1120px) {
  .c-work-note {
    padding-top: calc(20 * var(--rem-ratio));
    margin-bottom: calc(30 * var(--rem-ratio));
    font-size: calc(14 * var(--rem-ratio));
  }
  .c-work-note + .c-work-list {
    margin-top: calc(30 * var(--rem-ratio));
  }
}

.c-member-interview .swiper-wrapper {
  /* display: flex;
  column-gap: calc(30 * var(--min-ratio)); */
}
@media (min-width: 768px) {
  .c-member-interview .swiper-wrapper {
    /* column-gap: calc(65 * var(--max-ratio)); */
  }
}
@media (min-width: 1120px) {
  .c-member-interview .swiper-wrapper {
    /* column-gap: calc(65 * var(--rem-ratio)); */
  }
}

.c-member-interview .c-member-box {
  width: calc(180 * var(--min-ratio));
}
@media (min-width: 768px) {
  .c-member-interview .c-member-box {
    width: calc(265 * var(--max-ratio));
  }
}
@media (min-width: 1120px) {
  .c-member-interview .c-member-box {
    width: calc(265 * var(--rem-ratio));
  }
}




.page-work #about {
  
}

.page-work .p-sales {
  /* padding-top: calc(50 * var(--min-ratio));
  padding-bottom: calc(50 * var(--min-ratio)); */
  background-color: var(--bg-color2);
}
.page-work .p-sales .c-work-section__left-mask,
.page-work .p-sales .c-work-section__right-mask {
  background-color: var(--bg-color2);
}


/* ========================================================================================= ^^
	Top
============================================================================================ ^^ */
.l-recruit-section__inner {
  max-width: calc(1120 * var(--rem-ratio));
  width: 100%;
  margin: 0 auto;
}
.c-recruit-mv {
  position: relative;
}
.c-recruit-mv__slider {
  z-index: 1;
}
.c-recruit-mv .swiper-pagination-bullets.swiper-pagination-horizontal {
  width: auto;
  height: calc(8 * var(--min-ratio));
  display: inline-flex;
  justify-content: flex-end;
  align-items: center;
  column-gap: calc(3 * var(--min-ratio));
  right: calc(12 * var(--min-ratio));
  bottom: calc(60 * var(--min-ratio));
  z-index: 10;
}
.c-recruit-mv .swiper-pagination-bullet {
  width: calc(8 * var(--min-ratio));
  height: calc(8 * var(--min-ratio));
  background-color: var(--white);
  opacity: 1;
}
.c-recruit-mv .swiper-pagination-bullet-active {
  background-color: var(--primary-color);
}
.swiper-pagination {
  pointer-events: all !important;
}

@media (min-width: 768px) {
  .c-recruit-mv__slider-pagination {
    height: 100%;
    position: absolute;
    top: 0;
    left: calc(20 * var(--max-ratio));
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .c-recruit-mv .swiper-pagination-bullets.swiper-pagination-horizontal {
    height: auto;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    row-gap: calc(12 * var(--max-ratio));
    position: relative;
    right: auto;
    bottom: auto;
  }
  .c-recruit-mv .swiper-pagination-bullet {
    width: calc(6 * var(--max-ratio));
    height: calc(6 * var(--max-ratio));
  }
  .c-recruit-mv .swiper-pagination-bullet-active {
    width: calc(10 * var(--max-ratio));
    height: calc(10 * var(--max-ratio));
  }
}
@media (min-width: 1120px) {
  .c-recruit-mv__slider-pagination {
    left: calc(20 * var(--rem-ratio));
  }
  .c-recruit-mv .swiper-pagination-bullets.swiper-pagination-horizontal {
    row-gap: calc(12 * var(--rem-ratio));
  }
  .c-recruit-mv .swiper-pagination-bullet {
    width: calc(6 * var(--rem-ratio));
    height: calc(6 * var(--rem-ratio));
  }
  .c-recruit-mv .swiper-pagination-bullet-active {
    width: calc(10 * var(--rem-ratio));
    height: calc(10 * var(--rem-ratio));
  }
}

@keyframes loop {
  0% {
    transform: translate(0);
  }
  100% {
    transform: translate(-100%);
  }
}
.c-recruit-mv__marquee {
  width: 100vw;
  font-family: var(--poppins);
  font-size: calc(120 * var(--min-ratio));
  color: rgb(var(--white_rgb) / .6);
  line-height: 1;
  font-weight: 700;
  letter-spacing: -0.06em;
  white-space: nowrap;
  overflow: hidden;
  position: absolute;
  top: 50%;
  left: 0;
  z-index: 5;
  transform: translateY(-55%);
  display: flex;
  justify-content: center;
  align-items: center;
}
.c-recruit-mv__marquee span {
  margin-right: 0.3em;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  animation: loop 40s linear 0s infinite;
}
@media (min-width: 768px) {
  .c-recruit-mv__marquee {
    width: 100%;
    font-size: calc(320 * var(--max-ratio));
  }
}
@media (min-width: 1120px) {
  .c-recruit-mv__marquee {
    font-size: calc(320 * var(--rem-ratio));
  }
}

.c-recruit-mv__title {
  width: 100%;
  font-size: calc(32 * var(--min-ratio));
  line-height: 1;
  font-weight: 500;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 6;
  transform: translate(-50%, -50%);
  display: inline-flex;
  justify-content: center;
  align-items: center;
  column-gap: calc(5 * var(--min-ratio));
}
.c-recruit-mv__title span {
  height: calc(46 * var(--min-ratio));
  padding: calc(5 * var(--min-ratio)) calc(5 * var(--min-ratio)) calc(7 * var(--min-ratio));
  background-color: var(--primary-color);
  color: var(--white);
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
@media (min-width: 768px) {
  .c-recruit-mv__title {
    width: 70vw;
    font-size: calc(66 * var(--lg-ratio));
    column-gap: calc(10 * var(--lg-ratio));
  }
  .c-recruit-mv__title span {
    height: calc(88 * var(--lg-ratio));
    padding: calc(2 * var(--lg-ratio)) calc(15 * var(--lg-ratio)) calc(10 * var(--lg-ratio));
  }
}
@media (min-width: 1360px) {
  .c-recruit-mv__title {
    font-size: calc(72 * var(--rem-ratio));
    column-gap: calc(10 * var(--rem-ratio));
  }
  .c-recruit-mv__title span {
    height: calc(88 * var(--rem-ratio));
    padding: calc(2 * var(--rem-ratio)) calc(15 * var(--rem-ratio)) calc(10 * var(--rem-ratio));
  }
}




.c-recruit-mv__links {
  width: calc(315 * var(--min-ratio));
  height: calc(44 * var(--min-ratio));
  border-radius: calc(10 * var(--min-ratio)) 0 0 0;
  overflow: hidden;
  display: grid;
  grid-template-columns: repeat(2, 50%);
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 5;
}
.c-recruit-mv__link-item {
  margin: 0;
}
.c-recruit-mv__link {
  width: 100%;
  height: 100%;
  padding: 0 calc(8 * var(--min-ratio));
  background-color: var(--bg-color3);
  font-size: calc(11 * var(--min-ratio));
  line-height: 1;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  column-gap: calc(12 * var(--min-ratio));
}
.c-recruit-mv__link-arrow {
  width: calc(28 * var(--min-ratio));
  height: calc(18 * var(--min-ratio));
  border-radius: calc(9 * var(--min-ratio));
  background-color: var(--white);
  display: block;
  position: relative;
  overflow: hidden;
}
.c-recruit-mv__link-arrow::before,
.c-recruit-mv__link-arrow::after {
  width: 100%;
  height: 100%;
  content: '\0020';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  transition: all .2s;
}
.c-recruit-mv__link-arrow::before {
  background: url(../../img/recruit2025/common/icon-arrow-black.svg) no-repeat 50% 50%;
  background-size: calc(13 * var(--min-ratio)) auto;
}
.c-recruit-mv__link-arrow::after {
  background: url(../../img/recruit2025/common/icon-arrow-green.svg) no-repeat 50% 50%;
  background-size: calc(13 * var(--min-ratio)) auto;
  transform: translateX(-100%);
}
.c-recruit-mv__link:link {
  color: var(--white);
}
.c-recruit-mv__link:visited {
  color: var(--white);
}
.c-recruit-mv__link:hover {
  color: var(--white);
}
.c-recruit-mv__link:focus {
  color: var(--white);
}
@media (min-width: 400px) {
  .c-recruit-mv__link-arrow {
    width: calc(32 * var(--min-ratio));
    height: calc(20 * var(--min-ratio));
    border-radius: calc(10 * var(--min-ratio));
  }
  .c-recruit-mv__link-arrow::before {
    background-size: calc(16 * var(--min-ratio)) auto;
  }
  .c-recruit-mv__link-arrow::after {
    background-size: calc(16 * var(--min-ratio)) auto;
  }
}
@media (min-width: 768px) {
  .c-recruit-mv__links {
    width: calc(453 * var(--max-ratio));
    height: calc(70 * var(--max-ratio));
    border-radius: calc(10 * var(--max-ratio)) 0 0 0;
  }
  .c-recruit-mv__link {
    padding: 0 calc(20 * var(--max-ratio)) 0 calc(30 * var(--max-ratio));
    font-size: calc(14 * var(--max-ratio));
    column-gap: calc(12 * var(--max-ratio));
  }
  .c-recruit-mv__link + .c-recruit-mv__link {
    padding: 0 calc(30 * var(--max-ratio)) 0 calc(20 * var(--max-ratio));
  }
  .c-recruit-mv__link-arrow {
    width: calc(32 * var(--max-ratio));
    height: calc(20 * var(--max-ratio));
    border-radius: calc(10 * var(--max-ratio));
    background-size: calc(16 * var(--rem-ratio)) auto;
  }
  .c-recruit-mv__link-arrow::before {
    background-size: calc(16 * var(--max-ratio)) auto;
  }
  .c-recruit-mv__link-arrow::after {
    background-size: calc(16 * var(--max-ratio)) auto;
  }
  .c-recruit-mv__link:hover {
    color: var(--primary-color);
  }
  .c-recruit-mv__link:hover .c-recruit-mv__link-arrow::before {
    transform: translateX(100%);
  }
  .c-recruit-mv__link:hover .c-recruit-mv__link-arrow::after {
    transform: translateX(0);
  }
}
@media (min-width: 1120px) {
  .c-recruit-mv__links {
    width: calc(453 * var(--rem-ratio));
    height: calc(70 * var(--rem-ratio));
    border-radius: calc(10 * var(--rem-ratio)) 0 0 0;
  }
  .c-recruit-mv__link {
    padding: 0 calc(20 * var(--rem-ratio)) 0 calc(30 * var(--rem-ratio));
    font-size: calc(14 * var(--rem-ratio));
    column-gap: calc(12 * var(--rem-ratio));
  }
  .c-recruit-mv__link + .c-recruit-mv__link {
    padding: 0 calc(30 * var(--rem-ratio)) 0 calc(20 * var(--rem-ratio));
  }
  .c-recruit-mv__link-arrow {
    width: calc(32 * var(--rem-ratio));
    height: calc(20 * var(--rem-ratio));
    border-radius: calc(10 * var(--rem-ratio));
    background-size: calc(16 * var(--rem-ratio)) auto;
  }
  .c-recruit-mv__link-arrow::before {
    background-size: calc(16 * var(--rem-ratio)) auto;
  }
  .c-recruit-mv__link-arrow::after {
    background-size: calc(16 * var(--rem-ratio)) auto;
  }
}

.c-scroll {
  margin-bottom: 0;
  font-family: var(--font-poppins);
  font-size: calc(10 * var(--min-ratio));
  color: var(--white);
  line-height: 1;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  column-gap: calc(5 * var(--min-ratio));
  position: absolute;
  bottom: 0;
  left: calc(10 * var(--min-ratio));
  z-index: 5;
}
.c-scroll::after {
  width: 1px;
  height: calc(60 * var(--min-ratio));
  background: linear-gradient(to bottom, var(--primary-color) 0%, var(--primary-color) 50%, var(--white) 50%, var(--white) 50%);
  content: '\0020';
  display: block;
}
@media (min-width: 768px) {
  .c-scroll {
    font-size: calc(12 * var(--max-ratio));
    flex-direction: column;
    column-gap: unset;
    row-gap: calc(5 * var(--max-ratio));
    writing-mode: unset;
    left: 50%;
    transform: translateX(-50%);
  }
  .c-scroll::after {
    width: 2px;
    height: calc(60 * var(--max-ratio));
  }
}
@media (min-width: 1120px) {
  .c-scroll {
    font-size: calc(12 * var(--rem-ratio));
    row-gap: calc(5 * var(--rem-ratio));
  }
  .c-scroll::after {
    height: calc(60 * var(--rem-ratio));
  }
}


.c-business-box-wrap {
  max-width: calc(1360 * var(--rem-ratio));
  width: 100%;
  margin: 0 auto calc(30 * var(--min-ratio));
  display: grid;
  row-gap: calc(15 * var(--min-ratio));
}
@media (min-width: 768px) {
  .c-business-box-wrap {
    margin-bottom: calc(80 * var(--lg-ratio));
    grid-template-columns: repeat(3, calc((440 / 1360) * 100%));
    column-gap: calc((20 / 1360) * 100%);
    row-gap: unset;
  }
}
@media (min-width: 1360px) {
  .c-business-box-wrap {
    width: calc(1360 * var(--rem-ratio));
    margin: 0 calc(-120 * var(--rem-ratio)) calc(80 * var(--rem-ratio));
  }
}

.c-business-box__link {
  width: 100%;
  height: 100%;
  display: block;
  position: relative;
}
.c-business-box__arrow {
  width: calc(38 * var(--min-ratio));
  height: calc(24 * var(--min-ratio));
  border-radius: calc(12 * var(--min-ratio));
  background-color: var(--primary-sub-color2);
  position: absolute;
  right: calc(15 * var(--min-ratio));
  bottom: calc(15 * var(--min-ratio));
  z-index: 9;
  overflow: hidden;
}
.c-business-box__arrow::before,
.c-business-box__arrow::after {
  width: 100%;
  height: 100%;
  content: '\0020';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  transition: all .2s;
}
.c-business-box__arrow::before {
  background: url(../../img/recruit2025/common/icon-arrow-white2.svg) no-repeat 50% 50%;
  background-size: calc(24 * var(--min-ratio)) auto;
}
.c-business-box__arrow::after {
  background: url(../../img/recruit2025/common/icon-arrow-purple.svg) no-repeat 50% 50%;
  background-size: calc(24 * var(--min-ratio)) auto;
  transform: translateX(-100%);
}

.c-business-box__image {
  width: 100%;
  display: block;
  position: relative;
  z-index: 1;
}
.c-business-box__text {
  opacity: 0;
  display: none;
}
.c-business-box__text p:last-of-type {
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .c-business-box__arrow {
    width: calc(43 * var(--max-ratio));
    height: calc(32 * var(--max-ratio));
    border-radius: calc(16 * var(--max-ratio));
    right: calc(10 * var(--max-ratio));
    bottom: calc(20 * var(--max-ratio));
  }
  .c-business-box__arrow::before,
  .c-business-box__arrow::after {
    background-size: calc(24 * var(--max-ratio)) auto;
  }
  .c-business-box__text {
    width: 100%;
    height: 100%;
    background-color: var(--primary-sub-color2);
    color: var(--white);
    font-size: calc(18 * var(--max-ratio));
    line-height: 2.2;
    font-weight: 500;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 5;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
    transition: all .3s;
  }
  .c-business-box__link:hover .c-business-box__text {
    opacity: 1;
  }
  .c-business-box__link:hover .c-business-box__arrow {
    background-color: var(--white);
  }
  .c-business-box__link:hover .c-business-box__arrow::before {
    transform: translateX(100%);
  }
  .c-business-box__link:hover .c-business-box__arrow::after {
    transform: translateX(0);
  }
}
@media (min-width: 1120px) {
  .c-business-box__arrow {
    width: calc(52 * var(--rem-ratio));
    height: calc(32 * var(--rem-ratio));
    border-radius: calc(16 * var(--rem-ratio));
    right: calc(20 * var(--rem-ratio));
    bottom: calc(20 * var(--rem-ratio));
  }
  .c-business-box__arrow::before,
  .c-business-box__arrow::after {
    background-size: calc(24 * var(--rem-ratio)) auto;
  }
  .c-business-box__text {
    font-size: calc(18 * var(--rem-ratio));
  }
}

.c-business-box__copy {
  width: 100%;
  padding: calc(30 * var(--min-ratio)) calc(15 * var(--min-ratio));
  margin-bottom: 0;
  background: linear-gradient(180deg, rgb(var(--black_rgb) / 0.00) 0%, rgb(var(--black_rgb) / 0.40) 50%);
  font-size: calc(24 * var(--min-ratio));
  color: var(--white);
  line-height: 1;
  font-weight: 500;
  display: flex;
  flex-direction: column;
  row-gap: calc(6 * var(--min-ratio));
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 8;
}
.c-business-box__copy span {
  font-size: calc(12 * var(--min-ratio));
}
@media (min-width: 768px) {
  .c-business-box__copy {
    padding: calc(40 * var(--max-ratio)) calc(10 * var(--max-ratio));
    font-size: calc(23 * var(--max-ratio));
    row-gap: calc(5 * var(--max-ratio));
  }
  .c-business-box__copy span {
    font-size: calc(15 * var(--max-ratio));
  }
  .c-business-box__link:hover .c-business-box__copy {
    background: none;
  }
}
@media (min-width: 1120px) {
  .c-business-box__copy {
    padding: calc(40 * var(--rem-ratio)) calc(20 * var(--rem-ratio));
    font-size: calc(32 * var(--rem-ratio));
    row-gap: calc(5 * var(--rem-ratio))
  }
  .c-business-box__copy span {
    font-size: calc(15 * var(--rem-ratio));
  }
}

.c-recruit-top-section-header {
  width: calc(100% + calc(50vw - 50%));
  margin: 0 calc(50% - 50vw) calc(30 * var(--min-ratio)) 0;
  position: relative;
}
.c-recruit-top-section-title {
  padding-bottom: calc(27 * var(--min-ratio));
  border-bottom: 1px solid rgb(var(--black_rgb) / .1);
  display: flex;
  flex-direction: column;
  row-gap: calc(5 * var(--min-ratio));
  position: relative;
}
.c-recruit-top-section-title::after {
  width: calc(120 * var(--min-ratio));
  height: calc(4 * var(--min-ratio));
  background-color: var(--black);
  content: '\0020';
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
}
.c-recruit-top-section-title .en {
  font-family: var(--font-poppins);
  font-size: calc(48 * var(--min-ratio));
  line-height: 1;
  font-weight: 500;
}
.c-recruit-top-section-title .jpn {
  font-size: calc(12 * var(--min-ratio));
  display: grid;
  grid-template-columns: calc(11 * var(--min-ratio)) 1fr;
  align-items: center;
}
.c-recruit-top-section-title .jpn::before {
  width: calc(6 * var(--min-ratio));
  height: calc(6 * var(--min-ratio));
  border-radius: 50%;
  background-color: var(--black);
  content: '\0020';
  display: block;
}
.c-recruit-top-section-header__text {
  padding: calc(30 * var(--min-ratio)) calc(30 * var(--min-ratio)) 0 0;
  font-size: calc(14 * var(--min-ratio));
  line-height: 1.8;
  font-weight: 500;
}
.c-recruit-top-section-header__text p:last-of-type {
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .c-recruit-top-section-header {
    padding-right: calc(50vw - 50%);
    margin-bottom: calc(80 * var(--max-ratio));
    border-bottom: 1px solid rgb(var(--black_rgb) / .1);
    display: grid;
    /* grid-template-columns: calc(250 * var(--max-ratio)) 1fr; */
    grid-template-columns: auto 1fr;
    column-gap: 6vw;

  }
  .c-recruit-top-section-header::after {
    width: calc(200 * var(--max-ratio));
    height: calc(5 * var(--max-ratio));
    background-color: var(--black);
    content: '\0020';
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
  }
  .c-recruit-top-section-title {
    padding-bottom: calc(27 * var(--max-ratio));
    border-bottom: none;
    row-gap: calc(5 * var(--max-ratio));
  }
  .c-recruit-top-section-title::after {
    display: none;
  }
  .c-recruit-top-section-title .en {
    font-size: calc(62 * var(--max-ratio));
  }
  .c-recruit-top-section-title .jpn {
    font-size: calc(12 * var(--max-ratio));
    grid-template-columns: calc(15 * var(--max-ratio)) 1fr;
  }
  .c-recruit-top-section-title .jpn::before {
    width: calc(7 * var(--max-ratio));
    height: calc(7 * var(--max-ratio));
  }
  .c-recruit-top-section-header__text {
    padding: 0 0 calc(27 * var(--max-ratio));
    margin-top: auto;
    font-size: calc(12 * var(--max-ratio));
    line-height: 2;
  }
}
@media (min-width: 1120px) {
  .c-recruit-top-section-header {
    margin-bottom: calc(80 * var(--rem-ratio));
    grid-template-columns: calc(640 * var(--rem-ratio)) 1fr;
  }
  .c-recruit-top-section-header::after {
    width: calc(200 * var(--rem-ratio));
    height: calc(5 * var(--rem-ratio));
  }
  .c-recruit-top-section-title {
    padding-bottom: calc(27 * var(--rem-ratio));
    row-gap: calc(5 * var(--rem-ratio));
  }
  .c-recruit-top-section-title .en {
    font-size: calc(96 * var(--rem-ratio));
  }
  .c-recruit-top-section-title .jpn {
    font-size: calc(18 * var(--rem-ratio));
    grid-template-columns: calc(15 * var(--rem-ratio)) 1fr;
  }
  .c-recruit-top-section-title .jpn::before {
    width: calc(7 * var(--rem-ratio));
    height: calc(7 * var(--rem-ratio));
  }
  .c-recruit-top-section-header__text {
    padding: 0 0 calc(27 * var(--rem-ratio));
    font-size: calc(18 * var(--rem-ratio));
    line-height: 2;
  }
}
.p-message.l-recruit-section {
  padding: calc(38 * var(--min-ratio)) calc(30 * var(--min-ratio)) 0;
  /* padding-bottom: calc(120 * var(--min-ratio)); */
  overflow: hidden;
}
@media (min-width: 768px) {
  .p-message.l-recruit-section {
    padding: 0 calc(30 * var(--max-ratio)) calc(80 * var(--max-ratio));
  }
}
@media (min-width: 1120px) {
  .p-message.l-recruit-section {
    padding: 0 calc(30 * var(--rem-ratio)) calc(80 * var(--rem-ratio));
  }
}

.c-message-sep {
  width: 100vw;
  margin: 0 calc(50% - 50vw);
  display: block;
}
@media (min-width: 1120px) {
  .c-message-sep {
    width: calc(100% + calc((50vw - 50%) * 2));
    /* margin: 0 auto; */
  }
}
.c-message-grid {
  display: grid;
  row-gap: calc(30 * var(--min-ratio));
}
.c-message-grid h3 {
  margin-bottom: calc(30 * var(--min-ratio));
  font-size: calc(28 * var(--min-ratio));
  line-height: 1.5;
  font-weight: 500;
}
.c-message-grid h3 span {
  color: var(--primary-color);
}
.c-message-grid .c-text p {
  margin-bottom: calc(20 * var(--min-ratio));
}
.c-message-grid .c-text p:last-of-type {
  margin-bottom: 0;
}

@media (min-width: 768px) {
  .c-message-grid {
    grid-template-columns: calc((560 / 1120) * 100%) calc((455 / 1120) * 100%);
    column-gap: calc((105 / 1120) * 100%);
    row-gap: unset;
  }
  .c-message-grid h3 {
    margin-bottom: calc(40 * var(--max-ratio));
    font-size: calc(36 * var(--max-ratio));
    line-height: 1;
  }
  .c-message-grid .c-image {
    position: relative;
    z-index: 1;
  }
  .c-message-grid .c-text {
    line-height: 2.7;
  }
  .c-message-grid .c-text p {
    margin-bottom: calc(20 * var(--max-ratio));
  }
}
@media (min-width: 1120px) {
  .c-message-grid h3 {
    margin-bottom: calc(40 * var(--rem-ratio));
    font-size: calc(36 * var(--rem-ratio));
  }
  .c-message-grid .c-image {
    width: calc(100% + calc(95 * var(--rem-ratio)));
    margin-top: calc(-277 * var(--rem-ratio));
  }
  .c-message-grid .c-text p {
    margin-bottom: calc(20 * var(--rem-ratio));
  }
}

.p-message.l-recruit-section .c-recruit-top-section-header:after,
.p-message.l-recruit-section .c-recruit-top-section-title:after,
.p-message.l-recruit-section .c-recruit-top-section-title .jpn::before {
  background-color: var(--primary-color);
}

#about.l-recruit-section {
  padding: calc(60 * var(--min-ratio)) calc(30 * var(--min-ratio)) 0;
  overflow: hidden;
}
@media (min-width: 768px) {
  #about.l-recruit-section {
    padding-top: calc(80 * var(--max-ratio));
    
  }
}
@media (min-width: 1120px) {
  #about.l-recruit-section {
    padding-top: calc(80 * var(--rem-ratio));
  }
}
#about.l-recruit-section .c-recruit-top-section-header:after,
#about.l-recruit-section .c-recruit-top-section-title:after,
#about.l-recruit-section .c-recruit-top-section-title .jpn::before {
  background-color: var(--primary-sub-color1);
}

@media (min-width: 1120px) {
  #about.l-recruit-section .c-recruit-top-section-header {
    grid-template-columns: calc(374 * var(--rem-ratio)) 1fr;
  }
}
.c-about-grid {
  width: 100vw;
  margin-bottom: calc(60 * var(--min-ratio));
  /* width: calc(100vw + calc(50vw - 50%));
  margin-right: calc(50% - 50vw); */
  display: grid;
  row-gap: calc(30 * var(--min-ratio));
}
@media (min-width: 768px) {
  .c-about-grid {
    width: 100%;
    margin-bottom: 0;
    grid-template-columns: calc((360 / 1220) * 100%) calc((740 / 1220) * 100%);
    column-gap: calc((115 / 1220) * 100%);
    align-items: start;
    row-gap: unset;
  }
}
@media (min-width: 1220px) {
  .c-about-grid {
    /* width: calc(100% + calc(120 * var(--rem-ratio))); */
    /* margin: 0 calc(-60 * var(--rem-ratio)); */
    margin: 0 auto;
  }
}

#about.l-recruit-section .c-top-about-images {
  /* width: calc(100% + calc(50vw - 50%)); */
  width: 100%;
  padding-bottom: calc(7 * var(--min-ratio));
  position: relative;
}
#about.l-recruit-section .c-top-about-images__mask {
  height: 100%;
  background-color: var(--white);
  position: absolute;
  top: 0;
  right: 100%;
  z-index: 10;
}
#about.l-recruit-section .c-top-about-images .swiper-pagination {
  width: calc(100vw + calc(calc(50% - 50vw) * 2));
  height: calc(5 * var(--min-ratio));
  margin-top: calc(4 * var(--min-ratio));
  display: flex;
  justify-content: flex-start;
  align-items: center;
  column-gap: calc(6 * var(--min-ratio));
  position: static;
}
#about.l-recruit-section .c-top-about-images .swiper-pagination .swiper-pagination-bullet {
  width: calc(30 * var(--min-ratio));
  height: calc(3 * var(--min-ratio));
  margin: 0;
  border-radius: 0;
  background-color: #d9d9d9;
}
#about.l-recruit-section .c-top-about-images .swiper-pagination .swiper-pagination-bullet-active {
  background-color: var(--primary-sub-color1);
}
@media (min-width: 768px) {
  #about.l-recruit-section .c-top-about-images {
    padding-bottom: 0;
    grid-column: 2 / 3;
    grid-row: 1 / 2;
    overflow: visible;
  }
  #about.l-recruit-section .c-top-about-images .swiper-pagination {
    width: 100%;
    /* width: 41.2vw */
    height: calc(4 * var(--lg-ratio));
    margin-top: calc(15 * var(--lg-ratio));
    justify-content: flex-end;
    column-gap: calc(5 * var(--lg-ratio));
  }
  #about.l-recruit-section .c-top-about-images .swiper-pagination .swiper-pagination-bullet {
    width: calc(32 * var(--lg-ratio));
    height: calc(4 * var(--lg-ratio));
  }
}
@media (min-width: 1360px) {
  #about.l-recruit-section .c-top-about-images .swiper-pagination {
    /* width: calc(740 * var(--rem-ratio)); */
    height: calc(4 * var(--rem-ratio));
    margin-top: calc(15 * var(--rem-ratio));
    justify-content: flex-end;
    column-gap: calc(5 * var(--rem-ratio));
  }
  #about.l-recruit-section .c-top-about-images .swiper-pagination .swiper-pagination-bullet {
    width: calc(32 * var(--rem-ratio));
    height: calc(4 * var(--rem-ratio));
  }
}

.c-top-about-menu {
  width: calc(315 * var(--min-ratio));
  position: relative;
  z-index: 20;
}
.c-top-about-menu__item {
  height: calc(72 * var(--min-ratio));
  border-bottom: 1px solid rgb(var(--black_rgb) / .1);
}
@media (min-width: 768px) {
  .c-top-about-menu {
    width: 100%;
    padding-right: 0;
    grid-column: 1 / 2;
    grid-row: 1 / 2;
  }
  .c-top-about-menu__item {
    height: calc(80 * var(--max-ratio));
  }
}
@media (min-width: 1120px) {
  .c-top-about-menu__item {
    height: calc(100 * var(--rem-ratio));
  }
}
.c-top-about-menu__link {
  width: 100%;
  height: 100%;
  /* background: url(../../img/recruit2025/common/icon-arrow-black.svg) no-repeat calc(100% - calc(8 * var(--min-ratio))) 50%; */
  font-size: calc(16 * var(--min-ratio));
  line-height: 1.8;
  font-weight: 500;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  position: relative;
}
.c-top-about-menu__arrow {
  width: calc(32 * var(--min-ratio));
  height: calc(20 * var(--min-ratio));
  border-radius: calc(10 * var(--min-ratio));
  background-color: var(--white);
  position: absolute;
  top: 50%;
  right: 0;
  z-index: 11;
  transform: translateY(-50%);
  overflow: hidden;
}
.c-top-about-menu__arrow::before,
.c-top-about-menu__arrow::after {
  width: 100%;
  height: 100%;
  content: '\0020';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 11;
  transition: all .2s;
}
.c-top-about-menu__arrow::before {
  background: url(../../img/recruit2025/common/icon-arrow-black.svg) no-repeat 50% 50%;
  background-size: calc(16 * var(--min-ratio)) auto;
}
.c-top-about-menu__arrow::after {
  background: url(../../img/recruit2025/common/icon-arrow-blue.svg) no-repeat 50% 50%;
  background-size: calc(16 * var(--min-ratio)) auto;
  transform: translateX(-100%);
}
.c-top-about-menu__link .inner {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  position: relative;
  z-index: 50;
}
.c-top-about-menu__link[target="_blank"] {
  background: url(../../img/recruit2025/common/icon-ext-gray.svg) no-repeat calc(100% - calc(8 * var(--min-ratio))) 50%;
}
.c-top-about-menu__link span {
  font-family: var(--font-poppins);
  font-size: calc(11 * var(--min-ratio));
  color: var(--font-sub-color);
  font-weight: 400;
}
@media (min-width: 768px) {
  .c-top-about-menu__link {
    background-position: calc(100% - calc(8 * var(--max-ratio))) 50%;
    font-size: calc(15 * var(--max-ratio));
    position: relative;
  }
  .c-top-about-menu__link:hover,
  .c-top-about-menu__link:hover span {
    color: var(--white);
  }

  .c-top-about-menu__box {
    width: calc((410 / 360) * 100%);
    height: calc((120 / 100) * 100%);
    border-radius: calc(5 * var(--max-ratio));
    background-color: var(--primary-sub-color1);
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 10;
    transition: all .3s;
    opacity: 0;
    transform: translate(-50%, -50%) scale(0.9);
  }
  .c-top-about-menu__arrow {
    width: calc(32 * var(--max-ratio));
    height: calc(20 * var(--max-ratio));
    border-radius: calc(10 * var(--max-ratio));
    background-color: var(--white);
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    overflow: hidden;
  }
  .c-top-about-menu__arrow::before,
  .c-top-about-menu__arrow::after {
    background-size: calc(16 * var(--max-ratio)) auto;
  }
  .c-top-about-menu__link:hover .c-top-about-menu__arrow::before {
    transform: translateX(-100%);
  }
  .c-top-about-menu__link:hover .c-top-about-menu__arrow::after {;
    transform: translateX(0);
  }
  .c-top-about-menu__link:hover .c-top-about-menu__box {
    /* transform: translate(-50%, -50%) scale(1); */
    animation: scaleUp .3s linear 0s forwards;
  }
  .c-top-about-menu__link[target="_blank"] {
    background-position: calc(100% - calc(8 * var(--max-ratio))) 50%;
  }
  .c-top-about-menu__link[target="_blank"]:hover {
    background: url(../../img/recruit2025/common/icon-ext-blue.svg) no-repeat calc(100% - calc(8 * var(--max-ratio))) 50%;
    color: var(--primary-sub-color1);
  }
  .c-top-about-menu__link[target="_blank"]:hover span {
    color: var(--primary-sub-color1);
  }
  .c-top-about-menu__link span {
    font-size: calc(13 * var(--max-ratio));
  }
}
@media (min-width: 1120px) {
  .c-top-about-menu__link {
    background-position: calc(100% - calc(8 * var(--rem-ratio))) 50%;
    font-size: calc(20 * var(--rem-ratio));
  }
  .c-top-about-menu__box {
    border-radius: calc(5 * var(--rem-ratio));
  }
  .c-top-about-menu__arrow {
    width: calc(32 * var(--rem-ratio));
    height: calc(20 * var(--rem-ratio));
    border-radius: calc(10 * var(--rem-ratio));
    background-size: calc(16 * var(--rem-ratio)) auto;
    /* right: calc(20 * var(--rem-ratio)); */
  }
  .c-top-about-menu__arrow::before,
  .c-top-about-menu__arrow::after {
    background-size: calc(16 * var(--rem-ratio)) auto;
  }
  .c-top-about-menu__link::after {
    padding: calc(5 * var(--rem-ratio));
  }
  .c-top-about-menu__link[target="_blank"] {
    background-position: calc(100% - calc(8 * var(--rem-ratio))) 50%;
  }
  .c-top-about-menu__link[target="_blank"]:hover {
    background-position: calc(100% - calc(8 * var(--rem-ratio))) 50%;
  }
  .c-top-about-menu__link span {
    font-size: calc(13 * var(--rem-ratio));
  }
}

.c-about-sep-wrap {
  width: 100vw;
  padding-top: calc(60 * var(--min-ratio));
  padding-bottom: calc(60 * var(--min-ratio));
  margin: 0 calc(50% - 50vw);
  background: url(../../img/recruit2025/top/bg-about_sp.webp) no-repeat 50% 50% / cover;
  overflow: hidden;
}
@media (min-width: 768px) {
  .c-about-sep-wrap {
      width: calc(100% + calc(calc(50vw - 50%) * 2));
      padding-top: calc(100 * var(--max-ratio));
      padding-bottom: calc(100 * var(--max-ratio));
      margin-top: calc(160 * var(--max-ratio));
      background: url(../../img/recruit2025/top/bg-about_pc.webp) no-repeat 50% 50% / cover;
  }
}
@media (min-width: 1120px) {
  .c-about-sep-wrap {
      padding-top: calc(100 * var(--rem-ratio));
      padding-bottom: calc(100 * var(--rem-ratio));
      margin-top: calc(160 * var(--rem-ratio));
  }
}

.c-about-sep {
  overflow: visible;
}
.c-about-sep .swiper-wrapper {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  column-gap: cal(20 * var(--min-ratio));
  transition-timing-function: linear;
}
.c-about-sep .swiper-slide:nth-of-type(odd) {
  width: calc(200 * var(--min-ratio));
}
.c-about-sep .swiper-slide:nth-of-type(even) {
  width: calc(150 * var(--min-ratio));
}
@media (min-width: 768px) {
  .c-about-sep .swiper-wrapper {
    column-gap: cal(40 * var(--max-ratio));
  }
  .c-about-sep .swiper-slide:nth-of-type(odd) {
    width: calc(400 * var(--max-ratio));
  }
  .c-about-sep .swiper-slide:nth-of-type(even) {
    width: calc(300 * var(--max-ratio));
  }
}
@media (min-width: 1120px) {
  .c-about-sep .swiper-wrapper {
    column-gap: cal(40 * var(--rem-ratio));
  }
  .c-about-sep .swiper-slide:nth-of-type(odd) {
    width: calc(400 * var(--rem-ratio));
  }
  .c-about-sep .swiper-slide:nth-of-type(even) {
    width: calc(300 * var(--rem-ratio));
  }
}


#business.l-recruit-section {
  width: 100vw;
  padding: calc(60 * var(--min-ratio)) calc(30 * var(--min-ratio));
  margin: 0 calc(50% - 50vw);
  background-color: var(--bg-color3);
}

#business.l-recruit-section .c-recruit-top-section-header {
  color: var(--white);
}
#business.l-recruit-section .c-recruit-top-section-title {
  border-bottom-color: rgb(var(--white_rgb) / .25);
}
#business.l-recruit-section .c-recruit-top-section-header:after,
#business.l-recruit-section .c-recruit-top-section-title:after,
#business.l-recruit-section .c-recruit-top-section-title .jpn::before {
  background-color: var(--primary-sub-color2);
}
@media (min-width: 768px) {
  #business.l-recruit-section {
    width: 100%;
    padding-top: calc(160 * var(--max-ratio));
    padding-bottom: calc(160 * var(--max-ratio));
  }
  #business.l-recruit-section .c-recruit-top-section-header {
    border-bottom-color: rgb(var(--white_rgb) / .25);
  }
  #business.l-recruit-section .c-style-link-box {
    max-width: calc(930 * var(--rem-ratio));
    width: 100%;
    margin: 0 auto;
  }
}
@media (min-width: 1120px) {
  #business.l-recruit-section {
    padding-top: calc(160 * var(--rem-ratio));
    padding-bottom: calc(160 * var(--rem-ratio));
  }
}
@media (min-width: 1120px) {
  #business.l-recruit-section .c-recruit-top-section-header {
    grid-template-columns: calc(509 * var(--rem-ratio)) 1fr;
  }
}

#interview.l-recruit-section {
  padding: calc(60 * var(--min-ratio)) calc(30 * var(--min-ratio));
  background-color: var(--bg-color1);
  overflow: hidden;
}
@media (min-width: 1120px) {
  #interview.l-recruit-section {
    padding-top: calc(160 * var(--rem-ratio));
    padding-bottom: calc(160 * var(--rem-ratio));
  }
}
#interview.l-recruit-section .c-recruit-top-section-header:after,
#interview.l-recruit-section .c-recruit-top-section-title:after,
#interview.l-recruit-section .c-recruit-top-section-title .jpn::before {
  background-color: var(--primary-sub-color3);
}

#interview .c-top-member-slider .c-member-box:nth-of-type(even) {
  margin-top: calc(-20 * var(--min-ratio));
}
@media (min-width: 768px) {
  #interview .c-top-member-slider .c-member-box:nth-of-type(even) {
    margin-top: calc(-50 * var(--max-ratio));
  }
}
@media (min-width: 1120px) {
  #interview .c-top-member-slider .c-member-box:nth-of-type(even) {
    margin-top: calc(-50 * var(--rem-ratio));
  }
}
#interview .c-recruit-top-section-header {
  margin-bottom: calc(37 * var(--min-ratio));
}
@media (min-width: 768px) {
  #interview .c-recruit-top-section-header {
    margin-bottom: calc(130 * var(--max-ratio));
  }
}
@media (min-width: 1120px) {
  #interview .c-recruit-top-section-header {
    margin-bottom: calc(130 * var(--rem-ratio));
  }
}

.c-top-member-slider {
  overflow: visible;
}
.c-top-member-slider__controls .swiper-pagination,
.c-top-member-slider__controls .swiper-button-prev,
.c-top-member-slider__controls .swiper-button-next {
  position: static;
}

.c-top-member-slider__controls {
  margin-top: calc(30 * var(--min-ratio));
}
.c-top-member-slider__controls .swiper-pagination {
  height: calc(6 * var(--min-ratio));
  border-radius: calc(3 * var(--min-ratio));
  background-color: var(--white);
  overflow: hidden;
}
.c-top-member-slider__controls .swiper-pagination .swiper-pagination-progressbar-fill {
  height: calc(6 * var(--min-ratio));
  border-radius: calc(3 * var(--min-ratio));
  background-color: rgb(var(--black_rgb) / .1);
}
.c-top-member-slider__controls .swiper-button-prev,
.c-top-member-slider__controls .swiper-button-next {
  margin-top: 0;
  display: none;
  transform: none;
}
.c-top-member-slider__controls .swiper-button-prev::after,
.c-top-member-slider__controls .swiper-button-next::after {
  display: none;
}
@media (min-width: 768px) {
  .c-top-member-slider__controls {
    margin-top: calc(60 * var(--max-ratio));
    display: grid;
    grid-template-columns: 1fr calc(40 * var(--max-ratio)) calc(64 * var(--max-ratio)) calc(15 * var(--max-ratio)) calc(64 * var(--max-ratio));
    grid-template-rows: calc(64 * var(--max-ratio));
    align-items: center;
  }
  .c-top-member-slider__controls .swiper-pagination {
    height: calc(10 * var(--max-ratio));
    border-radius: calc(5 * var(--max-ratio));
    grid-column: 1 / 2;
    grid-row: 1 / 2;
  }
  .c-top-member-slider__controls .swiper-pagination .swiper-pagination-progressbar-fill {
    height: calc(10 * var(--max-ratio));
    border-radius: calc(5 * var(--max-ratio));
  }
  .c-top-member-slider__controls .swiper-button-prev,
  .c-top-member-slider__controls .swiper-button-next {
    width: calc(64 * var(--max-ratio));
    height: calc(64 * var(--max-ratio));
    border-radius: 50%;
    background: var(--white) url(../../img/recruit2025/common/icon-arrow-black.svg) no-repeat 50% 50%;
    background-size: calc(25 * var(--max-ratio)) auto;
    box-shadow: 0 0 10px 0 rgb(var(--black_rgb) / 0.15);
    display: block;
    transition: all .2s;
  }
  .c-top-member-slider__controls .swiper-button-prev {
    transform: rotate(180deg);
    grid-column: 3 / 4;
    grid-row: 1 / 2;
  }
  .c-top-member-slider__controls .swiper-button-next {
    grid-column: 5 / 6;
    grid-row: 1 / 2;
  }
  .c-top-member-slider__controls .swiper-button-prev:hover,
  .c-top-member-slider__controls .swiper-button-next:hover {
    background: var(--white) url(../../img/recruit2025/common/icon-arrow-green.svg) no-repeat 50% 50%;
    background-size: calc(25 * var(--max-ratio)) auto;
  }
  .c-top-member-slider__controls .swiper-button-prev:hover {
    transform: rotate(180deg) scale(1.1);
  }
  .c-top-member-slider__controls .swiper-button-next:hover {
    transform: scale(1.1);
  }
}
@media (min-width: 1120px) {
  .c-top-member-slider__controls {
    margin-top: calc(60 * var(--rem-ratio));
    grid-template-columns: 1fr calc(40 * var(--rem-ratio)) calc(64 * var(--rem-ratio)) calc(15 * var(--rem-ratio)) calc(64 * var(--rem-ratio));
    grid-template-rows: calc(64 * var(--rem-ratio));
  }
  .c-top-member-slider__controls .swiper-pagination {
    height: calc(10 * var(--rem-ratio));
    border-radius: calc(5 * var(--rem-ratio));
  }
  .c-top-member-slider__controls .swiper-pagination .swiper-pagination-progressbar-fill {
    height: calc(10 * var(--rem-ratio));
    border-radius: calc(5 * var(--rem-ratio));
  }
  .c-top-member-slider__controls .swiper-button-prev,
  .c-top-member-slider__controls .swiper-button-next {
    width: calc(64 * var(--rem-ratio));
    height: calc(64 * var(--rem-ratio));
    background-size: calc(25 * var(--rem-ratio)) auto;
  }
  .c-top-member-slider__controls .swiper-button-prev:hover,
  .c-top-member-slider__controls .swiper-button-next:hover {
    background-size: calc(25 * var(--rem-ratio)) auto;
  }
}

.c-lower-buttons {
  padding: 0 calc(30 * var(--min-ratio)) calc(60 * var(--min-ratio));
  background-color: var(--bg-color1);
  
}
.c-lower-buttons__item {
  height: calc(100 * var(--min-ratio));
  border-bottom: 1px solid rgb(var(--black_rgb) / .1);
}
.c-lower-buttons__item:nth-of-type(1) {
  border-top: 1px solid rgb(var(--black_rgb) / .1);
}
@media (min-width: 768px) {
  .c-lower-buttons {
    padding: calc(60 * var(--rem-ratio)) 0;
    border-top: 1px solid rgb(var(--black_rgb) / .1);
    display: flex;
    justify-content: center;
    column-gap: calc(80 * var(--max-ratio));
  }
  .c-lower-buttons::after {
    width: 1px;
    height: calc(160 * var(--max-ratio));
    background-color: rgb(var(--black_rgb) / .1);
    content: '\0020';
    display: block;
    order: 2;
  }
  .c-lower-buttons__item {
    width: calc(480 * var(--max-ratio));
    height: calc(160 * var(--max-ratio));
    border-bottom: 0;
  }
  .c-lower-buttons__item:nth-of-type(1) {
    border-top: none;
  }
  .c-lower-buttons__item--guideline {
    order: 1;
  }
  .c-lower-buttons__item--faq {
    order: 3;
  }
}
@media (min-width: 1120px) {
  .c-lower-buttons {
    padding-top: calc(60 * var(--rem-ratio));
    padding-bottom: calc(60 * var(--rem-ratio));
    grid-template-columns: repeat(2, calc(480 * var(--rem-ratio)));
    column-gap: calc(80 * var(--rem-ratio));
  }
  .c-lower-buttons::after {
    height: calc(160 * var(--rem-ratio));
  }
  .c-lower-buttons__item {
    width: calc(480 * var(--rem-ratio));
    height: calc(160 * var(--rem-ratio));
  }
}

.c-lower-buttons__link {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  row-gap: calc(10 * var(--min-ratio));
  position: relative;
}
.c-lower-buttons__link-arrow {
  width: calc(38 * var(--min-ratio));
  height: calc(24 * var(--min-ratio));
  border-radius: calc(12 * var(--min-ratio));
  content: '\0020';
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  z-index: 10;
  transform: translateY(-50%);
  overflow: hidden;
}
.c-lower-buttons__link-arrow::before,
.c-lower-buttons__link-arrow::after {
  width: 100%;
  height: 100%;
  content: '\0020';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  transition: all .2s;
}
.c-lower-buttons__link-arrow::after{
  transform: translateX(-100%);
}
.c-lower-buttons__link .en {
  font-family: var(--font-poppins);
  font-size: calc(12 * var(--min-ratio));
  line-height: 1;
  font-weight: 500;
  display: grid;
  grid-template-columns: calc(10 * var(--min-ratio)) 1fr;
  align-items: center;
  position: relative;
  z-index: 10;
}
.c-lower-buttons__link .en::before {
  width: calc(4 * var(--min-ratio));
  height: calc(4 * var(--min-ratio));
  border-radius: 50%;
  content: '\0020';
  display: block;
}
.c-lower-buttons__link .jpn {
  font-size: calc(20 * var(--min-ratio));
  line-height: 1;
  font-weight: 500;
  position: relative;
  z-index: 10;
}
@media (min-width: 768px) {
  .c-lower-buttons__link {
    row-gap: calc(15 * var(--max-ratio));
  }
  .c-lower-buttons__link:hover {
    color: var(--white);
  }
  .c-lower-buttons__link-arrow {
    width: calc(52 * var(--max-ratio));
    height: calc(32 * var(--max-ratio));
    border-radius: calc(16 * var(--max-ratio));
  }
  .c-lower-buttons__link:hover .c-lower-buttons__link-arrow {
    background-color: var(--white);
  }
  .c-lower-buttons__link .en {
    font-size: calc(16 * var(--max-ratio));
    grid-template-columns: calc(10 * var(--max-ratio)) 1fr;
  }
  .c-lower-buttons__link .en::before {
    width: calc(4 * var(--max-ratio));
    height: calc(4 * var(--max-ratio));
  }
  .c-lower-buttons__link .jpn {
    font-size: calc(36 * var(--max-ratio));
  }
}
@media (min-width: 1120px) {
  .c-lower-buttons__link {
    row-gap: calc(15 * var(--rem-ratio));
  }
  .c-lower-buttons__link-arrow {
    width: calc(52 * var(--rem-ratio));
    height: calc(32 * var(--rem-ratio));
    border-radius: calc(16 * var(--rem-ratio));
  }
  .c-lower-buttons__link .en {
    font-size: calc(16 * var(--rem-ratio));
    grid-template-columns: calc(10 * var(--rem-ratio)) 1fr;
  }
  .c-lower-buttons__link .en::before {
    width: calc(4 * var(--rem-ratio));
    height: calc(4 * var(--rem-ratio));
  }
  .c-lower-buttons__link .jpn {
    font-size: calc(36 * var(--rem-ratio));
  }
}

.c-lower-buttons__box {
  display: none;
  transition: all .3s;
  transform: scale(0);
}
.c-lower-buttons__item--guideline .c-lower-buttons__box {
  background-color: var(--primary-sub-color4);
}
.c-lower-buttons__item--faq .c-lower-buttons__box {
  background-color: var(--primary-sub-color5);
}
@media (min-width: 768px) {
  .c-lower-buttons__box {
    display: block;
  }
  .c-lower-buttons__link:hover .c-lower-buttons__box {
    transform: translate(-50%, -50%) scale(1);
  }
}
@media (min-width: 1120px) {
  .c-lower-buttons__box {
    width: calc(640 * var(--rem-ratio));
    height: calc(180 * var(--rem-ratio));
    border-radius: calc(10 * var(--rem-ratio));
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 5;
    transform: translate(-50%, -50%) scale(0);
  }

}

.c-lower-buttons__item--guideline .c-lower-buttons__link-arrow {
  background-color: var(--primary-sub-color4);
}
.c-lower-buttons__item--guideline .c-lower-buttons__link-arrow::before {
  background: url(../../img/recruit2025/common/icon-arrow-white.svg) no-repeat 50% 50%;
  background-size: calc(19 * var(--min-ratio)) auto;
}
.c-lower-buttons__item--guideline .c-lower-buttons__link-arrow::after {
  background: url(../../img/recruit2025/common/icon-arrow-orange.svg) no-repeat 50% 50%;
  background-size: calc(19 * var(--min-ratio)) auto;
}
.c-lower-buttons__item--guideline .c-lower-buttons__link .en::before {
  background-color: var(--primary-sub-color4);
}
.c-lower-buttons__item--faq .c-lower-buttons__link-arrow {
  background-color: var(--primary-sub-color5);
}
.c-lower-buttons__item--faq .c-lower-buttons__link-arrow::before {
  background: url(../../img/recruit2025/common/icon-arrow-white.svg) no-repeat 50% 50%;
  background-size: calc(19 * var(--min-ratio)) auto;
}
.c-lower-buttons__item--faq .c-lower-buttons__link-arrow::after {
  background: url(../../img/recruit2025/common/icon-arrow-yellow.svg) no-repeat 50% 50%;
  background-size: calc(19 * var(--min-ratio)) auto;
}
.c-lower-buttons__item--faq .c-lower-buttons__link .en::before {
  background-color: var(--primary-sub-color5);
}
@media (min-width: 768px) {
  .c-lower-buttons__item--guideline .c-lower-buttons__link-arrow::before,
  .c-lower-buttons__item--guideline .c-lower-buttons__link-arrow::after,
  .c-lower-buttons__item--faq .c-lower-buttons__link-arrow::before,
  .c-lower-buttons__item--faq .c-lower-buttons__link-arrow::after {
    background-size: calc(19 * var(--max-ratio)) auto;
  }
  .c-lower-buttons__item--guideline .c-lower-buttons__link:hover .c-lower-buttons__link-arrow,
  .c-lower-buttons__item--faq .c-lower-buttons__link:hover .c-lower-buttons__link-arrow {
    background-color: var(--white);
  }
  .c-lower-buttons__item .c-lower-buttons__link:hover .c-lower-buttons__link-arrow::before {
    transform: translateX(100%);
  }
  .c-lower-buttons__item .c-lower-buttons__link:hover .c-lower-buttons__link-arrow::after {
    transform: translateX(0);
  }
  .c-lower-buttons__item--guideline .c-lower-buttons__link:hover .en::before,
  .c-lower-buttons__item--faq .c-lower-buttons__link:hover .en::before  {
    background-color: var(--white);
  }
}
@media (min-width: 1120px) {
  .c-lower-buttons__item--guideline .c-lower-buttons__link-arrow::before,
  .c-lower-buttons__item--guideline .c-lower-buttons__link-arrow::after,
  .c-lower-buttons__item--faq .c-lower-buttons__link-arrow::before,
  .c-lower-buttons__item--faq .c-lower-buttons__link-arrow::after {
    background-size: calc(19 * var(--rem-ratio)) auto;
  }
  .c-lower-buttons__item--guideline .c-lower-buttons__link:hover::after {
    background-size: calc(19 * var(--rem-ratio)) auto;
  }
  .c-lower-buttons__item--faq .c-lower-buttons__link:hover::after {
    background-size: calc(19 * var(--rem-ratio)) auto;
  }
}


.c-recruit-marquee {
  width: 100vw;
  font-family: var(--poppins);
  font-size: calc(80 * var(--min-ratio));
  color: var(--bg-color2);
  line-height: 1;
  font-weight: 300;
  letter-spacing: -0.05em;
  white-space: nowrap;
  display: flex;
  justify-content: center;
  align-items: center;
}
.c-recruit-marquee span {
  margin-right: 0.3em;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  animation: loop 40s linear 0s infinite;
}
@media (min-width: 768px) {
  .c-recruit-marquee {
    width: 100%;
    font-size: calc(160 * var(--max-ratio));
  }
}
@media (min-width: 1120px) {
  .c-recruit-marquee {
    font-size: calc(160 * var(--rem-ratio));
  }
}

.c-sp-lead {
  font-size: calc(14 * var(--min-ratio));
  font-weight: 400;
  line-height: 1.8;
}
.c-sp-lead p:last-of-type {
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .c-sp-lead {
    display: none;
  }
}

.c-member-interview__header {
  padding-top: calc(30 * var(--min-ratio));
  margin-top: calc(30 * var(--min-ratio));
  margin-bottom: calc(30 * var(--min-ratio));
  border-top: 1px solid rgb(var(--black_rgb)  /.1);
  display: grid;
  grid-template-columns: auto auto;
}
.c-member-interview__title {
  font-size: calc(20 * var(--min-ratio));
  line-height: 1.5;
  font-weight: 500;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-star;
  row-gap: calc(8 * var(--min-ratio));
}
.c-member-interview__title .en {
  font-size: calc(12 * var(--min-ratio));
  line-height: 1;
  font-weight: 400;
}
.c-member-interview__header .c-link {
  margin-top: auto;
  margin-bottom: 0;
  line-height: 1.5;
}
@media (min-width: 768px) {
  .c-member-interview__header {
    padding-top: calc(50 * var(--max-ratio));
    margin-top: calc(50 * var(--max-ratio));
    margin-bottom: calc(50 * var(--max-ratio));
  }
  .c-member-interview__title {
    font-size: calc(24 * var(--max-ratio));
    row-gap: calc(10 * var(--max-ratio));
  }
  .c-member-interview__title .en {
    font-size: calc(16 * var(--max-ratio));
  }
}
@media (min-width: 1120px) {
  .c-member-interview__header {
    padding-top: calc(50 * var(--rem-ratio));
    margin-top: calc(50 * var(--rem-ratio));
    margin-bottom: calc(50 * var(--rem-ratio));
  }
  .c-member-interview__title {
    font-size: calc(24 * var(--rem-ratio));
    row-gap: calc(10 * var(--rem-ratio));
  }
  .c-member-interview__title .en {
    font-size: calc(16 * var(--rem-ratio));
  }
}


.c-work-sep {
  display: block;
  width: 100vw;
  margin: calc(50 * var(--min-ratio)) calc(50% - 50vw) 0;
  position: relative;
  z-index: 100;
}
@media (min-width: 768px) {
  .c-work-sep {
    width: 100%;
    /* margin: calc(160 * var(--max-ratio)) 0 0 calc(50% - 50vw - calc(-1 * var(--max-ratio))); */
    margin: calc(160 * var(--max-ratio)) 0 0;
  }
}
@media (min-width: 1120px) {
  .c-work-sep {
    /* margin: calc(160 * var(--rem-ratio)) 0 0 calc(50% - 50vw - calc(85 * var(--rem-ratio))); */
    margin: calc(160 * var(--rem-ratio)) 0 0;
  }
}