@charset "UTF-8";
:root {
  --max-view-width: clamp(0px, 93.3333333333vw, 1881.6px);
  --padding: clamp(0px, 6.6666666667vw, 134.4px);
  --black: #151A22;
  --white: #fff;
  --blue1: #234070;
  --blue2: #3271B9;
  --gray: #EAEDF2;
  --scrollbar-width: 0;
}

/* !!------------------------------------ */
/* !! @note 共通 */
/* !!------------------------------------ */
a {
  text-decoration: none;
  color: inherit;
}

body {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  vertical-align: baseline;
  line-height: 1;
  word-break: break-all;
}
body.is__hidden {
  overflow: hidden;
  scrollbar-gutter: stable;
}

div, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video, input, textarea {
  margin: 0;
  padding: 0;
  border: none;
  font-size: 100%;
  font-weight: normal;
  font-style: normal;
  vertical-align: baseline;
  background: transparent;
}

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

svg {
  width: 100%;
}

article, aside, details, figcaption, figure, footer, header, menu, nav, section, div, address, iframe, canvas, hr, textarea {
  display: block;
  line-height: 1;
}

alabel {
  cursor: pointer;
}

blockquote {
  padding: 0;
  margin: 0;
  display: block;
}

address, em {
  font-style: normal;
}

hr {
  border: 0;
  margin: 0;
  padding: 0;
}

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

textarea {
  resize: vertical;
  overflow: hidden;
  -webkit-appearance: none;
  border: none;
}

button, select {
  vertical-align: middle;
  border-radius: 0px;
  border: none;
  background: transparent;
  margin: 0;
  padding: 0;
  cursor: pointer;
  -webkit-appearance: none;
}

table {
  border-collapse: collapse;
}

*:before, *:after {
  padding: 0;
  margin: 0;
  line-height: 1;
}

::-moz-selection {
  color: var(--white);
  background: var(--blue1);
}

::selection {
  color: var(--white);
  background: var(--blue1);
}

::-moz-selection {
  color: var(--white);
  background: var(--blue1);
}

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

html {
  min-height: 100%;
  font-size: 10px;
  scroll-padding-top: clamp(0px, 7.2222222222vw, 145.6px);
  scroll-behavior: smooth;
  scrollbar-gutter: stable;
}
@media screen and (max-width: 767px) {
  html {
    scroll-padding-top: clamp(0px, 21.8666666667vw, 114.8px);
  }
}
html.wp-login {
  margin-top: 0 !important;
}
html.mac {
  -webkit-font-smoothing: antialiased;
}

body {
  width: 100%;
  font-size: clamp(0px, 1.1111111111vw, 22.4px);
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  color: var(--black);
  word-break: break-word;
  overflow-wrap: break-word;
  font-feature-settings: "palt";
}
@media screen and (max-width: 767px) {
  body {
    min-width: inherit;
  }
}

.pc {
  display: block !important;
}
@media screen and (max-width: 767px) {
  .pc {
    display: none !important;
  }
}

.sp {
  display: none !important;
}
@media screen and (max-width: 767px) {
  .sp {
    display: block !important;
  }
}

.inner {
  max-width: var(--max-view-width);
  margin-right: auto;
  margin-left: auto;
  padding-right: var(--padding);
  padding-left: var(--padding);
  position: relative;
}
@media screen and (max-width: 767px) {
  .inner {
    max-width: 100%;
    min-width: 100%;
    padding-right: 0;
    padding-left: 0;
  }
}

.container {
  height: 100%;
  overflow: clip;
  position: relative;
}

.table-wrap {
  width: 100%;
}
@media screen and (max-width: 767px) {
  .table-wrap {
    width: 100vw;
    overflow-x: scroll;
  }
}

.wrap {
  display: grid;
  align-items: center;
  justify-content: space-between;
}
@media screen and (max-width: 767px) {
  .wrap {
    flex-direction: column;
  }
}

section {
  position: relative;
}
@media screen and (max-width: 767px) {
  section {
    padding: 0 clamp(0px, 5.3333333333vw, 28px);
  }
}

.movie-wrap {
  width: 100%;
  padding-top: 56.25%;
  position: relative;
}
.movie-wrap iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.lead__txt {
  font-size: clamp(0px, 1.1111111111vw, 22.4px);
  font-weight: 400;
  line-height: 1.8;
  text-align: justify;
}
@media screen and (max-width: 767px) {
  .lead__txt {
    font-size: clamp(0px, 3.4666666667vw, 18.2px);
  }
}

.en__font {
  font-family: "Inter", sans-serif;
  font-weight: 700;
}

.icon__arrow {
  width: clamp(0px, 2.5vw, 50.4px);
  height: clamp(0px, 2.5vw, 50.4px);
  display: block;
  position: relative;
}
@media screen and (max-width: 767px) {
  .icon__arrow {
    width: clamp(0px, 9.6vw, 50.4px);
    height: clamp(0px, 9.6vw, 50.4px);
  }
}
.icon__arrow:before {
  content: "";
  width: clamp(0px, 1.6666666667vw, 33.6px);
  height: clamp(0px, 1.6666666667vw, 33.6px);
  background-image: url("../img/common/icon__arrow.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
}
@media screen and (max-width: 767px) {
  .icon__arrow:before {
    width: clamp(0px, 6.4vw, 33.6px);
    height: clamp(0px, 6.4vw, 33.6px);
  }
}
.icon__arrow:after {
  content: "";
  width: clamp(0px, 2.5vw, 50.4px);
  height: clamp(0px, 2.5vw, 50.4px);
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--black);
  border-radius: 50%;
}
@media screen and (max-width: 767px) {
  .icon__arrow:after {
    width: clamp(0px, 9.6vw, 50.4px);
    height: clamp(0px, 9.6vw, 50.4px);
  }
}

.ttl__h2--group .en__font {
  font-size: clamp(0px, 8.3333333333vw, 168px);
  color: var(--blue2);
}
@media screen and (max-width: 767px) {
  .ttl__h2--group .en__font {
    font-size: clamp(0px, 14.4vw, 75.6px);
  }
}
.ttl__h2--group .ttl__h2 {
  font-size: clamp(0px, 2.2222222222vw, 44.8px);
  font-weight: 700;
  margin-top: clamp(0px, 1.1111111111vw, 22.4px);
}
@media screen and (max-width: 767px) {
  .ttl__h2--group .ttl__h2 {
    font-size: clamp(0px, 4.2666666667vw, 22.4px);
    margin-top: clamp(0px, 3.7333333333vw, 19.6px);
  }
}

.color__blue1 {
  color: var(--blue1);
}

.color__blue2 {
  color: var(--blue2);
}

/* !!------------------------------------ */
/* !! @note header */
.header {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: clamp(0px, 2.2222222222vw, 44.8px) clamp(0px, 3.3333333333vw, 67.2px);
  background-color: rgba(255, 255, 255, 0);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 4;
  transition: background-color 0.3s ease-out, padding 0.3s ease-out;
  scrollbar-gutter: stable;
}
@media screen and (max-width: 767px) {
  .header {
    padding: clamp(0px, 5.3333333333vw, 28px);
  }
  .header__logo {
    transition: opacity 0.1s ease-out;
  }
}
.header .header__logo {
  transition: transform 0.3s ease-out;
  transform-origin: top left;
}
.header .logo__link {
  display: inline-flex;
  align-items: center;
  gap: clamp(0px, 1.3888888889vw, 28px);
}
@media screen and (max-width: 767px) {
  .header .logo__link {
    flex-direction: column;
    align-items: flex-start;
    gap: clamp(0px, 1.0666666667vw, 5.6px);
  }
}
.header .logo__link img {
  width: clamp(0px, 16.1805555556vw, 326.2px);
  transition: width 0.3s ease-out;
}
@media screen and (max-width: 767px) {
  .header .logo__link img {
    width: clamp(0px, 30.9333333333vw, 162.4px);
  }
}
.header .logo__link .en__font {
  font-size: clamp(0px, 1.1111111111vw, 22.4px);
  font-weight: 500;
  color: var(--white);
  position: relative;
  top: clamp(0px, 0.2777777778vw, 5.6px);
}
@media screen and (max-width: 767px) {
  .header .logo__link .en__font {
    font-size: clamp(0px, 2.6666666667vw, 14px);
    top: auto;
    color: var(--black);
  }
}
.header .logo__link .en__font.color__black {
  color: var(--black);
}
.header .logo__link .logo__white {
  display: block;
}
@media screen and (max-width: 767px) {
  .header .logo__link .logo__white {
    display: none;
  }
}
.header .logo__link .logo__black {
  display: none;
}
@media screen and (max-width: 767px) {
  .header .logo__link .logo__black {
    display: block;
  }
}
.header .is__passed-kv .logo__link .logo__white {
  display: none;
}
.header .is__passed-kv .logo__link .logo__black {
  display: block;
}
.header .is__passed-kv .logo__link .en__font {
  color: var(--black);
}
.header .logo__white {
  display: block;
}
.header .logo__black {
  display: none;
}
.header .btn__list {
  display: grid;
  align-items: center;
  grid-template-columns: repeat(2, auto);
  gap: clamp(0px, 0.5555555556vw, 11.2px);
  margin-right: clamp(0px, 1.1111111111vw, 22.4px);
  margin-left: auto;
}
@media screen and (max-width: 767px) {
  .header .btn__list {
    gap: 0;
    margin-right: clamp(0px, 1.6vw, 8.4px);
  }
}
.header .btn__list a {
  width: clamp(0px, 12.5vw, 252px);
  height: clamp(0px, 3.4722222222vw, 70px);
  font-size: clamp(0px, 1.25vw, 25.2px);
  font-weight: 600;
  color: var(--white);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: clamp(0px, 1.7361111111vw, 35px);
}
@media screen and (min-width: 768px) {
  .header .btn__list a {
    transition: color 0.3s ease-out, 0.3s ease-out;
  }
  .header .btn__list a:hover {
    color: var(--blue2);
    background: var(--black);
  }
}
@media screen and (max-width: 767px) {
  .header .btn__list a {
    width: clamp(0px, 29.3333333333vw, 154px);
    height: clamp(0px, 10.6666666667vw, 56px);
    font-size: clamp(0px, 4.2666666667vw, 22.4px);
    border-radius: clamp(0px, 5.3333333333vw, 28px);
  }
}
.header .btn__list a.btn__recruit {
  background: var(--blue1);
}
@media screen and (max-width: 767px) {
  .header .btn__list a.btn__recruit {
    display: none;
  }
}
.header .btn__list a.btn__recruit:hover {
  color: var(--blue1);
  background-color: var(--black);
}
.header .btn__list a.btn__entry {
  background: var(--blue2);
}
.header .btn__list a.btn__entry:hover {
  color: var(--blue2);
  background-color: var(--black);
}
.header.is__scrolled {
  padding: clamp(0px, 1.3888888889vw, 28px) clamp(0px, 3.3333333333vw, 67.2px);
  background: rgb(255, 255, 255);
}
@media screen and (max-width: 767px) {
  .header.is__scrolled {
    padding: clamp(0px, 2.6666666667vw, 14px) clamp(0px, 5.3333333333vw, 28px);
  }
}
.header.is__scrolled .header__logo {
  transform: scale(0.8);
}
.header.is__scrolled .logo__link .logo__white {
  display: none;
}
.header.is__scrolled .logo__link .logo__black {
  display: block;
}
.header.is__scrolled .logo__link .en__font {
  font-size: clamp(0px, 0.9722222222vw, 19.6px);
  color: var(--black);
}
@media screen and (max-width: 767px) {
  .header.is__scrolled .logo__link .en__font {
    font-size: clamp(0px, 2.6666666667vw, 14px);
  }
}
.header.is__scrolled .btn__hbg {
  background: var(--black);
  transition: background-color 0.3s ease-out;
}
.header.is__scrolled .btn__hbg span {
  background: var(--white);
}
.header.is__scrolled .btn__hbg span:before, .header.is__scrolled .btn__hbg span:after {
  background: var(--white);
}
.header.is__scrolled .btn__hbg.is__active span {
  background: transparent;
}
.header.is__active {
  overflow: hidden;
  scrollbar-gutter: stable;
}
.header.is__active .logo__white {
  display: none;
}
.header.is__active .logo__black {
  display: block;
}

.btn__hbg {
  width: clamp(0px, 3.4722222222vw, 70px);
  height: clamp(0px, 3.4722222222vw, 70px);
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--white);
  border-radius: 50%;
  cursor: pointer;
}
@media screen and (max-width: 767px) {
  .btn__hbg {
    width: clamp(0px, 10.6666666667vw, 56px);
    height: clamp(0px, 10.6666666667vw, 56px);
    background: var(--black);
  }
}
.btn__hbg span {
  width: clamp(0px, 1.3888888889vw, 28px);
  height: 1px;
  background: var(--black);
  position: relative;
}
@media screen and (max-width: 767px) {
  .btn__hbg span {
    width: clamp(0px, 5.3333333333vw, 28px);
    background: var(--white);
  }
}
.btn__hbg span:before, .btn__hbg span:after {
  content: "";
  width: clamp(0px, 1.3888888889vw, 28px);
  height: 1px;
  background: var(--black);
  position: absolute;
  left: 0;
  transition: transform 0.3s ease-out;
}
@media screen and (max-width: 767px) {
  .btn__hbg span:before, .btn__hbg span:after {
    width: clamp(0px, 5.3333333333vw, 28px);
    background: var(--white);
  }
}
.btn__hbg span:before {
  top: clamp(-8.4px, -0.4166666667vw, 0px);
}
@media screen and (max-width: 767px) {
  .btn__hbg span:before {
    top: clamp(-8.4px, -1.6vw, 0px);
  }
}
.btn__hbg span:after {
  top: clamp(0px, 0.4166666667vw, 8.4px);
}
@media screen and (max-width: 767px) {
  .btn__hbg span:after {
    top: clamp(0px, 1.6vw, 8.4px);
  }
}
.btn__hbg.is__active {
  background: var(--black);
}
.btn__hbg.is__active span {
  background: transparent;
}
.btn__hbg.is__active span:before {
  background: var(--white);
  top: 0;
  transform: rotate(135deg);
}
.btn__hbg.is__active span:after {
  background: var(--white);
  top: 0;
  transform: rotate(-135deg);
}

.header__nav {
  width: 100%;
  height: 100%;
  display: none;
  background: var(--white);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 2;
}
@media screen and (max-width: 767px) {
  .header__nav {
    padding: clamp(0px, 24.8vw, 130.2px) clamp(0px, 5.3333333333vw, 28px) clamp(0px, 8.5333333333vw, 44.8px) clamp(0px, 5.3333333333vw, 28px);
    overflow-y: scroll;
    scrollbar-width: none;
    -ms-overflow-style: none;
  }
  .header__nav::-webkit-scrollbar {
    display: none;
  }
}
.header__nav .inner {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media screen and (max-width: 767px) {
  .header__nav .inner {
    justify-content: flex-start;
  }
}
.header__nav .nav__wrap {
  position: relative;
  top: clamp(0px, 1.7361111111vw, 35px);
}
.header__nav .subnav__wrap {
  position: absolute;
  right: 0;
  bottom: 0;
}
@media screen and (max-width: 767px) {
  .header__nav .subnav__wrap {
    margin-top: clamp(0px, 7.4666666667vw, 39.2px);
    padding-bottom: clamp(0px, 8.5333333333vw, 44.8px);
    position: relative;
    right: auto;
    bottom: auto;
  }
}
.header__nav .subnav__wrap .btn__entry {
  width: clamp(0px, 29.4444444444vw, 593.6px);
  height: clamp(0px, 9.1666666667vw, 184.8px);
  font-size: clamp(0px, 3.3333333333vw, 67.2px);
  display: flex;
  gap: clamp(0px, 2.0833333333vw, 42px);
  align-items: center;
  justify-content: center;
  margin-bottom: clamp(0px, 2.0833333333vw, 42px);
  color: var(--white);
  background: var(--blue2);
  border-radius: clamp(0px, 1.3888888889vw, 28px);
}
@media screen and (max-width: 767px) {
  .header__nav .subnav__wrap .btn__entry {
    width: 100%;
    height: clamp(0px, 24vw, 126px);
    font-size: clamp(0px, 8.5333333333vw, 44.8px);
    gap: clamp(0px, 4.2666666667vw, 22.4px);
    margin-bottom: clamp(0px, 9.8666666667vw, 51.8px);
    border-radius: clamp(0px, 12vw, 63px);
  }
}
@media screen and (min-width: 768px) {
  .header__nav .subnav__wrap .btn__entry {
    transition: color 0.3s ease-out, background-color 0.3s ease-out;
  }
  .header__nav .subnav__wrap .btn__entry .icon__arrow:after {
    transition: background-color 0.3s ease-out, transform 0.3s ease-out;
  }
  .header__nav .subnav__wrap .btn__entry:hover {
    color: var(--blue2);
    background-color: var(--black);
  }
  .header__nav .subnav__wrap .btn__entry:hover .icon__arrow:before {
    background-image: url("../img/common/icon__arrow--black.svg");
  }
  .header__nav .subnav__wrap .btn__entry:hover .icon__arrow:after {
    background-color: var(--white);
    transform: scale(1.2);
  }
}
.header__nav .subnav__wrap .btn__entry .entry__wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: clamp(0px, 2.0833333333vw, 42px);
}
@media screen and (max-width: 767px) {
  .header__nav .subnav__wrap .btn__entry .entry__wrap {
    gap: clamp(0px, 4.2666666667vw, 22.4px);
    position: relative;
    right: clamp(-9.8px, -1.8666666667vw, 0px);
  }
}
.header__nav .subnav__wrap .externallink__list {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: clamp(0px, 2.2222222222vw, 44.8px);
}
@media screen and (max-width: 767px) {
  .header__nav .subnav__wrap .externallink__list {
    justify-content: flex-start;
    gap: clamp(0px, 8vw, 42px);
  }
}
.header__nav .subnav__wrap .externallink__list a {
  font-size: clamp(0px, 0.9722222222vw, 19.6px);
  display: flex;
  align-items: center;
  gap: clamp(0px, 0.5555555556vw, 11.2px);
}
@media screen and (max-width: 767px) {
  .header__nav .subnav__wrap .externallink__list a {
    font-size: clamp(0px, 3.2vw, 16.8px);
    gap: clamp(0px, 1.6vw, 8.4px);
  }
}
.header__nav .subnav__wrap .externallink__list a:after {
  content: "";
  width: clamp(0px, 0.9722222222vw, 19.6px);
  height: clamp(0px, 0.9722222222vw, 19.6px);
  background-image: url("../img/common/icon__link.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
@media screen and (max-width: 767px) {
  .header__nav .subnav__wrap .externallink__list a:after {
    width: clamp(0px, 2.9333333333vw, 15.4px);
    height: clamp(0px, 2.9333333333vw, 15.4px);
  }
}
@media screen and (min-width: 768px) {
  .header__nav .subnav__wrap .externallink__list a {
    line-height: 2.1;
    position: relative;
  }
  .header__nav .subnav__wrap .externallink__list a:before {
    content: "";
    width: 0;
    height: 1px;
    background-color: var(--black);
    position: absolute;
    bottom: clamp(-2.8px, -0.1388888889vw, 0px);
    left: 0;
    transition: width 0.3s ease-out;
  }
  .header__nav .subnav__wrap .externallink__list a:hover:before {
    width: 100%;
  }
}
.header__nav .nav__list {
  display: inline-grid;
  grid-template-columns: repeat(3, 1fr);
  gap: clamp(0px, 2.7777777778vw, 56px);
}
@media screen and (max-width: 767px) {
  .header__nav .nav__list {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0;
  }
}
.header__nav .nav__list--item > a {
  font-size: clamp(0px, 1.1111111111vw, 22.4px);
  font-weight: 700;
  display: inline-flex;
  flex-direction: column;
  gap: clamp(0px, 0.6944444444vw, 14px);
}
@media screen and (max-width: 767px) {
  .header__nav .nav__list--item > a {
    font-size: clamp(0px, 3.7333333333vw, 19.6px);
    display: flex;
    gap: clamp(0px, 1.6vw, 8.4px);
    padding: clamp(0px, 5.3333333333vw, 28px) 0;
    border-bottom: clamp(0px, 0.2666666667vw, 1.4px) solid rgba(21, 26, 34, 0.15);
    position: relative;
    pointer-events: none;
  }
  .header__nav .nav__list--item > a:before, .header__nav .nav__list--item > a:after {
    content: "";
    width: clamp(0px, 5.3333333333vw, 28px);
    height: clamp(0px, 0.2666666667vw, 1.4px);
    background-color: var(--black);
    position: absolute;
    top: 50%;
    right: clamp(0px, 2.4vw, 12.6px);
    transform: translateY(-50%);
  }
  .header__nav .nav__list--item > a:after {
    transform: translateY(-50%) rotate(90deg);
    transition: transform 0.3s ease-out;
  }
}
.header__nav .nav__list--item .en__font {
  font-size: clamp(0px, 2.7777777778vw, 56px);
  color: var(--blue2);
  display: block;
}
@media screen and (max-width: 767px) {
  .header__nav .nav__list--item .en__font {
    font-size: clamp(0px, 9.0666666667vw, 47.6px);
  }
}
.header__nav .nav__list--item._open > a:before {
  content: none;
}
.header__nav .nav__list--item._open > a:after {
  transform: translateY(-50%);
}
.header__nav .meganav__list {
  margin-top: clamp(0px, 1.6666666667vw, 33.6px);
}
@media screen and (max-width: 767px) {
  .header__nav .meganav__list {
    display: none;
    margin-top: 0;
  }
}
.header__nav .meganav__list a {
  font-size: clamp(0px, 0.9722222222vw, 19.6px);
  font-weight: 400;
  line-height: 2.1;
  position: relative;
}
@media screen and (max-width: 767px) {
  .header__nav .meganav__list a {
    font-size: clamp(0px, 3.4666666667vw, 18.2px);
    line-height: 1;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: clamp(0px, 2.6666666667vw, 14px) clamp(0px, 1.6vw, 8.4px) clamp(0px, 2.6666666667vw, 14px) 0;
    border-bottom: clamp(0px, 0.2666666667vw, 1.4px) solid rgba(21, 26, 34, 0.15);
  }
  .header__nav .meganav__list a:after {
    content: "";
    width: clamp(0px, 6.4vw, 33.6px);
    height: clamp(0px, 6.4vw, 33.6px);
    background-image: url("../img/common/icon__arrow--black.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
  }
}
@media screen and (min-width: 768px) {
  .header__nav .meganav__list a {
    transition: color 0.3s ease-out;
  }
  .header__nav .meganav__list a:after {
    content: "";
    width: 0;
    height: 1px;
    background-color: var(--blue2);
    position: absolute;
    bottom: clamp(-2.8px, -0.1388888889vw, 0px);
    left: 0;
    transition: width 0.3s ease-out;
  }
  .header__nav .meganav__list a:hover {
    color: var(--blue2);
    font-weight: 700;
  }
  .header__nav .meganav__list a:hover:after {
    width: 100%;
  }
}
.header__nav .meganav__list a br {
  display: none;
}

/* !!------------------------------------ */
/* !! @note TOP */
.top .kv__section {
  width: 100%;
  height: 100vh;
}
@media screen and (max-width: 767px) {
  .top .kv__section {
    height: 100svh;
  }
}
.top .kv__section .inner {
  height: 100%;
  display: flex;
  align-items: flex-end;
  padding-bottom: clamp(0px, 4.8611111111vw, 98px);
}
@media screen and (max-width: 767px) {
  .top .kv__section .inner {
    padding-bottom: clamp(0px, 29.0666666667vw, 152.6px);
  }
}
.top .kv__section .copy__txt {
  font-size: clamp(0px, 9.0277777778vw, 182px);
  line-height: 1.05;
  color: var(--white);
  white-space: nowrap;
}
@media screen and (max-width: 767px) {
  .top .kv__section .copy__txt {
    font-size: clamp(0px, 16vw, 84px);
    white-space: normal;
  }
}
.top .kv__section .scroll__txt {
  display: none;
}
@media screen and (max-width: 767px) {
  .top .kv__section .scroll__txt {
    font-size: clamp(0px, 3.7333333333vw, 19.6px);
    font-weight: 600;
    color: var(--white);
    letter-spacing: 0.1em;
    display: grid;
    align-items: center;
    justify-content: center;
    gap: clamp(0px, 1.0666666667vw, 5.6px);
    position: absolute;
    bottom: clamp(0px, 9.0666666667vw, 47.6px);
    left: 50%;
    transform: translateX(-50%);
  }
  .top .kv__section .scroll__txt:after {
    content: "";
    width: clamp(0px, 2.1333333333vw, 11.2px);
    height: clamp(0px, 8vw, 42px);
    margin: 0 auto;
    background-image: url("../img/index/scroll__arrow.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    animation: scroll-arrow-down 1.2s ease-in-out infinite;
  }
}
@keyframes scroll-arrow-down {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(clamp(0px, 2.1333333333vw, 11.2px));
  }
}
.top .message__section {
  padding-top: clamp(0px, 10.4166666667vw, 210px);
  padding-bottom: clamp(0px, 29.8611111111vw, 602px);
  background-image: url("../img/index/bg__message.webp");
  background-repeat: no-repeat;
  background-size: cover;
}
@media screen and (max-width: 767px) {
  .top .message__section {
    padding-top: clamp(0px, 12.8vw, 67.2px);
    padding-bottom: clamp(0px, 114.1333333333vw, 599.2px);
    background-image: url("../img/index/bg__message--sp.webp");
  }
}
.top .message__section .message__wrap {
  display: grid;
  grid-template-columns: auto auto;
  gap: clamp(0px, 9.0277777778vw, 182px);
}
@media screen and (max-width: 767px) {
  .top .message__section .message__wrap {
    grid-template-columns: 1fr;
    gap: clamp(0px, 10.6666666667vw, 56px);
  }
}
.top .message__section .message__wrap .en__font {
  font-size: clamp(0px, 2.2222222222vw, 44.8px);
  color: var(--blue2);
  margin-bottom: clamp(0px, 2.0833333333vw, 42px);
}
@media screen and (max-width: 767px) {
  .top .message__section .message__wrap .en__font {
    font-size: clamp(0px, 5.3333333333vw, 28px);
    margin-bottom: clamp(0px, 4.2666666667vw, 22.4px);
  }
}
.top .message__section .message__txt {
  font-size: clamp(0px, 2.9166666667vw, 58.8px);
  font-weight: 700;
  line-height: 1.6;
}
@media screen and (max-width: 767px) {
  .top .message__section .message__txt {
    font-size: clamp(0px, 6.9333333333vw, 36.4px);
  }
}
.top .message__section .lead__txt {
  font-size: clamp(0px, 1.25vw, 25.2px);
  line-height: 2;
}
@media screen and (max-width: 767px) {
  .top .message__section .lead__txt {
    font-size: clamp(0px, 3.4666666667vw, 18.2px);
  }
}
.top .company__section {
  padding: clamp(0px, 11.1111111111vw, 224px) 0;
  background-color: var(--gray);
}
@media screen and (max-width: 767px) {
  .top .company__section {
    padding: clamp(0px, 18.6666666667vw, 98px) clamp(0px, 5.3333333333vw, 28px) clamp(0px, 21.3333333333vw, 112px);
  }
}
.top .company__section:after {
  content: "";
  width: clamp(0px, 40.8333333333vw, 823.2px);
  height: clamp(0px, 38.3333333333vw, 772.8px);
  background-image: url("../img/common/decoration1.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  position: absolute;
  bottom: clamp(-268.8px, -13.3333333333vw, 0px);
  left: clamp(-252px, -12.5vw, 0px);
}
@media screen and (max-width: 767px) {
  .top .company__section:after {
    width: clamp(0px, 86.9333333333vw, 456.4px);
    height: clamp(0px, 81.6vw, 428.4px);
    bottom: clamp(-158.2px, -30.1333333333vw, 0px);
    left: clamp(-120.4px, -22.9333333333vw, 0px);
  }
}
.top .company__section .ttl__wrap {
  display: grid;
  grid-template-columns: auto clamp(0px, 28.3333333333vw, 571.2px);
  align-items: center;
  justify-content: space-between;
  margin-bottom: clamp(0px, 3.4722222222vw, 70px);
  padding-right: clamp(0px, 0.8333333333vw, 16.8px);
}
@media screen and (max-width: 767px) {
  .top .company__section .ttl__wrap {
    grid-template-columns: 1fr;
    gap: clamp(0px, 6.4vw, 33.6px);
    margin-bottom: clamp(0px, 9.6vw, 50.4px);
    padding-right: 0;
  }
}
.top .company__section .ttl__wrap .lead__txt {
  position: relative;
  top: clamp(0px, 0.4861111111vw, 9.8px);
}
.top .job__section {
  padding: clamp(0px, 11.1111111111vw, 224px) 0 clamp(0px, 22.7777777778vw, 459.2px);
}
@media screen and (max-width: 767px) {
  .top .job__section {
    padding: clamp(0px, 58.1333333333vw, 305.2px) clamp(0px, 5.3333333333vw, 28px) clamp(0px, 21.3333333333vw, 112px);
  }
}
.top .job__section .job__wrap {
  width: clamp(0px, 34.7222222222vw, 700px);
  margin-right: clamp(0px, 11.8055555556vw, 238px);
  margin-left: auto;
}
@media screen and (max-width: 767px) {
  .top .job__section .job__wrap {
    width: 100%;
    margin-right: 0;
    margin-left: 0;
  }
}
.top .job__section .ttl__h2--group {
  margin-bottom: clamp(0px, 2.5vw, 50.4px);
}
@media screen and (max-width: 767px) {
  .top .job__section .ttl__h2--group {
    margin-bottom: clamp(0px, 6.4vw, 33.6px);
  }
}
.top .job__section .job__list {
  margin-top: clamp(0px, 5.3472222222vw, 107.8px);
  display: grid;
  gap: clamp(0px, 1.3888888889vw, 28px);
}
@media screen and (max-width: 767px) {
  .top .job__section .job__list {
    margin-top: clamp(0px, 5.3333333333vw, 28px);
    gap: 0;
  }
}
.top .job__section .job__list a {
  font-size: clamp(0px, 1.3888888889vw, 28px);
  font-weight: 400;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: clamp(0px, 0.9027777778vw, 18.2px) 0;
  border-bottom: 1px solid rgba(21, 26, 34, 0.4);
}
@media screen and (max-width: 767px) {
  .top .job__section .job__list a {
    font-size: clamp(0px, 4.2666666667vw, 22.4px);
    padding: clamp(0px, 5.3333333333vw, 28px) 0;
    border-width: clamp(0px, 0.2666666667vw, 1.4px);
  }
}
@media screen and (min-width: 768px) {
  .top .job__section .job__list a {
    position: relative;
  }
  .top .job__section .job__list a:after {
    content: "";
    width: 0;
    height: 1px;
    background-color: var(--blue2);
    position: absolute;
    bottom: -1px;
    left: 0;
    transition: width 0.3s ease-out;
  }
  .top .job__section .job__list a .icon__arrow:after {
    transition: background-color 0.3s ease-out, transform 0.3s ease-out;
  }
  .top .job__section .job__list a:hover:after {
    width: 100%;
  }
  .top .job__section .job__list a:hover .icon__arrow:after {
    background-color: var(--blue2);
    transform: scale(1.2);
  }
}
.top .job__section .img__wrap {
  border-radius: clamp(0px, 1.6666666667vw, 33.6px);
  overflow: hidden;
  position: absolute;
}
@media screen and (max-width: 767px) {
  .top .job__section .img__wrap {
    border-radius: clamp(0px, 4.2666666667vw, 22.4px);
  }
}
.top .job__section .img__wrap.__1 {
  width: clamp(0px, 22.7777777778vw, 459.2px);
  top: clamp(-340.2px, -16.875vw, 0px);
  right: clamp(0px, 6.6666666667vw, 134.4px);
}
@media screen and (max-width: 767px) {
  .top .job__section .img__wrap.__1 {
    width: clamp(0px, 35.4666666667vw, 186.2px);
    top: clamp(-103.6px, -19.7333333333vw, 0px);
    right: clamp(0px, 12.8vw, 67.2px);
  }
}
.top .job__section .img__wrap.__2 {
  width: clamp(0px, 35.6944444444vw, 719.6px);
  bottom: clamp(-243.6px, -12.0833333333vw, 0px);
  left: clamp(-121.8px, -6.0416666667vw, 0px);
}
@media screen and (max-width: 767px) {
  .top .job__section .img__wrap.__2 {
    width: clamp(0px, 62.6666666667vw, 329px);
    margin-top: clamp(0px, 23.4666666667vw, 123.2px);
    position: relative;
    bottom: auto;
    left: clamp(-70px, -13.3333333333vw, 0px);
  }
}
.top .job__section .img__wrap.__3 {
  width: clamp(0px, 21.7361111111vw, 438.2px);
  right: clamp(-196px, -9.7222222222vw, 0px);
  bottom: clamp(-98px, -4.8611111111vw, 0px);
}
@media screen and (max-width: 767px) {
  .top .job__section .img__wrap.__3 {
    width: clamp(0px, 38.1333333333vw, 200.2px);
    right: clamp(-70px, -13.3333333333vw, 0px);
    bottom: clamp(0px, 95.4666666667vw, 501.2px);
  }
}
.top .interview__section {
  padding: clamp(0px, 9.3055555556vw, 187.6px) 0 clamp(0px, 10.5555555556vw, 212.8px);
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .top .interview__section {
    padding: clamp(0px, 20.2666666667vw, 106.4px) clamp(0px, 5.3333333333vw, 28px) clamp(0px, 21.3333333333vw, 112px);
  }
}
.top .interview__section:before {
  content: "";
  width: clamp(0px, 63.0555555556vw, 1271.2px);
  height: clamp(0px, 58.4027777778vw, 1177.4px);
  background-image: url("../img/common/decoration2.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  position: absolute;
  top: clamp(-294px, -14.5833333333vw, 0px);
  right: clamp(-551.6px, -27.3611111111vw, 0px);
}
@media screen and (max-width: 767px) {
  .top .interview__section:before {
    width: clamp(0px, 105.0666666667vw, 551.6px);
    height: clamp(0px, 97.3333333333vw, 511px);
    top: clamp(-127.4px, -24.2666666667vw, 0px);
    right: clamp(-239.4px, -45.6vw, 0px);
  }
}
.top .interview__section:after {
  content: "";
  width: 100%;
  height: clamp(0px, 67.3611111111vw, 1358px);
  background-color: var(--blue1);
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
@media screen and (max-width: 767px) {
  .top .interview__section:after {
    height: clamp(0px, 238.6666666667vw, 1253px);
  }
}
.top .interview__section .ttl__wrap {
  color: var(--white);
  display: grid;
  grid-template-columns: auto clamp(0px, 38.1944444444vw, 770px);
  gap: clamp(0px, 3.4722222222vw, 70px);
}
@media screen and (max-width: 767px) {
  .top .interview__section .ttl__wrap {
    grid-template-columns: 1fr;
    gap: clamp(0px, 9.6vw, 50.4px);
  }
  .top .interview__section .ttl__wrap .icon__arrow {
    bottom: clamp(0px, 1.3333333333vw, 7px);
  }
}
.top .interview__section .ttl__wrap .en__font {
  color: var(--white);
}
.top .interview__section .ttl__h2--group {
  margin-bottom: clamp(0px, 2.2222222222vw, 44.8px);
}
@media screen and (max-width: 767px) {
  .top .interview__section .ttl__h2--group {
    margin-bottom: clamp(0px, 6.4vw, 33.6px);
  }
}
.top .interview__section .ttl__wrap--img {
  position: relative;
}
.top .interview__section .ttl__wrap--img .img__wrap {
  border-radius: clamp(0px, 1.6666666667vw, 33.6px);
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .top .interview__section .ttl__wrap--img .img__wrap {
    border-radius: clamp(0px, 4.2666666667vw, 22.4px);
  }
}
.top .interview__section .ttl__wrap--img .txt__wrap {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: clamp(0px, 2.2222222222vw, 44.8px);
  position: absolute;
  bottom: 0;
  left: 0;
}
@media screen and (max-width: 767px) {
  .top .interview__section .ttl__wrap--img .txt__wrap {
    align-items: flex-end;
    padding: clamp(0px, 5.3333333333vw, 28px) clamp(0px, 4vw, 21px);
  }
}
.top .interview__section .ttl__wrap--img .interview__ttl {
  font-size: clamp(0px, 1.6666666667vw, 33.6px);
  font-weight: 700;
  line-height: 1.5;
}
@media screen and (max-width: 767px) {
  .top .interview__section .ttl__wrap--img .interview__ttl {
    font-size: clamp(0px, 4.2666666667vw, 22.4px);
  }
}
@media screen and (min-width: 768px) {
  .top .interview__section .ttl__wrap--img img {
    transition: transform 0.3s ease-out;
  }
  .top .interview__section .ttl__wrap--img .icon__arrow:after {
    transition: transform 0.3s ease-out;
  }
  .top .interview__section .ttl__wrap--img:hover img {
    transform: scale(1.05);
  }
  .top .interview__section .ttl__wrap--img:hover .icon__arrow:after {
    transform: scale(1.2);
  }
}
.top .interview__section .interview__list {
  display: grid;
  align-items: flex-start;
  grid-template-columns: repeat(2, clamp(0px, 25.5555555556vw, 515.2px));
  gap: clamp(0px, 7.8472222222vw, 158.2px);
  margin: clamp(0px, 5.7638888889vw, 116.2px) 0 0 clamp(0px, 9.5138888889vw, 191.8px);
  counter-reset: number 0;
}
@media screen and (max-width: 767px) {
  .top .interview__section .interview__list {
    width: calc(100% - clamp(0px, 8.2666666667vw, 43.4px));
    grid-template-columns: 1fr;
    gap: clamp(0px, 10.6666666667vw, 56px);
    margin: clamp(0px, 20vw, 105px) 0 0 0;
    gap: clamp(0px, 19.7333333333vw, 103.6px);
  }
}
.top .interview__section .interview__list--item {
  margin-top: clamp(0px, 5.1388888889vw, 103.6px);
  position: relative;
}
@media screen and (max-width: 767px) {
  .top .interview__section .interview__list--item {
    margin-top: 0;
  }
}
@media screen and (min-width: 768px) {
  .top .interview__section .interview__list--item {
    cursor: pointer;
  }
  .top .interview__section .interview__list--item img {
    transition: transform 0.3s ease-out;
  }
  .top .interview__section .interview__list--item:hover img {
    transform: scale(1.05);
  }
}
.top .interview__section .interview__list--item:first-child {
  margin-top: 0;
}
.top .interview__section .interview__list--item:before {
  content: "0" counter(number);
  counter-increment: number 1;
  font-size: clamp(0px, 6.9444444444vw, 140px);
  font-family: "Inter", sans-serif;
  font-weight: 700;
  color: var(--blue2);
  pointer-events: none;
  position: absolute;
  top: clamp(-70px, -3.4722222222vw, 0px);
  left: clamp(-11.2px, -0.5555555556vw, 0px);
  z-index: 1;
}
@media screen and (max-width: 767px) {
  .top .interview__section .interview__list--item:before {
    font-size: clamp(0px, 19.4666666667vw, 102.2px);
    top: clamp(-50.4px, -9.6vw, 0px);
    left: clamp(-5.6px, -1.0666666667vw, 0px);
  }
}
.top .interview__section .interview__list--item:after {
  content: "Interview Video";
  font-size: clamp(0px, 1.3888888889vw, 28px);
  font-family: "Inter", sans-serif;
  font-weight: 600;
  color: var(--white);
  writing-mode: vertical-rl;
  position: absolute;
  top: 0;
  right: clamp(-53.2px, -2.6388888889vw, 0px);
}
@media screen and (max-width: 767px) {
  .top .interview__section .interview__list--item:after {
    font-size: clamp(0px, 4.2666666667vw, 22.4px);
    top: clamp(0px, 0.8vw, 4.2px);
    right: clamp(-43.4px, -8.2666666667vw, 0px);
  }
}
.top .interview__section .interview__list--item a {
  width: 100%;
  height: 100%;
  display: block;
  pointer-events: none;
}
@media screen and (min-width: 768px) {
  .top .interview__section .interview__list--item a img {
    transition: transform 0.3s ease-out;
  }
  .top .interview__section .interview__list--item a:hover img {
    transform: scale(1.05);
  }
}
.top .interview__section .interview__list--item .img__wrap {
  margin-bottom: clamp(0px, 2.0833333333vw, 42px);
  border-radius: clamp(0px, 1.6666666667vw, 33.6px);
  overflow: hidden;
  position: relative;
}
@media screen and (max-width: 767px) {
  .top .interview__section .interview__list--item .img__wrap {
    margin-bottom: clamp(0px, 6.9333333333vw, 36.4px);
    border-radius: clamp(0px, 4.2666666667vw, 22.4px);
  }
}
.top .interview__section .interview__list--item .img__wrap:before {
  content: "";
  width: clamp(0px, 5.6944444444vw, 114.8px);
  height: clamp(0px, 5.6944444444vw, 114.8px);
  background-image: url("../img/company/icon__play2.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
}
@media screen and (max-width: 767px) {
  .top .interview__section .interview__list--item .img__wrap:before {
    width: clamp(0px, 18.1333333333vw, 95.2px);
    height: clamp(0px, 18.1333333333vw, 95.2px);
  }
}
.top .interview__section .interview__list--item .interview__name {
  font-size: clamp(0px, 1.6666666667vw, 33.6px);
  font-weight: 700;
  color: var(--blue2);
  margin-bottom: clamp(0px, 0.6944444444vw, 14px);
}
@media screen and (max-width: 767px) {
  .top .interview__section .interview__list--item .interview__name {
    font-size: clamp(0px, 4.8vw, 25.2px);
    margin-bottom: clamp(0px, 2.6666666667vw, 14px);
  }
}
.top .interview__section .interview__list--item .potion__txt {
  font-size: clamp(0px, 0.9722222222vw, 19.6px);
  color: var(--black);
  display: flex;
  align-items: center;
  gap: 1em;
  margin-bottom: clamp(0px, 1.3888888889vw, 28px);
}
@media screen and (max-width: 767px) {
  .top .interview__section .interview__list--item .potion__txt {
    font-size: clamp(0px, 3.2vw, 16.8px);
    margin-bottom: clamp(0px, 4.8vw, 25.2px);
  }
}
.top .interview__section .interview__list--item .potion__txt strong {
  font-weight: 700;
}
.top .interview__section .interview__list--item .copy__txt {
  font-size: clamp(0px, 1.3888888889vw, 28px);
  line-height: 1.8;
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  .top .interview__section .interview__list--item .copy__txt {
    font-size: clamp(0px, 4.8vw, 25.2px);
  }
}

.company__list {
  display: grid;
  counter-reset: number 0;
  position: relative;
  z-index: 1;
}

.company__list--item {
  position: relative;
  padding-top: clamp(0px, 2.0833333333vw, 42px);
  transition: transform 0.3s ease-out;
  transform-origin: center top;
  z-index: 5;
}
@media screen and (max-width: 767px) {
  .company__list--item {
    padding-top: clamp(0px, 4.2666666667vw, 22.4px);
  }
}
.company__list--item:before {
  content: "";
  width: 100%;
  height: calc(100% - clamp(0px, 2.0833333333vw, 42px));
  position: absolute;
  top: clamp(0px, 2.0833333333vw, 42px);
  border-radius: clamp(0px, 1.6666666667vw, 33.6px);
  pointer-events: none;
  z-index: 2;
  transition: background-color 0.3s ease-out;
}
@media screen and (max-width: 767px) {
  .company__list--item:before {
    height: calc(100% - clamp(0px, 4.2666666667vw, 22.4px));
    border-radius: clamp(0px, 3.7333333333vw, 19.6px);
    top: clamp(0px, 4.2666666667vw, 22.4px);
  }
}
.company__list--item .board__wrap {
  display: grid;
  grid-template-columns: clamp(0px, 34.7222222222vw, 700px) clamp(0px, 30.5555555556vw, 616px);
  gap: clamp(0px, 5vw, 100.8px);
  justify-content: space-between;
  padding: clamp(0px, 4.8611111111vw, 98px);
  background-color: var(--white);
  border-radius: clamp(0px, 1.6666666667vw, 33.6px);
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 767px) {
  .company__list--item .board__wrap {
    grid-template-columns: 1fr;
    gap: clamp(0px, 5.3333333333vw, 28px);
    padding: clamp(0px, 13.3333333333vw, 70px) clamp(0px, 6.4vw, 33.6px) clamp(0px, 7.4666666667vw, 39.2px);
    border-radius: clamp(0px, 3.7333333333vw, 19.6px);
  }
}
.company__list--item .category__ttl {
  font-size: clamp(0px, 1.3888888889vw, 28px);
  font-weight: 700;
  margin-bottom: clamp(0px, 2.7777777778vw, 56px);
  padding-bottom: clamp(0px, 1.3888888889vw, 28px);
  border-bottom: clamp(0px, 0.0694444444vw, 1.4px) solid #090F18;
}
@media screen and (max-width: 767px) {
  .company__list--item .category__ttl {
    font-size: clamp(0px, 3.7333333333vw, 19.6px);
    margin-bottom: clamp(0px, 5.3333333333vw, 28px);
    padding-bottom: clamp(0px, 2.6666666667vw, 14px);
    border-width: clamp(0px, 0.2666666667vw, 1.4px);
  }
}
.company__list--item .category__ttl:after {
  content: ".0" counter(number);
  counter-increment: number 1;
  font-size: clamp(0px, 1.3888888889vw, 28px);
  color: var(--blue2);
}
@media screen and (max-width: 767px) {
  .company__list--item .category__ttl:after {
    font-size: clamp(0px, 3.7333333333vw, 19.6px);
  }
}
.company__list--item .ttl__h3 {
  font-size: clamp(0px, 2.2222222222vw, 44.8px);
  line-height: 1.6;
  font-weight: 700;
  margin-bottom: clamp(0px, 1.1111111111vw, 22.4px);
}
@media screen and (max-width: 767px) {
  .company__list--item .ttl__h3 {
    font-size: clamp(0px, 4.2666666667vw, 22.4px);
    margin-bottom: clamp(0px, 2.6666666667vw, 14px);
  }
}
.company__list--item .lead__txt {
  margin-bottom: clamp(0px, 2.7777777778vw, 56px);
}
@media screen and (max-width: 767px) {
  .company__list--item .lead__txt {
    margin-bottom: clamp(0px, 5.3333333333vw, 28px);
  }
}
.company__list--item .link__txt {
  font-size: clamp(0px, 1.1111111111vw, 22.4px);
  font-weight: 500;
  display: inline-flex;
  align-items: center;
  gap: clamp(0px, 0.6944444444vw, 14px);
  position: relative;
}
@media screen and (max-width: 767px) {
  .company__list--item .link__txt {
    width: -moz-fit-content;
    width: fit-content;
    font-size: clamp(0px, 3.7333333333vw, 19.6px);
    display: flex;
    gap: clamp(0px, 2.6666666667vw, 14px);
    margin-left: auto;
  }
}
@media screen and (min-width: 768px) {
  .company__list--item .link__txt:after {
    content: "";
    width: 0;
    height: 1px;
    background-color: var(--black);
    position: absolute;
    bottom: clamp(-5.6px, -0.2777777778vw, 0px);
    left: 0;
    transition: width 0.3s ease-out;
  }
  .company__list--item .link__txt .icon__arrow:after {
    transition: background-color 0.3s ease-out, 0.3s ease-out;
  }
  .company__list--item .link__txt:hover:after {
    width: calc(100% - clamp(0px, 3.1944444444vw, 64.4px));
  }
  .company__list--item .link__txt:hover .icon__arrow:after {
    background-color: var(--blue2);
    transform: scale(1.2);
  }
}
.company__list--item .board__wrap--img {
  border-radius: clamp(0px, 1.1111111111vw, 22.4px);
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .company__list--item .board__wrap--img {
    border-radius: clamp(0px, 2.6666666667vw, 14px);
  }
}

.slide__txt {
  position: absolute;
  bottom: clamp(-58.8px, -2.9166666667vw, 0px);
  left: 0;
}
@media screen and (max-width: 767px) {
  .slide__txt {
    bottom: clamp(-26.6px, -5.0666666667vw, 0px);
  }
}
.slide__txt .en__font {
  font-size: clamp(0px, 20.8333333333vw, 420px);
  color: var(--gray);
  margin-bottom: 0;
  white-space: nowrap;
}
@media screen and (max-width: 767px) {
  .slide__txt .en__font {
    font-size: clamp(0px, 34.6666666667vw, 182px);
  }
}

.environment__section {
  background-color: #EAEDF2;
  padding: clamp(0px, 11.1111111111vw, 224px) 0;
}
@media screen and (max-width: 767px) {
  .environment__section {
    padding: clamp(0px, 21.3333333333vw, 112px) clamp(0px, 5.3333333333vw, 28px);
  }
}
.environment__section .ttl__h2--group {
  margin-bottom: clamp(0px, 2.0833333333vw, 42px);
}
@media screen and (max-width: 767px) {
  .environment__section .ttl__h2--group {
    margin-bottom: clamp(0px, 6.4vw, 33.6px);
  }
}
.environment__section .environment__list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: clamp(0px, 1.6666666667vw, 33.6px);
  margin-top: clamp(0px, 2.7777777778vw, 56px);
  margin-bottom: clamp(0px, 11.1111111111vw, 224px);
}
@media screen and (max-width: 767px) {
  .environment__section .environment__list {
    grid-template-columns: 1fr;
    gap: 0;
    margin-top: clamp(0px, 4.2666666667vw, 22.4px);
    margin-bottom: clamp(0px, 21.3333333333vw, 112px);
  }
}
.environment__section .environment__list a {
  font-size: clamp(0px, 1.3888888889vw, 28px);
  font-weight: 500;
  display: grid;
  grid-template-columns: clamp(0px, 13.1944444444vw, 266px) auto clamp(0px, 2.5vw, 50.4px);
  align-items: center;
  gap: clamp(0px, 1.8055555556vw, 36.4px);
  padding: clamp(0px, 2.0833333333vw, 42px) clamp(0px, 2.5vw, 50.4px) clamp(0px, 2.0833333333vw, 42px) 0;
  border-bottom: 1px solid rgba(170, 174, 182, 0.4);
}
@media screen and (max-width: 767px) {
  .environment__section .environment__list a {
    font-size: clamp(0px, 4.2666666667vw, 22.4px);
    grid-template-columns: clamp(0px, 28.8vw, 151.2px) auto clamp(0px, 9.6vw, 50.4px);
    gap: clamp(0px, 2.6666666667vw, 14px);
    padding: clamp(0px, 5.3333333333vw, 28px) 0;
    white-space: nowrap;
  }
}
.environment__section .environment__list a .img__wrap {
  border-radius: clamp(0px, 0.6944444444vw, 14px);
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .environment__section .environment__list a .img__wrap {
    border-radius: clamp(0px, 1.6vw, 8.4px);
  }
}
@media screen and (min-width: 768px) {
  .environment__section .environment__list a {
    position: relative;
  }
  .environment__section .environment__list a:after {
    content: "";
    width: 0;
    height: 1px;
    background-color: var(--blue2);
    position: absolute;
    bottom: -1px;
    left: 0;
    transition: width 0.3s ease-out;
  }
  .environment__section .environment__list a img {
    transition: transform 0.3s ease-out;
  }
  .environment__section .environment__list a .icon__arrow:after {
    transition: background-clor 0.3s ease-out, transform 0.3s ease-out;
  }
  .environment__section .environment__list a:hover:after {
    width: 100%;
  }
  .environment__section .environment__list a:hover img {
    transform: scale(1.05);
  }
  .environment__section .environment__list a:hover .icon__arrow:after {
    background-color: var(--blue2);
    transform: scale(1.2);
  }
}
.environment__section .recruit__wrap {
  color: var(--white);
  display: grid;
  align-items: center;
  grid-template-columns: clamp(0px, 30.5555555556vw, 616px) clamp(0px, 29.4444444444vw, 593.6px);
  justify-content: space-between;
  padding: clamp(0px, 6.9444444444vw, 140px);
  background-color: var(--black);
  border-radius: clamp(0px, 1.6666666667vw, 33.6px);
}
@media screen and (max-width: 767px) {
  .environment__section .recruit__wrap {
    grid-template-columns: 1fr;
    gap: clamp(0px, 9.6vw, 50.4px);
    padding: clamp(0px, 14.6666666667vw, 77px) clamp(0px, 5.3333333333vw, 28px) clamp(0px, 13.8666666667vw, 72.8px);
    border-radius: clamp(0px, 4.2666666667vw, 22.4px);
  }
}
@media screen and (max-width: 767px) {
  .environment__section .recruit__wrap .ttl__h2--group {
    text-align: center;
  }
}
.environment__section .recruit__wrap .ttl__h2--group .en__font {
  color: var(--white);
}
.environment__section .recruit__wrap .ttl__h2--group .ttl__h2 {
  margin-top: clamp(0px, 0.9722222222vw, 19.6px);
}
@media screen and (max-width: 767px) {
  .environment__section .recruit__wrap .ttl__h2--group .ttl__h2 {
    margin-top: clamp(0px, 2.6666666667vw, 14px);
  }
}
.environment__section .recruit__wrap .recruit__list--item:first-child a {
  border-top: clamp(0px, 0.0694444444vw, 1.4px) solid rgba(255, 255, 255, 0.3);
}
@media screen and (max-width: 767px) {
  .environment__section .recruit__wrap .recruit__list--item:first-child a {
    border-width: clamp(0px, 0.2666666667vw, 1.4px);
  }
}
.environment__section .recruit__wrap .recruit__list a {
  font-size: clamp(0px, 1.3888888889vw, 28px);
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: clamp(0px, 1.3888888889vw, 28px) 0;
  border-bottom: clamp(0px, 0.0694444444vw, 1.4px) solid rgba(255, 255, 255, 0.3);
}
@media screen and (max-width: 767px) {
  .environment__section .recruit__wrap .recruit__list a {
    font-size: clamp(0px, 4.2666666667vw, 22.4px);
    padding: clamp(0px, 5.3333333333vw, 28px) 0;
    border-width: clamp(0px, 0.2666666667vw, 1.4px);
  }
}
@media screen and (min-width: 768px) {
  .environment__section .recruit__wrap .recruit__list a .icon__arrow:after {
    transition: transform 0.3s ease-out;
  }
  .environment__section .recruit__wrap .recruit__list a:hover .icon__arrow:after {
    transform: scale(1.2);
  }
}
.environment__section .recruit__wrap .recruit__list .icon__arrow:before {
  background-image: url("../img/common/icon__arrow--black.svg");
}
.environment__section .recruit__wrap .recruit__list .icon__arrow:after {
  background-color: var(--white);
}
.environment__section .recruit__wrap .btn__entry {
  width: 100%;
  height: clamp(0px, 9.1666666667vw, 184.8px);
  font-size: clamp(0px, 3.3333333333vw, 67.2px);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: clamp(0px, 3.125vw, 63px);
  gap: clamp(0px, 2.0833333333vw, 42px);
  color: var(--white);
  background: var(--blue2);
  border-radius: clamp(0px, 1.3888888889vw, 28px);
}
@media screen and (max-width: 767px) {
  .environment__section .recruit__wrap .btn__entry {
    height: clamp(0px, 22.1333333333vw, 116.2px);
    font-size: clamp(0px, 8.5333333333vw, 44.8px);
    margin-top: clamp(0px, 8vw, 42px);
    gap: clamp(0px, 4.2666666667vw, 22.4px);
    border-radius: clamp(0px, 2.6666666667vw, 14px);
  }
}
@media screen and (min-width: 768px) {
  .environment__section .recruit__wrap .btn__entry {
    transition: color 0.3s ease-out, background-color 0.3s ease-out;
  }
  .environment__section .recruit__wrap .btn__entry .icon__arrow:after {
    transition: background-color 0.3s ease-out, transform 0.3s ease-out;
  }
  .environment__section .recruit__wrap .btn__entry:hover {
    color: var(--blue2);
    background-color: var(--white);
  }
  .environment__section .recruit__wrap .btn__entry:hover .icon__arrow:after {
    background-color: var(--blue2);
    transform: scale(1.2);
  }
}
.environment__section .recruit__wrap .btn__entry .entry__wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: clamp(0px, 2.0833333333vw, 42px);
}
@media screen and (max-width: 767px) {
  .environment__section .recruit__wrap .btn__entry .entry__wrap {
    gap: clamp(0px, 4.2666666667vw, 22.4px);
    position: relative;
    right: clamp(-9.8px, -1.8666666667vw, 0px);
  }
}

/* !!------------------------------------ */
/* !! @note PAGE */
.page .side__nav._1line {
  padding-top: clamp(0px, 11.3194444444vw, 228.2px);
}
.page .kv__section {
  height: clamp(0px, 37.9861111111vw, 765.8px);
}
@media screen and (max-width: 767px) {
  .page .kv__section {
    height: clamp(0px, 97.6vw, 512.4px);
    padding-bottom: clamp(0px, 15.4666666667vw, 81.2px);
  }
}
.page .kv__section .inner {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media screen and (max-width: 767px) {
  .page .kv__section .inner {
    justify-content: flex-end;
  }
}
.page .kv__section .img__wrap {
  margin: 0;
  border-radius: 0;
  position: absolute;
  top: 0;
  left: 0;
}
.page .kv__section .ttl__h2--group {
  color: var(--white);
  position: relative;
  z-index: 1;
  top: clamp(0px, 2.5vw, 50.4px);
}
@media screen and (max-width: 767px) {
  .page .kv__section .ttl__h2--group {
    top: auto;
  }
}
.page .kv__section .ttl__h2--group .en__font {
  color: var(--white);
}
@media screen and (max-width: 767px) {
  .page .kv__section .ttl__h2--group .en__font {
    font-size: clamp(0px, 13.8666666667vw, 72.8px);
    position: relative;
    left: clamp(-5.6px, -1.0666666667vw, 0px);
  }
}
.page .kv__section .ttl__h2--group .ttl__h2 {
  font-size: clamp(0px, 1.6666666667vw, 33.6px);
  margin-top: clamp(0px, 1.8055555556vw, 36.4px);
  display: flex;
  align-items: center;
  gap: clamp(0px, 0.8333333333vw, 16.8px);
  position: relative;
}
@media screen and (max-width: 767px) {
  .page .kv__section .ttl__h2--group .ttl__h2 {
    font-size: clamp(0px, 4.2666666667vw, 22.4px);
    margin-top: clamp(0px, 1.6vw, 8.4px);
    gap: clamp(0px, 1.6vw, 8.4px);
  }
}
.page .kv__section .ttl__h2--group .ttl__h2:before {
  content: "";
  width: clamp(0px, 2.4305555556vw, 49px);
  height: clamp(0px, 2.2222222222vw, 44.8px);
  background-image: url("../img/common/logotype.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
}
@media screen and (max-width: 767px) {
  .page .kv__section .ttl__h2--group .ttl__h2:before {
    width: clamp(0px, 4.2666666667vw, 22.4px);
    height: clamp(0px, 4vw, 21px);
  }
}
.page .ttl__h2--group .ttl__h2 {
  margin-top: 0;
}
.page .content__section {
  padding: clamp(0px, 11.1111111111vw, 224px) 0;
}
@media screen and (max-width: 767px) {
  .page .content__section {
    padding: clamp(0px, 21.3333333333vw, 112px) clamp(0px, 5.3333333333vw, 28px);
  }
  .page .content__section .main__content > section {
    padding-right: 0;
    padding-left: 0;
  }
}
.page .content__wrap {
  height: 100%;
  display: grid;
  grid-template-columns: clamp(0px, 16.9444444444vw, 341.6px) clamp(0px, 66.3888888889vw, 1338.4px);
  justify-content: space-between;
  gap: clamp(0px, 3.3333333333vw, 67.2px);
  margin-left: clamp(-134.4px, -6.6666666667vw, 0px);
}
@media screen and (max-width: 767px) {
  .page .content__wrap {
    grid-template-columns: 1fr;
    gap: 0;
    margin-left: 0;
  }
}
@media screen and (max-width: 767px) {
  .page .aside {
    display: none;
  }
}
.page .side__nav {
  padding-top: clamp(0px, 18.4722222222vw, 372.4px);
}
.page .side__nav .nav__ttl {
  font-size: clamp(0px, 1.6666666667vw, 33.6px);
  color: var(--blue2);
  padding-bottom: clamp(0px, 1.4583333333vw, 29.4px);
  margin-bottom: clamp(0px, 1.6666666667vw, 33.6px);
  border-bottom: clamp(0px, 0.0694444444vw, 1.4px) solid #AAAEB6;
}
.page .side__nav .nav__list {
  display: grid;
  gap: clamp(0px, 1.6666666667vw, 33.6px);
}
.page .side__nav .nav__list a {
  font-size: clamp(0px, 1.1111111111vw, 22.4px);
  font-weight: 400;
  display: inline-flex;
  align-items: center;
}
.page .side__nav .nav__list a:before {
  content: "・";
  color: var(--blue2);
  padding: 0 0.5em;
}
.page .side__nav .nav__list .is__current {
  font-weight: 700;
}
.page .content__section .ttl__h2--group {
  margin-bottom: clamp(0px, 5.5555555556vw, 112px);
  padding-bottom: clamp(0px, 4.1666666667vw, 84px);
  border-bottom: clamp(0px, 0.0694444444vw, 1.4px) solid #AAAEB6;
}
@media screen and (max-width: 767px) {
  .page .content__section .ttl__h2--group {
    padding-bottom: clamp(0px, 8vw, 42px);
    margin-bottom: clamp(0px, 10.6666666667vw, 56px);
  }
}
.page .content__section .ttl__h2--group .en__font {
  font-size: clamp(0px, 6.25vw, 126px);
  line-height: 1.15;
  font-weight: 800;
}
@media screen and (max-width: 767px) {
  .page .content__section .ttl__h2--group .en__font {
    font-size: clamp(0px, 13.3333333333vw, 70px);
  }
}
.page .content__section .ttl__h2--group .ttl__h2 {
  font-size: clamp(0px, 1.6666666667vw, 33.6px);
  margin-top: clamp(0px, 1.4583333333vw, 29.4px);
}
@media screen and (max-width: 767px) {
  .page .content__section .ttl__h2--group .ttl__h2 {
    font-size: clamp(0px, 4.2666666667vw, 22.4px);
    margin-top: clamp(0px, 2.9333333333vw, 15.4px);
  }
}
.page .content__section .ttl__h3--group {
  margin-bottom: clamp(0px, 3.6111111111vw, 72.8px);
}
@media screen and (max-width: 767px) {
  .page .content__section .ttl__h3--group {
    margin-bottom: clamp(0px, 8vw, 42px);
  }
}
.page .content__section .ttl__h3--group .ttl__h3 {
  font-size: clamp(0px, 1.25vw, 25.2px);
  font-weight: 700;
  display: flex;
  align-items: center;
  gap: clamp(0px, 0.4166666667vw, 8.4px);
  margin-bottom: clamp(0px, 1.1805555556vw, 23.8px);
}
@media screen and (max-width: 767px) {
  .page .content__section .ttl__h3--group .ttl__h3 {
    font-size: clamp(0px, 3.7333333333vw, 19.6px);
    gap: clamp(0px, 0.8vw, 4.2px);
    margin-bottom: clamp(0px, 1.8666666667vw, 9.8px);
  }
}
.page .content__section .ttl__h3--group .ttl__h3:before {
  content: "";
  width: clamp(0px, 0.6944444444vw, 14px);
  height: clamp(0px, 0.6944444444vw, 14px);
  background-image: url("../img/common/icon__polygon.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  position: relative;
  top: clamp(0px, 0.1388888889vw, 2.8px);
}
@media screen and (max-width: 767px) {
  .page .content__section .ttl__h3--group .ttl__h3:before {
    width: clamp(0px, 2.1333333333vw, 11.2px);
    height: clamp(0px, 2.1333333333vw, 11.2px);
    top: auto;
  }
}
.page .content__section .ttl__h3--group .en__font {
  font-size: clamp(0px, 3.8888888889vw, 78.4px);
}
@media screen and (max-width: 767px) {
  .page .content__section .ttl__h3--group .en__font {
    font-size: clamp(0px, 8vw, 42px);
  }
}

.page-company .content__section:before, .page-job .content__section:before, .page-environment .content__section:before {
  content: "";
  width: clamp(0px, 33.9583333333vw, 684.6px);
  height: clamp(0px, 40.1388888889vw, 809.2px);
  background-image: url("../img/common/decoration3.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  position: absolute;
  top: clamp(-350px, -17.3611111111vw, 0px);
  right: clamp(-270.2px, -13.4027777778vw, 0px);
  z-index: -1;
}
@media screen and (max-width: 767px) {
  .page-company .content__section:before, .page-job .content__section:before, .page-environment .content__section:before {
    width: clamp(0px, 49.3333333333vw, 259px);
    height: clamp(0px, 58.4vw, 306.6px);
    top: clamp(-144.2px, -27.4666666667vw, 0px);
    right: clamp(-109.2px, -20.8vw, 0px);
  }
}

/* !!------------------------------------ */
/* !! @note 業界と会社を知る */
.page .message__section {
  padding-bottom: clamp(0px, 10.4166666667vw, 210px);
}
@media screen and (max-width: 767px) {
  .page .message__section {
    padding-bottom: clamp(0px, 21.3333333333vw, 112px);
  }
}
.page .message__section .message__wrap {
  display: grid;
  grid-template-columns: clamp(0px, 26.6666666667vw, 537.6px) clamp(0px, 34.7222222222vw, 700px);
  justify-content: space-between;
}
@media screen and (max-width: 767px) {
  .page .message__section .message__wrap {
    grid-template-columns: 1fr;
    gap: clamp(0px, 10.6666666667vw, 56px);
  }
}
.page .message__section .message__wrap--img {
  padding-top: clamp(0px, 0.9027777778vw, 18.2px);
}
@media screen and (max-width: 767px) {
  .page .message__section .message__wrap--img {
    padding-top: 0;
  }
}
.page .message__section .message__wrap--img img {
  border-radius: clamp(0px, 1.6666666667vw, 33.6px);
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .page .message__section .message__wrap--img img {
    border-radius: clamp(0px, 4.2666666667vw, 22.4px);
  }
}
.page .message__section figcaption {
  font-size: clamp(0px, 2.2222222222vw, 44.8px);
  font-weight: 700;
  margin-top: clamp(0px, 1.6666666667vw, 33.6px);
}
@media screen and (max-width: 767px) {
  .page .message__section figcaption {
    font-size: clamp(0px, 5.3333333333vw, 28px);
    margin-top: clamp(0px, 5.3333333333vw, 28px);
  }
}
.page .message__section figcaption .sub__caption {
  font-size: clamp(0px, 1.1111111111vw, 22.4px);
  font-weight: 400;
  line-height: 1.8;
  display: block;
  margin-bottom: clamp(0px, 0.625vw, 12.6px);
}
@media screen and (max-width: 767px) {
  .page .message__section figcaption .sub__caption {
    font-size: clamp(0px, 3.4666666667vw, 18.2px);
    line-height: 1.8;
    margin-bottom: clamp(0px, 1.6vw, 8.4px);
  }
}
.page .message__section .ttl__h4 {
  font-size: clamp(0px, 2.7777777778vw, 56px);
  line-height: 1.6;
  font-weight: 700;
  margin-bottom: clamp(0px, 1.5972222222vw, 32.2px);
}
@media screen and (max-width: 767px) {
  .page .message__section .ttl__h4 {
    font-size: clamp(0px, 6.4vw, 33.6px);
    margin-bottom: clamp(0px, 2.9333333333vw, 15.4px);
  }
}
.page .message__section .lead__txt + .lead__txt {
  margin-top: 1.5em;
}
.page .profile__section {
  padding-bottom: clamp(0px, 10.4166666667vw, 210px);
}
@media screen and (max-width: 767px) {
  .page .profile__section {
    padding-bottom: clamp(0px, 21.3333333333vw, 112px);
  }
}
.page .profile__section .profile__list {
  padding: clamp(0px, 5.5555555556vw, 112px) clamp(0px, 5.5555555556vw, 112px) clamp(0px, 6.6666666667vw, 134.4px);
  background-color: #EAEDF2;
  border-radius: clamp(0px, 1.6666666667vw, 33.6px);
}
@media screen and (max-width: 767px) {
  .page .profile__section .profile__list {
    padding: clamp(0px, 9.0666666667vw, 47.6px) clamp(0px, 6.4vw, 33.6px) clamp(0px, 12vw, 63px);
    border-radius: clamp(0px, 6.4vw, 33.6px);
  }
}
.page .profile__section .profile__list--item {
  display: grid;
  grid-template-columns: clamp(0px, 6.1111111111vw, 123.2px) auto;
  padding: clamp(0px, 2.0833333333vw, 42px) 0;
}
@media screen and (max-width: 767px) {
  .page .profile__section .profile__list--item {
    grid-template-columns: clamp(0px, 17.3333333333vw, 91px) auto;
    padding: clamp(0px, 5.3333333333vw, 28px) 0;
  }
}
.page .profile__section .profile__list--item:first-child {
  padding-top: 0;
}
.page .profile__section .profile__list p {
  font-size: clamp(0px, 1.1111111111vw, 22.4px);
  line-height: 1.8;
  position: relative;
}
@media screen and (max-width: 767px) {
  .page .profile__section .profile__list p {
    font-size: clamp(0px, 3.4666666667vw, 18.2px);
    line-height: 1.6;
  }
}
.page .profile__section .profile__list p:after {
  content: "";
  width: 100%;
  height: 1px;
  background-color: #BAC2CF;
  position: absolute;
  bottom: clamp(-42px, -2.0833333333vw, 0px);
  left: 0;
}
@media screen and (max-width: 767px) {
  .page .profile__section .profile__list p:after {
    bottom: clamp(-28px, -5.3333333333vw, 0px);
  }
}
.page .profile__section .profile__list p.profile__ttl:after {
  background-color: var(--blue2);
}
.page .profile__section .profile__ttl {
  font-weight: 700;
}
.page .profile__section .profile__ttl:after {
  background-color: var(--blue2);
}
.page .profile__section .profile__txt {
  padding-left: clamp(0px, 4.1666666667vw, 84px);
}
@media screen and (max-width: 767px) {
  .page .profile__section .profile__txt {
    padding-left: clamp(0px, 8.5333333333vw, 44.8px);
  }
}
.page .profile__section a {
  text-decoration: underline;
}
.page .areas__section .areas__wrap {
  display: grid;
  grid-template-columns: clamp(0px, 35.2083333333vw, 709.8px) clamp(0px, 27.0138888889vw, 544.6px);
  align-items: flex-end;
  justify-content: space-between;
}
@media screen and (max-width: 767px) {
  .page .areas__section .areas__wrap {
    grid-template-columns: 1fr;
    gap: clamp(0px, 8vw, 42px);
  }
}
.page .areas__section .ttl__h4 {
  font-size: clamp(0px, 2.5vw, 50.4px);
  line-height: 1.6;
  font-weight: 700;
  margin-bottom: clamp(0px, 1.875vw, 37.8px);
  white-space: nowrap;
}
@media screen and (max-width: 767px) {
  .page .areas__section .ttl__h4 {
    font-size: clamp(0px, 5.8666666667vw, 30.8px);
    margin-bottom: clamp(0px, 3.2vw, 16.8px);
  }
}
@media screen and (max-width: 767px) {
  .page .areas__section .company__wrap--img {
    width: clamp(0px, 77.8666666667vw, 408.8px);
    margin: 0 auto;
  }
}

/* !!------------------------------------ */
/* !! @note 事業の可能性と強み */
.page .potential__section {
  padding-bottom: clamp(0px, 10.4166666667vw, 210px);
}
@media screen and (max-width: 767px) {
  .page .potential__section {
    padding-bottom: clamp(0px, 21.3333333333vw, 112px);
  }
}
.page .potential__section .ttl__h4 {
  font-size: clamp(0px, 1.9444444444vw, 39.2px);
  font-weight: 700;
  line-height: 1.6;
  margin-bottom: clamp(0px, 2.7777777778vw, 56px);
}
@media screen and (max-width: 767px) {
  .page .potential__section .ttl__h4 {
    font-size: clamp(0px, 4.2666666667vw, 22.4px);
    margin-bottom: clamp(0px, 5.3333333333vw, 28px);
  }
}
.page .potential__section .potential__list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: clamp(0px, 1.1111111111vw, 22.4px);
  counter-reset: number 0;
}
@media screen and (max-width: 767px) {
  .page .potential__section .potential__list {
    grid-template-columns: 1fr;
    gap: clamp(0px, 3.2vw, 16.8px);
  }
}
.page .potential__section .potential__list--item {
  background-color: #EAEDF2;
  padding: clamp(0px, 3.1944444444vw, 64.4px) clamp(0px, 2.5vw, 50.4px) clamp(0px, 2.7777777778vw, 56px);
  border-radius: clamp(0px, 0.8333333333vw, 16.8px);
  position: relative;
}
@media screen and (max-width: 767px) {
  .page .potential__section .potential__list--item {
    padding: clamp(0px, 8vw, 42px) clamp(0px, 6.1333333333vw, 32.2px) clamp(0px, 8.5333333333vw, 44.8px);
    border-radius: clamp(0px, 3.2vw, 16.8px);
  }
}
.page .potential__section .potential__list--item:before {
  content: "0" counter(number);
  counter-increment: number 1;
  font-size: clamp(0px, 2.7777777778vw, 56px);
  font-family: "Inter", sans-serif;
  font-weight: 700;
  color: var(--blue2);
  position: absolute;
  top: clamp(0px, 2.0833333333vw, 42px);
  left: clamp(0px, 2.2222222222vw, 44.8px);
}
@media screen and (max-width: 767px) {
  .page .potential__section .potential__list--item:before {
    font-size: clamp(0px, 10.6666666667vw, 56px);
    top: clamp(0px, 8vw, 42px);
    left: clamp(0px, 5.8666666667vw, 30.8px);
  }
}
.page .potential__section .potential__list--item .img__wrap {
  width: clamp(0px, 11.1111111111vw, 224px);
  margin: 0 auto clamp(0px, 0.9722222222vw, 19.6px);
}
@media screen and (max-width: 767px) {
  .page .potential__section .potential__list--item .img__wrap {
    width: clamp(0px, 42.6666666667vw, 224px);
    margin-bottom: clamp(0px, 1.3333333333vw, 7px);
  }
}
.page .potential__section .potential__list--item .ttl__h5 {
  font-size: clamp(0px, 1.3888888889vw, 28px);
  font-weight: 700;
  line-height: 1.6;
  margin-bottom: clamp(0px, 0.9722222222vw, 19.6px);
}
@media screen and (max-width: 767px) {
  .page .potential__section .potential__list--item .ttl__h5 {
    font-size: clamp(0px, 4vw, 21px);
    margin-bottom: clamp(0px, 2.6666666667vw, 14px);
  }
}
.page .potential__section .potential__list--item .lead__txt {
  font-size: clamp(0px, 0.9722222222vw, 19.6px);
}
@media screen and (max-width: 767px) {
  .page .potential__section .potential__list--item .lead__txt {
    font-size: clamp(0px, 3.4666666667vw, 18.2px);
  }
}
.page .strengths__section .ttl__h3--group {
  margin-bottom: 0;
  position: relative;
  top: clamp(-420px, -20.8333333333vw, 0px);
}
@media screen and (max-width: 767px) {
  .page .strengths__section .ttl__h3--group {
    top: auto;
  }
}
.page .strengths__section .panel__wrap {
  justify-content: flex-start;
  padding-top: clamp(0px, 6.25vw, 126px);
}
@media screen and (max-width: 767px) {
  .page .strengths__section .panel__wrap {
    align-items: flex-start;
  }
}
.page .strengths__section .strengths__list {
  display: grid;
  gap: clamp(0px, 1.6666666667vw, 33.6px);
  counter-reset: number 0;
}
@media screen and (max-width: 767px) {
  .page .strengths__section .strengths__list {
    gap: clamp(0px, 2.6666666667vw, 14px);
  }
}
.page .strengths__section .strengths__list .js__content {
  top: clamp(0px, 6.9444444444vw, 140px);
}
@media screen and (max-width: 767px) {
  .page .strengths__section .strengths__list .js__content {
    top: clamp(0px, 13.3333333333vw, 70px);
  }
}
.page .strengths__section .strengths__list .board__wrap {
  color: var(--white);
  display: grid;
  grid-template-columns: clamp(0px, 24.4444444444vw, 492.8px) clamp(0px, 28.4027777778vw, 572.6px);
  gap: clamp(0px, 3.8194444444vw, 77px);
  justify-content: space-between;
  padding: clamp(0px, 4.5138888889vw, 91px) clamp(0px, 4.8611111111vw, 98px);
  background-color: var(--blue1);
  border-radius: clamp(0px, 1.6666666667vw, 33.6px);
  transition: transform 0.3s ease-out;
}
@media screen and (max-width: 767px) {
  .page .strengths__section .strengths__list .board__wrap {
    grid-template-columns: 1fr;
    gap: clamp(0px, 5.3333333333vw, 28px);
    padding: clamp(0px, 8vw, 42px) clamp(0px, 6.1333333333vw, 32.2px) clamp(0px, 6.4vw, 33.6px);
    border-radius: clamp(0px, 3.2vw, 16.8px);
  }
}
.page .strengths__section .strengths__list .num__txt {
  font-size: clamp(0px, 1.1111111111vw, 22.4px);
  font-weight: 800;
  color: var(--blue2);
  text-align: center;
  display: inline-block;
  margin-bottom: clamp(0px, 0.9027777778vw, 18.2px);
}
@media screen and (max-width: 767px) {
  .page .strengths__section .strengths__list .num__txt {
    font-size: clamp(0px, 3.4666666667vw, 18.2px);
    margin-bottom: clamp(0px, 2.6666666667vw, 14px);
  }
}
.page .strengths__section .strengths__list .num__txt:after {
  content: "0" counter(number);
  counter-increment: number 1;
  font-size: clamp(0px, 3.8888888889vw, 78.4px);
  font-family: "Inter", sans-serif;
  font-weight: 700;
  display: block;
  margin-top: clamp(0px, 0.1388888889vw, 2.8px);
}
@media screen and (max-width: 767px) {
  .page .strengths__section .strengths__list .num__txt:after {
    font-size: clamp(0px, 11.7333333333vw, 61.6px);
    margin-top: clamp(0px, 0.5333333333vw, 2.8px);
  }
}
.page .strengths__section .strengths__list .ttl__h4 {
  font-size: clamp(0px, 2.2222222222vw, 44.8px);
  line-height: 1.5;
  font-weight: 700;
  margin-bottom: clamp(0px, 1.1111111111vw, 22.4px);
}
@media screen and (max-width: 767px) {
  .page .strengths__section .strengths__list .ttl__h4 {
    font-size: clamp(0px, 5.3333333333vw, 28px);
    line-height: 1.6;
    margin-bottom: clamp(0px, 1.3333333333vw, 7px);
  }
}
.page .strengths__section .strengths__list .img__wrap {
  height: clamp(0px, 25.3472222222vw, 511px);
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--white);
  border-radius: clamp(0px, 0.8333333333vw, 16.8px);
}
@media screen and (max-width: 767px) {
  .page .strengths__section .strengths__list .img__wrap {
    height: clamp(0px, 68.2666666667vw, 358.4px);
    border-radius: clamp(0px, 2.1333333333vw, 11.2px);
  }
}
.page .strengths__section .strengths__list .img__wrap img {
  width: clamp(0px, 23.8194444444vw, 480.2px);
}
@media screen and (max-width: 767px) {
  .page .strengths__section .strengths__list .img__wrap img {
    width: clamp(0px, 64vw, 336px);
  }
}

/* !!------------------------------------ */
/* !! @note 事業モデル */
.page .overview__section .ttl__h3 {
  font-size: clamp(0px, 2.5vw, 50.4px);
  line-height: 1.6;
  font-weight: 700;
  margin-bottom: clamp(0px, 1.3888888889vw, 28px);
}
@media screen and (max-width: 767px) {
  .page .overview__section .ttl__h3 {
    font-size: clamp(0px, 5.3333333333vw, 28px);
    margin-bottom: clamp(0px, 5.3333333333vw, 28px);
  }
}
.page .overview__section > .img__wrap {
  width: clamp(0px, 58.4722222222vw, 1178.8px);
  margin: clamp(0px, 4.8611111111vw, 98px) auto;
}
@media screen and (max-width: 767px) {
  .page .overview__section > .img__wrap {
    width: 100%;
    margin: clamp(0px, 10.6666666667vw, 56px) auto clamp(0px, 16vw, 84px);
  }
}
.page .overview__section .overview__list {
  display: grid;
  gap: clamp(0px, 1.6666666667vw, 33.6px);
}
@media screen and (max-width: 767px) {
  .page .overview__section .overview__list {
    gap: clamp(0px, 3.2vw, 16.8px);
  }
}
.page .overview__section .overview__list--item {
  display: grid;
  grid-template-columns: clamp(0px, 25.6944444444vw, 518px) clamp(0px, 31.6666666667vw, 638.4px);
  align-items: center;
  justify-content: space-between;
  padding: clamp(0px, 2.5vw, 50.4px) clamp(0px, 2.7777777778vw, 56px) clamp(0px, 2.5vw, 50.4px) clamp(0px, 3.4722222222vw, 70px);
  background-color: #EAEDF2;
  border-radius: clamp(0px, 0.8333333333vw, 16.8px);
}
@media screen and (max-width: 767px) {
  .page .overview__section .overview__list--item {
    grid-template-columns: 1fr;
    gap: clamp(0px, 4.2666666667vw, 22.4px);
    padding: clamp(0px, 8vw, 42px) clamp(0px, 5.8666666667vw, 30.8px) clamp(0px, 5.8666666667vw, 30.8px) clamp(0px, 6.9333333333vw, 36.4px);
    border-radius: clamp(0px, 3.2vw, 16.8px);
  }
}
.page .overview__section .overview__list .ttl__h4 {
  font-size: clamp(0px, 1.9444444444vw, 39.2px);
  font-weight: 700;
  color: var(--blue2);
  margin-bottom: clamp(0px, 0.8333333333vw, 16.8px);
}
@media screen and (max-width: 767px) {
  .page .overview__section .overview__list .ttl__h4 {
    font-size: clamp(0px, 5.8666666667vw, 30.8px);
    margin-bottom: clamp(0px, 1.8666666667vw, 9.8px);
  }
}
.page .overview__section .overview__list .ttl__h4:after {
  content: "";
  width: clamp(0px, 1.5277777778vw, 30.8px);
  height: clamp(0px, 0.0694444444vw, 1.4px);
  background-color: var(--black);
  display: block;
  margin-top: clamp(0px, 1.25vw, 25.2px);
}
@media screen and (max-width: 767px) {
  .page .overview__section .overview__list .ttl__h4:after {
    width: clamp(0px, 5.3333333333vw, 28px);
    height: clamp(0px, 0.2666666667vw, 1.4px);
    margin-top: clamp(0px, 3.7333333333vw, 19.6px);
  }
}
.page .overview__section .overview__list .lead__txt {
  font-size: clamp(0px, 0.9722222222vw, 19.6px);
}
@media screen and (max-width: 767px) {
  .page .overview__section .overview__list .lead__txt {
    font-size: clamp(0px, 3.4666666667vw, 18.2px);
  }
}
.page .overview__section .overview__list .img__wrap {
  border-radius: clamp(0px, 1.0416666667vw, 21px);
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .page .overview__section .overview__list .img__wrap {
    border-radius: clamp(0px, 2.1333333333vw, 11.2px);
  }
}

/* !!------------------------------------ */
/* !! @note 数字で知る／会社・事業編 */
.page-numbers .numbers__section .numbers__list {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  grid-template-rows: repeat(3, 1fr);
  gap: clamp(0px, 1.6666666667vw, 33.6px);
}
@media screen and (max-width: 767px) {
  .page-numbers .numbers__section .numbers__list {
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: clamp(0px, 42.1333333333vw, 221.2px) clamp(0px, 42.1333333333vw, 221.2px) clamp(0px, 42.1333333333vw, 221.2px) clamp(0px, 60vw, 315px) clamp(0px, 60vw, 315px);
    gap: clamp(0px, 2.1333333333vw, 11.2px);
  }
}
.page-numbers .numbers__section .numbers__list--item {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: clamp(0px, 3.4722222222vw, 70px) clamp(0px, 1.3888888889vw, 28px);
  background-color: #EAEDF2;
  border-radius: clamp(0px, 0.8333333333vw, 16.8px);
}
@media screen and (max-width: 767px) {
  .page-numbers .numbers__section .numbers__list--item {
    justify-content: center;
    padding: 0;
    border-radius: clamp(0px, 1.6vw, 8.4px);
  }
}
.page-numbers .numbers__section .numbers__list--item:first-child {
  grid-area: 1/1/2/3;
}
.page-numbers .numbers__section .numbers__list--item:nth-child(2) {
  grid-area: 1/3/2/5;
}
.page-numbers .numbers__section .numbers__list--item:nth-child(3) {
  grid-area: 1/5/2/7;
}
.page-numbers .numbers__section .numbers__list--item:nth-child(4) {
  grid-area: 2/1/3/3;
}
.page-numbers .numbers__section .numbers__list--item:nth-child(5) {
  grid-area: 2/3/3/5;
}
.page-numbers .numbers__section .numbers__list--item:nth-child(6) {
  grid-area: 2/5/3/7;
}
.page-numbers .numbers__section .numbers__list--item:nth-child(7) {
  grid-area: 3/1/4/4;
}
.page-numbers .numbers__section .numbers__list--item:last-child {
  grid-area: 3/4/4/7;
}
@media screen and (max-width: 767px) {
  .page-numbers .numbers__section .numbers__list--item:first-child {
    grid-area: 1/1/2/2;
    order: 1;
  }
  .page-numbers .numbers__section .numbers__list--item:nth-child(2) {
    grid-area: 1/2/2/3;
    order: 2;
  }
  .page-numbers .numbers__section .numbers__list--item:nth-child(3) {
    grid-area: 2/1/3/2;
    order: 3;
  }
  .page-numbers .numbers__section .numbers__list--item:nth-child(4) {
    grid-area: 2/2/3/3;
    order: 4;
  }
  .page-numbers .numbers__section .numbers__list--item:nth-child(5) {
    grid-area: 3/1/4/2;
    order: 5;
  }
  .page-numbers .numbers__section .numbers__list--item:nth-child(6) {
    grid-area: 3/2/4/3;
    order: 6;
  }
  .page-numbers .numbers__section .numbers__list--item:nth-child(7) {
    grid-area: 4/1/5/3;
    order: 7;
  }
  .page-numbers .numbers__section .numbers__list--item:last-child {
    grid-area: 5/1/6/3;
    order: 8;
  }
  .page-numbers .numbers__section .numbers__list--item:nth-child(7) .icon__wrap, .page-numbers .numbers__section .numbers__list--item:last-child .icon__wrap {
    height: clamp(0px, 14.9333333333vw, 78.4px);
    margin-bottom: clamp(0px, 4.5333333333vw, 23.8px);
  }
  .page-numbers .numbers__section .numbers__list--item:nth-child(7) .numbers__ttl, .page-numbers .numbers__section .numbers__list--item:last-child .numbers__ttl {
    font-size: clamp(0px, 3.4666666667vw, 18.2px);
    margin-bottom: clamp(0px, 2.4vw, 12.6px);
  }
  .page-numbers .numbers__section .numbers__list--item:nth-child(7) .numbers__txt, .page-numbers .numbers__section .numbers__list--item:last-child .numbers__txt {
    font-size: clamp(0px, 3.4666666667vw, 18.2px);
  }
  .page-numbers .numbers__section .numbers__list--item:nth-child(7) .numbers__txt .en__font, .page-numbers .numbers__section .numbers__list--item:last-child .numbers__txt .en__font {
    font-size: clamp(0px, 11.4666666667vw, 60.2px);
  }
}
.page-numbers .numbers__section .numbers__list--item:nth-child(6) .icon__wrap {
  margin-bottom: 0;
}
.page-numbers .numbers__section .numbers__list--item:nth-child(6) .numbers__ttl {
  margin-bottom: clamp(0px, 0.4166666667vw, 8.4px);
}
@media screen and (max-width: 767px) {
  .page-numbers .numbers__section .numbers__list--item:nth-child(6) .numbers__ttl {
    margin-bottom: clamp(0px, 1.6vw, 8.4px);
  }
}
.page-numbers .numbers__section .numbers__list .icon__wrap {
  height: clamp(0px, 5.4166666667vw, 109.2px);
  margin-bottom: clamp(0px, 1.5277777778vw, 30.8px);
}
@media screen and (max-width: 767px) {
  .page-numbers .numbers__section .numbers__list .icon__wrap {
    height: clamp(0px, 11.2vw, 58.8px);
    margin-bottom: clamp(0px, 1.6vw, 8.4px);
  }
}
.page-numbers .numbers__section .numbers__list .icon__wrap img {
  width: auto;
}
@media screen and (max-width: 767px) {
  .page-numbers .numbers__section .numbers__list .icon__wrap img {
    height: 100%;
  }
}
.page-numbers .numbers__section .numbers__list .numbers__ttl {
  font-size: clamp(0px, 1.3888888889vw, 28px);
  font-weight: 700;
  line-height: 1.4;
  text-align: center;
  margin-bottom: clamp(0px, 0.6944444444vw, 14px);
}
@media screen and (max-width: 767px) {
  .page-numbers .numbers__section .numbers__list .numbers__ttl {
    font-size: clamp(0px, 3.2vw, 16.8px);
    margin-bottom: clamp(0px, 1.0666666667vw, 5.6px);
  }
}
.page-numbers .numbers__section .numbers__list .numbers__ttl span {
  font-size: clamp(0px, 1.1111111111vw, 22.4px);
}
@media screen and (max-width: 767px) {
  .page-numbers .numbers__section .numbers__list .numbers__ttl span {
    font-size: clamp(0px, 2.6666666667vw, 14px);
  }
}
.page-numbers .numbers__section .numbers__list .numbers__txt {
  font-size: clamp(0px, 1.25vw, 25.2px);
  font-weight: 700;
  display: flex;
  align-items: baseline;
}
@media screen and (max-width: 767px) {
  .page-numbers .numbers__section .numbers__list .numbers__txt {
    font-size: clamp(0px, 2.9333333333vw, 15.4px);
  }
}
.page-numbers .numbers__section .numbers__list .numbers__txt .en__font {
  font-size: clamp(0px, 4.1666666667vw, 84px);
  font-weight: 800;
}
@media screen and (max-width: 767px) {
  .page-numbers .numbers__section .numbers__list .numbers__txt .en__font {
    font-size: clamp(0px, 8.5333333333vw, 44.8px);
  }
}
.page-numbers .numbers__section .numbers__list .note__txt {
  font-size: clamp(0px, 0.9722222222vw, 19.6px);
  line-height: 1.4;
  font-weight: 400;
  text-align: center;
  margin-top: clamp(0px, 0.5555555556vw, 11.2px);
}
@media screen and (max-width: 767px) {
  .page-numbers .numbers__section .numbers__list .note__txt {
    font-size: clamp(0px, 2.6666666667vw, 14px);
    margin-top: clamp(0px, 1.0666666667vw, 5.6px);
  }
}

/* !!------------------------------------ */
/* !! @note 動画で知るクランピー */
.page .video__section .video__list {
  display: grid;
  gap: clamp(0px, 6.9444444444vw, 140px);
}
@media screen and (max-width: 767px) {
  .page .video__section .video__list {
    gap: clamp(0px, 10.6666666667vw, 56px);
  }
}
.page .video__section .video__item {
  margin-bottom: clamp(0px, 2.2222222222vw, 44.8px);
  border-radius: clamp(0px, 0.8333333333vw, 16.8px);
  overflow: hidden;
  position: relative;
  cursor: pointer;
}
@media screen and (max-width: 767px) {
  .page .video__section .video__item {
    margin-bottom: clamp(0px, 4.5333333333vw, 23.8px);
    border-radius: clamp(0px, 1.0666666667vw, 5.6px);
  }
}
@media screen and (min-width: 768px) {
  .page .video__section .video__item > img {
    transition: transform 0.3s ease-out;
  }
  .page .video__section .video__item > img:hover {
    transform: scale(1.05);
  }
}
.page .video__section .video__item .icon__play {
  width: clamp(0px, 6.25vw, 126px);
  height: clamp(0px, 6.25vw, 126px);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
}
@media screen and (max-width: 767px) {
  .page .video__section .video__item .icon__play {
    width: clamp(0px, 10.6666666667vw, 56px);
    height: clamp(0px, 10.6666666667vw, 56px);
  }
}
.page .video__section .video__ttl {
  font-size: clamp(0px, 1.6666666667vw, 33.6px);
  font-weight: 700;
  margin-bottom: clamp(0px, 1.3888888889vw, 28px);
}
@media screen and (max-width: 767px) {
  .page .video__section .video__ttl {
    font-size: clamp(0px, 4.2666666667vw, 22.4px);
    margin-bottom: clamp(0px, 2.6666666667vw, 14px);
  }
}
.page .video__section .lead__txt {
  line-height: 1;
  font-weight: 400;
}
@media screen and (max-width: 767px) {
  .page .video__section .lead__txt {
    font-size: clamp(0px, 3.2vw, 16.8px);
    line-height: 1.8;
  }
}

/* !!------------------------------------ */
/* !! @note 動画で知るクランピー */
.page .workflow__wrap {
  color: var(--white);
  text-align: center;
  display: grid;
  gap: clamp(0px, 1.1111111111vw, 22.4px);
  justify-content: center;
  padding: clamp(0px, 3.6805555556vw, 74.2px);
  background-color: var(--blue1);
  border-radius: clamp(0px, 0.8333333333vw, 16.8px);
}
@media screen and (max-width: 767px) {
  .page .workflow__wrap {
    gap: clamp(0px, 2.1333333333vw, 11.2px);
    padding: clamp(0px, 8vw, 42px);
    border-radius: clamp(0px, 2.1333333333vw, 11.2px);
  }
}
.page .workflow__wrap .workflow__ttl {
  font-size: clamp(0px, 2.2222222222vw, 44.8px);
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  .page .workflow__wrap .workflow__ttl {
    font-size: clamp(0px, 5.0666666667vw, 26.6px);
  }
}
.page .workflow__wrap .lead__txt {
  line-height: 1;
}
@media screen and (max-width: 767px) {
  .page .workflow__wrap .lead__txt {
    font-size: clamp(0px, 3.2vw, 16.8px);
    line-height: 1.8;
    text-align: center;
  }
}
.page .workflow__list {
  display: grid;
}
.page .workflow__list--item {
  position: relative;
}
.page .workflow__list._4col {
  grid-template-columns: repeat(4, 1fr);
  justify-content: space-between;
  gap: clamp(0px, 1.0416666667vw, 21px);
  margin-top: clamp(0px, 6.25vw, 126px);
  position: relative;
}
@media screen and (max-width: 767px) {
  .page .workflow__list._4col {
    grid-template-columns: repeat(4, clamp(0px, 14.9333333333vw, 78.4px));
    gap: clamp(0px, 4.2666666667vw, 22.4px);
    justify-content: center;
    margin-top: clamp(0px, 14.4vw, 75.6px);
  }
}
.page .workflow__list._4col:after {
  content: "";
  width: clamp(0px, 50.1388888889vw, 1010.8px);
  height: clamp(0px, 3.4027777778vw, 68.6px);
  background-image: url("../img/job/arrow2.webp");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  position: absolute;
  bottom: clamp(-47.6px, -2.3611111111vw, 0px);
  left: 50%;
  transform: translateX(-50%);
  z-index: -1;
}
@media screen and (max-width: 767px) {
  .page .workflow__list._4col:after {
    width: clamp(0px, 57.8666666667vw, 303.8px);
    height: clamp(0px, 12.5333333333vw, 65.8px);
    background-image: url("../img/job/arrow2__sp.webp");
    bottom: clamp(-25.2px, -4.8vw, 0px);
  }
}
.page .workflow__list._4col .workflow__list--item {
  font-size: clamp(0px, 1.6666666667vw, 33.6px);
  font-weight: 700;
  line-height: 1.4;
  color: var(--white);
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: clamp(0px, 1.6666666667vw, 33.6px);
  border-radius: clamp(0px, 0.8333333333vw, 16.8px);
  background-color: var(--blue2);
}
@media screen and (max-width: 767px) {
  .page .workflow__list._4col .workflow__list--item {
    font-size: clamp(0px, 4.2666666667vw, 22.4px);
    writing-mode: vertical-rl;
    text-align: left;
    padding: clamp(0px, 4.5333333333vw, 23.8px) clamp(0px, 5.3333333333vw, 28px);
    border-radius: clamp(0px, 3.2vw, 16.8px);
  }
  .page .workflow__list._4col .workflow__list--item br {
    display: none;
  }
}
.page .workflow__list._4col .workflow__list--item span {
  font-size: clamp(0px, 1.1111111111vw, 22.4px);
}
@media screen and (max-width: 767px) {
  .page .workflow__list._4col .workflow__list--item span {
    font-size: clamp(0px, 3.7333333333vw, 19.6px);
  }
}
.page .workflow__list._4col .workflow__list--item:before {
  content: "";
  width: clamp(0px, 1.3888888889vw, 28px);
  height: clamp(0px, 6.3888888889vw, 128.8px);
  background-image: url("../img/job/arrow1.webp");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  position: absolute;
  top: clamp(-137.2px, -6.8055555556vw, 0px);
  left: 50%;
  transform: translateX(-50%);
  z-index: -1;
}
@media screen and (max-width: 767px) {
  .page .workflow__list._4col .workflow__list--item:before {
    width: clamp(0px, 3.7333333333vw, 19.6px);
    height: clamp(0px, 17.3333333333vw, 91px);
    background-image: url("../img/job/arrow1__sp.webp");
    top: clamp(-98px, -18.6666666667vw, 0px);
  }
}
.page .workflow__list._1col {
  gap: clamp(0px, 2.9166666667vw, 58.8px);
  margin-top: clamp(0px, 5.2777777778vw, 106.4px);
  padding-bottom: clamp(0px, 10.4166666667vw, 210px);
  counter-reset: number 0;
}
@media screen and (max-width: 767px) {
  .page .workflow__list._1col {
    gap: clamp(0px, 5.3333333333vw, 28px);
    margin-top: clamp(0px, 10.6666666667vw, 56px);
    padding-bottom: clamp(0px, 21.3333333333vw, 112px);
  }
}
.page .workflow__list._1col .workflow__list--item {
  display: grid;
  grid-template-columns: clamp(0px, 33.4027777778vw, 673.4px) clamp(0px, 23.6805555556vw, 477.4px);
  justify-content: space-between;
  padding: clamp(0px, 2.3611111111vw, 47.6px) clamp(0px, 2.7777777778vw, 56px);
  background-color: #EAEDF2;
  border-radius: clamp(0px, 1.6666666667vw, 33.6px);
}
@media screen and (max-width: 767px) {
  .page .workflow__list._1col .workflow__list--item {
    grid-template-columns: 1fr;
    gap: clamp(0px, 5.3333333333vw, 28px);
    padding: clamp(0px, 8vw, 42px) clamp(0px, 5.8666666667vw, 30.8px);
    border-radius: clamp(0px, 4.2666666667vw, 22.4px);
  }
}
.page .workflow__list._1col .workflow__list--item:before {
  content: "";
  width: clamp(0px, 1.3888888889vw, 28px);
  height: clamp(0px, 4.6527777778vw, 93.8px);
  background-image: url("../img/job/arrow3.webp");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  position: absolute;
  top: clamp(-58.8px, -2.9166666667vw, 0px);
  left: 50%;
  transform: translateX(-50%);
}
@media screen and (max-width: 767px) {
  .page .workflow__list._1col .workflow__list--item:before {
    width: clamp(0px, 3.7333333333vw, 19.6px);
    height: clamp(0px, 9.6vw, 50.4px);
    background-image: url("../img/job/arrow3__sp.webp");
    top: clamp(-29.4px, -5.6vw, 0px);
  }
}
.page .workflow__list._1col .ttl__h3 {
  font-size: clamp(0px, 1.9444444444vw, 39.2px);
  font-weight: 700;
  display: flex;
  align-items: center;
  gap: clamp(0px, 0.7638888889vw, 15.4px);
  margin-bottom: clamp(0px, 1.9444444444vw, 39.2px);
  padding-bottom: clamp(0px, 1.1111111111vw, 22.4px);
  border-bottom: clamp(0px, 0.0694444444vw, 1.4px) solid #AAAEB6;
}
@media screen and (max-width: 767px) {
  .page .workflow__list._1col .ttl__h3 {
    font-size: clamp(0px, 5.8666666667vw, 30.8px);
    line-height: 1.3;
    flex-direction: column;
    gap: clamp(0px, 2.1333333333vw, 11.2px);
    align-items: flex-start;
    margin-bottom: clamp(0px, 5.3333333333vw, 28px);
    padding-bottom: clamp(0px, 3.2vw, 16.8px);
    border-width: clamp(0px, 0.2666666667vw, 1.4px);
  }
}
.page .workflow__list._1col .ttl__h3:before {
  content: "0" counter(number);
  counter-increment: number 1;
  font-size: clamp(0px, 2.5vw, 50.4px);
  font-family: "Inter", sans-serif;
  font-weight: 700;
  color: var(--blue2);
}
@media screen and (max-width: 767px) {
  .page .workflow__list._1col .ttl__h3:before {
    font-size: clamp(0px, 8.5333333333vw, 44.8px);
  }
}
.page .workflow__list._1col .position__txt {
  font-size: clamp(0px, 1.25vw, 25.2px);
  line-height: 1.3;
  font-weight: 700;
  color: var(--blue2);
  margin-bottom: clamp(0px, 0.4861111111vw, 9.8px);
}
@media screen and (max-width: 767px) {
  .page .workflow__list._1col .position__txt {
    font-size: clamp(0px, 4.2666666667vw, 22.4px);
    margin-bottom: clamp(0px, 1.6vw, 8.4px);
  }
}
.page .workflow__list._1col .position__txt:before {
  content: "担当／";
  color: var(--black);
}
.page .workflow__list._1col ol {
  margin-top: clamp(0px, 0.6944444444vw, 14px);
}
@media screen and (max-width: 767px) {
  .page .workflow__list._1col ol {
    margin-top: clamp(0px, 2.6666666667vw, 14px);
  }
}
.page .workflow__list._1col ol li {
  display: flex;
  align-items: baseline;
}
.page .workflow__list._1col ol li:before {
  content: "・";
  padding: 0 0.5em;
}
.page .workflow__list._1col .link__txt {
  width: -moz-fit-content;
  width: fit-content;
  font-size: clamp(0px, 1.1111111111vw, 22.4px);
  line-height: 1.3;
  font-weight: 500;
  display: flex;
  align-items: center;
  gap: clamp(0px, 0.9722222222vw, 19.6px);
  margin-top: clamp(0px, 1.5277777778vw, 30.8px);
  margin-left: auto;
  position: relative;
}
@media screen and (max-width: 767px) {
  .page .workflow__list._1col .link__txt {
    font-size: clamp(0px, 3.7333333333vw, 19.6px);
    gap: clamp(0px, 2.6666666667vw, 14px);
    margin-top: clamp(0px, 3.7333333333vw, 19.6px);
  }
}
.page .workflow__list._1col .link__txt .icon__arrow:before {
  background-image: url("../img/common/icon__arrow--down.svg");
}
@media screen and (min-width: 768px) {
  .page .workflow__list._1col .link__txt:after {
    content: "";
    width: 0;
    height: clamp(0px, 0.0694444444vw, 1.4px);
    background-color: var(--black);
    position: absolute;
    bottom: clamp(-5.6px, -0.2777777778vw, 0px);
    left: 0;
    transition: width 0.3s ease-out;
  }
  .page .workflow__list._1col .link__txt .icon__arrow:after {
    transition: transform 0.3s ease-out;
  }
  .page .workflow__list._1col .link__txt:hover .icon__arrow:after {
    transform: scale(1.2);
  }
  .page .workflow__list._1col .link__txt:hover:after {
    width: calc(100% - clamp(0px, 3.4722222222vw, 70px));
  }
}
.page .workflow__list._1col .workflow__wrap--txt {
  padding-top: clamp(0px, 1.875vw, 37.8px);
}
@media screen and (max-width: 767px) {
  .page .workflow__list._1col .workflow__wrap--txt {
    padding-top: 0;
  }
}
.page .workflow__list._1col .workflow__wrap--img {
  border-radius: clamp(0px, 1.1111111111vw, 22.4px);
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .page .workflow__list._1col .workflow__wrap--img {
    border-radius: clamp(0px, 2.6666666667vw, 14px);
  }
}
.page .introduction__wrap {
  padding-bottom: clamp(0px, 11.1111111111vw, 224px);
}
@media screen and (max-width: 767px) {
  .page .introduction__wrap {
    padding-bottom: clamp(0px, 17.0666666667vw, 89.6px);
  }
}
.page .introduction__wrap:last-of-type {
  padding-bottom: 0;
}
.page .introduction__wrap .introduction__ttl {
  font-size: clamp(0px, 2.2222222222vw, 44.8px);
  line-height: 1.6;
  font-weight: 700;
  color: var(--white);
  display: inline-block;
  margin-bottom: clamp(0px, 2.0833333333vw, 42px);
  padding: clamp(0px, 0.8333333333vw, 16.8px) clamp(0px, 2.0833333333vw, 42px);
  background-color: var(--black);
  border-radius: clamp(0px, 4.1666666667vw, 84px);
}
@media screen and (max-width: 767px) {
  .page .introduction__wrap .introduction__ttl {
    font-size: clamp(0px, 4.8vw, 25.2px);
    margin-bottom: clamp(0px, 4.2666666667vw, 22.4px);
    padding: clamp(0px, 1.6vw, 8.4px) clamp(0px, 4.2666666667vw, 22.4px);
    border-radius: clamp(0px, 5.3333333333vw, 28px);
  }
}
.page .introduction__wrap .img__wrap {
  margin: clamp(0px, 2.7777777778vw, 56px) 0 clamp(0px, 4.8611111111vw, 98px);
  border-radius: clamp(0px, 0.8333333333vw, 16.8px);
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .page .introduction__wrap .img__wrap {
    margin: clamp(0px, 5.3333333333vw, 28px) 0 clamp(0px, 10.6666666667vw, 56px);
    border-radius: clamp(0px, 1.0666666667vw, 5.6px);
  }
}
.page .introduction__wrap .introduction__detail--ttl {
  font-size: clamp(0px, 1.6666666667vw, 33.6px);
  font-weight: 700;
  padding-bottom: clamp(0px, 1.6666666667vw, 33.6px);
  border-bottom: clamp(0px, 0.0694444444vw, 1.4px) solid #AAAEB6;
}
@media screen and (max-width: 767px) {
  .page .introduction__wrap .introduction__detail--ttl {
    font-size: clamp(0px, 4.2666666667vw, 22.4px);
    padding-bottom: clamp(0px, 2.6666666667vw, 14px);
    border-width: clamp(0px, 0.2666666667vw, 1.4px);
  }
}
.page .introduction__wrap .introduction__detail--list---item {
  display: grid;
  gap: clamp(0px, 2.0833333333vw, 42px);
  grid-template-columns: clamp(0px, 15.2777777778vw, 308px) auto;
  align-items: center;
  padding: clamp(0px, 1.6666666667vw, 33.6px) 0;
  border-bottom: clamp(0px, 0.0694444444vw, 1.4px) solid #AAAEB6;
}
@media screen and (max-width: 767px) {
  .page .introduction__wrap .introduction__detail--list---item {
    height: clamp(0px, 68vw, 357px);
    grid-template-columns: clamp(0px, 9.3333333333vw, 49px) auto;
    gap: clamp(0px, 2.6666666667vw, 14px);
    padding: clamp(0px, 6.4vw, 33.6px) 0;
  }
}
.page .introduction__wrap .introduction__detail--list ol {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: clamp(0px, 4.1666666667vw, 84px);
  padding: clamp(0px, 1.1111111111vw, 22.4px) 0;
  position: relative;
}
@media screen and (max-width: 767px) {
  .page .introduction__wrap .introduction__detail--list ol {
    height: 100%;
    grid-template-columns: 1fr;
    gap: clamp(0px, 5.8666666667vw, 30.8px);
    padding: 0;
  }
}
@media screen and (max-width: 767px) {
  .page .introduction__wrap .introduction__detail--list ol li {
    position: relative;
  }
}
.page .introduction__wrap .introduction__detail--list ol li strong {
  font-weight: 700;
  display: block;
}
.page .introduction__wrap .introduction__detail--list ol li strong:before {
  content: "●";
  color: var(--blue2);
}
.page .introduction__wrap .introduction__detail--list ol li:first-child:after {
  content: "";
  width: 1px;
  height: 100%;
  border-right: 1px dotted #AAAEB6;
  position: absolute;
  top: 0;
  right: 50%;
  transform: translateX(-50%);
}
@media screen and (max-width: 767px) {
  .page .introduction__wrap .introduction__detail--list ol li:first-child:after {
    width: 100%;
    height: 1px;
    border-right: none;
    border-bottom: 1px dotted #AAAEB6;
    top: auto;
    right: auto;
    bottom: clamp(-15.4px, -2.9333333333vw, 0px);
    left: 0;
    transform: none;
  }
}
.page .introduction__wrap .detail__ttl {
  font-size: clamp(0px, 1.25vw, 25.2px);
  font-weight: 700;
  color: var(--white);
  text-align: center;
  padding: clamp(0px, 0.9722222222vw, 19.6px);
  background-color: var(--blue2);
  border-radius: clamp(0px, 0.8333333333vw, 16.8px);
}
@media screen and (max-width: 767px) {
  .page .introduction__wrap .detail__ttl {
    height: 100%;
    font-size: clamp(0px, 3.7333333333vw, 19.6px);
    padding: clamp(0px, 2.6666666667vw, 14px);
    border-radius: clamp(0px, 1.6vw, 8.4px);
    writing-mode: vertical-rl;
  }
}

/* !!------------------------------------ */
/* !! @note 一般的な不動産営業との比較 */
.page .difference__section .ttl__h3 {
  font-size: clamp(0px, 2.5vw, 50.4px);
  line-height: 1.6;
  font-weight: 700;
  margin-bottom: clamp(0px, 1.3888888889vw, 28px);
}
@media screen and (max-width: 767px) {
  .page .difference__section .ttl__h3 {
    font-size: clamp(0px, 5.3333333333vw, 28px);
    margin-bottom: clamp(0px, 3.2vw, 16.8px);
  }
}
.page .difference__section .difference__wrap {
  margin-top: clamp(0px, 4.1666666667vw, 84px);
}
@media screen and (max-width: 767px) {
  .page .difference__section .difference__wrap {
    width: calc(100vw - clamp(0px, 5.3333333333vw, 28px));
    padding-bottom: clamp(0px, 8.8vw, 46.2px);
    overflow-x: auto;
  }
  .page .difference__section .difference__wrap::-webkit-scrollbar {
    height: clamp(0px, 0.8vw, 4.2px);
  }
  .page .difference__section .difference__wrap::-webkit-scrollbar-thumb {
    background-color: #AAAEB6;
  }
  .page .difference__section .difference__wrap::-webkit-scrollbar-track {
    background-color: #E6E7E8;
  }
}
.page .difference__section .difference__ttl--wrap {
  display: grid;
  grid-template-columns: clamp(0px, 23.5416666667vw, 474.6px) clamp(0px, 31.4583333333vw, 634.2px);
  justify-content: flex-end;
  margin-bottom: clamp(0px, 1.0416666667vw, 21px);
}
@media screen and (max-width: 767px) {
  .page .difference__section .difference__ttl--wrap {
    min-width: clamp(0px, 116vw, 609px);
    grid-template-columns: clamp(0px, 39.2vw, 205.8px) clamp(0px, 47.4666666667vw, 249.2px);
    margin-bottom: clamp(0px, 3.2vw, 16.8px);
    padding-right: clamp(0px, 5.3333333333vw, 28px);
  }
}
.page .difference__section .difference__content--wrap {
  display: grid;
  grid-template-columns: clamp(0px, 11.3888888889vw, 229.6px) clamp(0px, 23.5416666667vw, 474.6px) clamp(0px, 31.4583333333vw, 634.2px);
}
@media screen and (max-width: 767px) {
  .page .difference__section .difference__content--wrap {
    min-width: clamp(0px, 116vw, 609px);
    grid-template-columns: clamp(0px, 24vw, 126px) clamp(0px, 39.2vw, 205.8px) clamp(0px, 47.4666666667vw, 249.2px);
  }
}
.page .difference__section .difference__ttl {
  font-size: clamp(0px, 1.1111111111vw, 22.4px);
  color: var(--white);
  font-weight: 700;
  text-align: center;
  padding: clamp(0px, 1.1111111111vw, 22.4px);
  position: relative;
}
@media screen and (max-width: 767px) {
  .page .difference__section .difference__ttl {
    font-size: clamp(0px, 3.4666666667vw, 18.2px);
    padding: clamp(0px, 2.6666666667vw, 14px);
  }
}
.page .difference__section .difference__ttl:after {
  content: "";
  width: clamp(0px, 1.8055555556vw, 36.4px);
  height: clamp(0px, 1.0416666667vw, 21px);
  clip-path: polygon(0 0, 100% 0, 50% 100%);
  position: absolute;
  bottom: clamp(-11.2px, -0.5555555556vw, 0px);
  left: 50%;
  transform: translateX(-50%);
}
@media screen and (max-width: 767px) {
  .page .difference__section .difference__ttl:after {
    width: clamp(0px, 5.6vw, 29.4px);
    height: clamp(0px, 3.2vw, 16.8px);
    bottom: clamp(-8.4px, -1.6vw, 0px);
  }
}
.page .difference__section .difference__ttl.bg__black {
  background-color: var(--black);
}
.page .difference__section .difference__ttl.bg__black:after {
  background-color: var(--black);
}
.page .difference__section .difference__ttl.bg__blue2 {
  background-color: var(--blue2);
}
.page .difference__section .difference__ttl.bg__blue2:after {
  background-color: var(--blue2);
}
.page .difference__section .difference__ttl--list---item {
  font-size: clamp(0px, 1.1111111111vw, 22.4px);
  font-weight: 700;
  color: var(--white);
  text-align: center;
  padding: clamp(0px, 2.2222222222vw, 44.8px) 0;
  border-bottom: clamp(0px, 0.0694444444vw, 1.4px) solid transparent;
  position: relative;
}
@media screen and (max-width: 767px) {
  .page .difference__section .difference__ttl--list---item {
    height: clamp(0px, 17.8666666667vw, 93.8px);
    font-size: clamp(0px, 3.2vw, 16.8px);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    border-width: clamp(0px, 0.2666666667vw, 1.4px);
    z-index: 1;
    position: relative;
    right: clamp(-5.6px, -1.0666666667vw, 0px);
  }
}
.page .difference__section .difference__ttl--list---item:before {
  content: "";
  width: clamp(0px, 0.9722222222vw, 19.6px);
  height: clamp(0px, 2.6388888889vw, 53.2px);
  background-color: var(--blue1);
  clip-path: polygon(0 0, 100% 50%, 0 100%);
  position: absolute;
  top: 50%;
  right: clamp(-19.6px, -0.9722222222vw, 0px);
  transform: translateY(-50%);
  z-index: 1;
}
@media screen and (max-width: 767px) {
  .page .difference__section .difference__ttl--list---item:before {
    width: clamp(0px, 2.1333333333vw, 11.2px);
    height: clamp(0px, 8vw, 42px);
    right: clamp(-14px, -2.6666666667vw, 0px);
  }
}
.page .difference__section .difference__ttl--list---item:after {
  content: "";
  width: 100%;
  height: clamp(0px, 2.6388888889vw, 53.2px);
  background-color: var(--blue1);
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  z-index: -1;
}
@media screen and (max-width: 767px) {
  .page .difference__section .difference__ttl--list---item:after {
    width: clamp(0px, 25.6vw, 134.4px);
    height: clamp(0px, 8vw, 42px);
    left: clamp(-5.6px, -1.0666666667vw, 0px);
  }
}
.page .difference__section .difference__list {
  padding: 0 clamp(0px, 1.0416666667vw, 21px);
  position: relative;
}
@media screen and (max-width: 767px) {
  .page .difference__section .difference__list {
    padding: 0 clamp(0px, 2.1333333333vw, 11.2px);
  }
}
.page .difference__section .difference__list.bg__gray {
  background-color: #EAEDF2;
}
.page .difference__section .difference__list.bg__blue2 {
  background-color: rgba(50, 113, 185, 0.1);
}
.page .difference__section .difference__list.bg__blue2 .difference__list--item {
  font-weight: 700;
  color: var(--blue2);
}
.page .difference__section .difference__list.bg__blue2:after {
  content: "";
  width: 100%;
  height: 100%;
  border: clamp(0px, 0.2083333333vw, 4.2px) solid var(--blue2);
  position: absolute;
  top: 0;
  left: 0;
}
@media screen and (max-width: 767px) {
  .page .difference__section .difference__list.bg__blue2:after {
    border-width: clamp(0px, 0.8vw, 4.2px);
  }
}
.page .difference__section .difference__list--item {
  font-size: clamp(0px, 1.1111111111vw, 22.4px);
  font-weight: 400;
  text-align: center;
  padding: clamp(0px, 2.2222222222vw, 44.8px) 0;
  border-bottom: clamp(0px, 0.0694444444vw, 1.4px) solid var(--white);
}
@media screen and (max-width: 767px) {
  .page .difference__section .difference__list--item {
    height: clamp(0px, 17.8666666667vw, 93.8px);
    font-size: clamp(0px, 3.4666666667vw, 18.2px);
    line-height: 1.5;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: clamp(0px, 3.7333333333vw, 19.6px) 0;
  }
}

@media screen and (max-width: 767px) {
  .page-difference .content__wrap {
    display: block;
  }
}

/* !!------------------------------------ */
/* !! @note 15問15答 */
@media screen and (max-width: 767px) {
  .page-15q15a .content__section {
    padding-top: clamp(0px, 16vw, 84px);
  }
  .page-15q15a .interview__section {
    padding-right: 0;
    padding-left: 0;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .page-15q15a .interview__section .img__wrap {
    width: 100vw;
    height: clamp(0px, 46.4vw, 243.6px);
    margin: clamp(0px, 10.6666666667vw, 56px) 0;
    margin-left: calc(-50vw + 50%);
    border-radius: 0;
  }
  .page-15q15a .interview__section .img__wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    -o-object-fit: cover;
    object-position: center;
    -o-object-position: center;
  }
}
.page-15q15a .interview__ttl--wrap {
  display: grid;
  grid-template-columns: clamp(0px, 22.4305555556vw, 452.2px) auto;
  align-items: center;
  margin-bottom: clamp(0px, 6.9444444444vw, 140px);
  background-color: #EAEDF2;
  border-radius: clamp(0px, 0.8333333333vw, 16.8px);
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .page-15q15a .interview__ttl--wrap {
    grid-template-columns: clamp(0px, 26.1333333333vw, 137.2px) auto;
    margin-bottom: clamp(0px, 13.3333333333vw, 70px);
    border-radius: clamp(0px, 2.6666666667vw, 14px);
  }
}
.page-15q15a .ttl__h3 {
  font-size: clamp(0px, 1.6666666667vw, 33.6px);
  font-weight: 700;
  line-height: 1.5;
  margin-bottom: clamp(0px, 2.2916666667vw, 46.2px);
  padding-bottom: clamp(0px, 2.2916666667vw, 46.2px);
  border-bottom: clamp(0px, 0.0694444444vw, 1.4px) solid #AAAEB6;
}
@media screen and (max-width: 767px) {
  .page-15q15a .ttl__h3 {
    font-size: clamp(0px, 4.2666666667vw, 22.4px);
    margin-bottom: clamp(0px, 2.9333333333vw, 15.4px);
    padding-bottom: clamp(0px, 2.9333333333vw, 15.4px);
    border-width: clamp(0px, 0.2666666667vw, 1.4px);
  }
}
.page-15q15a .name__txt {
  display: flex;
  align-items: baseline;
  gap: clamp(0px, 1.1111111111vw, 22.4px);
}
@media screen and (max-width: 767px) {
  .page-15q15a .name__txt {
    gap: clamp(0px, 3.2vw, 16.8px);
    align-items: flex-start;
  }
}
.page-15q15a .name__txt .color__blue2 {
  font-size: clamp(0px, 2.2222222222vw, 44.8px);
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  .page-15q15a .name__txt .color__blue2 {
    font-size: clamp(0px, 6.4vw, 33.6px);
  }
}
.page-15q15a .name__txt .position__txt {
  font-size: clamp(0px, 1.1111111111vw, 22.4px);
  font-weight: 400;
  display: flex;
  align-items: center;
  gap: 1em;
}
@media screen and (max-width: 767px) {
  .page-15q15a .name__txt .position__txt {
    font-size: clamp(0px, 3.2vw, 16.8px);
    line-height: 1.5;
    gap: 0;
    flex-direction: column;
    align-items: flex-start;
  }
}
.page-15q15a .name__txt .position__txt i {
  font-weight: 700;
}
.page-15q15a .interview__ttl--wrap---txt {
  padding: 0 clamp(0px, 5.4166666667vw, 109.2px);
}
@media screen and (max-width: 767px) {
  .page-15q15a .interview__ttl--wrap---txt {
    padding: 0 clamp(0px, 5.3333333333vw, 28px);
  }
}
.page-15q15a .interview__list + .interview__list {
  margin-top: clamp(0px, 3.4722222222vw, 70px);
  padding-top: clamp(0px, 3.4722222222vw, 70px);
  border-top: clamp(0px, 0.0694444444vw, 1.4px) solid #AAAEB6;
}
@media screen and (max-width: 767px) {
  .page-15q15a .interview__list + .interview__list {
    margin-top: clamp(0px, 6.4vw, 33.6px);
    padding-top: clamp(0px, 6.4vw, 33.6px);
    border-width: clamp(0px, 0.2666666667vw, 1.4px);
  }
}
.page-15q15a .interview__list:first-of-type {
  padding-top: 0;
}
.page-15q15a .interview__list:last-of-type {
  padding-bottom: clamp(0px, 3.4722222222vw, 70px);
  border-bottom: clamp(0px, 0.0694444444vw, 1.4px) solid #AAAEB6;
}
@media screen and (max-width: 767px) {
  .page-15q15a .interview__list:last-of-type {
    padding-bottom: clamp(0px, 6.4vw, 33.6px);
    border-width: clamp(0px, 0.2666666667vw, 1.4px);
  }
}
.page-15q15a .interview__ttl {
  font-size: clamp(0px, 1.6666666667vw, 33.6px);
  font-weight: 700;
  display: flex;
  align-items: center;
  gap: clamp(0px, 0.4166666667vw, 8.4px);
  margin-bottom: clamp(0px, 0.9722222222vw, 19.6px);
}
@media screen and (max-width: 767px) {
  .page-15q15a .interview__ttl {
    font-size: clamp(0px, 5.3333333333vw, 28px);
    gap: clamp(0px, 1.6vw, 8.4px);
    margin-bottom: clamp(0px, 2.1333333333vw, 11.2px);
  }
}
.page-15q15a .interview__ttl:before {
  content: "Q";
  width: clamp(0px, 2.2222222222vw, 44.8px);
  height: clamp(0px, 2.2222222222vw, 44.8px);
  font-size: clamp(0px, 1.3888888889vw, 28px);
  font-family: "Inter", sans-serif;
  font-weight: 700;
  color: var(--white);
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--blue2);
  border-radius: 50%;
}
@media screen and (max-width: 767px) {
  .page-15q15a .interview__ttl:before {
    width: clamp(0px, 6.9333333333vw, 36.4px);
    height: clamp(0px, 6.9333333333vw, 36.4px);
    font-size: clamp(0px, 4.2666666667vw, 22.4px);
  }
}
.page-15q15a .interview__ttl .color__blue2 {
  font-weight: 700;
}
.page-15q15a .img__wrap {
  margin: clamp(0px, 4.1666666667vw, 84px) 0;
  border-radius: clamp(0px, 0.8333333333vw, 16.8px);
  overflow: hidden;
}

/* !!------------------------------------ */
/* !! @note 働く環境を知る */
.page-environment .main__content > section {
  padding-bottom: clamp(0px, 11.1111111111vw, 224px);
}
@media screen and (max-width: 767px) {
  .page-environment .main__content > section {
    padding-bottom: clamp(0px, 21.3333333333vw, 112px);
  }
}
.page-environment .main__content > section.numbers__section {
  padding-bottom: 0;
}
.page-environment .img__wrap {
  margin-bottom: clamp(0px, 2.7777777778vw, 56px);
  border-radius: clamp(0px, 0.8333333333vw, 16.8px);
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .page-environment .img__wrap {
    margin-bottom: clamp(0px, 5.3333333333vw, 28px);
    border-radius: clamp(0px, 2.6666666667vw, 14px);
  }
}
.page-environment .benefits__list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: clamp(0px, 15vw, 302.4px) clamp(0px, 12.7083333333vw, 256.2px);
  gap: clamp(0px, 0.9027777778vw, 18.2px);
}
@media screen and (max-width: 767px) {
  .page-environment .benefits__list {
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: clamp(0px, 41.0666666667vw, 215.6px) clamp(0px, 41.0666666667vw, 215.6px) clamp(0px, 64vw, 336px);
    gap: clamp(0px, 2.1333333333vw, 11.2px);
  }
}
.page-environment .benefits__list--item {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: clamp(0px, 2.3611111111vw, 47.6px) clamp(0px, 1.3888888889vw, 28px);
  background-color: #EAEDF2;
  border-radius: clamp(0px, 0.8333333333vw, 16.8px);
}
.page-environment .benefits__list--item:first-child {
  grid-area: 1/1/2/2;
}
.page-environment .benefits__list--item:nth-child(2) {
  grid-area: 1/2/2/3;
}
.page-environment .benefits__list--item:nth-child(3) {
  grid-area: 1/3/2/4;
}
.page-environment .benefits__list--item:nth-child(4) {
  grid-area: 1/4/2/5;
}
.page-environment .benefits__list--item:last-child {
  display: grid;
  grid-template-columns: auto clamp(0px, 47.5vw, 957.6px);
  align-items: flex-start;
  gap: clamp(0px, 2.9861111111vw, 60.2px);
  grid-area: 2/1/3/5;
  padding: clamp(0px, 2.3611111111vw, 47.6px) clamp(0px, 3.6805555556vw, 74.2px);
}
.page-environment .benefits__list--item:last-child .icon__wrap {
  margin-bottom: 0;
}
.page-environment .benefits__list--item:last-child .ttl__h3 {
  text-align: left;
}
@media screen and (max-width: 767px) {
  .page-environment .benefits__list--item:last-child .ttl__h3 {
    text-align: center;
  }
}
@media screen and (max-width: 767px) {
  .page-environment .benefits__list--item {
    padding: clamp(0px, 6.4vw, 33.6px);
    border-radius: clamp(0px, 2.1333333333vw, 11.2px);
  }
  .page-environment .benefits__list--item:first-child {
    grid-area: 1/1/2/2;
  }
  .page-environment .benefits__list--item:nth-child(2) {
    grid-area: 1/2/2/3;
  }
  .page-environment .benefits__list--item:nth-child(3) {
    grid-area: 2/1/3/2;
  }
  .page-environment .benefits__list--item:nth-child(4) {
    grid-area: 2/2/3/3;
  }
  .page-environment .benefits__list--item:last-child {
    grid-template-columns: 1fr;
    grid-area: 3/1/4/3;
    gap: clamp(0px, 2.6666666667vw, 14px);
    padding: clamp(0px, 6.4vw, 33.6px);
  }
  .page-environment .benefits__list--item:last-child .icon__wrap {
    width: clamp(0px, 11.2vw, 58.8px);
    margin: 0 auto;
  }
}
.page-environment .benefits__list .icon__wrap {
  width: clamp(0px, 3.3333333333vw, 67.2px);
  margin-bottom: clamp(0px, 0.5555555556vw, 11.2px);
}
@media screen and (max-width: 767px) {
  .page-environment .benefits__list .icon__wrap {
    width: clamp(0px, 9.8666666667vw, 51.8px);
    margin-bottom: clamp(0px, 1.0666666667vw, 5.6px);
  }
}
.page-environment .benefits__list .ttl__h3 {
  font-size: clamp(0px, 1.5277777778vw, 30.8px);
  font-weight: 700;
  line-height: 1.4;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .page-environment .benefits__list .ttl__h3 {
    font-size: clamp(0px, 4.2666666667vw, 22.4px);
  }
}
.page-environment .benefits__list .note__txt {
  font-size: clamp(0px, 0.9722222222vw, 19.6px);
  line-height: 1.4;
  margin-top: clamp(0px, 0.5555555556vw, 11.2px);
}
@media screen and (max-width: 767px) {
  .page-environment .benefits__list .note__txt {
    font-size: clamp(0px, 2.6666666667vw, 14px);
    margin-top: clamp(0px, 1.3333333333vw, 7px);
  }
}
.page-environment .benefits__list .lead__txt {
  padding-top: clamp(0px, 1.3888888889vw, 28px);
}
@media screen and (max-width: 767px) {
  .page-environment .benefits__list .lead__txt {
    padding-top: 0;
  }
}
.page-environment .timeoff__list--item {
  display: grid;
  grid-template-columns: clamp(0px, 10.4166666667vw, 210px) auto;
  gap: clamp(0px, 11.1111111111vw, 224px);
  padding-top: clamp(0px, 1.6666666667vw, 33.6px);
  padding-bottom: clamp(0px, 2.0833333333vw, 42px);
  border-bottom: clamp(0px, 0.0694444444vw, 1.4px) solid #AAAEB6;
}
@media screen and (max-width: 767px) {
  .page-environment .timeoff__list--item {
    grid-template-columns: clamp(0px, 32vw, 168px) auto;
    gap: clamp(0px, 5.3333333333vw, 28px);
    padding-top: clamp(0px, 6.4vw, 33.6px);
    padding-bottom: clamp(0px, 6.4vw, 33.6px);
    border-width: clamp(0px, 0.2666666667vw, 1.4px);
  }
}
.page-environment .timeoff__list--item .timeoff__ttl {
  font-size: clamp(0px, 1.1111111111vw, 22.4px);
  line-height: 1.8;
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  .page-environment .timeoff__list--item .timeoff__ttl {
    font-size: clamp(0px, 3.4666666667vw, 18.2px);
    white-space: nowrap;
  }
}
.page-environment .timeoff__list--item:first-child {
  padding-top: 0;
}
.page-environment .numbers__section {
  padding-bottom: 0;
}
.page-environment .numbers__section .numbers__list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: clamp(0px, 0.9722222222vw, 19.6px);
}
@media screen and (max-width: 767px) {
  .page-environment .numbers__section .numbers__list {
    grid-template-columns: 1fr;
    gap: clamp(0px, 2.6666666667vw, 14px);
  }
}
.page-environment .numbers__section .numbers__list--item {
  padding: clamp(0px, 2.5vw, 50.4px);
  background-color: #EAEDF2;
  border-radius: clamp(0px, 0.8333333333vw, 16.8px);
}
@media screen and (max-width: 767px) {
  .page-environment .numbers__section .numbers__list--item {
    padding: clamp(0px, 6.9333333333vw, 36.4px) clamp(0px, 6.4vw, 33.6px) clamp(0px, 6.4vw, 33.6px);
    border-radius: clamp(0px, 2.1333333333vw, 11.2px);
  }
}
.page-environment .numbers__section .numbers__list .numbers__wrap {
  display: grid;
  justify-content: space-between;
  grid-template-columns: clamp(0px, 5.1388888889vw, 103.6px) auto;
  gap: clamp(0px, 1.3888888889vw, 28px);
}
@media screen and (max-width: 767px) {
  .page-environment .numbers__section .numbers__list .numbers__wrap {
    grid-template-columns: clamp(0px, 14.1333333333vw, 74.2px) auto;
    gap: clamp(0px, 4vw, 21px);
  }
}
.page-environment .numbers__section .numbers__list .numbers__ttl {
  font-size: clamp(0px, 1.25vw, 25.2px);
  font-weight: 700;
  margin-bottom: clamp(0px, 0.9722222222vw, 19.6px);
  padding-bottom: clamp(0px, 0.9722222222vw, 19.6px);
  border-bottom: clamp(0px, 0.0694444444vw, 1.4px) solid #AAAEB6;
}
@media screen and (max-width: 767px) {
  .page-environment .numbers__section .numbers__list .numbers__ttl {
    font-size: clamp(0px, 3.4666666667vw, 18.2px);
    margin-bottom: clamp(0px, 2.6666666667vw, 14px);
    padding-bottom: clamp(0px, 2.6666666667vw, 14px);
    border-width: clamp(0px, 0.2666666667vw, 1.4px);
  }
}
.page-environment .numbers__section .numbers__list .icon__wrap {
  width: clamp(0px, 5.1388888889vw, 103.6px);
  height: clamp(0px, 5.1388888889vw, 103.6px);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: clamp(0px, 0.4861111111vw, 9.8px);
  background-color: var(--blue2);
  border-radius: 50%;
}
@media screen and (max-width: 767px) {
  .page-environment .numbers__section .numbers__list .icon__wrap {
    width: clamp(0px, 14.1333333333vw, 74.2px);
    height: clamp(0px, 14.1333333333vw, 74.2px);
    margin-top: clamp(0px, 1.3333333333vw, 7px);
  }
}
.page-environment .numbers__section .numbers__list .icon__wrap img {
  width: clamp(0px, 2.7777777778vw, 56px);
}
@media screen and (max-width: 767px) {
  .page-environment .numbers__section .numbers__list .icon__wrap img {
    width: clamp(0px, 7.4666666667vw, 39.2px);
  }
}
.page-environment .numbers__section .numbers__list .ttl__h3 {
  font-size: clamp(0px, 2.0833333333vw, 42px);
  font-weight: 700;
  line-height: 1.5;
  margin-bottom: clamp(0px, 0.1388888889vw, 2.8px);
}
@media screen and (max-width: 767px) {
  .page-environment .numbers__section .numbers__list .ttl__h3 {
    font-size: clamp(0px, 5.8666666667vw, 30.8px);
    margin-bottom: 0;
  }
}

/* !!------------------------------------ */
/* !! @note よくある質問 */
.page-faq .content__section {
  padding-top: clamp(0px, 5.5555555556vw, 112px);
}
@media screen and (max-width: 767px) {
  .page-faq .content__section {
    padding-top: clamp(0px, 16vw, 84px);
  }
  .page-faq .content__section .faq__section {
    padding-right: 0;
    padding-left: 0;
  }
  .page-faq .content__section .faq__section > .lead__txt {
    font-size: clamp(0px, 3.4666666667vw, 18.2px);
  }
}
.page-faq .faq__list {
  border-bottom: clamp(0px, 0.0694444444vw, 1.4px) solid #AAAEB6;
}
@media screen and (max-width: 767px) {
  .page-faq .faq__list {
    border-width: clamp(0px, 0.2666666667vw, 1.4px);
  }
}
.page-faq .faq__list:first-of-type {
  margin-top: clamp(0px, 3.3333333333vw, 67.2px);
}
@media screen and (max-width: 767px) {
  .page-faq .faq__list:first-of-type {
    margin-top: clamp(0px, 6.9333333333vw, 36.4px);
  }
}
.page-faq .faq__list--ttl {
  font-size: clamp(0px, 1.25vw, 25.2px);
  line-height: 1.6;
  font-weight: 500;
  display: grid;
  grid-template-columns: clamp(0px, 2.2222222222vw, 44.8px) 1fr;
  align-items: baseline;
  gap: clamp(0px, 1.1111111111vw, 22.4px);
  padding: clamp(0px, 3.3333333333vw, 67.2px) clamp(0px, 9.0277777778vw, 182px) clamp(0px, 3.3333333333vw, 67.2px) clamp(0px, 3.8888888889vw, 78.4px);
  position: relative;
  cursor: pointer;
}
@media screen and (max-width: 767px) {
  .page-faq .faq__list--ttl {
    font-size: clamp(0px, 3.7333333333vw, 19.6px);
    grid-template-columns: clamp(0px, 6.4vw, 33.6px) auto;
    gap: clamp(0px, 2.1333333333vw, 11.2px);
    padding: clamp(0px, 6.4vw, 33.6px) clamp(0px, 15.2vw, 79.8px) clamp(0px, 6.4vw, 33.6px) clamp(0px, 5.3333333333vw, 28px);
  }
}
.page-faq .faq__list--ttl:before {
  content: "Q";
  width: clamp(0px, 2.2222222222vw, 44.8px);
  height: clamp(0px, 2.2222222222vw, 44.8px);
  font-size: clamp(0px, 1.3888888889vw, 28px);
  font-family: "Inter", sans-serif;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--white);
  background-color: var(--blue2);
  border-radius: 50%;
}
@media screen and (max-width: 767px) {
  .page-faq .faq__list--ttl:before {
    width: clamp(0px, 6.4vw, 33.6px);
    height: clamp(0px, 6.4vw, 33.6px);
    font-size: clamp(0px, 3.7333333333vw, 19.6px);
  }
}
.page-faq .faq__list--ttl:after {
  content: "";
  width: clamp(0px, 3.4722222222vw, 70px);
  height: clamp(0px, 3.4722222222vw, 70px);
  background-image: url("../img/faq/icon__arrow.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  position: absolute;
  top: clamp(0px, 2.7083333333vw, 54.6px);
  right: clamp(0px, 2.7777777778vw, 56px);
  transition: transform 0.3s ease-out;
}
@media screen and (max-width: 767px) {
  .page-faq .faq__list--ttl:after {
    width: clamp(0px, 6.9333333333vw, 36.4px);
    height: clamp(0px, 6.9333333333vw, 36.4px);
    top: clamp(0px, 6.4vw, 33.6px);
    right: clamp(0px, 5.3333333333vw, 28px);
  }
}
.page-faq .faq__list ._open:after {
  transform: scale(1, -1);
}
.page-faq .faq__list--txt {
  font-size: clamp(0px, 0.9722222222vw, 19.6px);
  line-height: 1.8;
  font-weight: 400;
  text-align: justify;
  display: grid;
  grid-template-columns: clamp(0px, 2.2222222222vw, 44.8px) auto;
  align-items: baseline;
  gap: clamp(0px, 1.1111111111vw, 22.4px);
  padding: clamp(0px, 2.7777777778vw, 56px) clamp(0px, 9.0277777778vw, 182px) clamp(0px, 2.7777777778vw, 56px) clamp(0px, 3.8888888889vw, 78.4px);
  background-color: #F5F5F6;
  position: relative;
}
@media screen and (max-width: 767px) {
  .page-faq .faq__list--txt {
    font-size: clamp(0px, 3.4666666667vw, 18.2px);
    grid-template-columns: clamp(0px, 6.4vw, 33.6px) auto;
    gap: clamp(0px, 2.1333333333vw, 11.2px);
    padding: clamp(0px, 6.4vw, 33.6px) clamp(0px, 5.3333333333vw, 28px);
  }
}
.page-faq .faq__list--txt:before {
  content: "A";
  width: clamp(0px, 2.2222222222vw, 44.8px);
  height: clamp(0px, 2.2222222222vw, 44.8px);
  font-size: clamp(0px, 1.3888888889vw, 28px);
  font-family: "Inter", sans-serif;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--blue2);
  background-color: var(--black);
  border-radius: 50%;
}
@media screen and (max-width: 767px) {
  .page-faq .faq__list--txt:before {
    width: clamp(0px, 6.4vw, 33.6px);
    height: clamp(0px, 6.4vw, 33.6px);
    font-size: clamp(0px, 3.7333333333vw, 19.6px);
  }
}

/* !!------------------------------------ */
/* !! @note 採用情報 */
@media screen and (max-width: 767px) {
  .page-recruit .recruit__section {
    padding-right: 0;
    padding-left: 0;
  }
}
.page-recruit .content__section .ttl__h2--group {
  margin-bottom: clamp(0px, 4.1666666667vw, 84px);
  padding-bottom: 0;
  border-bottom: none;
}
@media screen and (max-width: 767px) {
  .page-recruit .content__section .ttl__h2--group {
    margin-bottom: clamp(0px, 14.6666666667vw, 77px);
  }
}
.page-recruit .recquirements__list--item {
  display: grid;
  grid-template-columns: clamp(0px, 11.1111111111vw, 224px) auto;
  gap: clamp(0px, 2.7777777778vw, 56px);
  padding: clamp(0px, 2.0833333333vw, 42px) 0;
  border-bottom: clamp(0px, 0.0694444444vw, 1.4px) solid #D9D9D9;
}
@media screen and (max-width: 767px) {
  .page-recruit .recquirements__list--item {
    grid-template-columns: clamp(0px, 21.3333333333vw, 112px) auto;
    gap: clamp(0px, 6.4vw, 33.6px);
    padding: clamp(0px, 6.4vw, 33.6px) 0;
    border-width: clamp(0px, 0.2666666667vw, 1.4px);
  }
}
.page-recruit .recquirements__list--item:first-child {
  padding-top: 0;
}
.page-recruit .none__txt {
  margin-bottom: clamp(0px, 11.1111111111vw, 224px);
}
@media screen and (max-width: 767px) {
  .page-recruit .none__txt {
    margin-bottom: clamp(0px, 21.3333333333vw, 112px);
  }
}

.recruitflow__list {
  display: grid;
  gap: clamp(0px, 3.4722222222vw, 70px);
  counter-reset: number 0;
}
@media screen and (max-width: 767px) {
  .recruitflow__list {
    gap: clamp(0px, 12.8vw, 67.2px);
  }
}
.recruitflow__list--item {
  color: var(--white);
  display: grid;
  grid-template-columns: clamp(0px, 9.0277777778vw, 182px) auto;
  gap: clamp(0px, 4.1666666667vw, 84px);
  align-items: center;
  padding: clamp(0px, 2.0833333333vw, 42px) clamp(0px, 3.8194444444vw, 77px);
  background-color: var(--blue2);
  border-radius: clamp(0px, 0.8333333333vw, 16.8px);
  position: relative;
}
@media screen and (max-width: 767px) {
  .recruitflow__list--item {
    grid-template-columns: 1fr;
    gap: 0;
    padding: clamp(0px, 6.4vw, 33.6px);
    border-radius: clamp(0px, 3.2vw, 16.8px);
  }
}
.recruitflow__list--item:after {
  content: "";
  width: clamp(0px, 5.8333333333vw, 117.6px);
  height: clamp(0px, 1.9444444444vw, 39.2px);
  background-color: var(--black);
  clip-path: polygon(0 0, 100% 0, 50% 100%);
  position: absolute;
  bottom: clamp(-56px, -2.7777777778vw, 0px);
  left: 50%;
  transform: translateX(-50%);
}
@media screen and (max-width: 767px) {
  .recruitflow__list--item:after {
    width: clamp(0px, 12.8vw, 67.2px);
    height: clamp(0px, 4.2666666667vw, 22.4px);
    bottom: clamp(-42px, -8vw, 0px);
  }
}
.recruitflow__list--item:last-child:after {
  display: none;
}
.recruitflow__list .recruitflow__ttl {
  height: 100%;
  font-size: clamp(0px, 1.9444444444vw, 39.2px);
  font-weight: 700;
  display: flex;
  justify-content: center;
  flex-direction: column;
  position: relative;
}
@media screen and (max-width: 767px) {
  .recruitflow__list .recruitflow__ttl {
    height: auto;
    font-size: clamp(0px, 5.3333333333vw, 28px);
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: clamp(0px, 2.1333333333vw, 11.2px);
    margin-bottom: clamp(0px, 4.2666666667vw, 22.4px);
    padding-bottom: clamp(0px, 4.2666666667vw, 22.4px);
    border-bottom: clamp(0px, 0.2666666667vw, 1.4px) solid var(--white);
  }
}
.recruitflow__list .recruitflow__ttl:before {
  content: "STEP.0" counter(number);
  counter-increment: number 1;
  font-size: clamp(0px, 1.3888888889vw, 28px);
  font-family: "Inter", sans-serif;
  display: block;
  margin-bottom: clamp(0px, 0.6944444444vw, 14px);
}
@media screen and (max-width: 767px) {
  .recruitflow__list .recruitflow__ttl:before {
    font-size: clamp(0px, 4.2666666667vw, 22.4px);
    margin-bottom: 0;
  }
}
.recruitflow__list .recruitflow__ttl:after {
  content: "";
  width: clamp(0px, 0.0694444444vw, 1.4px);
  height: 100%;
  background-color: var(--white);
  position: absolute;
  top: 0;
  right: clamp(-42px, -2.0833333333vw, 0px);
}
@media screen and (max-width: 767px) {
  .recruitflow__list .recruitflow__ttl:after {
    content: none;
  }
}
.recruitflow__list .lead__txt {
  padding: clamp(0px, 1.0416666667vw, 21px) 0;
}

/* !!------------------------------------ */
/* !! @note エントリー */
.page-entry .content__section {
  padding-top: clamp(0px, 5.5555555556vw, 112px);
}
@media screen and (max-width: 767px) {
  .page-entry .content__section {
    padding-top: clamp(0px, 16vw, 84px);
  }
  .page-entry .content__section .entry__section {
    padding-right: 0;
    padding-left: 0;
  }
}
.page-entry .wpcf7 {
  margin-top: clamp(0px, 4.1666666667vw, 84px);
  margin-bottom: clamp(0px, 11.1111111111vw, 224px);
  padding: clamp(0px, 6.25vw, 126px) clamp(0px, 10.4166666667vw, 210px) clamp(0px, 10.4166666667vw, 210px);
  background-color: #EAEDF2;
  border-radius: clamp(0px, 0.8333333333vw, 16.8px);
}
@media screen and (max-width: 767px) {
  .page-entry .wpcf7 {
    margin-top: clamp(0px, 10.6666666667vw, 56px);
    margin-bottom: clamp(0px, 21.3333333333vw, 112px);
    padding: clamp(0px, 10.6666666667vw, 56px) clamp(0px, 5.3333333333vw, 28px) clamp(0px, 21.3333333333vw, 112px);
    border-radius: clamp(0px, 2.1333333333vw, 11.2px);
  }
}
.page-entry .entry__list {
  display: grid;
  gap: clamp(0px, 2.7777777778vw, 56px);
}
@media screen and (max-width: 767px) {
  .page-entry .entry__list {
    gap: clamp(0px, 10.6666666667vw, 56px);
  }
}
.page-entry .entry__list--item {
  display: grid;
  flex-direction: column;
  gap: clamp(0px, 0.9027777778vw, 18.2px);
}
@media screen and (max-width: 767px) {
  .page-entry .entry__list--item {
    gap: clamp(0px, 3.2vw, 16.8px);
  }
}
.page-entry .entry__list--ttl {
  font-size: clamp(0px, 1.25vw, 25.2px);
  font-weight: 500;
  display: flex;
  align-items: center;
  gap: clamp(0px, 0.6944444444vw, 14px);
}
@media screen and (max-width: 767px) {
  .page-entry .entry__list--ttl {
    font-size: clamp(0px, 3.4666666667vw, 18.2px);
    gap: clamp(0px, 2.6666666667vw, 14px);
  }
}
.page-entry .entry__list--ttl span {
  font-size: clamp(0px, 0.9722222222vw, 19.6px);
  color: var(--white);
  padding: clamp(0px, 0.2777777778vw, 5.6px) clamp(0px, 0.5555555556vw, 11.2px);
  background-color: var(--black);
  border-radius: clamp(0px, 0.2777777778vw, 5.6px);
}
@media screen and (max-width: 767px) {
  .page-entry .entry__list--ttl span {
    font-size: clamp(0px, 3.2vw, 16.8px);
    padding: clamp(0px, 1.0666666667vw, 5.6px) clamp(0px, 2.1333333333vw, 11.2px);
    border-radius: clamp(0px, 1.0666666667vw, 5.6px);
  }
}
.page-entry .entry__list .form__wrap {
  display: flex;
  gap: clamp(0px, 1.1111111111vw, 22.4px);
}
@media screen and (max-width: 767px) {
  .page-entry .entry__list .form__wrap {
    flex-direction: column;
    gap: clamp(0px, 2.1333333333vw, 11.2px);
  }
}
.page-entry .entry__list .form__wrap span {
  width: 100%;
  display: block;
}
.page-entry .entry__list .form__wrap span[data-name=your-lastname], .page-entry .entry__list .form__wrap span[data-name=your-firstname], .page-entry .entry__list .form__wrap span[data-name=your-lastname_furigana], .page-entry .entry__list .form__wrap span[data-name=your-firstname_furigana] {
  width: auto;
}
@media screen and (max-width: 767px) {
  .page-entry .entry__list .form__wrap span[data-name=your-lastname], .page-entry .entry__list .form__wrap span[data-name=your-firstname], .page-entry .entry__list .form__wrap span[data-name=your-lastname_furigana], .page-entry .entry__list .form__wrap span[data-name=your-firstname_furigana] {
    width: 100%;
  }
}
.page-entry .entry__list input, .page-entry .entry__list select, .page-entry .entry__list textarea {
  width: 100%;
  font-size: clamp(0px, 1.25vw, 25.2px);
  line-height: 1.8;
  padding: clamp(0px, 0.8333333333vw, 16.8px) clamp(0px, 1.1111111111vw, 22.4px);
  background-color: var(--white);
  border-radius: clamp(0px, 0.2777777778vw, 5.6px);
}
@media screen and (max-width: 767px) {
  .page-entry .entry__list input, .page-entry .entry__list select, .page-entry .entry__list textarea {
    font-size: clamp(0px, 4.2666666667vw, 22.4px);
    padding: clamp(0px, 3.2vw, 16.8px) clamp(0px, 4.2666666667vw, 22.4px);
    border-radius: clamp(0px, 1.0666666667vw, 5.6px);
  }
}
.page-entry .entry__list input:focus, .page-entry .entry__list select:focus, .page-entry .entry__list textarea:focus {
  outline: none;
}
.page-entry .entry__list input::-moz-placeholder, .page-entry .entry__list select::-moz-placeholder, .page-entry .entry__list textarea::-moz-placeholder {
  color: #CECDCD;
}
.page-entry .entry__list input::placeholder, .page-entry .entry__list select::placeholder, .page-entry .entry__list textarea::placeholder {
  color: #CECDCD;
}
.page-entry .entry__list input {
  font-family: "Noto Sans JP", sans-serif;
}
.page-entry .entry__list input::-moz-placeholder {
  color: #CECDCD;
}
.page-entry .entry__list input::placeholder {
  color: #CECDCD;
}
.page-entry .entry__list input[name=your-lastname], .page-entry .entry__list input[name=your-firstname], .page-entry .entry__list input[name=your-lastname_furigana], .page-entry .entry__list input[name=your-firstname_furigana] {
  width: clamp(0px, 17.0138888889vw, 343px);
}
@media screen and (max-width: 767px) {
  .page-entry .entry__list input[name=your-lastname], .page-entry .entry__list input[name=your-firstname], .page-entry .entry__list input[name=your-lastname_furigana], .page-entry .entry__list input[name=your-firstname_furigana] {
    width: 100%;
  }
}
.page-entry .entry__list .file-input {
  padding: clamp(0px, 0.6944444444vw, 14px) clamp(0px, 1.9444444444vw, 39.2px) clamp(0px, 0.6944444444vw, 14px) clamp(0px, 1.1111111111vw, 22.4px);
  background-color: var(--white);
  border-radius: clamp(0px, 0.2777777778vw, 5.6px);
}
@media screen and (max-width: 767px) {
  .page-entry .entry__list .file-input {
    padding: clamp(0px, 2.6666666667vw, 14px) clamp(0px, 4.2666666667vw, 22.4px);
  }
}
.page-entry .entry__list .file-input::file-selector-button {
  font-size: clamp(0px, 1.1111111111vw, 22.4px);
  font-family: "Noto Sans JP", sans-serif;
  color: var(--black);
  margin-right: clamp(0px, 0.9722222222vw, 19.6px);
  padding: clamp(0px, 0.5555555556vw, 11.2px) clamp(0px, 0.9027777778vw, 18.2px);
  background-color: transparent;
  border: clamp(0px, 0.0694444444vw, 1.4px) solid var(--black);
  border-radius: clamp(0px, 0.2777777778vw, 5.6px);
  cursor: pointer;
}
@media screen and (max-width: 767px) {
  .page-entry .entry__list .file-input::file-selector-button {
    font-size: clamp(0px, 3.4666666667vw, 18.2px);
    margin-right: clamp(0px, 2.1333333333vw, 11.2px);
    padding: clamp(0px, 1.0666666667vw, 5.6px) clamp(0px, 2.1333333333vw, 11.2px);
    border-width: clamp(0px, 0.2666666667vw, 1.4px);
    border-radius: clamp(0px, 1.0666666667vw, 5.6px);
  }
}
.page-entry .entry__list [data-name=your-job]:after {
  content: "";
  width: clamp(0px, 0.5555555556vw, 11.2px);
  height: clamp(0px, 0.5555555556vw, 11.2px);
  border-right: clamp(0px, 0.0694444444vw, 1.4px) solid var(--black);
  border-bottom: clamp(0px, 0.0694444444vw, 1.4px) solid var(--black);
  position: absolute;
  top: clamp(0px, 1.6666666667vw, 33.6px);
  right: clamp(0px, 1.6666666667vw, 33.6px);
  transform: translateY(-50%) rotate(45deg);
}
@media screen and (max-width: 767px) {
  .page-entry .entry__list [data-name=your-job]:after {
    width: clamp(0px, 1.6vw, 8.4px);
    height: clamp(0px, 1.6vw, 8.4px);
    border-width: clamp(0px, 0.2666666667vw, 1.4px);
    top: clamp(0px, 6.1333333333vw, 32.2px);
    right: clamp(0px, 4.2666666667vw, 22.4px);
  }
}
.page-entry .entry__list {
  /* 初期値（一番上のプレースホルダー）の文字色を薄いグレーにする */
}
.page-entry .entry__list .init-color:invalid,
.page-entry .entry__list .init-color option:first-child {
  color: #999999;
}
.page-entry .entry__list {
  /* 2番目以降の通常の選択肢の文字色を黒にする */
}
.page-entry .entry__list .init-color option:not(:first-child) {
  color: #333333;
}
.page-entry .entry__list [data-name=your-resume1], .page-entry .entry__list [data-name=your-resume2], .page-entry .entry__list [data-name=your-resume3] {
  font-size: clamp(0px, 1.25vw, 25.2px);
  font-weight: 400;
  color: #AAAEB6;
}
@media screen and (max-width: 767px) {
  .page-entry .entry__list [data-name=your-resume1], .page-entry .entry__list [data-name=your-resume2], .page-entry .entry__list [data-name=your-resume3] {
    font-size: clamp(0px, 3.4666666667vw, 18.2px);
  }
}
.page-entry .entry__list [data-name=your-resume1] .wpcf7-not-valid, .page-entry .entry__list [data-name=your-resume2] .wpcf7-not-valid, .page-entry .entry__list [data-name=your-resume3] .wpcf7-not-valid {
  border: none;
}
.page-entry .entry__list [data-name=your-resume1] .wpcf7-not-valid-tip, .page-entry .entry__list [data-name=your-resume2] .wpcf7-not-valid-tip, .page-entry .entry__list [data-name=your-resume3] .wpcf7-not-valid-tip {
  margin-top: clamp(0px, 0.5555555556vw, 11.2px);
}
@media screen and (max-width: 767px) {
  .page-entry .entry__list [data-name=your-resume1] .wpcf7-not-valid-tip, .page-entry .entry__list [data-name=your-resume2] .wpcf7-not-valid-tip, .page-entry .entry__list [data-name=your-resume3] .wpcf7-not-valid-tip {
    margin-top: clamp(0px, 2.1333333333vw, 11.2px);
  }
}
.page-entry .entry__list [data-name=your-resume1] .file-input, .page-entry .entry__list [data-name=your-resume2] .file-input, .page-entry .entry__list [data-name=your-resume3] .file-input {
  border-radius: clamp(0px, 0.2777777778vw, 5.6px) 0 0 clamp(0px, 0.2777777778vw, 5.6px);
}
@media screen and (max-width: 767px) {
  .page-entry .entry__list [data-name=your-resume1] .file-input, .page-entry .entry__list [data-name=your-resume2] .file-input, .page-entry .entry__list [data-name=your-resume3] .file-input {
    height: clamp(0px, 13.3333333333vw, 70px);
    border-radius: clamp(0px, 1.0666666667vw, 5.6px) 0 0 clamp(0px, 1.0666666667vw, 5.6px);
  }
}
.page-entry .entry__list .form__wrap:has([data-name=your-resume1]), .page-entry .entry__list .form__wrap:has([data-name=your-resume2]), .page-entry .entry__list .form__wrap:has([data-name=your-resume3]) {
  gap: 0;
}
@media screen and (max-width: 767px) {
  .page-entry .entry__list .form__wrap:has([data-name=your-resume1]), .page-entry .entry__list .form__wrap:has([data-name=your-resume2]), .page-entry .entry__list .form__wrap:has([data-name=your-resume3]) {
    flex-direction: row;
  }
}
.page-entry .entry__list .clear-file {
  width: clamp(0px, 5.5555555556vw, 112px);
  font-size: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--white);
  border-radius: 0 clamp(0px, 0.2777777778vw, 5.6px) clamp(0px, 0.2777777778vw, 5.6px) 0;
  position: relative;
}
@media screen and (max-width: 767px) {
  .page-entry .entry__list .clear-file {
    width: clamp(0px, 12.8vw, 67.2px);
    height: clamp(0px, 13.3333333333vw, 70px);
    border-radius: 0 clamp(0px, 1.0666666667vw, 5.6px) clamp(0px, 1.0666666667vw, 5.6px) 0;
  }
}
.page-entry .entry__list .clear-file:after {
  content: "";
  width: clamp(0px, 1.6666666667vw, 33.6px);
  height: clamp(0px, 1.6666666667vw, 33.6px);
  background-image: url("../img/entry/icon__trashbox.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
}
@media screen and (max-width: 767px) {
  .page-entry .entry__list .clear-file:after {
    width: clamp(0px, 4.2666666667vw, 22.4px);
    height: clamp(0px, 4.2666666667vw, 22.4px);
  }
}
.page-entry .entry__list ol {
  margin-top: clamp(0px, 0.6944444444vw, 14px);
}
@media screen and (max-width: 767px) {
  .page-entry .entry__list ol {
    margin-top: clamp(0px, 2.6666666667vw, 14px);
  }
}
.page-entry .entry__list ol li {
  font-size: clamp(0px, 0.9722222222vw, 19.6px);
  font-weight: 500;
  line-height: 1.8;
  display: flex;
  align-items: baseline;
  gap: 0.5em;
}
@media screen and (max-width: 767px) {
  .page-entry .entry__list ol li {
    font-size: clamp(0px, 3.2vw, 16.8px);
  }
}
.page-entry .entry__list ol li:before {
  content: "※";
}
.page-entry .entry__list textarea {
  height: clamp(0px, 34.0277777778vw, 686px);
  font-family: "Noto Sans JP", sans-serif;
  resize: none;
}
@media screen and (max-width: 767px) {
  .page-entry .entry__list textarea {
    height: clamp(0px, 64vw, 336px);
  }
}
.page-entry .entry__list .wpcf7-not-valid {
  border: clamp(0px, 0.0694444444vw, 1.4px) solid #F90000;
}
@media screen and (max-width: 767px) {
  .page-entry .entry__list .wpcf7-not-valid {
    border-width: clamp(0px, 0.2666666667vw, 1.4px);
  }
}
.page-entry [data-name=your-acceptance] {
  display: block;
  margin-top: clamp(0px, 4.8611111111vw, 98px);
}
@media screen and (max-width: 767px) {
  .page-entry [data-name=your-acceptance] {
    margin-top: clamp(0px, 10.6666666667vw, 56px);
  }
}
.page-entry [data-name=your-acceptance] .wpcf7-list-item {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 0;
}
.page-entry [data-name=your-acceptance] .wpcf7-list-item-label {
  font-size: clamp(0px, 1.1111111111vw, 22.4px);
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  cursor: pointer;
}
@media screen and (max-width: 767px) {
  .page-entry [data-name=your-acceptance] .wpcf7-list-item-label {
    font-size: clamp(0px, 3.4666666667vw, 18.2px);
    line-height: 1.8;
    display: block;
    padding-left: clamp(0px, 10.1333333333vw, 53.2px);
    top: clamp(0px, 0.5333333333vw, 2.8px);
  }
}
.page-entry [data-name=your-acceptance] .wpcf7-list-item-label:before, .page-entry [data-name=your-acceptance] .wpcf7-list-item-label:after {
  content: "";
  width: clamp(0px, 2.2222222222vw, 44.8px);
  height: clamp(0px, 2.2222222222vw, 44.8px);
}
@media screen and (max-width: 767px) {
  .page-entry [data-name=your-acceptance] .wpcf7-list-item-label:before, .page-entry [data-name=your-acceptance] .wpcf7-list-item-label:after {
    width: clamp(0px, 6.9333333333vw, 36.4px);
    height: clamp(0px, 6.9333333333vw, 36.4px);
  }
}
.page-entry [data-name=your-acceptance] .wpcf7-list-item-label:before {
  margin-right: clamp(0px, 0.8333333333vw, 16.8px);
  background-color: var(--white);
  border: clamp(0px, 0.0694444444vw, 1.4px) solid var(--black);
}
@media screen and (max-width: 767px) {
  .page-entry [data-name=your-acceptance] .wpcf7-list-item-label:before {
    display: block;
    margin-right: clamp(0px, 3.2vw, 16.8px);
    border-width: clamp(0px, 0.2666666667vw, 1.4px);
    position: absolute;
    top: clamp(-2.8px, -0.5333333333vw, 0px);
    left: 0;
  }
}
.page-entry [data-name=your-acceptance] .wpcf7-list-item-label:after {
  background-image: url(../img/entry/icon__check.svg);
  background-repeat: no-repeat;
  background-size: clamp(0px, 1.6666666667vw, 33.6px) auto;
  background-position: center center;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  opacity: 0;
  transition: opacity 0.3s ease-out;
}
@media screen and (max-width: 767px) {
  .page-entry [data-name=your-acceptance] .wpcf7-list-item-label:after {
    background-size: clamp(0px, 4.8vw, 25.2px) auto;
    top: clamp(-2.8px, -0.5333333333vw, 0px);
    transform: none;
  }
}
.page-entry [data-name=your-acceptance] .wpcf7-list-item-label a {
  text-decoration: underline;
}
.page-entry [data-name=your-acceptance] input {
  display: none;
}
.page-entry [data-name=your-acceptance] input:checked + .wpcf7-list-item-label:after {
  opacity: 1;
}
.page-entry [type=submit] {
  width: clamp(0px, 22.5694444444vw, 455px);
  height: clamp(0px, 4.5833333333vw, 92.4px);
  font-size: clamp(0px, 1.25vw, 25.2px);
  font-family: "Noto Sans JP", sans-serif;
  line-height: 1;
  font-weight: 500;
  color: var(--black);
  display: flex;
  justify-content: center;
  margin: clamp(0px, 2.7777777778vw, 56px) auto 0;
  background-color: var(--white);
  cursor: pointer;
}
@media screen and (max-width: 767px) {
  .page-entry [type=submit] {
    width: clamp(0px, 53.3333333333vw, 280px);
    height: clamp(0px, 13.3333333333vw, 70px);
    font-size: clamp(0px, 3.4666666667vw, 18.2px);
    margin-top: clamp(0px, 10.6666666667vw, 56px);
  }
}
.page-entry [type=submit]:disabled {
  color: #D9D9D9;
}
.page-entry .wpcf7-spinner {
  width: clamp(0px, 1.6666666667vw, 33.6px);
  height: clamp(0px, 1.6666666667vw, 33.6px);
  display: block;
  margin: clamp(0px, 1.3888888889vw, 28px) auto 0;
}
@media screen and (max-width: 767px) {
  .page-entry .wpcf7-spinner {
    width: clamp(0px, 6.4vw, 33.6px);
    height: clamp(0px, 6.4vw, 33.6px);
    margin: clamp(0px, 5.3333333333vw, 28px) auto 0;
  }
}
.page-entry .wpcf7 form .wpcf7-response-output {
  font-size: clamp(0px, 1.1111111111vw, 22.4px);
  text-align: center;
  margin: 0;
  padding: clamp(0px, 1.3888888889vw, 28px);
  border-width: clamp(0px, 0.1388888889vw, 2.8px);
}
@media screen and (max-width: 767px) {
  .page-entry .wpcf7 form .wpcf7-response-output {
    font-size: clamp(0px, 3.4666666667vw, 18.2px);
    line-height: 1.6;
    padding: clamp(0px, 5.3333333333vw, 28px);
    border-width: clamp(0px, 0.5333333333vw, 2.8px);
  }
}
.page-entry .wpcf7-not-valid-tip {
  font-size: clamp(0px, 0.9722222222vw, 19.6px);
  color: #F90000;
  margin-top: clamp(0px, 1.1111111111vw, 22.4px);
}
@media screen and (max-width: 767px) {
  .page-entry .wpcf7-not-valid-tip {
    font-size: clamp(0px, 3.2vw, 16.8px);
    margin-top: clamp(0px, 2.1333333333vw, 11.2px);
  }
}

/* !!------------------------------------ */
/* !! @note サンクスページ */
.page-thanks .content__section {
  padding-top: clamp(0px, 11.1111111111vw, 224px);
}
@media screen and (max-width: 767px) {
  .page-thanks .content__section {
    padding-top: clamp(0px, 10.6666666667vw, 56px);
  }
}
@media screen and (max-width: 767px) {
  .page-thanks .thanks__section {
    padding-right: 0;
    padding-left: 0;
  }
}
.page-thanks .thanks__wrap {
  width: calc(100% - clamp(0px, 15vw, 302.4px));
  margin: 0 auto;
  padding: clamp(0px, 5.5555555556vw, 112px) clamp(0px, 6.5277777778vw, 131.6px);
  background-color: #EAEDF2;
  border-radius: clamp(0px, 0.8333333333vw, 16.8px);
}
@media screen and (max-width: 767px) {
  .page-thanks .thanks__wrap {
    width: 100%;
    padding: clamp(0px, 10.6666666667vw, 56px) clamp(0px, 5.3333333333vw, 28px);
    border-radius: clamp(0px, 2.1333333333vw, 11.2px);
  }
}
.page-thanks .ttl__h3 {
  font-size: clamp(0px, 2.2222222222vw, 44.8px);
  font-weight: 700;
  line-height: 1.6;
  margin-bottom: clamp(0px, 0.6944444444vw, 14px);
}
@media screen and (max-width: 767px) {
  .page-thanks .ttl__h3 {
    font-size: clamp(0px, 6.4vw, 33.6px);
    margin-bottom: clamp(0px, 4.2666666667vw, 22.4px);
  }
}

.btn__top {
  width: clamp(0px, 20.8333333333vw, 420px);
  height: clamp(0px, 5.5555555556vw, 112px);
  font-size: clamp(0px, 1.3888888889vw, 28px);
  font-weight: 700;
  color: var(--white);
  display: flex;
  align-items: center;
  justify-content: center;
  margin: clamp(0px, 6.9444444444vw, 140px) auto 0;
  background-color: var(--black);
  border-radius: clamp(0px, 0.5555555556vw, 11.2px);
}
@media screen and (max-width: 767px) {
  .btn__top {
    width: clamp(0px, 53.3333333333vw, 280px);
    height: clamp(0px, 13.3333333333vw, 70px);
    font-size: clamp(0px, 3.7333333333vw, 19.6px);
    margin-top: clamp(0px, 10.6666666667vw, 56px);
    border-radius: clamp(0px, 1.0666666667vw, 5.6px);
  }
}

/* !!------------------------------------ */
/* !! @note NOT FOUND */
.page-notfound .header .logo__link .en__font {
  color: var(--black);
}
.page-notfound .kv__section {
  height: auto;
  padding-top: clamp(0px, 20.1388888889vw, 406px);
  padding-bottom: clamp(0px, 11.1111111111vw, 224px);
}
@media screen and (max-width: 767px) {
  .page-notfound .kv__section {
    padding-top: clamp(0px, 37.8666666667vw, 198.8px);
    padding-bottom: clamp(0px, 21.3333333333vw, 112px);
  }
}
.page-notfound .notfound__wrap {
  width: calc(100% - clamp(0px, 17.6388888889vw, 355.6px));
  display: grid;
  align-items: center;
  justify-content: space-between;
  grid-template-columns: clamp(0px, 26.0416666667vw, 525px) auto;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .page-notfound .notfound__wrap {
    width: clamp(0px, 77.3333333333vw, 406px);
    grid-template-columns: 1fr;
    gap: clamp(0px, 8.5333333333vw, 44.8px);
  }
}
.page-notfound ._404__txt {
  padding-top: clamp(0px, 2.3611111111vw, 47.6px);
  background-color: var(--blue2);
}
@media screen and (max-width: 767px) {
  .page-notfound ._404__txt {
    padding-top: clamp(0px, 7.2vw, 37.8px);
  }
}
.page-notfound ._404__txt .en__font {
  font-size: clamp(0px, 8.3333333333vw, 168px);
  font-weight: 600;
  color: var(--white);
  text-align: right;
  display: block;
  position: relative;
  bottom: clamp(-30.8px, -1.5277777778vw, 0px);
}
@media screen and (max-width: 767px) {
  .page-notfound ._404__txt .en__font {
    font-size: clamp(0px, 26.6666666667vw, 140px);
    right: clamp(-7px, -1.3333333333vw, 0px);
    bottom: clamp(-19.6px, -3.7333333333vw, 0px);
  }
}
.page-notfound .notfound__txt {
  font-size: clamp(0px, 4.4444444444vw, 89.6px);
  text-align: center;
  margin-top: clamp(0px, 0.9722222222vw, 19.6px);
}
@media screen and (max-width: 767px) {
  .page-notfound .notfound__txt {
    font-size: clamp(0px, 12.8vw, 67.2px);
    margin-top: clamp(0px, 2.1333333333vw, 11.2px);
  }
}
.page-notfound .ttl__h2 {
  font-size: clamp(0px, 2.2222222222vw, 44.8px);
  line-height: 1.6;
  font-weight: 700;
  margin-bottom: clamp(0px, 0.3472222222vw, 7px);
}
@media screen and (max-width: 767px) {
  .page-notfound .ttl__h2 {
    font-size: clamp(0px, 6.4vw, 33.6px);
    text-align: center;
    margin-bottom: clamp(0px, 2.1333333333vw, 11.2px);
  }
}
@media screen and (max-width: 767px) {
  .page-notfound .lead__txt {
    text-align: center;
  }
}
.page-notfound .btn__top {
  margin: clamp(0px, 2.0833333333vw, 42px) 0 0 auto;
}
@media screen and (max-width: 767px) {
  .page-notfound .btn__top {
    margin: clamp(0px, 10.6666666667vw, 56px) auto 0;
  }
}

/* !!------------------------------------ */
/* !! @note footer */
.footer {
  background-color: var(--white);
  padding: clamp(0px, 6.9444444444vw, 140px) 0;
}
@media screen and (max-width: 767px) {
  .footer {
    padding: clamp(0px, 12vw, 63px) clamp(0px, 5.3333333333vw, 28px) clamp(0px, 8.5333333333vw, 44.8px);
  }
}
.footer .footer__nav {
  display: grid;
  grid-template-columns: clamp(0px, 25vw, 504px) auto;
  gap: clamp(0px, 3.4722222222vw, 70px);
  justify-content: space-between;
  padding-bottom: clamp(0px, 3.125vw, 63px);
  border-bottom: clamp(0px, 0.0694444444vw, 1.4px) solid #E1E1E1;
}
@media screen and (max-width: 767px) {
  .footer .footer__nav {
    grid-template-columns: 1fr;
    gap: clamp(0px, 11.2vw, 58.8px);
    padding-bottom: clamp(0px, 10.6666666667vw, 56px);
    border-width: clamp(0px, 0.2666666667vw, 1.4px);
  }
}
@media screen and (max-width: 767px) {
  .footer .logo__link {
    width: clamp(0px, 61.3333333333vw, 322px);
  }
}
.footer .nav__list {
  display: flex;
  gap: clamp(0px, 2.7777777778vw, 56px);
  padding-top: clamp(0px, 2.2222222222vw, 44.8px);
  position: relative;
}
@media screen and (max-width: 767px) {
  .footer .nav__list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: clamp(0px, 8vw, 42px);
    top: auto;
  }
}
.footer .nav__list--item:first-child {
  order: 1;
}
.footer .nav__list--item:nth-child(2) {
  order: 3;
}
.footer .nav__list--item:nth-child(3) {
  order: 5;
}
.footer .nav__list--item:nth-child(4) {
  order: 2;
}
.footer .nav__list--item:last-child {
  order: 4;
}
.footer .nav__list--item > a {
  width: 100%;
  height: auto;
  font-size: clamp(0px, 0.9722222222vw, 19.6px);
  font-weight: 600;
  display: block;
  padding-bottom: clamp(0px, 1.1111111111vw, 22.4px);
}
@media screen and (max-width: 767px) {
  .footer .nav__list--item > a {
    font-size: clamp(0px, 3.2vw, 16.8px);
    width: 100%;
    height: auto;
    display: block;
    padding-bottom: clamp(0px, 4.2666666667vw, 22.4px);
  }
}
@media screen and (min-width: 768px) {
  .footer .nav__list--item > a {
    position: relative;
  }
}
.footer .nav__list--item .en__font {
  font-size: clamp(0px, 1.3888888889vw, 28px);
  color: var(--blue2);
  display: block;
  margin-bottom: clamp(0px, 0.6944444444vw, 14px);
}
@media screen and (max-width: 767px) {
  .footer .nav__list--item .en__font {
    font-size: clamp(0px, 4.8vw, 25.2px);
    margin-bottom: clamp(0px, 2.4vw, 12.6px);
  }
}
.footer .nav__list--item .meganav__list a {
  font-size: clamp(0px, 0.9027777778vw, 18.2px);
  line-height: 1.8;
}
@media screen and (max-width: 767px) {
  .footer .nav__list--item .meganav__list a {
    font-size: clamp(0px, 2.9333333333vw, 15.4px);
  }
  .footer .nav__list--item .meganav__list a br {
    display: none;
  }
}
@media screen and (min-width: 768px) {
  .footer .nav__list--item .meganav__list a {
    transition: color 0.3s ease-out;
  }
  .footer .nav__list--item .meganav__list a:hover {
    font-weight: 600;
    color: var(--blue2);
  }
}
.footer .footer__bottom--nav {
  padding-top: clamp(0px, 2.0833333333vw, 42px);
}
@media screen and (max-width: 767px) {
  .footer .footer__bottom--nav {
    padding-top: clamp(0px, 9.3333333333vw, 49px);
  }
}
.footer .footer__bottom--nav {
  font-size: clamp(0px, 0.9722222222vw, 19.6px);
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media screen and (max-width: 767px) {
  .footer .footer__bottom--nav {
    font-size: clamp(0px, 3.2vw, 16.8px);
    flex-wrap: wrap;
    gap: clamp(0px, 6.9333333333vw, 36.4px);
  }
}
.footer .externallink__list {
  display: flex;
  align-items: center;
  gap: clamp(0px, 2.7777777778vw, 56px);
}
@media screen and (max-width: 767px) {
  .footer .externallink__list {
    gap: clamp(0px, 8vw, 42px);
  }
}
.footer .externallink__list a {
  line-height: 2.1;
  font-weight: 400;
  display: flex;
  align-items: center;
  gap: clamp(0px, 1.1111111111vw, 22.4px);
}
@media screen and (max-width: 767px) {
  .footer .externallink__list a {
    gap: clamp(0px, 1.6vw, 8.4px);
  }
}
@media screen and (min-width: 768px) {
  .footer .externallink__list a {
    position: relative;
  }
  .footer .externallink__list a:before {
    content: "";
    width: 0;
    height: 1px;
    background-color: var(--black);
    position: absolute;
    bottom: 0;
    left: 0;
    transition: width 0.3s ease-out;
  }
  .footer .externallink__list a:hover:before {
    width: 100%;
  }
}
.footer .externallink__list a:after {
  content: "";
  width: clamp(0px, 0.9722222222vw, 19.6px);
  height: clamp(0px, 0.9722222222vw, 19.6px);
  background-image: url("../img/common/icon__link.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
@media screen and (max-width: 767px) {
  .footer .externallink__list a:after {
    width: clamp(0px, 2.9333333333vw, 15.4px);
    height: clamp(0px, 2.9333333333vw, 15.4px);
  }
}
.footer .copyright__txt {
  font-weight: 400;
}
@media screen and (max-width: 767px) {
  .footer .copyright__txt {
    width: clamp(0px, 60.8vw, 319.2px);
    font-size: clamp(0px, 3.4666666667vw, 18.2px);
    line-height: 1.6;
  }
}

/* !!------------------------------------ */
/* !! @note TOPページ KV video */
.video__wrap {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
.video__wrap:before {
  content: "";
  width: 100%;
  height: 100%;
  background-color: rgba(255, 227, 246, 0.5);
  position: absolute;
  top: 0;
  left: 0;
  mix-blend-mode: soft-light;
}
.video__wrap video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  -o-object-fit: cover;
  object-position: center;
  -o-object-position: center;
}

.modal-video {
  background-color: rgba(46, 58, 69, 0.8);
}

.modal-video-body {
  max-width: clamp(0px, 76.3888888889vw, 1540px);
  padding: 0;
}
@media screen and (max-width: 767px) {
  .modal-video-body {
    max-width: 100%;
    padding: 0 clamp(0px, 5.3333333333vw, 28px);
  }
}

.modal-video-inner {
  padding: 0;
}

.modal-video-close-btn {
  width: clamp(0px, 3.4722222222vw, 70px);
  height: clamp(0px, 3.4722222222vw, 70px);
  top: clamp(-84px, -4.1666666667vw, 0px);
  right: 0;
}
@media screen and (max-width: 767px) {
  .modal-video-close-btn {
    width: clamp(0px, 8vw, 42px);
    height: clamp(0px, 8vw, 42px);
    top: clamp(-56px, -10.6666666667vw, 0px);
  }
}
.modal-video-close-btn:before, .modal-video-close-btn:after {
  content: "";
  width: clamp(0px, 3.4722222222vw, 70px);
  height: 1px;
  margin: 0;
  background-color: var(--white);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(45deg);
}
@media screen and (max-width: 767px) {
  .modal-video-close-btn:before, .modal-video-close-btn:after {
    width: clamp(0px, 8vw, 42px);
  }
}
.modal-video-close-btn:after {
  transform: translate(-50%, -50%) rotate(-45deg);
}

/* 1. 全体のコンテナ */
.strategy-section {
  position: relative;
  width: 100%;
}

/* 2. 画面いっぱいに広がるボードエリア */
.panel__wrap {
  position: relative;
  width: 100%;
  height: 100vh; /* 画面にフィットさせる */
  display: flex;
  align-items: center;
  justify-content: center;
}

/* 3. 切り替わるコンテンツ（すべて中央に絶対配置で重ねる） */
.js__content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0; /* 初期状態はすべて透明に（JSで1つ目を表示） */
  pointer-events: none; /* 重なっているため、透明なものはクリック等を無効化 */
}

/* タブボタンのスタイル */
.job-tab-content {
  padding-bottom: clamp(0px, 11.1111111111vw, 224px);
}
@media screen and (max-width: 767px) {
  .job-tab-content {
    padding-bottom: clamp(0px, 21.3333333333vw, 112px);
  }
}

.job-tab-list {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: 1fr;
  margin-bottom: clamp(0px, 4.8611111111vw, 98px);
  border-bottom: clamp(0px, 0.0694444444vw, 1.4px) solid #AAAEB6;
}
@media screen and (max-width: 767px) {
  .job-tab-list {
    margin-bottom: clamp(0px, 11.7333333333vw, 61.6px);
  }
}

.job-tab-button {
  width: 100%;
  font-size: clamp(0px, 1.3888888889vw, 28px);
  font-weight: 700;
  padding: clamp(0px, 1.3888888889vw, 28px);
  transition: color 0.2s ease-out, background-color 0.2s ease-out;
  position: relative;
}
@media screen and (max-width: 767px) {
  .job-tab-button {
    font-size: clamp(0px, 3.4666666667vw, 18.2px);
    padding: clamp(0px, 3.7333333333vw, 19.6px) 0;
  }
}
@media screen and (min-width: 768px) {
  .job-tab-button:hover:after {
    height: clamp(0px, 0.2083333333vw, 4.2px);
    background-color: var(--blue2);
  }
}
.job-tab-button.is-active {
  color: var(--white);
  background-color: var(--blue2);
}

/* タブコンテンツのスタイル */
.job-tab-panel {
  display: none;
}

.job-tab-panel.is-active {
  display: block;
  animation: fadeIn 1s ease-out;
}

@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(clamp(0px, 0.4166666667vw, 8.4px));
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@media screen and (max-width: 767px) {
  .scroll-hint-text {
    font-size: clamp(0px, 3.2vw, 16.8px);
    margin-top: clamp(0px, 2.1333333333vw, 11.2px);
  }
}

.scroll-hint-icon {
  width: clamp(0px, 37.3333333333vw, 196px);
  border-radius: clamp(0px, 1.6vw, 8.4px);
  padding: clamp(0px, 5.3333333333vw, 28px);
  top: 50%;
  z-index: 1;
}
.scroll-hint-icon:before {
  width: clamp(0px, 10.6666666667vw, 56px);
  height: clamp(0px, 10.6666666667vw, 56px);
}
.scroll-hint-icon:after {
  width: clamp(0px, 9.0666666667vw, 47.6px);
  height: clamp(0px, 3.7333333333vw, 19.6px);
  margin-left: clamp(-28px, -5.3333333333vw, 0px);
}/*# sourceMappingURL=main.css.map */