@charset "UTF-8";

@font-face {
  font-family: "Torono Glitch Sans H1";
  src: url("../fonts/Torono_Glitch_Sans_H1.ttf") format("truetype");
  font-display: swap;
}
/*---------------------------
layout
---------------------------*/
/*---------_main---------*/
:root {
  --font-zenkaku: "Zen Kaku Gothic New", sans-serif;
  --font-vt323: "VT323", monospace, sans-serif;
  --font-sans: "Noto Sans JP", sans-serif;
  --font-bebas-neue: "Bebas Neue", sans-serif;
  --font-poppins: "Poppins", sans-serif;
  --font-torono: "Torono Glitch Sans H1", "Noto Sans JP", sans-serif;
}
html {
  font-size: 62.5%;
  -webkit-text-size-adjust: 100%;
  overflow-x: hidden;
  scroll-behavior: smooth;
}

body {
  font-family: var(--font-sans);
  color:#242424;
  overflow: hidden;
}

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

a {
  color: #333;
  text-decoration: none;
  cursor: pointer;
}

a img:hover,
a:hover {
  opacity: 0.8;
}

img {
  width: 100%;
  height: auto;
}

.u-flex {
  display: flex;
  flex-wrap: wrap;
}
.u-fdrr{
  flex-direction:row-reverse;
}
.u-pc {
  display: block;
}
@media screen and (max-width: 768px) {
  .u-pc {
    display: none;
  }
}

.u-sp {
  display: none;
}
@media screen and (max-width: 768px) {
  .u-sp {
    display: block;
  }
}

.u-po-re {
  position: relative;
}
.u-jcc {
  justify-content: center;
}
.u-aic {
  align-items: center;
}
.u-jcsb {
  justify-content: space-between;
}
.u-jcsa {
  justify-content: space-around;
}
.u-jcfe {
  justify-content: flex-end;
}
.u-tac {
  text-align: center;
}
.u-tar {
  text-align: right;
}
.u-bold {
  font-weight: bold;
}
.u-font__yellow{
  color:#FFFC50;
}

.u-inner{
  max-width:1240px;
  margin:0 auto;
}
  @media screen and (max-width: 1650px){
    .u-inner{
      max-width:64.583vw;
      margin:0 auto;
    }
  }
    @media screen and (max-width: 768px){
      .u-inner{
        max-width:100%;
        margin:0 6.933vw;
      }
    }
.c-btn{
  display: flex;
  border:solid 4px #16CD47;
  position: relative;
  width:305.84px;
  height:74.36px;
  font-family: var(--font-vt323);
  color:#16CD47;
  font-size:25px;
  align-items: center;
  text-align: center;
  justify-content: center;
  margin: 0 auto ;
}
.c-btn::after{
  content:"";
  display:block;
  background-image:url(../images/recruit/arrow-right.svg);
  background-size:100% 100%;
  width:16px;
  height:28px;
  position: absolute;
  top: 50%;
  right:36.1px;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}
.c-btn__deco01,
.c-btn__deco02{
  display: block;
  width:305.84px;
  height:74.36px;
  position: absolute;
  top:-4px;
  left:-4px;
}
.c-btn__deco01::before,
.c-btn__deco01::after,
.c-btn__deco02::before,
.c-btn__deco02::after{
  content:"";
  display: block;
  width:11.9px;
  height:11.9px;
  position: absolute;
  background-color:#16CD47;
}
.c-btn__deco01::before{
  content:"";
  top:-3.8px;
  left:-3.8px;
}
.c-btn__deco01::after{
  content:"";
  top:-3.8px;
  right:-3.8px;
}
.c-btn__deco02::before{
  content:"";
  bottom:-3.8px;
  left:-3.8px;
}
.c-btn__deco02::after{
  content:"";
  bottom:-3.8px;
  right:-3.8px;
}
  @media screen and (max-width: 1650px){
    .c-btn{
      display: flex;
      border:solid 4px #16CD47;
      position: relative;
      width:15.929vw;
      height:3.873vw;
      font-family: var(--font-vt323);
      color:#16CD47;
      font-size:1.302vw;
      align-items: center;
      text-align: center;
      justify-content: center;
      margin: 0 auto ;
    }
    .c-btn::after{
      content:"";
      display:block;
      background-image:url(../images/recruit/arrow-right.svg);
      background-size:100% 100%;
      width:0.833vw;
      height:1.458vw;
      position: absolute;
      top: 50%;
      right:1.88vw;
      transform: translateY(-50%);
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
    }
    .c-btn__deco01,
    .c-btn__deco02{
      display: block;
      width:15.929vw;
      height:3.873vw;
      position: absolute;
      top:-0.208vw;
      left:-0.208vw;
    }
    .c-btn__deco01::before,
    .c-btn__deco01::after,
    .c-btn__deco02::before,
    .c-btn__deco02::after{
      content:"";
      display: block;
      width:0.62vw;
      height:0.62vw;
      position: absolute;
      background-color:#16CD47;
    }
    .c-btn__deco01::before{
      content:"";
      top:-0.198vw;
      left:-0.198vw;
    }
    .c-btn__deco01::after{
      content:"";
      top:-0.198vw;
      right:-0.198vw;
    }
    .c-btn__deco02::before{
      content:"";
      bottom:-0.198vw;
      left:-0.198vw;
    }
    .c-btn__deco02::after{
      content:"";
      bottom:-0.198vw;
      right:-0.198vw;
    }
  }
    @media screen and (max-width: 768px){
      .c-btn{
        display: flex;
        border:solid 2px #16CD47;
        position: relative;
        width:84.267vw;
        height:14.4vw;
        font-family: var(--font-vt323);
        color:#16CD47;
        font-size:5.333vw;
        align-items: center;
        text-align: center;
        justify-content: center;
        margin: 0 auto ;
      }
      .c-btn::after{
        content:"";
        display:block;
        background-image:url(../images/recruit/arrow-right.svg);
        background-size:100% 100%;
        width:3.061vw;
        height:5.357vw;
        position: absolute;
        top: 50%;
        right:5.84vw;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
      }
      .c-btn__deco01,
      .c-btn__deco02{
        display: block;
        width:84.267vw;
        height:14.4vw;
        position: absolute;
        top:-0.8vw;
        left:-0.8vw;
      }
      .c-btn__deco01::before,
      .c-btn__deco01::after,
      .c-btn__deco02::before,
      .c-btn__deco02::after{
        content:"";
        display: block;
        width:2.277vw;
        height:2.277vw;
        position: absolute;
        background-color:#16CD47;
      }
      .c-btn__deco01::before{
        content:"";
        top:-0.533vw;
        left:-0.533vw;
      }
      .c-btn__deco01::after{
        content:"";
        top:-0.533vw;
        right:-1.067vw;
      }
      .c-btn__deco02::before{
        content:"";
        bottom:-1.067vw;
        left:-0.533vw;
      }
      .c-btn__deco02::after{
        content:"";
        bottom:-1.067vw;
        right:-1.067vw;
      }
    }
.c-ttl{
  font-size:45px;
  font-weight:900;
  line-height: 1.755;
}
.c-ttl__sub{
  font-size:39px;
  font-weight:900;
  line-height: 1.743;
}
.c-ttl__en{
  font-family: var(--font-vt323);
  font-size:26px;
  color:#16CD47;
}
.c-text{
  font-size:18px;
  font-weight:500;
  line-height:2.3333;
}
.c-text__small{
  font-size:15px;
  line-height:2.3333;
}
  @media screen and (max-width: 1650px){
    .c-ttl{
      font-size:2.344vw;
      font-weight:900;
      line-height: 1.755;
    }
    .c-ttl__sub{
      font-size:2.031vw;
      font-weight:900;
      line-height: 1.743;
    }
    .c-ttl__en{
      font-family: var(--font-vt323);
      font-size:1.354vw;
      color:#16CD47;
    }
    .c-text{
      font-size:clamp(10px,0.938vw,15px);
      font-weight:500;
      line-height:2.3333;
    }
    .c-text__small{
      font-size:clamp(10px,0.781vw,18px);
      line-height:2.3333;
    }
  }
    @media screen and (max-width: 768px){
      .c-ttl{
        font-size:5.6vw;
        font-weight:900;
        line-height: 1.714;
      }
      .c-ttl__sub{
        font-size:5.6vw;
        font-weight:900;
        line-height: 1.714;
      }
      .c-ttl__en{
        font-family: var(--font-vt323);
        font-size:6.933vw;
        color:#16CD47;
      }
      .c-text{
        font-size:4vw;
        font-weight:500;
        line-height:1.866;
      }
      .c-text__small{
        font-size:4vw;
        line-height:1.866;
      }
    }
/*---------_header---------*/

.l-header{
  position: fixed;
  top:0;
  z-index: 20;
}
.l-hnav__area {
  justify-content: center;
  align-items: center;
  width: fit-content;
}

.l-hnav__logo {
  display: flex;
  align-items: center;
  margin-top:34px;
  margin-left:39px;
}
.l-hnav__logo.is-hide{
  opacity: 0;
  pointer-events: none;
  transition: opacity .25s ease;
}

.l-hnav__logo-link{
  display: flex;
  align-items: center;
}
.l-hnav__logo-link img {
  width: 120px;
}

.l-hnav__logotext {
  width:186.57px;
  margin-left:15px;
}
.l-hnav__logotext img{
  width: 100%;
}

.l-hnav .l-hnav__logo-link{
  display: block;
  margin: 0 auto 0 90px;
}
.l-hnav .l-hnav__logo-link img {
  margin-bottom:10px;
}
.l-hnav .l-hnav__logotext{
  margin-left:0;
}
  @media screen and (max-width: 1650px){
    .l-header{
      position: fixed;
      top:0;
      z-index: 20;
    }
    .l-hnav__area {
      justify-content: center;
      align-items: center;
      width: fit-content;
    }

    .l-hnav__logo {
      display: flex;
      align-items: center;
      margin-top:1.771vw;
      margin-left:2.031vw;
    }

    .l-hnav__logo-link{
      display: flex;
      align-items: center;
    }
    .l-hnav__logo-link img {
      width: 6.25vw;
    }

    .l-hnav__logotext {
      width:9.717vw;
      margin-left:0.781vw;
    }
    .l-hnav__logotext img{
      width: 100%;
    }
    .l-hnav .l-hnav__logo-link{
      display: block;
      margin: 0 auto 0 4.688vw;
    }
    .l-hnav .l-hnav__logo-link img {
      margin-bottom:0.521vw;
    }
    .l-hnav .l-hnav__logotext{
      margin-left:0;
    }
  }
    @media screen and (max-width: 768px) {
      .l-header{
        position: fixed;
        top:0;
        z-index: 20;
      }
      .l-hnav__area {
        justify-content: center;
        align-items: center;
        width: fit-content;
      }

      .l-hnav__logo {
        display: flex;
        align-items: center;
        margin-top:5.867vw;
        margin-left:4.267vw;
      }

      .l-hnav__logo-link{
        display: flex;
        align-items: center;
      }
      .l-hnav .l-hnav__logo-link{
        display: flex;
      }
      .l-hnav .l-hnav__logo-link img {
        margin-bottom:0;
      }
      .l-hnav__logo-link img {
        width: 18.133vw;
      }
      .l-hnav__logotext {
        width:27.64vw;
      }
      .l-hnav .l-hnav__logotext{
        margin-left:2.133vw;
      }
      .l-hnav__logotext img{
        width: 100%;
      }
    }

#l-hnav__menu-btn-check {
  display: none;
}

/*メニュー*/

.l-hnav__menu-btn {
  font-size: 1.5rem;
  position: fixed;
  top: 0;
  right: 0;
  width: 133px;
  height: 124px;
  z-index: 10;
  cursor: pointer;
  background-color:#242424;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top:28.3px;
}
.l-hnav__menu-btn:hover {
  opacity: 0.8;
}
.l-hnav__menu-text{
  width:51.46px;
  margin:0 auto 17.7px;
  font-size:1rem;
}
.l-hnav__menu-btn .l-hnav__menu-border,
.l-hnav__menu-btn .l-hnav__menu-border:after {
  content: "";
  display: block;
  height: 4px;
  width: 55.39px;
  background-color: #fff;
  position: relative;
  transition: 0.5s;
  z-index: 15;
}

.l-hnav__menu-btn .l-hnav__menu-border:after {
  top: 15.4px;
}
#l-hnav__menu-btn-check:checked ~ .l-hnav__menu-btn {
  justify-content: center;
  padding: 0;
  background-color:unset;
}
#l-hnav__menu-btn-check:checked ~ .l-hnav__menu-btn .l-hnav__menu-text{
  display: none;
}
#l-hnav__menu-btn-check:checked ~ .l-hnav__menu-btn .l-hnav__menu-border {
  bottom: 0px;
  transform: rotate(45deg);
  background-color: #fff;
}

#l-hnav__menu-btn-check:checked ~ .l-hnav__menu-btn .l-hnav__menu-border::after {
  top: -2px;
  transform: rotate(-90deg);
  background-color: #fff;
}
#l-hnav__menu-btn-check {
  display: none;
}
#l-hnav__menu-btn-check:checked ~ .l-hnav {
  right: 0; /*メニューを画面内へ*/
  transition: 0.5s;
}
.l-hnav {
  position: fixed;
  top: 0;
  right: -3000px;
  width: 448px;
  height: 100vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-color: #242424;
  z-index: 1;
}
.l-hnav::before{
  content:"";
  width:100vw;
  height:100vh;
  background-color:#242424;
  opacity: 0.3;
  position: absolute;
  top:0;
  right:0;
  z-index: -1;
}

.h_nav.active {
  right: 60%;
}
  @media screen and (max-width: 1650px){
    /*メニュー*/

    .l-hnav__menu-btn {
      font-size: 1.5rem;
      position: fixed;
      top: 0;
      right: 0;
      width: 6.927vw;
      height: 6.458vw;
      z-index: 10;
      cursor: pointer;
      background-color:#242424;
      display: flex;
      flex-direction: column;
      align-items: center;
      padding-top:1.474vw;
    }
    .l-hnav__menu-btn:hover {
      opacity: 0.8;
    }
    .l-hnav__menu-text{
      width:2.68vw;
      margin:0 auto 0.922vw;
      font-size:1rem;
    }
    .l-hnav__menu-btn .l-hnav__menu-border,
    .l-hnav__menu-btn .l-hnav__menu-border:after {
      content: "";
      display: block;
      height: 0.208vw;
      width: 2.885vw;
      background-color: #fff;
      position: relative;
      transition: 0.5s;
      z-index: 15;
    }

    .l-hnav__menu-btn .l-hnav__menu-border:after {
      top: 0.802vw;
    }
    #l-hnav__menu-btn-check:checked ~ .l-hnav__menu-btn {
      justify-content: center;
      padding: 0;
    }
    #l-hnav__menu-btn-check:checked ~ .l-hnav__menu-btn .l-hnav__menu-text{
      display: none;
    }
    #l-hnav__menu-btn-check:checked ~ .l-hnav__menu-btn .l-hnav__menu-border {
      bottom: 0px;
      transform: rotate(45deg);
      background-color: #fff;
    }

    #l-hnav__menu-btn-check:checked ~ .l-hnav__menu-btn .l-hnav__menu-border::after {
      top: -0.104vw;
      transform: rotate(-90deg);
      background-color: #fff;
    }
    #l-hnav__menu-btn-check {
      display: none;
    }
    #l-hnav__menu-btn-check:checked ~ .l-hnav {
      right: 0; /*メニューを画面内へ*/
      transition: 0.5s;
    }
    .l-hnav {
      position: fixed;
      top: 0;
      right: -156.25vw;
      width: 23.333vw;
      height: 100vh;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      background-color: #242424;
      z-index: 1;
    }
    .h_nav.active {
      right: 60%;
    }
  }
  @media screen and (max-width: 768px) {
    /*メニュー*/

    .l-hnav__menu-btn {
      font-size: 1.5rem;
      position: fixed;
      top: 0;
      right: 0;
      width: 18.4vw;
      height: 16.8vw;
      padding-top:4.48vw;
    }
    .l-hnav__menu-btn:hover {
      opacity: 1;
    }
    .l-hnav__menu-text{
      width:7.083vw;
      margin:0 auto 2.32vw;
      font-size:1rem;
    }
    .l-hnav__menu-btn .l-hnav__menu-border,
    .l-hnav__menu-btn .l-hnav__menu-border:after {
      content: "";
      display: block;
      height: 0.533vw;
      width: 7.592vw;
      transition: 0.5s;
      z-index: 15;
    }

    .l-hnav__menu-btn .l-hnav__menu-border:after {
      top: 2.107vw;
    }
    #l-hnav__menu-btn-check:checked ~ .l-hnav__menu-btn {
      justify-content: center;
      padding: 0;
    }
    #l-hnav__menu-btn-check:checked ~ .l-hnav__menu-btn .l-hnav__menu-text{
      display: none;
    }
    #l-hnav__menu-btn-check:checked ~ .l-hnav__menu-btn .l-hnav__menu-border {
      bottom: 0px;
      transform: rotate(45deg);
      background-color: #fff;
    }

    #l-hnav__menu-btn-check:checked ~ .l-hnav__menu-btn .l-hnav__menu-border::after {
      top: -0.533vw;
      transform: rotate(-90deg);
      background-color: #fff;
    }
    #l-hnav__menu-btn-check {
      display: none;
    }
    #l-hnav__menu-btn-check:checked ~ .l-hnav {
      right: 0; /*メニューを画面内へ*/
      transition: 0.5s;
    }
    .l-hnav {
      position: fixed;
      top: 0;
      right: -800vw;
      width: 100%;
      height: 100vh;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: flex-start;
      background-color: #242424;
      z-index: 1;
      overflow: scroll;
    }
    #l-hnav__menu-btn-check:checked ~ .l-hnav .l-hnav__logo-link{
      position: absolute;
      top:7.2vw;
      left:6.667vw;
      color:#fff;
    }
    .h_nav.active {
      right: 60%;
    }
  }
.l-hnav__list {
  padding:40.7px 90px;
  width: 100%;
  height: auto;
}
  @media screen and (max-width: 1650px){
    .l-hnav__list {
      padding:2.12vw 4.688vw;
      width: 100%;
      height: auto;
    }
  }
    @media screen and (max-width: 768px) {
      .l-hnav__list {
        padding:19.92vw 7.067vw 12.32vw;
        width: 100vw;
      }
      .l-hnav__list {
        position: relative;
        padding:17.467vw 7.253vw 12.32vw;
      }
    }
.l-hnav__list-item{
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom:28.7px;
}
.l-hnav__list-item:last-child{
  margin-bottom:0;
}
  @media screen and (max-width: 1650px){
    .l-hnav__list-item{
      display: flex;
      justify-content: space-between;
      align-items: center;
      margin-bottom:1.495vw;
    }
    .l-hnav__list-item:last-child{
      margin-bottom:0;
    }
  }
    @media screen and (max-width: 768px) {
      .l-hnav__list-item{
        display: flex;
        justify-content: space-between;
        align-items: center;
        border-bottom:solid 1px #696969;
        padding-right:5.893vw;
        margin-bottom:0;
      }
      .l-hnav__list-item:last-child{
        margin-bottom:0;
        border-bottom:unset;
      }
      .l-hnav__list-item::after{
        content:"";
        background-image:url(../images/recruit/arrow-btn.svg);
        background-size:100% 100%;
        width:2.104vw;
        height:3.683vw;
      }
    }

.l-hnav__list-item-link {
  display: block;
  padding: 0;
}
.l-hnav__list-item-en{
  font-family:var(--font-vt323);
  font-size:26px;
  color:#25BCCE;
  margin-bottom:5.1px;
}
.l-hnav__list-item-jp{
  font-size:20px;
  font-weight:bold;
  color:#fff;
  letter-spacing: 0.02em;
}
  @media screen and (max-width: 1650px){
    .l-hnav__list-item-link {
      display: block;
      padding: 0;
    }
    .l-hnav__list-item-en{
      font-family:var(--font-vt323);
      font-size:1.354vw;
      color:#25BCCE;
      margin-bottom:0.266vw;
    }
    .l-hnav__list-item-jp{
      font-size:1.042vw;
      font-weight:bold;
      color:#fff;
      letter-spacing: 0.02em;
    }
  }
    @media screen and (max-width: 768px){
      .l-hnav__list-item-link {
        display: block;
        width: 100%;
        padding: 4.827vw 3.6vw;
      }
      .l-hnav__list-item-en{
        font-family:var(--font-vt323);
        font-size:4.8vw;
        color:#25BCCE;
      }
      .l-hnav__list-item-jp{
        font-size:4.8vw;
        font-weight:bold;
        color:#fff;
        letter-spacing: 0.02em;
      }
    }



.l-hnav__list-bottom{
  width:100%;
  margin-top:5px;
  justify-content: space-between;
  flex-direction: column;
  gap:33.7px;
}
.p-recruit__menufv-btn{
  position: relative;
  width:206.91px;
  height:92.33px;
  background-image:url(../images/recruit/menu-entrybg.svg);
  z-index: 1;
  display:block;
  background-size:100% 100%;
  background-position:center;
  padding:14.9px 0 0;
}
.p-recruit__menufv-btn .p-recruit__fv-btn-en{
  width:74px;
  margin:0 auto 5.1px;
}
.p-recruit__menufv-btn .p-recruit__fv-btn-jp{
  font-size:15px;
  margin:0 auto 10.3px;
}
.p-recruit__menufv-btn .p-recruit__fv-btn-arrow{
  gap:3px;
}
.p-recruit__menufv-btn .p-recruit__fv-btn-arrow span{
  width:7.9px;
  display: block;
}
.l-hnav__list-item:last-child{
  border:none;
  padding-right:0;
}
.l-hnav__list-item:last-child::after{
  display:none;
}
.l-hnav__list-bottom-wantedly{
  display: block;
  width:119.31px;
}
  @media screen and (max-width: 1650px){
    .l-hnav__list-bottom{
      width:100%;
      margin-top:0.26vw;
      justify-content: space-between;
      flex-direction: column;
      gap:1.755vw;
    }
    .p-recruit__menufv-btn{
      position: relative;
      width:10.777vw;
      height:4.809vw;
      background-image:url(../images/recruit/menu-entrybg.svg);
      z-index: 1;
      display:block;
      background-size:100% 100%;
      background-position:center;
      padding:0.776vw 0 0;
    }
    .p-recruit__menufv-btn .p-recruit__fv-btn-en{
      width:3.854vw;
      margin:0 auto 0.266vw;
    }
    .p-recruit__menufv-btn .p-recruit__fv-btn-jp{
      font-size:clamp(10px, 0.781vw, 15px);
      margin:0 auto 0.536vw;
    }
    .p-recruit__menufv-btn .p-recruit__fv-btn-arrow{
      gap:0.156vw;
    }
    .p-recruit__menufv-btn .p-recruit__fv-btn-arrow span{
      width:0.411vw;
      display: block;
    }
    .l-hnav__list-item:last-child{
      border:none;
      padding-right:0;
    }
    .l-hnav__list-item:last-child::after{
      display:none;
    }
    .l-hnav__list-bottom-wantedly{
      display: block;
      width:6.214vw;
    }
  }
    @media screen and (max-width: 768px){
      .l-hnav__list-bottom{
        width:100%;
        margin-top:9.867vw;
        justify-content: space-between;
        align-items: flex-end;
        flex-direction: row;
        gap:0;
      }
      .p-recruit__menufv-btn{
        position: relative;
        width:55.176vw;
        height:24.621vw;
        background-image:url(../images/recruit/menu-entrybg.svg);
        z-index: 1;
        display:block;
        background-size:100% 100%;
        background-position:center;
        padding:3.973vw 0 0;
      }
      .p-recruit__menufv-btn .p-recruit__fv-btn-en{
        width:19.733vw;
        margin:0 auto 1.36vw;
      }
      .p-recruit__menufv-btn .p-recruit__fv-btn-jp{
        font-size:4vw;
        margin:0 auto 2.747vw;
      }
      .p-recruit__menufv-btn .p-recruit__fv-btn-arrow{
        gap:0.8vw;
      }
      .p-recruit__menufv-btn .p-recruit__fv-btn-arrow span{
        width:2.107vw;
        display: block;
      }
      .l-hnav__list-item:last-child{
        border:none;
        padding-right:0;
      }
      .l-hnav__list-item:last-child::after{
        display:none;
      }
      .l-hnav__list-bottom-wantedly{
        display: block;
        width:10.16vw;
      }
    }
/*===========
.loop-
===========*/
.p-recruit__side-text{
  width:115.75px;
  position: absolute;
  overflow: hidden;
  top:0;
  left:36.9px;
}
.loop-wrap {
  overflow: hidden;
  height: 100%;
}
.loop-area {
  animation: loop-slide 15s infinite linear;
  list-style: none;
  margin: 0;
  padding: 0;
}
.p-recruit__question-side-text .loop-area{
  animation: loop-slide 50s infinite linear;
}
.p-recruit__side-text .content {
  width:115.75px;
  margin-bottom:50px;
}
@keyframes loop-slide {
  from {
    transform: translateY(0);
  }
  to {
    transform: translateY(-100%);
  }
}
.slide-loop-wrap{
  width:4000px;
  overflow: hidden;
  display: flex;
}
.slide-loop-area{
  display: flex;
  animation: slide-loop-slide 20s infinite linear;
  list-style: none;
  margin: 0;
  padding: 0;
}
.p-recruit__keywords-slidetext .content{
  width:790.34px;
  margin-right:60px;
  margin-bottom:94.3px;
}
.p-recruit__interview-slidetext .content {
  width:596.81px;
  margin-right:50px;
  margin-bottom:86.1px;
}
.p-recruit__growth-slidetext .content{
  width:441.98px;
  margin-right:60px;
  margin-bottom:96px;
}
.p-recruit__numbers-slidetext .content{
  width:524.93px;
  margin-right:60px;
  margin-bottom:70.9px;
}
.p-recruit__numbers-bottom-slidetext .content{
  width:907.46px;
  margin-right:72px;
  margin-bottom:33.3px;
}
@keyframes slide-loop-slide {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-100%);
  }
}
  @media screen and (max-width: 1650px){
    .p-recruit__side-text{
      width:6.029vw;
      position: absolute;
      overflow: hidden;
      top:0;
      left:1.922vw;
    }
    .loop-wrap {
      overflow: hidden;
      height: 100%;
    }
    .loop-area {
      animation: loop-slide 15s infinite linear;
      list-style: none;
      margin: 0;
      padding: 0;
    }
    .p-recruit__question-side-text .loop-area{
      animation: loop-slide 50s infinite linear;
    }
    .p-recruit__side-text .content {
      width:6.029vw;
      margin-bottom:2.604vw;
    }
    @keyframes loop-slide {
      from {
        transform: translateY(0);
      }
      to {
        transform: translateY(-100%);
      }
    }
    .slide-loop-wrap{
      width:208.333vw;
      overflow: hidden;
      display: flex;
    }
    .slide-loop-area{
      display: flex;
      animation: slide-loop-slide 20s infinite linear;
      list-style: none;
      margin: 0;
      padding: 0;
    }
    .p-recruit__keywords-slidetext .content{
      width:41.164vw;
      margin-right:3.125vw;
      margin-bottom:4.911vw;
    }
    .p-recruit__interview-slidetext .content {
      width:31.084vw;
      margin-right:2.604vw;
      margin-bottom:4.484vw;
    }
    .p-recruit__growth-slidetext .content{
      width:23.02vw;
      margin-right:3.125vw;
      margin-bottom:5vw;
    }
    .p-recruit__numbers-slidetext .content{
      width:27.34vw;
      margin-right:3.125vw;
      margin-bottom:3.693vw;
    }
    .p-recruit__numbers-bottom-slidetext .content{
      width:47.264vw;
      margin-right:3.75vw;
      margin-bottom:1.734vw;
    }
    @keyframes slide-loop-slide {
      from {
        transform: translateX(0);
      }
      to {
        transform: translateX(-100%);
      }
    }
  }
    @media screen and (max-width: 768px){
      .p-recruit__question-slidetext .slide-loop-area{
        animation: slide-loop-slide 80s infinite linear;
      }
      .p-recruit__about-slidetext .slide-loop-area{
        animation: slide-loop-slide 15s infinite linear;
      }
      .p-recruit__numbers-bottom-slidetext .slide-loop-area{
        animation: slide-loop-slide 40s infinite linear;
      }
      .p-recruit__question-slidetext,
      .p-recruit__about-slidetext{
        width:calc(100% + 13.867vw);
        margin-left:-6.933vw;
      }
      .p-recruit__question-slidetext .content{
        width:198.013vw;
        margin-right:3.6vw;
        margin-bottom:20.213vw;
      }
      .p-recruit__about-slidetext .content{
        width:37.229vw;
        margin-right:4.267vw;
        margin-bottom:13.493vw;
      }

      .p-recruit__keywords-slidetext .content{
        width:56.053vw;
        margin-right:4.267vw;
        margin-bottom:14.613vw;
      }
      .p-recruit__interview-slidetext .content {
        width:42.328vw;
        margin-right:4.267vw;
        margin-bottom:8.48vw;
      }
      .p-recruit__growth-slidetext .content{
        width:31.347vw;
        margin-right:4.267vw;
        margin-bottom:8.987vw;
      }
      .p-recruit__numbers-slidetext .content{
        width:37.229vw;
        margin-right:4.267vw;
        margin-bottom:12.56vw;
      }
      .p-recruit__numbers-bottom-slidetext .content{
        width:118.525vw;
        margin-right:4.267vw;
        margin-bottom:7.973vw;
      }
    }


.p-recruit__fv{
  position: relative;
  background-color:#242424;
  height: 100dvh;
}
.p-recruit__fv-img{
  opacity: 0.7;
}
.p-recruit__fv-img .fv_video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 0;
  pointer-events: none;
}
.p-recruit__fv-text-slide.splide{
  position: absolute;
  top:0;
  z-index: 1;
}
.p-recruit__fv-catch{
  font-family: var(--font-torono);
  font-size:72px;
  position: absolute;
  top:463px;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  z-index: 1;
  color:#fff;
  white-space: nowrap;
}
.p-recruit__fv-btn{
  position: fixed;
  right:37.5px;
  bottom:39px;
  z-index: 10;
  display:block;
  width:216.53px;
  height:187px;
  background-image:url(../images/recruit/enrty-btn-bg01.svg);
  background-size:100% 100%;
  background-position:center;
  padding:48.6px 30px;
  animation: fvBtnBg 6s steps(1, end) infinite;
}
.p-recruit__fv-btn-pc.is-hide{
  opacity: 0;
  pointer-events: none;
  transform: translateY(12px);
  transition: opacity .25s ease, transform .25s ease;
}
@keyframes fvBtnBg {
  0%   { background-image:url("../images/recruit/enrty-btn-bg01.svg"); }
  25%  { background-image:url("../images/recruit/enrty-btn-bg02.svg"); }
  50%  { background-image:url("../images/recruit/enrty-btn-bg03.svg"); }
  75%  { background-image:url("../images/recruit/enrty-btn-bg04.svg"); }
  100% { background-image:url("../images/recruit/enrty-btn-bg01.svg"); }
}
.p-recruit__fv-btn-en{
  width:156.07px;
  margin:0 auto 12px;
}
.p-recruit__fv-btn-jp{
  font-size:15px;
  font-weight:bold;
  margin-bottom:17px;
  text-align: center;
}
.p-recruit__fv-btn-arrow{
  display: flex;
  justify-content: center;
  gap:5px;
}

/* まず全部消す */
.p-recruit__fv-btn-arrow span{
  width:16px;
  display: block;
}


.p-recruit__fv-scroll{
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  bottom:34.4px;
  z-index: 1;
}
.p-recruit__fv-scroll-text{
  font-family: var(--font-vt323);
  font-size:32px;
  margin:0 auto 13.4px;
  color:#FFFC50;
}
.p-recruit__fv-scroll-arrow{
  display: flex;
  flex-direction: column;
  align-items: center;
  gap:5.4px;
}
/* 0:何もない → 1:上だけ → 2:上から2つ → 3:3つ全部 → 0 をループ */
.p-recruit__fv-scroll-arrow span{
  width:30.29px;
  display: block;                  /* 横並びなら inline-block でもOK */
  opacity: 0;
  animation-duration: 2s;          /* 好みで調整 */
  animation-timing-function: steps(1, end);
  animation-iteration-count: infinite;
}

.p-recruit__fv-scroll-arrow span:nth-child(1){ animation-name: fvScrollArrow1; }
.p-recruit__fv-scroll-arrow span:nth-child(2){ animation-name: fvScrollArrow2; }
.p-recruit__fv-scroll-arrow span:nth-child(3){ animation-name: fvScrollArrow3; }

@keyframes fvScrollArrow1{
  0%, 19%   { opacity: 0; }
  20%, 79%  { opacity: 1; }
  80%, 100% { opacity: 0; }
}

@keyframes fvScrollArrow2{
  0%, 39%   { opacity: 0; }
  40%, 79%  { opacity: 1; }
  80%, 100% { opacity: 0; }
}

@keyframes fvScrollArrow3{
  0%, 59%   { opacity: 0; }
  60%, 79%  { opacity: 1; }
  80%, 100% { opacity: 0; }
}
  @media screen and (max-width: 1650px){
    .p-recruit__fv{
      position: relative;
      background-color:#242424;
    }
    .p-recruit__fv{
      position: relative;
      background-color:#242424;
      height: 100dvh;
    }
    .p-recruit__fv-img{
      opacity: 0.7;
    }
    .p-recruit__fv-img .fv_video {
      width: 100%;
      height: 100%;
      object-fit: cover;
      position: fixed;
      top: 0;
      left: 0;
      z-index: 0;
      pointer-events: none;
    }
    .p-recruit__fv-text-slide.splide{
      position: absolute;
      top:0;
      z-index: 1;
    }
    .p-recruit__fv-catch{
      font-family: var(--font-torono);
      font-size:3.75vw;
      position: absolute;
      top:24.115vw;
      left: 50%;
      transform: translateX(-50%);
      -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      z-index: 1;
      color:#fff;
      white-space: nowrap;
    }
    .p-recruit__fv-btn{
      position: fixed;
      right:1.953vw;
      bottom:2.031vw;
      z-index: 10;
      display:block;
      width:11.278vw;
      height:9.74vw;
      background-image:url(../images/recruit/enrty-btn-bg01.svg);
      background-size:100% 100%;
      background-position:center;
      padding:2.531vw 1.563vw;
      animation: fvBtnBg 6s steps(1, end) infinite;
    }
    .p-recruit__fv-btn-pc.is-hide{
      opacity: 0;
      pointer-events: none;
      transform: translateY(12px);
      transition: opacity .25s ease, transform .25s ease;
    }
    @keyframes fvBtnBg {
      0%   { background-image:url("../images/recruit/enrty-btn-bg01.svg"); }
      25%  { background-image:url("../images/recruit/enrty-btn-bg02.svg"); }
      50%  { background-image:url("../images/recruit/enrty-btn-bg03.svg"); }
      75%  { background-image:url("../images/recruit/enrty-btn-bg04.svg"); }
      100% { background-image:url("../images/recruit/enrty-btn-bg01.svg"); }
    }
    .p-recruit__fv-btn-en{
      width:8.129vw;
      margin:0 auto 0.625vw;
    }
    .p-recruit__fv-btn-jp{
      font-size:clamp(10px, 0.781vw, 15px);
      font-weight:bold;
      margin-bottom:0.885vw;
      text-align: center;
    }
    .p-recruit__fv-btn-arrow{
      display: flex;
      justify-content: center;
      gap:0.26vw;
    }

    /* まず全部消す */
    .p-recruit__fv-btn-arrow span{
      width:0.833vw;
      display: block;
    }


    .p-recruit__fv-scroll{
      position: absolute;
      left: 50%;
      transform: translateX(-50%);
      -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      bottom:1.792vw;
      z-index: 1;
    }
    .p-recruit__fv-scroll-text{
      font-family: var(--font-vt323);
      font-size:1.667vw;
      margin:0 auto 0.698vw;
      color:#FFFC50;
    }
    .p-recruit__fv-scroll-arrow{
      display: flex;
      flex-direction: column;
      align-items: center;
      gap:0.281vw;
    }
    /* 0:何もない → 1:上だけ → 2:上から2つ → 3:3つ全部 → 0 をループ */
    .p-recruit__fv-scroll-arrow span{
      width:1.578vw;
      display: block;                  /* 横並びなら inline-block でもOK */
      opacity: 0;
      animation-duration: 2s;          /* 好みで調整 */
      animation-timing-function: steps(1, end);
      animation-iteration-count: infinite;
    }

    .p-recruit__fv-scroll-arrow span:nth-child(1){ animation-name: fvScrollArrow1; }
    .p-recruit__fv-scroll-arrow span:nth-child(2){ animation-name: fvScrollArrow2; }
    .p-recruit__fv-scroll-arrow span:nth-child(3){ animation-name: fvScrollArrow3; }

    @keyframes fvScrollArrow1{
      0%, 19%   { opacity: 0; }
      20%, 79%  { opacity: 1; }
      80%, 100% { opacity: 0; }
    }

    @keyframes fvScrollArrow2{
      0%, 39%   { opacity: 0; }
      40%, 79%  { opacity: 1; }
      80%, 100% { opacity: 0; }
    }

    @keyframes fvScrollArrow3{
      0%, 59%   { opacity: 0; }
      60%, 79%  { opacity: 1; }
      80%, 100% { opacity: 0; }
    }
  }
    @media screen and (max-width: 768px) {
      .p-recruit__fv{
        position: relative;
        background-color:#242424;
      }
      .p-recruit__fv{
        position: relative;
        background-color:#242424;
        height: 100dvh;
      }
      .p-recruit__fv-img{
        opacity: 1;
        width: 100%;
        height: auto;
        object-fit: contain;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 0;
        pointer-events: none;
      }
      .p-recruit__fv-img .fv_video {
        width: 100%;
        height: 50dvh;
        object-fit: cover;
        position: relative;
        top: 0;
        left: 0;
        z-index: 0;
        pointer-events: none;
        opacity: 0.7;
        border:none;
      }
      .p-recruit__fv-img .fv_video:last-child{
        margin-top: -1.5px;
      }
      .p-recruit__fv-text-slide.splide{
        position: absolute;
        top:0;
        z-index: 1;
      }
      .p-recruit__fv-text-splide-sp{

      }
      .p-recruit__fv-text-slide-item{
        width:46.803vw;
        position: relative;
        top:0;
        left:0;
        margin-bottom:20.16vw;
        z-index: 1;
      }
      .p-recruit__fv-text-slide-item img{
        margin-top:0;
        margin-left:0;
        width:46.803vw;
      }
      .p-recruit__fv-catch{
        font-family: var(--font-torono);
        font-size:8.267vw;
        line-height:1.54;
        position: absolute;
        top:76.6vw;
        left: 31.467vw;
        transform: unset;
        -webkit-transform: unset;
        -ms-transform: unset;
        white-space: nowrap;
      }
      .p-recruit__fv-catch span{
        display: block;
      }
      .p-recruit__fv-btn{
        position: fixed;
        right:4.293vw;
        bottom:3.867vw;
        z-index: 10;
        display:block;
        width:28.509vw;
        height:28.088vw;
        background-image:url(../images/recruit/enrty-btn-bg01-sp.svg);
        background-size:100% 100%;
        background-position:center;
        padding:3.707vw 2.987vw;
        animation: fvBtnBg 6s steps(1, end) infinite;
      }
      .p-recruit__fv-btn-pc.is-hide{
        opacity: 0;
        pointer-events: none;
        transform: translateY(12px);
        transition: opacity .25s ease, transform .25s ease;
      }
      @keyframes fvBtnBg {
        0%   { background-image:url("../images/recruit/enrty-btn-bg01-sp.svg"); }
        25%  { background-image:url("../images/recruit/enrty-btn-bg02-sp.svg"); }
        50%  { background-image:url("../images/recruit/enrty-btn-bg03-sp.svg"); }
        75%  { background-image:url("../images/recruit/enrty-btn-bg04-sp.svg"); }
        100% { background-image:url("../images/recruit/enrty-btn-bg01-sp.svg"); }
      }
      .p-recruit__fv-btn-en{
        width:19.536vw;
        margin:0 auto 1.28vw;
      }
      .p-recruit__fv-btn-jp{
        font-size:3.733vw;
        line-height: 1.285;
        font-weight:bold;
        margin-bottom:2vw;
        text-align: center;
      }
      .p-recruit__fv-btn-arrow{
        display: flex;
        justify-content: center;
        gap:0.8vw;
      }

      /* まず全部消す */
      .p-recruit__fv-btn-arrow span{
        width:2.107vw;
        display: block;
      }

      .p-recruit__fv-scroll{
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        bottom:4.613vw;
        z-index: 1;
      }
      .p-recruit__fv-scroll-text{
        font-family: var(--font-vt323);
        font-size:5.067vw;
        margin:0 auto 2.32vw;
        color:#FFFC50;
        line-height:1;
      }
      .p-recruit__fv-scroll-arrow{
        display: flex;
        flex-direction: column;
        align-items: center;
        gap:0.88vw;
      }
      /* 0:何もない → 1:上だけ → 2:上から2つ → 3:3つ全部 → 0 をループ */
      .p-recruit__fv-scroll-arrow span{
        width:4.216vw;
        display: block;                  /* 横並びなら inline-block でもOK */
        opacity: 0;
        animation-duration: 2s;          /* 好みで調整 */
        animation-timing-function: steps(1, end);
        animation-iteration-count: infinite;
      }

      .p-recruit__fv-scroll-arrow span:nth-child(1){ animation-name: fvScrollArrow1; }
      .p-recruit__fv-scroll-arrow span:nth-child(2){ animation-name: fvScrollArrow2; }
      .p-recruit__fv-scroll-arrow span:nth-child(3){ animation-name: fvScrollArrow3; }

      @keyframes fvScrollArrow1{
        0%, 19%   { opacity: 0; }
        20%, 79%  { opacity: 1; }
        80%, 100% { opacity: 0; }
      }

      @keyframes fvScrollArrow2{
        0%, 39%   { opacity: 0; }
        40%, 79%  { opacity: 1; }
        80%, 100% { opacity: 0; }
      }

      @keyframes fvScrollArrow3{
        0%, 59%   { opacity: 0; }
        60%, 79%  { opacity: 1; }
        80%, 100% { opacity: 0; }
      }
    }

.p-recruit__section01{
  position:relative;
  overflow: hidden;
  padding:237px 0 279px;
  background-color: rgba(36, 36, 36, 0.89);
  backdrop-filter: blur(10px) brightness(0.91);
  -webkit-backdrop-filter: blur(10px) brightness(0.91);
}
.p-recruit__section01-en{
  font-family: var(--font-vt323);
  font-size:39px;
  color:#FFFC50;
  text-align: center;
  margin-bottom:62.9px;
}

.p-recruit__section01-catch {
  color:#fff;
  font-size: 72px;
  line-height:1.75;
  position: relative;
  text-align: center;
  font-family: var(--font-torono);
  margin:0 auto 183.2px;
}
.glitch {
  position: relative;
  color: #FFFFFF;
  z-index: 1;
}
.glitch:before,
.glitch:after {
  display: block;
  content: attr(data-text);
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0.8;
}
.glitch:before {
    animation: glitch-it 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) both infinite;
    color: #16CD47;
    z-index: -1;
}
.glitch:after {
    animation: glitch-it 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) reverse both infinite;
    color: #FC4171;
    z-index: -2;
}
@keyframes glitch-it{
  0% {
    transform: translate(0);
  }
  20% {
      transform: translate(-2px, 2px);
  }
  40% {
      transform: translate(-2px, -2px);
  }
  60% {
      transform: translate(2px, 2px);
  }
  80% {
      transform: translate(2px, -2px);
  }
  100% {
      transform: translate(0);
  }
}
.p-recruit__section01-wrap{

}
.p-recruit__section01-box{
  gap:116px;
  position: relative;
  align-items: center;
}
.p-recruit__section01-box::after,
.p-recruit__section01-box:nth-child(3)::before{
  content:"";
  background-image:url(../images/recruit/arrow-bottom.svg);
  background-size:100% 100%;
  display: block;
  width:66px;
  height:38px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  bottom:-194px;
}
.p-recruit__section01-box:first-child{
  justify-content: flex-end;
  gap:109px;
  margin-bottom:327px;
}
.p-recruit__section01-box:nth-child(2){
  gap:116px;
  margin-bottom:391px;
}
.p-recruit__section01-box:nth-child(2)::after{
  bottom:-211px;
}
.p-recruit__section01-box:nth-child(3){
  gap:153px;
  justify-content: flex-end;
  margin-bottom:255px;
}
.p-recruit__section01-box:nth-child(3)::before{
  content:"";
  bottom:-191px;
}
.p-recruit__section01-box:nth-child(3)::after{
  bottom:-255px;
}
.p-recruit__section01-box-img{
  width:516px;
}
.p-recruit__section01-box:nth-child(2) .p-recruit__section01-box-img{
  width:506px;
  margin-left:130px;
}
.p-recruit__section01-box:nth-child(3) .p-recruit__section01-box-img{
  width:538px;
}
.p-recruit__section01-box-contents{
  width:419px;
}
.p-recruit__section01-box:first-child .p-recruit__section01-box-contents{
  margin-left:83px;
  width:478px;
}
.p-recruit__section01-box:nth-child(2) .p-recruit__section01-box-contents{
  width:419px;
}
.p-recruit__section01-box:nth-child(3) .p-recruit__section01-box-contents{
  width:419px;
}
.p-recruit__section01-box-ttl{
  color:#fff;
  font-size:32px;
  font-weight:900;
  line-height:1.75;
  margin-bottom:44px;
}
.p-recruit__section01-box-contents .c-text__small{
  color:#fff;
}
  @media screen and (max-width: 1650px){
    .p-recruit__section01{
      position:relative;
      overflow: hidden;
      padding:12.344vw 0 14.531vw;
      background-color: rgba(36, 36, 36, 0.89);
      backdrop-filter: blur(10px) brightness(0.91);
      -webkit-backdrop-filter: blur(10px) brightness(0.91);
    }
    .p-recruit__section01-en{
      font-family: var(--font-vt323);
      font-size:2.031vw;
      color:#FFFC50;
      text-align: center;
      margin-bottom:3.276vw;
    }
    .p-recruit__section01-catch {
      color:#fff;
      font-size: 3.75vw;
      line-height:1.75;
      position: relative;
      text-align: center;
      font-family: var(--font-torono);
      margin:0 auto 9.542vw;
    }
    .p-recruit__section01-wrap{

    }
    .p-recruit__section01-box{
      gap:6.042vw;
      position: relative;
      align-items: center;
    }
    .p-recruit__section01-box::after,
    .p-recruit__section01-box:nth-child(3)::before{
      content:"";
      background-image:url(../images/recruit/arrow-bottom.svg);
      background-size:100% 100%;
      display: block;
      width:3.438vw;
      height:1.979vw;
      position: absolute;
      left: 50%;
      transform: translateX(-50%);
      -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      bottom:-10.104vw;
    }
    .p-recruit__section01-box:first-child{
      justify-content: flex-end;
      gap:5.677vw;
      margin-bottom:17.031vw;
    }
    .p-recruit__section01-box:nth-child(2){
      gap:6.042vw;
      margin-bottom:20.365vw;
    }
    .p-recruit__section01-box:nth-child(2)::after{
      bottom:-10.99vw;
    }
    .p-recruit__section01-box:nth-child(3){
      gap:7.969vw;
      justify-content: flex-end;
      margin-bottom:13.281vw;
    }
    .p-recruit__section01-box:nth-child(3)::before{
      content:"";
      bottom:-9.948vw;
    }
    .p-recruit__section01-box:nth-child(3)::after{
      bottom:-13.281vw;
    }
    .p-recruit__section01-box-img{
      width:26.875vw;
    }
    .p-recruit__section01-box:nth-child(2) .p-recruit__section01-box-img{
      width:26.354vw;
      margin-left:6.771vw;
    }
    .p-recruit__section01-box:nth-child(3) .p-recruit__section01-box-img{
      width:28.021vw;
    }
    .p-recruit__section01-box-contents{
      width:21.823vw;
    }
    .p-recruit__section01-box:first-child .p-recruit__section01-box-contents{
      margin-left:4.323vw;
      width:24.896vw;
    }
    .p-recruit__section01-box:nth-child(2) .p-recruit__section01-box-contents{
      width:21.823vw;
    }
    .p-recruit__section01-box:nth-child(3) .p-recruit__section01-box-contents{
      width:21.823vw;
    }
    .p-recruit__section01-box-ttl{
      color:#fff;
      font-size:1.667vw;
      font-weight:900;
      line-height:1.75;
      margin-bottom:2.292vw;
    }
    .p-recruit__section01-box-contents .c-text__small{
      color:#fff;
    }
  }
    @media screen and (max-width: 768px){
      .p-recruit__section01{
        padding:20.16vw 0 25.6vw;
        background-color: rgba(36, 36, 36, 0.89);
        backdrop-filter: blur(10px) brightness(0.91);
        -webkit-backdrop-filter: blur(10px) brightness(0.91);
      }
      .p-recruit__section01-en{
        font-size:6.667vw;
        margin-bottom:4.533vw;
      }
      .p-recruit__section01-catch {
        color:#fff;
        font-size: 7.733vw;
        line-height:1.75;
        position: relative;
        text-align: center;
        font-family: var(--font-torono);
        margin:0 auto 8vw;
      }
      .p-recruit__section01-wrap{

      }
      .p-recruit__section01-box{
        gap:4.267vw;
        position: relative;
        align-items: center;
      }
      .p-recruit__section01-box::after,
      .p-recruit__section01-box:nth-child(3)::before{
        content:"";
        background-image:url(../images/recruit/arrow-bottom.svg);
        background-size:100% 100%;
        display: block;
        width:10.4vw;
        height:5.867vw;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        bottom:-19.467vw;
      }
      .p-recruit__section01-box:first-child{
        justify-content: flex-end;
        gap:4.267vw;
        margin-bottom:33.067vw;
      }
      .p-recruit__section01-box:nth-child(2).u-fdrr{
        gap:7.2vw;
        margin-bottom:37.867vw;
      }
      .p-recruit__section01-box:nth-child(2)::after{
        bottom:-21.067vw;
      }
      .p-recruit__section01-box:nth-child(3){
        gap:7.2vw;
        justify-content: flex-end;
        margin-bottom:25.333vw;
      }
      .p-recruit__section01-box:nth-child(3)::before{
        content:"";
        bottom:-17.6vw;
      }
      .p-recruit__section01-box:nth-child(3)::after{
        bottom:-25.333vw;
      }
      .p-recruit__section01-box-img{
        width:100%;
      }
      .p-recruit__section01-box:nth-child(2) .p-recruit__section01-box-img{
        width:100%;
        margin-left:0;
      }
      .p-recruit__section01-box:nth-child(3) .p-recruit__section01-box-img{
        width:100%;
      }
      .p-recruit__section01-box-contents{
        width:100%;
      }
      .p-recruit__section01-box:first-child .p-recruit__section01-box-contents{
        margin-left:0;
        width:100%;
      }
      .p-recruit__section01-box:nth-child(2) .p-recruit__section01-box-contents{
        width:100%;
      }
      .p-recruit__section01-box:nth-child(3) .p-recruit__section01-box-contents{
        width:100%;
      }
      .p-recruit__section01-box-ttl{
        color:#fff;
        font-size:5.6vw;
        font-weight:900;
        line-height:1.71;
        text-align: center;
        margin-bottom:7.2vw;
      }
      .p-recruit__section01-box-contents .c-text__small{
        color:#fff;
      }
    }
.p-recruit__about{
  background-color:#E8E8E8;
  position: relative;
  padding:400px 0 202.3px;
}
.p-recruit__about-catch-area{
  position: absolute;
  top:-103.7px;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  width: 100%;
}
.p-recruit__about-catch-en{
  width:930.58px;
  margin:0 auto 64.9px;
}
.p-recruit__about-catch{
  color:#242424;
  font-size: 81px;
  line-height:1.75;
  position: relative;
  text-align: center;
  font-family: var(--font-torono);
}
.p-recruit__about-catch .glitch{
  color:#242424;
}
.p-recruit__about .c-ttl__en{
  margin-bottom:33px;
  text-align: center;
}
.p-recruit__about-ttl{
  margin-bottom:36px;
  text-align: center;
}
.p-recruit__about-text{
  text-align: center;
  margin-bottom:72px;
}
.p-recruit__about .c-btn{
  margin-bottom:94.7px;
}
.p-recruit__about-img{
  margin-bottom:197px;
  position: relative;
  border:solid 3px #16CD47;
  height:auto;
  line-height:0;
}
.p-recruit__about-img img{
  display: block;
}
.p-recruit__about-bottom{
  gap:99px;
  align-items: flex-end;
}
.p-recruit__about-bottom-left{
  width:588px;
  margin-left:-22px;
  margin-bottom:31px;
  position: relative;
}
.p-recruit__about-bottom-circle01,
.p-recruit__about-bottom-circle02,
.p-recruit__about-bottom-circle03{
  width:320px;
  height:320px;
  border-radius: 50%;
}
.p-recruit__about-bottom-circle01{
  background-color:#FC4171;
  padding-top:52px;
  margin:0 auto;
}
.p-recruit__about-bottom-circle01-icon{
  display: block;
  width:54px;
  margin:0 auto 18.8px;
}
.p-recruit__about-bottom-circle01-en{
  display: block;
  width:174.83px;
  margin:0 auto 17px;
}
.p-recruit__about-bottom-circle02{
  background-color:#FFFC50;
  padding-top:73px;
}
.p-recruit__about-bottom-circle02-icon{
  display: block;
  width:45.61px;
  margin:0 auto 22.8px;
}
.p-recruit__about-bottom-circle02-en{
  display: block;
  width:159.08px;
  margin:0 auto 14px;
}
.p-recruit__about-bottom-circle03{
  background-color:#16CD47;
  padding-top:73px;
  margin-left:-54px;
}
.p-recruit__about-bottom-circle03-icon{
  display: block;
  width:45.28px;
  margin:0 auto 25.9px;
}
.p-recruit__about-bottom-circle03-en{
  display: block;
  width:200.03px;
  margin:0 auto 14px;
}
.p-recruit__about-bottom-flex{
  margin-top:-110px;
}
.p-recruit__about-bottom-circle-jp{
  font-size:19px;
  font-weight:bold;
  text-align: center;
}
.p-recruit__about-bottom-circle-center{
  display: block;
  width:154px;
  height:154px;
  background-color:#25BCCE;
  border-radius: 50%;
  position: absolute;
  top:218px;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  padding-top:28px;
}
.p-recruit__about-bottom-circle-center-jp{
  font-family: var(--font-zenkaku);
  font-size:39px;
  font-weight:900;
  text-align: center;
  line-height: 1.436;
  margin-bottom:10.8px;
}
.p-recruit__about-bottom-circle-center-en{
  display: block;
  width:80.18px;
  margin:0 auto;
}

/* 初期：非表示（まだアニメさせない） */
.p-recruit__about-bottom-left .p-recruit__about-bottom-circle01,
.p-recruit__about-bottom-left .p-recruit__about-bottom-circle02,
.p-recruit__about-bottom-left .p-recruit__about-bottom-circle03{
  opacity: 0;
  transform: translateY(8px) scale(0.98);
  will-change: opacity, transform;
}

/* center は translateX(-50%) を保持したまま */
.p-recruit__about-bottom-left .p-recruit__about-bottom-circle-center,
.p-recruit__about-bottom-left .p-recruit__about-bottom-circl-center{
  opacity: 0;
  transform: translateX(-50%) translateY(8px) scale(0.98);
  will-change: opacity, transform;
}

/* 見えたら親に is-inview が付く → ここで初めてアニメ開始 */
.p-recruit__about-bottom-left.is-inview .p-recruit__about-bottom-circle01,
.p-recruit__about-bottom-left.is-inview .p-recruit__about-bottom-circle02,
.p-recruit__about-bottom-left.is-inview .p-recruit__about-bottom-circle03{
  animation: aboutCircle .8s ease-out forwards;
  animation-delay: var(--d, 0s);
}

.p-recruit__about-bottom-left.is-inview .p-recruit__about-bottom-circle-center,
.p-recruit__about-bottom-left.is-inview .p-recruit__about-bottom-circl-center{
  animation: aboutCenter .8s ease-out forwards;
  animation-delay: var(--d, 0s);
}

@keyframes aboutCircle{
  to { opacity: 1; transform: translateY(0) scale(1); }
}
@keyframes aboutCenter{
  to { opacity: 1; transform: translateX(-50%) translateY(0) scale(1); }
}

/* 動き不要設定の人は即表示 */
@media (prefers-reduced-motion: reduce){
  .p-recruit__about-bottom-left .p-recruit__about-bottom-circle01,
  .p-recruit__about-bottom-left .p-recruit__about-bottom-circle02,
  .p-recruit__about-bottom-left .p-recruit__about-bottom-circle03,
  .p-recruit__about-bottom-left .p-recruit__about-bottom-circle-center,
  .p-recruit__about-bottom-left .p-recruit__about-bottom-circl-center{
    opacity: 1;
    transform: none;
    animation: none !important;
  }
}
  @media screen and (max-width: 1650px){
    .p-recruit__about{
      background-color:#E8E8E8;
      position: relative;
      padding:20.833vw 0 10.536vw;
    }
    .p-recruit__about-catch-area{
      position: absolute;
      top:-5.401vw;
      left: 50%;
      transform: translateX(-50%);
      -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);

    }
    .p-recruit__about-catch-en{
      width:48.468vw;
      margin:0 auto 3.38vw;
    }
    .p-recruit__about-catch{
      color:#242424;
      font-size: 4.219vw;
      line-height:1.75;
      position: relative;
      text-align: center;
      font-family: var(--font-torono);
    }
    .p-recruit__about-catch .glitch{
      color:#242424;
    }
    .p-recruit__about .c-ttl__en{
      margin-bottom:1.719vw;
      text-align: center;
    }
    .p-recruit__about-ttl{
      margin-bottom:1.875vw;
      text-align: center;
    }
    .p-recruit__about-text{
      text-align: center;
      margin-bottom:3.75vw;
    }
    .p-recruit__about .c-btn{
      margin-bottom:4.932vw;
    }
    .p-recruit__about-img{
      margin-bottom:10.26vw;
      position: relative;
      border:solid 3px #16CD47;
    }
    .p-recruit__about-bottom{
      gap:5.156vw;
      align-items: flex-end;
    }
    .p-recruit__about-bottom-left{
      width:30.625vw;
      margin-left:-1.146vw;
      margin-bottom:1.615vw;
      position: relative;
    }
    .p-recruit__about-bottom-circle01,
    .p-recruit__about-bottom-circle02,
    .p-recruit__about-bottom-circle03{
      width:16.667vw;
      height:16.667vw;
      border-radius: 50%;
    }
    .p-recruit__about-bottom-circle01{
      background-color:#FC4171;
      padding-top:2.708vw;
      margin:0 auto;
    }
    .p-recruit__about-bottom-circle01-icon{
      display: block;
      width:2.813vw;
      margin:0 auto 0.979vw;
    }
    .p-recruit__about-bottom-circle01-en{
      display: block;
      width:9.106vw;
      margin:0 auto 0.885vw;
    }
    .p-recruit__about-bottom-circle02{
      background-color:#FFFC50;
      padding-top:3.802vw;
    }
    .p-recruit__about-bottom-circle02-icon{
      display: block;
      width:2.376vw;
      margin:0 auto 1.188vw;
    }
    .p-recruit__about-bottom-circle02-en{
      display: block;
      width:8.285vw;
      margin:0 auto 0.729vw;
    }
    .p-recruit__about-bottom-circle03{
      background-color:#16CD47;
      padding-top:3.802vw;
      margin-left:-2.812vw;
    }
    .p-recruit__about-bottom-circle03-icon{
      display: block;
      width:2.358vw;
      margin:0 auto 1.349vw;
    }
    .p-recruit__about-bottom-circle03-en{
      display: block;
      width:10.418vw;
      margin:0 auto 0.729vw;
    }
    .p-recruit__about-bottom-flex{
      margin-top:-5.729vw;
    }
    .p-recruit__about-bottom-circle-jp{
      font-size:0.99vw;
      font-weight:bold;
      text-align: center;
    }
    .p-recruit__about-bottom-circle-center{
      display: block;
      width:8.021vw;
      height:8.021vw;
      background-color:#25BCCE;
      border-radius: 50%;
      position: absolute;
      top:11.354vw;
      left: 50%;
      transform: translateX(-50%);
      -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      padding-top:1.458vw;
    }
    .p-recruit__about-bottom-circle-center-jp{
      font-family: var(--font-zenkaku);
      font-size:2.031vw;
      font-weight:900;
      text-align: center;
      margin-bottom:0.563vw;
    }
    .p-recruit__about-bottom-circle-center-en{
      display: block;
      width:4.176vw;
      margin:0 auto;
    }

    /* 初期：非表示（まだアニメさせない） */
    .p-recruit__about-bottom-left .p-recruit__about-bottom-circle01,
    .p-recruit__about-bottom-left .p-recruit__about-bottom-circle02,
    .p-recruit__about-bottom-left .p-recruit__about-bottom-circle03{
      opacity: 0;
      transform: translateY(8px) scale(0.98);
      will-change: opacity, transform;
    }

    /* center は translateX(-50%) を保持したまま */
    .p-recruit__about-bottom-left .p-recruit__about-bottom-circle-center,
    .p-recruit__about-bottom-left .p-recruit__about-bottom-circl-center{
      opacity: 0;
      transform: translateX(-50%) translateY(8px) scale(0.98);
      will-change: opacity, transform;
    }

    /* 見えたら親に is-inview が付く → ここで初めてアニメ開始 */
    .p-recruit__about-bottom-left.is-inview .p-recruit__about-bottom-circle01,
    .p-recruit__about-bottom-left.is-inview .p-recruit__about-bottom-circle02,
    .p-recruit__about-bottom-left.is-inview .p-recruit__about-bottom-circle03{
      animation: aboutCircle .8s ease-out forwards;
      animation-delay: var(--d, 0s);
    }

    .p-recruit__about-bottom-left.is-inview .p-recruit__about-bottom-circle-center,
    .p-recruit__about-bottom-left.is-inview .p-recruit__about-bottom-circl-center{
      animation: aboutCenter .8s ease-out forwards;
      animation-delay: var(--d, 0s);
    }

    @keyframes aboutCircle{
      to { opacity: 1; transform: translateY(0) scale(1); }
    }
    @keyframes aboutCenter{
      to { opacity: 1; transform: translateX(-50%) translateY(0) scale(1); }
    }
  }
    @media screen and (max-width: 768px){
      .p-recruit__about{
        background-color:#E8E8E8;
        position: relative;
        padding:33.707vw 0 8.88vw;
      }
      .p-recruit__about-catch-area{
        position: absolute;
        top:-9.067vw;
        left: 50%;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
      }
      .p-recruit__about-catch-en{
        width:91.923vw;
        margin:0 auto 5.947vw;
      }
      .p-recruit__about-catch{
        color:#242424;
        font-size: 6.667vw;
        line-height:1.75;
        position: relative;
        text-align: center;
        font-family: var(--font-torono);
      }
      .p-recruit__about-catch .glitch{
        color:#242424;
      }
      .p-recruit__about .c-ttl__en{
        margin-bottom:5.76vw;
        text-align: center;
      }
      .p-recruit__about .c-ttl{
        width:fit-content;
        margin:0 auto 12.693vw;
        text-align: center;
      }
      .p-recruit__about-ttl{
        margin-bottom:8.267vw;
        text-align: center;
      }
      .p-recruit__about-text{
        text-align: left;
        margin-bottom:7.547vw;
      }
      .p-recruit__about .c-btn{
        margin-bottom:20.24vw;
      }
      .p-recruit__about-img{
        margin-bottom:8.32vw;
        position: relative;
        border:solid 1px #16CD47;
      }
      .p-recruit__about-bottom{
        gap:26.4vw;
        align-items: flex-end;
        display:block;
      }
      .p-recruit__about-bottom-left{
        width:100%;
        margin-left:-0;
        margin-bottom:8.88vw;
        position: relative;
      }
      .p-recruit__about-bottom-circle01,
      .p-recruit__about-bottom-circle02,
      .p-recruit__about-bottom-circle03{
        width:48.773vw;
        height:48.773vw;
        border-radius: 50%;
      }
      .p-recruit__about-bottom-circle01{
        background-color:#FC4171;
        padding-top:7.707vw;
        margin:0 auto;
      }
      .p-recruit__about-bottom-circle01-icon{
        display: block;
        width:8.213vw;
        margin:0 auto 2.693vw;
      }
      .p-recruit__about-bottom-circle01-en{
        display: block;
        width:23.827vw;
        margin:0 auto 2.587vw;
      }
      .p-recruit__about-bottom-circle02{
        background-color:#FFFC50;
        padding-top:10.96vw;
      }
      .p-recruit__about-bottom-circle02-icon{
        display: block;
        width:6.923vw;
        margin:0 auto 3.307vw;
      }
      .p-recruit__about-bottom-circle02-en{
        display: block;
        width:21.68vw;
        margin:0 auto 2.347vw;
      }
      .p-recruit__about-bottom-circle03{
        background-color:#16CD47;
        padding-top:10.96vw;
        margin-left:-8.24vw;
      }
      .p-recruit__about-bottom-circle03-icon{
        display: block;
        width:6.875vw;
        margin:0 auto 3.76vw;
      }
      .p-recruit__about-bottom-circle03-en{
        display: block;
        width:27.264vw;
        margin:0 auto 2.347vw;
      }
      .p-recruit__about-bottom-flex{
        margin-top:-16.373vw;
        width:calc(100% + 13.867vw);
        margin-left:-6.933vw;
        padding:0 5.333vw;
      }
      .p-recruit__about-bottom-circle-jp{
        font-size:3.2vw;
        font-weight:bold;
        text-align: center;
      }
      .p-recruit__about-bottom-circle-center{
        display: block;
        width:23.36vw;
        height:23.36vw;
        background-color:#25BCCE;
        border-radius: 50%;
        position: absolute;
        top:32.853vw;
        left: 50%;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        padding-top:6.053vw;
      }
      .p-recruit__about-bottom-circle-center-jp{
        font-family: var(--font-zenkaku);
        font-size:5.6vw;
        font-weight:900;
        text-align: center;
        line-height:1;
      }
      .p-recruit__about-bottom-circle-center-en{
        display: block;
        width:11.059vw;
        margin:3.093vw auto 0;
      }

      /* 初期：非表示（まだアニメさせない） */
      .p-recruit__about-bottom-left .p-recruit__about-bottom-circle01,
      .p-recruit__about-bottom-left .p-recruit__about-bottom-circle02,
      .p-recruit__about-bottom-left .p-recruit__about-bottom-circle03{
        opacity: 0;
        transform: translateY(8px) scale(0.98);
        will-change: opacity, transform;
      }

      /* center は translateX(-50%) を保持したまま */
      .p-recruit__about-bottom-left .p-recruit__about-bottom-circle-center,
      .p-recruit__about-bottom-left .p-recruit__about-bottom-circl-center{
        opacity: 0;
        transform: translateX(-50%) translateY(8px) scale(0.98);
        will-change: opacity, transform;
      }

      /* 見えたら親に is-inview が付く → ここで初めてアニメ開始 */
      .p-recruit__about-bottom-left.is-inview .p-recruit__about-bottom-circle01,
      .p-recruit__about-bottom-left.is-inview .p-recruit__about-bottom-circle02,
      .p-recruit__about-bottom-left.is-inview .p-recruit__about-bottom-circle03{
        animation: aboutCircle .8s ease-out forwards;
        animation-delay: var(--d, 0s);
      }

      .p-recruit__about-bottom-left.is-inview .p-recruit__about-bottom-circle-center,
      .p-recruit__about-bottom-left.is-inview .p-recruit__about-bottom-circl-center{
        animation: aboutCenter .8s ease-out forwards;
        animation-delay: var(--d, 0s);
      }

      @keyframes aboutCircle{
        to { opacity: 1; transform: translateY(0) scale(1); }
      }
      @keyframes aboutCenter{
        to { opacity: 1; transform: translateX(-50%) translateY(0) scale(1); }
      }

      /* 動き不要設定の人は即表示 */
      @media (prefers-reduced-motion: reduce){
        .p-recruit__about-bottom-left .p-recruit__about-bottom-circle01,
        .p-recruit__about-bottom-left .p-recruit__about-bottom-circle02,
        .p-recruit__about-bottom-left .p-recruit__about-bottom-circle03,
        .p-recruit__about-bottom-left .p-recruit__about-bottom-circle-center,
        .p-recruit__about-bottom-left .p-recruit__about-bottom-circl-center{
          opacity: 1;
          transform: none;
          animation: none !important;
        }
      }
    }


.p-recruit__about-bottom-contents{
  width:575px;
}
.p-recruit__about-bottom-contents .c-ttl__en{
  margin-bottom:27px;
  text-align: left;
}
.p-recruit__about-bottom-contents .c-ttl{
  margin-bottom:49px;
}
.p-recruit__about-bottom-contents .c-text{

}

.p-recruit__img-deco01,
.p-recruit__img-deco02,
.p-recruit__img-deco03,
.p-recruit__img-deco04,
.p-recruit__img-deco05,
.p-recruit__img-deco06,
.p-recruit__img-deco07,
.p-recruit__img-deco08{
  display:block;
  width:15px;
  height:15px;
  position:absolute;
  background-color:#16CD47;
  border-radius: 50%;
}
.p-recruit__img-deco01{
  top:-9px;
  left:-9px;
}
.p-recruit__img-deco02{
  top:-9px;
  right:-9px;
}
.p-recruit__img-deco03{
  bottom:-9px;
  left:-9px;
}
.p-recruit__img-deco04{
  bottom:-9px;
  right:-9px;
}
.p-recruit__img-deco05{
  top:-9px;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
}
.p-recruit__img-deco06{
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  left:-9px;
}
.p-recruit__img-deco07{
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  right:-9px;
}
.p-recruit__img-deco08{
  bottom:-9px;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
}
  @media screen and (max-width: 1650px){
    .p-recruit__about-bottom-contents{
      width:29.948vw;
    }
    .p-recruit__about-bottom-contents .c-ttl__en{
      margin-bottom:1.406vw;
      text-align: left;
    }
    .p-recruit__about-bottom-contents .c-ttl{
      margin-bottom:2.552vw;
    }
    .p-recruit__about-bottom-contents .c-text{

    }

    .p-recruit__img-deco01,
    .p-recruit__img-deco02,
    .p-recruit__img-deco03,
    .p-recruit__img-deco04,
    .p-recruit__img-deco05,
    .p-recruit__img-deco06,
    .p-recruit__img-deco07,
    .p-recruit__img-deco08{
      display:block;
      width:0.781vw;
      height:0.781vw;
      position:absolute;
      background-color:#16CD47;
      border-radius: 50%;
    }
    .p-recruit__img-deco01{
      top:-0.469vw;
      left:-0.469vw;
    }
    .p-recruit__img-deco02{
      top:-0.469vw;
      right:-0.469vw;
    }
    .p-recruit__img-deco03{
      bottom:-0.469vw;
      left:-0.469vw;
    }
    .p-recruit__img-deco04{
      bottom:-0.469vw;
      right:-0.469vw;
    }
    .p-recruit__img-deco05{
      top:-0.469vw;
      left: 50%;
      transform: translateX(-50%);
      -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
    }
    .p-recruit__img-deco06{
      top: 50%;
      transform: translateY(-50%);
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      left:-0.469vw;
    }
    .p-recruit__img-deco07{
      top: 50%;
      transform: translateY(-50%);
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      right:-0.469vw;
    }
    .p-recruit__img-deco08{
      bottom:-0.469vw;
      left: 50%;
      transform: translateX(-50%);
      -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
    }
  }
    @media screen and (max-width: 768px){
      .p-recruit__about-bottom-contents{
        width:100%;
      }
      .p-recruit__about-bottom-contents .c-ttl__en{
        margin-bottom:5.76vw;
        text-align: center;
      }
      .p-recruit__about-bottom-contents .c-ttl{
        margin-bottom:12.613vw;
      }
      .p-recruit__about-bottom-contents .c-text{

      }

      .p-recruit__img-deco01,
      .p-recruit__img-deco02,
      .p-recruit__img-deco03,
      .p-recruit__img-deco04,
      .p-recruit__img-deco05,
      .p-recruit__img-deco06,
      .p-recruit__img-deco07,
      .p-recruit__img-deco08{
        display:block;
        width:2.133vw;
        height:2.133vw;
        position:absolute;
        background-color:#16CD47;
        border-radius: 50%;
      }
      .p-recruit__img-deco01{
        top:-1.2vw;
        left:-1.2vw;
      }
      .p-recruit__img-deco02{
        top:-1.2vw;
        right:-1.2vw;
      }
      .p-recruit__img-deco03{
        bottom:-1.2vw;
        left:-1.2vw;
      }
      .p-recruit__img-deco04{
        bottom:-1.2vw;
        right:-1.2vw;
      }
      .p-recruit__img-deco05{
        top:-1.2vw;
        left: 50%;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
      }
      .p-recruit__img-deco06{
        top: 50%;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        left:-1.2vw;
      }
      .p-recruit__img-deco07{
        top: 50%;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        right:-1.2vw;
      }
      .p-recruit__img-deco08{
        bottom:-1.2vw;
        left: 50%;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
      }
    }

.p-recruit__slide01-list{
  display:flex;
}
.p-recruit__slide01-item{
  display: block;
  border:solid 3px #16CD47;
  position: relative;
}
.p-recruit__slide01-splide .splide__slide{
  width: 16.146vw;
  margin-right:-3px;
}
.p-recruit__slide01-splide .splide__track{
  overflow: visible;
}
@media screen and (max-width: 1650px){

}
    @media screen and (max-width: 768px){
      .p-recruit__slide01-list{
        display:flex;
      }
      .p-recruit__slide01-item{
        display: block;
        border:solid 3px #16CD47;
        position: relative;
      }
      .p-recruit__slide01-splide .splide__slide{
        width: 38.093vw;
        margin-right:-1.067vw;
      }
      .p-recruit__slide01-splide .splide__track{
        overflow: visible;
      }
    }

.p-recruit__keywords{
  padding:6.25vw 0 18.281vw;
  background-color:#242424;
  position: relative;
}
.p-recruit__keywords-ttl-area{

}
.p-recruit__keywords-catch{
  font-size:2.969vw;
  font-weight:900;
  display: flex;
  align-items: center;
  color:#fff;
  justify-content: center;
  margin-bottom:1.547vw;
}
.p-recruit__keywords-catch-num{
  font-family: var(--font-bebas-neue);
  font-size:6.51vw;
  font-weight:bold;
  color:#FFFC50;
  margin:4px 0.885vw 0 -0.625vw;
}
.p-recruit__keywords-ttl-area .c-text{
  color:#fff;
  text-align: center;
}
.p-recruit__keywords-list{
  padding: 0 97,3px 0 51px;
}
.p-recruit__keywords-item{
  display:block;
  background-size:100% 100%;
}
.p-recruit__keywords-item-text{
  font-size:1.458vw;
  font-weight:900;
  line-height: 1.4285;
  text-align: center;
  width:fit-content;
}
.p-recruit__keywords-item:first-child{
  background-image:url(../images/recruit/keywords01.webp);
  width:18.436vw;
  height:12.143vw;
  padding:3.073vw 0 0 4.057vw;
  color:#FFFC50;
  margin-top:5.073vw;
  margin-left:5.068vw;
}
.p-recruit__keywords-item:nth-child(2){
  background-image:url(../images/recruit/keywords02.webp);
  width:13.607vw;
  height:18.165vw;
  padding:9.125vw 0 0 1.568vw;
  color:#FC4171;
  margin-top:4.99vw;
  margin-left:0.307vw;
}
.p-recruit__keywords-item:nth-child(3){
  background-image:url(../images/recruit/keywords03.webp);
  width:17.63vw;
  height:10.186vw;
  padding:1.974vw 0 0 4.536vw;
  color:#8F06F8;
  margin-top:3.583vw;
  margin-left:-5.167vw;
}
.p-recruit__keywords-item:nth-child(4){
  background-image:url(../images/recruit/keywords04.webp);
  width:16.363vw;
  height:19.758vw;
  padding:8.01vw 0 0 2.318vw;
  color:#FFFC50;
  margin-top:6.766vw;
  margin-left:-6.995vw;
}
.p-recruit__keywords-item:nth-child(5){
  background-image:url(../images/recruit/keywords05.webp);
  width:13.845vw;
  height:26.545vw;
  padding:9.917vw 0 0 3.531vw;
  color:#FC4171;
  margin-top:0;
  margin-left:2.005vw;
}
.p-recruit__keywords-item:nth-child(6){
  background-image:url(../images/recruit/keywords06.webp);
  width:14.739vw;
  height:17.495vw;
  padding:3.281vw 0 0 3.635vw;
  color:#25BCCE;
  margin-top:2.74vw;
  margin-left:2.177vw;
  margin-right:2.891vw;
}
.p-recruit__keywords-item:nth-child(6) .p-recruit__keywords-item-text{
  font-size:1.875vw;
}
.p-recruit__keywords-item:nth-child(7){
  background-image:url(../images/recruit/keywords07.webp);
  width:23.566vw;
  height:12.397vw;
  padding:4.411vw 0 0 6.526vw;
  color:#16CD47;
  margin-top:-7.12vw;
  margin-left:2.656vw;
}
.p-recruit__keywords-item:nth-child(7) .p-recruit__keywords-item-text{
  font-size:1.979vw;
}
.p-recruit__keywords-item:nth-child(8){
  background-image:url(../images/recruit/keywords08.webp);
  width:23.231vw;
  height:11.574vw;
  padding:2.698vw 0 0 4.323vw;
  color:#25BCCE;
  margin-top:-3.365vw;
  margin-left:0.547vw;
}
.p-recruit__keywords-item:nth-child(9){
  background-image:url(../images/recruit/keywords09.webp);
  width:17.096vw;
  height:12.338vw;
  padding:2.714vw 0 0 4.328vw;
  color:#8F06F8;
  margin-top:-4.464vw;
  margin-left:3.286vw;
}
.p-recruit__keywords-item:nth-child(10){
  background-image:url(../images/recruit/keywords10.webp);
  width:17.63vw;
  height:14.584vw;
  padding:6.224vw 0 0 4.26vw;
  color:#16CD47;
  margin-top:-9.255vw;
  margin-left:6.922vw;
}
.p-recruit__keywords-item:nth-child(10) .p-recruit__keywords-item-text{
  font-size:1.823vw;
}

/* 初期：非表示 */
.p-recruit__keywords-list .p-recruit__keywords-item{
  opacity: 0;
  transform: translateY(10px);
  will-change: opacity, transform;
}

/* listが写ったら順番に表示（JSで --d を入れる） */
.p-recruit__keywords-list.is-inview .p-recruit__keywords-item{
  animation: kwShow .7s ease-out forwards;
  animation-delay: var(--d, 0s);
}

@keyframes kwShow{
  to{
    opacity: 1;
    transform: translateY(0);
  }
}

/* 動き不要の環境配慮 */
@media (prefers-reduced-motion: reduce){
  .p-recruit__keywords-list .p-recruit__keywords-item{
    opacity: 1;
    transform: none;
    animation: none !important;
  }
}

    @media screen and (max-width: 768px){
      .p-recruit__keywords{
        padding:17.013vw 0 38.88vw;
        background-color:#242424;
      }
      .p-recruit__keywords-ttl-area{
        width:100%;
        margin:0 6.933vw 5.787vw;
        margin:0 0 5.867vw 0;
      }
      .p-recruit__keywords-catch{
        font-size:8vw;
        font-weight:900;
        display: block;
        align-items: center;
        color:#fff;
        justify-content: center;
        margin-bottom:5.067vw;
        text-align: center;
        line-height:1;
      }
      .p-recruit__keywords-catch-text{
        font-size:5.6vw;
        font-weight:900;
        margin-bottom:1.067vw;
      }
      .p-recruit__keywords-catch-num{
        font-family: var(--font-bebas-neue);
        font-size:18.133vw;
        font-weight:bold;
        color:#FFFC50;
        margin:0 1.6vw 0 0;
      }
      .p-recruit__keywords-ttl-area .c-text{
        color:#fff;
        text-align: left;
        width:100%;
        padding:0 6.933vw;
      }

      .p-recruit__keywords-list{
        padding: 0;
        display: block;
        position:relative;
        width:100%;
        height:251.432vw;
      }
      .p-recruit__keywords-item{
        display:block;
        background-size:100% 100%;
      }
      .p-recruit__keywords-item-text{
        font-size:4.533vw;
        font-weight:900;
        line-height: 1.411;
        text-align: center;
        width:fit-content;
      }
      .p-recruit__keywords-item:first-child{
        background-image:url(../images/recruit/keywords01-sp.webp);
        width:52.008vw;
        height:32.933vw;
        padding:7.733vw 0 0 8.427vw;
        color:#FFFC50;
        margin:0;
        position: absolute;
        top:0;
        left:6.08vw;
      }
      .p-recruit__keywords-item:nth-child(2){
        background-image:url(../images/recruit/keywords02-sp.webp);
        width:38.387vw;
        height:50.845vw;
        padding:24.053vw 0 0 3.12vw;
        color:#FC4171;
        margin:0;
        position: absolute;
        top:0;
        right:8.88vw;
      }
      .p-recruit__keywords-item:nth-child(3){
        background-image:url(../images/recruit/keywords03-sp.webp);
        width:49.736vw;
        height:28.733vw;
        padding:5.093vw 0 0 12.507vw;
        color:#8F06F8;
        margin:0;
        position: absolute;
        top:71.947vw;
        right:3.6vw;
      }
      .p-recruit__keywords-item:nth-child(4){
        background-image:url(../images/recruit/keywords04-sp.webp);
        width:46.16vw;
        height:56.688vw;
        padding:22.56vw 0 0 5.947vw;
        color:#FFFC50;
        margin:0;
        position: absolute;
        top:103.147vw;
        right:9.173vw;
      }
      .p-recruit__keywords-item:nth-child(5){
        background-image:url(../images/recruit/keywords05-sp.webp);
        width:39.059vw;
        height:74.885vw;
        padding:29.28vw 0 0 9.067vw;
        color:#FC4171;
        margin:0;
        position: absolute;
        top:148.16vw;
        right:8.96vw;
      }

      .p-recruit__keywords-item:nth-child(6){
        background-image:url(../images/recruit/keywords06-sp.webp);
        width:41.579vw;
        height:49.355vw;
        padding:9.493vw 0 0 12.693vw;
        color:#25BCCE;
        margin:0;
        position: absolute;
        bottom:23.04vw;
        left:9.867vw;
      }
      .p-recruit__keywords-item:nth-child(6) .p-recruit__keywords-item-text{
        font-size:4.533vw;
      }
      .p-recruit__keywords-item:nth-child(7){
        background-image:url(../images/recruit/keywords07-sp.webp);
        width:57.277vw;
        height:44.784vw;
        padding:22.96vw 0 0 12.427vw;
        color:#16CD47;
        margin:0;
        position: absolute;
        top:36.533vw;
        left:5.6vw;
      }
      .p-recruit__keywords-item:nth-child(7) .p-recruit__keywords-item-text{
        font-size:4.533vw;
      }
      .p-recruit__keywords-item:nth-child(8){
        background-image:url(../images/recruit/keywords08-sp.webp);
        width:56.379vw;
        height:45.485vw;
        padding:19.547vw 0 0 9.6vw;
        color:#25BCCE;
        margin:0;
        position: absolute;
        top:81.92vw;
        left:6.507vw;
      }
      .p-recruit__keywords-item:nth-child(9){
        background-image:url(../images/recruit/keywords09-sp.webp);
        width:48.227vw;
        height:34.805vw;
        padding:6.587vw 0 0 9.067vw;
        color:#8F06F8;
        margin:0;
        position: absolute;
        bottom:74.187vw;
        left:6.08vw;
      }
      .p-recruit__keywords-item:nth-child(10){
        background-image:url(../images/recruit/keywords10-sp.webp);
        width:49.736vw;
        height:44.475vw;
        padding:21.36vw 0 0 11.867vw;
        color:#16CD47;
        margin:0;
        position: absolute;
        bottom:0;
        left:26.533vw;
      }
      .p-recruit__keywords-item:nth-child(10) .p-recruit__keywords-item-text{
        font-size:4.533vw;
      }

      /* 初期：非表示 */
      .p-recruit__keywords-list .p-recruit__keywords-item{
        opacity: 0;
        transform: translateY(10px);
        will-change: opacity, transform;
      }

      /* listが写ったら順番に表示（JSで --d を入れる） */
      .p-recruit__keywords-list.is-inview .p-recruit__keywords-item{
        animation: kwShow .7s ease-out forwards;
        animation-delay: var(--d, 0s);
      }

      @keyframes kwShow{
        to{
          opacity: 1;
          transform: translateY(0);
        }
      }

    }

.p-recruit__interview{
  padding:0 0 128.8px;
  background-color:#E8E8E8;
  position: relative;
}
.p-recruit__slide02-splide .splide__track {
  overflow: visible;
}
.p-recruit__slide02{
  margin-bottom:161.5px;
}

.p-recruit__slide02-list{
}
.p-recruit__slide02-item{
  width:20.313vw;
  height:fit-content;
  position: relative;
  border:solid 3px #FFFC50;
}
.p-recruit__slide02-splide .splide__slide{
  margin-right:-3px;
}
.p-recruit__slide02-item:nth-of-type(odd){
  margin-top:-194.4px;
}
.p-recruit__slide02-list .p-recruit__img-deco01,
.p-recruit__slide02-list .p-recruit__img-deco02,
.p-recruit__slide02-list .p-recruit__img-deco03,
.p-recruit__slide02-list .p-recruit__img-deco04{
  background-color:#FFFC50;
  z-index: 5;
}
.p-recruit__interview-ttl-area{
  margin-bottom:51.5px;
  text-align: center;
}
.p-recruit__interview-ttl-area .c-ttl__sub{
  margin-bottom:41px;
}
.p-recruit__interview-slide{
  gap:47px;
  margin-bottom:92.6px;
  width: calc(100vw - (100vw - 1240px)/2);
  margin-left: calc((100vw - 1240px)/2);
}
.p-recruit__interview-slide-item{
  width:537.06px;
  position: relative;
  z-index: 1;
}
.p-recruit__interview-slide-deco01{
  display: block;
  width:calc(100% - 16.54px);
  height:calc(100% - 16.54px);
  border:solid 8.73px #25BCCE;
  position: absolute;
  z-index: 1;
  top:8.73px;
  left:8.73px;
}
.p-recruit__interview-slide-deco02{
  display: block;
  background-color:#E8E8E8;
  width:100%;
  height:calc(100% - 33.08px);
  border-right:solid 8.73px #25BCCE;
  border-left:solid 8.73px #25BCCE;
  z-index: 2;
  position: absolute;
  top:16.54px;
  left:0;
}
.p-recruit__interview-slide-item-contents{
  border-top:solid 8.73px #25BCCE;
  border-bottom:solid 8.73px #25BCCE;
  background-color:#E8E8E8;
  position: relative;
  z-index: 3;
  width:calc(100% - 33.08px);
  height:100%;
  margin:0 auto;
  padding:34.5px 29.5px 34.5px 23.2px;
}
.p-recruit__interview-slide-item .c-ttl__en{
  margin-bottom:15.5px;
  color:#25BCCE;
}
.p-recruit__interview-slide-item-ttl{
  font-size:30px;
  font-weight:900;
  line-height: 1.6;
  margin-bottom:15px;
}
.p-recruit__interview-slide-item-text{
  align-items: flex-end;
  margin-bottom:21px;
}
.p-recruit__interview-slide-item-position{
  font-size:18px;
  font-weight:bold;
  letter-spacing:0.02em;
  margin-right:19px;
  padding-bottom:3px;
}
.p-recruit__interview-slide-item-name{
  font-size:25px;
  font-weight:bold;
  letter-spacing:0.02em;
  margin-right:19px;
}
.p-recruit__interview-slide-item-kana{
  font-family: var(--font-vt323);
  font-size:23px;
  color:#25BCCE;
}
.p-recruit__interview-slide-item-img{
  margin-right:25.2px;
  margin-bottom:30px;
}
.p-recruit__interview-slide-item-btn{
  display: flex;
  justify-content: flex-end;
  align-items: center;
  font-family: var(--font-vt323);
  font-size:26px;
  line-height: 1;
  color:#25BCCE;
}
.p-recruit__interview-slide-item-btn::after{
  content:"";
  background-image:url(../images/recruit/arrow-btn.svg);
  background-size:100% 100%;
  width:11.33px;
  height:19.83px;
  margin-left:14px;
}
.p-recruit__interview .c-btn{
  border: solid 4px #25BCCE;
  color:#25BCCE;
}
.p-recruit__interview .c-btn::after{
  background-image:url(../images/recruit/arrow-btn.svg);
}
.p-recruit__interview .c-btn__deco01::before,
.p-recruit__interview .c-btn__deco01::after,
.p-recruit__interview .c-btn__deco02::before,
.p-recruit__interview .c-btn__deco02::after{
  background-color:#25BCCE;
}
  @media screen and (max-width: 1650px){
    .p-recruit__interview{
      padding:0 0 6.708vw;
      background-color:#E8E8E8;
    }
    .p-recruit__slide02-splide .splide__track {
      overflow: visible;
    }
    .p-recruit__slide02{
      margin-bottom:8.411vw;
    }

    .p-recruit__slide02-list{
    }
    .p-recruit__slide02-item{
      width:20.313vw;
      height:fit-content;
      position: relative;
      border:solid 3px #FFFC50;
    }
    .p-recruit__slide02-splide .splide__slide{
      margin-right:-0.156vw;
    }
    .p-recruit__slide02-item:nth-of-type(odd){
      margin-top:-10.125vw;
    }
    .p-recruit__slide02-list .p-recruit__img-deco01,
    .p-recruit__slide02-list .p-recruit__img-deco02,
    .p-recruit__slide02-list .p-recruit__img-deco03,
    .p-recruit__slide02-list .p-recruit__img-deco04{
      background-color:#FFFC50;
      z-index: 5;
    }
    .p-recruit__interview-ttl-area{
      margin-bottom:2.682vw;
    }
    .p-recruit__interview-ttl-area .c-ttl__sub{
      margin-bottom:2.135vw;
    }
    .p-recruit__interview-slide{
      gap:2.448vw;
      margin-bottom:4.823vw;
      width: calc(100vw - (100vw - 64.583vw)/2);
      margin-left: calc((100vw - 64.583vw)/2);
    }
    .p-recruit__interview-slide-item{
      width:27.972vw;
      position: relative;
      z-index: 1;
    }
    .p-recruit__interview-slide-deco01{
      display: block;
      width:calc(100% - 0.861vw);
      height:calc(100% - 0.861vw);
      border:solid 8.73px #25BCCE;
      position: absolute;
      z-index: 1;
      top:0.455vw;
      left:0.455vw;
    }
    .p-recruit__interview-slide-deco02{
      display: block;
      background-color:#E8E8E8;
      width:100%;
      height:calc(100% - 1.723vw);
      border-right:solid 8.73px #25BCCE;
      border-left:solid 8.73px #25BCCE;
      z-index: 2;
      position: absolute;
      top:0.861vw;
      left:0;
    }
    .p-recruit__interview-slide-item-contents{
      border-top:solid 8.73px #25BCCE;
      border-bottom:solid 8.73px #25BCCE;
      background-color:#E8E8E8;
      position: relative;
      z-index: 3;
      width:calc(100% - 1.723vw);
      height:100%;
      margin:0 auto;
      padding:1.797vw 1.536vw 1.797vw 1.208vw;
    }
    .p-recruit__interview-slide-item .c-ttl__en{
      margin-bottom:0.807vw;
      color:#25BCCE;
    }
    .p-recruit__interview-slide-item-ttl{
      font-size:1.563vw;
      font-weight:900;
      line-height: 1.6;
      margin-bottom:0.781vw;
    }
    .p-recruit__interview-slide-item-text{
      align-items: flex-end;
      margin-bottom:1.094vw;
    }
    .p-recruit__interview-slide-item-position{
      font-size:0.938vw;
      font-weight:bold;
      letter-spacing:0.02em;
      margin-right:0.99vw;
      padding-bottom:0.156vw;
    }
    .p-recruit__interview-slide-item-name{
      font-size:1.302vw;
      font-weight:bold;
      letter-spacing:0.02em;
      margin-right:0.99vw;
    }
    .p-recruit__interview-slide-item-kana{
      font-family: var(--font-vt323);
      font-size:1.198vw;
      color:#25BCCE;
    }
    .p-recruit__interview-slide-item-img{
      margin-right:1.313vw;
      margin-bottom:1.563vw;
    }
    .p-recruit__interview-slide-item-btn{
      display: flex;
      justify-content: flex-end;
      align-items: center;
      font-family: var(--font-vt323);
      font-size:1.354vw;
      line-height: 1;
      color:#25BCCE;
    }
    .p-recruit__interview-slide-item-btn::after{
      content:"";
      background-image:url(../images/recruit/arrow-btn.svg);
      background-size:100% 100%;
      width:0.59vw;
      height:1.033vw;
      margin-left:0.729vw;
    }
    .p-recruit__interview .c-btn{
      border: solid 4px #25BCCE;
      color:#25BCCE;
    }
    .p-recruit__interview .c-btn::after{
      background-image:url(../images/recruit/arrow-btn.svg);
    }
    .p-recruit__interview .c-btn__deco01::before,
    .p-recruit__interview .c-btn__deco01::after,
    .p-recruit__interview .c-btn__deco02::before,
    .p-recruit__interview .c-btn__deco02::after{
      background-color:#25BCCE;
    }
  }
    @media screen and (max-width: 768px){
      .p-recruit__interview{
        padding:0 0 18.4vw;
        background-color:#E8E8E8;
      }
      .p-recruit__slide02-splide .splide__track {
        overflow: visible;
      }
      .p-recruit__slide02{
        margin-bottom:11.947vw;
      }

      .p-recruit__slide02-list{
      }
      .p-recruit__slide02-item{
        width:43.765vw;
        height:fit-content;
        position: relative;
        border:solid 3px #FFFC50;
      }
      .p-recruit__slide02-splide .splide__slide{
        margin-right:-0.8vw;
      }
      .p-recruit__slide02-item:nth-of-type(odd){
        margin-top:-21.867vw;
      }
      .p-recruit__slide02-list .p-recruit__img-deco01,
      .p-recruit__slide02-list .p-recruit__img-deco02,
      .p-recruit__slide02-list .p-recruit__img-deco03,
      .p-recruit__slide02-list .p-recruit__img-deco04{
        background-color:#FFFC50;
        z-index: 5;
      }
      .p-recruit__interview-ttl-area{
        margin-bottom:13.733vw;
      }
      .p-recruit__interview-ttl-area .c-ttl__sub{
        margin-bottom:6.853vw;
        text-align: center;
      }
      .p-recruit__interview-splide.splide{
        visibility: visible;
      }
      .p-recruit__interview-splide .splide__list{
        display:block;
      }
      .p-recruit__interview-slide{
        gap:12.533vw;
        margin-bottom:24.693vw;
        width: 100%;
        padding:0 6.933vw;
        margin:0 0 11.467vw;
      }
      .p-recruit__interview-slide-item.splide__slide{
        width:100%;
        position: relative;
        z-index: 1;
        margin-bottom:7.067vw;
      }
      .p-recruit__interview-slide-item.splide__slide:last-child{
        margin-bottom:0px;
      }
      .p-recruit__interview-slide-deco01{
        display: block;
        width:calc(100% - 2.667vw);
        height:calc(100% - 2.667vw);
        border:solid 5px #25BCCE;
        position: absolute;
        z-index: 1;
        top:1.333vw;
        left:1.333vw;
      }
      .p-recruit__interview-slide-deco02{
        display: block;
        background-color:#E8E8E8;
        width:100%;
        height:calc(100% - 5.333vw);
        border-right:solid 5px #25BCCE;
        border-left:solid 5px #25BCCE;
        z-index: 2;
        position: absolute;
        top:2.667vw;
        left:0;
      }
      .p-recruit__interview-slide-item-contents{
        border-top:solid 5px #25BCCE;
        border-bottom:solid 5px #25BCCE;
        background-color:#E8E8E8;
        position: relative;
        z-index: 3;
        width:calc(100% - 5.333vw);
        height:100%;
        margin:0 auto;
        padding:5.52vw 5.76vw 6.133vw 5.733vw;
      }
      .p-recruit__interview-slide-item .c-ttl__en{
        margin-bottom:2.907vw;
        color:#25BCCE;
        font-size:3.733vw;
        line-height:3.733vw;
      }
      .p-recruit__interview-slide-item-ttl{
        font-size:4.267vw;
        font-weight:900;
        line-height: 1.6;
        margin-bottom:4vw;
      }
      .p-recruit__interview-slide-item-text{
        align-items: flex-end;
        margin-bottom:4vw;
      }
      .p-recruit__interview-slide-item-position{
        font-size:2.4vw;
        font-weight:bold;
        letter-spacing:0.02em;
        margin-right:5.333vw;
        padding-bottom:0;
      }
      .p-recruit__interview-slide-item-name{
        font-size:3.467vw;
        font-weight:bold;
        letter-spacing:0.02em;
        margin-right:6.4vw;
      }
      .p-recruit__interview-slide-item-kana{
        font-family: var(--font-vt323);
        font-size:3.2vw;
        color:#25BCCE;
      }
      .p-recruit__interview-slide-item-img{
        margin-right:3.893vw;
        margin-bottom:4.8vw;
      }
      .p-recruit__interview-slide-item-btn{
        display: flex;
        justify-content: flex-end;
        align-items: center;
        font-family: var(--font-vt323);
        font-size:3.733vw;
        line-height: 1;
        color:#25BCCE;
      }
      .p-recruit__interview-slide-item-btn::after{
        content:"";
        background-image:url(../images/recruit/arrow-btn.svg);
        background-size:100% 100%;
        width:1.816vw;
        height:3.176vw;
        margin-left:3.973vw;
      }
      .p-recruit__interview .c-btn{
        border: solid 2px #25BCCE;
        color:#25BCCE;
      }
      .p-recruit__interview .c-btn::after{
        background-image:url(../images/recruit/arrow-btn.svg);
      }
      .p-recruit__interview .c-btn__deco01::before,
      .p-recruit__interview .c-btn__deco01::after,
      .p-recruit__interview .c-btn__deco02::before,
      .p-recruit__interview .c-btn__deco02::after{
        background-color:#25BCCE;
      }
    }

.p-recruit__interview-splide .splide__arrow{
  background:unset;
}
.p-recruit__interview-splide .splide__arrow{
  top:-60px;
}
.p-recruit__interview-splide .splide__arrow svg{
  display: none;
}
.p-recruit__interview-splide .splide__arrow--prev{
  background-image:url(../images/recruit/arrow-prev.svg);
  background-size:100% 100%;
  width:29.01px;
  height:33.84px;
  left:auto;
  right:239px;
}
.p-recruit__interview-splide .splide__arrow--next{
  background-image:url(../images/recruit/arrow-next.svg);
  background-size:100% 100%;
  width:29.01px;
  height:33.84px;
  right:102px;
}
  @media screen and (max-width: 1650px){
    .p-recruit__interview-splide .splide__arrow{
      background:unset;
    }
    .p-recruit__interview-splide .splide__arrow{
      top:-3.125vw;
    }
    .p-recruit__interview-splide .splide__arrow svg{
      display: none;
    }
    .p-recruit__interview-splide .splide__arrow--prev{
      background-image:url(../images/recruit/arrow-prev.svg);
      background-size:100% 100%;
      width:1.511vw;
      height:1.763vw;
      left:auto;
      right:12.448vw;
    }
    .p-recruit__interview-splide .splide__arrow--next{
      background-image:url(../images/recruit/arrow-next.svg);
      background-size:100% 100%;
      width:1.511vw;
      height:1.763vw;
      right:5.313vw;
    }
  }




.p-recruit__growth{
  background-color:#242424;
  padding:101.1px 0 107px;
  position: relative;
}
.p-recruit__growth-ttl-area{
  margin-bottom:63.7px;
}
.p-recruit__growth .c-ttl__sub{
  color:#fff;
  text-align: center;
  margin-bottom:38.2px;
}
.p-recruit__growth .c-text{
  color:#fff;
  text-align: center;
}
.p-recruit__growth-wrap{
  gap:36.4px;
}
.p-recruit__growth-box-w7{
  width:calc((100% - 36.4px) * 0.7);
}
.p-recruit__growth-box-w3{
  width:calc((100% - 36.4px)  * 0.3);
}
.p-recruit__growth-box{
  position: relative;
}
.p-recruit__growth-box-deco01{
  display: block;
  width:calc(100% - 14px);
  height:calc(100% - 14px);
  position: absolute;
  z-index: 1;
  top:7px;
  left:7px;
  background-color:#E8E8E8;
}
.p-recruit__growth-box-deco02{
  display: block;
  background-color:#E8E8E8;
  width:100%;
  height:calc(100% - 28px);
  z-index: 2;
  position: absolute;
  top:14px;
  left:0;
}
.p-recruit__growth-box-contents{
  background-color:#E8E8E8;
  position: relative;
  z-index: 3;
  width:calc(100% - 28px);
  height:100%;
  margin:0 auto;
  padding:47.5px 91.6px 45px 61.3px;
}
.p-recruit__growth-box:first-child .p-recruit__growth-box-contents{
  justify-content: space-between;
  align-items: flex-end;
}
.p-recruit__growth-box:nth-child(2) .p-recruit__growth-box-contents{
  padding: 0;
  justify-content: center;
  align-items: center;
}
.p-recruit__growth-box-contents-left{
  width:332px;
}
.p-recruit__growth-box-contents-text{
  font-size:30px;
  font-weight:bold;
}
.p-recruit__growth-box:first-child  .p-recruit__growth-box-contents-text:first-child{
  margin-left:5px;
}
.p-recruit__growth-box:first-child  .p-recruit__growth-box-contents-text:nth-child(2){
  margin-top:-12px;
}
.p-recruit__growth-box:first-child .p-recruit__growth-box-contents-text:last-child{
  margin-top:-38px;
}
.p-recruit__growth-box:nth-of-type(3) .p-recruit__growth-box-contents-text:first-child{
  line-height:1.333;
}
.p-recruit__growth-box-contents-num{
  font-family: var(--font-poppins);
  font-size:90px;
  color:#25BCCE;
  line-height:127px;
}
.p-recruit__growth-box-contents-per{
  font-family: var(--font-poppins);
  font-size:65px;
  font-weight:bold;
  color:#25BCCE;
  margin-right:5px;
}
.p-recruit__growth-box-contents-num02{
  font-family: var(--font-poppins);
  font-size:81px;
  font-weight:bold;
  color:#25BCCE;
  margin-right:12px;
  line-height:123px;
}
.p-recruit__growth-box-contents-text-big{
  font-size:65px;
  font-weight:bold;
  color:#25BCCE;
  margin-right:10px;
}
.p-recruit__growth-box-graph{
  width:235px;
  gap:18px;
  justify-content: space-between;
  align-items: flex-end;
  padding-bottom:4.5px;
}
.p-recruit__growth-box-graph-item{
  width:45px;
}
.p-recruit__growth-box-graph-bar{
  display: block;
  background-color:#AAAAAA;
  overflow: hidden;
  position: relative;
}
.p-recruit__growth-box-graph-item:first-child .p-recruit__growth-box-graph-bar{
  height:19px;
}
.p-recruit__growth-box-graph-item:nth-child(2) .p-recruit__growth-box-graph-bar{
  height:38px;
}
.p-recruit__growth-box-graph-item:nth-child(3) .p-recruit__growth-box-graph-bar{
  height:110px;
}
.p-recruit__growth-box-graph-item:nth-child(4) .p-recruit__growth-box-graph-bar{
  transition: height 0.6s ease-in-out 0.4s;
  height:220px;
}

.p-recruit__growth-box-graph-bar.per100::after{
  content: "";
  position: absolute;
  inset: 0;                    /* top/right/bottom/left:0 */
  background-color:#25BCCE;     /* 塗り色（好きな色に） */
  border-radius: inherit;
  transform: scaleY(0);
  transform-origin: bottom;
  opacity: 1;
}
/* 画面に入ったら発火（JSで is-inview を ul に付与） */
.p-recruit__growth-box-graph.is-inview .p-recruit__growth-box-graph-bar::after{
  animation: growthFill 1.2s ease-out forwards;
  animation-delay: var(--d, 0s); /* JSで段階delay */
}
  @media screen and (max-width: 1650px){
    .p-recruit__growth{
      background-color:#242424;
      padding:5.266vw 0 5.573vw;
    }
    .p-recruit__growth-ttl-area{
      margin-bottom:3.318vw;
    }
    .p-recruit__growth .c-ttl__sub{
      color:#fff;
      text-align: center;
      margin-bottom:1.99vw;
    }
    .p-recruit__growth .c-text{
      color:#fff;
      text-align: center;
    }
    .p-recruit__growth-wrap{
      gap:1.896vw;
    }
    .p-recruit__growth-box-w7{
      width:calc((100% - 1.896vw) * 0.7);
    }
    .p-recruit__growth-box-w3{
      width:calc((100% - 1.896vw)  * 0.3);
    }
    .p-recruit__growth-box{
      position: relative;
    }
    .p-recruit__growth-box-deco01{
      display: block;
      width:calc(100% - 0.729vw);
      height:calc(100% - 0.729vw);
      position: absolute;
      z-index: 1;
      top:0.365vw;
      left:0.365vw;
      background-color:#E8E8E8;
    }
    .p-recruit__growth-box-deco02{
      display: block;
      background-color:#E8E8E8;
      width:100%;
      height:calc(100% - 1.458vw);
      z-index: 2;
      position: absolute;
      top:0.729vw;
      left:0;
    }
    .p-recruit__growth-box-contents{
      background-color:#E8E8E8;
      position: relative;
      z-index: 3;
      width:calc(100% - 1.458vw);
      height:100%;
      margin:0 auto;
      padding:2.474vw 4.771vw 2.344vw 3.193vw;
    }
    .p-recruit__growth-box:first-child .p-recruit__growth-box-contents{
      justify-content: space-between;
      align-items: flex-end;
    }
    .p-recruit__growth-box:nth-child(2) .p-recruit__growth-box-contents{
      padding: 0;
      justify-content: center;
      align-items: center;
    }
    .p-recruit__growth-box-contents-left{
      width:17.292vw;
    }
    .p-recruit__growth-box-contents-text{
      font-size:1.563vw;
      font-weight:bold;
    }
    .p-recruit__growth-box:first-child  .p-recruit__growth-box-contents-text:first-child{
      margin-left:0.26vw;
    }
    .p-recruit__growth-box:first-child  .p-recruit__growth-box-contents-text:nth-child(2){
      margin-top:-0.625vw;
    }
    .p-recruit__growth-box:first-child .p-recruit__growth-box-contents-text:last-child{
      margin-top:-1.979vw;
    }
    .p-recruit__growth-box-contents-num{
      font-family: var(--font-poppins);
      font-size:4.688vw;
      color:#25BCCE;
      line-height:6.615vw;
    }
    .p-recruit__growth-box-contents-per{
      font-family: var(--font-poppins);
      font-size:3.385vw;
      font-weight:bold;
      color:#25BCCE;
      margin-right:0.26vw;
    }
    .p-recruit__growth-box-contents-num02{
      font-family: var(--font-poppins);
      font-size:4.219vw;
      font-weight:bold;
      color:#25BCCE;
      line-height:6.406vw;
      margin-right:0.625vw;
    }
    .p-recruit__growth-box-contents-text-big{
      font-size:3.385vw;
      font-weight:bold;
      color:#25BCCE;
      margin-right:0.521vw;
    }
    .p-recruit__growth-box-graph{
      width:12.24vw;
      gap:0.938vw;
      justify-content: space-between;
      align-items: flex-end;
      padding-bottom:0.234vw;
    }
    .p-recruit__growth-box-graph-item{
      width:2.344vw;
    }
    .p-recruit__growth-box-graph-bar{
      display: block;
      background-color:#AAAAAA;
      overflow: hidden;
      position: relative;
    }
    .p-recruit__growth-box-graph-item:first-child .p-recruit__growth-box-graph-bar{
      height:0.99vw;
    }
    .p-recruit__growth-box-graph-item:nth-child(2) .p-recruit__growth-box-graph-bar{
      height:1.979vw;
    }
    .p-recruit__growth-box-graph-item:nth-child(3) .p-recruit__growth-box-graph-bar{
      height:5.729vw;
    }
    .p-recruit__growth-box-graph-item:nth-child(4) .p-recruit__growth-box-graph-bar{
      transition: height 0.6s ease-in-out 0.4s;
      height:11.458vw;
    }

    .p-recruit__growth-box-graph-bar.per100::after{
      content: "";
      position: absolute;
      inset: 0;                    /* top/right/bottom/left:0 */
      background-color:#25BCCE;     /* 塗り色（好きな色に） */
      border-radius: inherit;
      transform: scaleY(0);
      transform-origin: bottom;
      opacity: 1;
    }
    /* 画面に入ったら発火（JSで is-inview を ul に付与） */
    .p-recruit__growth-box-graph.is-inview .p-recruit__growth-box-graph-bar::after{
      animation: growthFill 1.2s ease-out forwards;
      animation-delay: var(--d, 0s); /* JSで段階delay */
    }
  }
    @media screen and (max-width: 768px){
      .p-recruit__growth{
        background-color:#242424;
        padding:12.64vw 0 14.507vw;
      }
      .p-recruit__growth .u-inner{
        width:100%;
        margin:0;
      }
      .p-recruit__growth-ttl-area{
        margin:0 6.933vw 8vw;
      }
      .p-recruit__growth .c-ttl__sub{
        color:#fff;
        text-align: center;
        margin-bottom:8vw;
      }
      .p-recruit__growth .c-text{
        color:#fff;
        text-align: left;
      }
      .p-recruit__growth-wrap{
        gap:5.707vw 6.507vw;
        padding:0 4.8vw;
        margin:0 auto;
      }
      .p-recruit__growth-box-w7{
        width:100%;
      }
      .p-recruit__growth-box-w3{
        width:calc((100% - 6.507vw) / 2);
        height:36.504vw;
      }
      .p-recruit__growth-box{
        position: relative;
      }
      .p-recruit__growth-box-deco01{
        display: block;
        width:calc(100% - 1.6vw);
        height:calc(100% - 1.6vw);
        position: absolute;
        z-index: 1;
        top:0.8vw;
        left:0.8vw;
        background-color:#E8E8E8;
      }
      .p-recruit__growth-box-deco02{
        display: block;
        background-color:#E8E8E8;
        width:100%;
        height:calc(100% - 3.2vw);
        z-index: 2;
        position: absolute;
        top:1.6vw;
        left:0;
      }
      .p-recruit__growth-box-contents{
        background-color:#E8E8E8;
        position: relative;
        z-index: 3;
        width:calc(100% - 3.2vw);
        height:100%;
        margin:0 auto;
        padding:4.773vw 3.573vw 3.467vw 2.933vw;
      }
      .p-recruit__growth-box:first-child .p-recruit__growth-box-contents{
        justify-content: space-between;
        align-items: flex-end;
      }
      .p-recruit__growth-box:nth-child(2) .p-recruit__growth-box-contents{
        padding: 0;
        justify-content: center;
        align-items: center;
      }
      .p-recruit__growth-box-contents-left{
        width:41.067vw;
      }
      .p-recruit__growth-box-contents-text{
        font-size:3.733vw;
        font-weight:bold;
      }
      .p-recruit__growth-box:first-child  .p-recruit__growth-box-contents-text:first-child{
        margin-left:0;
      }
      .p-recruit__growth-box:first-child  .p-recruit__growth-box-contents-text:nth-child(2){
        margin-top:-1.6vw;
        font-size:4vw;
      }
      .p-recruit__growth-box:first-child .p-recruit__growth-box-contents-text:last-child{
        margin-top:-3.2vw;
        font-size:4vw;
      }
      .p-recruit__growth-box-contents-num{
        font-family: var(--font-poppins);
        font-size:10.933vw;
        line-height:15.2vw;
        color:#25BCCE;
      }
      .p-recruit__growth-box-contents-per{
        font-family: var(--font-poppins);
        font-size:7.733vw;
        font-weight:bold;
        color:#25BCCE;
        margin-right:1.333vw;
      }
      .p-recruit__growth-box-contents-num02{
        font-family: var(--font-poppins);
        font-size:9.6vw;
        font-weight:bold;
        color:#25BCCE;
        line-height:13.6vw;
        margin-right:1.6vw;
      }
      .p-recruit__growth-box-contents-text-big{
        font-size:7.733vw;
        font-weight:bold;
        color:#25BCCE;
        margin-right:1.6vw;
      }
      .p-recruit__growth-box-graph{
        width:27.827vw;
        gap:2.133vw;
        justify-content: space-between;
        align-items: flex-end;
        padding-bottom:0;
      }
      .p-recruit__growth-box-graph-item{
        width:5.328vw;
      }
      .p-recruit__growth-box-graph-bar{
        display: block;
        background-color:#AAAAAA;
        overflow: hidden;
        position: relative;
      }
      .p-recruit__growth-box-graph-item:first-child .p-recruit__growth-box-graph-bar{
        height:2.251vw;
      }
      .p-recruit__growth-box-graph-item:nth-child(2) .p-recruit__growth-box-graph-bar{
        height:4.499vw;
      }
      .p-recruit__growth-box-graph-item:nth-child(3) .p-recruit__growth-box-graph-bar{
        height:13.024vw;
      }
      .p-recruit__growth-box-graph-item:nth-child(4) .p-recruit__growth-box-graph-bar{
        transition: height 0.6s ease-in-out 0.4s;
        height:26.048vw;
      }

      .p-recruit__growth-box-graph-bar.per100::after{
        content: "";
        position: absolute;
        inset: 0;                    /* top/right/bottom/left:0 */
        background-color:#25BCCE;     /* 塗り色（好きな色に） */
        border-radius: inherit;
        transform: scaleY(0);
        transform-origin: bottom;
        opacity: 1;
      }
      /* 画面に入ったら発火（JSで is-inview を ul に付与） */
      .p-recruit__growth-box-graph.is-inview .p-recruit__growth-box-graph-bar::after{
        animation: growthFill 1.2s ease-out forwards;
        animation-delay: var(--d, 0s); /* JSで段階delay */
      }
    }
@keyframes growthFill{
  to { transform: scaleY(1); }
}

@media (prefers-reduced-motion: reduce){
  .p-recruit__growth-box-graph-bar::after{
    transform: scaleY(1);
    animation: none !important;
  }
}

.p-recruit__growth-box-graph-text{
  display:block;
  font-size:15px;
  font-weight:500;
  justify-content: center;
  text-align: center;
  margin:10.9px auto 0;
  line-height:1;
  line-height:16.74px;
}
.p-recruit__growth-box-graph-item:nth-child(4) .p-recruit__growth-box-graph-text{
  font-size:18px;
  font-weight:bold;
}
.p-recruit__growth-box:nth-child(2) .p-recruit__growth-box-contents{
  padding:75px 0 0;
  display: block;
  text-align: center;
}
.p-recruit__growth-box:nth-child(2) .p-recruit__growth-box-contents-num02{
  margin-right:0;
}
.p-recruit__growth-box:nth-child(2) .p-recruit__growth-box-contents-text-big{
  letter-spacing: -0.1em;
}
.p-recruit__growth-box:nth-child(3){
  display: flex;
  align-items: center;
  justify-content: center;
}
.p-recruit__growth-box:nth-child(3) .p-recruit__growth-box-contents{
  padding: 54px 0 0;
  display: block;
  text-align: center;
}
.p-recruit__growth-box:nth-child(3) .p-recruit__growth-box-contents-text:last-child{
  margin-top:-2px;
}
.p-recruit__growth-box:nth-child(3) .p-recruit__growth-box-contents-num02{
  margin-right:0;
}
.p-recruit__growth-box:nth-child(3) .p-recruit__growth-box-contents-text-big{
  letter-spacing: -0.1em;
}

.p-recruit__growth-box:nth-child(4) .p-recruit__growth-box-contents{
  justify-content: space-between;
  padding:44px 71.8px 48.5px 33px;
}
.p-recruit__growth-box04-left{
  width:364px;
}
.p-recruit__growth-box04-left-textarea{
  padding:0 35px 11.5px;
  position: relative;
  display:flex;
  justify-content: space-between;
}
.p-recruit__growth-box04-left-textarea:first-child{
  padding-bottom:11.5px;
  border-bottom:solid 1px #25BCCE;
}
.p-recruit__growth-box04-left-textarea:first-child::before,
.p-recruit__growth-box04-left-textarea:first-child::after{
  content:"";
  width:12px;
  height:12px;
  background-color:#25BCCE;
  display:block;
  border-radius: 50%;
  position:absolute;
}
.p-recruit__growth-box04-left-textarea::before{
  bottom:-6px;
  left:0;
}
.p-recruit__growth-box04-left-textarea::after{
  bottom:-6px;
  right:0;
}
.p-recruit__growth-box04-left .p-recruit__growth-box-contents-text{
  display: flex;
  align-items: center;
}
.p-recruit__growth-box04-left .p-recruit__growth-box-contents-num02{
  margin-right:8px;
  line-height:113px;
}
.p-recruit__growth-box04-left .p-recruit__growth-box04-left-textarea:last-child .p-recruit__growth-box-contents-num02{
  margin-top:13px;
}
.p-recruit__growth-box04-left .p-recruit__growth-box-contents-text-big{
  font-size:55px;
}
.p-recruit__growth-box04-right{
  position:relative;
  width:265px;
  margin-top:20.4px;
}
.p-recruit__growth-box04-right-top{
  gap:16px;
  position: absolute;
  top:0;
  left:0;
}
.p-recruit__growth-box04-right-top-text{
  display: flex;
  align-items: center;
  font-size:15px;
  font-weight:500;
}
.p-recruit__growth-box04-right-top-text::before{
  content:"";
  display:block;
  width:15px;
  height:15px;
  background-color:#AAAAAA;
  margin-right:7px;
}
.p-recruit__growth-box04-right-top-text:last-child::before{
  background-color:#25BCCE;
}
.p-recruit__growth-box04-right-graph{
  gap:49px;
}
.p-recruit__growth-box04-right-graph-item{

}
.p-recruit__growth-box04-right-graph-wrap{
  gap:18px;
  height:203px;
  align-items: flex-end;
}
.p-recruit__growth-box04-right-graph-bar{
  width:45px;
  height:16px;
  background-color:#AAAAAA;
  position: relative;
  overflow: hidden;
  display: block;          /* span対策 */
}
.p-recruit__growth-box04-right-graph-item:first-child .p-recruit__growth-box04-right-graph-bar{
  height:16px;
}
.p-recruit__growth-box04-right-graph-item:first-child .p-recruit__growth-box04-right-graph-bar:last-child{
  height:64px;
}
.p-recruit__growth-box04-right-graph-item:last-child .p-recruit__growth-box04-right-graph-bar{
  height:64px;
}
.p-recruit__growth-box04-right-graph-item:last-child .p-recruit__growth-box04-right-graph-bar:last-child{
  height:203px;
}
.p-recruit__growth-box04-right-graph-item-text{
  font-size:15px;
  font-weight:500;
  margin-top:4px;
  text-align: center;
}

/* 色がつくのは graph-bar クラスが付いてる方だけ */
.p-recruit__growth-box04-right-graph-item .p-recruit__growth-box04-right-graph-bar.graph-bar::after{
  content:"";
  position:absolute;
  inset:0;
  background:#25BCCE;      /* 好きな色に */
  border-radius: inherit;
  transform: scaleY(0);
  transform-origin: bottom;
}

/* 親が inview になったら発火 */
.p-recruit__growth-box04-right-graph.is-inview
.p-recruit__growth-box04-right-graph-bar.graph-bar::after{
  animation: growthFill 1.2s ease-out forwards;
  animation-delay: var(--d, 0s);
}
  @media screen and (max-width: 1650px){
    .p-recruit__growth-box-graph-text{
      display:block;
      font-size:clamp(10px, 0.781vw, 15px);
      font-weight:500;
      justify-content: center;
      text-align: center;
      margin:10.9px auto 0;
      line-height:1;
      line-height:0.872vw;
    }
    .p-recruit__growth-box-graph-item:nth-child(4) .p-recruit__growth-box-graph-text{
      font-size:0.938vw;
      font-weight:bold;
    }
    .p-recruit__growth-box:nth-child(2) .p-recruit__growth-box-contents{
      padding:3.906vw 0 0;
      display: block;
      text-align: center;
    }
    .p-recruit__growth-box:nth-child(2) .p-recruit__growth-box-contents-num02{
      margin-right:0;
    }
    .p-recruit__growth-box:nth-child(2) .p-recruit__growth-box-contents-text-big{
      letter-spacing: -0.1em;
    }
    .p-recruit__growth-box:nth-child(3){
      display: flex;
      align-items: center;
      justify-content: center;
    }
    .p-recruit__growth-box:nth-child(3) .p-recruit__growth-box-contents{
      padding: 2.813vw 0 0;
      display: block;
      text-align: center;
    }
    .p-recruit__growth-box:nth-child(3) .p-recruit__growth-box-contents-text:last-child{
      margin-top:-0.104vw;
    }
    .p-recruit__growth-box:nth-child(3) .p-recruit__growth-box-contents-num02{
      margin-right:0;
    }
    .p-recruit__growth-box:nth-child(3) .p-recruit__growth-box-contents-text-big{
      letter-spacing: -0.1em;
    }

    .p-recruit__growth-box:nth-child(4) .p-recruit__growth-box-contents{
      justify-content: space-between;
      padding:2.292vw 3.74vw 2.526vw 1.719vw;
    }
    .p-recruit__growth-box04-left{
      width:18.958vw;
    }
    .p-recruit__growth-box04-left-textarea{
      padding:0 1.823vw 0.599vw;
      position: relative;
      display:flex;
      justify-content: space-between;
    }
    .p-recruit__growth-box04-left-textarea:first-child{
      padding-bottom:0.599vw;
      border-bottom:solid 1px #25BCCE;
    }
    .p-recruit__growth-box04-left-textarea:first-child::before,
    .p-recruit__growth-box04-left-textarea:first-child::after{
      content:"";
      width:0.625vw;
      height:0.625vw;
      background-color:#25BCCE;
      display:block;
      border-radius: 50%;
      position:absolute;
    }
    .p-recruit__growth-box04-left-textarea::before{
      bottom:-0.312vw;
      left:0;
    }
    .p-recruit__growth-box04-left-textarea::after{
      bottom:-0.312vw;
      right:0;
    }
    .p-recruit__growth-box04-left .p-recruit__growth-box-contents-text{
      display: flex;
      align-items: center;
    }
    .p-recruit__growth-box04-left .p-recruit__growth-box-contents-num02{
      margin-right:0.417vw;
      line-height:5.885vw;
    }
    .p-recruit__growth-box04-left .p-recruit__growth-box04-left-textarea:last-child .p-recruit__growth-box-contents-num02{
      margin-top:0.677vw;
    }
    .p-recruit__growth-box04-left .p-recruit__growth-box-contents-text-big{
      font-size:2.865vw;
    }
    .p-recruit__growth-box04-right{
      position:relative;
      width:13.803vw;
      margin-top: 1.063vw;
    }
    .p-recruit__growth-box04-right-top{
      gap:0.833vw;
      position: absolute;
      top:0;
      left:0;
    }
    .p-recruit__growth-box04-right-top-text{
      display: flex;
      align-items: center;
      font-size:clamp(10px, 0.781vw, 15px);
      font-weight:500;
    }
    .p-recruit__growth-box04-right-top-text::before{
      content:"";
      display:block;
      width:0.781vw;
      height:0.781vw;
      background-color:#AAAAAA;
      margin-right:0.365vw;
    }
    .p-recruit__growth-box04-right-top-text:last-child::before{
      background-color:#25BCCE;
    }
    .p-recruit__growth-box04-right-graph{
      gap:2.552vw;
    }
    .p-recruit__growth-box04-right-graph-item{

    }
    .p-recruit__growth-box04-right-graph-wrap{
      gap:0.938vw;
      height:10.573vw;
      align-items: flex-end;
    }
    .p-recruit__growth-box04-right-graph-bar{
      width:2.344vw;
      height:0.833vw;
      background-color:#AAAAAA;
      position: relative;
      overflow: hidden;
      display: block;          /* span対策 */
    }
    .p-recruit__growth-box04-right-graph-item:first-child .p-recruit__growth-box04-right-graph-bar{
      height:0.833vw;
    }
    .p-recruit__growth-box04-right-graph-item:first-child .p-recruit__growth-box04-right-graph-bar:last-child{
      height:3.333vw;
    }
    .p-recruit__growth-box04-right-graph-item:last-child .p-recruit__growth-box04-right-graph-bar{
      height:3.333vw;
    }
    .p-recruit__growth-box04-right-graph-item:last-child .p-recruit__growth-box04-right-graph-bar:last-child{
      height:10.573vw;
    }
    .p-recruit__growth-box04-right-graph-item-text{
      font-size:clamp(10px, 0.781vw, 15px);
      font-weight:500;
      margin-top:0.208vw;
      text-align: center;
    }

    /* 色がつくのは graph-bar クラスが付いてる方だけ */
    .p-recruit__growth-box04-right-graph-item .p-recruit__growth-box04-right-graph-bar.graph-bar::after{
      content:"";
      position:absolute;
      inset:0;
      background:#25BCCE;      /* 好きな色に */
      border-radius: inherit;
      transform: scaleY(0);
      transform-origin: bottom;
    }

    /* 親が inview になったら発火 */
    .p-recruit__growth-box04-right-graph.is-inview
    .p-recruit__growth-box04-right-graph-bar.graph-bar::after{
      animation: growthFill 1.2s ease-out forwards;
      animation-delay: var(--d, 0s);
    }
  }
    @media screen and (max-width: 768px){
      .p-recruit__growth-box-graph-text{
        display:block;
        font-size:2.667vw;
        font-weight:500;
        line-height:1;
        line-height:2.976vw;
        text-align: center;
        justify-content: center;
        margin:5.2px auto 0;
        display:flex;
        align-items: flex-end;
      }
      .p-recruit__growth-box-graph-item:nth-child(4) .p-recruit__growth-box-graph-text{
        font-size:3.2vw;
        font-weight:bold;
      }
      .p-recruit__growth-box:nth-child(2) .p-recruit__growth-box-contents{
        padding:5.973vw 0 0;
        display: block;
        text-align: center;
      }
      .p-recruit__growth-box:nth-child(2) .p-recruit__growth-box-contents-num02{
        font-size:9.333vw;
        margin-right:0;
        line-height:13.067vw;
        height:13.067vw;
      }
      .p-recruit__growth-box:nth-child(2) .p-recruit__growth-box-contents-text-big{
        font-size:7.467vw;
        letter-spacing: -0.1em;
      }
      .p-recruit__growth-box:nth-child(2) .p-recruit__growth-box-contents-text-bottom{
        font-size:4vw;
        margin-top:-1.333vw;
      }
      .p-recruit__growth-box:nth-child(3){
        display: flex;
        align-items: center;
        justify-content: center;
      }
      .p-recruit__growth-box:nth-child(3) .p-recruit__growth-box-contents{
        padding: 4.266vw 0 0;
        display: block;
        text-align: center;
      }
      .p-recruit__growth-box:nth-child(3) .p-recruit__growth-box-contents-text:last-child{
        margin-top:-0.533vw;
      }
      .p-recruit__growth-box:nth-child(3) .p-recruit__growth-box-contents-num02{
        margin-right:0;
        font-size:9.333vw;
        line-height:13.067vw;
        height:13.067vw;
      }
      .p-recruit__growth-box:nth-child(3) .p-recruit__growth-box-contents-text-big{
        letter-spacing: -0.1em;
        font-size:7.467vw;
      }
      .p-recruit__growth-box:nth-child(3) .p-recruit__growth-box-contents-text-bottom{
        font-size:4vw;
        margin-top:-1.333vw;
      }

      .p-recruit__growth-box:nth-child(4) .p-recruit__growth-box-contents{
        justify-content: space-between;
        padding:4.8vw 3.733vw 5.627vw 1.493vw;
      }
      .p-recruit__growth-box04-left{
        width:41.565vw;
        padding-top:1.333vw;
      }
      .p-recruit__growth-box04-left-textarea{
        padding:0 2.667vw 4.933vw 3.467vw;
        position: relative;
        display:flex;
        justify-content: space-between;
        height:14.933vw;
        align-items: flex-end;
      }
      .p-recruit__growth-box04-left-textarea:first-child{
        padding-bottom:0.613vw;
        border-bottom:solid 1px #25BCCE;
      }
      .p-recruit__growth-box04-left-textarea:first-child::before,
      .p-recruit__growth-box04-left-textarea:first-child::after{
        content:"";
        width:1.173vw;
        height:1.173vw;
        background-color:#25BCCE;
        display:block;
        border-radius: 50%;
        position:absolute;
      }
      .p-recruit__growth-box04-left-textarea::before{
        bottom:-0.587vw;
        left:0;
      }
      .p-recruit__growth-box04-left-textarea::after{
        bottom:-0.587vw;
        right:0;
      }
      .p-recruit__growth-box04-left-textarea:last-child{
        padding-bottom:0;
      }
      .p-recruit__growth-box04-left .p-recruit__growth-box-contents-text{
        display: flex;
        align-items: center;
        font-size:4vw;
      }
      .p-recruit__growth-box04-left .p-recruit__growth-box-contents-text:first-child{
        padding-bottom:3.733vw;
      }
      .p-recruit__growth-box04-left .p-recruit__growth-box04-left-textarea .p-recruit__growth-box-contents-text:first-child{
        padding-bottom:4.267vw;
      }
      .p-recruit__growth-box04-left .p-recruit__growth-box-contents-num02{
        margin-right:0.533vw;
        font-size:10.667vw;
        line-height:14.933vw;
      }
      .p-recruit__growth-box04-left .p-recruit__growth-box04-left-textarea:last-child .p-recruit__growth-box-contents-num02{
        margin-top:0.773vw;
      }
      .p-recruit__growth-box04-left .p-recruit__growth-box-contents-text-big{
        font-size:5.333vw;
      }
      .p-recruit__growth-box04-right{
        position:relative;
        width:33.435vw;
        margin-top:0;
      }
      .p-recruit__growth-box04-right-top{
        gap:2.053vw;
        position: absolute;
        top:0;
        left:0;
        flex-direction: column;
      }
      .p-recruit__growth-box04-right-top-text{
        display: flex;
        align-items: center;
        font-size:2.933vw;
        font-weight:500;
      }
      .p-recruit__growth-box04-right-top-text::before{
        content:"";
        display:block;
        width:2.52vw;
        height:2.52vw;
        background-color:#AAAAAA;
        margin-right:1.173vw;
      }
      .p-recruit__growth-box04-right-top-text:last-child::before{
        background-color:#25BCCE;
      }
      .p-recruit__growth-box04-right-graph{
        gap:0;
        justify-content: space-between;
      }
      .p-recruit__growth-box04-right-graph-item{

      }
      .p-recruit__growth-box04-right-graph-wrap{
        gap:2.267vw;
        height:25.613vw;
        align-items: flex-end;
      }
      .p-recruit__growth-box04-right-graph-bar{
        width:5.677vw;
        height:2.019vw;
        background-color:#AAAAAA;
        position: relative;
        overflow: hidden;
        display: block;
      }
      .p-recruit__growth-box04-right-graph-item:first-child .p-recruit__growth-box04-right-graph-bar{
        height:2.019vw;
      }
      .p-recruit__growth-box04-right-graph-item:first-child .p-recruit__growth-box04-right-graph-bar:last-child{
        height:8.075vw;
      }
      .p-recruit__growth-box04-right-graph-item:last-child .p-recruit__growth-box04-right-graph-bar{
        height:7.443vw;
      }
      .p-recruit__growth-box04-right-graph-item:last-child .p-recruit__growth-box04-right-graph-bar:last-child{
        height:25.613vw;
      }
      .p-recruit__growth-box04-right-graph-item-text{
        font-size:3.2vw;
        font-weight:500;
        margin-top:1.067vw;
        text-align: center;
      }

      /* 色がつくのは graph-bar クラスが付いてる方だけ */
      .p-recruit__growth-box04-right-graph-item .p-recruit__growth-box04-right-graph-bar.graph-bar::after{
        content:"";
        position:absolute;
        inset:0;
        background:#25BCCE;      /* 好きな色に */
        border-radius: inherit;
        transform: scaleY(0);
        transform-origin: bottom;
      }

      /* 親が inview になったら発火 */
      .p-recruit__growth-box04-right-graph.is-inview
      .p-recruit__growth-box04-right-graph-bar.graph-bar::after{
        animation: growthFill 1.2s ease-out forwards;
        animation-delay: var(--d, 0s);
      }
    }
@keyframes growthFill{
  to { transform: scaleY(1); }
}

@media (prefers-reduced-motion: reduce){
  .p-recruit__growth-box04-right-graph-bar.graph-bar::after{
    transform: scaleY(1);
    animation: none !important;
  }
}



.p-recruit__numbers{
  background-color:#E8E8E8;
  padding:90px 0 0;
  position: relative;
}

.p-recruit__numbers-ttlarea{
  text-align: center;
  margin-bottom:63.7px;
}
.p-recruit__numbers-ttlarea .c-ttl__sub{
  margin-bottom:38.2px;
}
.p-recruit__numbers-box{
  position: relative;
  margin-bottom:111.3px;
}
.p-recruit__numbers-box-deco01{
  display: block;
  width:calc(100% - 14px);
  height:calc(100% - 14px);
  position: absolute;
  z-index: 1;
  top:7px;
  left:7px;
  background-color:#242424;
}
.p-recruit__numbers-box-deco02{
  display: block;
  background-color:#242424;
  width:100%;
  height:calc(100% - 28px);
  z-index: 2;
  position: absolute;
  top:14px;
  left:0;
}
.p-recruit__numbers-box-contents{
  background-color:#242424;
  position: relative;
  z-index: 3;
  width:calc(100% - 28px);
  height:100%;
  margin:0 auto;
  padding:47.5px 91.6px 45px 61.3px;
  gap:119.5px;
}
.p-recruit__numbers-graph-text{
  font-size:20px;
  font-weight:bold;
  color:#fff;
  text-align: center;
  margin-bottom:23.9px;
}
.p-recruit__numbers-circle-textarea{
  position: relative;
  line-height: 1.25;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 420px;
  height: 420px;
  background-color: #E8E8E8;
  border-radius: 50%;
  --progress: 0deg;
}
.p-recruit__numbers-circle-textarea::before{
  content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    background-color: #25BCCE;
    border:solid 3px #fff;
    border-radius: 50%;
    transform: translate(-50%, -50%);
    z-index: 0;
}
.p-recruit__numbers-circle-textarea::after{
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  background: conic-gradient(from 0deg, transparent var(--progress, 0deg), #E8E8E8 var(--progress, 360deg));
  border-radius: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
  opacity: 1;           /* ここを 0 → 1 */
  transition: none;
}

/* ★ inview後は表示 */
.p-recruit__numbers-circle-textarea.is-inview::after{
  opacity: 1;
}


.p-recruit__numbers-circle-text{
  font-family: var(--font-zenkaku);
  font-size:42px;
  font-weight:bold;
  z-index: 2;
}
.p-recruit__numbers-circle-num{
  font-family: var(--font-poppins);
  font-size:111px;
  font-weight:600;
  z-index: 2;
}
.p-recruit__numbers-circle-per{
  font-size:41px;
}
.p-recruit__numbers-box-contents-right{
  width:510px;
  padding:4px 0 0;
}
.p-recruit__numbers-box-contents-right .p-recruit__numbers-graph-text{
  text-align: left;
  margin-bottom:12.9px;
}
.p-recruit__numbers-graph-box{
  margin-bottom:39.1px;
}
.p-recruit__numbers-graph-box:last-child{
  margin-bottom:0;
}
.p-recruit__numbers-graph-item{
  position: relative;
}
.p-recruit__numbers-graph{
  height:79px;
  background-color:#E8E8E8;
}
.p-recruit__numbers-graph01 .p-recruit__numbers-graph-item:first-child{
  width:33%;
}
.p-recruit__numbers-graph01 .p-recruit__numbers-graph-item-textarea{
  padding-left:16px;
  color:#fff;
}
.p-recruit__numbers-graph01 .p-recruit__numbers-graph-item-text{
  font-size:25px;
  font-weight:bold;
  margin-right:7px;
  margin-top:21.1px;
  display: inline-block;
}
.p-recruit__numbers-graph01 .p-recruit__numbers-graph-item-num{
  font-family: var(--font-poppins);
  font-size:41px;
  font-weight:600;
  margin-top:17px;
  display: inline-block;
}
.p-recruit__numbers-graph01 .p-recruit__numbers-graph-item-per{
  font-family: var(--font-poppins);
  font-size:20px;
  font-weight:600;
  display: inline-block;
}
.p-recruit__numbers-graph01 .p-recruit__numbers-graph-item:last-child{
  width:67%;
}
.p-recruit__numbers-graph01 .p-recruit__numbers-graph-item:last-child .p-recruit__numbers-graph-item-textarea{
  padding-right:21.5px;
  margin:0 0 0 auto;
  width: fit-content;
}


.p-recruit__numbers-graph02 .p-recruit__numbers-graph-item:first-child{
  width:13%;
  padding:28.9px 0 0 12px;
  position: relative;
}
.p-recruit__numbers-graph02 .p-recruit__numbers-graph-item:first-child .p-recruit__numbers-graph-item-age{
  position: absolute;
  top:6.9px;
  left:9px;
  font-size:18px;
  font-family: var(--font-zenkaku);
  font-weight:bold;
  color:#fff;
}
.p-recruit__numbers-graph02 .p-recruit__numbers-graph-item:first-child .p-recruit__numbers-graph-item-age .p-recruit__numbers-graph-item-num{
  font-size:20px;
  line-height:28px;
  font-family: var(--font-poppins);
  font-weight:600;
}
.p-recruit__numbers-graph02 .p-recruit__numbers-graph-item:first-child .p-recruit__numbers-graph-item-textarea{
  color:#fff;
}
.p-recruit__numbers-graph02 .p-recruit__numbers-graph-item:first-child .p-recruit__numbers-graph-item-textarea{
  font-size:25px;
  font-weight:bold;
  display: inline-block;
}
.p-recruit__numbers-graph02 .p-recruit__numbers-graph-item:first-child .p-recruit__numbers-graph-item-num{
  font-size:32px;
  line-height:45px;
  font-weight:600;
  display: inline-block;
  font-family: var(--font-poppins);
}

.p-recruit__numbers-graph02 .p-recruit__numbers-graph-item:first-child .p-recruit__numbers-graph-item-per{
  font-family: var(--font-poppins);
  font-size:14px;
  font-weight:600;
  display: inline-block;
}

.p-recruit__numbers-graph02 .p-recruit__numbers-graph-item:nth-child(2){
  width:74%;
  padding-left:91.5px;
}
.p-recruit__numbers-graph02 .p-recruit__numbers-graph-item:nth-child(2) .p-recruit__numbers-graph-item-textarea{
  font-size:23px;
  font-weight:600;
  line-height: 1;
  color:#242424;
  font-family: var(--font-zenkaku);
  display: flex;
  align-items: center;
  height: 100%;
}
.p-recruit__numbers-graph02 .p-recruit__numbers-graph-item:nth-child(2) .p-recruit__numbers-graph-item-age{
  font-family: var(--font-poppins);
  margin-top:0;
  font-size:37px;
  font-weight:600;
  display: inline-block;
}
.p-recruit__numbers-graph02 .p-recruit__numbers-graph-item:nth-child(2) .p-recruit__numbers-graph-item-num{
  font-family: var(--font-poppins);
  font-size:47px;
  font-weight:600;
  margin-top:0;
  display: inline-block;
  margin-left:12px;
}
.p-recruit__numbers-graph02 .p-recruit__numbers-graph-item:nth-child(2) .p-recruit__numbers-graph-item-per{
  font-family: var(--font-poppins);
  font-size:23px;
  font-weight:600;
  display: inline-block;
}
.p-recruit__numbers-graph02 .p-recruit__numbers-graph-item:last-child{
  width:13%;
  padding:6.9px 0 0 15.1px;
}
.p-recruit__numbers-graph02 .p-recruit__numbers-graph-item:last-child .p-recruit__numbers-graph-item-text{
  font-size:18px;
  line-height:26px;
  font-weight:bold;
  color:#fff;
  font-family: var(--font-zenkaku);
}
.p-recruit__numbers-graph02 .p-recruit__numbers-graph-item:last-child .p-recruit__numbers-graph-item-textarea{
  margin-top:-4px;
  color:#fff;
}
.p-recruit__numbers-graph02 .p-recruit__numbers-graph-item:last-child .p-recruit__numbers-graph-item-num{
  font-family: var(--font-poppins);
  font-size:32px;
  font-weight:600;
  display: inline-block;
  line-height: 45px;
}
.p-recruit__numbers-graph02 .p-recruit__numbers-graph-item:last-child .p-recruit__numbers-graph-item-per{
  font-family: var(--font-poppins);
  font-size:14px;
  font-weight:600;
  display: inline-block;
}

.p-recruit__numbers-graph03 .p-recruit__numbers-graph-item:first-child{
  width:13%;
  padding: 21px 0 0 12px;
}
.p-recruit__numbers-graph03 .p-recruit__numbers-graph-item:first-child .p-recruit__numbers-graph-item-num{
  font-family: var(--font-poppins);
  font-size:32px;
  font-weight:600;
  color:#fff;
  display: inline-block;
}
.p-recruit__numbers-graph03 .p-recruit__numbers-graph-item:first-child .p-recruit__numbers-graph-item-per{
  font-family: var(--font-poppins);
  font-size:14px;
  font-weight:600;
  color:#fff;
  display: inline-block;
}
.p-recruit__numbers-graph03 .p-recruit__numbers-graph-item:first-child .p-recruit__numbers-graph-item-text{
  font-size:13px;
  color:#fff;
  font-weight:bold;
  white-space: nowrap;
  position: absolute;
  bottom:-27.9px;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
}

.p-recruit__numbers-graph03 .p-recruit__numbers-graph-item:nth-child(2){
  width:54%;
  padding-left: 40.2px;
}
.p-recruit__numbers-graph03 .p-recruit__numbers-graph-item:nth-child(2) .p-recruit__numbers-graph-item-textarea{
  display: flex;
  align-items: center;
  height: 100%;
}
.p-recruit__numbers-graph03 .p-recruit__numbers-graph-item:nth-child(2) .p-recruit__numbers-graph-item-text{
  font-size:19px;
  font-weight:bold;
  display: inline-block;
  margin-right:13px;
}
.p-recruit__numbers-graph03 .p-recruit__numbers-graph-item:nth-child(2) .p-recruit__numbers-graph-item-num{
  font-family: var(--font-poppins);
  font-size:47px;
  font-weight:600;
  display: inline-block;
}
.p-recruit__numbers-graph03 .p-recruit__numbers-graph-item:nth-child(2) .p-recruit__numbers-graph-item-per{
  font-family: var(--font-poppins);
  font-size:23px;
  font-weight:600;
  display: inline-block;
}

.p-recruit__numbers-graph03 .p-recruit__numbers-graph-item:nth-child(3){
  width:13%;
  padding: 26.9px 0 0 8.2px;
}
.p-recruit__numbers-graph03 .p-recruit__numbers-graph-item:nth-child(3) .p-recruit__numbers-graph-item-num{
  font-family: var(--font-poppins);
  font-size:24px;
  font-weight:600;
  display: inline-block;
}
.p-recruit__numbers-graph03 .p-recruit__numbers-graph-item:nth-child(3) .p-recruit__numbers-graph-item-per{
  font-family: var(--font-poppins);
  font-size:11px;
  font-weight:600;
  display: inline-block;
}

.p-recruit__numbers-graph03 .p-recruit__numbers-graph-item:nth-child(3) .p-recruit__numbers-graph-item-text{
  font-size:13px;
  color:#fff;
  font-weight:bold;
  white-space: nowrap;
  position: absolute;
  bottom:-27.9px;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
}
.p-recruit__numbers-graph03 .p-recruit__numbers-graph-item:nth-child(4){
  width:20%;
  padding:21px 0 0 35.2px;
  color:#fff;
}
.p-recruit__numbers-graph03 .p-recruit__numbers-graph-item:nth-child(4) .p-recruit__numbers-graph-item-num{
  font-family: var(--font-poppins);
  font-size:32px;
  font-weight:600;
  display: inline-block;
}
.p-recruit__numbers-graph03 .p-recruit__numbers-graph-item:nth-child(4) .p-recruit__numbers-graph-item-per{
  font-family: var(--font-poppins);
  font-size:14px;
  font-weight:600;
  display: inline-block;
}
.p-recruit__numbers-graph03 .p-recruit__numbers-graph-item:nth-child(4) .p-recruit__numbers-graph-item-text{
  font-size:13px;
  color:#fff;
  font-weight:bold;
  white-space: nowrap;
  position: absolute;
  bottom:-27.9px;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
}



/* 男女比 */
.p-recruit__numbers-graph01 .p-recruit__numbers-graph-item:nth-child(1){ --bg:#8F06F8; --w:33; }
.p-recruit__numbers-graph01 .p-recruit__numbers-graph-item:nth-child(2){ --bg:#FC4171; --w:67; }

/* 年齢比 */
.p-recruit__numbers-graph02 .p-recruit__numbers-graph-item:nth-child(1){ --bg:#16CD47; --w:13; }
.p-recruit__numbers-graph02 .p-recruit__numbers-graph-item:nth-child(2){ --bg:#FFFC50; --w:74; }
.p-recruit__numbers-graph02 .p-recruit__numbers-graph-item:nth-child(3){ --bg:#8F06F8; --w:13; }

/* ポジション */
.p-recruit__numbers-graph03 .p-recruit__numbers-graph-item:nth-child(1){ --bg:#FC4171; --w:13; }
.p-recruit__numbers-graph03 .p-recruit__numbers-graph-item:nth-child(2){ --bg:#16CD47; --w:54; }
.p-recruit__numbers-graph03 .p-recruit__numbers-graph-item:nth-child(3){ --bg:#FFFC50; --w:13; }
.p-recruit__numbers-graph03 .p-recruit__numbers-graph-item:nth-child(4){ --bg:#8F06F8; --w:20; }
/* ===== numbers graph 塗りアニメ ===== */
/* li本体の背景でチラ見えしないように */
.p-recruit__numbers-graph-item{
  position: relative;
  background: transparent !important;
}

.p-recruit__numbers-graph{
  display: flex;
  gap: 0;            /* 念のため */
}

.p-recruit__numbers-graph-item{
  flex: var(--w, 1) 0 0; /* ←重みで幅を割り振る */
  min-width: 0;
  position: relative;
  background: transparent !important;
}

/* 中身は塗りより上に */
.p-recruit__numbers-graph-item > *{
  position: relative;
  z-index: 1;
}

/* 塗りレイヤー（初期は必ず0） */
.p-recruit__numbers-graph-item::before{
  content: "";
  position: absolute;
  inset: 0;
  background: var(--bg, #16CD47);
  transform: scaleX(0);
  transform-origin: left;
  z-index: 0;
  border-radius: inherit;
  will-change: transform;
}

/* ★ is-inview 時だけ “アニメーション” を走らせる */
.p-recruit__numbers-graph.is-inview .p-recruit__numbers-graph-item::before{
  animation: numbersFill var(--dur, .6s) cubic-bezier(.2,.85,.2,1) var(--d, 0s) both;
}

@keyframes numbersFill{
  from { transform: scaleX(0); }
  to   { transform: scaleX(1); }
}

.p-recruit__numbers-graph{
  display: flex;
  gap: 0;
  justify-content: flex-start;
}
.p-recruit__numbers-graph{
  padding: 0;
  margin: 0;
  gap: 0;
}

.p-recruit__numbers-graph-item:last-child::before{
  inset: 0 -1px 0 0;
}
/* 既存の width 指定を殺して、--w を必ず使う */
.p-recruit__numbers-graph-item{
  width: auto !important;
  flex: var(--w, 1) 0 0 !important;
  min-width: 0;
  margin: 0 !important;
}



  @media screen and (max-width: 1650px){
    .p-recruit__numbers{
      background-color:#E8E8E8;
      padding:4.688vw 0 0;
    }

    .p-recruit__numbers-ttlarea{
      text-align: center;
      margin-bottom:3.318vw;
    }
    .p-recruit__numbers-ttlarea .c-ttl__sub{
      margin-bottom:1.99vw;
    }
    .p-recruit__numbers-box{
      position: relative;
      margin-bottom:5.797vw;
    }
    .p-recruit__numbers-box-deco01{
      display: block;
      width:calc(100% - 0.729vw);
      height:calc(100% - 0.729vw);
      position: absolute;
      z-index: 1;
      top:0.365vw;
      left:0.365vw;
      background-color:#242424;
    }
    .p-recruit__numbers-box-deco02{
      display: block;
      background-color:#242424;
      width:100%;
      height:calc(100% - 1.458vw);
      z-index: 2;
      position: absolute;
      top:0.729vw;
      left:0;
    }
    .p-recruit__numbers-box-contents{
      background-color:#242424;
      position: relative;
      z-index: 3;
      width:calc(100% - 1.458vw);
      height:100%;
      margin:0 auto;
      padding:2.474vw 4.771vw 2.344vw 3.193vw;
      gap:6.224vw;
    }
    .p-recruit__numbers-graph-text{
      font-size:1.042vw;
      font-weight:bold;
      color:#fff;
      text-align: center;
      margin-bottom:1.245vw;
    }
    .p-recruit__numbers-circle-textarea{
      position: relative;
      line-height: 1.25;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      width: 21.875vw;
      height: 21.875vw;
      background-color: #E8E8E8;
      border-radius: 50%;
      --progress: 0deg;
    }
    .p-recruit__numbers-circle-textarea::before{
      content: '';
        position: absolute;
        top: 50%;
        left: 50%;
        width: 100%;
        height: 100%;
        background-color: #25BCCE;
        border:solid 3px #fff;
        border-radius: 50%;
        transform: translate(-50%, -50%);
        z-index: 0;
    }
    .p-recruit__numbers-circle-textarea::after{
      content: '';
      position: absolute;
      top: 50%;
      left: 50%;
      width: 100%;
      height: 100%;
      background: conic-gradient(from 0deg, transparent var(--progress, 0deg), #E8E8E8 var(--progress, 360deg));
      border-radius: 50%;
      transform: translate(-50%, -50%);
      z-index: 1;
      opacity: 1;           /* ここを 0 → 1 */
      transition: none;
    }
    /* ★ inview後は表示 */
    .p-recruit__numbers-circle-textarea.is-inview::after{
      opacity: 1;
    }
    .p-recruit__numbers-circle-text{
      font-family: var(--font-zenkaku);
      font-size:2.188vw;
      font-weight:bold;
      z-index: 2;
    }
    .p-recruit__numbers-circle-num{
      font-family: var(--font-poppins);
      font-size:5.781vw;
      font-weight:600;
      z-index: 2;
    }
    .p-recruit__numbers-circle-per{
      font-size:2.135vw;
    }
    .p-recruit__numbers-box-contents-right{
      width:26.563vw;
      padding:0.208vw 0 0;
    }
    .p-recruit__numbers-box-contents-right .p-recruit__numbers-graph-text{
      text-align: left;
      margin-bottom:0.672vw;
    }
    .p-recruit__numbers-graph-box{
      margin-bottom:2.036vw;
    }
    .p-recruit__numbers-graph-box:last-child{
      margin-bottom:0;
    }
    .p-recruit__numbers-graph-item{
      position: relative;
    }
    .p-recruit__numbers-graph{
      height:4.115vw;
      background-color:#E8E8E8;
    }
    .p-recruit__numbers-graph01 .p-recruit__numbers-graph-item:first-child{
      width:33%;
      background-color:#8F06F8;
    }
    .p-recruit__numbers-graph01 .p-recruit__numbers-graph-item-textarea{
      padding-left:0.833vw;
      color:#fff;
    }
    .p-recruit__numbers-graph01 .p-recruit__numbers-graph-item-text{
      font-size:1.302vw;
      font-weight:bold;
      margin-right:0.365vw;
      margin-top:1.099vw;
      display: inline-block;
    }
    .p-recruit__numbers-graph01 .p-recruit__numbers-graph-item-num{
      font-family: var(--font-poppins);
      font-size:2.135vw;
      font-weight:600;
      margin-top:0.885vw;
      display: inline-block;
    }
    .p-recruit__numbers-graph01 .p-recruit__numbers-graph-item-per{
      font-family: var(--font-poppins);
      font-size:1.042vw;
      font-weight:600;
      display: inline-block;
    }
    .p-recruit__numbers-graph01 .p-recruit__numbers-graph-item:last-child{
      width:67%;
      background-color:#FC4171;
    }
    .p-recruit__numbers-graph01 .p-recruit__numbers-graph-item:last-child .p-recruit__numbers-graph-item-textarea{
      padding-right:1.12vw;
      margin:0 0 0 auto;
      width: fit-content;
    }


    .p-recruit__numbers-graph02 .p-recruit__numbers-graph-item:first-child{
      width:13%;
      background-color:#16CD47;
      padding:1.505vw 0 0 0.625vw;
      position: relative;
    }
    .p-recruit__numbers-graph02 .p-recruit__numbers-graph-item:first-child .p-recruit__numbers-graph-item-age{
      position: absolute;
      top:0.359vw;
      left:0.469vw;
      font-size:0.938vw;
      font-family: var(--font-zenkaku);
      font-weight:bold;
      color:#fff;
    }
    .p-recruit__numbers-graph02 .p-recruit__numbers-graph-item:first-child .p-recruit__numbers-graph-item-age .p-recruit__numbers-graph-item-num{
      font-size:1.042vw;
      line-height:1.458vw;
      font-family: var(--font-poppins);
      font-weight:600;
    }
    .p-recruit__numbers-graph02 .p-recruit__numbers-graph-item:first-child .p-recruit__numbers-graph-item-textarea{
      color:#fff;
    }
    .p-recruit__numbers-graph02 .p-recruit__numbers-graph-item:first-child .p-recruit__numbers-graph-item-textarea{
      font-size:1.302vw;
      font-weight:bold;
      display: inline-block;
    }
    .p-recruit__numbers-graph02 .p-recruit__numbers-graph-item:first-child .p-recruit__numbers-graph-item-num{
      font-size:1.667vw;
      line-height:2.344vw;
      font-weight:600;
      display: inline-block;
      font-family: var(--font-poppins);
    }

    .p-recruit__numbers-graph02 .p-recruit__numbers-graph-item:first-child .p-recruit__numbers-graph-item-per{
      font-family: var(--font-poppins);
      font-size:clamp(10px, 0.729vw, 14px);
      font-weight:600;
      display: inline-block;
    }

    .p-recruit__numbers-graph02 .p-recruit__numbers-graph-item:nth-child(2){
      width:74%;
      background-color:#FFFC50;
      padding-left:4.766vw;
    }
    .p-recruit__numbers-graph02 .p-recruit__numbers-graph-item:nth-child(2) .p-recruit__numbers-graph-item-textarea{
      font-size:1.198vw;
      font-weight:600;
      line-height: 1;
      color:#242424;
      font-family: var(--font-zenkaku);
      display: flex;
      align-items: center;
      height: 100%;
    }
    .p-recruit__numbers-graph02 .p-recruit__numbers-graph-item:nth-child(2) .p-recruit__numbers-graph-item-age{
      font-family: var(--font-poppins);
      margin-top:0;
      font-size:1.927vw;
      font-weight:600;
      display: inline-block;
    }
    .p-recruit__numbers-graph02 .p-recruit__numbers-graph-item:nth-child(2) .p-recruit__numbers-graph-item-num{
      font-family: var(--font-poppins);
      font-size:2.448vw;
      font-weight:600;
      margin-top:0;
      display: inline-block;
      margin-left:0.625vw;
    }
    .p-recruit__numbers-graph02 .p-recruit__numbers-graph-item:nth-child(2) .p-recruit__numbers-graph-item-per{
      font-family: var(--font-poppins);
      font-size:1.198vw;
      font-weight:600;
      display: inline-block;
    }
    .p-recruit__numbers-graph02 .p-recruit__numbers-graph-item:last-child{
      width:13%;
      background-color:#8F06F8;
      padding:0.359vw 0 0 0.786vw;
    }
    .p-recruit__numbers-graph02 .p-recruit__numbers-graph-item:last-child .p-recruit__numbers-graph-item-text{
      font-size:0.938vw;
      line-height:1.354vw;
      font-weight:bold;
      color:#fff;
      font-family: var(--font-zenkaku);
    }
    .p-recruit__numbers-graph02 .p-recruit__numbers-graph-item:last-child .p-recruit__numbers-graph-item-textarea{
      margin-top:-0.208vw;
      color:#fff;
    }
    .p-recruit__numbers-graph02 .p-recruit__numbers-graph-item:last-child .p-recruit__numbers-graph-item-num{
      font-family: var(--font-poppins);
      font-size:1.667vw;
      font-weight:600;
      display: inline-block;
      line-height: 2.344vw;
    }
    .p-recruit__numbers-graph02 .p-recruit__numbers-graph-item:last-child .p-recruit__numbers-graph-item-per{
      font-family: var(--font-poppins);
      font-size:clamp(10px, 0.729vw, 14px);
      font-weight:600;
      display: inline-block;
    }

    .p-recruit__numbers-graph03 .p-recruit__numbers-graph-item:first-child{
      width:13%;
      background-color:#FC4171;
      padding: 1.094vw 0 0 0.625vw;
    }
    .p-recruit__numbers-graph03 .p-recruit__numbers-graph-item:first-child .p-recruit__numbers-graph-item-num{
      font-family: var(--font-poppins);
      font-size:1.667vw;
      font-weight:600;
      color:#fff;
      display: inline-block;
    }
    .p-recruit__numbers-graph03 .p-recruit__numbers-graph-item:first-child .p-recruit__numbers-graph-item-per{
      font-family: var(--font-poppins);
      font-size:clamp(10px, 0.729vw, 14px);
      font-weight:600;
      color:#fff;
      display: inline-block;
    }
    .p-recruit__numbers-graph03 .p-recruit__numbers-graph-item:first-child .p-recruit__numbers-graph-item-text{
      font-size:clamp(10px, 0.677vw, 13px);
      color:#fff;
      font-weight:bold;
      white-space: nowrap;
      position: absolute;
      bottom:-1.453vw;
      left: 50%;
      transform: translateX(-50%);
      -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
    }

    .p-recruit__numbers-graph03 .p-recruit__numbers-graph-item:nth-child(2){
      width:54%;
      background-color:#16CD47;
      padding-left: 2.094vw;
    }
    .p-recruit__numbers-graph03 .p-recruit__numbers-graph-item:nth-child(2) .p-recruit__numbers-graph-item-textarea{
      display: flex;
      align-items: center;
      height: 100%;
    }
    .p-recruit__numbers-graph03 .p-recruit__numbers-graph-item:nth-child(2) .p-recruit__numbers-graph-item-text{
      font-size:0.99vw;
      font-weight:bold;
      display: inline-block;
      margin-right:0.677vw;
    }
    .p-recruit__numbers-graph03 .p-recruit__numbers-graph-item:nth-child(2) .p-recruit__numbers-graph-item-num{
      font-family: var(--font-poppins);
      font-size:2.448vw;
      font-weight:600;
      display: inline-block;
    }
    .p-recruit__numbers-graph03 .p-recruit__numbers-graph-item:nth-child(2) .p-recruit__numbers-graph-item-per{
      font-family: var(--font-poppins);
      font-size:1.198vw;
      font-weight:600;
      display: inline-block;
    }

    .p-recruit__numbers-graph03 .p-recruit__numbers-graph-item:nth-child(3){
      width:13%;
      background-color:#FFFC50;
      padding: 1.401vw 0 0 0.427vw;
    }
    .p-recruit__numbers-graph03 .p-recruit__numbers-graph-item:nth-child(3) .p-recruit__numbers-graph-item-num{
      font-family: var(--font-poppins);
      font-size:1.25vw;
      font-weight:600;
      display: inline-block;
    }
    .p-recruit__numbers-graph03 .p-recruit__numbers-graph-item:nth-child(3) .p-recruit__numbers-graph-item-per{
      font-family: var(--font-poppins);
      font-size:0.573vw;
      font-weight:600;
      display: inline-block;
    }

    .p-recruit__numbers-graph03 .p-recruit__numbers-graph-item:nth-child(3) .p-recruit__numbers-graph-item-text{
      font-size:clamp(10px, 0.677vw, 13px);
      color:#fff;
      font-weight:bold;
      white-space: nowrap;
      position: absolute;
      bottom:-1.453vw;
      left: 50%;
      transform: translateX(-50%);
      -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
    }
    .p-recruit__numbers-graph03 .p-recruit__numbers-graph-item:nth-child(4){
      width:20%;
      background-color:#8F06F8;
      padding:1.094vw 0 0 1.833vw;
      color:#fff;
    }
    .p-recruit__numbers-graph03 .p-recruit__numbers-graph-item:nth-child(4) .p-recruit__numbers-graph-item-num{
      font-family: var(--font-poppins);
      font-size:1.667vw;
      font-weight:600;
      display: inline-block;
    }
    .p-recruit__numbers-graph03 .p-recruit__numbers-graph-item:nth-child(4) .p-recruit__numbers-graph-item-per{
      font-family: var(--font-poppins);
      font-size:clamp(10px, 0.729vw, 14px);
      font-weight:600;
      display: inline-block;
    }
    .p-recruit__numbers-graph03 .p-recruit__numbers-graph-item:nth-child(4) .p-recruit__numbers-graph-item-text{
      font-size:clamp(10px, 0.677vw, 13px);
      color:#fff;
      font-weight:bold;
      white-space: nowrap;
      position: absolute;
      bottom:-1.453vw;
      left: 50%;
      transform: translateX(-50%);
      -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
    }
  }
    @media screen and (max-width: 768px){
      .p-recruit__numbers{
        background-color:#E8E8E8;
        padding:11.173vw 0 0;
      }

      .p-recruit__numbers-ttlarea{
        text-align: center;
        margin-bottom:12.533vw;
      }
      .p-recruit__numbers-ttlarea .c-ttl__sub{
        margin-bottom:8vw;
      }
      .p-recruit__numbers-box{
        position: relative;
        margin-bottom:15.253vw;
      }
      .p-recruit__numbers-ttlarea .c-text{
        text-align: left;
      }
      .p-recruit__numbers-box-deco01{
        display: block;
        width:calc(100% - 3.733vw);
        height:calc(100% - 3.733vw);
        position: absolute;
        z-index: 1;
        top:1.867vw;
        left:1.867vw;
        background-color:#242424;
      }
      .p-recruit__numbers-box-deco02{
        display: block;
        background-color:#242424;
        width:100%;
        height:calc(100% - 7.467vw);
        z-index: 2;
        position: absolute;
        top:3.733vw;
        left:0;
      }
      .p-recruit__numbers-box-contents{
        background-color:#242424;
        position: relative;
        z-index: 3;
        width:calc(100% - 7.467vw);
        height:100%;
        margin:0 auto;
        padding:11.333vw 2.187vw 19.307vw;
        display: block;
      }
      .p-recruit__numbers-graph-text{
        font-size:3.733vw;
        font-weight:bold;
        color:#fff;
        text-align: center;
        margin-bottom:5.387vw;
      }
      .p-recruit__numbers-circle-textarea{
        position: relative;
        line-height: 1.25;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        width: 68.341vw;
        height: 68.341vw;
        background-color: #E8E8E8;
        border-radius: 50%;
        margin:0 auto;
        --progress: 0deg;
      }
      .p-recruit__numbers-circle-textarea::before{
        content: '';
          position: absolute;
          top: 50%;
          left: 50%;
          width: 100%;
          height: 100%;
          background-color: #25BCCE;
          border:solid 3px #fff;
          border-radius: 50%;
          transform: translate(-50%, -50%);
          z-index: 0;
      }
      .p-recruit__numbers-circle-textarea::after{
        content: '';
        position: absolute;
        top: 50%;
        left: 50%;
        width: 100%;
        height: 100%;
        background: conic-gradient(from 0deg, transparent var(--progress, 0deg), #E8E8E8 var(--progress, 360deg));
        border-radius: 50%;
        transform: translate(-50%, -50%);
        z-index: 1;
        opacity: 1;           /* ここを 0 → 1 */
        transition: none;
      }
      /* ★ inview後は表示 */
      .p-recruit__numbers-circle-textarea.is-inview::after{
        opacity: 1;
      }
      .p-recruit__numbers-circle-text{
        font-family: var(--font-zenkaku);
        font-size:6.667vw;
        font-weight:bold;
        z-index: 2;
        margin-top:-2.267vw;
      }
      .p-recruit__numbers-circle-num{
        font-family: var(--font-poppins);
        font-size:20.267vw;
        font-weight:600;
        z-index: 2;
        line-height: 1;
        margin-top:2.267vw;
      }
      .p-recruit__numbers-circle-per{
        font-size:7.467vw;
      }
      .p-recruit__numbers-box-contents-right{
        width:100%;
        padding:0;
      }
      .p-recruit__numbers-box-contents-right .p-recruit__numbers-graph-text{
        text-align: left;
        font-size:3.467vw;
        margin-bottom:1.893vw;
      }
      .p-recruit__numbers-graph-box{
        margin-bottom:4.96vw;
      }
      .p-recruit__numbers-graph-box:last-child{
        margin-bottom:0;
      }
      .p-recruit__numbers-graph-item{
        position: relative;
      }
      .p-recruit__numbers-graph{
        height:11.616vw;
        background-color:#E8E8E8;
      }
      .p-recruit__numbers-graph01 .p-recruit__numbers-graph-item:first-child{
        width:33%;
        background-color:#8F06F8;
      }
      .p-recruit__numbers-graph01 .p-recruit__numbers-graph-item-textarea{
        padding-left:4.267vw;
        color:#fff;
      }
      .p-recruit__numbers-graph01 .p-recruit__numbers-graph-item-text{
        font-size:3.2vw;
        font-weight:bold;
        margin-right:1.867vw;
        margin-top:3.44vw;
        display: inline-block;
      }
      .p-recruit__numbers-graph01 .p-recruit__numbers-graph-item-num{
        font-family: var(--font-poppins);
        font-size:5.867vw;
        font-weight:600;
        margin-top:2.5vw;
        display: inline-block;
      }
      .p-recruit__numbers-graph01 .p-recruit__numbers-graph-item-per{
        font-family: var(--font-poppins);
        font-size:2.933vw;
        font-weight:600;
        display: inline-block;
      }
      .p-recruit__numbers-graph01 .p-recruit__numbers-graph-item:last-child{
        width:67%;
        background-color:#FC4171;
      }
      .p-recruit__numbers-graph01 .p-recruit__numbers-graph-item:last-child .p-recruit__numbers-graph-item-textarea{
        padding-right:3.44vw;
        margin:0 0 0 auto;
        width: fit-content;
      }

      .p-recruit__numbers-graph02 .p-recruit__numbers-graph-item:first-child{
        width:13%;
        background-color:#16CD47;
        padding:4.24vw 0 0 1.76vw;
        position: relative;
      }
      .p-recruit__numbers-graph02 .p-recruit__numbers-graph-item:first-child .p-recruit__numbers-graph-item-age{
        position: absolute;
        top:0.427vw;
        left:1.013vw;
        font-size:2.933vw;
        font-family: var(--font-zenkaku);
        font-weight:bold;
        color:#fff;
      }
      .p-recruit__numbers-graph02 .p-recruit__numbers-graph-item:first-child .p-recruit__numbers-graph-item-age .p-recruit__numbers-graph-item-num{
        font-size:3.2vw;
        line-height:1.25vw;
        font-family: var(--font-poppins);
        font-weight:600;
      }
      .p-recruit__numbers-graph02 .p-recruit__numbers-graph-item:first-child .p-recruit__numbers-graph-item-textarea{
        color:#fff;
      }
      .p-recruit__numbers-graph02 .p-recruit__numbers-graph-item:first-child .p-recruit__numbers-graph-item-textarea{
        font-size:1.867vw;
        font-weight:bold;
        display: inline-block;
      }
      .p-recruit__numbers-graph02 .p-recruit__numbers-graph-item:first-child .p-recruit__numbers-graph-item-num{
        font-size:4.533vw;
        line-height:6.4vw;
        font-weight:600;
        display: inline-block;
      }
      .p-recruit__numbers-graph02 .p-recruit__numbers-graph-item:first-child .p-recruit__numbers-graph-item-per{
        font-family: var(--font-poppins);
        font-size:1.867vw;
        font-weight:600;
        display: inline-block;
      }

      .p-recruit__numbers-graph02 .p-recruit__numbers-graph-item:nth-child(2){
        width:74%;
        background-color:#FFFC50;
        padding-left:12.773vw;
      }
      .p-recruit__numbers-graph02 .p-recruit__numbers-graph-item:nth-child(2) .p-recruit__numbers-graph-item-textarea{
        font-size:4vw;
        font-weight:600;
        line-height: 1;
        color:#242424;
        font-family: var(--font-zenkaku);
        margin-left:0.373vw;
        display: flex;
        align-items: center;
        height: 100%;
      }
      .p-recruit__numbers-graph02 .p-recruit__numbers-graph-item:nth-child(2) .p-recruit__numbers-graph-item-age{
        font-family: var(--font-poppins);
        font-size:6.4vw;
        font-weight:600;
        display: inline-block;
      }
      .p-recruit__numbers-graph02 .p-recruit__numbers-graph-item:nth-child(2) .p-recruit__numbers-graph-item-num{
        font-family: var(--font-poppins);
        font-size:8.533vw;
        font-weight:600;
        line-height: 1;
        display: inline-block;
        margin-left:4.187vw;
      }
      .p-recruit__numbers-graph02 .p-recruit__numbers-graph-item:nth-child(2) .p-recruit__numbers-graph-item-per{
        font-family: var(--font-poppins);
        font-size:4vw;
        font-weight:600;
        display: inline-block;
      }

      .p-recruit__numbers-graph02 .p-recruit__numbers-graph-item:last-child{
        width:13%;
        background-color:#8F06F8;
        padding:0.213vw 0 0 1.413vw;
      }
      .p-recruit__numbers-graph02 .p-recruit__numbers-graph-item:last-child .p-recruit__numbers-graph-item-text{
        font-size:2.933vw;
        line-height:4.267vw;
        font-weight:bold;
        color:#fff;
        font-family: var(--font-zenkaku);
        margin-top:0.533vw;
      }
      .p-recruit__numbers-graph02 .p-recruit__numbers-graph-item:last-child .p-recruit__numbers-graph-item-textarea{
        margin-top:-1.067vw;
        color:#fff;
      }
      .p-recruit__numbers-graph02 .p-recruit__numbers-graph-item:last-child .p-recruit__numbers-graph-item-num{
        font-family: var(--font-poppins);
        font-size:4.533vw;
        font-weight:600;
        display: inline-block;
        line-height: 6.4vw;
      }
      .p-recruit__numbers-graph02 .p-recruit__numbers-graph-item:last-child .p-recruit__numbers-graph-item-per{
        font-family: var(--font-poppins);
        font-size:1.867vw;
        font-weight:600;
        display: inline-block;
      }

      .p-recruit__numbers-graph03 .p-recruit__numbers-graph-item:first-child{
        width:13%;
        background-color:#FC4171;
        padding: 2.507vw 0 0 1.28vw;
      }
      .p-recruit__numbers-graph03 .p-recruit__numbers-graph-item:first-child .p-recruit__numbers-graph-item-num{
        font-family: var(--font-poppins);
        font-size:5.333vw;
        font-weight:600;
        color:#fff;
        display: inline-block;
      }
      .p-recruit__numbers-graph03 .p-recruit__numbers-graph-item:first-child .p-recruit__numbers-graph-item-per{
        font-family: var(--font-poppins);
        font-size:2.133vw;
        font-weight:600;
        color:#fff;
        display: inline-block;
      }
      .p-recruit__numbers-graph03 .p-recruit__numbers-graph-item:first-child .p-recruit__numbers-graph-item-text{
        font-size:2.667vw;
        color:#fff;
        font-weight:bold;
        white-space: nowrap;
        position: absolute;
        bottom:-4.773vw;
        left: 50%;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
      }

      .p-recruit__numbers-graph03 .p-recruit__numbers-graph-item:nth-child(2){
        width:54%;
        background-color:#16CD47;
        padding-left: 4.133vw;
      }
      .p-recruit__numbers-graph03 .p-recruit__numbers-graph-item:nth-child(2) .p-recruit__numbers-graph-item-textarea{
        display: flex;
        align-items: center;
        height: 100%;
      }
      .p-recruit__numbers-graph03 .p-recruit__numbers-graph-item:nth-child(2) .p-recruit__numbers-graph-item-text{
        font-size:3.467vw;
        font-weight:bold;
        display: inline-block;
        margin-right:1.733vw;
      }
      .p-recruit__numbers-graph03 .p-recruit__numbers-graph-item:nth-child(2) .p-recruit__numbers-graph-item-num{
        font-family: var(--font-poppins);
        font-size:6.4vw;
        font-weight:600;
        display: inline-block;
      }
      .p-recruit__numbers-graph03 .p-recruit__numbers-graph-item:nth-child(2) .p-recruit__numbers-graph-item-per{
        font-family: var(--font-poppins);
        font-size:3.2vw;
        font-weight:600;
        display: inline-block;
      }

      .p-recruit__numbers-graph03 .p-recruit__numbers-graph-item:nth-child(3){
        width:13%;
        background-color:#FFFC50;
        padding: 3.04vw 0 0 0.64vw;
      }
      .p-recruit__numbers-graph03 .p-recruit__numbers-graph-item:nth-child(3) .p-recruit__numbers-graph-item-num{
        font-family: var(--font-poppins);
        font-size:4.267vw;
        font-weight:600;
        display: inline-block;
      }
      .p-recruit__numbers-graph03 .p-recruit__numbers-graph-item:nth-child(3) .p-recruit__numbers-graph-item-per{
        font-family: var(--font-poppins);
        font-size:1.6vw;
        font-weight:600;
        display: inline-block;
      }

      .p-recruit__numbers-graph03 .p-recruit__numbers-graph-item:nth-child(3) .p-recruit__numbers-graph-item-text{
        font-size:2.667vw;
        color:#fff;
        font-weight:bold;
        white-space: nowrap;
        position: absolute;
        bottom:-4.773vw;
        left: 50%;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
      }
      .p-recruit__numbers-graph03 .p-recruit__numbers-graph-item:nth-child(4){
        width:20%;
        background-color:#8F06F8;
        padding:1.973vw 0 0 4.107vw;
        color:#fff;
      }
      .p-recruit__numbers-graph03 .p-recruit__numbers-graph-item:nth-child(4) .p-recruit__numbers-graph-item-num{
        font-family: var(--font-poppins);
        font-size:6.4vw;
        font-weight:600;
        display: inline-block;
        line-height: 1.2;
      }
      .p-recruit__numbers-graph03 .p-recruit__numbers-graph-item:nth-child(4) .p-recruit__numbers-graph-item-per{
        font-family: var(--font-poppins);
        font-size:2.4vw;
        font-weight:600;
        display: inline-block;
      }
      .p-recruit__numbers-graph03 .p-recruit__numbers-graph-item:nth-child(4) .p-recruit__numbers-graph-item-text{
        font-size:2.667vw;
        color:#fff;
        font-weight:bold;
        white-space: nowrap;
        position: absolute;
        bottom:-4.773vw;
        left: 50%;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
      }
    }
.p-recruit__join-us{
  background-color:#41B3BC;
  padding:116px 0 152.3px;
  position: relative;
}
.p-recruit__join-us .c-ttl__en{
  color:#fff;
  margin-bottom:24px;
}
.p-recruit__join-us-ttl{
  color:#fff;
  font-size:26px;
  font-weight:900;
  margin-bottom:38.2px;
}
.p-recruit__join-us-text{
  font-size:16px;
  font-weight:bold;
  line-height:1.75;
  color:#fff;
  margin-bottom:42.2px;
}
.p-recruit__join-us-list{
  gap:33px 42px;
}
.p-recruit__join-us-item{
  width:calc((100% - 42px) / 2);
}
.p-recruit__join-us-item-btn{
  width:100%;
  height:80px;
  display:flex;
  justify-content: space-between;
  font-size:20px;
  font-weight:500;
  color:#41B3BC;
  background-color:#fff;
  border-radius:40px;
  align-items: center;
  padding:0 40.4px 0 57.3px;
}
.p-recruit__join-us-item-btn::after{
  content:"";
  background-image:url(../images/recruit/arrow-b.svg);
  background-size:100% 100%;
  width:17.65px;
  height:18.54px;
}
.p-recruit__join-us-item-btn:hover{
  background-color:#242424;
  color:#fff;
  opacity: 1;
}
.p-recruit__join-us-item-btn:hover::after{
  background-image:url(../images/recruit/arrow-w.svg);
}
  @media screen and (max-width: 1650px){
    .p-recruit__join-us{
      background-color:#41B3BC;
      padding:6.042vw 0 7.932vw;
    }
    .p-recruit__join-us .c-ttl__en{
      color:#fff;
      margin-bottom:1.25vw;
    }
    .p-recruit__join-us-ttl{
      color:#fff;
      font-size:1.354vw;
      font-weight:900;
      margin-bottom:1.99vw;
    }
    .p-recruit__join-us-text{
      font-size:clamp(10px, 0.833vw, 16px);
      font-weight:bold;
      color:#fff;
      margin-bottom:2.198vw;
    }
    .p-recruit__join-us-list{
      gap:1.719vw 2.188vw;
    }
    .p-recruit__join-us-item{
      width:calc((100% - 2.188vw) / 2);
    }
    .p-recruit__join-us-item-btn{
      width:100%;
      height:4.167vw;
      display:flex;
      justify-content: space-between;
      font-size:1.042vw;
      font-weight:500;
      color:#41B3BC;
      background-color:#fff;
      border-radius:2.083vw;
      align-items: center;
      padding:0 2.104vw 0 2.984vw;
    }
    .p-recruit__join-us-item-btn::after{
      content:"";
      background-image:url(../images/recruit/arrow-b.svg);
      background-size:100% 100%;
      width:0.919vw;
      height:0.966vw;
    }
    .p-recruit__join-us-item-btn:hover{
      background-color:#242424;
      color:#fff;
      opacity: 1;
    }
    .p-recruit__join-us-item-btn:hover::after{
      background-image:url(../images/recruit/arrow-w.svg);
    }
  }
    @media screen and (max-width: 768px){
      .p-recruit__join-us{
        background-color:#41B3BC;
        padding:14.507vw 0 19.04vw;
      }
      .p-recruit__join-us .c-ttl__en{
        color:#fff;
        margin-bottom:4vw;
        text-align: center;
      }
      .p-recruit__join-us-ttl{
        color:#fff;
        font-size:5.6vw;
        font-weight:900;
        margin-bottom:5.227vw;
        text-align: center;
      }
      .p-recruit__join-us-text{
        font-size:4vw;
        font-weight:bold;
        color:#fff;
        margin-bottom:9.653vw;
        line-height:1.866;
      }
      .p-recruit__join-us-list{
        gap:5.467vw;
      }
      .p-recruit__join-us-item{
        width:100%;
      }
      .p-recruit__join-us-item-btn{
        width:100%;
        height:13.736vw;
        display:flex;
        justify-content: space-between;
        font-size:4vw;
        font-weight:500;
        color:#41B3BC;
        background-color:#fff;
        border-radius:10.667vw;
        align-items: center;
        padding:0 7.867vw 0 7.733vw;
      }
      .p-recruit__join-us-item-btn::after{
        content:"";
        background-image:url(../images/recruit/arrow-b.svg);
        background-size:100% 100%;
        width:3.029vw;
        height:3.184vw;
      }
      .p-recruit__join-us-item-btn:hover{
        background-color:#242424;
        color:#fff;
        opacity: 1;
      }
      .p-recruit__join-us-item-btn:hover::after{
        background-image:url(../images/recruit/arrow-w.svg);
      }
    }


/* フッター
***************************************************************/

.bebas {
  font-family: "Bebas Neue", sans-serif;
}

.vt323 {
  font-family: "VT323", monospace;
}

.ff-ubik {
  font-family: "Rubik Glitch", system-ui;
  line-height: 1;
}

.ff-rubik80s {
  font-family: "Rubik 80s Fade", system-ui;
}
.ff-vt323 {
  font-family: "VT323", monospace;
}
.ff-bebas {
  font-family: "Bebas Neue", sans-serif;
}
.u_sp {
  display: none;
}

@media (max-width: 768px) {
  .u_sp {
    display: block;
  }
  .u_pc {
    display: none;
  }
}
/* コンテンツ幅 */
.inner {
  max-width: 1250px;
  width: calc(100% - 52px);
  margin: 0 auto;
}

@media (min-width: 769px) {
  .p-flex {
    display: flex;
  }
}
/* =========================================================
  html { font-size: 62.5%; } の環境で、
  footer だけ「以前の html(vw指定) と同じ見え方」にする版
  ※footer内の rem を全部 footer専用の擬似rem(--frem) に置き換え
========================================================= */

/* footer に “擬似rem” を用意（以前の html の font-size を footer だけで再現） */
footer{
  --frem: 16px; /* 1250px超：以前の標準(16px相当) */
  font-size: var(--frem);

  font-family: "Noto Sans JP", sans-serif;
  color: #ffffff;
  font-weight: 500;
  line-height: 2.3;
  scroll-behavior: smooth;

  position: relative;
  z-index: 2;
}

@media (max-width: 1250px){
  footer{
    --frem: 1.28vw; /* 以前の html と同じ */
  }
}
@media (max-width: 768px){
  footer{
    --frem: 4.2666666667vw; /* 以前の html と同じ */
    line-height: 1.86;
  }
}








/* フッター
***************************************************************/
.l-footer {
  position: relative;
  z-index: 2;
}

.l-footer__content {
  height: 26.0416666667vw;
  text-align: center;
}
@media (max-width: 768px) {
  .l-footer__content {
    height: auto;
  }
}

.l-footer__content-title {
  font-size: calc(var(--frem) * 2.8125);
  line-height: 1;
}
@media (max-width: 768px) {
  .l-footer__content-title {
    font-size: calc(var(--frem) * 1.9375);
  }
}

.l-footer__content-subtitle {
  font-size: calc(var(--frem) * 1.25);
  font-weight: 700;
  margin: calc(var(--frem) * 1.4375) 0 calc(var(--frem) * 1.875);
}
@media (max-width: 768px) {
  .l-footer__content-subtitle {
    font-size: calc(var(--frem) * 1.375);
    margin: calc(var(--frem) * 0.8125) 0 calc(var(--frem) * 1.5625);
    line-height: 1.45;
    font-weight: 900;
  }
}

.l-footer__content-text {
  font-size: calc(var(--frem) * 0.875);
  line-height: 2;
  margin-bottom: calc(var(--frem) * 2.8125);
}
@media (max-width: 768px) {
  .l-footer__content-text {
    margin-bottom: calc(var(--frem) * 1.5625);
    line-height: 1.7;
  }
}

.l-footer__content-left,
.l-footer__content-right {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 50%;
}
@media (max-width: 768px) {
  .l-footer__content-left,
  .l-footer__content-right {
    width: 100%;
    height: 111.2vw;
  }
}

.l-footer__content-left {
  background: #8F06F8;
}

.l-footer__content-right {
  background: #16CD47;
  color: #121212;
}

.l-footer__content-btn {
  font-size: calc(var(--frem) * 2.5625);
}
@media (max-width: 768px) {
  .l-footer__content-btn {
    font-size: calc(var(--frem) * 1.625);
  }
}
.l-footer__content-btn a {
  display: flex;
  gap: 20px;
  align-items: center;
  justify-content: center;
  line-height: 1;
}

.l-footer__content-arrow-wrap {
  display: flex;
  gap: 4px;
  align-items: center;
}
.l-footer__content-arrow-wrap .l-footer__content-arrow-icon {
  width: calc(var(--frem) * 1.125);
  transform: scaleX(-1);
}
@media (max-width: 768px) {
  .l-footer__content-arrow-wrap .l-footer__content-arrow-icon {
    width: calc(var(--frem) * 0.75);
  }
}

.l-footer__menu {
  position: relative;
  background: #242424;
  padding: calc(var(--frem) * 4.625) 0 calc(var(--frem) * 5.25);
}
@media (max-width: 768px) {
  .l-footer__menu {
    padding: calc(var(--frem) * 2.5625) 0 calc(var(--frem) * 1.6875);
  }
}

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

@media (max-width: 768px) {
  .l-footer__menu-logo {
    width: calc(var(--frem) * 7.0625);
  }
}

.l-footer__menu-text {
  color: #747474;
  font-size: calc(var(--frem) * 0.8125);
  line-height: 2;
  margin-top: calc(var(--frem) * 1.6875);
}
@media (max-width: 768px) {
  .l-footer__menu-text {
    line-height: 1.7;
  }
}

.l-footer__menu-copyright {
  margin-top: calc(var(--frem) * 3.25);
  color: #747474;
  font-size: calc(var(--frem) * 0.75);
}
@media (max-width: 768px) {
  .l-footer__menu-copyright {
    margin-top: calc(var(--frem) * 1.25);
  }
}

.l-footer__menu-link-pp {
  text-align: right;
  color: #747474;
  right: 0;
  align-items: center;
  gap: calc(var(--frem) * 0.625);
  display: flex;
  align-items: center;
  line-height: 1;
}
@media (max-width: 768px) {
  .l-footer__menu-link-pp.u-sp {
    justify-content: center;
    gap: calc(var(--frem) * 0.625);
  }
}
@media (max-width: 768px) {
  .l-footer__menu-link-pp.u-pc {
    display: none;
  }
}
.l-footer__menu-link-pp::before {
  content: "";
  display: block;
  background-image: url(../images/top/pp_arrow.svg);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  width: calc(var(--frem) * 0.625);
  height: calc(var(--frem) * 0.625);
  position: relative;
  top: -2px;
  right: -10px;
  margin-right: calc(var(--frem) * 1.0625);
}

.l-footer__menu-content-right {
  gap: calc(var(--frem) * 8.5);
}
@media (min-width: 769px) {
  .l-footer__menu-content-right {
    margin-right: 27px;
  }
}
@media (max-width: 768px) {
  .l-footer__menu-content-right {
    margin-top: calc(var(--frem) * 1.875);
    gap: 0;
  }
}

.l-footer__menu-lists {
  position: relative;
}

@media (max-width: 768px) {
  .l-footer__menu-list {
    margin-bottom: calc(var(--frem) * 1.25);
  }
}
.l-footer__menu-list a {
  font-size: calc(var(--frem) * 1.125);
  font-weight: 700;
  color:#fff;
}
@media (max-width: 768px) {
  .l-footer__menu-list a {
    font-size: calc(var(--frem) * 1);
  }
}
.l-footer__menu-list a .menu_en {
  font-size: calc(var(--frem) * 0.9375);
  color: #25BCCE;
  font-family: "Bebas Neue", sans-serif;
  font-weight: 400;
  width: calc(var(--frem) * 2.75);
  margin-right: calc(var(--frem) * 2.75);
  position: relative;
  top: -2px;
}
@media (max-width: 768px) {
  .l-footer__menu-list a .menu_en {
    margin-right: calc(var(--frem) * 2.3125);
    top: -1px;
  }
}

@media (min-width: 769px) {
  .l-footer__menu-link-wantedly,
  .l-footer__menu-link-pp {
    position: absolute;
    bottom: 0;
  }
}

@media (max-width: 768px) {
  .l-footer__menu-link-wrap {
    display: flex;
    gap: calc(var(--frem) * 1.25);
    justify-content: space-between;
    margin-top: calc(var(--frem) * 1.5625);
    align-items: flex-end;
    width: 100%;
  }
}
@media (max-width: 768px) {
  .l-footer__menu-link-wrap .l-footer__menu-link-wantedly {
    display: flex;
    width: calc(var(--frem) * 7.0625);
  }
}

.l-footer__top-btn {
  position: absolute;
  top: calc(var(--frem) * 1.875);
  right: 27px;
  color: #25BCCE;
}
@media (max-width: 768px) {
  .l-footer__top-btn {
    right: 17px;
    top: calc(var(--frem) * 2.5);
  }
}
.l-footer__top-btn .l-footer__top-btn-text {
  writing-mode: vertical-rl;
  font-size: calc(var(--frem) * 1.375);
  margin-top: 16px;
  line-height: 1;
  color:#25BCCE;
}
@media (max-width: 768px) {
  .l-footer__top-btn .l-footer__top-btn-text {
    font-size: calc(var(--frem) * 1.125);
  }
}
.l-footer__top-btn .l-footer__top-btn-arrow-wrap {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.l-footer__top-btn .l-footer__top-btn-arrow-img {
  width: 100%;
  height: calc(var(--frem) * 1);
  object-fit: contain;
  transform: rotate(90deg);
  margin-top: -3px;
}