@charset "UTF-8";
body {
  font-family: "Zen Old Mincho", serif;
  font-style: normal;
  font-size: 16px;
  line-height: 1.6;
  color: #1a1a1a;
  background-color: #f5f5f5;
}
@media screen and (max-width: 768px) {
  body {
    font-size: 14px;
  }
}

a {
  text-decoration: none;
  color: inherit;
  transition: opacity 0.3s;
}
@media screen and (max-width: 768px) {
  a {
    transition: opacity 0.2s;
  }
}

a:hover {
  opacity: 0.7;
}

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

sup {
  vertical-align: super;
  font-size: 9px;
}

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

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

.ku-text--center {
  text-align: center;
}

.ku-text--left {
  text-align: left;
}

.ku-text--right {
  text-align: right;
}

.ku-overflow--hidden {
  overflow: hidden;
}

.m-0 {
  margin: 0px !important;
}

.mt-0 {
  margin-top: 0px !important;
}

.mr-0 {
  margin-right: 0px !important;
}

.mb-0 {
  margin-bottom: 0px !important;
}

.ml-0 {
  margin-left: 0px !important;
}

.mx-0 {
  margin-left: 0px !important;
  margin-right: 0px !important;
}

.my-0 {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}

.p-0 {
  padding: 0px !important;
}

.pt-0 {
  padding-top: 0px !important;
}

.pr-0 {
  padding-right: 0px !important;
}

.pb-0 {
  padding-bottom: 0px !important;
}

.pl-0 {
  padding-left: 0px !important;
}

.px-0 {
  padding-left: 0px !important;
  padding-right: 0px !important;
}

.py-0 {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}

.m-10 {
  margin: 10px !important;
}

.mt-10 {
  margin-top: 10px !important;
}

.mr-10 {
  margin-right: 10px !important;
}

.mb-10 {
  margin-bottom: 10px !important;
}

.ml-10 {
  margin-left: 10px !important;
}

.mx-10 {
  margin-left: 10px !important;
  margin-right: 10px !important;
}

.my-10 {
  margin-top: 10px !important;
  margin-bottom: 10px !important;
}

.p-10 {
  padding: 10px !important;
}

.pt-10 {
  padding-top: 10px !important;
}

.pr-10 {
  padding-right: 10px !important;
}

.pb-10 {
  padding-bottom: 10px !important;
}

.pl-10 {
  padding-left: 10px !important;
}

.px-10 {
  padding-left: 10px !important;
  padding-right: 10px !important;
}

.py-10 {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}

.m-20 {
  margin: 20px !important;
}

.mt-20 {
  margin-top: 20px !important;
}

.mr-20 {
  margin-right: 20px !important;
}

.mb-20 {
  margin-bottom: 20px !important;
}

.ml-20 {
  margin-left: 20px !important;
}

.mx-20 {
  margin-left: 20px !important;
  margin-right: 20px !important;
}

.my-20 {
  margin-top: 20px !important;
  margin-bottom: 20px !important;
}

.p-20 {
  padding: 20px !important;
}

.pt-20 {
  padding-top: 20px !important;
}

.pr-20 {
  padding-right: 20px !important;
}

.pb-20 {
  padding-bottom: 20px !important;
}

.pl-20 {
  padding-left: 20px !important;
}

.px-20 {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

.py-20 {
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}

.m-30 {
  margin: 30px !important;
}

.mt-30 {
  margin-top: 30px !important;
}

.mr-30 {
  margin-right: 30px !important;
}

.mb-30 {
  margin-bottom: 30px !important;
}

.ml-30 {
  margin-left: 30px !important;
}

.mx-30 {
  margin-left: 30px !important;
  margin-right: 30px !important;
}

.my-30 {
  margin-top: 30px !important;
  margin-bottom: 30px !important;
}

.p-30 {
  padding: 30px !important;
}

.pt-30 {
  padding-top: 30px !important;
}

.pr-30 {
  padding-right: 30px !important;
}

.pb-30 {
  padding-bottom: 30px !important;
}

.pl-30 {
  padding-left: 30px !important;
}

.px-30 {
  padding-left: 30px !important;
  padding-right: 30px !important;
}

.py-30 {
  padding-top: 30px !important;
  padding-bottom: 30px !important;
}

.m-40 {
  margin: 40px !important;
}

.mt-40 {
  margin-top: 40px !important;
}

.mr-40 {
  margin-right: 40px !important;
}

.mb-40 {
  margin-bottom: 40px !important;
}

.ml-40 {
  margin-left: 40px !important;
}

.mx-40 {
  margin-left: 40px !important;
  margin-right: 40px !important;
}

.my-40 {
  margin-top: 40px !important;
  margin-bottom: 40px !important;
}

.p-40 {
  padding: 40px !important;
}

.pt-40 {
  padding-top: 40px !important;
}

.pr-40 {
  padding-right: 40px !important;
}

.pb-40 {
  padding-bottom: 40px !important;
}

.pl-40 {
  padding-left: 40px !important;
}

.px-40 {
  padding-left: 40px !important;
  padding-right: 40px !important;
}

.py-40 {
  padding-top: 40px !important;
  padding-bottom: 40px !important;
}

.m-50 {
  margin: 50px !important;
}

.mt-50 {
  margin-top: 50px !important;
}

.mr-50 {
  margin-right: 50px !important;
}

.mb-50 {
  margin-bottom: 50px !important;
}

.ml-50 {
  margin-left: 50px !important;
}

.mx-50 {
  margin-left: 50px !important;
  margin-right: 50px !important;
}

.my-50 {
  margin-top: 50px !important;
  margin-bottom: 50px !important;
}

.p-50 {
  padding: 50px !important;
}

.pt-50 {
  padding-top: 50px !important;
}

.pr-50 {
  padding-right: 50px !important;
}

.pb-50 {
  padding-bottom: 50px !important;
}

.pl-50 {
  padding-left: 50px !important;
}

.px-50 {
  padding-left: 50px !important;
  padding-right: 50px !important;
}

.py-50 {
  padding-top: 50px !important;
  padding-bottom: 50px !important;
}

.m-60 {
  margin: 60px !important;
}

.mt-60 {
  margin-top: 60px !important;
}

.mr-60 {
  margin-right: 60px !important;
}

.mb-60 {
  margin-bottom: 60px !important;
}

.ml-60 {
  margin-left: 60px !important;
}

.mx-60 {
  margin-left: 60px !important;
  margin-right: 60px !important;
}

.my-60 {
  margin-top: 60px !important;
  margin-bottom: 60px !important;
}

.p-60 {
  padding: 60px !important;
}

.pt-60 {
  padding-top: 60px !important;
}

.pr-60 {
  padding-right: 60px !important;
}

.pb-60 {
  padding-bottom: 60px !important;
}

.pl-60 {
  padding-left: 60px !important;
}

.px-60 {
  padding-left: 60px !important;
  padding-right: 60px !important;
}

.py-60 {
  padding-top: 60px !important;
  padding-bottom: 60px !important;
}

.m-70 {
  margin: 70px !important;
}

.mt-70 {
  margin-top: 70px !important;
}

.mr-70 {
  margin-right: 70px !important;
}

.mb-70 {
  margin-bottom: 70px !important;
}

.ml-70 {
  margin-left: 70px !important;
}

.mx-70 {
  margin-left: 70px !important;
  margin-right: 70px !important;
}

.my-70 {
  margin-top: 70px !important;
  margin-bottom: 70px !important;
}

.p-70 {
  padding: 70px !important;
}

.pt-70 {
  padding-top: 70px !important;
}

.pr-70 {
  padding-right: 70px !important;
}

.pb-70 {
  padding-bottom: 70px !important;
}

.pl-70 {
  padding-left: 70px !important;
}

.px-70 {
  padding-left: 70px !important;
  padding-right: 70px !important;
}

.py-70 {
  padding-top: 70px !important;
  padding-bottom: 70px !important;
}

.m-80 {
  margin: 80px !important;
}

.mt-80 {
  margin-top: 80px !important;
}

.mr-80 {
  margin-right: 80px !important;
}

.mb-80 {
  margin-bottom: 80px !important;
}

.ml-80 {
  margin-left: 80px !important;
}

.mx-80 {
  margin-left: 80px !important;
  margin-right: 80px !important;
}

.my-80 {
  margin-top: 80px !important;
  margin-bottom: 80px !important;
}

.p-80 {
  padding: 80px !important;
}

.pt-80 {
  padding-top: 80px !important;
}

.pr-80 {
  padding-right: 80px !important;
}

.pb-80 {
  padding-bottom: 80px !important;
}

.pl-80 {
  padding-left: 80px !important;
}

.px-80 {
  padding-left: 80px !important;
  padding-right: 80px !important;
}

.py-80 {
  padding-top: 80px !important;
  padding-bottom: 80px !important;
}

.m-90 {
  margin: 90px !important;
}

.mt-90 {
  margin-top: 90px !important;
}

.mr-90 {
  margin-right: 90px !important;
}

.mb-90 {
  margin-bottom: 90px !important;
}

.ml-90 {
  margin-left: 90px !important;
}

.mx-90 {
  margin-left: 90px !important;
  margin-right: 90px !important;
}

.my-90 {
  margin-top: 90px !important;
  margin-bottom: 90px !important;
}

.p-90 {
  padding: 90px !important;
}

.pt-90 {
  padding-top: 90px !important;
}

.pr-90 {
  padding-right: 90px !important;
}

.pb-90 {
  padding-bottom: 90px !important;
}

.pl-90 {
  padding-left: 90px !important;
}

.px-90 {
  padding-left: 90px !important;
  padding-right: 90px !important;
}

.py-90 {
  padding-top: 90px !important;
  padding-bottom: 90px !important;
}

.m-100 {
  margin: 100px !important;
}

.mt-100 {
  margin-top: 100px !important;
}

.mr-100 {
  margin-right: 100px !important;
}

.mb-100 {
  margin-bottom: 100px !important;
}

.ml-100 {
  margin-left: 100px !important;
}

.mx-100 {
  margin-left: 100px !important;
  margin-right: 100px !important;
}

.my-100 {
  margin-top: 100px !important;
  margin-bottom: 100px !important;
}

.p-100 {
  padding: 100px !important;
}

.pt-100 {
  padding-top: 100px !important;
}

.pr-100 {
  padding-right: 100px !important;
}

.pb-100 {
  padding-bottom: 100px !important;
}

.pl-100 {
  padding-left: 100px !important;
}

.px-100 {
  padding-left: 100px !important;
  padding-right: 100px !important;
}

.py-100 {
  padding-top: 100px !important;
  padding-bottom: 100px !important;
}

.m-110 {
  margin: 110px !important;
}

.mt-110 {
  margin-top: 110px !important;
}

.mr-110 {
  margin-right: 110px !important;
}

.mb-110 {
  margin-bottom: 110px !important;
}

.ml-110 {
  margin-left: 110px !important;
}

.mx-110 {
  margin-left: 110px !important;
  margin-right: 110px !important;
}

.my-110 {
  margin-top: 110px !important;
  margin-bottom: 110px !important;
}

.p-110 {
  padding: 110px !important;
}

.pt-110 {
  padding-top: 110px !important;
}

.pr-110 {
  padding-right: 110px !important;
}

.pb-110 {
  padding-bottom: 110px !important;
}

.pl-110 {
  padding-left: 110px !important;
}

.px-110 {
  padding-left: 110px !important;
  padding-right: 110px !important;
}

.py-110 {
  padding-top: 110px !important;
  padding-bottom: 110px !important;
}

.m-120 {
  margin: 120px !important;
}

.mt-120 {
  margin-top: 120px !important;
}

.mr-120 {
  margin-right: 120px !important;
}

.mb-120 {
  margin-bottom: 120px !important;
}

.ml-120 {
  margin-left: 120px !important;
}

.mx-120 {
  margin-left: 120px !important;
  margin-right: 120px !important;
}

.my-120 {
  margin-top: 120px !important;
  margin-bottom: 120px !important;
}

.p-120 {
  padding: 120px !important;
}

.pt-120 {
  padding-top: 120px !important;
}

.pr-120 {
  padding-right: 120px !important;
}

.pb-120 {
  padding-bottom: 120px !important;
}

.pl-120 {
  padding-left: 120px !important;
}

.px-120 {
  padding-left: 120px !important;
  padding-right: 120px !important;
}

.py-120 {
  padding-top: 120px !important;
  padding-bottom: 120px !important;
}

.m-130 {
  margin: 130px !important;
}

.mt-130 {
  margin-top: 130px !important;
}

.mr-130 {
  margin-right: 130px !important;
}

.mb-130 {
  margin-bottom: 130px !important;
}

.ml-130 {
  margin-left: 130px !important;
}

.mx-130 {
  margin-left: 130px !important;
  margin-right: 130px !important;
}

.my-130 {
  margin-top: 130px !important;
  margin-bottom: 130px !important;
}

.p-130 {
  padding: 130px !important;
}

.pt-130 {
  padding-top: 130px !important;
}

.pr-130 {
  padding-right: 130px !important;
}

.pb-130 {
  padding-bottom: 130px !important;
}

.pl-130 {
  padding-left: 130px !important;
}

.px-130 {
  padding-left: 130px !important;
  padding-right: 130px !important;
}

.py-130 {
  padding-top: 130px !important;
  padding-bottom: 130px !important;
}

.m-140 {
  margin: 140px !important;
}

.mt-140 {
  margin-top: 140px !important;
}

.mr-140 {
  margin-right: 140px !important;
}

.mb-140 {
  margin-bottom: 140px !important;
}

.ml-140 {
  margin-left: 140px !important;
}

.mx-140 {
  margin-left: 140px !important;
  margin-right: 140px !important;
}

.my-140 {
  margin-top: 140px !important;
  margin-bottom: 140px !important;
}

.p-140 {
  padding: 140px !important;
}

.pt-140 {
  padding-top: 140px !important;
}

.pr-140 {
  padding-right: 140px !important;
}

.pb-140 {
  padding-bottom: 140px !important;
}

.pl-140 {
  padding-left: 140px !important;
}

.px-140 {
  padding-left: 140px !important;
  padding-right: 140px !important;
}

.py-140 {
  padding-top: 140px !important;
  padding-bottom: 140px !important;
}

.m-150 {
  margin: 150px !important;
}

.mt-150 {
  margin-top: 150px !important;
}

.mr-150 {
  margin-right: 150px !important;
}

.mb-150 {
  margin-bottom: 150px !important;
}

.ml-150 {
  margin-left: 150px !important;
}

.mx-150 {
  margin-left: 150px !important;
  margin-right: 150px !important;
}

.my-150 {
  margin-top: 150px !important;
  margin-bottom: 150px !important;
}

.p-150 {
  padding: 150px !important;
}

.pt-150 {
  padding-top: 150px !important;
}

.pr-150 {
  padding-right: 150px !important;
}

.pb-150 {
  padding-bottom: 150px !important;
}

.pl-150 {
  padding-left: 150px !important;
}

.px-150 {
  padding-left: 150px !important;
  padding-right: 150px !important;
}

.py-150 {
  padding-top: 150px !important;
  padding-bottom: 150px !important;
}

.m-160 {
  margin: 160px !important;
}

.mt-160 {
  margin-top: 160px !important;
}

.mr-160 {
  margin-right: 160px !important;
}

.mb-160 {
  margin-bottom: 160px !important;
}

.ml-160 {
  margin-left: 160px !important;
}

.mx-160 {
  margin-left: 160px !important;
  margin-right: 160px !important;
}

.my-160 {
  margin-top: 160px !important;
  margin-bottom: 160px !important;
}

.p-160 {
  padding: 160px !important;
}

.pt-160 {
  padding-top: 160px !important;
}

.pr-160 {
  padding-right: 160px !important;
}

.pb-160 {
  padding-bottom: 160px !important;
}

.pl-160 {
  padding-left: 160px !important;
}

.px-160 {
  padding-left: 160px !important;
  padding-right: 160px !important;
}

.py-160 {
  padding-top: 160px !important;
  padding-bottom: 160px !important;
}

.m-170 {
  margin: 170px !important;
}

.mt-170 {
  margin-top: 170px !important;
}

.mr-170 {
  margin-right: 170px !important;
}

.mb-170 {
  margin-bottom: 170px !important;
}

.ml-170 {
  margin-left: 170px !important;
}

.mx-170 {
  margin-left: 170px !important;
  margin-right: 170px !important;
}

.my-170 {
  margin-top: 170px !important;
  margin-bottom: 170px !important;
}

.p-170 {
  padding: 170px !important;
}

.pt-170 {
  padding-top: 170px !important;
}

.pr-170 {
  padding-right: 170px !important;
}

.pb-170 {
  padding-bottom: 170px !important;
}

.pl-170 {
  padding-left: 170px !important;
}

.px-170 {
  padding-left: 170px !important;
  padding-right: 170px !important;
}

.py-170 {
  padding-top: 170px !important;
  padding-bottom: 170px !important;
}

.m-180 {
  margin: 180px !important;
}

.mt-180 {
  margin-top: 180px !important;
}

.mr-180 {
  margin-right: 180px !important;
}

.mb-180 {
  margin-bottom: 180px !important;
}

.ml-180 {
  margin-left: 180px !important;
}

.mx-180 {
  margin-left: 180px !important;
  margin-right: 180px !important;
}

.my-180 {
  margin-top: 180px !important;
  margin-bottom: 180px !important;
}

.p-180 {
  padding: 180px !important;
}

.pt-180 {
  padding-top: 180px !important;
}

.pr-180 {
  padding-right: 180px !important;
}

.pb-180 {
  padding-bottom: 180px !important;
}

.pl-180 {
  padding-left: 180px !important;
}

.px-180 {
  padding-left: 180px !important;
  padding-right: 180px !important;
}

.py-180 {
  padding-top: 180px !important;
  padding-bottom: 180px !important;
}

.m-190 {
  margin: 190px !important;
}

.mt-190 {
  margin-top: 190px !important;
}

.mr-190 {
  margin-right: 190px !important;
}

.mb-190 {
  margin-bottom: 190px !important;
}

.ml-190 {
  margin-left: 190px !important;
}

.mx-190 {
  margin-left: 190px !important;
  margin-right: 190px !important;
}

.my-190 {
  margin-top: 190px !important;
  margin-bottom: 190px !important;
}

.p-190 {
  padding: 190px !important;
}

.pt-190 {
  padding-top: 190px !important;
}

.pr-190 {
  padding-right: 190px !important;
}

.pb-190 {
  padding-bottom: 190px !important;
}

.pl-190 {
  padding-left: 190px !important;
}

.px-190 {
  padding-left: 190px !important;
  padding-right: 190px !important;
}

.py-190 {
  padding-top: 190px !important;
  padding-bottom: 190px !important;
}

.m-200 {
  margin: 200px !important;
}

.mt-200 {
  margin-top: 200px !important;
}

.mr-200 {
  margin-right: 200px !important;
}

.mb-200 {
  margin-bottom: 200px !important;
}

.ml-200 {
  margin-left: 200px !important;
}

.mx-200 {
  margin-left: 200px !important;
  margin-right: 200px !important;
}

.my-200 {
  margin-top: 200px !important;
  margin-bottom: 200px !important;
}

.p-200 {
  padding: 200px !important;
}

.pt-200 {
  padding-top: 200px !important;
}

.pr-200 {
  padding-right: 200px !important;
}

.pb-200 {
  padding-bottom: 200px !important;
}

.pl-200 {
  padding-left: 200px !important;
}

.px-200 {
  padding-left: 200px !important;
  padding-right: 200px !important;
}

.py-200 {
  padding-top: 200px !important;
  padding-bottom: 200px !important;
}

.sc-only {
  position: absolute !important;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0 0 0 0); /* 古いブラウザ用 */
  clip-path: inset(50%); /* より新しい方法 */
  white-space: nowrap; /* 改行で見えるのを防ぐ */
  border: 0;
}

.ku-btn {
  display: inline-block;
  border: 1px solid #000;
  background-color: #fff;
  color: #000;
  min-width: 280px;
  padding: 13px;
  position: relative;
  font-size: 20px;
  text-align: center;
  transition: 0.3s all;
  border-radius: 0;
}
@media screen and (max-width: 767px) {
  .ku-btn {
    font-size: 16px;
  }
}
.ku-btn.ku-btn--small {
  font-size: 16px;
  padding: 6px;
  min-width: 200px;
}
@media screen and (max-width: 767px) {
  .ku-btn.ku-btn--small {
    font-size: 14px;
  }
}
.ku-btn:before, .ku-btn:after {
  transition: 0.3s all;
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  background: #000;
}
.ku-btn:before {
  height: 1px;
  width: 50px;
  right: -25px;
}
@media screen and (max-width: 767px) {
  .ku-btn:before {
    width: 30px;
    right: -17px;
  }
}
.ku-btn:after {
  height: 1px;
  width: 9px;
  right: -25px;
  margin-top: -4px;
  transform: translate(0, -50%) rotate(45deg);
}
@media screen and (max-width: 767px) {
  .ku-btn:after {
    right: -17px;
  }
}
.ku-btn:hover {
  opacity: 1;
  background: rgba(49, 158, 41, 0.1);
  transition: 0.3s all;
}
.ku-btn:hover:before, .ku-btn:hover:after {
  transition: 0.3s all;
  right: -30px;
}

.ku-section {
  margin: clamp(72px, 8.3333333333vw, 120px) 0;
  text-align: center;
  position: relative;
  line-height: 1.7;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .ku-section {
    margin: 50px 0;
  }
}

.ku-verticalSection__col {
  display: flex;
}

.ku-verticalSection__title {
  width: 125px;
  padding-left: 30px;
  box-sizing: border-box;
  display: flex;
  gap: 10px;
  flex-direction: row-reverse;
  justify-content: flex-end;
  align-items: flex-start;
}
@media screen and (max-width: 767px) {
  .ku-verticalSection__title {
    padding-left: 20px;
    width: 85px;
  }
}
.ku-verticalSection__title .ku-verticalSection__titleEn {
  width: 15px;
}
.ku-verticalSection__title .ku-verticalSection__titleEn img {
  width: 100%;
}
.ku-verticalSection__title .ku-verticalSection__titleJa {
  writing-mode: vertical-rl;
  text-orientation: upright;
  font-size: 34px;
  font-weight: 700;
  line-height: 1;
}
@media screen and (max-width: 767px) {
  .ku-verticalSection__title .ku-verticalSection__titleJa {
    font-size: 24px;
  }
}

.ku-verticalSection__container {
  width: calc(100% - 125px);
  position: relative;
}
@media screen and (max-width: 767px) {
  .ku-verticalSection__container {
    width: calc(100% - 85px);
  }
}

.ku-title__beside {
  text-align: center;
}
.ku-title__beside .ku-title__besideTitle {
  text-align: center;
  height: 14px;
  margin: 0 auto 5px auto;
}
.ku-title__beside .ku-title__besideTitle img {
  height: 100%;
  margin: 0 auto;
}
.ku-title__beside .ku-title__besideHeading {
  font-size: clamp(20.4px, 2.3611111111vw, 34px);
  font-weight: 700;
  margin-bottom: clamp(18px, 2.0833333333vw, 30px);
  line-height: 1.5;
}
@media screen and (max-width: 767px) {
  .ku-title__beside .ku-title__besideHeading {
    font-size: clamp(15.6px, 6.9333333333vw, 26px);
    margin-bottom: 20px;
    line-height: 1.6;
  }
}
.ku-title__beside.ku-title__beside--left {
  text-align: left;
}
.ku-title__beside.ku-title__beside--left .ku-title__besideTitle img {
  margin: 0 auto 0 0;
}

.ku-title__box {
  text-align: left;
  position: relative;
  margin: clamp(24px, 2.7777777778vw, 40px) 0 clamp(24px, 2.7777777778vw, 40px) 0;
}
.ku-title__box span {
  font-size: clamp(14.4px, 1.6666666667vw, 24px);
  display: inline-block;
  min-width: 240px;
  padding: 7px;
  box-sizing: border-box;
  border: 1px solid #319e29;
  text-align: center;
}
.ku-title__box:after {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  top: 50%;
  width: calc(100% - 240px);
  height: 1px;
  transform: translateY(-50%);
  background: #319e29;
  z-index: 0;
}

.ku-title__green {
  text-align: left;
  font-size: clamp(18px, 2.0833333333vw, 30px);
  color: #319e29;
  margin: clamp(24px, 2.7777777778vw, 40px) 0 clamp(18px, 2.0833333333vw, 30px) 0;
}

.ku-title__small {
  margin: clamp(36px, 4.1666666667vw, 60px) 0 clamp(18px, 2.0833333333vw, 30px) 0;
  font-size: clamp(12px, 1.3888888889vw, 20px);
  display: flex;
  gap: 0 10px;
  font-weight: normal;
}
@media screen and (max-width: 767px) {
  .ku-title__small {
    font-size: 18px;
  }
}
.ku-title__small:before {
  content: "■";
  display: block;
  color: #319e29;
}

.ku-content {
  max-width: 960px;
  margin: 0 auto;
  padding: 0 20px;
  box-sizing: border-box;
}

.ku-boxWhite {
  background: #fff;
  border-radius: 10px;
  padding: clamp(36px, 4.1666666667vw, 60px);
  text-align: left;
}
@media screen and (max-width: 767px) {
  .ku-boxWhite {
    padding: 30px;
  }
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  list-style-type: none;
}

select:focus,
textarea:focus,
input:focus {
  outline: none;
}

.iziModal {
  z-index: 9999 !important;
}

.iziModal-overlay {
  z-index: 9998 !important;
}

.close {
  float: right;
  font-weight: 700;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  opacity: 1;
  position: absolute;
  top: 0;
  right: 0;
  margin-right: 30px;
  margin-top: 30px;
  font-size: 40px;
}

.close:not(:disabled):not(.disabled) {
  cursor: pointer;
}

.close:not(:disabled):not(.disabled):focus, .close:not(:disabled):not(.disabled):hover {
  color: #000;
  text-decoration: none;
  opacity: 0.75;
}

button.close {
  padding: 0;
  background-color: transparent;
  border: 0;
  -webkit-appearance: none;
}

.modal-open {
  overflow: hidden;
}

.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}

.modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  display: none;
  overflow: hidden;
  outline: 0;
}

.modal-dialog {
  position: relative;
  width: auto;
  margin: 0.5rem;
  pointer-events: none;
}

.modal.fade .modal-dialog {
  -webkit-transition: -webkit-transform 0.3s ease-out;
  transition: -webkit-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
  -webkit-transform: translateY(-25%);
  transform: translateY(-25%);
}

@media screen and (prefers-reduced-motion: reduce) {
  .modal.fade .modal-dialog {
    -webkit-transition: none;
    transition: none;
  }
}
.modal.show .modal-dialog {
  -webkit-transform: translate(0);
  transform: translate(0);
}

.modal-dialog-centered {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-height: calc(100% - 1rem);
}

.modal-dialog-centered:before {
  display: block;
  height: calc(100vh - 1rem);
  content: "";
}

.modal-content {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
  outline: 0;
}

.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000;
}

.modal-backdrop.fade {
  opacity: 0;
}

.modal-backdrop.show {
  opacity: 0.5;
}

.modal-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 1rem;
  border-bottom: 1px solid #e9ecef;
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
}

.modal-header .close {
  padding: 1rem;
  margin: -1rem -1rem -1rem auto;
}

.modal-title {
  margin-bottom: 0;
  line-height: 1.5;
}

.modal-body {
  position: relative;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  padding: 1rem;
}

.modal-footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  padding: 1rem;
  border-top: 1px solid #e9ecef;
}

.modal-footer > :not(:first-child) {
  margin-left: 0.25rem;
}

.modal-footer > :not(:last-child) {
  margin-right: 0.25rem;
}

.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}

@media (min-width: 576px) {
  .modal-dialog {
    max-width: 500px;
    margin: 1.75rem auto;
  }
  .modal-dialog-centered {
    min-height: calc(100% - 3.5rem);
  }
  .modal-dialog-centered:before {
    height: calc(100vh - 3.5rem);
  }
  .modal-sm {
    max-width: 300px;
  }
}
@media (min-width: 992px) {
  .modal-lg {
    max-width: 800px;
  }
}
.ku-sp.ku-pc、 img {
  max-width: 100%;
  height: auto;
  display: block;
}

html.recruit {
  font-size: 62.5%;
}
@media screen and (max-width: 768px) {
  html.recruit {
    font-size: 2.67vw;
  }
}
html.recruit body {
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  font-size: 1.6rem;
  line-height: 1.5;
  color: #3D3D3D;
  background: #ffffff;
}
html.recruit figure {
  margin-bottom: 0;
}
html.recruit .is-fixed {
  overflow: hidden;
  height: 100%;
  touch-action: none;
}

.recruit-common__red {
  color: #E44817;
}

.recruit-common__title {
  position: relative;
}
.recruit-common__title .recruit-common__titleTxt {
  max-width: 444px;
  position: relative;
  font-family: "Dela Gothic One", sans-serif;
  font-weight: 400;
  font-style: normal;
  line-height: 1;
  color: #3D3D3D;
  text-align: center;
  font-size: clamp(0rem, 3.8888888889vw, 5.6rem);
  background: #FEF175;
  border-radius: 999px;
  white-space: nowrap;
  margin: 0 auto 6rem;
  padding: clamp(0rem, 1.6666666667vw, 2.4rem) clamp(0rem, 2.7777777778vw, 4rem);
}
@media screen and (max-width: 768px) {
  .recruit-common__title .recruit-common__titleTxt {
    font-size: 3.6rem;
    margin: 0 auto 4rem;
    padding: 1rem 0;
  }
}
.recruit-common__title .recruit-common__titleTxt::before, .recruit-common__title .recruit-common__titleTxt::after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: clamp(0px, 3.4722222222vw, 50px);
  height: clamp(0px, 6.5972222222vw, 95px);
  border: solid 8px #2C9D26;
}
@media screen and (max-width: 768px) {
  .recruit-common__title .recruit-common__titleTxt::before, .recruit-common__title .recruit-common__titleTxt::after {
    width: 2.5rem;
    height: 5rem;
    border: solid 0.4rem #2C9D26;
  }
}
.recruit-common__title .recruit-common__titleTxt::before {
  left: 0;
  border-right: 0;
  border-radius: 9.5rem 0 0 9.5rem;
}
@media screen and (max-width: 768px) {
  .recruit-common__title .recruit-common__titleTxt::before {
    border-radius: 5rem 0 0 5rem;
  }
}
.recruit-common__title .recruit-common__titleTxt::after {
  right: 0;
  border-left: 0;
  border-radius: 0 9.5rem 9.5rem 0;
}
@media screen and (max-width: 768px) {
  .recruit-common__title .recruit-common__titleTxt::after {
    border-radius: 0 5rem 5rem 0;
  }
}
.recruit-common__title .recruit-common__titleTxt .recruit-common__titleTxtDeco {
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%) translateY(70%);
  width: 20px;
  aspect-ratio: 38/72;
  background: url("../img/title_bottom.png") no-repeat center/contain;
}
@media screen and (max-width: 768px) {
  .recruit-common__title .recruit-common__titleTxt .recruit-common__titleTxtDeco {
    width: 1rem;
  }
}

.swiper-nav {
  display: none;
}
@media screen and (max-width: 768px) {
  .swiper-nav {
    width: 12rem;
    display: flex;
    gap: 2.4rem;
    justify-content: space-between;
    margin-left: auto;
  }
}
@media screen and (max-width: 768px) {
  .swiper-nav .swiper-nav-prev,
  .swiper-nav .swiper-nav-next {
    position: relative;
    width: 5rem;
    height: 5rem;
    border-radius: 50%;
    background: #ffffff;
    border-radius: 999px;
    border: solid #3D3D3D 0.3rem;
    box-shadow: 0 0.3rem 0 #3D3D3D;
  }
}
@media screen and (max-width: 768px) {
  .swiper-nav .swiper-nav-prev::before,
  .swiper-nav .swiper-nav-next::before {
    content: "";
    background-image: url(../img/slide_arrow-red.png);
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    aspect-ratio: 29/45;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    width: 1.5rem;
    height: auto;
  }
}
@media screen and (max-width: 768px) {
  .swiper-nav .swiper-nav-prev::before {
    left: 45%;
  }
}
@media screen and (max-width: 768px) {
  .swiper-nav .swiper-nav-next::before {
    left: 55%;
    transform: translateX(-50%) translateY(-50%) scaleX(-1);
  }
}
@media screen and (max-width: 768px) {
  .swiper-nav .swiper-button-disabled.swiper-nav-prev::before {
    background-image: url(../img/slide_arrow.png);
  }
}
@media screen and (max-width: 768px) {
  .swiper-nav .swiper-button-disabled.swiper-nav-next::before {
    background-image: url(../img/slide_arrow.png);
  }
}

.animation-contents {
  opacity: 0;
  transform: translateY(40px);
  transition: opacity 0.8s ease, transform 1s cubic-bezier(0.22, 1, 0.36, 1);
}

.animation-contents.animation-contents_active {
  opacity: 1;
  transform: translateY(0);
}

.recruit-header {
  width: 100%;
  padding: 2rem 0 0 0;
  position: fixed;
  top: 0;
  left: 50%;
  z-index: 999;
  transform: translateX(-50%);
}
.recruit-header .recruit-header__inner {
  width: 95%;
  max-width: 1360px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
  margin: 0 auto;
}

.recruit-header__left {
  width: clamp(0px, 84.0277777778vw, 1210px);
  display: flex;
  justify-content: space-between;
  padding: 8px 40px 8px 20px;
  box-sizing: border-box;
  border: solid 3px #3D3D3D;
  box-shadow: 0 4px 0 #3D3D3D;
  border-radius: 999px;
  background: #ffffff;
  gap: 30px;
}
@media screen and (max-width: 1000px) {
  .recruit-header__left {
    width: auto;
    padding: 0;
    gap: 0;
    border: none;
    box-shadow: none;
  }
}
@media screen and (max-width: 1000px) {
  .recruit-header__left .recruit-header__leftLogo {
    width: 15rem;
    padding: 0.5rem 0;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0;
    border: solid 0.15rem #3D3D3D;
    box-shadow: 0 0.2rem 0 #3D3D3D;
    border-radius: 999px;
    z-index: 999;
    background: #ffffff;
  }
}
.recruit-header__left .recruit-header__leftLogoImg {
  width: clamp(12.5rem, 17.6388888889vw, 254px);
  height: auto;
}
@media screen and (max-width: 1000px) {
  .recruit-header__left .recruit-header__leftLogoImg {
    width: 12.5rem;
  }
}
.recruit-header__left .recruit-header__leftNav {
  display: flex;
  justify-content: center;
  align-items: center;
}
.recruit-header__left .recruit-header__leftNav .recruit-header__leftNavMenu {
  position: relative;
  display: flex;
  align-items: center;
  gap: clamp(20px, 2.7777777778vw, 40px);
}
@media screen and (max-width: 1000px) {
  .recruit-header__left .recruit-header__leftNav .recruit-header__leftNavMenu {
    width: auto;
    flex-direction: column;
    align-items: flex-start;
    gap: 4rem;
    font-size: 2rem;
    line-height: 1;
    margin: 0 auto;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-60%);
    z-index: 888;
  }
}
.recruit-header__left .recruit-header__leftNav .recruit-header__leftNavMenu .recruit-header__leftNavMenuItem .recruit-header__leftNavMenuItemLink {
  position: relative;
  font-family: "Dela Gothic One", sans-serif;
  font-weight: 400;
  font-style: normal;
  line-height: 1;
  color: #3D3D3D;
  font-size: clamp(16px, 1.25vw, 18px);
}
@media screen and (max-width: 1000px) {
  .recruit-header__left .recruit-header__leftNav .recruit-header__leftNavMenu .recruit-header__leftNavMenuItem .recruit-header__leftNavMenuItemLink {
    font-size: 2rem;
    padding-left: 2rem;
  }
  .recruit-header__left .recruit-header__leftNav .recruit-header__leftNavMenu .recruit-header__leftNavMenuItem .recruit-header__leftNavMenuItemLink::before {
    content: "";
    width: 1rem;
    height: auto;
    aspect-ratio: 38/72;
    background: url(../img/title_bottom.png) no-repeat center/contain;
    position: absolute;
    left: 0;
  }
}

@media screen and (max-width: 1000px) {
  .recruit-header__right {
    display: flex;
    justify-content: end;
    gap: 1.2rem;
    align-items: center;
    z-index: 999;
  }
}
.recruit-header__right .recruit-header__rightHamburger {
  display: none;
}
@media screen and (max-width: 1000px) {
  .recruit-header__right .recruit-header__rightHamburger {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 0.4rem;
    position: relative;
    cursor: pointer;
    width: 5rem;
    height: 5rem;
    z-index: 10;
    background: #ffffff;
    box-sizing: border-box;
    border: solid 0.2rem #3D3D3D;
    box-shadow: 0 0.2rem 0 #3D3D3D;
    border-radius: 1rem;
    padding: 0.4rem 0 0 0;
  }
}
.recruit-header__right .recruit-header__rightHamburger .recruit-header__rightHamburgerBar {
  width: 2.2rem;
  height: 1.5rem;
  position: relative;
  z-index: 2;
  margin-top: 0;
}
.recruit-header__right .recruit-header__rightHamburger .recruit-header__rightHamburgerBar span {
  inline-size: 100%;
  block-size: 0.2rem;
  position: absolute;
  left: 50%;
  translate: -50%;
  background: #3D3D3D;
  transition: 0.6s;
}
.recruit-header__right .recruit-header__rightHamburger .recruit-header__rightHamburgerBar span:nth-child(1) {
  top: 0px;
}
.recruit-header__right .recruit-header__rightHamburger .recruit-header__rightHamburgerBar span:nth-child(2) {
  top: 50%;
  translate: -50% -50%;
}
.recruit-header__right .recruit-header__rightHamburger .recruit-header__rightHamburgerBar span:nth-child(3) {
  bottom: 0px;
}
.recruit-header__right .recruit-header__rightHamburger .recruit-header__rightHamburgerTxt {
  font-family: "Dela Gothic One", sans-serif;
  font-weight: 400;
  font-style: normal;
  line-height: 1;
  font-size: 0.8rem;
  line-height: 1;
  margin: 0;
  color: #3D3D3D;
}
.recruit-header__right .recruit-header__rightCta {
  width: clamp(10rem, 8.3333333333vw, 12rem);
  aspect-ratio: 1/1;
  background: #FFE100;
  box-sizing: border-box;
  border: solid 4px #3D3D3D;
  box-shadow: 0 4px 0 #3D3D3D;
  border-radius: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 1000px) {
  .recruit-header__right .recruit-header__rightCta {
    width: 5rem;
    height: 5rem;
    border-radius: 1rem;
    border: solid 0.2rem #3D3D3D;
    box-shadow: 0 0.2rem 0 #3D3D3D;
  }
}
.recruit-header__right .recruit-header__rightCta .recruit-header__rightCtaLink {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
}
.recruit-header__right .recruit-header__rightCta .recruit-header__rightCtaLink .recruit-header__rightCtaLinkIcon {
  width: 54px;
  height: auto;
  margin: 0 0 5px 4px;
}
@media screen and (max-width: 1000px) {
  .recruit-header__right .recruit-header__rightCta .recruit-header__rightCtaLink .recruit-header__rightCtaLinkIcon {
    width: 2.2rem;
    margin: 0 0 0.2rem 0.2rem;
  }
}
.recruit-header__right .recruit-header__rightCta .recruit-header__rightCtaLink .recruit-header__rightCtaLinkTxt {
  font-family: "Dela Gothic One", sans-serif;
  font-weight: 400;
  font-style: normal;
  line-height: 1;
  color: #3D3D3D;
  font-size: clamp(0.8rem, 1.25vw, 1.8rem);
}
@media screen and (max-width: 1000px) {
  .recruit-header__right .recruit-header__rightCta .recruit-header__rightCtaLink .recruit-header__rightCtaLinkTxt {
    font-size: 0.8rem;
  }
}

@media screen and (max-width: 1000px) {
  .recruit-header__leftNav {
    position: relative;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    z-index: 5;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: 0.4s;
    background: linear-gradient(to bottom, #FEF175 0%, #CCFB6A 67%, #B9FF66 100%);
  }
  .recruit-header__leftNav.is-open {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
  }
  .recruit-header__leftNav div {
    width: 100%;
    height: calc(100vh - 200px);
    position: absolute;
    left: 0;
    bottom: 0;
    background: #ffffff;
  }
}
@media screen and (max-width: 1000px) and (max-width: 768px) {
  .recruit-header__leftNav div {
    height: calc(100vh - 16rem);
  }
}
@media screen and (max-width: 1000px) {
  .recruit-header__leftNav div::after {
    content: "";
    position: absolute;
    top: 1px;
    left: 50%;
    transform: translateX(-50%) translateY(-100%);
    width: 100%;
    aspect-ratio: 2880/364;
    background-image: url(../img/bg_cloud01.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center bottom;
    pointer-events: none;
    z-index: 3;
  }
}
@media screen and (max-width: 1000px) and (max-width: 768px) {
  .recruit-header__leftNav div::after {
    aspect-ratio: 750/246;
    background-image: url(../img/sp-bg_cloud01.png);
  }
}

.recruit-header__rightHamburger.is-open .recruit-header__rightHamburgerBar span:nth-child(1) {
  top: 50%;
  translate: -50% -50%;
  rotate: 45deg;
}
.recruit-header__rightHamburger.is-open .recruit-header__rightHamburgerBar span:nth-child(2) {
  opacity: 0;
}
.recruit-header__rightHamburger.is-open .recruit-header__rightHamburgerBar span:nth-child(3) {
  bottom: auto;
  top: 50%;
  translate: -50% -50%;
  rotate: -45deg;
}

.recruit-main {
  width: 100%;
  position: relative;
  overflow-x: clip;
}

.recruit-mv {
  width: 100%;
  padding-top: clamp(10rem, 12.5vw, 18rem);
  background: linear-gradient(to bottom, #FEF175 0%, #CCFB6A 67%, #B9FF66 100%);
  position: relative;
  z-index: 0;
}
@media screen and (max-width: 768px) {
  .recruit-mv {
    padding-top: 10rem;
  }
}
.recruit-mv > * {
  position: relative;
  z-index: 1;
}
.recruit-mv::before {
  content: "";
  position: absolute;
  inset: 0;
  background: url("../img/bg_noise.png");
  background-repeat: no-repeat;
  background-size: contain;
  pointer-events: none;
  mix-blend-mode: overlay;
  width: 150%;
}
@media screen and (max-width: 768px) {
  .recruit-mv::before {
    width: 300%;
  }
}
.recruit-mv::after {
  content: "";
  position: absolute;
  bottom: 0;
  width: 100%;
  aspect-ratio: 2880/566;
  background-image: url("../img/bg_cloud02.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center bottom;
  pointer-events: none;
}
@media screen and (max-width: 768px) {
  .recruit-mv::after {
    width: 200%;
    left: 50%;
    bottom: 5%;
    transform: translateX(-50%);
  }
}

.recruit-mv__copy {
  font-family: "Dela Gothic One", sans-serif;
  font-weight: 400;
  font-style: normal;
  line-height: 1;
  font-size: clamp(1.6rem, 1.9444444444vw, 2.8rem);
  letter-spacing: 0.05em;
  color: #E44817;
  text-align: center;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  text-decoration: none;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .recruit-mv__copy {
    gap: 0.4rem;
  }
}
.recruit-mv__copy::before, .recruit-mv__copy::after {
  content: "";
  width: 20px;
  height: auto;
  flex-shrink: 0;
  aspect-ratio: 40/70;
}
@media screen and (max-width: 768px) {
  .recruit-mv__copy::before, .recruit-mv__copy::after {
    width: 1rem;
  }
}
.recruit-mv__copy::before {
  background: url("../img/deco_01.png") no-repeat center/contain;
}
.recruit-mv__copy::after {
  background: url("../img/deco_02.png") no-repeat center/contain;
}

.recruit-mv__title {
  width: 63%;
  max-width: 912px;
  height: auto;
  margin: 0 auto;
  margin-top: 1rem;
}
@media screen and (max-width: 768px) {
  .recruit-mv__title {
    width: 35.5rem;
    max-width: none;
  }
}

.recruit-mv__txt {
  display: none;
}
@media screen and (max-width: 768px) {
  .recruit-mv__txt {
    display: block;
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 1.8;
    letter-spacing: 0.08em;
    text-align: center;
    white-space: nowrap;
    margin-top: 2rem;
  }
}
@media screen and (max-width: 768px) {
  .recruit-mv__txt .recruit-mv__txtBg {
    display: inline-block;
    background: #ffffff;
    padding: 0 0.8rem;
    margin-bottom: 0.8rem;
  }
}

.recruit-mv__illust {
  position: relative;
  width: 54%;
  max-width: 767px;
  height: auto;
  margin: 20px auto 0;
  pointer-events: none;
}
@media screen and (max-width: 768px) {
  .recruit-mv__illust {
    width: 33.7rem;
    max-width: none;
    margin: 2.5rem auto 0;
  }
}
.recruit-mv__illust .recruit-mv__illustEn {
  font-family: "Dela Gothic One", sans-serif;
  font-weight: 400;
  font-style: normal;
  line-height: 1;
  font-size: 6.7361111111vw;
  line-height: 1;
  color: rgba(0, 0, 0, 0);
  -webkit-text-stroke: 2px #81E43A;
  position: absolute;
  top: 5%;
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
  z-index: 0;
}
@media screen and (max-width: 768px) {
  .recruit-mv__illust .recruit-mv__illustEn {
    font-size: 2.5rem;
    top: -10%;
    -webkit-text-stroke: 0.1rem #81E43A;
  }
}
.recruit-mv__illust .recruit-mv__illustCopy {
  font-size: clamp(0px, 1.3888888889vw, 20px);
  font-weight: 700;
  line-height: 1.8;
  letter-spacing: 0.08em;
  position: absolute;
  text-align: center;
  top: 45%;
  left: 50%;
  transform: translate(-50%, 0%);
  white-space: nowrap;
}
@media screen and (max-width: 768px) {
  .recruit-mv__illust .recruit-mv__illustCopy {
    position: relative;
  }
}
.recruit-mv__illust .recruit-mv__illustCopy .recruit-mv__illustCopyBg {
  display: inline-block;
  background: #ffffff;
  padding: 0 10px;
  margin-bottom: 10px;
}

.recruit-mv__person {
  position: absolute;
  inset: 0;
  max-width: 1440px;
  margin: 0 auto;
  pointer-events: none;
}
.recruit-mv__person .recruit-mv__personItem {
  position: absolute;
  bottom: 16%;
  width: 22%;
  max-width: 31.7rem;
}
.recruit-mv__person .recruit-mv__personItem:nth-child(1) {
  left: 15%;
  transform: translateX(-50%);
}
.recruit-mv__person .recruit-mv__personItem:nth-child(2) {
  right: 15%;
  transform: translateX(50%);
}
@media screen and (max-width: 768px) {
  .recruit-mv__person .recruit-mv__personItem {
    width: 17rem;
    bottom: 7%;
    max-width: none;
  }
  .recruit-mv__person .recruit-mv__personItem:nth-child(1) {
    left: 18%;
    transform: translateX(-50%) rotate(-12deg);
  }
  .recruit-mv__person .recruit-mv__personItem:nth-child(2) {
    right: 18%;
    transform: translateX(50%) rotate(12deg);
  }
}

.recruit-mv__cloud {
  width: 100%;
  height: auto;
  position: absolute;
  bottom: 0;
}

.recruit-about {
  position: relative;
  width: 100%;
}
.recruit-about::before, .recruit-about::after {
  content: "";
  background-repeat: repeat-y;
  background-size: contain;
  width: clamp(0rem, 3.3333333333vw, 4.8rem);
  position: absolute;
  top: -5%;
  bottom: -3%;
  pointer-events: none;
  z-index: 2;
}
@media screen and (max-width: 768px) {
  .recruit-about::before, .recruit-about::after {
    width: 2rem;
    top: -1.5%;
    bottom: 0;
  }
}
.recruit-about::before {
  background-image: url(../img/about_deco-txt_left.png);
  left: 0;
}
@media screen and (max-width: 768px) {
  .recruit-about::before {
    background-image: url(../img/sp-about_deco-txt_left.png);
  }
}
.recruit-about::after {
  background-image: url(../img/about_deco-txt_right.png);
  right: 0;
}
@media screen and (max-width: 768px) {
  .recruit-about::after {
    background-image: url(../img/sp-about_deco-txt_right.png);
  }
}
.recruit-about .recruit-about__cloud {
  width: 100%;
  position: absolute;
  inset: 0;
  overflow: hidden;
  pointer-events: none;
}
.recruit-about .recruit-about__cloud .recruit-about__cloudItem {
  position: absolute;
  z-index: 0;
}
.recruit-about .recruit-about__cloud .recruit-about__cloudItem:nth-child(1) {
  width: 300px;
  top: 3%;
  right: 5%;
}
@media screen and (max-width: 768px) {
  .recruit-about .recruit-about__cloud .recruit-about__cloudItem:nth-child(1) {
    width: 15rem;
    top: 5%;
    right: -10%;
  }
}
.recruit-about .recruit-about__cloud .recruit-about__cloudItem:nth-child(2) {
  width: 382px;
  top: 25%;
  left: -7%;
}
@media screen and (max-width: 768px) {
  .recruit-about .recruit-about__cloud .recruit-about__cloudItem:nth-child(2) {
    width: 19rem;
    top: 21%;
    left: -15%;
  }
}
.recruit-about .recruit-about__cloud .recruit-about__cloudItem:nth-child(3) {
  width: 382px;
  bottom: 48%;
  right: -7%;
}
@media screen and (max-width: 768px) {
  .recruit-about .recruit-about__cloud .recruit-about__cloudItem:nth-child(3) {
    width: 19rem;
    bottom: 40%;
    right: -14%;
  }
}
.recruit-about .recruit-about__cloud .recruit-about__cloudItem:nth-child(4) {
  width: 356px;
  bottom: 2%;
  left: 8%;
}
@media screen and (max-width: 768px) {
  .recruit-about .recruit-about__cloud .recruit-about__cloudItem:nth-child(4) {
    width: 18rem;
    bottom: 0;
    left: -13%;
  }
}

.recruit-float {
  position: fixed;
  bottom: 30px;
  right: 40px;
  width: clamp(200px, 22.2222222222vw, 320px);
  padding: clamp(0px, 1.6666666667vw, 24px) clamp(0px, 1.9444444444vw, 28px);
  background: #ffffff;
  border: solid 4px #E44817;
  box-shadow: 0 4px 0 #E44817;
  border-radius: 10px;
  margin: 0 auto;
  z-index: 990;
  transition: opacity 0.4s ease, transform 0.6s cubic-bezier(0.22, 1, 0.36, 1);
}
@media screen and (max-width: 768px) {
  .recruit-float {
    position: relative;
    width: 95%;
    bottom: auto;
    right: auto;
    max-width: none;
    padding: 1rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border: solid 0.3rem #E44817;
    box-shadow: 0 0.3rem 0 #E44817;
    border-radius: 0.8rem;
  }
}
@media screen and (min-width: 769px) {
  .recruit-float.is-hide {
    opacity: 0;
    transform: translateX(140px);
    pointer-events: none;
  }
}
.recruit-float .recruit-float__head {
  position: relative;
  font-family: "Dela Gothic One", sans-serif;
  font-weight: 400;
  font-style: normal;
  line-height: 1;
  font-size: clamp(12px, 1.5277777778vw, 22px);
  color: #E44817;
  text-align: center;
  margin-bottom: clamp(6px, 1.5vw, 10px);
  padding: 0 clamp(4px, 1vw, 8px);
}
@media screen and (max-width: 768px) {
  .recruit-float .recruit-float__head {
    width: auto;
    font-size: 2rem;
    line-height: 1.1;
    margin: 0 auto;
    padding: 0 1rem;
  }
}
.recruit-float .recruit-float__head::after, .recruit-float .recruit-float__head::before {
  content: "";
  position: absolute;
  bottom: 0;
  height: clamp(0rem, 1.25vw, 1.8rem);
}
@media screen and (max-width: 768px) {
  .recruit-float .recruit-float__head::after, .recruit-float .recruit-float__head::before {
    top: auto;
    bottom: 0;
  }
}
.recruit-float .recruit-float__head::before {
  border-left: solid 3px;
  left: 0;
  transform: rotate(-30deg);
}
.recruit-float .recruit-float__head::after {
  border-right: solid 3px;
  right: 0;
  transform: rotate(30deg);
}
.recruit-float .recruit-float__right {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .recruit-float .recruit-float__right {
    gap: 1rem;
  }
}
.recruit-float .recruit-float__right .recruit-float__sns {
  width: 48%;
  border: solid 4px #3D3D3D;
  box-shadow: 0 4px 0 #3D3D3D;
  border-radius: 16px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: clamp(0px, 1.3888888889vw, 20px) clamp(0px, 0.625vw, 9px);
}
@media screen and (max-width: 768px) {
  .recruit-float .recruit-float__right .recruit-float__sns {
    max-width: 9rem;
    padding: 0.8rem;
    border: solid 0.2rem #3D3D3D;
    box-shadow: 0 0.2rem 0 #3D3D3D;
    border-radius: 0.8rem;
  }
}
.recruit-float .recruit-float__right .recruit-float__sns .recruit-float__snsIcon {
  width: clamp(20px, 2.5vw, 32px);
  margin-bottom: clamp(4px, 1vw, 8px);
  height: auto;
}
@media screen and (max-width: 768px) {
  .recruit-float .recruit-float__right .recruit-float__sns .recruit-float__snsIcon {
    width: 2.4rem;
    margin-bottom: 0;
  }
}
.recruit-float .recruit-float__right .recruit-float__sns .recruit-float__snsTxt {
  font-family: "Dela Gothic One", sans-serif;
  font-weight: 400;
  font-style: normal;
  line-height: 1;
  font-size: clamp(0px, 0.9722222222vw, 14px);
  line-height: 1.2;
  text-align: center;
  white-space: nowrap;
}
@media screen and (max-width: 768px) {
  .recruit-float .recruit-float__right .recruit-float__sns .recruit-float__snsTxt {
    font-size: 1rem;
  }
}

.recruit-philosophy {
  width: 100%;
  padding-top: 110px;
  background: #ffffff;
  position: relative;
}
@media screen and (max-width: 768px) {
  .recruit-philosophy {
    padding-top: 7rem;
  }
}
.recruit-philosophy .recruit-philosophy__inner {
  width: 87%;
  max-width: 1000px;
  margin: 0 auto;
  z-index: 100;
  position: relative;
}
@media screen and (max-width: 768px) {
  .recruit-philosophy .recruit-philosophy__inner {
    max-width: none;
  }
}

.recruit-philosophy__title .recruit-philosophy__titleTxt {
  width: 48%;
  height: auto;
  max-width: 480px;
  margin: 0 auto 6rem;
}
@media screen and (max-width: 768px) {
  .recruit-philosophy__title .recruit-philosophy__titleTxt {
    width: 27.5rem;
    max-width: none;
    margin: 0 auto 4.3rem;
  }
}

.recruit-philosophy__2col {
  display: flex;
  justify-content: space-between;
  gap: 4.8rem;
}
@media screen and (max-width: 768px) {
  .recruit-philosophy__2col {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 2.4rem;
  }
}
.recruit-philosophy__2col .recruit-philosophy__2colLeft {
  width: 38%;
  max-width: 380px;
}
@media screen and (max-width: 768px) {
  .recruit-philosophy__2col .recruit-philosophy__2colLeft {
    width: 19rem;
  }
}
.recruit-philosophy__2col .recruit-philosophy__2colLeft .recruit-philosophy__2colLeftTxt {
  font-size: 16px;
  line-height: 1;
  text-align: center;
  margin-top: 15px;
}
@media screen and (max-width: 768px) {
  .recruit-philosophy__2col .recruit-philosophy__2colLeft .recruit-philosophy__2colLeftTxt {
    font-size: 1.4rem;
    margin-top: 1.6rem;
  }
}
.recruit-philosophy__2col .recruit-philosophy__2colRight {
  width: 57%;
  max-width: 572px;
}
@media screen and (max-width: 768px) {
  .recruit-philosophy__2col .recruit-philosophy__2colRight {
    width: 100%;
    max-width: none;
  }
}
.recruit-philosophy__2col .recruit-philosophy__2colRight .recruit-philosophy__2colRightTxt {
  font-size: 1.6rem;
  line-height: 1.8;
}
@media screen and (max-width: 768px) {
  .recruit-philosophy__2col .recruit-philosophy__2colRight .recruit-philosophy__2colRightTxt {
    font-size: 1.5rem;
    line-height: 1.6;
  }
}
.recruit-philosophy__2col .recruit-philosophy__2colRight .recruit-philosophy__2colRightTxt:not(:first-child) {
  margin-top: 28.8px;
}

.recruit-business {
  padding-top: 120px;
  padding-bottom: 220px;
  position: relative;
}
@media screen and (max-width: 768px) {
  .recruit-business {
    padding-top: 8rem;
    padding-bottom: 6.5rem;
  }
}
.recruit-business::after {
  content: "";
  position: absolute;
  bottom: 1px;
  left: 50%;
  transform: translateX(-50%) translateY(100%);
  width: 100%;
  aspect-ratio: 2880/276;
  background-image: url("../img/bg_cloud03.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center bottom;
  pointer-events: none;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .recruit-business::after {
    width: 185%;
  }
}
.recruit-business .recruit-business__inner {
  width: 90%;
  max-width: 1200px;
  margin: 0 auto;
  position: relative;
  z-index: 100;
}
@media screen and (max-width: 768px) {
  .recruit-business .recruit-business__inner {
    width: 100%;
    max-width: none;
  }
}

.recruit-business__title .recruit-business__titleTxt {
  width: 91%;
  max-width: 1082px;
  margin: 0 auto 64px;
}
@media screen and (max-width: 768px) {
  .recruit-business__title .recruit-business__titleTxt {
    width: 90%;
    max-width: none;
    font-size: 3.1rem;
    line-height: 1.1;
    margin: 0 auto 4rem;
  }
}
@media screen and (max-width: 768px) {
  .recruit-business__title .recruit-business__titleTxt::before, .recruit-business__title .recruit-business__titleTxt::after {
    width: 6.3rem;
    height: 12rem;
    border: solid 0.5rem #2C9D26;
  }
}
@media screen and (max-width: 768px) {
  .recruit-business__title .recruit-business__titleTxt::before {
    border-right: 0;
    border-radius: 12rem 0 0 12rem;
  }
}
@media screen and (max-width: 768px) {
  .recruit-business__title .recruit-business__titleTxt::after {
    border-left: 0;
    border-radius: 0 12rem 12rem 0;
  }
}

.recruit-business__fukidashi {
  position: relative;
  width: 100%;
  max-width: 756px;
  margin: 0 auto;
}
@media (max-width: 768px) {
  .recruit-business__fukidashi {
    width: 90%;
    margin-bottom: 0.9rem;
  }
}
.recruit-business__fukidashi .recruit-business__fukidashiPerson {
  position: absolute;
  right: 8px;
  top: 133px;
  max-width: 293px;
}
@media (max-width: 768px) {
  .recruit-business__fukidashi .recruit-business__fukidashiPerson {
    width: 15rem;
    max-width: none;
    left: -5%;
    bottom: -61%;
    top: auto;
  }
}
.recruit-business__fukidashi .recruit-business__fukidashiTxt {
  font-size: 1.8rem;
  line-height: 1.6;
  color: #1A237E;
  font-weight: 700;
  text-align: center;
  position: absolute;
  top: 45%;
  left: 50%;
  transform: translate(-50%, -50%);
  white-space: nowrap;
}
@media (max-width: 768px) {
  .recruit-business__fukidashi .recruit-business__fukidashiTxt {
    font-size: 1.4rem;
    top: 48%;
  }
}

@media (max-width: 768px) {
  .business-slider {
    overflow: hidden;
  }
}
@media (max-width: 768px) {
  .business-slider .business-slider__viewport {
    padding: 0 2.5rem;
  }
}
.business-slider .business-slider__viewport .swiper {
  overflow: visible;
  margin-top: 3rem;
}

.recruit-business__box {
  max-width: 1145px;
  margin: 36px auto 0;
  position: relative;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 6.9444444444vw;
}
@media (max-width: 768px) {
  .recruit-business__box {
    display: flex;
    gap: 0;
    margin: 0;
  }
}
.recruit-business__box::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: clamp(320px, 57.6388888889vw, 830px);
  aspect-ratio: 1660/2077;
  background-image: url("../img/business_bg.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  pointer-events: none;
  z-index: 0;
}
@media (max-width: 768px) {
  .recruit-business__box::before {
    content: none;
  }
}
.recruit-business__box .recruit-business__boxItem {
  position: relative;
}
@media (max-width: 768px) {
  .recruit-business__box .recruit-business__boxItem {
    width: 28.5rem;
  }
}
.recruit-business__box .recruit-business__boxItem:nth-child(even) {
  transform: translateY(140px);
}
@media (max-width: 768px) {
  .recruit-business__box .recruit-business__boxItem:nth-child(even) {
    transform: none;
  }
}
@media (max-width: 768px) {
  .recruit-business__box .recruit-business__boxItem:nth-child(2) .recruit-business__boxItemLabel {
    font-size: 1.5rem;
  }
}
.recruit-business__box .recruit-business__boxItem .recruit-business__boxItemLabel {
  position: absolute;
  top: -20px;
  left: -20px;
  display: inline-block;
  background: #E44817;
  color: #ffffff;
  font-weight: 700;
  font-size: clamp(2rem, 1.6666666667vw, 2.4rem);
  padding: 12px 24px 12px 60px;
  border-radius: 999px;
  line-height: 1;
  white-space: nowrap;
}
@media (max-width: 768px) {
  .recruit-business__box .recruit-business__boxItem .recruit-business__boxItemLabel {
    padding: 0.8rem 1.6rem 0.8rem 4.25rem;
    min-height: 3.7rem;
    display: flex;
    justify-content: center;
    align-items: center;
  }
}
.recruit-business__box .recruit-business__boxItem .recruit-business__boxItemLabel::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  aspect-ratio: 1;
  background: #FFE100;
  border-radius: 50%;
}
.recruit-business__box .recruit-business__boxItem .recruit-business__boxItemWrap {
  border-radius: 10px;
  overflow: hidden;
  border: solid 0.4rem #2C9D26;
}
@media (max-width: 768px) {
  .recruit-business__box .recruit-business__boxItem .recruit-business__boxItemWrap {
    border-radius: 0.8rem;
  }
}
.recruit-business__box .recruit-business__boxItem .recruit-business__boxItemWrap .recruit-business__boxItemWrapTxt {
  color: #ffffff;
  padding: 20px 24px;
  background: #2C9D26;
  font-weight: 400;
}
@media (max-width: 768px) {
  .recruit-business__box .recruit-business__boxItem .recruit-business__boxItemWrap .recruit-business__boxItemWrapTxt {
    font-size: 1.4rem;
    line-height: 1.6;
    padding: 1.5rem;
  }
}

.recruit-members {
  width: 100%;
  padding-top: 220px;
  padding-bottom: 160px;
  background: #FFE100;
  position: relative;
}
@media screen and (max-width: 768px) {
  .recruit-members {
    padding-top: 11rem;
  }
}
.recruit-members::after {
  content: "MEMBERS";
  font-family: "Dela Gothic One", sans-serif;
  font-weight: 400;
  font-style: normal;
  line-height: 1;
  font-size: 72px;
  position: absolute;
  top: 63%;
  writing-mode: vertical-rl;
  text-orientation: mixed;
  color: transparent;
  -webkit-text-stroke: 2px #ffffff;
  white-space: nowrap;
  pointer-events: none;
  z-index: 1;
  right: 0;
  transform: translateY(-50%) rotate(180deg);
}
@media screen and (max-width: 768px) {
  .recruit-members::after {
    font-size: 5rem;
    top: 27%;
    -webkit-text-stroke: 0.1rem #ffffff;
  }
}
.recruit-members .recruit-members__inner {
  width: 90%;
  max-width: 1280px;
  margin: 0 auto;
  position: relative;
  z-index: 100;
}

.recruit-members__title {
  display: flex;
  justify-content: start;
  align-items: center;
  gap: 65px;
}
@media (max-width: 768px) {
  .recruit-members__title {
    display: block;
  }
}
.recruit-members__title .recruit-members__titleTxt {
  width: 54%;
  max-width: 685px;
  background: #ffffff;
  margin: 0;
}
@media (max-width: 768px) {
  .recruit-members__title .recruit-members__titleTxt {
    width: 100%;
    max-width: none;
    font-size: 3.3rem;
    line-height: 1.1;
  }
}
@media screen and (max-width: 768px) {
  .recruit-members__title .recruit-members__titleTxt::before, .recruit-members__title .recruit-members__titleTxt::after {
    width: 4.5rem;
    height: 9rem;
    border: solid 0.5rem #2C9D26;
  }
}
@media screen and (max-width: 768px) {
  .recruit-members__title .recruit-members__titleTxt::before {
    border-right: 0;
    border-radius: 9rem 0 0 9rem;
  }
}
@media screen and (max-width: 768px) {
  .recruit-members__title .recruit-members__titleTxt::after {
    border-left: 0;
    border-radius: 0 9rem 9rem 0;
  }
}
.recruit-members__title .recruit-members__titleAbout {
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 2;
}
@media (max-width: 768px) {
  .recruit-members__title .recruit-members__titleAbout {
    font-size: 1.6rem;
    line-height: 1.5;
    margin-top: 4rem;
  }
}

.recruit-members__list {
  display: flex;
  justify-content: space-between;
  gap: 3rem;
  margin-top: 6.4rem;
}
@media (max-width: 768px) {
  .recruit-members__list {
    flex-direction: column;
    gap: 2rem;
    margin-top: 2.5rem;
  }
}
.recruit-members__list .recruit-members__listItem {
  width: 33.3333333333%;
  border-radius: 1rem;
  overflow: hidden;
  border: solid 0.4rem #2C9D26;
  box-shadow: 0 0.4rem 0 #2C9D26;
  background: #ffffff;
  display: flex;
  flex-direction: column;
}
.recruit-members__list .recruit-members__listItem:nth-child(even) {
  transform: translateY(40px);
  flex-direction: column-reverse;
}
@media (max-width: 768px) {
  .recruit-members__list .recruit-members__listItem {
    width: 28.5rem;
  }
  .recruit-members__list .recruit-members__listItem:nth-child(even) {
    transform: none;
    margin-left: auto;
  }
}
.recruit-members__list .recruit-members__listItem .recruit-members__listItemImg {
  width: 100%;
  height: auto;
  position: relative;
  margin-bottom: 0;
}
.recruit-members__list .recruit-members__listItem .recruit-members__listItemImg .recruit-members__listItemImgIcon {
  position: absolute;
  bottom: -20px;
  right: 20px;
  width: clamp(100px, 8.3333333333vw, 120px);
  height: auto;
  aspect-ratio: 1/1;
  background: #ffffff;
  border-radius: 50%;
  border: solid 4px #E44817;
  box-shadow: 0 4px 0 #E44817;
  display: flex;
  justify-content: center;
  align-items: center;
  transform: rotate(10deg);
  cursor: pointer;
}
.recruit-members__list .recruit-members__listItem .recruit-members__listItemImg .recruit-members__listItemImgIcon:hover {
  opacity: 0.7;
}
.recruit-members__list .recruit-members__listItem .recruit-members__listItemImg .recruit-members__listItemImgIcon::after {
  content: "";
  background: url(../img/members_icon.png);
  background-repeat: no-repeat;
  background-size: cover;
  aspect-ratio: 75/31;
  width: 38px;
  height: auto;
  position: absolute;
  bottom: 20px;
  right: 20px;
  transform: rotate(-10deg);
  z-index: 3;
}
.recruit-members__list .recruit-members__listItem .recruit-members__listItemImg .recruit-members__listItemImgIcon span {
  font-family: "Dela Gothic One", sans-serif;
  font-weight: 400;
  font-style: normal;
  line-height: 1;
  font-size: clamp(16px, 1.25vw, 18px);
  color: #E44817;
}
.recruit-members__list .recruit-members__listItem .recruit-members__listItemTxt {
  padding: 24px 16px 54px;
}
@media (max-width: 1000px) {
  .recruit-members__list .recruit-members__listItem .recruit-members__listItemTxt {
    padding: 24px 16px;
  }
}
@media (max-width: 768px) {
  .recruit-members__list .recruit-members__listItem .recruit-members__listItemTxt {
    padding: 2rem 1.6rem;
  }
}
.recruit-members__list .recruit-members__listItem .recruit-members__listItemTxt .recruit-members__listItemTxtName {
  font-size: 2.4rem;
  font-weight: 900;
  line-height: 1;
  margin-bottom: 20px;
  display: flex;
  align-items: center;
}
@media (max-width: 1000px) {
  .recruit-members__list .recruit-members__listItem .recruit-members__listItemTxt .recruit-members__listItemTxtName {
    display: block;
  }
}
@media (max-width: 768px) {
  .recruit-members__list .recruit-members__listItem .recruit-members__listItemTxt .recruit-members__listItemTxtName {
    margin-bottom: 1rem;
    display: flex;
  }
}
.recruit-members__list .recruit-members__listItem .recruit-members__listItemTxt .recruit-members__listItemTxtName .recruit-members__listItemTxtNameLabel {
  display: inline-block;
  font-size: 1.6rem;
  font-weight: 900;
  line-height: 1;
  color: #ffffff;
  padding: 4px 10px;
  margin-left: 8px;
  background: #2C9D26;
  border-radius: 999px;
}
@media (max-width: 1000px) {
  .recruit-members__list .recruit-members__listItem .recruit-members__listItemTxt .recruit-members__listItemTxtName .recruit-members__listItemTxtNameLabel {
    margin-left: 0;
    margin-top: 8px;
  }
}
@media (max-width: 768px) {
  .recruit-members__list .recruit-members__listItem .recruit-members__listItemTxt .recruit-members__listItemTxtName .recruit-members__listItemTxtNameLabel {
    font-size: 1.4rem;
    margin-left: 8px;
  }
}
.recruit-members__list .recruit-members__listItem .recruit-members__listItemTxt .recruit-members__listItemTxtMessage {
  font-size: 1.6rem;
  line-height: 1.5;
}

.recruit-members__cloud {
  width: 100%;
  position: absolute;
  inset: 0;
  z-index: 5;
  pointer-events: none;
}
.recruit-members__cloud .recruit-members__cloudItem {
  position: absolute;
  z-index: 0;
}
.recruit-members__cloud .recruit-members__cloudItem:nth-child(1) {
  width: 397px;
  top: 23%;
  right: -5%;
}
@media (max-width: 768px) {
  .recruit-members__cloud .recruit-members__cloudItem:nth-child(1) {
    width: 20rem;
    top: 13%;
    right: -8%;
  }
}
.recruit-members__cloud .recruit-members__cloudItem:nth-child(2) {
  width: 452px;
  bottom: 0;
  transform: translateY(50%);
  left: -3%;
}
@media (max-width: 768px) {
  .recruit-members__cloud .recruit-members__cloudItem:nth-child(2) {
    width: 25rem;
    left: -20%;
  }
}

.recruit-career {
  width: 100%;
  padding-top: 120px;
  background: #ffffff;
  position: relative;
  background-image: url(../img/bg_pattern.svg);
  background-repeat: repeat;
}
.recruit-career .recruit-career__inner {
  width: 90%;
  max-width: 1280px;
  margin: 0 auto;
  position: relative;
  z-index: 100;
}

.recruit-career__title .recruit-career__titlePerson {
  position: absolute;
  bottom: 97%;
  width: 258px;
  height: auto;
  right: 4%;
}
@media screen and (max-width: 768px) {
  .recruit-career__title .recruit-career__titlePerson {
    width: 17.5rem;
  }
}
.recruit-career__title .recruit-career__titleTxt {
  width: 72%;
  max-width: 918px;
  margin: 0 0 0 auto;
}
@media screen and (max-width: 768px) {
  .recruit-career__title .recruit-career__titleTxt {
    width: 100%;
    max-width: 675px;
    font-size: 3.3rem;
    margin: 0 auto;
    line-height: 1.1;
  }
}
@media screen and (max-width: 768px) {
  .recruit-career__title .recruit-career__titleTxt::before, .recruit-career__title .recruit-career__titleTxt::after {
    width: 4.5rem;
    height: 9rem;
    border: solid 0.5rem #2C9D26;
  }
}
@media screen and (max-width: 768px) {
  .recruit-career__title .recruit-career__titleTxt::before {
    border-right: 0;
    border-radius: 9rem 0 0 9rem;
  }
}
@media screen and (max-width: 768px) {
  .recruit-career__title .recruit-career__titleTxt::after {
    border-left: 0;
    border-radius: 0 9rem 9rem 0;
  }
}

.recruit-career__deco01 {
  width: 86%;
  max-width: 1000px;
  margin: 0 auto;
  height: auto;
  pointer-events: none;
}

.recruit-career__lead {
  width: 90%;
  max-width: 1000px;
  margin: 0 auto 40px;
  background: #FFF4C6;
  border: solid 0.4rem #3D3D3D;
  box-shadow: 0 0.4rem 0 #3D3D3D;
  border-radius: 1rem;
  padding: 4rem;
  position: relative;
}
@media screen and (max-width: 768px) {
  .recruit-career__lead {
    padding: 2.4rem 1.5rem;
    margin: 0 auto 2.4rem;
  }
}
.recruit-career__lead::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%) translateY(120%);
  background: #C5C5C5;
  width: 0.4rem;
  height: 40px;
  z-index: 0;
}
@media screen and (max-width: 768px) {
  .recruit-career__lead::after {
    height: 2.4rem;
    transform: translateX(-50%) translateY(133%);
  }
}
.recruit-career__lead .recruit-career__leadTxt {
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 2;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .recruit-career__lead .recruit-career__leadTxt {
    font-size: 1.6rem;
    line-height: 1.6;
  }
}
.recruit-career__lead .recruit-career__leadTxt::before, .recruit-career__lead .recruit-career__leadTxt::after {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  height: 1.6rem;
  background: #FFE100;
  opacity: 0.3;
}
.recruit-career__lead .recruit-career__leadTxt::before {
  top: 0;
}
.recruit-career__lead .recruit-career__leadTxt::after {
  bottom: 0;
}

.recruit-career__start {
  width: 90%;
  max-width: 1000px;
  margin: 0 auto;
  margin-bottom: 4rem;
  background: #ffffff;
  border: solid 0.4rem #2C9D26;
  box-shadow: 0 0.4rem 0 #2C9D26;
  position: relative;
  padding: 4.4rem 4rem 2.4rem;
  border-radius: 1rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 4rem;
}
@media screen and (max-width: 768px) {
  .recruit-career__start {
    display: block;
    padding: 6rem 1.5rem 2rem;
    margin-bottom: 2.5rem;
  }
}
.recruit-career__start::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 24px;
  background: #2C9D26;
}
.recruit-career__start::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%) translateY(120%);
  background: #C5C5C5;
  width: 4px;
  height: 40px;
  z-index: 0;
}
.recruit-career__start .recruit-career__startLabel {
  font-size: 2.8rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  line-height: 1;
  color: #ffffff;
  position: absolute;
  top: 0;
  left: 0;
  background: #2C9D26;
  border-radius: 0 0 10px 0;
  padding: 1.6rem 3.6rem;
}
@media screen and (max-width: 768px) {
  .recruit-career__start .recruit-career__startLabel {
    font-size: 2.4rem;
    padding: 1rem 1.5rem;
  }
}
.recruit-career__start .recruit-career__startLeft {
  margin-top: 24px;
}
@media screen and (max-width: 768px) {
  .recruit-career__start .recruit-career__startLeft {
    margin-top: 0;
  }
}
.recruit-career__start .recruit-career__startLeft .recruit-career__startLeftHead {
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.02em;
  color: #2C9D26;
  background: linear-gradient(transparent 60%, #FEF175 0%);
  display: inline;
}
@media screen and (max-width: 768px) {
  .recruit-career__start .recruit-career__startLeft .recruit-career__startLeftHead {
    line-height: 1.6;
  }
}
.recruit-career__start .recruit-career__startLeft .recruit-career__startLeftTxt {
  font-size: 1.6rem;
  line-height: 1.6;
  margin-top: 1.6rem;
}
@media screen and (max-width: 768px) {
  .recruit-career__start .recruit-career__startLeft .recruit-career__startLeftTxt {
    margin-top: 1.4rem;
    margin-bottom: 2.4rem;
  }
}
.recruit-career__start .recruit-career__startRight {
  max-width: 320px;
  border-radius: 6px;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .recruit-career__start .recruit-career__startRight {
    width: 100%;
    max-width: none;
  }
}

.recruit-career__branch {
  position: relative;
  width: 100%;
  height: auto;
  margin: 0 auto;
  overflow: hidden;
}
.recruit-career__branch .recruit-career__branchTri {
  position: relative;
  width: 270px;
  height: auto;
  aspect-ratio: 540/300;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .recruit-career__branch .recruit-career__branchTri {
    width: 21.5rem;
  }
}
.recruit-career__branch .recruit-career__branchTri::before {
  content: "CAREERPATH CAREERPATH CAREERPATH CA";
  font-family: "Dela Gothic One", sans-serif;
  font-weight: 400;
  font-style: normal;
  line-height: 1;
  font-size: clamp(16px, 4.4444444444vw, 64px);
  line-height: 1;
  color: rgba(0, 0, 0, 0);
  -webkit-text-stroke: 2px #81E43A;
  position: absolute;
  top: 45%;
  left: 50%;
  transform: translate(-50%, -50%);
  place-items: center;
  pointer-events: none;
  white-space: nowrap;
}
@media screen and (max-width: 768px) {
  .recruit-career__branch .recruit-career__branchTri::before {
    content: "CAREERPATH";
    font-size: 4.3rem;
    -webkit-text-stroke: 0.05rem #81E43A;
  }
}
.recruit-career__branch .recruit-career__branchTri .recruit-career__branchImg {
  position: relative;
  z-index: 1;
}
.recruit-career__branch .recruit-career__branchTri .recruit-career__branchTxt {
  font-size: 1.6rem;
  font-weight: 700;
  text-align: center;
  position: absolute;
  top: 40%;
  left: 50%;
  transform: translate(-50%, -50%);
  white-space: nowrap;
  z-index: 2;
}
@media screen and (max-width: 768px) {
  .recruit-career__branch .recruit-career__branchTri .recruit-career__branchTxt {
    font-size: 1.4rem;
    line-height: 1.4;
  }
}
.recruit-career__branch .recruit-career__branchTri .recruit-career__branchTxt .recruit-career__branchTxtSpan {
  font-size: 2.4rem;
  font-weight: 900;
  line-height: 1;
  display: block;
}
@media screen and (max-width: 768px) {
  .recruit-career__branch .recruit-career__branchTri .recruit-career__branchTxt .recruit-career__branchTxtSpan {
    font-size: 1.6rem;
    line-height: 1.2;
  }
}
.recruit-career__branch .recruit-career__branchArrow {
  width: 628px;
  pointer-events: none;
  margin: -100px auto 0;
}
@media screen and (max-width: 768px) {
  .recruit-career__branch .recruit-career__branchArrow {
    display: none;
  }
}
.recruit-career__branch .recruit-career__branchEn {
  font-family: "Dela Gothic One", sans-serif;
  font-weight: 400;
  font-style: normal;
  line-height: 1;
  font-size: clamp(16px, 4.4444444444vw, 64px);
  line-height: 1;
  color: rgba(0, 0, 0, 0);
  -webkit-text-stroke: 2px #81E43A;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  white-space: nowrap;
  z-index: 0;
}

@media (max-width: 768px) {
  .career-slider {
    overflow: hidden;
  }
}
@media (max-width: 768px) {
  .career-slider .career-slider__viewport {
    padding: 0 2.5rem;
  }
}
.career-slider .career-slider__viewport .swiper {
  overflow: visible;
  margin-top: 1.6rem;
}

.recruit-career__list {
  width: 90%;
  max-width: 1000px;
  margin: 0 auto 64px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}
@media screen and (max-width: 768px) {
  .recruit-career__list {
    width: 100%;
    max-width: none;
    display: flex !important;
    width: auto;
    max-width: none;
    margin: 0;
    gap: 0;
    margin-bottom: 0.4rem;
  }
}
.recruit-career__list .recruit-career__listItem {
  border-radius: 1rem;
  overflow: hidden;
  border: solid 0.4rem #2C9D26;
  box-shadow: 0 0.4rem 0 #2C9D26;
  background: #2C9D26;
  display: flex;
  flex-direction: column;
}
@media screen and (max-width: 768px) {
  .recruit-career__list .recruit-career__listItem {
    width: 30rem;
  }
}
.recruit-career__list .recruit-career__listItem:nth-child(2) {
  border: solid 0.4rem #E44817;
  box-shadow: 0 0.4rem 0 #E44817;
  background: #E44817;
}
.recruit-career__list .recruit-career__listItem:nth-child(2) .recruit-career__listItemTitle {
  background: #E44817;
}
.recruit-career__list .recruit-career__listItem:nth-child(3) {
  border: solid 0.4rem #1A237E;
  box-shadow: 0 0.4rem 0 #1A237E;
  background: #1A237E;
}
.recruit-career__list .recruit-career__listItem:nth-child(3) .recruit-career__listItemTitle {
  background: #1A237E;
}
.recruit-career__list .recruit-career__listItem .recruit-career__listItemTitle {
  font-size: clamp(1.8rem, 1.6666666667vw, 2.4rem);
  font-weight: 700;
  line-height: 1;
  background: #2C9D26;
  color: #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding: 1.8rem 0;
  white-space: nowrap;
}
@media screen and (max-width: 768px) {
  .recruit-career__list .recruit-career__listItem .recruit-career__listItemTitle {
    padding: 0.6rem 0 1rem;
  }
}
.recruit-career__list .recruit-career__listItem .recruit-career__listItemContent {
  padding: 24px;
  background: #ffffff;
  flex: 1;
  display: flex;
  flex-direction: column;
}
@media screen and (max-width: 768px) {
  .recruit-career__list .recruit-career__listItem .recruit-career__listItemContent {
    padding: 1.6rem 1.5rem;
  }
}
.recruit-career__list .recruit-career__listItem .recruit-career__listItemContent .recruit-career__listItemContentImg {
  width: 100%;
  height: auto;
  border-radius: 6px;
  overflow: hidden;
  margin-bottom: 24px;
}
@media screen and (max-width: 768px) {
  .recruit-career__list .recruit-career__listItem .recruit-career__listItemContent .recruit-career__listItemContentImg {
    margin-bottom: 1.6rem;
  }
}
.recruit-career__list .recruit-career__listItem .recruit-career__listItemContent .recruit-career__listItemContentTxt {
  line-height: 1.8;
  text-align: left;
}
@media screen and (max-width: 768px) {
  .recruit-career__list .recruit-career__listItem .recruit-career__listItemContent .recruit-career__listItemContentTxt {
    font-size: 1.4rem;
    line-height: 1.6;
    min-height: 14rem;
  }
}

.recruit-career__deco02 {
  width: 287px;
  height: auto;
  margin-right: auto;
  margin-left: 80px;
}
@media screen and (max-width: 768px) {
  .recruit-career__deco02 {
    width: 15rem;
    margin-left: auto;
    margin-right: 3rem;
    margin-top: 2.5rem;
  }
}

.recruit-career__cloud {
  position: absolute;
  inset: 0;
  pointer-events: none;
}
.recruit-career__cloud .recruit-members__cloudItem {
  position: absolute;
  z-index: 4;
}
.recruit-career__cloud .recruit-members__cloudItem:nth-child(1) {
  width: 423px;
  top: 0;
  left: -6%;
  transform: rotate(180deg);
}
@media screen and (max-width: 768px) {
  .recruit-career__cloud .recruit-members__cloudItem:nth-child(1) {
    width: 20rem;
    left: -25%;
  }
}

.recruit-benefits {
  width: 100%;
  padding: 80px 0 120px;
  position: relative;
  background: rgba(228, 72, 23, 0.8);
  border-radius: 0 80px 0 80px;
}
@media screen and (max-width: 768px) {
  .recruit-benefits {
    border-radius: 0 4rem 0 4rem;
    padding: 7rem 0;
  }
}
.recruit-benefits::before {
  content: "";
  position: absolute;
  inset: 0;
  background: url("../img/bg_noise.png");
  background-repeat: no-repeat;
  background-size: contain;
  pointer-events: none;
  mix-blend-mode: overlay;
  border-radius: 0 80px 0 80px;
  width: 150%;
}
@media screen and (max-width: 768px) {
  .recruit-benefits::before {
    width: 300%;
    border-radius: 0 4rem 0 4rem;
  }
}
.recruit-benefits::after {
  content: "ENVIRONMENT";
  font-family: "Dela Gothic One", sans-serif;
  font-weight: 400;
  font-style: normal;
  line-height: 1;
  font-size: 72px;
  position: absolute;
  top: 54%;
  left: 0;
  transform: translateY(-50%);
  writing-mode: vertical-rl;
  text-orientation: mixed;
  color: transparent;
  -webkit-text-stroke: 2px #fff;
  white-space: nowrap;
  pointer-events: none;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .recruit-benefits::after {
    font-size: 3.6rem;
    -webkit-text-stroke: 0.1rem #fff;
    top: 0;
    transform: translateY(0);
  }
}
.recruit-benefits .recruit-benefits__inner {
  width: 90%;
  max-width: 1260px;
  margin: 0 auto;
  position: relative;
  z-index: 100;
}

.recruit-benefits__title .recruit-benefits__titlePerson {
  width: 300px;
  height: auto;
  position: absolute;
  left: 50%;
  bottom: 10%;
  transform: translateX(-50%);
}
@media screen and (max-width: 768px) {
  .recruit-benefits__title .recruit-benefits__titlePerson {
    width: 15rem;
    left: 0;
    bottom: 70%;
    transform: translateX(20%);
  }
}
.recruit-benefits__title .recruit-benefits__titleTxt {
  width: 91%;
  max-width: 1027px;
  margin: 0 auto 40px;
  background: #ffffff;
}
@media screen and (max-width: 768px) {
  .recruit-benefits__title .recruit-benefits__titleTxt {
    width: 100%;
    max-width: none;
    font-size: 3.1rem;
    line-height: 1.1;
  }
}
@media screen and (max-width: 768px) {
  .recruit-benefits__title .recruit-benefits__titleTxt::before, .recruit-benefits__title .recruit-benefits__titleTxt::after {
    width: 6.3rem;
    height: 12rem;
    border: solid 0.5rem #2C9D26;
  }
}
@media screen and (max-width: 768px) {
  .recruit-benefits__title .recruit-benefits__titleTxt::before {
    border-right: 0;
    border-radius: 12rem 0 0 12rem;
  }
}
@media screen and (max-width: 768px) {
  .recruit-benefits__title .recruit-benefits__titleTxt::after {
    border-left: 0;
    border-radius: 0 12rem 12rem 0;
  }
}

.recruit-benefits__txt {
  font-size: 18px;
  font-weight: 500;
  line-height: 2;
  text-align: center;
  color: #ffffff;
  margin-bottom: 50px;
}
@media screen and (max-width: 768px) {
  .recruit-benefits__txt {
    font-size: 1.6rem;
    line-height: 1.5;
    margin-bottom: 2.8rem;
  }
}

.recruit-benefits__list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}
@media screen and (max-width: 1024px) {
  .recruit-benefits__list {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media screen and (max-width: 768px) {
  .recruit-benefits__list {
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
  }
}
.recruit-benefits__list .recruit-benefits__listItem {
  background: #ffffff;
  border-radius: 1rem;
  border: solid 0.4rem #3D3D3D;
  box-shadow: 0 0.4rem 0 #3D3D3D;
  padding: 18px 20px 40px;
  display: flex;
  flex-direction: column;
  justify-content: start;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .recruit-benefits__list .recruit-benefits__listItem {
    grid-column: auto;
    padding: 2rem 1.4rem;
  }
}
@media screen and (max-width: 768px) {
  .recruit-benefits__list .recruit-benefits__listItem:nth-child(3), .recruit-benefits__list .recruit-benefits__listItem:nth-child(6), .recruit-benefits__list .recruit-benefits__listItem:nth-child(7), .recruit-benefits__list .recruit-benefits__listItem:nth-child(8) {
    grid-column: 1/-1;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }
}
@media screen and (max-width: 768px) {
  .recruit-benefits__list .recruit-benefits__listItem:nth-child(3) .recruit-benefits__listItemImg, .recruit-benefits__list .recruit-benefits__listItem:nth-child(6) .recruit-benefits__listItemImg, .recruit-benefits__list .recruit-benefits__listItem:nth-child(7) .recruit-benefits__listItemImg, .recruit-benefits__list .recruit-benefits__listItem:nth-child(8) .recruit-benefits__listItemImg {
    width: 18%;
    max-width: none;
    flex-shrink: 0;
  }
}
@media screen and (max-width: 768px) {
  .recruit-benefits__list .recruit-benefits__listItem:nth-child(3) .recruit-benefits__listItemContent, .recruit-benefits__list .recruit-benefits__listItem:nth-child(6) .recruit-benefits__listItemContent, .recruit-benefits__list .recruit-benefits__listItem:nth-child(7) .recruit-benefits__listItemContent, .recruit-benefits__list .recruit-benefits__listItem:nth-child(8) .recruit-benefits__listItemContent {
    text-align: left;
    width: 80%;
  }
}
.recruit-benefits__list .recruit-benefits__listItem .recruit-benefits__listItemImg {
  max-width: 100px;
  height: auto;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .recruit-benefits__list .recruit-benefits__listItem .recruit-benefits__listItemImg {
    width: 5rem;
    max-width: none;
  }
}
.recruit-benefits__list .recruit-benefits__listItem .recruit-benefits__listItemContent .recruit-benefits__listItemContentTitle {
  font-size: clamp(1.8rem, 1.9444444444vw, 2.8rem);
  line-height: 1.2;
  letter-spacing: 0.04em;
  color: #E44817;
  margin-bottom: 12px;
}
@media screen and (max-width: 768px) {
  .recruit-benefits__list .recruit-benefits__listItem .recruit-benefits__listItemContent .recruit-benefits__listItemContentTitle {
    white-space: nowrap;
  }
}
.recruit-benefits__list .recruit-benefits__listItem .recruit-benefits__listItemContent .recruit-benefits__listItemContentTxt {
  font-size: 1.4rem;
  line-height: 1.6;
}
@media screen and (max-width: 768px) {
  .recruit-benefits__list .recruit-benefits__listItem .recruit-benefits__listItemContent .recruit-benefits__listItemContentTxt {
    line-height: 1.4;
  }
}

.recruit-jobs {
  width: 100%;
  padding: 120px 0 165px;
  position: relative;
  background-image: url(../img/bg_pattern.svg);
  background-repeat: repeat;
  overflow-x: hidden;
}
@media screen and (max-width: 768px) {
  .recruit-jobs {
    padding: 7rem 0 8.6rem;
  }
}
.recruit-jobs .recruit-jobs__inner {
  width: 90%;
  max-width: 1000px;
  margin: 0 auto;
  position: relative;
  z-index: 100;
}

.recruit-jobs__title {
  position: relative;
}
.recruit-jobs__title .recruit-jobs__titleEn {
  font-family: "Dela Gothic One", sans-serif;
  font-weight: 400;
  font-style: normal;
  line-height: 1;
  font-size: clamp(3.1rem, 5vw, 7.2rem);
  color: rgba(0, 0, 0, 0);
  -webkit-text-stroke: 2px #81E43A;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%) translateY(-90%);
  pointer-events: none;
  white-space: nowrap;
}
@media screen and (max-width: 768px) {
  .recruit-jobs__title .recruit-jobs__titleEn {
    -webkit-text-stroke: 1px #81E43A;
  }
}
.recruit-jobs__title .recruit-jobs__titleTxt {
  max-width: 327px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .recruit-jobs__title .recruit-jobs__titleTxt {
    width: 20rem;
    max-width: none;
  }
}

.recruit-jobs__deco {
  width: 5.4rem;
  height: auto;
  margin-left: auto;
  margin-right: 3rem;
}
@media screen and (max-width: 768px) {
  .recruit-jobs__deco {
    width: 3.3rem;
    margin-right: 0.6rem;
  }
}

.recruit-jobs__table {
  position: relative;
  width: 100%;
  border: 0.2rem solid #3D3D3D;
  border-collapse: separate;
  overflow: hidden;
  border-spacing: 0;
  border-radius: 10px;
}
.recruit-jobs__table tr:last-child th,
.recruit-jobs__table tr:last-child td {
  border-bottom: none;
}
.recruit-jobs__table tr th,
.recruit-jobs__table tr td {
  vertical-align: middle;
  border-bottom: 0.2rem solid #3D3D3D;
}
@media (max-width: 768px) {
  .recruit-jobs__table tr th,
  .recruit-jobs__table tr td {
    display: block;
    width: 100%;
    border-right: none;
  }
}
.recruit-jobs__table tr th {
  width: 136px;
  font-size: 1.8rem;
  font-weight: 500;
  text-align: center;
  color: #ffffff;
  background: #2C9D26;
  border-right: 0.2rem solid #3D3D3D;
}
@media (max-width: 768px) {
  .recruit-jobs__table tr th {
    width: 100%;
    font-size: 1.6rem;
    text-align: left;
    padding: 1rem 1.4rem;
    border: none;
    border-bottom: solid 0.2rem #3D3D3D;
  }
}
.recruit-jobs__table tr td {
  text-align: left;
  background: #fff;
  padding: 1.4rem 2.4rem;
}
@media (max-width: 768px) {
  .recruit-jobs__table tr td {
    font-size: 1.4rem;
    line-height: 1.6;
    padding: 0.8rem 1.4rem;
  }
}
.recruit-jobs__table tr td p {
  background: #F1F1F1;
  padding: 1.6rem;
  border-radius: 6px;
  margin-top: 16px;
}
@media (max-width: 768px) {
  .recruit-jobs__table tr td p {
    border-radius: 4px;
    padding: 1.2rem;
    margin-top: 1.2rem;
  }
}
.recruit-jobs__table tr td p span {
  font-weight: 900;
  display: block;
}

.recruit-flow {
  width: 100%;
  background: #58C2FF;
  padding-top: 130px;
  padding-bottom: 13.8888888889vw;
  position: relative;
}
@media (max-width: 768px) {
  .recruit-flow {
    padding: 5rem 0 6rem;
  }
}
.recruit-flow::before {
  content: "";
  position: absolute;
  top: 1px;
  left: 50%;
  transform: translateX(-50%) translateY(-100%);
  width: 100%;
  aspect-ratio: 2880/102;
  background-image: url(../img/flow_bg.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center bottom;
  pointer-events: none;
}
@media (max-width: 768px) {
  .recruit-flow::before {
    background-image: url(../img/sp-flow_bg.png);
    aspect-ratio: 749/34;
  }
}
.recruit-flow .recruit-flow__inner {
  width: 90%;
  max-width: 1100px;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  gap: 100px;
}
@media (max-width: 768px) {
  .recruit-flow .recruit-flow__inner {
    display: block;
  }
}
.recruit-flow .recruit-flow__inner::before {
  content: "";
  position: absolute;
  inset: 0;
  background: url("../img/bg_noise.png");
  background-repeat: no-repeat;
  background-size: contain;
  pointer-events: none;
  mix-blend-mode: overlay;
  width: 150%;
}
@media (max-width: 768px) {
  .recruit-flow .recruit-flow__inner::before {
    width: 300%;
  }
}

.recruit-flow__title {
  width: 50%;
  max-width: 491px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
@media (max-width: 768px) {
  .recruit-flow__title {
    width: 24.6rem;
    max-width: none;
    display: block;
  }
}
.recruit-flow__title .recruit-flow__titleTxt {
  width: 80%;
  max-width: 385px;
  margin: 0 auto 4rem;
  transform: rotate(-7deg);
}
@media (max-width: 768px) {
  .recruit-flow__title .recruit-flow__titleTxt {
    width: 100%;
    max-width: none;
    margin: 0 auto 4rem;
  }
}
.recruit-flow__title .recruit-flow__titlePerson {
  max-width: 433px;
  height: auto;
}
@media (max-width: 768px) {
  .recruit-flow__title .recruit-flow__titlePerson {
    display: none;
  }
}

.recruit-flow__list {
  width: 50%;
  max-width: 500px;
}
@media (max-width: 768px) {
  .recruit-flow__list {
    width: 32rem;
    max-width: none;
    margin-left: auto;
  }
}
.recruit-flow__list .recruit-flow__listItem {
  position: relative;
  text-align: center;
  background: #ffffff;
  border: solid 0.4rem #3D3D3D;
  box-shadow: 0 0.4rem 0 #3D3D3D;
  border-radius: 1rem;
  min-height: 100px;
  display: flex;
  align-items: center;
  margin-bottom: 2.8rem;
}
@media (max-width: 768px) {
  .recruit-flow__list .recruit-flow__listItem {
    min-height: auto;
    padding: 2rem 2rem 2rem 4rem;
    margin-bottom: 1.4rem;
  }
}
.recruit-flow__list .recruit-flow__listItem::before {
  content: "1";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: #2C9D26;
  color: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-family: "Dela Gothic One", sans-serif;
  font-weight: 400;
  font-style: normal;
  line-height: 1;
  font-size: 28px;
  line-height: 1;
  font-weight: 700;
}
@media (max-width: 768px) {
  .recruit-flow__list .recruit-flow__listItem::before {
    width: 3.5rem;
    height: 3.5rem;
    font-size: 2.4rem;
  }
}
.recruit-flow__list .recruit-flow__listItem:nth-child(2)::before {
  content: "2";
}
.recruit-flow__list .recruit-flow__listItem:nth-child(3)::before {
  content: "3";
}
.recruit-flow__list .recruit-flow__listItem:nth-child(4)::before {
  content: "4";
}
.recruit-flow__list .recruit-flow__listItem:last-child {
  margin-bottom: 0;
}
.recruit-flow__list .recruit-flow__listItem .recruit-flow__listItemTxt {
  width: 100%;
  font-size: 2.4rem;
  line-height: 1.3;
  font-weight: 900;
  color: #2C9D26;
  text-align: center;
}
@media (max-width: 768px) {
  .recruit-flow__list .recruit-flow__listItem .recruit-flow__listItemTxt {
    font-size: 2rem;
    text-align: left;
    white-space: nowrap;
  }
}
.recruit-flow__list .recruit-flow__listItem .recruit-flow__listItemTxt .recruit-flow__listItemTxtSpan {
  display: block;
  font-size: 1.8rem;
}
@media (max-width: 768px) {
  .recruit-flow__list .recruit-flow__listItem .recruit-flow__listItemTxt .recruit-flow__listItemTxtSpan {
    display: inline;
    font-size: 1.6rem;
  }
}
.recruit-flow__list .recruit-flow__listItem .recruit-flow__listItemFukidashi {
  width: clamp(10rem, 9.7222222222vw, 14rem);
  position: absolute;
  right: 0;
  top: 0;
  transform: translateX(40%) translateY(-50%);
}
@media (max-width: 768px) {
  .recruit-flow__list .recruit-flow__listItem .recruit-flow__listItemFukidashi {
    width: 12.5rem;
    right: 0;
    top: 0;
    transform: translateX(0%) translateY(-55%);
  }
}

.recruit-flow__person {
  display: none;
}
@media (max-width: 768px) {
  .recruit-flow__person {
    display: block;
    width: 17.5rem;
    margin: 2.2rem auto 0;
  }
}

.recruit-sns {
  position: relative;
  width: 100%;
  padding: 0 0 160px;
  background: #ffffff;
  margin: 0 auto;
}
@media (max-width: 768px) {
  .recruit-sns {
    padding: 8rem 0 11rem;
  }
}
.recruit-sns::before {
  content: "";
  position: absolute;
  top: 1px;
  left: 50%;
  transform: translateX(-50%) translateY(-100%);
  width: 100%;
  aspect-ratio: 2880/248;
  background-image: url(../img/sns_bg.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center bottom;
  pointer-events: none;
}
.recruit-sns .recruit-sns__inner {
  width: 90%;
  max-width: 860px;
  margin: 1px auto 0;
  position: relative;
  z-index: 100;
}

.recruit-sns__title .recruit-sns__titleTxt {
  max-width: 850px;
  margin: 0 auto 44px;
}
@media screen and (max-width: 768px) {
  .recruit-sns__title .recruit-sns__titleTxt {
    width: 100%;
    max-width: none;
    line-height: 1.1;
  }
}
@media screen and (max-width: 768px) {
  .recruit-sns__title .recruit-sns__titleTxt::before, .recruit-sns__title .recruit-sns__titleTxt::after {
    width: 5rem;
    height: 9.5rem;
    border: solid 0.5rem #2C9D26;
  }
}
@media screen and (max-width: 768px) {
  .recruit-sns__title .recruit-sns__titleTxt::before {
    border-right: 0;
    border-radius: 9.5rem 0 0 9.5rem;
  }
}
@media screen and (max-width: 768px) {
  .recruit-sns__title .recruit-sns__titleTxt::after {
    border-left: 0;
    border-radius: 0 9.5rem 9.5rem 0;
  }
}

.recruit-sns__txt {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 2;
  text-align: center;
  margin-bottom: 40px;
}
@media (max-width: 768px) {
  .recruit-sns__txt {
    font-size: 1.6rem;
    line-height: 1.5;
    margin-bottom: 3.2rem;
  }
}

.recruit-sns__list {
  display: flex;
  justify-content: center;
  gap: 20px;
}
@media (max-width: 768px) {
  .recruit-sns__list {
    gap: 1rem;
  }
}
.recruit-sns__list .recruit-sns__listItem {
  border: solid 0.4rem #3D3D3D;
  box-shadow: 0 0.4rem 0 #3D3D3D;
  border-radius: 1rem;
  text-align: center;
  padding: clamp(10px, 2.6388888889vw, 38px);
}
@media (max-width: 768px) {
  .recruit-sns__list .recruit-sns__listItem {
    flex: 1;
    padding: 2rem 1rem;
  }
}
.recruit-sns__list .recruit-sns__listItem:nth-child(1) .recruit-sns__listItemTitle {
  font-size: 27px;
}
@media (max-width: 768px) {
  .recruit-sns__list .recruit-sns__listItem:nth-child(1) .recruit-sns__listItemTitle {
    font-size: 1.6rem;
    margin-bottom: 1.5rem;
  }
}
.recruit-sns__list .recruit-sns__listItem .recruit-sns__listItemTitle {
  font-family: "Dela Gothic One", sans-serif;
  font-weight: 400;
  font-style: normal;
  line-height: 1;
  font-size: 28px;
  line-height: 1;
  margin-bottom: 25px;
}
@media (max-width: 768px) {
  .recruit-sns__list .recruit-sns__listItem .recruit-sns__listItemTitle {
    font-size: 1.6rem;
    margin-bottom: 1.5rem;
  }
}
.recruit-sns__list .recruit-sns__listItem .recruit-sns__listItemIcon {
  width: clamp(4.7rem, 6.5277777778vw, 9.4rem);
  margin: 0 auto 25px;
}
@media (max-width: 768px) {
  .recruit-sns__list .recruit-sns__listItem .recruit-sns__listItemIcon {
    margin-bottom: 1.5rem;
  }
}
.recruit-sns__list .recruit-sns__listItem .recruit-sns__listItemId {
  font-size: 18px;
  font-weight: 700;
}
@media (max-width: 768px) {
  .recruit-sns__list .recruit-sns__listItem .recruit-sns__listItemId {
    font-size: 1.4rem;
  }
}

.recruit-cta {
  position: relative;
  width: 100%;
  padding: 120px 0;
  background: #FFE100;
}
@media (max-width: 1130px) {
  .recruit-cta {
    padding: 120px 0 220px;
  }
}
@media (max-width: 768px) {
  .recruit-cta {
    padding: 8rem 0 17.8rem;
  }
}
.recruit-cta::before {
  content: "";
  position: absolute;
  top: 1px;
  left: 50%;
  transform: translateX(-50%) translateY(-100%);
  width: 100%;
  aspect-ratio: 2878/208;
  background-image: url(../img/cta_bg.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center bottom;
  pointer-events: none;
}
@media (max-width: 768px) {
  .recruit-cta::before {
    width: 350%;
    left: 0;
    transform: translateY(-100%);
  }
}
.recruit-cta .recruit-cta__inner {
  width: 90%;
  max-width: 1200px;
  margin: 0 auto;
  position: relative;
  z-index: 100;
}

.recruit-cta__title .recruit-cta__titleTxt {
  max-width: 850px;
  margin: 0 auto 44px;
  background: #ffffff;
}
@media screen and (max-width: 768px) {
  .recruit-cta__title .recruit-cta__titleTxt {
    width: 100%;
    max-width: none;
    line-height: 1.1;
  }
}
@media screen and (max-width: 768px) {
  .recruit-cta__title .recruit-cta__titleTxt::before, .recruit-cta__title .recruit-cta__titleTxt::after {
    width: 5rem;
    height: 9.5rem;
    border: solid 0.5rem #2C9D26;
  }
}
@media screen and (max-width: 768px) {
  .recruit-cta__title .recruit-cta__titleTxt::before {
    border-right: 0;
    border-radius: 9.5rem 0 0 9.5rem;
  }
}
@media screen and (max-width: 768px) {
  .recruit-cta__title .recruit-cta__titleTxt::after {
    border-left: 0;
    border-radius: 0 9.5rem 9.5rem 0;
  }
}

.recruit-cta__txt {
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 2;
  text-align: center;
  margin-bottom: 40px;
}
@media (max-width: 768px) {
  .recruit-cta__txt {
    font-size: 1.6rem;
    line-height: 1.5;
    margin-bottom: 2.8rem;
  }
}

.recruit-cta__btn {
  position: relative;
  max-width: 740px;
  background: #E44817;
  border-radius: 24px;
  border: solid 8px #ffffff;
  box-shadow: 0 8px 0 #ffffff;
  margin: 0 auto;
  cursor: pointer;
}
.recruit-cta__btn:hover {
  opacity: 0.7;
}
@media (max-width: 768px) {
  .recruit-cta__btn {
    border: solid 0.5rem #ffffff;
    box-shadow: 0 0.5rem 0 #ffffff;
    border-radius: 1.6rem;
  }
}
.recruit-cta__btn::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 40px;
  transform: translateY(-50%);
  width: 72px;
  aspect-ratio: 1;
  background: url(../img/cta_icon02.png) no-repeat center/contain;
}
@media (max-width: 768px) {
  .recruit-cta__btn::after {
    width: 4rem;
    right: 2rem;
  }
}
.recruit-cta__btn .recruit-cta__btnLink {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 24px;
  font-family: "Dela Gothic One", sans-serif;
  font-weight: 400;
  font-style: normal;
  line-height: 1;
  font-size: 4rem;
  color: #ffffff;
  text-align: center;
  padding: 40px;
}
@media (max-width: 768px) {
  .recruit-cta__btn .recruit-cta__btnLink {
    font-size: 2.8rem;
    gap: 1rem;
    padding: 1.8rem 3.4rem 1.8rem 1.8rem;
  }
}
.recruit-cta__btn .recruit-cta__btnLink .recruit-cta__btnLinkIcon {
  display: flex;
  align-items: center;
  width: 72px;
  height: auto;
}
@media (max-width: 768px) {
  .recruit-cta__btn .recruit-cta__btnLink .recruit-cta__btnLinkIcon {
    width: 4.2rem;
  }
}

.recruit-cta__cloud {
  width: 100%;
  position: absolute;
  inset: 0;
  overflow: hidden;
  pointer-events: none;
}
.recruit-cta__cloud .recruit-cta__cloudItem {
  position: absolute;
}
.recruit-cta__cloud .recruit-cta__cloudItem:nth-child(1) {
  width: 382px;
  top: 5%;
  right: -8%;
  opacity: 0.5;
}
@media (max-width: 768px) {
  .recruit-cta__cloud .recruit-cta__cloudItem:nth-child(1) {
    width: 19rem;
    top: 2%;
    right: -21%;
  }
}
.recruit-cta__cloud .recruit-cta__cloudItem:nth-child(2) {
  width: 382px;
  top: 13%;
  right: -13%;
  transform: scaleX(-1) scaleY(-1);
}
@media (max-width: 768px) {
  .recruit-cta__cloud .recruit-cta__cloudItem:nth-child(2) {
    width: 19rem;
    top: 7%;
    right: -32%;
  }
}
.recruit-cta__cloud .recruit-cta__cloudItem:nth-child(3) {
  width: 382px;
  bottom: 21%;
  left: -15%;
}
@media (max-width: 768px) {
  .recruit-cta__cloud .recruit-cta__cloudItem:nth-child(3) {
    width: 19rem;
    bottom: 11%;
    left: -28%;
  }
}
.recruit-cta__cloud .recruit-cta__cloudItem:nth-child(4) {
  width: 382px;
  bottom: 8%;
  left: -6%;
  opacity: 0.5;
}
@media (max-width: 768px) {
  .recruit-cta__cloud .recruit-cta__cloudItem:nth-child(4) {
    width: 19rem;
    bottom: 5%;
    left: -10%;
  }
}

.recruit-footer {
  width: 100%;
  background: #F1F1F1;
}
@media (max-width: 768px) {
  .recruit-footer {
    padding: 4.8rem 0 0;
  }
}
.recruit-footer .recruit-footer__inner {
  width: 95%;
  max-width: 1260px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 40px 0;
  gap: 60px;
  position: relative;
  z-index: 100;
  margin: 0 auto;
}
@media (max-width: 768px) {
  .recruit-footer .recruit-footer__inner {
    width: 90%;
    margin: 0 auto;
    display: block;
    padding: 0;
  }
}
.recruit-footer .recruit-footer__inner .recruit-footer__info {
  width: 62%;
}
@media (max-width: 768px) {
  .recruit-footer .recruit-footer__inner .recruit-footer__info {
    width: 100%;
  }
}
.recruit-footer .recruit-footer__inner .recruit-footer__info .recruit-footer__leftLogo {
  max-width: 254px;
  margin-bottom: 20px;
}
@media (max-width: 768px) {
  .recruit-footer .recruit-footer__inner .recruit-footer__info .recruit-footer__leftLogo {
    width: 20rem;
    margin-bottom: 1.6rem;
  }
}
.recruit-footer .recruit-footer__inner .recruit-footer__info .recruit-footer__infoAddress {
  font-weight: 700;
  margin-bottom: 1.6rem;
}
.recruit-footer .recruit-footer__inner .recruit-footer__info .recruit-footer__infoAddress span {
  display: inline-block;
  margin-bottom: 8px;
}
@media (max-width: 768px) {
  .recruit-footer .recruit-footer__inner .recruit-footer__info .recruit-footer__infoAddress span {
    margin-bottom: 1.4rem;
  }
}
@media (max-width: 1000px) {
  .recruit-footer .recruit-footer__inner .recruit-footer__info .recruit-footer__infoAbout {
    margin-bottom: 3.2rem;
  }
}
.recruit-footer .recruit-footer__inner .recruit-footer__info .recruit-footer__infoAbout .recruit-footer__infoAboutRow {
  display: flex;
  align-items: flex-start;
  font-size: 1.4rem;
  line-height: 1.6;
}
@media (max-width: 1000px) {
  .recruit-footer .recruit-footer__inner .recruit-footer__info .recruit-footer__infoAbout .recruit-footer__infoAboutRow {
    display: block;
    line-height: 1.5;
  }
}
@media (max-width: 1000px) {
  .recruit-footer .recruit-footer__inner .recruit-footer__info .recruit-footer__infoAbout .recruit-footer__infoAboutRow:nth-child(1) {
    margin-bottom: 1.2rem;
  }
}
.recruit-footer .recruit-footer__inner .recruit-footer__info .recruit-footer__infoAbout .recruit-footer__infoAboutRow dt {
  width: 6em;
}
.recruit-footer .recruit-footer__inner .recruit-footer__info .recruit-footer__infoAbout .recruit-footer__infoAboutRow dd {
  margin: 0;
}
.recruit-footer .recruit-footer__inner .recruit-footer__map {
  width: 38%;
  max-width: 430px;
  border-radius: 10px;
  overflow: hidden;
  border: solid 4px #2C9D26;
  aspect-ratio: 430/256;
}
@media (max-width: 1000px) {
  .recruit-footer .recruit-footer__inner .recruit-footer__map {
    aspect-ratio: 1/1;
  }
}
@media (max-width: 768px) {
  .recruit-footer .recruit-footer__inner .recruit-footer__map {
    width: 100%;
    max-width: none;
    border: solid 0.2rem #2C9D26;
    aspect-ratio: 430/256;
  }
}
.recruit-footer .recruit-footer__inner .recruit-footer__map iframe {
  width: 100%;
  height: 100%;
  border: none;
}
.recruit-footer .recruit-footer__copyright {
  font-size: 1.4rem;
  line-height: 1;
  text-align: center;
  color: #8C8C8C;
  background: #3D3D3D;
  padding: 20px;
}
@media (max-width: 768px) {
  .recruit-footer .recruit-footer__copyright {
    font-size: 1rem;
    padding: 1.6rem 3.1rem;
    line-height: 1.2;
    margin-top: 4rem;
  }
}

.recruit-btn__top {
  width: 154px;
  height: auto;
  position: relative;
  position: absolute;
  bottom: 0;
  right: 20px;
  z-index: 888;
}
@media (max-width: 768px) {
  .recruit-btn__top {
    width: 11rem;
    right: -1rem;
  }
}
.recruit-btn__top .recruit-btn__topTxt {
  font-family: "Dela Gothic One", sans-serif;
  font-weight: 400;
  font-style: normal;
  line-height: 1;
  font-size: 18px;
  color: #2C9D26;
  text-align: center;
  position: absolute;
  top: 16%;
  left: 12%;
}
@media (max-width: 768px) {
  .recruit-btn__top .recruit-btn__topTxt {
    font-size: 1.4rem;
    top: 15%;
    left: 10%;
  }
}/*# sourceMappingURL=recruit.css.map */