@charset "UTF-8";
/* リキッドレイアウト対応 */
:root {
  --innerValue: 1600;
  --innerSValue: 1440;
  --inner: calc(var(--innerValue) * 1px);
  --innerS: calc(var(--innerSValue) * 1px);
  --padding-pc: 50px;
  --padding-sp: 30px;
  --light: 300;
  --normal: 400;
  --medium: 500;
  --semi-bold: 600;
  --bold: 700;
  --ex-bold: 800;
  --black-bold: 900;
  --base-font: "Noto Sans JP", sans-serif;
  --mon-font: "Montserrat", sans-serif;
  --base-color: #222222;
  --base-background: #fff;
  --back: #222;
  --back-recruit: #F7F9FF;
  --black: #000;
  --white: #fff;
  --yellow: #FDF701;
  --gray: #F5F5F5;
  --gray2: #EEEEEE;
  --gray3: #CCCCCC;
  --gray4: #888888;
  --gray5: #707070;
  --blue: #3260BE;
  --btn-fucus: #007bff;
  --header: 100;
  --hamburger: 103;
  --drawer: 102;
  --drawer-back: 101;
  --page-top: 99;
  --base-line-height: 1.8;
  --duration: 0.3s ease;
  --leading-trim: calc((1em - 1lh) / 2);
  /* デザインカンプで取得した余白が32pxの場合 */
}

/********************************
* セッティング反映
********************************/
body {
  color: var(--base-color);
  font-family: var(--base-font);
  font-weight: var(--medium);
  line-height: var(--base-line-height);
  background: var(--base-background);
  letter-spacing: 0.05em;
}

a:focus-visible,
button:focus-visible {
  outline: 2px solid #007bff;
}

/********************************
* font埋め込み
********************************/
.u-desktop {
  display: block;
}

.u-mobile {
  display: none;
}

html {
  font-size: 16px;
}

*,
*::before,
*::after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  min-inline-size: 0;
}

ul,
ol {
  padding: 0;
}

li {
  list-style: none;
}

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

html {
  -webkit-text-size-adjust: 100%; /* Safariではまだベンダープレフィックスが必要 */
  -moz-text-size-adjust: 100%;
   -ms-text-size-adjust: 100%;
       text-size-adjust: 100%;
}

body {
  text-rendering: optimizeSpeed;
  overflow-wrap: anywhere;
  word-break: normal;
  line-break: strict;
}

.siteWrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  /* min-height: 100vh; */
}

main {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

ul,
ol {
  list-style-type: "";
}

a:not([class]) {
  -webkit-text-decoration-skip: ink;
          text-decoration-skip-ink: auto;
}

img {
  display: block;
  max-width: 100%;
  height: auto;
}

input,
button,
textarea,
select {
  font: inherit;
}

textarea {
  resize: vertical;
}

button,
input[type=submit],
input[type=button],
input[type=reset],
select,
label,
summary,
[role=tab],
[role=button] {
  cursor: pointer;
}

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

button {
  border: unset;
  background-color: unset;
  padding: unset;
  color: unset;
}

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

:where([popover]) {
  width: unset;
  height: unset;
  padding: unset;
  overflow: unset;
  color: unset;
  background-color: unset;
  border: unset;
}

:where(dialog) {
  inline-size: unset;
  max-inline-size: unset;
  block-size: unset;
  max-block-size: unset;
  padding: unset;
  margin: unset;
  color: unset;
  background-color: unset;
  border: unset;
  overflow: unset;
}

/* Blur images when they have no alt attribute */
/* フォームリセット */
.c-accordion {
  border-radius: 9px;
  overflow: hidden;
  border: 2px solid var(--base-color);
}

.c-accordion__btn {
  display: block;
  width: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  font-size: calc(19 / 16 * 1rem);
  color: var(--white);
  background: var(--base-color);
  padding: calc(23 / 16 * 1rem) calc(75 / 16 * 1rem) calc(23 / 16 * 1rem) calc(47 / 16 * 1rem);
  -webkit-transition: background var(--duration), opacity var(--duration);
  transition: background var(--duration), opacity var(--duration);
  text-align: left;
  position: relative;
}
.c-accordion__btn::before, .c-accordion__btn::after {
  content: "";
  display: block;
  width: calc(27 / 16 * 1rem);
  height: 3px;
  background: currentColor;
  border-radius: 10px;
  position: absolute;
  top: 50%;
  right: calc(45 / 16 * 1rem);
  -webkit-transform-origin: center center;
          transform-origin: center center;
  -webkit-transition: -webkit-transform var(--duration);
  transition: -webkit-transform var(--duration);
  transition: transform var(--duration);
  transition: transform var(--duration), -webkit-transform var(--duration);
}
.c-accordion__btn::before {
  -webkit-transform: translate(0%, -50%) rotate(90deg);
          transform: translate(0%, -50%) rotate(90deg);
}
.c-accordion__btn::after {
  -webkit-transform: translate(0%, -50%) rotate(0deg);
          transform: translate(0%, -50%) rotate(0deg);
}
.c-accordion__btn[aria-expanded=true]::before {
  -webkit-transform: translate(0%, -50%) rotate(0deg);
          transform: translate(0%, -50%) rotate(0deg);
}

.c-accordion__body {
  display: grid;
  grid-template-rows: 0fr;
  -webkit-transition: 250ms grid-template-rows ease, 250ms padding-block ease;
  transition: 250ms grid-template-rows ease, 250ms padding-block ease;
  transition: 250ms grid-template-rows ease, 250ms padding-block ease, 250ms -ms-grid-rows ease;
  padding-inline: calc(47 / 16 * 1rem);
  background: var(--white);
}
.c-accordion__body > div {
  overflow: hidden;
}
.c-accordion__body[aria-hidden=false] {
  grid-template-rows: 1fr;
  padding-block: calc(30 / 16 * 1rem);
}

.c-accordion__answer {
  padding-left: 1.5em;
  position: relative;
}
.c-accordion__answer::before {
  content: "A.";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

.c-angle {
  display: inline-block;
  width: calc(20 / 16 * 1rem);
  height: 2px;
  background: currentColor;
  position: relative;
}
.c-angle::before, .c-angle::after {
  content: "";
  display: block;
  width: 50%;
  height: 100%;
  background: currentColor;
  position: absolute;
  right: 0;
  border-radius: 10px;
}
.c-angle::before {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  -webkit-transform-origin: right top;
          transform-origin: right top;
  top: 0;
}
.c-angle::after {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  -webkit-transform-origin: right bottom;
          transform-origin: right bottom;
  top: 0;
}
.c-angle.--mm {
  width: calc(25 / 16 * 1rem);
}
.c-angle.--sm {
  width: calc(15 / 16 * 1rem);
}
.c-angle.--ss {
  width: calc(11 / 16 * 1rem);
}

.c-breadcrumbs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: calc(10 / 16 * 1rem);
}

.c-breadcrumbs__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: calc(10 / 16 * 1rem);
  font-size: calc(13 / 16 * 1rem);
  font-family: var(--mon-font);
  font-weight: var(--semi-bold);
  line-height: 1.2307692308;
  color: var(--gray4);
  text-transform: uppercase;
}
.c-breadcrumbs__item:nth-child(n+2)::before {
  display: inline-block;
  content: "";
  width: calc(10 / 16 * 1rem);
  aspect-ratio: 10/6;
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
  -webkit-mask: url(../../assets/images/common/icon_arrow_gray.svg) no-repeat center center/contain;
          mask: url(../../assets/images/common/icon_arrow_gray.svg) no-repeat center center/contain;
  background-color: var(--gray4);
}
.c-breadcrumbs__item.current {
  color: var(--base-color);
}

.c-btn {
  inline-size: -webkit-fit-content;
  inline-size: -moz-fit-content;
  inline-size: fit-content;
  outline-offset: 2px;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  text-transform: uppercase;
  font-size: calc(20 / 16 * 1rem);
  font-family: var(--mon-font);
  line-height: 1.2;
  font-weight: var(--bold);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: calc(20 / 16 * 1rem);
}
.c-btn span {
  display: inline-block;
  width: calc(50 / 16 * 1rem);
  aspect-ratio: 1/1;
  border: 1px solid var(--gray3);
  border-radius: 50%;
  display: grid;
  place-content: center;
}
.c-btn span::before {
  content: "";
  display: block;
  width: calc(15 / 16 * 1rem);
  aspect-ratio: 1/1;
  -webkit-mask: url(../../assets/images/common/icon_arrow_bold_black.svg) no-repeat center center/contain;
          mask: url(../../assets/images/common/icon_arrow_bold_black.svg) no-repeat center center/contain;
  background-color: currentColor;
}
.c-btn:focus-visible {
  outline-offset: 2px;
}

.c-btn--white {
  color: var(--white);
}
.c-btn--white span {
  border-color: var(--white);
}

.c-btnEntry {
  display: grid;
  place-content: center;
  width: 100%;
  max-width: calc(1090 / 16 * 1rem);
  min-height: calc(120 / 16 * 1rem);
  background: var(--blue);
  color: var(--white);
  font-size: calc(50 / 16 * 1rem);
  font-family: var(--mon-font);
  line-height: 1.5;
  text-transform: uppercase;
  border-radius: 15px;
}

.c-btnRecItems {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: calc(20 / 16 * 1rem);
  max-width: calc(1220 / 16 * 1rem);
}

.c-btnRecItems__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  min-height: calc(120 / 16 * 1rem);
  gap: calc(10 / 16 * 1rem);
  background: var(--white);
  border: 3px solid;
  border-radius: 15px;
  color: var(--blue);
  padding-block: calc(10 / 16 * 1rem);
  padding-inline: calc(50 / 16 * 1rem);
}

.c-btnRecItems__top {
  font-size: calc(36.5 / 16 * 1rem);
  font-family: var(--mon-font);
  line-height: 1;
  text-transform: uppercase;
  color: inherit;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.c-btnRecItems__top img {
  width: 100%;
  height: calc(50 / 16 * 1rem);
  -o-object-fit: contain;
     object-fit: contain;
}

.c-btnRecItems__bottom {
  font-size: calc(16 / 16 * 1rem);
  font-weight: var(--bold);
}

.c-details {
  border-bottom: solid 1px var(--gray3);
}

.c-details__btn {
  display: block;
  width: 100%;
  font-size: calc(24 / 16 * 1rem);
  font-weight: var(--bold);
  line-height: 1.1666666667;
  padding-block: calc(30 / 16 * 1rem);
  padding-inline: calc(30 / 16 * 1rem);
  cursor: pointer;
  position: relative;
}
.c-details__btn::before, .c-details__btn::after {
  content: "";
  display: block;
  width: calc(30 / 16 * 1rem);
  height: 1px;
  background: var(--gray5);
  border-radius: 10px;
  position: absolute;
  top: 50%;
  right: calc(30 / 16 * 1rem);
  -webkit-transform-origin: center center;
          transform-origin: center center;
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}
.c-details__btn::before {
  -webkit-transform: translate(0%, -50%) rotate(90deg);
          transform: translate(0%, -50%) rotate(90deg);
}
.c-details__btn::after {
  -webkit-transform: translate(0%, -50%) rotate(0deg);
          transform: translate(0%, -50%) rotate(0deg);
}
.c-details__btn::-webkit-details-marker {
  display: none;
}

.c-details__body {
  overflow: hidden;
}
.c-details__body > div {
  -webkit-margin-after: calc(10 / 16 * 1rem);
          margin-block-end: calc(10 / 16 * 1rem);
}

.c-details__item {
  display: grid;
  grid-template-columns: 50% 1fr 1fr;
  gap: calc(10 / 16 * 1rem);
  padding-block: calc(18 / 16 * 1rem);
  padding-inline: calc(50 / 16 * 1rem);
  border-bottom: dotted 1px var(--gray3);
}
.c-details__item:last-child {
  border-bottom: none;
}

.c-details__title,
.c-details__cat,
.c-details__place {
  font-size: calc(16 / 16 * 1rem);
}

.c-details__item:first-child {
  font-weight: var(--bold);
}

.c-details[open] .c-details__btn::before {
  -webkit-transform: translate(0%, -50%) rotate(0deg);
          transform: translate(0%, -50%) rotate(0deg);
}

.c-hamburger {
  --hamburger-color1: currentColor;
  --hamburger-color2: var(--base-color);
}
.c-hamburger.c-hamburger--sub {
  --hamburger-color1: var(--base-color);
}
.c-hamburger__line {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: calc(42 / 16 * 1rem);
  height: 1px;
  background: var(--hamburger-color1);
  -webkit-transition: background 0.3s ease;
  transition: background 0.3s ease;
}

.c-hamburger__line::before,
.c-hamburger__line::after {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  background: inherit;
  content: "";
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}

.c-hamburger__line::before {
  top: calc(-10 / 16 * 1rem);
}

.c-hamburger__line::after {
  top: calc(10 / 16 * 1rem);
}

.c-hamburger[aria-expanded=true] .c-hamburger__line {
  background: transparent;
}
.c-hamburger[aria-expanded=true] .c-hamburger__line::before, .c-hamburger[aria-expanded=true] .c-hamburger__line::after {
  top: 0;
  background: var(--hamburger-color2);
}
.c-hamburger[aria-expanded=true] .c-hamburger__line::before {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.c-hamburger[aria-expanded=true] .c-hamburger__line::after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.c-linkBtn {
  inline-size: -webkit-fit-content;
  inline-size: -moz-fit-content;
  inline-size: fit-content;
  outline-offset: 2px;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  text-transform: uppercase;
  font-size: calc(16 / 16 * 1rem);
  font-family: var(--mon-font);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: calc(20 / 16 * 1rem);
  min-height: calc(80 / 16 * 1rem);
  background: var(--white);
  border-radius: 10px;
  width: 100%;
  max-width: calc(610 / 16 * 1rem);
  padding-block: calc(10 / 16 * 1rem);
  padding-inline: calc(30 / 16 * 1rem);
}
.c-linkBtn::after {
  content: "";
  display: block;
  width: calc(15 / 16 * 1rem);
  aspect-ratio: 1/1;
  -webkit-mask: url(../../assets/images/common/icon_arrow_bold_black.svg) no-repeat center center/contain;
          mask: url(../../assets/images/common/icon_arrow_bold_black.svg) no-repeat center center/contain;
  background-color: currentColor;
}
.c-linkBtn:focus-visible {
  outline-offset: 2px;
}

.c-linkBtn--white {
  color: var(--white);
}
.c-linkBtn--white span {
  border-color: var(--white);
}

.c-list {
  display: grid;
  grid-template-columns: calc(150 / 16 * 1rem) 1fr;
  gap: calc(20 / 16 * 1rem);
  padding-block: calc(30 / 16 * 1rem);
  padding-inline: calc(30 / 16 * 1rem);
  border-bottom: 1px solid var(--gray3);
}
.c-list:first-child {
  border-top: 1px solid var(--gray3);
}
.c-list.c-list--large {
  padding-block: calc(48 / 16 * 1rem);
}

.c-list__time,
.c-list__title {
  font-size: calc(16 / 16 * 1rem);
}

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

.c-modalMedical {
  background: var(--white);
  border: 5px solid var(--base-color);
  border-radius: 21px;
  width: min(1200px, 90vw);
  height: 80vh;
  margin: auto;
}

.c-modalMedical[open] {
  display: block;
}

.c-modalMedical {
  -webkit-box-shadow: 0 0 0 100vmax rgba(0, 0, 0, 0.5);
          box-shadow: 0 0 0 100vmax rgba(0, 0, 0, 0.5);
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
}

.c-modalMedical__container {
  height: inherit;
  block-size: 100%;
  position: relative;
}

.c-modalMedical__inner {
  padding: calc(73 / 16 * 1rem) calc(30 / 16 * 1rem);
  height: inherit;
  overflow: scroll;
  -ms-scroll-chaining: none;
      overscroll-behavior: contain;
}

.c-modalMedical__img {
  width: min(400px, 100%);
  aspect-ratio: 400/248;
  margin-inline: auto;
}
.c-modalMedical__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  border-radius: 30px;
}

.c-modalMedical__head {
  margin-top: calc(45 / 16 * 1rem);
}

.c-modalMedical__title {
  font-size: calc(24 / 16 * 1rem);
  font-weight: var(--bold);
  text-align: center;
}

.c-modalMedical__body {
  margin-top: calc(55 / 16 * 1rem);
}

.c-modalMedical__close {
  width: calc(59 / 16 * 1rem);
  aspect-ratio: 1/1;
  border: 2px solid #a7a7a7;
  color: #a7a7a7;
  background: var(--white);
  border-radius: 50%;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transform: translate(-25%, -25%);
          transform: translate(-25%, -25%);
}
.c-modalMedical__close::before, .c-modalMedical__close::after {
  content: "";
  display: block;
  width: 50%;
  height: 3px;
  background: currentColor;
  position: absolute;
  top: 50%;
  left: 50%;
}
.c-modalMedical__close::before {
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
          transform: translate(-50%, -50%) rotate(45deg);
}
.c-modalMedical__close::after {
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
          transform: translate(-50%, -50%) rotate(-45deg);
}

.c-page-top {
  width: calc(45 / 16 * 1rem);
  height: calc(45 / 16 * 1rem);
  background: var(--white);
  position: fixed;
  bottom: calc(50 / 16 * 1rem);
  right: calc(20 / 16 * 1rem);
  -webkit-transition: 0.3s;
  transition: 0.3s;
  cursor: pointer;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  z-index: var(--page-top);
}

.c-page-top.is-active {
  opacity: 1;
  visibility: visible;
  pointer-events: initial;
}

.c-page-top span:first-child {
  display: inline-block;
  width: calc(20 / 16 * 1rem);
  height: calc(2 / 16 * 1rem);
  background: var(--back);
  -webkit-transform: rotate(-45deg) translateX(3px);
          transform: rotate(-45deg) translateX(3px);
  -webkit-transform-origin: right;
          transform-origin: right;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.c-page-top span:nth-child(2) {
  display: inline-block;
  width: calc(20 / 16 * 1rem);
  height: calc(2 / 16 * 1rem);
  background: var(--back);
  -webkit-transform: rotate(45deg) translateX(-3px);
          transform: rotate(45deg) translateX(-3px);
  -webkit-transform-origin: left;
          transform-origin: left;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.c-page-top:hover {
  background: var(--back);
}
.c-page-top:hover span {
  background: var(--white);
}

.c-panel {
  display: block;
  background: var(--white);
  border: 3px solid var(--base-color);
  border-radius: 21px;
  min-height: calc(237 / 16 * 1rem);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: calc(20 / 16 * 1rem);
  padding: calc(30 / 16 * 1rem) calc(10 / 16 * 1rem);
  cursor: pointer;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

.c-panel__img {
  width: min(126px, 100%);
}

.c-panel__text {
  display: block;
  width: 100%;
  font-size: calc(19 / 16 * 1rem);
  font-weight: var(--bold);
  line-height: 1.3157894737;
  text-align: center;
  position: relative;
  color: var(--base-color);
}
.c-panel__text::before, .c-panel__text::after {
  content: "";
  display: block;
  width: 7px;
  height: 2px;
  background: #FBA49B;
  position: absolute;
  top: 50%;
  right: calc(4 / 16 * 1rem);
  -webkit-transform-origin: center right;
          transform-origin: center right;
  border-radius: 10px;
}
.c-panel__text::before {
  -webkit-transform: translate(0%, -50%) rotate(45deg);
          transform: translate(0%, -50%) rotate(45deg);
}
.c-panel__text::after {
  -webkit-transform: translate(0%, -50%) rotate(-45deg);
          transform: translate(0%, -50%) rotate(-45deg);
}

.c-projectCard {
  display: block;
  width: calc(1000 / 16 * 1rem);
  aspect-ratio: 1000/563;
  position: relative;
  border-radius: 15px;
  overflow: hidden;
  position: relative;
}
.c-projectCard::after {
  content: "";
  display: block;
  width: 100%;
  height: 50%;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.8)));
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8));
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 2;
}

.c-projectCard__img {
  width: 100%;
  height: 100%;
}
.c-projectCard__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

.c-projectCard__body {
  position: absolute;
  bottom: calc(50 / 16 * 1rem);
  left: calc(50 / 16 * 1rem);
  z-index: 3;
}

.c-projectCard__text {
  font-size: calc(30 / 16 * 1rem);
  font-weight: var(--bold);
  line-height: 1.8;
  color: var(--white);
}

.c-projectCard__info {
  -webkit-margin-before: calc(10 / 16 * 1rem);
          margin-block-start: calc(10 / 16 * 1rem);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: calc(26 / 16 * 1rem);
}

.c-projectCard__meta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: calc(10 / 16 * 1rem);
}

.c-projectCard__time,
.c-projectCard__place,
.c-projectCard__title {
  font-size: calc(13 / 16 * 1rem);
  font-family: var(--mon-font);
  line-height: 1.4615384615;
  color: color-mix(in srgb, var(--white) 75%, transparent);
}

.c-projectCard__title {
  position: relative;
}
.c-projectCard__title::before {
  content: "";
  display: block;
  width: 1px;
  height: calc(20 / 16 * 1rem);
  background-color: color-mix(in srgb, var(--white) 75%, transparent);
  position: absolute;
  top: 50%;
  left: calc(-13 / 16 * 1rem);
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.c-recSecTitle {
  font-size: calc(50 / 16 * 1rem);
  font-family: var(--mon-font);
  font-weight: var(--medium);
  line-height: 1.5;
  text-transform: uppercase;
}

.c-recSubSecTitle__en {
  font-size: calc(40 / 16 * 1rem);
  font-family: var(--mon-font);
  line-height: 1.5;
  color: var(--blue);
  letter-spacing: 0.05em;
}

.c-recSubSecTitle__ja {
  font-size: calc(16 / 16 * 1rem);
  font-weight: var(--bold);
  color: var(--blue);
  -webkit-margin-before: calc(-5 / 16 * 1rem);
          margin-block-start: calc(-5 / 16 * 1rem);
}

.c-secTitle {
  font-size: calc(30 / 16 * 1rem);
  font-weight: var(--bold);
  font-family: var(--mon-font);
  line-height: 1.8;
  text-transform: uppercase;
}
.c-secTitle.c-secTitle--white {
  color: var(--white);
}

.c-subSecTitle {
  font-size: calc(14 / 16 * 1rem);
  font-family: var(--mon-font);
  font-weight: var(--bold);
  line-height: 2.1428571429;
  letter-spacing: 0;
  text-transform: uppercase;
}

.pagination {
  display: inline-block;
}
.pagination .nav-links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: calc(15 / 16 * 1rem);
}
.pagination .page-numbers {
  display: grid;
  place-content: center;
  padding: calc(5 / 16 * 1rem);
  width: calc(50 / 16 * 1rem);
  aspect-ratio: 1;
  border-radius: 50%;
  color: var(--base-color);
  background: #fff;
  font-size: calc(16 / 16 * 1rem);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.pagination .current {
  background: var(--base-color);
  color: #fff;
}
.pagination .prev,
.pagination .next {
  position: relative;
}
.pagination .prev::after,
.pagination .next::after {
  content: "";
  display: block;
  width: calc(15 / 16 * 1rem);
  height: calc(15 / 16 * 1rem);
  -webkit-mask: url(../../assets/images/common/icon_arrow_bold_black.svg) no-repeat center center/contain;
          mask: url(../../assets/images/common/icon_arrow_bold_black.svg) no-repeat center center/contain;
  background-color: currentColor;
  position: absolute;
  inset: 0;
  margin: auto;
}
.pagination .prev {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.pagination .dots {
  background: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.l-inner {
  width: 100%;
  max-width: calc(var(--inner) + var(--padding-pc) * 2);
  padding-inline: var(--padding-pc);
  margin-inline: auto;
}

.l-parts {
  width: 100%;
  height: 100%;
  background-color: #9cdbe8;
  padding: calc(100 / 16 * 1rem) 0;
}

.l-parts__sec {
  padding: calc(50 / 16 * 1rem) 0;
}

.form {
  max-width: calc(782 / 16 * 1rem);
  margin-inline: auto;
}

.form__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: calc(20 / 16 * 1rem);
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.form__content.st_center {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.form__content.st_center .form__head {
  margin-top: initial;
}

.form__content + .form__content {
  margin-top: calc(15 / 16 * 1rem);
}

.form__content.form__contentButton {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: calc(30 / 16 * 1rem) calc(50 / 16 * 1rem);
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  margin-top: calc(50 / 16 * 1rem);
}
.form__content.form__contentButton > p {
  display: inherit;
  -ms-flex-wrap: inherit;
      flex-wrap: inherit;
  gap: inherit;
  -webkit-box-pack: inherit;
      -ms-flex-pack: inherit;
          justify-content: inherit;
  width: inherit;
}
.form__content.form__contentButton br {
  display: none;
}

.form__contentCheckbox {
  text-align: center;
}

.form__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: calc(10 / 16 * 1rem);
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(265 / 16 * 1rem);
          flex: 0 0 calc(265 / 16 * 1rem);
  margin-top: calc(18 / 16 * 1rem);
}

.form__title {
  font-size: calc(16 / 16 * 1rem);
  font-weight: var(--bold);
  line-height: 1.875;
  letter-spacing: 0.1em;
}

.form__confirm {
  font-size: calc(16 / 16 * 1rem);
  line-height: 1.875;
  letter-spacing: 0.1em;
  min-height: calc(50 / 16 * 1rem);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.form__required {
  font-size: calc(12 / 16 * 1rem);
  font-weight: var(--bold);
  letter-spacing: 0.1em;
  line-height: 1;
  color: var(--white);
  background: var(--blue);
  min-height: calc(21 / 16 * 1rem);
  padding: calc(3 / 16 * 1rem) calc(5 / 16 * 1rem);
  border-radius: 3px;
  display: grid;
  place-content: center;
}

.form__item {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  max-width: calc(500 / 16 * 1rem);
}
.form__item.st_large {
  max-width: initial;
}
.form__item .c-text {
  padding: calc(10 / 16 * 1rem) calc(10 / 16 * 1rem);
  margin-top: initial;
}
.form__item br {
  display: none;
}

.formText {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background-color: var(--white);
  background-image: none;
  border: 1px solid transparent;
  color: inherit;
  font-family: inherit;
  font-size: calc(16 / 16 * 1rem);
  padding: calc(8 / 16 * 1rem) calc(8 / 16 * 1rem);
  min-height: calc(50 / 16 * 1rem);
  width: 100%;
}
.formText:focus {
  outline: 2px solid var(--blue);
  -webkit-box-shadow: none;
          box-shadow: none;
}
.formText::-webkit-input-placeholder {
  color: inherit;
}
.formText::-moz-placeholder {
  color: inherit;
}
.formText:-ms-input-placeholder {
  color: inherit;
}
.formText::-ms-input-placeholder {
  color: inherit;
}
.formText::placeholder {
  color: inherit;
}
.formText:focus::-webkit-input-placeholder {
  color: transparent;
}
.formText:focus::-moz-placeholder {
  color: transparent;
}
.formText:focus:-ms-input-placeholder {
  color: transparent;
}
.formText:focus::-ms-input-placeholder {
  color: transparent;
}
.formText:focus::placeholder {
  color: transparent;
}

.formRadio {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  padding-left: calc(10 / 16 * 1rem);
  gap: calc(5 / 16 * 1rem) calc(10 / 16 * 1rem);
  min-height: calc(50 / 16 * 1rem);
}
.formRadio > p {
  display: contents;
}
.formRadio br {
  display: none;
}
.formRadio label {
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.formRadio input[type=radio] {
  position: absolute;
  white-space: nowrap;
  width: 100%;
  height: 100%;
  border: 0;
  padding: 0;
  overflow: hidden;
  clip: rect(0 0 0 0);
  -webkit-clip-path: inset(50%);
          clip-path: inset(50%);
}
.formRadio input[type=radio]:focus-visible + span {
  outline: 2px solid var(--blue);
}
.formRadio input[type=radio] + span {
  cursor: pointer;
  display: inline-block;
  padding: 5px 15px 6px 25px;
  position: relative;
}
.formRadio input[type=radio] + span::before {
  -webkit-transform: translateY(-50%);
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.16);
  border-radius: 50%;
  content: "";
  display: block;
  width: calc(16 / 16 * 1rem);
  aspect-ratio: 1/1;
  left: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.formRadio input[type=radio] + span::after {
  -webkit-transform: translateY(-50%);
  background: #222;
  border: 1px solid transparent;
  border-radius: 50%;
  content: "";
  width: calc(16 / 16 * 1rem);
  aspect-ratio: 1/1;
  left: 0;
  opacity: 0;
  padding: 2px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.formRadio input[type=radio]:checked + span::after {
  opacity: 1;
}

.p-subRecEntry__form input[type=radio] + span::before {
  border: 1px solid var(--blue);
}

.p-subRecEntry__form input[type=radio] + span::after {
  background: var(--blue);
}

.formSelect {
  border: 1px solid transparent;
  font-size: calc(16 / 16 * 1rem);
  padding: calc(5 / 16 * 1rem) calc(10 / 16 * 1rem);
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  max-width: 100%;
}
.formSelect:focus {
  outline: 2px solid var(--blue);
  -webkit-box-shadow: none;
          box-shadow: none;
}
.formSelect::-webkit-input-placeholder {
  color: inherit;
}
.formSelect::-moz-placeholder {
  color: inherit;
}
.formSelect:-ms-input-placeholder {
  color: inherit;
}
.formSelect::-ms-input-placeholder {
  color: inherit;
}
.formSelect::placeholder {
  color: inherit;
}
.formSelect:focus::-webkit-input-placeholder {
  color: transparent;
}
.formSelect:focus::-moz-placeholder {
  color: transparent;
}
.formSelect:focus:-ms-input-placeholder {
  color: transparent;
}
.formSelect:focus::-ms-input-placeholder {
  color: transparent;
}
.formSelect:focus::placeholder {
  color: transparent;
}

.formTextArea {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background-color: #fff;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 5px;
  color: inherit;
  font-size: calc(16 / 16 * 1rem);
  padding: calc(12 / 16 * 1rem) calc(12 / 16 * 1rem);
  min-height: 200px;
  width: 100%;
  white-space: pre-wrap;
}
.formTextArea:focus {
  outline: 2px solid var(--blue);
  -webkit-box-shadow: none;
          box-shadow: none;
}
.formTextArea::-webkit-input-placeholder {
  color: inherit;
}
.formTextArea::-moz-placeholder {
  color: inherit;
}
.formTextArea:-ms-input-placeholder {
  color: inherit;
}
.formTextArea::-ms-input-placeholder {
  color: inherit;
}
.formTextArea::placeholder {
  color: inherit;
}
.formTextArea:focus::-webkit-input-placeholder {
  color: transparent;
}
.formTextArea:focus::-moz-placeholder {
  color: transparent;
}
.formTextArea:focus:-ms-input-placeholder {
  color: transparent;
}
.formTextArea:focus::-ms-input-placeholder {
  color: transparent;
}
.formTextArea:focus::placeholder {
  color: transparent;
}

.formCheck {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding-left: calc(10 / 16 * 1rem);
  gap: calc(5 / 16 * 1rem) calc(10 / 16 * 1rem);
}
.formCheck > p {
  display: inherit;
  -ms-flex-wrap: inherit;
      flex-wrap: inherit;
  -webkit-box-orient: inherit;
  -webkit-box-direction: inherit;
      -ms-flex-direction: inherit;
          flex-direction: inherit;
  padding-left: inherit;
  gap: inherit;
}
.formCheck label {
  position: relative;
}
.formCheck input[type=checkbox] {
  width: 100%;
  height: 100%;
  margin: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  cursor: pointer;
}
.formCheck input[type=checkbox] + span {
  cursor: pointer;
  display: inline-block;
  margin: 0 0.2em 0;
  padding: 0 0 0 calc(25 / 16 * 1rem);
  position: relative;
  font-size: calc(16 / 16 * 1rem);
  letter-spacing: 0.04em;
  line-height: 1.714285;
}
.formCheck input[type=checkbox] + span::before {
  -webkit-transform: translateY(-50%);
  background: #fff;
  border: 1px solid transparent;
  border-radius: 2px;
  content: "";
  display: block;
  width: 1em;
  height: 1em;
  left: 0;
  position: absolute;
  top: calc(15 / 16 * 1rem);
}
.formCheck input[type=checkbox] + span::after {
  -webkit-transform: translateY(-50%) rotate(-45deg);
  border-bottom: 3px solid var(--blue);
  border-left: 3px solid var(--blue);
  content: "";
  display: block;
  height: 0.6em;
  left: 1px;
  opacity: 0;
  position: absolute;
  top: calc(12 / 16 * 1rem);
  transform: translateY(-50%) rotate(-45deg);
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  width: 1em;
}
.formCheck input[type=checkbox]:checked + span::before {
  background: #fff;
}
.formCheck input[type=checkbox]:checked + span::after {
  opacity: 1;
}
.formCheck input[type=checkbox]:focus-visible + span {
  outline: 2px solid var(--blue);
}
.formCheck .c-text {
  margin-top: initial !important;
}

.formAgree {
  position: relative;
}
.formAgree p {
  display: contents;
}
.formAgree label {
  position: relative;
}
.formAgree input[type=checkbox] {
  width: calc(30 / 16 * 1rem);
  height: calc(30 / 16 * 1rem);
  margin: 0;
  opacity: 0;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 0;
  z-index: 10;
  cursor: pointer;
}
.formAgree span {
  cursor: pointer;
  display: inline-block;
  padding: 0 0 0 calc(50 / 16 * 1rem);
  position: relative;
  font-size: calc(16 / 16 * 1rem);
  font-weight: var(--bold);
  line-height: 2;
}
.formAgree span a {
  text-decoration: underline;
}
.formAgree span::before {
  -webkit-transform: translateY(-50%);
  background: #fff;
  border: 1px solid transparent;
  border-radius: 5px;
  content: "";
  display: block;
  width: calc(30 / 16 * 1rem);
  height: calc(30 / 16 * 1rem);
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
}
.formAgree span::after {
  -webkit-transform: translateY(-50%) rotate(-45deg);
  border-bottom: 3px solid #0f0102;
  border-left: 3px solid #0f0102;
  content: "";
  display: block;
  height: 0.6em;
  width: 1.5em;
  position: absolute;
  top: 50%;
  left: calc(5 / 16 * 1rem);
  -webkit-transform: translateY(-55%) rotate(-45deg);
          transform: translateY(-55%) rotate(-45deg);
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  opacity: 0;
}
.formAgree input[type=checkbox]:checked ~ span::before {
  background: #fff;
}
.formAgree input[type=checkbox]:checked ~ span::after {
  opacity: 1;
}
.formAgree input[type=checkbox]:focus-visible ~ span {
  outline: 2px solid var(--blue);
}
.formAgree .formAgree__link {
  display: block;
  width: calc(150 / 16 * 1rem);
  height: 1.8em;
  background: transparent;
  border-bottom: 1px solid var(--base-color);
  position: absolute;
  top: 0;
  left: calc(50 / 16 * 1rem);
  z-index: 2;
  -webkit-transition: background 0.3s ease;
  transition: background 0.3s ease;
}

.formBtn {
  -webkit-appearance: none;
  background-color: #fff;
  background-image: none;
  border: none;
  color: var(--base-color);
  cursor: pointer;
  display: inline-block;
  font-size: calc(16 / 16 * 1rem);
  font-weight: var(--bold);
  letter-spacing: 0.1em;
  font-weight: 700;
  margin: 0;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(180 / 16 * 1rem);
          flex: 0 0 calc(180 / 16 * 1rem);
  min-height: calc(60 / 16 * 1rem);
  padding: calc(5 / 16 * 1rem);
  text-decoration: none;
  text-align: center;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  display: grid;
  place-content: center;
}
.formBtn.is_confirm {
  background: #fff;
}
.formBtn:disabled {
  background: #ccc;
  pointer-events: none;
}
.formBtn:hover, .formBtn:focus {
  outline: none;
}
.formBtn::-moz-foucus-inner {
  border: none;
  padding: 0;
}
.formBtn:focus-visible {
  outline: 1px solid var(--blue);
}

.formPolicy {
  width: 100%;
  height: calc(400 / 16 * 1rem);
  padding: calc(10 / 16 * 1rem);
  border: 1px solid #333;
  background: #fff;
  overflow-y: scroll;
}
.formPolicy .formPolicy__text {
  font-size: calc(16 / 16 * 1rem);
  letter-spacing: 0.04em;
  line-height: 1.7142;
}

.wpcf7-spinner {
  display: none;
}

.wpcf7-list-item {
  margin: 0;
}

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

.wpcf7 form .wpcf7-response-output {
  border: none;
}

.js_confirmArea {
  display: none;
}

.p-aside {
  display: grid;
  grid-template-columns: calc(250 / 16 * 1rem) 1fr;
  gap: calc(50 / 16 * 1rem);
}
.p-aside.st_recruit {
  grid-template-columns: calc(150 / 16 * 1rem) 1fr;
}

.p-aside__list {
  position: -webkit-sticky;
  position: sticky;
  top: calc(180 / 16 * 1rem);
  display: grid;
  gap: calc(15 / 16 * 1rem);
}

.p-aside__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: calc(15 / 16 * 1rem);
  font-size: calc(14 / 16 * 1rem);
  line-height: 1.7857142857;
  letter-spacing: 0.05em;
  color: var(--gray4);
}
.p-aside__item::before {
  display: inline-block;
  content: "";
  width: calc(10 / 16 * 1rem);
  aspect-ratio: 1/1;
  background: currentColor;
  border-radius: 50%;
}
.p-aside__item.is_active {
  color: var(--base-color);
}
.p-aside__item.st_recruit {
  color: color-mix(in srgb, var(--blue) 50%, transparent);
}
.p-aside__item.st_recruit.is_active {
  color: var(--blue);
}

.p-aside__subList {
  -webkit-padding-start: calc(25 / 16 * 1rem);
          padding-inline-start: calc(25 / 16 * 1rem);
  display: grid;
  gap: calc(15 / 16 * 1rem);
}

.p-aside__main {
  max-width: calc(1220 / 16 * 1rem);
}

.p-drawer-menu {
  display: none;
}

.p-drawer-menu[aria-hidden=false],
.p-drawer-menu:popover-open {
  opacity: 1;
  visibility: revert;
  pointer-events: auto;
}

.p-drawer-menu__items {
  height: initial;
  display: block;
  padding-block: calc(135 / 16 * 1rem) calc(100 / 16 * 1rem);
  padding-inline: var(--padding-pc);
  width: 100%;
  margin-inline: auto;
}

.p-drawer-menu__item {
  border-bottom: 1px solid var(--white);
}
.p-drawer-menu__item a {
  display: block;
  width: 100%;
  height: 100%;
  padding: calc(10 / 16 * 1rem);
  min-height: calc(80 / 16 * 1rem);
  text-align: center;
  font-size: calc(28 / 16 * 1rem);
  line-height: 1.4285714286;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: calc(20 / 16 * 1rem);
  text-align: left;
  text-transform: uppercase;
}
.p-drawer-menu__item a::before {
  content: "";
  display: block;
  width: calc(20 / 16 * 1rem);
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(20 / 16 * 1rem);
          flex: 0 0 calc(20 / 16 * 1rem);
  height: calc(29 / 16 * 1rem);
  background: var(--black);
  -webkit-clip-path: polygon(0 0, 0% 100%, 100% 50%);
          clip-path: polygon(0 0, 0% 100%, 100% 50%);
}

.p-drawer-menu__bottom a {
  display: block;
  min-height: calc(80 / 16 * 1rem);
  font-size: calc(22 / 16 * 1rem);
  color: var(--white);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: left;
  padding: calc(10 / 16 * 1rem) 0;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}

.p-footer {
  background: var(--back);
}

.p-footer__wrap {
  padding-block: calc(210 / 16 * 1rem) calc(30 / 16 * 1rem);
  position: relative;
}

.p-footer__contents {
  max-width: var(--innerS);
  margin-inline: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: calc(50 / 16 * 1rem);
}

.p-footer__logo {
  width: calc(244 / 16 * 1rem);
}

.p-footer__info {
  -webkit-margin-before: calc(15 / 16 * 1rem);
          margin-block-start: calc(15 / 16 * 1rem);
}

.p-footer__address,
.p-footer__tel {
  font-style: normal;
  font-size: calc(13 / 16 * 1rem);
  line-height: 1.9230769231;
  color: var(--white);
}

.p-footer__items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: calc(50 / 16 * 1rem);
}

.p-footer__item {
  font-size: calc(16 / 16 * 1rem);
  font-weight: var(--semi-bold);
  color: var(--white);
  line-height: 1.1875;
  text-transform: uppercase;
}

.p-footer__itemsSub {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: calc(50 / 16 * 1rem);
  -webkit-margin-before: calc(30 / 16 * 1rem);
          margin-block-start: calc(30 / 16 * 1rem);
}

.p-footer__itemSub {
  font-size: calc(13 / 16 * 1rem);
  font-family: var(--mon-font);
  font-weight: var(--semi-bold);
  color: var(--white);
  line-height: 1.2307692308;
  text-transform: uppercase;
}

.p-footer__bottom {
  -webkit-margin-before: calc(100 / 16 * 1rem);
          margin-block-start: calc(100 / 16 * 1rem);
}

.p-footer__copy {
  display: block;
  font-size: calc(13 / 16 * 1rem);
  font-family: var(--mon-font);
  line-height: 1.2307692308;
  color: var(--white);
  text-align: center;
}

.p-footer__btn {
  display: block;
  width: 100%;
  min-height: calc(180 / 16 * 1rem);
  background: var(--white);
  padding-block: calc(30 / 16 * 1rem);
  --padding-inline: calc(95 / 16 * 1rem);
  padding-inline: var(--padding-inline);
  border-radius: 30px;
  position: absolute;
  top: calc(-50 / 16 * 1rem);
  left: 0;
  right: 0;
  z-index: 2;
}
.p-footer__btn::before {
  border-radius: inherit;
}
.p-footer__btn::after {
  content: "";
  display: block;
  width: calc(30 / 16 * 1rem);
  aspect-ratio: 1/1;
  -webkit-mask: url(../../assets/images/common/icon_arrow_bold_black.svg) no-repeat center center/contain;
          mask: url(../../assets/images/common/icon_arrow_bold_black.svg) no-repeat center center/contain;
  background-color: currentColor;
  position: absolute;
  top: 50%;
  right: var(--padding-inline);
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.p-footer__btnTitle {
  font-size: calc(16 / 16 * 1rem);
  font-family: var(--mon-font);
  font-weight: var(--semi-bold);
  line-height: 1.1875;
  text-transform: uppercase;
  position: absolute;
  top: 50%;
  left: var(--padding-inline);
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.p-footer__btnText {
  font-size: calc(24 / 16 * 1rem);
  line-height: 2.25;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.p-header-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.p-header-menu__items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: calc(30 / 25 * 1rem);
  height: 100%;
  color: inherit;
}

.p-header-menu__item {
  font-size: calc(16 / 16 * 1rem);
  font-family: var(--mon-font);
  font-weight: var(--semi-bold);
  line-height: 1.2666666667;
  text-transform: uppercase;
  color: inherit;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  -webkit-transition: color var(--duration), background var(--duration);
  transition: color var(--duration), background var(--duration);
}
.p-header-menu__item a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
  gap: calc(9 / 16 * 1rem);
}

.p-header-menu__item a.invoice {
  background-color: #3260BE;
  border-radius: 5px;
  color: #fff;
  font-size: calc(16 / 17 * 1rem);
  height: auto;
  line-height: 1.4;
  padding: 10px;
  text-align: center;
}

.p-header-menu__btn a {
  width: calc(150 / 16 * 1rem);
  min-height: calc(42 / 16 * 1rem);
  border-radius: 21px;
  background: var(--white);
  color: var(--blue);
  display: grid;
  place-content: center;
  font-size: calc(18 / 16 * 1rem);
  font-weight: var(--bold);
  text-transform: uppercase;
  -webkit-transition: color var(--duration), background var(--duration);
  transition: color var(--duration), background var(--duration);
}

.p-header.p-header--recruit.is_active .p-header-menu__btn a,
.p-header.p-header--subRecruit .p-header-menu__btn a {
  background: var(--blue);
  color: var(--white);
}

:root {
  --header-height: calc(150 / 16 * 1rem);
}

.p-header {
  height: var(--header-height);
  background: transparent;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  z-index: var(--header);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition: background 0.3s ease;
  transition: background 0.3s ease;
  color: var(--white);
}
.p-header.p-header--sub {
  color: var(--base-color);
  background: var(--white);
}
.p-header.p-header--subRecruit {
  color: var(--blue);
}

.p-header__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: calc(50 / 16 * 1rem);
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  padding-inline: calc(50 / 16 * 1rem) calc(50 / 16 * 1rem);
  max-width: calc(1860 / 16 * 1rem);
  margin-inline: auto;
  height: auto;
  color: inherit;
}

.p-header__logoWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: calc(101 / 16 * 1rem);
  color: inherit;
}
.p-header__logoWrap.p-header__logoWrap--rec {
  gap: calc(30 / 16 * 1rem);
}

.p-header__logo {
  width: calc(244 / 16 * 1rem);
  height: initial;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.p-header__logo a {
  width: 100%;
  display: block;
}

.p-header__logo img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 100%;
  -webkit-transition: -webkit-filter 0.3s ease;
  transition: -webkit-filter 0.3s ease;
  transition: filter 0.3s ease;
  transition: filter 0.3s ease, -webkit-filter 0.3s ease;
}

.p-header__logoSide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: calc(15 / 16 * 1rem);
  color: inherit;
  position: relative;
}
.p-header__logoSide::before {
  content: "";
  display: block;
  width: calc(1 / 16 * 1rem);
  height: calc(50 / 16 * 1rem);
  background: currentColor;
  position: absolute;
  top: 50%;
  left: calc(-50 / 16 * 1rem);
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.p-header__logoSub {
  width: calc(61 / 16 * 1rem);
}
.p-header__logoSub img {
  width: 100%;
  -webkit-transition: -webkit-filter 0.3s ease;
  transition: -webkit-filter 0.3s ease;
  transition: filter 0.3s ease;
  transition: filter 0.3s ease, -webkit-filter 0.3s ease;
}

.p-header__drawerBtn {
  color: inherit;
  display: none;
}

.p-header__logoText {
  font-size: calc(13 / 16 * 1rem);
  font-weight: var(--black-bold);
  line-height: 1.2666666667;
  color: inherit;
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
}

.p-header__menu {
  color: inherit;
}

.p-header__recParts {
  color: inherit;
  font-size: calc(18 / 16 * 1rem);
  font-family: var(--mon-font);
  font-weight: var(--bold);
  text-transform: uppercase;
  min-height: calc(42 / 16 * 1rem);
  display: grid;
  place-content: center;
  border-radius: 21px;
  border: 1px solid;
  padding-inline: calc(20 / 16 * 1rem);
}

.p-header.is_active {
  background: var(--white);
  color: var(--base-color);
}
.p-header.is_active .p-header__logo img {
  -webkit-filter: invert(1);
          filter: invert(1);
}
.p-header.is_active .p-header__logoSub img {
  -webkit-filter: invert(1);
          filter: invert(1);
}

.p-header.is_open {
  background: var(--white);
  color: var(--base-color);
}
.p-header.is_open .p-header__logo img {
  -webkit-filter: invert(1);
          filter: invert(1);
}
.p-header.is_open .p-header__logoSub img {
  -webkit-filter: invert(1);
          filter: invert(1);
}

.p-header.p-header--sub.is_open {
  background: var(--white);
  color: var(--base-color);
}
.p-header.p-header--sub.is_open .p-header__logo img {
  -webkit-filter: invert(0);
          filter: invert(0);
}
.p-header.p-header--sub.is_open .p-header__logoSub img {
  -webkit-filter: invert(0);
          filter: invert(0);
}

.p-header.p-header--recruit.is_active {
  background: var(--back-recruit);
  color: var(--blue);
}
.p-header.p-header--recruit.is_active .p-header__logo img {
  -webkit-filter: invert(1);
          filter: invert(1);
}
.p-header.p-header--recruit.is_active .p-header__logoSub img {
  -webkit-filter: invert(1);
          filter: invert(1);
}

.p-header.p-header--recruit.is_open {
  background: var(--back-recruit);
  color: var(--blue);
}
.p-header.p-header--recruit.is_open .p-header__logo img {
  -webkit-filter: invert(1);
          filter: invert(1);
}
.p-header.p-header--recruit.is_open .p-header__logoSub img {
  -webkit-filter: invert(1);
          filter: invert(1);
}

.p-header.is_activeSub {
  background: var(--white);
}

.p-header.p-header--subRecruit.is_active .p-header__logo img {
  -webkit-filter: invert(0);
          filter: invert(0);
}

.p-header.p-header--subRecruit.is_open .p-header__logo img {
  -webkit-filter: invert(0);
          filter: invert(0);
}

.p-overview {
  display: grid;
  grid-template-columns: -webkit-max-content 1fr;
  grid-template-columns: max-content 1fr;
  border-top: 1px solid var(--gray3);
}

.p-overview__dt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: calc(5 / 16 * 1rem);
  font-size: calc(16 / 16 * 1rem);
  font-weight: var(--bold);
  border-bottom: 1px solid var(--gray3);
  padding-block: calc(18 / 16 * 1rem);
  padding-inline: calc(20 / 16 * 1rem) 0;
}
.p-overview__dt.st_recruit {
  color: var(--blue);
}
.p-overview__dt.start {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.p-overview__dt small {
  font-size: calc(14 / 16 * 1rem);
  font-weight: var(--medium);
}

.p-overview__dd {
  border-bottom: 1px solid var(--gray3);
  padding-block: calc(18 / 16 * 1rem);
  padding-inline: calc(50 / 16 * 1rem) calc(20 / 16 * 1rem);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.p-overview__text {
  font-size: calc(16 / 16 * 1rem);
}
.p-overview__text.right {
  text-align: right;
}

.p-overview__list {
  color: inherit;
}

.p-overview__item {
  display: grid;
  grid-template-columns: -webkit-max-content -webkit-max-content;
  grid-template-columns: max-content max-content;
  gap: 0 calc(50 / 16 * 1rem);
}

.p-panelList {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: calc(12 / 16 * 1rem);
}

.p-panelList__item {
  background: var(--white);
  height: calc(60 / 16 * 1rem);
  padding: calc(5 / 16 * 1rem);
  display: grid;
  place-content: center;
}

.p-panelList__text {
  font-size: calc(18 / 16 * 1rem);
  line-height: 1.5555555556;
  font-weight: var(--bold);
}

.p-panels {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: calc(65 / 16 * 1rem) calc(48 / 16 * 1rem);
}

.p-qa {
  padding-top: calc(52 / 16 * 1rem);
  background: var(--color-back-green);
}

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

.p-qa__body {
  margin-top: calc(80 / 16 * 1rem);
}

.p-qa__accordion:nth-child(n+2) {
  margin-top: calc(25 / 16 * 1rem);
}

.p-recBusinessItems {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: calc(20 / 16 * 1rem);
}

.p-recBusinessItems2 {
  grid-template-columns: repeat(2, 1fr);
}

.p-recBusinessItems__item {
  background: var(--blue);
  padding-block: calc(50 / 16 * 1rem);
  padding-inline: calc(30 / 16 * 1rem);
  border-radius: 10px;
}

.p-recBusinessItems__itemTitle {
  font-size: calc(24 / 16 * 1rem);
  font-weight: var(--bold);
  line-height: 1.5;
  color: var(--white);
  text-align: center;
}

.p-recBusinessItems__itemText {
  font-size: calc(16 / 16 * 1rem);
  font-weight: var(--bold);
  -webkit-margin-before: calc(30 / 16 * 1rem);
          margin-block-start: calc(30 / 16 * 1rem);
  color: var(--white);
}

.p-RecCareerItems {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: calc(50 / 16 * 1rem);
}

.p-RecCareerItems__item {
  background: var(--white);
  padding-block: calc(50 / 16 * 1rem);
  padding-inline: calc(50 / 16 * 1rem);
  border-radius: 10px;
  min-height: calc(424 / 16 * 1rem);
  display: grid;
  grid-template-rows: subgrid;
  grid-row: span 2;
  gap: 0;
  position: relative;
}
.p-RecCareerItems__item:not(:last-child)::after {
  content: "";
  display: block;
  width: calc(30 / 16 * 1rem);
  aspect-ratio: 30/80;
  background: inherit;
  -webkit-clip-path: polygon(0 100%, 100% 50%, 0 0);
          clip-path: polygon(0 100%, 100% 50%, 0 0);
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translate(98%, -50%);
          transform: translate(98%, -50%);
  z-index: 2;
}

.p-RecCareerItems__itemImg {
  height: calc(200 / 16 * 1rem);
  position: absolute;
  top: calc(-50 / 16 * 1rem);
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: 2;
}
.p-RecCareerItems__itemImg img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.p-RecCareerItems__itemTitle {
  -webkit-margin-before: calc(130 / 16 * 1rem);
          margin-block-start: calc(130 / 16 * 1rem);
  font-size: calc(24 / 16 * 1rem);
  font-weight: var(--bold);
  line-height: 1.5;
  text-align: center;
  color: var(--blue);
}

.p-RecCareerItems__itemText {
  font-size: calc(16 / 16 * 1rem);
  font-weight: var(--bold);
  color: var(--blue);
  -webkit-margin-before: calc(20 / 16 * 1rem);
          margin-block-start: calc(20 / 16 * 1rem);
}

.p-recOverview {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: calc(20 / 16 * 1rem);
}

.p-recOverview__items {
  border-top: 1px solid var(--gray3);
}

.p-recOverview__item {
  border-bottom: 1px solid var(--gray3);
  padding-block: calc(18 / 16 * 1rem);
  padding-inline: calc(20 / 16 * 1rem);
  display: grid;
  grid-template-columns: calc(120 / 16 * 1rem) 1fr;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: calc(10 / 16 * 1rem);
}
.p-recOverview__item.st_start {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.p-recOverview__dt {
  font-size: calc(16 / 16 * 1rem);
  font-weight: var(--bold);
  color: var(--blue);
}
.p-recOverview__dt span {
  font-size: calc(14 / 16 * 1rem);
  color: var(--base-color);
  display: block;
}

.p-recOverview__dd {
  font-size: calc(16 / 16 * 1rem);
}

.p-recOverview__listsWrap {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: calc(74 / 16 * 1rem);
}

.p-recOverview__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: calc(10 / 16 * 1rem);
}

.p-recOverview__row {
  display: grid;
  gap: calc(10 / 16 * 1rem);
}

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

.p-recOverview__subRow {
  -webkit-padding-start: 0.5em;
          padding-inline-start: 0.5em;
  -webkit-margin-before: calc(7 / 16 * 1rem);
          margin-block-start: calc(7 / 16 * 1rem);
  font-weight: var(--medium);
}

.p-subCsr__sec:nth-child(n+2) {
  -webkit-margin-before: calc(84 / 16 * 1rem);
          margin-block-start: calc(84 / 16 * 1rem);
}

.p-subCsr__body {
  -webkit-margin-before: calc(50 / 16 * 1rem);
          margin-block-start: calc(50 / 16 * 1rem);
}

.p-subCsr__media {
  display: grid;
  grid-template-columns: calc(150 / 16 * 1rem) 1fr;
  gap: calc(30 / 16 * 1rem);
}
.p-subCsr__media:nth-child(n+2) {
  -webkit-margin-before: calc(45 / 16 * 1rem);
          margin-block-start: calc(45 / 16 * 1rem);
}

.p-subCsr__mediaImg {
  aspect-ratio: 1/1;
}
.p-subCsr__mediaImg img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.p-subCsr__mediaTitle {
  font-size: calc(30 / 16 * 1rem);
  font-weight: var(--bold);
}

.p-subCsr__mediaText {
  -webkit-margin-before: calc(15 / 16 * 1rem);
          margin-block-start: calc(15 / 16 * 1rem);
  font-size: calc(16 / 16 * 1rem);
}

.p-subHistory__tabPanel {
  display: none;
}
.p-subHistory__tabPanel.is_active {
  display: block;
}

.p-subMessage:focus {
  outline: none;
}

.p-subMessage__sec + .p-subMessage__sec {
  -webkit-margin-before: calc(90 / 16 * 1rem);
          margin-block-start: calc(90 / 16 * 1rem);
}

.p-subMessage__body {
  -webkit-margin-before: calc(30 / 16 * 1rem);
          margin-block-start: calc(30 / 16 * 1rem);
}

.p-subMessage__media:has(.p-subMessage__mediaImg) {
  display: grid;
  grid-template-columns: 1fr calc(430 / 16 * 1rem);
  gap: calc(50 / 16 * 1rem);
}

.p-subMessage__mediaTextMain {
  font-size: calc(30 / 16 * 1rem);
  font-weight: var(--bold);
}

.p-subMessage__mediaTextSub {
  -webkit-margin-before: calc(25 / 16 * 1rem);
          margin-block-start: calc(25 / 16 * 1rem);
  font-size: calc(16 / 16 * 1rem);
}

.p-subMessage__mediaName {
  -webkit-margin-before: calc(40 / 16 * 1rem);
          margin-block-start: calc(40 / 16 * 1rem);
  font-size: calc(16 / 16 * 1rem);
  text-align: right;
}
.p-subMessage__mediaName span {
  font-weight: var(--bold);
}

.p-subMessage__mediaImg {
  aspect-ratio: 430/450;
}
.p-subMessage__mediaImg img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

.p-subNews {
  max-width: var(--innerS);
  margin-inline: auto;
}

.p-subNews__bottom {
  -webkit-margin-before: calc(80 / 16 * 1rem);
          margin-block-start: calc(80 / 16 * 1rem);
  text-align: center;
}

.p-subOffice {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: calc(30 / 16 * 1rem);
  max-width: var(--innerS);
  margin-inline: auto;
}

.p-subOffice__item {
  background: var(--white);
  padding-block: calc(40 / 16 * 1rem);
  padding-inline: calc(50 / 16 * 1rem);
}

.p-subOffice__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: calc(20 / 16 * 1rem);
}

.p-subOffice__title {
  font-size: calc(24 / 16 * 1rem);
  font-weight: var(--bold);
  line-height: 2;
}

.p-subOffice__titleEn {
  font-family: var(--mon-font);
  font-size: calc(13 / 16 * 1rem);
  font-weight: var(--bold);
  line-height: 1.2307692308;
  color: var(--gray4);
  text-transform: uppercase;
}

.p-subOffice__body {
  -webkit-margin-before: calc(10 / 16 * 1rem);
          margin-block-start: calc(10 / 16 * 1rem);
}

.p-subOffice__address {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  gap: calc(10 / 16 * 1rem);
  font-style: normal;
}

.p-subOffice__addressText {
  font-size: calc(16 / 16 * 1rem);
}

.p-subOffice__map {
  font-size: calc(16 / 16 * 1rem);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: calc(5 / 16 * 1rem);
}
.p-subOffice__map::before {
  content: "";
  display: block;
  width: calc(12 / 16 * 1rem);
  aspect-ratio: 12/16;
  background-image: url(../../assets/images/common/icon_pin.svg);
  background-size: contain;
  background-repeat: no-repeat;
}

.p-subOffice__bottom {
  -webkit-margin-before: calc(20 / 16 * 1rem);
          margin-block-start: calc(20 / 16 * 1rem);
}

.p-subOffice__tel {
  font-size: calc(16 / 16 * 1rem);
}

.p-subPage__top {
  padding-block: calc(100 / 16 * 1rem) calc(50 / 16 * 1rem);
}

.p-subPage__titleJp {
  font-size: calc(16 / 16 * 1rem);
  font-weight: var(--bold);
  line-height: 1.875;
  letter-spacing: 0.1em;
}

.p-subPage__titleEn {
  height: calc(43 / 16 * 1rem);
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  -webkit-margin-before: calc(10 / 16 * 1rem);
          margin-block-start: calc(10 / 16 * 1rem);
}
.p-subPage__titleEn img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.p-subPage__body {
  -webkit-margin-before: calc(60 / 16 * 1rem);
          margin-block-start: calc(60 / 16 * 1rem);
}

.p-subPage__text {
  font-size: calc(16 / 16 * 1rem);
}

.p-subPage__breadcrumb {
  -webkit-margin-before: calc(45 / 16 * 1rem);
          margin-block-start: calc(45 / 16 * 1rem);
  max-width: 1520px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.p-subPage__contents {
  background: var(--gray);
  border-radius: 50px 50px 0 0;
  padding-block: calc(150 / 16 * 1rem) calc(150 / 16 * 1rem);
}

.p-subPrivacy {
  max-width: var(--innerS);
  margin-inline: auto;
}

.p-subPrivacy__text {
  font-size: calc(16 / 16 * 1rem);
}
.p-subPrivacy__text.title {
  font-weight: var(--bold);
}

.p-subPrivacy__text + .p-subPrivacy__text.title {
  -webkit-margin-before: calc(30 / 16 * 1rem);
          margin-block-start: calc(30 / 16 * 1rem);
}

.p-subPrivacy__text.title + .p-subPrivacy__text {
  -webkit-margin-before: calc(15 / 16 * 1rem);
          margin-block-start: calc(15 / 16 * 1rem);
}

.p-subPrivacy__box {
  max-width: calc(1040 / 16 * 1rem);
  margin-inline: auto;
  background: var(--white);
  padding: calc(50 / 16 * 1rem);
  -webkit-margin-before: calc(50 / 16 * 1rem);
          margin-block-start: calc(50 / 16 * 1rem);
}

.p-subPrivacy__address {
  font-style: normal;
  font-size: calc(16 / 16 * 1rem);
  -webkit-margin-before: calc(20 / 16 * 1rem);
          margin-block-start: calc(20 / 16 * 1rem);
}

.p-subPrivacy__info {
  font-size: calc(16 / 16 * 1rem);
  -webkit-margin-before: calc(20 / 16 * 1rem);
          margin-block-start: calc(20 / 16 * 1rem);
}

.p-subProject {
  max-width: var(--innerS);
  margin-inline: auto;
}

.p-subProject__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  gap: calc(50 / 16 * 1rem);
}

.p-subProject__title {
  font-size: calc(30 / 16 * 1rem);
  font-weight: var(--bold);
}

.p-subProject__meta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: calc(30 / 16 * 1rem);
}

.p-subProject__date {
  font-family: var(--mont-font);
  font-size: calc(13 / 16 * 1rem);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: calc(10 / 16 * 1rem);
}

.p-subProject__cat {
  font-size: calc(13 / 16 * 1rem);
  position: relative;
}
.p-subProject__cat::before {
  content: "";
  display: block;
  width: 1px;
  height: calc(20 / 16 * 1rem);
  background-color: currentColor;
  position: absolute;
  top: 50%;
  left: calc(-15 / 16 * 1rem);
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.p-subProject__body {
  -webkit-margin-before: calc(30 / 16 * 1rem);
          margin-block-start: calc(30 / 16 * 1rem);
}

.p-subProject__mainImg img {
  aspect-ratio: 1440/811;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  border-radius: 15px;
}

.p-subProject__text {
  font-size: calc(16 / 16 * 1rem);
  -webkit-margin-before: calc(30 / 16 * 1rem);
          margin-block-start: calc(30 / 16 * 1rem);
}

.p-subProject__bottom {
  -webkit-margin-before: calc(30 / 16 * 1rem);
          margin-block-start: calc(30 / 16 * 1rem);
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: calc(40 / 16 * 1rem);
}

.p-subProject__itemImg img {
  aspect-ratio: 700/394;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  border-radius: 15px;
}

.p-subRecSection {
  -webkit-margin-before: calc(90 / 16 * 1rem);
          margin-block-start: calc(90 / 16 * 1rem);
}

.p-subRecSection__body {
  -webkit-margin-before: calc(48 / 16 * 1rem);
          margin-block-start: calc(48 / 16 * 1rem);
}

.p-subRecCareerPath {
  -webkit-margin-before: calc(160 / 16 * 1rem);
          margin-block-start: calc(160 / 16 * 1rem);
  position: relative;
  z-index: 3;
}

.p-subRecCareerPath__sec + .p-subRecCareerPath__sec {
  -webkit-margin-before: calc(90 / 16 * 1rem);
          margin-block-start: calc(90 / 16 * 1rem);
}

.p-subRecCareerPath__body {
  -webkit-margin-before: calc(100 / 16 * 1rem);
          margin-block-start: calc(100 / 16 * 1rem);
}

.p-subRecCareerPath__items {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: calc(50 / 16 * 1rem);
}

.p-subRecCareerPath__item {
  background: var(--white);
  border-radius: 15px;
  padding-block: calc(30 / 16 * 1rem);
  padding-inline: calc(50 / 16 * 1rem);
  min-height: calc(200 / 16 * 1rem);
  display: grid;
  grid-template-columns: calc(160 / 16 * 1rem) 1fr;
  gap: calc(40 / 16 * 1rem);
}

.p-subRecCareerPath__img {
  position: relative;
}
.p-subRecCareerPath__img img {
  width: 100%;
  height: calc(200 / 16 * 1rem);
  -o-object-fit: contain;
     object-fit: contain;
  position: absolute;
  left: 50%;
  top: calc(-80 / 16 * 1rem);
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

.p-subRecCareerPath__title {
  font-size: calc(24 / 16 * 1rem);
  font-weight: var(--bold);
  line-height: 1.5;
  color: var(--blue);
}

.p-subRecCareerPath__text {
  font-size: calc(16 / 16 * 1rem);
  line-height: 1.75;
  font-weight: var(--bold);
  color: var(--blue);
  -webkit-margin-before: calc(20 / 16 * 1rem);
          margin-block-start: calc(20 / 16 * 1rem);
}

.p-subRecEntry {
  -webkit-margin-before: calc(110 / 16 * 1rem);
          margin-block-start: calc(110 / 16 * 1rem);
  -webkit-padding-after: calc(150 / 16 * 1rem);
          padding-block-end: calc(150 / 16 * 1rem);
  position: relative;
  z-index: 3;
}

.p-subRecEntry__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.p-subRecEntry__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: calc(30 / 16 * 1rem);
}

.p-subRecEntry__linkImg {
  width: calc(300 / 16 * 1rem);
  background: var(--white);
  border-radius: 15px;
  display: grid;
  place-content: center;
  padding-block: calc(15 / 16 * 1rem);
  padding-inline: calc(30 / 16 * 1rem);
}
.p-subRecEntry__linkImg img {
  width: 100%;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
}

.p-subRecEntry__linkText {
  font-size: calc(16 / 16 * 1rem);
  font-weight: var(--bold);
  line-height: 1.5;
  color: var(--blue);
}

.p-subRecEntry__job {
  -webkit-margin-before: calc(40 / 16 * 1rem);
          margin-block-start: calc(40 / 16 * 1rem);
}

.p-subRecEntry__jobBody {
  -webkit-margin-before: calc(40 / 16 * 1rem);
          margin-block-start: calc(40 / 16 * 1rem);
}

.p-subRecEntry__flow {
  -webkit-margin-before: calc(95 / 16 * 1rem);
          margin-block-start: calc(95 / 16 * 1rem);
}

.p-subRecEntry__flowBody {
  -webkit-margin-before: calc(50 / 16 * 1rem);
          margin-block-start: calc(50 / 16 * 1rem);
}

.p-subRecEntry__flowItems {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
  gap: calc(30 / 16 * 1rem);
}

.p-subRecEntry__flowItem {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: calc(18 / 16 * 1rem);
  font-weight: var(--bold);
  line-height: 1.5;
  color: var(--white);
  min-height: calc(80 / 16 * 1rem);
  padding: calc(10 / 16 * 1rem) calc(30 / 16 * 1rem);
  background: var(--blue);
  border-radius: 10px;
  position: relative;
}
.p-subRecEntry__flowItem small {
  font-size: calc(16 / 16 * 1rem);
}
.p-subRecEntry__flowItem:not(:last-child)::after {
  content: "";
  display: inline-block;
  width: calc(20 / 16 * 1rem);
  height: calc(10 / 16 * 1rem);
  background: inherit;
  -webkit-clip-path: polygon(50% 100%, 0 0, 100% 0);
          clip-path: polygon(50% 100%, 0 0, 100% 0);
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translate(70%, -50%) rotate(-90deg);
          transform: translate(70%, -50%) rotate(-90deg);
}

.p-subRecEntry__form {
  -webkit-margin-before: calc(95 / 16 * 1rem);
          margin-block-start: calc(95 / 16 * 1rem);
  scroll-margin-block-start: calc(150 / 16 * 1rem);
}

.p-subRecEntry__formTitleEn {
  font-size: calc(40 / 16 * 1rem);
  font-family: var(--mon-font);
  line-height: 1.5;
  color: var(--blue);
  text-align: center;
}

.p-subRecEntry__formTitleJa {
  font-size: calc(16 / 16 * 1rem);
  font-weight: var(--bold);
  line-height: 1.5;
  color: var(--blue);
  text-align: center;
}

.p-subRecEntry__formText {
  -webkit-margin-before: calc(50 / 16 * 1rem);
          margin-block-start: calc(50 / 16 * 1rem);
  font-size: calc(16 / 16 * 1rem);
  font-weight: var(--bold);
  line-height: 1.75;
  letter-spacing: 0.1em;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-inline: auto;
}

.p-subRecEntry__formBody {
  -webkit-margin-before: calc(50 / 16 * 1rem);
          margin-block-start: calc(50 / 16 * 1rem);
}

.p-subRecInterview {
  -webkit-margin-before: calc(110 / 16 * 1rem);
          margin-block-start: calc(110 / 16 * 1rem);
  position: relative;
  z-index: 3;
}

.p-subRecInterview__secWrap {
  display: grid;
  gap: calc(65 / 16 * 1rem);
}

.p-subRecInterview__media.st_row {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: calc(50 / 16 * 1rem);
}
.p-subRecInterview__media.st_rowReverse {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: calc(50 / 16 * 1rem);
}
.p-subRecInterview__media.st_rowReverse .p-subRecInterview__mediaTop {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}
.p-subRecInterview__media.st_rowReverse .p-subRecInterview__mediaBottom {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}
.p-subRecInterview__media.st_column {
  display: grid;
  gap: calc(50 / 16 * 1rem);
}
.p-subRecInterview__media.st_column .p-subRecInterview__img {
  aspect-ratio: 1600/581;
}

.p-subRecInterview__img {
  aspect-ratio: 775/581;
}
.p-subRecInterview__img img {
  width: 100%;
  height: 100%;
  -o-object-position: center;
     object-position: center;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 15px;
}

.p-subRecInterview__mediaBottom {
  display: grid;
  gap: calc(20 / 16 * 1rem);
}

.p-subRecInterview__head {
  -webkit-padding-after: calc(10 / 16 * 1rem);
          padding-block-end: calc(10 / 16 * 1rem);
  border-bottom: 1px solid var(--blue);
}

.p-subRecInterview__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: calc(20 / 16 * 1rem);
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  font-size: calc(30 / 16 * 1rem);
  font-weight: var(--bold);
  color: var(--blue);
}
.p-subRecInterview__title span {
  letter-spacing: 0.05em;
}
.p-subRecInterview__title span:nth-child(1) {
  font-family: var(--mon-font);
  font-size: calc(60 / 16 * 1rem);
  line-height: 1.25;
  font-weight: var(--medium);
}
.p-subRecInterview__title span:nth-child(2) {
  -webkit-padding-after: calc(5 / 16 * 1rem);
          padding-block-end: calc(5 / 16 * 1rem);
}

.p-subRecInterview__body {
  -webkit-margin-before: calc(25 / 16 * 1rem);
          margin-block-start: calc(25 / 16 * 1rem);
}

.p-subRecInterview__text {
  font-size: calc(18 / 16 * 1rem);
  line-height: 2;
  letter-spacing: 0.1em;
}

.p-subRecMessage {
  -webkit-margin-before: calc(90 / 16 * 1rem);
          margin-block-start: calc(90 / 16 * 1rem);
  position: relative;
  z-index: 3;
}

.p-subRecMessage__contents {
  position: relative;
  border-radius: 15px;
  overflow: hidden;
}
.p-subRecMessage__img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1;
}
.p-subRecMessage__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: right top;
     object-position: right top;
  border-radius: 15px;
}

.p-subRecMessage__main {
  width: calc(700 / 16 * 1rem);
  padding-block: calc(70 / 16 * 1rem);
  padding-inline: calc(80 / 16 * 1rem) calc(20 / 16 * 1rem);
  background: -webkit-gradient(linear, left top, right top, color-stop(60%, var(--white)), to(transparent));
  background: linear-gradient(to right, var(--white) 60%, transparent 100%);
  position: relative;
  z-index: 2;
}

.p-subRecMessage__textMain {
  font-size: calc(50 / 16 * 1rem);
  font-weight: var(--bold);
  line-height: 1.5;
  color: var(--blue);
  letter-spacing: 0.06em;
}

.p-subRecMessage__text {
  font-size: calc(18 / 16 * 1rem);
  font-weight: var(--bold);
  line-height: 2;
  letter-spacing: 0.1em;
  -webkit-margin-before: calc(25 / 16 * 1rem);
          margin-block-start: calc(25 / 16 * 1rem);
}

.p-subRecMessage__name {
  font-size: calc(16 / 16 * 1rem);
  text-align: right;
  -webkit-margin-before: calc(25 / 16 * 1rem);
          margin-block-start: calc(25 / 16 * 1rem);
}
.p-subRecMessage__name span {
  font-weight: var(--bold);
}

.p-subRecMv {
  -webkit-padding-before: calc(262 / 16 * 1rem);
          padding-block-start: calc(262 / 16 * 1rem);
  position: relative;
}
.p-subRecMv::before {
  content: "";
  display: block;
  width: 100%;
  height: calc(1080 / 16 * 1rem);
  background: url(../../assets/images/recruit/bg-grad.webp) no-repeat center center/cover;
  opacity: 0.5;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
.p-subRecMv::after {
  content: "";
  display: block;
  width: 100%;
  height: calc(540 / 16 * 1rem);
  background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(var(--back-recruit)));
  background: linear-gradient(to bottom, transparent 0%, var(--back-recruit) 100%);
  position: absolute;
  top: calc(540 / 16 * 1rem);
  left: 0;
  z-index: 2;
}

.p-subRecMv__titleWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: calc(20 / 16 * 1rem);
  position: relative;
  z-index: 2;
}

.p-subRecMv__titleEn {
  font-size: calc(100 / 16 * 1rem);
  font-family: var(--mon-font);
  line-height: 1;
  color: var(--blue);
  text-transform: uppercase;
  letter-spacing: 0.06em;
}

.p-subRecMv__title {
  font-size: calc(24 / 16 * 1rem);
  font-weight: var(--bold);
  line-height: 1.25;
  -webkit-padding-after: calc(10 / 16 * 1rem);
          padding-block-end: calc(10 / 16 * 1rem);
  letter-spacing: 0.1em;
}

.p-subRecWork {
  -webkit-margin-before: calc(80 / 16 * 1rem);
          margin-block-start: calc(80 / 16 * 1rem);
  position: relative;
  z-index: 3;
}

.p-subRecWork__contents {
  display: grid;
  grid-template-columns: 1fr calc(500 / 16 * 1rem);
  gap: calc(50 / 16 * 1rem);
}

.p-subRecWork__text {
  font-size: calc(18 / 16 * 1rem);
  font-weight: var(--bold);
  line-height: 2;
  letter-spacing: 0.1em;
}

.p-subRecWork__img {
  aspect-ratio: 500/600;
}
.p-subRecWork__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

.p-subRecWork__body {
  -webkit-margin-before: calc(50 / 16 * 1rem);
          margin-block-start: calc(50 / 16 * 1rem);
}

.p-subRecWork__bodyImg img {
  width: 100%;
  height: auto;
}

.p-subRecWork__imgCaption {
  display: block;
  font-size: calc(16 / 16 * 1rem);
  font-weight: var(--bold);
  line-height: 1.5;
  text-align: center;
  -webkit-margin-before: calc(20 / 16 * 1rem);
          margin-block-start: calc(20 / 16 * 1rem);
}

.p-subResult__head {
  width: 100vw;
  margin-inline: calc(50% - 50vw);
}

.p-subResult__body {
  -webkit-margin-before: calc(100 / 16 * 1rem);
          margin-block-start: calc(100 / 16 * 1rem);
}

.p-subResult__items {
  border-top: solid 1px var(--gray3);
  max-width: var(--innerS);
  margin-inline: auto;
}

.p-subSingle {
  max-width: var(--innerS);
  margin-inline: auto;
}

.p-subSingle__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  gap: calc(50 / 16 * 1rem);
}

.p-subSingle__title {
  font-size: calc(30 / 16 * 1rem);
  font-weight: var(--bold);
}

.p-subSingle__time {
  display: block;
  font-family: var(--mon-font);
  font-size: calc(13 / 16 * 1rem);
}

.p-subSingle__body {
  -webkit-margin-before: calc(30 / 16 * 1rem);
          margin-block-start: calc(30 / 16 * 1rem);
}

.p-subSingle__img img {
  width: 100%;
  aspect-ratio: 1440/811;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  border-radius: 15px;
}

.p-subSingle__img + .p-subSingle__content {
  -webkit-margin-before: calc(30 / 16 * 1rem);
          margin-block-start: calc(30 / 16 * 1rem);
}

.p-subSingle__content * {
  font-size: calc(16 / 16 * 1rem);
}
.p-subSingle__content img {
  max-height: 70vh;
}

.p-subTechnical__text {
  font-size: calc(16 / 16 * 1rem);
}

.p-subTechnical__body {
  -webkit-margin-before: calc(50 / 16 * 1rem);
          margin-block-start: calc(50 / 16 * 1rem);
}

.p-subTechnical__img {
  width: 100%;
  max-width: 944px;
  margin-inline: auto;
}
.p-subTechnical__img img {
  width: 100%;
}

.p-subVision__text {
  font-size: calc(16 / 16 * 1rem);
}

.p-subVision__body {
  -webkit-margin-before: calc(80 / 16 * 1rem);
          margin-block-start: calc(80 / 16 * 1rem);
}

.p-subVision__items {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: calc(30 / 16 * 1rem);
}

.p-subVision__item {
  display: grid;
  grid-template-rows: subgrid;
  gap: 0;
  grid-row: span 3;
}

.p-subVision__itemImg {
  width: calc(150 / 16 * 1rem);
  aspect-ratio: 1/1;
  margin-inline: auto;
}
.p-subVision__itemImg img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

.p-subVision__itemTitle {
  font-size: calc(30 / 16 * 1rem);
  font-weight: var(--light);
  text-align: center;
  -webkit-margin-before: calc(30 / 16 * 1rem);
          margin-block-start: calc(30 / 16 * 1rem);
  -webkit-padding-after: calc(30 / 16 * 1rem);
          padding-block-end: calc(30 / 16 * 1rem);
  position: relative;
}
.p-subVision__itemTitle::after {
  content: "";
  display: block;
  width: calc(100 / 16 * 1rem);
  height: 1px;
  background: var(--gray4);
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

.p-subVision__itemText {
  font-size: calc(14 / 16 * 1rem);
  -webkit-margin-before: calc(30 / 16 * 1rem);
          margin-block-start: calc(30 / 16 * 1rem);
}

.p-topAbout {
  padding-block: calc(150 / 16 * 1rem);
  overflow-x: clip;
}

.p-topAbout__contents {
  max-width: calc(1480 / 16 * 1rem);
  margin-inline: auto;
  display: grid;
  grid-template-columns: calc(500 / 16 * 1rem) 1fr;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: calc(60 / 16 * 1rem);
}

.p-topAbout__title {
  font-size: calc(30 / 16 * 1rem);
  font-weight: var(--bold);
  line-height: 1.8;
  letter-spacing: 0.1em;
}

.p-topAbout__text {
  font-size: calc(16 / 16 * 1rem);
  line-height: 2;
  -webkit-margin-before: calc(36 / 16 * 1rem);
          margin-block-start: calc(36 / 16 * 1rem);
}

.p-topAbout__bottom {
  -webkit-margin-before: calc(50 / 16 * 1rem);
          margin-block-start: calc(50 / 16 * 1rem);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.p-topAbout__items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.p-topAbout__item {
  width: calc(250 / 16 * 1rem);
  aspect-ratio: 1/1;
  border-radius: 50%;
  border: 1px solid var(--gray3);
  padding: calc(50 / 16 * 1rem) calc(20 / 16 * 1rem);
}

.p-topAbout__item + .p-topAbout__item {
  -webkit-margin-start: calc(-30 / 16 * 1rem);
          margin-inline-start: calc(-30 / 16 * 1rem);
}

.p-topAbout__itemCat {
  font-size: calc(10 / 16 * 1rem);
  font-weight: var(--bold);
  line-height: 1.8;
  text-align: center;
}

.p-topAbout__itemTitle {
  font-size: calc(14 / 16 * 1rem);
  line-height: 1.5;
  font-weight: var(--bold);
  text-align: center;
  -webkit-margin-before: calc(10 / 16 * 1rem);
          margin-block-start: calc(10 / 16 * 1rem);
}

.p-topAbout__itemText {
  -webkit-margin-before: calc(20 / 16 * 1rem);
          margin-block-start: calc(20 / 16 * 1rem);
  -webkit-padding-before: calc(20 / 16 * 1rem);
          padding-block-start: calc(20 / 16 * 1rem);
  position: relative;
  font-size: calc(12 / 16 * 1rem);
  line-height: 1.5;
  text-align: center;
  color: var(--gray4);
}
.p-topAbout__itemText::before {
  content: "";
  display: block;
  width: calc(100 / 16 * 1rem);
  height: 1px;
  background-color: var(--gray3);
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

.p-topMv {
  padding-block: calc(315 / 16 * 1rem) calc(150 / 16 * 1rem);
  position: relative;
}

.p-topMv__contents {
  position: relative;
}

.p-topMv__head {
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.p-topMv__title {
  font-size: calc(140 / 16 * 1rem);
  line-height: 1.1;
  font-weight: var(--bold);
  font-family: var(--mon-font);
  letter-spacing: 0;
  color: var(--white);
  text-transform: uppercase;
  text-align: center;
}

.p-topMv__title2 {
  font-family: var(--mon-font);
  font-size: calc(40 / 16 * 1rem);
  line-height: 1.2;
  letter-spacing: 0;
  color: var(--white);
  position: absolute;
  right: calc(-125 / 16 * 1rem);
  bottom: calc(24 / 16 * 1rem);
}

.p-topMv__title3 {
  font-size: calc(30 / 16 * 1rem);
  font-weight: var(--black-bold);
  line-height: 1.8;
  letter-spacing: 0;
  color: var(--yellow);
  position: absolute;
  right: calc(-130 / 16 * 1rem);
  bottom: calc(-70 / 16 * 1rem);
}

.p-topMv__body {
  -webkit-margin-before: calc(595 / 16 * 1rem);
          margin-block-start: calc(595 / 16 * 1rem);
}

.p-topMv__text {
  font-size: calc(20 / 16 * 1rem);
  font-weight: var(--bold);
  line-height: 3;
  letter-spacing: 0.1em;
  color: var(--white);
}

.p-topMv__bottom {
  -webkit-margin-before: calc(62 / 16 * 1rem);
          margin-block-start: calc(62 / 16 * 1rem);
}

.p-topMv__angle {
  width: calc(200 / 16 * 1rem);
  position: absolute;
  right: calc(90 / 16 * 1rem);
  top: calc(315 / 16 * 1rem);
  z-index: 2;
}
.p-topMv__angle > img {
  width: 100%;
  -webkit-animation: rotate 10s linear infinite;
          animation: rotate 10s linear infinite;
}

.p-topMv_angleImg {
  width: calc(40 / 16 * 1rem);
  aspect-ratio: 1/1;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 2;
}
.p-topMv_angleImg img {
  width: 100%;
}

.p-topMv__bg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.p-topMv__bg::before {
  content: "";
  display: block;
  width: 100%;
  height: 50%;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.8)));
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8));
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 2;
}
.p-topMv__bg img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

.p-topMv__copy {
  font-size: calc(10 / 16 * 1rem);
  font-weight: var(--semi-bold);
  font-family: var(--mon-font);
  line-height: 1.3;
  color: var(--white);
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
  position: absolute;
  top: calc(397 / 16 * 1rem);
  right: calc(30 / 16 * 1rem);
  z-index: 2;
}

.p-topRecAbout {
  padding-block: calc(200 / 16 * 1rem) calc(100 / 16 * 1rem);
  position: relative;
  -webkit-margin-before: calc(-30 / 16 * 1rem);
          margin-block-start: calc(-30 / 16 * 1rem);
  border-radius: 30px 30px 0 0;
  overflow: hidden;
  z-index: 2;
}
.p-topRecAbout::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: url(../../assets/images/recruit/bg-grad.webp) no-repeat center center/cover;
  opacity: 1;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}

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

.p-topRecAbout__head,
.p-topRecAbout__body {
  max-width: calc(1370 / 16 * 1rem);
  margin-inline: auto;
}

.p-topRecAbout__title {
  font-size: calc(60 / 16 * 1rem);
  font-weight: var(--bold);
  line-height: 1.5;
  color: var(--blue);
  letter-spacing: 0.05em;
}

.p-topRecAbout__text {
  max-width: calc(690 / 16 * 1rem);
  -webkit-margin-start: auto;
          margin-inline-start: auto;
  font-size: calc(18 / 16 * 1rem);
  font-weight: var(--bold);
  line-height: 2;
  letter-spacing: 0.1em;
}

.p-topRecAbout__bottom {
  -webkit-margin-before: calc(145 / 16 * 1rem);
          margin-block-start: calc(145 / 16 * 1rem);
}

.p-topRecAbout__items {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: calc(35 / 16 * 1rem);
}

.p-topRecAbout__item a {
  display: block;
  aspect-ratio: 510/300;
  position: relative;
}

.p-topRecAbout__itemImg {
  position: relative;
}
.p-topRecAbout__itemImg img {
  width: 100%;
  height: 100%;
  -o-object-position: center;
     object-position: center;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 15px;
}
.p-topRecAbout__itemImg::before {
  content: "";
  display: block;
  width: 100%;
  height: 66.6666666667%;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.5)));
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5));
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 2;
  border-radius: 15px;
}

.p-topRecAbout__block {
  position: absolute;
  bottom: calc(30 / 16 * 1rem);
  left: calc(30 / 16 * 1rem);
  z-index: 3;
}

.p-topRecAbout__itemTitle {
  font-family: var(--mont-font);
  font-size: calc(50 / 16 * 1rem);
  line-height: 1.5;
  text-transform: uppercase;
  color: var(--white);
}

.p-topRecAbout__itemText {
  font-size: calc(16 / 16 * 1rem);
  line-height: 1.5;
  color: var(--white);
  font-weight: var(--bold);
}

.p-topRecBtnWrap {
  -webkit-margin-before: calc(100 / 16 * 1rem);
          margin-block-start: calc(100 / 16 * 1rem);
  -webkit-padding-after: calc(150 / 16 * 1rem);
          padding-block-end: calc(150 / 16 * 1rem);
  position: relative;
  z-index: 2;
}

.p-topRecBtnWrap__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.p-topRecBtnWrap__head + .p-topRecBtnWrap__body {
  -webkit-margin-before: calc(100 / 16 * 1rem);
          margin-block-start: calc(100 / 16 * 1rem);
}

.p-topRecBtnWrap__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.p-topRecCareer {
  -webkit-margin-before: calc(90 / 16 * 1rem);
          margin-block-start: calc(90 / 16 * 1rem);
}

.p-topRecCareer__title {
  text-align: center;
  color: var(--blue);
  letter-spacing: 0.07em;
}

.p-topRecCareer__body {
  -webkit-margin-before: calc(90 / 16 * 1rem);
          margin-block-start: calc(90 / 16 * 1rem);
}

.p-topRecDate {
  -webkit-margin-before: calc(90 / 16 * 1rem);
          margin-block-start: calc(90 / 16 * 1rem);
}

.p-topRecDate__title {
  text-align: center;
  color: var(--blue);
}

.p-topRecDate__body {
  -webkit-margin-before: calc(40 / 16 * 1rem);
          margin-block-start: calc(40 / 16 * 1rem);
}

.p-topRecDate__items {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: calc(20 / 16 * 1rem);
}

.p-topRecDate__item {
  aspect-ratio: 385/285;
}
.p-topRecDate__item img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  border-radius: 10px;
}

.p-topRecPersons {
  padding-block: calc(100 / 16 * 1rem) calc(100 / 16 * 1rem);
  background: var(--blue);
}

.p-topRecPersons__title {
  text-align: center;
  color: var(--white);
}

.p-topRecPersons__body {
  -webkit-margin-before: calc(35 / 16 * 1rem);
          margin-block-start: calc(35 / 16 * 1rem);
}

.p-topRecPersons__items {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: calc(35 / 16 * 1rem);
}

.p-topRecPersons__item {
  display: grid;
  grid-template-rows: subgrid;
  gap: 0;
  grid-row: span 3;
  position: relative;
}

.p-topRecPersons__itemImg {
  aspect-ratio: 510/600;
}
.p-topRecPersons__itemImg img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  border-radius: 15px;
}

.p-topRecPersons__itemTitle {
  font-size: calc(24 / 16 * 1rem);
  font-weight: var(--bold);
  line-height: 1.7916666667;
  letter-spacing: 0.1em;
  color: var(--white);
  -webkit-margin-before: calc(20 / 16 * 1rem);
          margin-block-start: calc(20 / 16 * 1rem);
}

.p-topRecPersons__itemMeta {
  font-size: calc(16 / 16 * 1rem);
  font-weight: var(--bold);
  line-height: 1.5;
  letter-spacing: 0.1em;
  color: var(--white);
  -webkit-margin-before: calc(15 / 16 * 1rem);
          margin-block-start: calc(15 / 16 * 1rem);
}

.p-topRecruit {
  position: relative;
  border-radius: 50px 50px 0 0;
  overflow-x: clip;
  -webkit-margin-before: calc(-50 / 16 * 1rem);
          margin-block-start: calc(-50 / 16 * 1rem);
  padding-block: calc(135 / 16 * 1rem) calc(190 / 16 * 1rem);
}
.p-topRecruit.p-topRecruit--mv {
  padding-block: calc(278 / 16 * 1rem) calc(170 / 16 * 1rem);
}

.p-topRecruit__head {
  position: relative;
  z-index: 3;
}

.p-topRecruit__main {
  -webkit-margin-before: calc(35 / 16 * 1rem);
          margin-block-start: calc(35 / 16 * 1rem);
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.p-topRecruit__mainContents {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: calc(50 / 16 * 1rem);
}

.p-topRecruit__mainText1 {
  font-family: var(--mon-font);
  font-size: calc(60 / 16 * 1rem);
  font-weight: var(--bold);
  line-height: 1.3;
  color: var(--white);
}

.p-topRecruit__mainText2 {
  font-size: calc(30 / 16 * 1rem);
  font-weight: var(--bold);
  line-height: 1.8;
  color: var(--white);
}

.p-topRecruit__mainText3 {
  font-size: calc(140 / 16 * 1rem);
  font-weight: var(--bold);
  font-family: var(--mon-font);
  line-height: 1;
  color: var(--white);
  text-transform: uppercase;
}

.p-topRecruit__mainText4 {
  width: calc(400 / 16 * 1rem);
  position: absolute;
  bottom: calc(70 / 16 * 1rem);
  right: calc(-80 / 16 * 1rem);
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
}

.p-topRecruit__body {
  position: relative;
  z-index: 3;
  -webkit-margin-before: calc(175 / 16 * 1rem);
          margin-block-start: calc(175 / 16 * 1rem);
}
.p-topRecruit__body.p-topRecruit__body--mv {
  -webkit-margin-before: calc(279 / 16 * 1rem);
          margin-block-start: calc(279 / 16 * 1rem);
}

.p-topRecruit__text {
  font-size: calc(20 / 16 * 1rem);
  font-weight: var(--bold);
  line-height: 3;
  letter-spacing: 0.1em;
  color: var(--white);
}

.p-topRecruit__bottom {
  -webkit-margin-before: calc(65 / 16 * 1rem);
          margin-block-start: calc(65 / 16 * 1rem);
  position: relative;
  z-index: 3;
}

.p-topRecruit__bg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
}
.p-topRecruit__bg::before {
  content: "";
  display: block;
  width: 100%;
  height: 50%;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 2;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.5)));
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5));
}
.p-topRecruit__bg img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  border-radius: inherit;
  border-radius: 50px 50px 0 0;
}

.p-topSec {
  padding-block: calc(140 / 16 * 1rem) calc(200 / 16 * 1rem);
  overflow-x: clip;
  background: var(--white);
}
.p-topSec.p-topSec--gray {
  background-color: var(--gray);
}
.p-topSec.p-topSec--circle {
  border-radius: 50px 50px 0 0;
  -webkit-margin-before: calc(-50 / 16 * 1rem);
          margin-block-start: calc(-50 / 16 * 1rem);
  position: relative;
  z-index: 2;
}

.p-topSec__body {
  -webkit-margin-before: calc(40 / 16 * 1rem);
          margin-block-start: calc(40 / 16 * 1rem);
}

.p-topSec__body--wide {
  width: 100vw;
  margin-inline: calc(50% - 50vw);
}

.p-topSec__bottom {
  -webkit-margin-before: calc(50 / 16 * 1rem);
          margin-block-start: calc(50 / 16 * 1rem);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@-webkit-keyframes rotate {
  from {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes rotate {
  from {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
.sp_only {
  display: none;
}

/* ドロワーメニュー展開時背景固定 */

body:has(dialog[open]) {
  overflow: hidden;
}

body {
  overflow-y: scroll; /* 常にスクロールバーを表示 */
}

.siteWrapper:has(dialog[open]) {
  overflow-y: auto;
  scrollbar-gutter: stable; /* スクロールバーのスペースを常に確保する */
}

dialog[open] {
  -webkit-animation-name: fadeIn;
          animation-name: fadeIn;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-duration: 200ms;
          animation-duration: 200ms;
  -webkit-animation-timing-function: ease-out;
          animation-timing-function: ease-out;
}

dialog:not([open]) {
  -webkit-animation-name: fadeOut;
          animation-name: fadeOut;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-duration: 200ms;
          animation-duration: 200ms;
  -webkit-animation-timing-function: ease-out;
          animation-timing-function: ease-out;
}

.siteWrapper {
  overflow-x: clip;
}

.siteWrapper {
  padding-top: var(--header-height);
}
.siteWrapper.siteWrapper--top {
  padding-top: 0;
}
.siteWrapper.siteWrapper--recruit {
  background: var(--back-recruit);
}

.u-hover {
  -webkit-transition: opacity var(--duration);
  transition: opacity var(--duration);
}

.u-hover-white::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: var(--white);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: opacity var(--duration);
  transition: opacity var(--duration);
}

@media screen and (min-width: 768px){
  .p-drawer-menu {
    display: none;
  }
}

@media (max-width: 1620px){
  html {
    font-size: clamp(10px, 16 / 1620 * 100vw, 16px);
  }
}

@media screen and (max-width: 1440px){
  .p-recOverview__listsWrap {
    grid-template-columns: 1fr;
    gap: 0;
  }
}

@media screen and (max-width: 767px){
  .u-desktop {
    display: none;
  }
  .u-mobile {
    display: block;
  }
  html {
    font-size: 16px;
  }
  .c-accordion__btn {
    font-size: calc(17 / 16 * 1rem);
    padding: calc(15 / 16 * 1rem) calc(45 / 16 * 1rem) calc(15 / 16 * 1rem) calc(20 / 16 * 1rem);
  }
  .c-accordion__btn::before, .c-accordion__btn::after {
    right: calc(20 / 16 * 1rem);
    width: calc(20 / 16 * 1rem);
  }
  .c-accordion__body {
    padding-inline: calc(20 / 16 * 1rem);
  }
  .c-accordion__body[aria-hidden=false] {
    padding-block: calc(15 / 16 * 1rem);
  }
  .c-angle {
    width: calc(15 / 16 * 1rem);
  }
  .c-angle.--mm {
    width: calc(18 / 16 * 1rem);
  }
  .c-angle.--sm {
    width: calc(10 / 16 * 1rem);
    height: 1px;
  }
  .c-angle.--ss {
    width: calc(10 / 16 * 1rem);
    height: 1px;
  }
  .c-breadcrumbs__item {
    font-size: calc(10 / 16 * 1rem);
  }
  .c-breadcrumbs__item:nth-child(n+2)::before {
    width: calc(8 / 16 * 1rem);
  }
  .c-btn {
    font-size: calc(14 / 16 * 1rem);
    gap: calc(15 / 16 * 1rem);
  }
  .c-btnEntry {
    font-size: calc(36 / 16 * 1rem);
    min-height: calc(80 / 16 * 1rem);
  }
  .c-btnRecItems {
    grid-template-columns: repeat(1, 1fr);
  }
  .c-btnRecItems__item {
    min-height: calc(80 / 16 * 1rem);
    padding-inline: calc(20 / 16 * 1rem);
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .c-btnRecItems__top {
    font-size: calc(30 / 16 * 1rem);
  }
  .c-btnRecItems__top img {
    height: calc(30 / 16 * 1rem);
  }
  .c-btnRecItems__bottom {
    font-size: calc(14 / 16 * 1rem);
  }
  .c-details__btn {
    font-size: calc(16 / 16 * 1rem);
    padding-block: calc(20 / 16 * 1rem);
    padding-inline: calc(20 / 16 * 1rem);
  }
  .c-details__btn::before, .c-details__btn::after {
    width: calc(20 / 16 * 1rem);
    right: calc(20 / 16 * 1rem);
  }
  .c-details__body > div {
    -webkit-margin-after: calc(5 / 16 * 1rem);
            margin-block-end: calc(5 / 16 * 1rem);
  }
  .c-details__item {
    padding-block: calc(10 / 16 * 1rem);
    padding-inline: calc(20 / 16 * 1rem);
  }
  .c-details__title,
  .c-details__cat,
  .c-details__place {
    font-size: calc(13 / 16 * 1rem);
  }
  .c-hamburger {
    display: inline-block;
    text-decoration: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    background: transparent;
    cursor: pointer;
    -webkit-transition: all 0.3s ease-in-out;
    -webkit-transition: background 0.3s ease;
    transition: background 0.3s ease;
    position: relative;
    width: calc(50 / 16 * 1rem);
    height: calc(50 / 16 * 1rem);
    border-radius: 50%;
    color: inherit;
  }
  .c-linkBtn {
    font-size: calc(14 / 16 * 1rem);
    gap: calc(15 / 16 * 1rem);
    min-height: calc(60 / 16 * 1rem);
    padding-inline: calc(20 / 16 * 1rem);
  }
  .c-list {
    grid-template-columns: 1fr;
    gap: 0;
    padding-block: calc(18 / 16 * 1rem);
    padding-inline: initial;
  }
  .c-list.c-list--large {
    padding-block: calc(18 / 16 * 1rem);
  }
  .c-list__time,
  .c-list__title {
    font-size: calc(14 / 16 * 1rem);
  }
  .c-modalMedical__inner {
    padding: calc(40 / 16 * 1rem) calc(20 / 16 * 1rem);
  }
  .c-modalMedical__head {
    margin-top: calc(30 / 16 * 1rem);
  }
  .c-modalMedical__title {
    font-size: calc(18 / 16 * 1rem);
  }
  .c-modalMedical__body {
    margin-top: calc(30 / 16 * 1rem);
  }
  .c-panel {
    padding: calc(20 / 16 * 1rem) calc(5 / 16 * 1rem);
    min-height: calc(180 / 16 * 1rem);
  }
  .c-panel__img {
    width: min(100px, 100%);
  }
  .c-panel__text {
    padding-inline: calc(10 / 16 * 1rem);
  }
  .c-panel__text::before, .c-panel__text::after {
    right: calc(2 / 16 * 1rem);
  }
  .c-panel__text {
    font-size: calc(13 / 16 * 1rem);
  }
  .c-projectCard {
    width: calc(330 / 16 * 1rem);
    aspect-ratio: 330/186;
  }
  .c-projectCard__body {
    bottom: calc(20 / 16 * 1rem);
    left: calc(20 / 16 * 1rem);
  }
  .c-projectCard__text {
    font-size: calc(14 / 16 * 1rem);
  }
  .c-projectCard__info {
    -webkit-margin-before: calc(5 / 16 * 1rem);
            margin-block-start: calc(5 / 16 * 1rem);
  }
  .c-projectCard__time,
  .c-projectCard__place,
  .c-projectCard__title {
    font-size: calc(12 / 16 * 1rem);
  }
  .c-projectCard__title {
    display: none;
  }
  .c-recSecTitle {
    font-size: calc(30 / 16 * 1rem);
  }
  .c-recSubSecTitle__en {
    font-size: calc(20 / 16 * 1rem);
  }
  .c-recSubSecTitle__ja {
    font-size: calc(14 / 16 * 1rem);
    -webkit-margin-before: calc(-2 / 16 * 1rem);
            margin-block-start: calc(-2 / 16 * 1rem);
  }
  .c-secTitle {
    font-size: calc(16 / 16 * 1rem);
  }
  .c-subSecTitle {
    font-size: calc(12 / 16 * 1rem);
  }
  .pagination .nav-links {
    gap: calc(10 / 16 * 1rem);
  }
  .pagination .page-numbers {
    width: calc(35 / 16 * 1rem);
    padding: calc(5 / 16 * 1rem);
    font-size: calc(12 / 16 * 1rem);
  }
  .pagination .prev::after,
  .pagination .next::after {
    width: calc(12 / 16 * 1rem);
    height: calc(12 / 16 * 1rem);
  }
  .l-inner {
    padding-inline: var(--padding-sp);
  }
  .form {
    max-width: calc(600 / 16 * 1rem);
  }
  .form__content {
    display: block;
  }
  .form__head {
    -webkit-box-flex: initial;
        -ms-flex: initial;
            flex: initial;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .form__item {
    margin-top: calc(10 / 16 * 1rem);
    max-width: initial;
  }
  .p-aside {
    grid-template-columns: 1fr;
  }
  .p-aside.st_recruit {
    grid-template-columns: 1fr;
  }
  .p-aside__aside {
    display: none;
  }
  .p-drawer-menu {
    display: block;
    position: fixed;
    top: var(--header-height);
    bottom: 0;
    right: 0;
    left: 0;
    width: 100%;
    height: calc(100% - 80 / 16 * 1rem);
    overflow-y: scroll;
    z-index: var(--drawer);
    background: var(--white);
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: opacity var(--duration), visibility var(--duration), -webkit-clip-path var(--duration);
    transition: opacity var(--duration), visibility var(--duration), -webkit-clip-path var(--duration);
    transition: opacity var(--duration), visibility var(--duration), clip-path var(--duration);
    transition: opacity var(--duration), visibility var(--duration), clip-path var(--duration), -webkit-clip-path var(--duration);
  }
  .p-drawer-menu.p-drawer-menu--recruit {
    background: var(--back-recruit);
  }
  .p-drawer-menu__items {
    padding-block: calc(50 / 16 * 1rem) calc(100 / 16 * 1rem);
    padding-inline: var(--padding-sp);
  }
  .p-drawer-menu__item a {
    font-size: calc(18 / 16 * 1rem);
    line-height: 1.4444444444;
    min-height: calc(60 / 16 * 1rem);
  }
  .p-drawer-menu__item a::before {
    width: calc(12 / 16 * 1rem);
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(12 / 16 * 1rem);
            flex: 0 0 calc(12 / 16 * 1rem);
    height: calc(17 / 16 * 1rem);
  }
  .p-drawer-menu__bottom a {
    min-height: calc(60 / 16 * 1rem);
    font-size: calc(14 / 16 * 1rem);
  }
  .p-footer__wrap {
    padding-block: calc(130 / 16 * 1rem) calc(30 / 16 * 1rem);
  }
  .p-footer__contents {
    display: block;
  }
  .p-footer__logo {
    width: 100%;
    max-width: calc(244 / 16 * 1rem);
    margin-inline: auto;
  }
  .p-footer__logo img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
  }
  .p-footer__info {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-inline: auto;
  }
  .p-footer__address,
  .p-footer__tel {
    font-size: calc(12 / 16 * 1rem);
    line-height: 1.5;
  }
  .p-footer__body {
    display: none;
  }
  .p-footer__items {
    display: block;
  }
  .p-footer__bottom {
    -webkit-margin-before: calc(50 / 16 * 1rem);
            margin-block-start: calc(50 / 16 * 1rem);
  }
  .p-footer__copy {
    font-size: calc(11 / 16 * 1rem);
  }
  .p-footer__btn {
    min-height: calc(130 / 16 * 1rem);
    border-radius: 15px;
    --padding-inline: calc(30 / 16 * 1rem);
    top: calc(-30 / 16 * 1rem);
  }
  .p-footer__btn::after {
    width: calc(20 / 16 * 1rem);
  }
  .p-footer__btnTitle {
    position: static;
    -webkit-transform: initial;
            transform: initial;
    font-size: calc(16 / 16 * 1rem);
  }
  .p-footer__btnText {
    position: static;
    -webkit-transform: initial;
            transform: initial;
    font-size: calc(14 / 16 * 1rem);
    line-height: 1.5;
    -webkit-margin-before: calc(10 / 16 * 1rem);
            margin-block-start: calc(10 / 16 * 1rem);
  }
  .p-header-menu {
    display: none;
  }
  :root {
    --header-height: calc(90 / 16 * 1rem);
  }
  .p-header__inner {
    padding-inline: calc(30 / 16 * 1rem);
  }
  .p-header__logoWrap.p-header__logoWrap--rec {
    gap: calc(10 / 16 * 1rem);
  }
  .p-header__logo {
    width: calc(180 / 16 * 1rem);
  }
  .p-header__drawerBtn {
    display: grid;
    place-content: center;
    z-index: var(--hamburger);
    position: relative;
  }
  .p-header__recParts {
    font-size: calc(8 / 16 * 1rem);
    min-height: calc(20 / 16 * 1rem);
    padding-inline: calc(5 / 16 * 1rem);
  }
  .p-overview {
    grid-template-columns: 1fr;
  }
  .p-overview__dt {
    -webkit-box-pack: initial;
        -ms-flex-pack: initial;
            justify-content: initial;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    font-size: calc(14 / 16 * 1rem);
    width: 100%;
    padding-block: calc(13 / 16 * 1rem) 0;
    padding-inline: calc(15 / 16 * 1rem);
    border-bottom: none;
  }
  .p-overview__dt small {
    -webkit-margin-start: calc(10 / 16 * 1rem);
            margin-inline-start: calc(10 / 16 * 1rem);
  }
  .p-overview__dd {
    width: 100%;
    padding-block: calc(2 / 16 * 1rem) calc(13 / 16 * 1rem);
    padding-inline: calc(15 / 16 * 1rem);
  }
  .p-overview__text {
    font-size: calc(14 / 16 * 1rem);
    line-height: 1.5;
  }
  .p-overview__item {
    grid-template-columns: -webkit-max-content 1fr;
    grid-template-columns: max-content 1fr;
    gap: 0 calc(20 / 16 * 1rem);
  }
  .p-panelList {
    grid-template-columns: repeat(2, 1fr);
    gap: calc(10 / 16 * 1rem);
  }
  .p-panelList__item {
    height: calc(40 / 16 * 1rem);
  }
  .p-panelList__text {
    font-size: calc(12 / 16 * 1rem);
  }
  .p-panels {
    grid-template-columns: repeat(2, 1fr);
    gap: calc(20 / 16 * 1rem);
  }
  .p-qa {
    padding-top: calc(50 / 16 * 1rem);
  }
  .p-qa__body {
    margin-top: calc(60 / 16 * 1rem);
  }
  .p-qa__accordion:nth-child(n+2) {
    margin-top: calc(15 / 16 * 1rem);
  }
  .p-recBusinessItems {
    grid-template-columns: repeat(1, 1fr);
    gap: calc(15 / 16 * 1rem);
  }
  .p-recBusinessItems__item {
    padding-block: calc(30 / 16 * 1rem);
    padding-inline: calc(20 / 16 * 1rem);
  }
  .p-recBusinessItems__itemTitle {
    font-size: calc(18 / 16 * 1rem);
  }
  .p-recBusinessItems__itemText {
    font-size: calc(14 / 16 * 1rem);
    -webkit-margin-before: calc(15 / 16 * 1rem);
            margin-block-start: calc(15 / 16 * 1rem);
  }
  .p-RecCareerItems {
    grid-template-columns: repeat(1, 1fr);
    gap: calc(60 / 16 * 1rem);
  }
  .p-RecCareerItems__item {
    padding-block: calc(20 / 16 * 1rem);
    padding-inline: calc(20 / 16 * 1rem);
    min-height: initial;
  }
  .p-RecCareerItems__item:not(:last-child)::after {
    width: calc(50 / 16 * 1rem);
    aspect-ratio: 80/30;
    -webkit-clip-path: polygon(100% 0, 0 0, 50% 100%);
            clip-path: polygon(100% 0, 0 0, 50% 100%);
    right: initial;
    top: initial;
    left: 50%;
    bottom: 0;
    -webkit-transform: translate(-50%, 98%);
            transform: translate(-50%, 98%);
  }
  .p-RecCareerItems__itemImg {
    height: calc(150 / 16 * 1rem);
    top: calc(-25 / 16 * 1rem);
  }
  .p-RecCareerItems__itemTitle {
    -webkit-margin-before: calc(130 / 16 * 1rem);
            margin-block-start: calc(130 / 16 * 1rem);
    font-size: calc(18 / 16 * 1rem);
  }
  .p-RecCareerItems__itemText {
    font-size: calc(14 / 16 * 1rem);
  }
  .p-recOverview {
    grid-template-columns: 1fr;
    gap: 0;
  }
  .p-recOverview__items + .p-recOverview__items {
    border-top: none;
  }
  .p-recOverview__item {
    padding-block: calc(10 / 16 * 1rem);
    padding-inline: calc(10 / 16 * 1rem);
    grid-template-columns: 1fr;
    gap: calc(5 / 16 * 1rem);
    -webkit-box-align: initial;
        -ms-flex-align: initial;
            align-items: initial;
  }
  .p-recOverview__dt {
    font-size: calc(14 / 16 * 1rem);
  }
  .p-recOverview__dt span {
    font-size: calc(12 / 16 * 1rem);
  }
  .p-recOverview__dd {
    font-size: calc(14 / 16 * 1rem);
  }
  .p-recOverview__listsWrap {
    gap: 0;
  }
  .p-recOverview__row {
    gap: calc(5 / 16 * 1rem);
  }
  .p-recOverview__subRow {
    -webkit-margin-before: calc(3 / 16 * 1rem);
            margin-block-start: calc(3 / 16 * 1rem);
  }
  .p-subCsr__sec:nth-child(n+2) {
    -webkit-margin-before: calc(50 / 16 * 1rem);
            margin-block-start: calc(50 / 16 * 1rem);
  }
  .p-subCsr__body {
    -webkit-margin-before: calc(30 / 16 * 1rem);
            margin-block-start: calc(30 / 16 * 1rem);
  }
  .p-subCsr__media {
    grid-template-columns: 1fr;
    gap: calc(20 / 16 * 1rem);
  }
  .p-subCsr__media {
    -webkit-margin-before: calc(30 / 16 * 1rem);
            margin-block-start: calc(30 / 16 * 1rem);
  }
  .p-subCsr__mediaImg {
    width: calc(200 / 16 * 1rem);
    margin-inline: auto;
  }
  .p-subCsr__mediaTitle {
    font-size: calc(24 / 16 * 1rem);
  }
  .p-subCsr__mediaText {
    font-size: calc(14 / 16 * 1rem);
    margin-bottom: calc(10 / 16 * 1rem);
  }
  .p-subHistory__tabPanel {
    display: block;
  }
  .p-subMessage__sec + .p-subMessage__sec {
    -webkit-margin-before: calc(40 / 16 * 1rem);
            margin-block-start: calc(40 / 16 * 1rem);
  }
  .p-subMessage__body {
    -webkit-margin-before: calc(25 / 16 * 1rem);
            margin-block-start: calc(25 / 16 * 1rem);
  }
  .p-subMessage__media:has(.p-subMessage__mediaImg) {
    grid-template-columns: 1fr;
    gap: calc(15 / 16 * 1rem);
  }
  .p-subMessage__mediaMain {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .p-subMessage__mediaTextMain {
    font-size: calc(24 / 16 * 1rem);
  }
  .p-subMessage__mediaTextSub {
    -webkit-margin-before: calc(15 / 16 * 1rem);
            margin-block-start: calc(15 / 16 * 1rem);
    font-size: calc(14 / 16 * 1rem);
  }
  .p-subMessage__mediaName {
    -webkit-margin-before: calc(15 / 16 * 1rem);
            margin-block-start: calc(15 / 16 * 1rem);
    font-size: calc(14 / 16 * 1rem);
  }
  .p-subMessage__mediaImg {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .p-subNews__bottom {
    -webkit-margin-before: calc(50 / 16 * 1rem);
            margin-block-start: calc(50 / 16 * 1rem);
  }
  .p-subOffice {
    grid-template-columns: repeat(1, 1fr);
    gap: calc(15 / 16 * 1rem);
  }
  .p-subOffice__item {
    padding-block: calc(20 / 16 * 1rem);
    padding-inline: calc(20 / 16 * 1rem);
  }
  .p-subOffice__head {
    gap: calc(10 / 16 * 1rem);
  }
  .p-subOffice__title {
    font-size: calc(18 / 16 * 1rem);
  }
  .p-subOffice__titleEn {
    font-size: calc(10 / 16 * 1rem);
  }
  .p-subOffice__body {
    -webkit-margin-before: calc(10 / 16 * 1rem);
            margin-block-start: calc(10 / 16 * 1rem);
  }
  .p-subOffice__address {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: initial;
        -ms-flex-align: initial;
            align-items: initial;
    gap: calc(5 / 16 * 1rem);
  }
  .p-subOffice__addressText {
    font-size: calc(14 / 16 * 1rem);
  }
  .p-subOffice__map {
    font-size: calc(14 / 16 * 1rem);
  }
  .p-subOffice__map::before {
    width: calc(10 / 16 * 1rem);
  }
  .p-subOffice__bottom {
    -webkit-margin-before: calc(10 / 16 * 1rem);
            margin-block-start: calc(10 / 16 * 1rem);
  }
  .p-subOffice__tel {
    font-size: calc(14 / 16 * 1rem);
  }
  .p-subPage__top {
    padding-block: calc(77 / 16 * 1rem) calc(30 / 16 * 1rem);
  }
  .p-subPage__titleJp {
    font-size: calc(14 / 16 * 1rem);
  }
  .p-subPage__titleEn {
    height: calc(29 / 16 * 1rem);
    -webkit-margin-before: calc(10 / 16 * 1rem);
            margin-block-start: calc(10 / 16 * 1rem);
  }
  .p-subPage__body {
    -webkit-margin-before: calc(30 / 16 * 1rem);
            margin-block-start: calc(30 / 16 * 1rem);
  }
  .p-subPage__text {
    font-size: calc(12 / 16 * 1rem);
    line-height: 1.75;
  }
  .p-subPage__breadcrumb {
    -webkit-margin-before: calc(20 / 16 * 1rem);
            margin-block-start: calc(20 / 16 * 1rem);
    -webkit-padding-end: initial;
            padding-inline-end: initial;
  }
  .p-subPage__contents {
    border-radius: 30px 30px 0 0;
    padding-block: calc(78 / 16 * 1rem) calc(80 / 16 * 1rem);
  }
  .p-subPrivacy__text {
    font-size: calc(14 / 16 * 1rem);
  }
  .p-subPrivacy__text + .p-subPrivacy__text.title {
    -webkit-margin-before: calc(20 / 16 * 1rem);
            margin-block-start: calc(20 / 16 * 1rem);
  }
  .p-subPrivacy__text.title + .p-subPrivacy__text {
    -webkit-margin-before: calc(10 / 16 * 1rem);
            margin-block-start: calc(10 / 16 * 1rem);
  }
  .p-subPrivacy__box {
    padding: calc(30 / 16 * 1rem);
    -webkit-margin-before: calc(30 / 16 * 1rem);
            margin-block-start: calc(30 / 16 * 1rem);
  }
  .p-subPrivacy__address {
    font-size: calc(14 / 16 * 1rem);
    -webkit-margin-before: calc(15 / 16 * 1rem);
            margin-block-start: calc(15 / 16 * 1rem);
  }
  .p-subPrivacy__info {
    font-size: calc(14 / 16 * 1rem);
    -webkit-margin-before: calc(15 / 16 * 1rem);
            margin-block-start: calc(15 / 16 * 1rem);
  }
  .p-subProject__head {
    display: block;
  }
  .p-subProject__title {
    font-size: calc(20 / 16 * 1rem);
  }
  .p-subProject__meta {
    -webkit-margin-before: calc(10 / 16 * 1rem);
            margin-block-start: calc(10 / 16 * 1rem);
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    gap: calc(20 / 16 * 1rem);
  }
  .p-subProject__date {
    font-size: calc(10 / 16 * 1rem);
  }
  .p-subProject__cat::before {
    left: calc(-10 / 16 * 1rem);
  }
  .p-subProject__cat {
    font-size: calc(10 / 16 * 1rem);
  }
  .p-subProject__body {
    -webkit-margin-before: calc(20 / 16 * 1rem);
            margin-block-start: calc(20 / 16 * 1rem);
  }
  .p-subProject__text {
    -webkit-margin-before: calc(20 / 16 * 1rem);
            margin-block-start: calc(20 / 16 * 1rem);
  }
  .p-subProject__bottom {
    -webkit-margin-before: calc(20 / 16 * 1rem);
            margin-block-start: calc(20 / 16 * 1rem);
    grid-template-columns: 1fr;
    gap: calc(20 / 16 * 1rem);
  }
  .p-subRecSection {
    -webkit-margin-before: calc(50 / 16 * 1rem);
            margin-block-start: calc(50 / 16 * 1rem);
  }
  .p-subRecSection__body {
    -webkit-margin-before: calc(30 / 16 * 1rem);
            margin-block-start: calc(30 / 16 * 1rem);
  }
  .p-subRecCareerPath {
    -webkit-margin-before: calc(80 / 16 * 1rem);
            margin-block-start: calc(80 / 16 * 1rem);
  }
  .p-subRecCareerPath__sec + .p-subRecCareerPath__sec {
    -webkit-margin-before: calc(80 / 16 * 1rem);
            margin-block-start: calc(80 / 16 * 1rem);
  }
  .p-subRecCareerPath__body {
    -webkit-margin-before: calc(50 / 16 * 1rem);
            margin-block-start: calc(50 / 16 * 1rem);
  }
  .p-subRecCareerPath__items {
    grid-template-columns: repeat(1, 1fr);
    gap: calc(50 / 16 * 1rem);
  }
  .p-subRecCareerPath__item {
    grid-template-columns: 1fr;
    grid-template-rows: calc(100 / 16 * 1rem) 1fr;
    gap: calc(20 / 16 * 1rem);
    padding-block: calc(20 / 16 * 1rem);
    padding-inline: calc(20 / 16 * 1rem);
  }
  .p-subRecCareerPath__img img {
    height: calc(150 / 16 * 1rem);
    top: calc(-40 / 16 * 1rem);
  }
  .p-subRecCareerPath__title {
    font-size: calc(18 / 16 * 1rem);
  }
  .p-subRecCareerPath__text {
    font-size: calc(14 / 16 * 1rem);
    -webkit-margin-before: calc(10 / 16 * 1rem);
            margin-block-start: calc(10 / 16 * 1rem);
  }
  .p-subRecEntry {
    -webkit-margin-before: calc(50 / 16 * 1rem);
            margin-block-start: calc(50 / 16 * 1rem);
    -webkit-padding-after: calc(100 / 16 * 1rem);
            padding-block-end: calc(100 / 16 * 1rem);
  }
  .p-subRecEntry__link {
    display: block;
  }
  .p-subRecEntry__linkText {
    font-size: calc(14 / 16 * 1rem);
    -webkit-margin-before: calc(10 / 16 * 1rem);
            margin-block-start: calc(10 / 16 * 1rem);
    text-align: center;
  }
  .p-subRecEntry__job {
    -webkit-margin-before: calc(30 / 16 * 1rem);
            margin-block-start: calc(30 / 16 * 1rem);
  }
  .p-subRecEntry__jobBody {
    -webkit-margin-before: calc(30 / 16 * 1rem);
            margin-block-start: calc(30 / 16 * 1rem);
  }
  .p-subRecEntry__flow {
    -webkit-margin-before: calc(50 / 16 * 1rem);
            margin-block-start: calc(50 / 16 * 1rem);
  }
  .p-subRecEntry__flowBody {
    -webkit-margin-before: calc(30 / 16 * 1rem);
            margin-block-start: calc(30 / 16 * 1rem);
  }
  .p-subRecEntry__flowItems {
    grid-template-columns: 1fr;
    gap: calc(25 / 16 * 1rem);
  }
  .p-subRecEntry__flowItem {
    font-size: calc(16 / 16 * 1rem);
  }
  .p-subRecEntry__flowItem small {
    font-size: calc(14 / 16 * 1rem);
  }
  .p-subRecEntry__flowItem:not(:last-child)::after {
    top: initial;
    right: initial;
    bottom: 0;
    left: 50%;
    -webkit-transform: translate(-50%, 98%) rotate(0);
            transform: translate(-50%, 98%) rotate(0);
  }
  .p-subRecEntry__form {
    -webkit-margin-before: calc(50 / 16 * 1rem);
            margin-block-start: calc(50 / 16 * 1rem);
    scroll-margin-block-start: calc(90 / 16 * 1rem);
  }
  .p-subRecEntry__formTitleEn {
    font-size: calc(24 / 16 * 1rem);
  }
  .p-subRecEntry__formTitleJa {
    font-size: calc(14 / 16 * 1rem);
  }
  .p-subRecEntry__formText {
    -webkit-margin-before: calc(30 / 16 * 1rem);
            margin-block-start: calc(30 / 16 * 1rem);
    font-size: calc(14 / 16 * 1rem);
  }
  .p-subRecEntry__formBody {
    -webkit-margin-before: calc(30 / 16 * 1rem);
            margin-block-start: calc(30 / 16 * 1rem);
  }
  .p-subRecInterview {
    -webkit-margin-before: calc(50 / 16 * 1rem);
            margin-block-start: calc(50 / 16 * 1rem);
  }
  .p-subRecInterview__secWrap {
    gap: calc(50 / 16 * 1rem);
  }
  .p-subRecInterview__media.st_row {
    grid-template-columns: 1fr;
    gap: calc(20 / 16 * 1rem);
  }
  .p-subRecInterview__media.st_rowReverse {
    grid-template-columns: 1fr;
    gap: calc(20 / 16 * 1rem);
  }
  .p-subRecInterview__media.st_rowReverse .p-subRecInterview__mediaTop {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .p-subRecInterview__media.st_rowReverse .p-subRecInterview__mediaBottom {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .p-subRecInterview__media.st_column {
    gap: calc(20 / 16 * 1rem);
  }
  .p-subRecInterview__media.st_column .p-subRecInterview__img {
    aspect-ratio: 775/581;
  }
  .p-subRecInterview__mediaBottom {
    gap: calc(15 / 16 * 1rem);
  }
  .p-subRecInterview__head {
    -webkit-padding-after: calc(5 / 16 * 1rem);
            padding-block-end: calc(5 / 16 * 1rem);
  }
  .p-subRecInterview__title {
    font-size: calc(20 / 16 * 1rem);
    gap: calc(10 / 16 * 1rem);
  }
  .p-subRecInterview__title span:nth-child(1) {
    font-size: calc(30 / 16 * 1rem);
  }
  .p-subRecInterview__body {
    -webkit-margin-before: calc(15 / 16 * 1rem);
            margin-block-start: calc(15 / 16 * 1rem);
  }
  .p-subRecInterview__text {
    font-size: calc(16 / 16 * 1rem);
  }
  .p-subRecMessage {
    -webkit-margin-before: calc(50 / 16 * 1rem);
            margin-block-start: calc(50 / 16 * 1rem);
  }
  .p-subRecMessage__img {
    position: static;
    height: initial;
    aspect-ratio: 400/250;
  }
  .p-subRecMessage__img img {
    border-radius: 0;
  }
  .p-subRecMessage__main {
    padding-block: calc(20 / 16 * 1rem);
    padding-inline: calc(20 / 16 * 1rem);
    width: 100%;
    background: var(--white);
  }
  .p-subRecMessage__textMain {
    font-size: calc(24 / 16 * 1rem);
  }
  .p-subRecMessage__text {
    font-size: calc(14 / 16 * 1rem);
    -webkit-margin-before: calc(15 / 16 * 1rem);
            margin-block-start: calc(15 / 16 * 1rem);
  }
  .p-subRecMessage__name {
    font-size: calc(12 / 16 * 1rem);
    -webkit-margin-before: calc(15 / 16 * 1rem);
            margin-block-start: calc(15 / 16 * 1rem);
  }
  .p-subRecMv {
    -webkit-padding-before: calc(150 / 16 * 1rem);
            padding-block-start: calc(150 / 16 * 1rem);
  }
  .p-subRecMv::before {
    height: calc(600 / 16 * 1rem);
  }
  .p-subRecMv::after {
    height: calc(300 / 16 * 1rem);
    top: calc(300 / 16 * 1rem);
  }
  .p-subRecMv__titleWrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: initial;
        -ms-flex-align: initial;
            align-items: initial;
    gap: calc(10 / 16 * 1rem);
  }
  .p-subRecMv__titleEn {
    font-size: calc(40 / 16 * 1rem);
  }
  .p-subRecMv__title {
    font-size: calc(16 / 16 * 1rem);
    -webkit-padding-after: initial;
            padding-block-end: initial;
  }
  .p-subRecWork {
    -webkit-margin-before: calc(40 / 16 * 1rem);
            margin-block-start: calc(40 / 16 * 1rem);
  }
  .p-subRecWork__contents {
    grid-template-columns: 1fr;
    gap: calc(30 / 16 * 1rem);
  }
  .p-subRecWork__text {
    font-size: calc(16 / 16 * 1rem);
  }
  .p-subRecWork__body {
    -webkit-margin-before: calc(30 / 16 * 1rem);
            margin-block-start: calc(30 / 16 * 1rem);
  }
  .p-subRecWork__imgCaption {
    font-size: calc(14 / 16 * 1rem);
    -webkit-margin-before: calc(10 / 16 * 1rem);
            margin-block-start: calc(10 / 16 * 1rem);
  }
  .p-subResult__body {
    -webkit-margin-before: calc(70 / 16 * 1rem);
            margin-block-start: calc(70 / 16 * 1rem);
  }
  .p-subSingle__head {
    display: block;
  }
  .p-subSingle__title {
    font-size: calc(20 / 16 * 1rem);
  }
  .p-subSingle__meta {
    margin-top: calc(10 / 16 * 1rem);
  }
  .p-subSingle__time {
    font-size: calc(10 / 16 * 1rem);
  }
  .p-subSingle__body {
    -webkit-margin-before: calc(20 / 16 * 1rem);
            margin-block-start: calc(20 / 16 * 1rem);
  }
  .p-subSingle__img + .p-subSingle__content {
    -webkit-margin-before: calc(20 / 16 * 1rem);
            margin-block-start: calc(20 / 16 * 1rem);
  }
  .p-subTechnical__text {
    font-size: calc(14 / 16 * 1rem);
  }
  .p-subTechnical__body {
    -webkit-margin-before: calc(40 / 16 * 1rem);
            margin-block-start: calc(40 / 16 * 1rem);
  }
  .p-subVision__text {
    font-size: calc(14 / 16 * 1rem);
  }
  .p-subVision__body {
    -webkit-margin-before: calc(50 / 16 * 1rem);
            margin-block-start: calc(50 / 16 * 1rem);
  }
  .p-subVision__items {
    grid-template-columns: repeat(1, 1fr);
    gap: calc(40 / 16 * 1rem);
  }
  .p-subVision__itemTitle {
    font-size: calc(20 / 16 * 1rem);
    -webkit-margin-before: calc(20 / 16 * 1rem);
            margin-block-start: calc(20 / 16 * 1rem);
    -webkit-padding-after: calc(20 / 16 * 1rem);
            padding-block-end: calc(20 / 16 * 1rem);
  }
  .p-subVision__itemText {
    font-size: calc(12 / 16 * 1rem);
    -webkit-margin-before: calc(20 / 16 * 1rem);
            margin-block-start: calc(20 / 16 * 1rem);
  }
  .p-topAbout {
    padding-block: calc(50 / 16 * 1rem) calc(78 / 16 * 1rem);
  }
  .p-topAbout__contents {
    grid-template-columns: 1fr;
    -webkit-box-align: initial;
        -ms-flex-align: initial;
            align-items: initial;
    gap: calc(30 / 16 * 1rem);
  }
  .p-topAbout__title {
    font-size: calc(24 / 16 * 1rem);
    line-height: 2;
  }
  .p-topAbout__text {
    font-size: calc(14 / 16 * 1rem);
    -webkit-margin-before: calc(25 / 16 * 1rem);
            margin-block-start: calc(25 / 16 * 1rem);
  }
  .p-topAbout__bottom {
    -webkit-margin-before: calc(30 / 16 * 1rem);
            margin-block-start: calc(30 / 16 * 1rem);
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .p-topAbout__body {
    width: 100vw;
    margin-inline: calc(50% - 50vw);
  }
  .p-topAbout__items {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    max-width: calc(420 / 16 * 1rem);
    margin-inline: auto;
  }
  .p-topAbout__item {
    width: calc(100% + 20 / 16 * 1rem);
    margin-inline: calc(-10 / 16 * 1rem) !important;
    background: color-mix(in srgb, var(--gray2) 50%, transparent);
    padding: calc(40 / 16 * 1rem) calc(20 / 16 * 1rem) calc(20 / 16 * 1rem);
    border: none;
  }
  .p-topAbout__item:nth-child(n+3) {
    -webkit-margin-before: calc(-20 / 16 * 1rem);
            margin-block-start: calc(-20 / 16 * 1rem);
  }
  .p-topAbout__item + .p-topAbout__item {
    -webkit-margin-start: 0;
            margin-inline-start: 0;
  }
  .p-topMv {
    padding-block: calc(167 / 16 * 1rem) calc(38 / 16 * 1rem);
  }
  .p-topMv__title {
    font-size: calc(50 / 16 * 1rem);
  }
  .p-topMv__title2 {
    font-size: calc(18 / 16 * 1rem);
    right: calc(-50 / 16 * 1rem);
    bottom: calc(8 / 16 * 1rem);
  }
  .p-topMv__title3 {
    font-size: calc(16 / 16 * 1rem);
    right: initial;
    left: 0;
    bottom: calc(-38 / 16 * 1rem);
  }
  .p-topMv__body {
    -webkit-margin-before: calc(560 / 16 * 1rem);
            margin-block-start: calc(560 / 16 * 1rem);
  }
  .p-topMv__text {
    font-size: calc(14 / 16 * 1rem);
    line-height: 2.5;
  }
  .p-topMv__bottom {
    -webkit-margin-before: calc(23 / 16 * 1rem);
            margin-block-start: calc(23 / 16 * 1rem);
  }
  .p-topMv__angle {
    width: calc(150 / 16 * 1rem);
    top: calc(190 / 16 * 1rem);
    right: calc(-15 / 16 * 1rem);
  }
  .p-topMv_angleImg {
    width: calc(30 / 16 * 1rem);
  }
  .p-topMv__copy {
    display: none;
  }
  .p-topRecAbout {
    padding-block: calc(100 / 16 * 1rem) calc(50 / 16 * 1rem);
  }
  .p-topRecAbout__title {
    font-size: calc(30 / 16 * 1rem);
  }
  .p-topRecAbout__body {
    -webkit-margin-before: calc(20 / 16 * 1rem);
            margin-block-start: calc(20 / 16 * 1rem);
  }
  .p-topRecAbout__text {
    font-size: calc(16 / 16 * 1rem);
  }
  .p-topRecAbout__bottom {
    -webkit-margin-before: calc(75 / 16 * 1rem);
            margin-block-start: calc(75 / 16 * 1rem);
  }
  .p-topRecAbout__items {
    grid-template-columns: repeat(1, 1fr);
    gap: calc(20 / 16 * 1rem);
  }
  .p-topRecAbout__block {
    bottom: calc(20 / 16 * 1rem);
    left: calc(20 / 16 * 1rem);
  }
  .p-topRecAbout__itemTitle {
    font-size: calc(24 / 16 * 1rem);
  }
  .p-topRecBtnWrap {
    -webkit-margin-before: calc(50 / 16 * 1rem);
            margin-block-start: calc(50 / 16 * 1rem);
    -webkit-padding-after: calc(100 / 16 * 1rem);
            padding-block-end: calc(100 / 16 * 1rem);
  }
  .p-topRecBtnWrap__head + .p-topRecBtnWrap__body {
    -webkit-margin-before: calc(50 / 16 * 1rem);
            margin-block-start: calc(50 / 16 * 1rem);
  }
  .p-topRecCareer {
    -webkit-margin-before: calc(60 / 16 * 1rem);
            margin-block-start: calc(60 / 16 * 1rem);
  }
  .p-topRecCareer__body {
    -webkit-margin-before: calc(50 / 16 * 1rem);
            margin-block-start: calc(50 / 16 * 1rem);
  }
  .p-topRecDate {
    -webkit-margin-before: calc(60 / 16 * 1rem);
            margin-block-start: calc(60 / 16 * 1rem);
  }
  .p-topRecDate__body {
    -webkit-margin-before: calc(30 / 16 * 1rem);
            margin-block-start: calc(30 / 16 * 1rem);
  }
  .p-topRecDate__items {
    grid-template-columns: repeat(2, 1fr);
    gap: calc(15 / 16 * 1rem);
  }
  .p-topRecPersons {
    padding-block: calc(60 / 16 * 1rem) calc(60 / 16 * 1rem);
  }
  .p-topRecPersons__body {
    -webkit-margin-before: calc(20 / 16 * 1rem);
            margin-block-start: calc(20 / 16 * 1rem);
  }
  .p-topRecPersons__items {
    grid-template-columns: repeat(1, 1fr);
    gap: calc(30 / 16 * 1rem);
  }
  .p-topRecPersons__itemTitle {
    font-size: calc(18 / 16 * 1rem);
    -webkit-margin-before: calc(10 / 16 * 1rem);
            margin-block-start: calc(10 / 16 * 1rem);
  }
  .p-topRecPersons__itemMeta {
    font-size: calc(14 / 16 * 1rem);
    -webkit-margin-before: calc(5 / 16 * 1rem);
            margin-block-start: calc(5 / 16 * 1rem);
  }
  .p-topRecruit {
    -webkit-margin-before: calc(-15 / 16 * 1rem);
            margin-block-start: calc(-15 / 16 * 1rem);
    padding-block: calc(47 / 16 * 1rem) calc(170 / 16 * 1rem);
    border-radius: 15px 15px 0 0;
  }
  .p-topRecruit.p-topRecruit--mv {
    padding-block: calc(135 / 16 * 1rem) calc(190 / 16 * 1rem);
  }
  .p-topRecruit__main {
    -webkit-margin-before: calc(42 / 16 * 1rem);
            margin-block-start: calc(42 / 16 * 1rem);
  }
  .p-topRecruit__mainContents {
    gap: calc(0 / 16 * 1rem) calc(20 / 16 * 1rem);
  }
  .p-topRecruit__mainText1 {
    font-size: calc(28 / 16 * 1rem);
  }
  .p-topRecruit__mainText2 {
    font-size: calc(15 / 16 * 1rem);
  }
  .p-topRecruit__mainText3 {
    font-size: calc(50 / 16 * 1rem);
    line-height: 1.1;
  }
  .p-topRecruit__mainText4 {
    width: calc(200 / 16 * 1rem);
    right: calc(5 / 16 * 1rem);
    bottom: calc(30 / 16 * 1rem);
  }
  .p-topRecruit__body {
    -webkit-margin-before: calc(105 / 16 * 1rem);
            margin-block-start: calc(105 / 16 * 1rem);
  }
  .p-topRecruit__body.p-topRecruit__body--mv {
    -webkit-margin-before: calc(140 / 16 * 1rem);
            margin-block-start: calc(140 / 16 * 1rem);
  }
  .p-topRecruit__text {
    font-size: calc(14 / 16 * 1rem);
    letter-spacing: 0.05em;
    line-height: 2.5;
  }
  .p-topRecruit__bottom {
    -webkit-margin-before: calc(20 / 16 * 1rem);
            margin-block-start: calc(20 / 16 * 1rem);
  }
  .p-topRecruit__bg img {
    border-radius: 15px 15px 0 0;
  }
  .p-topSec {
    padding-block: calc(50 / 16 * 1rem) calc(65 / 16 * 1rem);
  }
  .p-topSec.p-topSec--circle {
    -webkit-margin-before: calc(-15 / 16 * 1rem);
            margin-block-start: calc(-15 / 16 * 1rem);
    border-radius: 15px 15px 0 0;
  }
  .p-topSec__body {
    -webkit-margin-before: calc(20 / 16 * 1rem);
            margin-block-start: calc(20 / 16 * 1rem);
  }
  .p-topSec__bottom {
    -webkit-margin-before: calc(30 / 16 * 1rem);
            margin-block-start: calc(30 / 16 * 1rem);
  }
  .sp_only {
    display: block;
  }
  .pc_only {
    display: none;
  }
  body:has(.c-hamburger[aria-expanded=true]) {
    overflow: hidden;
  }
  .siteWrapper.siteWrapper--top {
    padding-top: 0;
  }
}

@media (max-width: 375px){
  html {
    font-size: clamp(10px, 16 / 375 * 100vw, 16px);
  }
}

@media (any-hover: hover){
  .c-accordion__btn:hover {
    opacity: 0.7;
  }
  .c-panel:hover {
    opacity: 0.7;
  }
  .u-hover:hover {
    opacity: 0.7;
  }
  .u-hover-white:hover::before {
    opacity: 0.3;
  }
}

@media (hover: hover){
  .c-hamburger:hover {
    background: var(--black);
  }
  .c-hamburger:hover .c-hamburger__line {
    background: var(--hamburger-color2);
  }
  .c-hamburger:hover[aria-expanded=true] .c-hamburger__line {
    background: transparent;
  }
  .pagination .page-numbers:hover {
    background: var(--base-color);
    color: #fff;
  }
  .formBtn:hover {
    opacity: 0.7;
  }
  .p-drawer-menu__item a:hover {
    opacity: 0.7;
  }
  .p-drawer-menu__bottom a:hover {
    opacity: 0.7;
  }
}

@media print{
  .p-header {
    position: absolute;
  }
}

@media print, screen and (max-width: 950px){
  .p-header__logoSide {
    display: none;
  }
  .p-header__recParts {
    display: none;
  }
}