@charset "UTF-8";
:root {
  --header-height: 0;
}

.about-history {
  position: relative;
}
.about-history__content {
  padding: 4.4rem 5.83rem;
  position: relative;
  width: 100%;
  z-index: 1;
}
.about-history__content > ul {
  display: flex;
  flex-direction: column;
  gap: 1.66rem;
}
.about-history__flex {
  display: flex;
}
.about-history__inner {
  background-color: rgb(242, 242, 242);
  padding-bottom: 11.78rem;
}
.about-history__item {
  display: flex;
}
.about-history__item > span {
  display: block;
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
  font-size: 0.95rem;
  font-weight: 500;
  line-height: 1.87;
}
.about-history__item > span:nth-child(1) {
  flex-shrink: 0;
  width: 13.45rem;
}
.about-history__item > span:nth-child(1) > span {
  opacity: 0;
  pointer-events: none;
}
.about-history__item > span:nth-child(2) {
  width: 100%;
}
.about-history__item > span > br.sp-only {
  display: none;
}
@media screen and (max-width: 767px) {
  .about-history__content {
    padding: 5.89rem 1.5rem;
  }
  .about-history__content > ul {
    gap: 1.66rem;
    width: fit-content;
    margin: 0 auto;
  }
  .about-history__flex {
    flex-direction: column;
    gap: 1.53rem;
  }
  .about-history__inner {
    padding-bottom: 5.89rem;
  }
  .about-history__item > span {
    font-size: 2.43rem;
  }
  .about-history__item > span:nth-child(1) {
    width: 21.02rem;
  }
  .about-history__item > span > br.sp-only {
    display: block;
  }
}

.about-message {
  letter-spacing: normal;
  position: relative;
}
.about-message__content {
  padding: 4.23rem 4.64rem;
  position: relative;
  width: 100%;
  z-index: 1;
}
.about-message__content-inner {
  position: relative;
}
.about-message__content-inner > p {
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
  font-size: 0.95rem;
  font-weight: 500;
  letter-spacing: 0.1em;
  line-height: 2.38;
  text-align: justify;
}
.about-message__content-inner > p + p {
  margin-top: 0;
}
.about-message__body-grid {
  margin-top: 0;
}
.about-message__intro-above-img {
  display: none;
}
.about-message__sp-float-img {
  display: none;
}
.about-message__columns-intro {
  display: none;
}
.about-message__columns-intro br.sp-only {
  display: none;
}
.about-message__columns {
  display: flex;
  gap: 2rem;
  margin-top: 0;
}
.about-message__left-col {
  display: flex;
  flex: 1;
  flex-direction: column;
  min-width: 0;
}
.about-message__left-col .about-message__sp-img {
  display: none;
}
.about-message__left-col p {
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
  font-size: 0.95rem;
  font-weight: 500;
  letter-spacing: 0.1em;
  line-height: 2.38;
  text-align: justify;
}
.about-message__left-col p + p {
  margin-top: 0.95rem;
}
.about-message__text-closing {
  margin-top: 1.31rem !important;
}
.about-message__right-col {
  display: flex;
  align-items: flex-end;
  flex-shrink: 0;
  width: 15.29rem;
}
.about-message__right-col img {
  aspect-ratio: 64/61;
  display: block;
  object-fit: cover;
  width: 100%;
}
.about-message__signature {
  align-self: flex-end;
  margin-top: auto;
}
.about-message__flex {
  align-items: flex-start;
  display: flex;
}
.about-message__inner {
  background-color: rgb(242, 242, 242);
  padding: 4.4rem 0 10.59rem;
}
@media screen and (max-width: 767px) {
  .about-message__content {
    padding: 7.69rem 3.07rem;
  }
  .about-message__content-inner > p {
    font-size: 2.12rem;
    letter-spacing: normal;
    line-height: 1.95;
  }
  .about-message__body-grid {
    display: block;
  }
  .about-message__intro-above-img {
    display: block;
    font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
    font-size: 2.12rem;
    font-weight: 500;
    line-height: 1.95;
    margin-bottom: 0;
    margin-top: 0;
    text-align: justify;
    text-align-last: left;
  }
  .about-message__sp-float-wrap::after {
    clear: both;
    content: "";
    display: table;
  }
  .about-message__sp-float-img {
    aspect-ratio: 18/17;
    display: block;
    float: right;
    height: auto;
    margin: 10px 0 0.8rem 1.2rem;
    object-fit: cover;
    width: 26%;
  }
  .about-message__columns-intro {
    display: block;
    font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
    font-size: 2.14rem;
    font-weight: 500;
    line-height: 1.95;
    margin-bottom: 0;
    margin-top: 0;
    text-align: justify;
    text-align-last: left;
  }
  .about-message__columns-intro br.sp-only {
    display: block;
  }
  .about-message__columns {
    display: contents;
  }
  .about-message__left-col {
    display: contents;
  }
  .about-message__left-col .about-message__sp-img {
    display: none;
  }
  .about-message__left-col p {
    font-size: 2.12rem;
    letter-spacing: normal;
    line-height: 1.95;
  }
  .about-message__left-col p + p {
    margin-top: 1.53rem;
  }
  .about-message__left-col p.about-message__signature {
    text-align: right;
  }
  .about-message__right-col {
    display: none;
  }
  .about-message__text-closing {
    margin-top: 1.95rem !important;
  }
  .about-message__text-pc {
    display: none;
  }
  .about-message__sp-float-wrap:has(.about-message__sp-float-img) .about-message__signature {
    padding-right: calc(26% + 1.35rem);
  }
  .about-message__signature {
    margin-top: 1.53rem;
    text-align: right;
    width: 100%;
  }
  .about-message__flex {
    flex-direction: column;
    gap: 1.79rem;
  }
  .about-message__inner {
    padding: 3.58rem 0 5.89rem;
  }
}

.about-nav {
  position: relative;
}
.about-nav__inner {
  background-color: rgb(255, 255, 255);
  border-color: rgb(0, 0, 0);
  border-style: solid;
  border-width: 0.06rem 0;
  padding: 2.21rem 0 2.14rem;
}
.about-nav__nav > ul {
  display: flex;
  justify-content: center;
  gap: 1.78rem;
}
.about-nav__nav-item > a {
  color: rgb(35, 35, 35);
  display: block;
  font-size: 1.48rem;
  font-weight: 700;
  letter-spacing: 0.2em;
  transition-duration: 0.3s;
  transition-timing-function: ease-in-out;
}
@media (any-hover: hover) {
  .about-nav__nav-item > a:hover {
    opacity: 0.7;
  }
}
@media screen and (max-width: 767px) {
  .about-nav__inner {
    border-width: 0.25rem 0;
    padding: 2.3rem 0 1.79rem;
  }
  .about-nav__nav > ul {
    gap: 3.58rem;
  }
  .about-nav__nav-item > a {
    font-size: 2.51rem;
  }
}

.about-policy {
  position: relative;
}
.about-policy__content {
  padding: 2.73rem 3.3rem;
  position: relative;
  width: 100%;
  z-index: 1;
}
.about-policy__content > h3 {
  font-family: "toppan-bunkyu-midashi-go-std", "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
  font-size: 2.67rem;
  font-weight: 900;
  left: 3.09rem;
  letter-spacing: 0.2em;
  padding: 0 0.59rem;
  position: absolute;
  top: -2.02rem;
  z-index: 1;
}
.about-policy__content > h3::before {
  background-color: rgb(255, 255, 255);
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 1.07rem;
  z-index: -1;
}
.about-policy__content > p {
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
  font-size: 0.95rem;
  font-weight: 500;
  letter-spacing: 0.1em;
  line-height: 2.81;
}
.about-policy__flex {
  align-items: flex-start;
  display: flex;
}
.about-policy__inner {
  background-color: rgb(242, 242, 242);
  padding-bottom: 11.78rem;
}
@media screen and (max-width: 767px) {
  .about-policy__content {
    padding: 1.53rem 2.3rem;
  }
  .about-policy__content > h3 {
    display: none;
  }
  .about-policy__content > p {
    font-size: 2.22rem;
    letter-spacing: normal;
    line-height: 2.07;
  }
  .about-policy__flex {
    flex-direction: column;
    gap: 1.28rem;
  }
  .about-policy__inner {
    padding-bottom: 10rem;
  }
}

.about-privacy {
  position: relative;
}
.about-privacy__contact > h3 {
  align-items: center;
  border: 0.1rem solid rgb(0, 0, 0);
  display: flex;
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
  font-size: 1.79rem;
  font-weight: 500;
  height: 5.63rem;
  justify-content: center;
  letter-spacing: 0.1em;
  margin-bottom: 2.38rem;
  width: 22.13rem;
}
.about-privacy__contact > p {
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
  font-size: 0.95rem;
  font-weight: 500;
  letter-spacing: 0.05em;
  line-height: 3;
}
.about-privacy__contact > p > br.sp-only {
  display: none;
}
.about-privacy__content {
  padding: 4.16rem 6.13rem 8.09rem;
  position: relative;
  width: 100%;
  z-index: 1;
}
.about-privacy__content > p {
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
  font-size: 0.95rem;
  font-weight: 500;
  letter-spacing: 0.05em;
  line-height: 3.43;
  margin-bottom: 2.61rem;
}
.about-privacy__content > p > br.sp-only {
  display: none;
}
.about-privacy__flex {
  display: flex;
}
.about-privacy__info {
  border: 0.06rem solid rgb(0, 0, 0);
  height: 35.07rem;
  margin-bottom: 5.11rem;
  overflow-y: scroll;
  padding: 3.69rem 3.39rem 3.69rem 5.08rem;
}
.about-privacy__info > h3 {
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
  font-size: 0.95rem;
  letter-spacing: 0.05em;
  line-height: 3;
}
.about-privacy__info > ul {
  display: flex;
  flex-direction: column;
  gap: 3.09rem;
}
.about-privacy__info-item > h4, .about-privacy__info-item > p {
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
  font-size: 0.95rem;
  font-weight: 500;
  line-height: 3;
}
.about-privacy__info-item > h4 {
  letter-spacing: 0.1em;
  position: relative;
}
.about-privacy__info-item > h4 > span {
  display: block;
  left: 0;
  position: absolute;
  top: 0;
  transform: translateX(-100%);
}
.about-privacy__info-item > p {
  letter-spacing: 0.05em;
}
.about-privacy__inner {
  background-color: rgb(242, 242, 242);
  padding-bottom: 12.26rem;
}
@media screen and (max-width: 767px) {
  .about-privacy__contact > h3 {
    border: 0.3rem solid rgb(0, 0, 0);
    font-size: 2.82rem;
    height: 7.43rem;
    margin: 0 0 2.05rem 2.3rem;
    width: 29.48rem;
  }
  .about-privacy__contact > p {
    font-size: 2.25rem;
    line-height: 2.05;
    padding-left: 6.15rem;
  }
  .about-privacy__contact > p > br.sp-only {
    display: inline;
  }
  .about-privacy__content {
    padding: 2.56rem 0.76rem;
  }
  .about-privacy__content > p {
    font-size: 2.3rem;
    line-height: 2.02;
    margin: 1.28rem 0 3.84rem;
    padding: 0 3.07rem;
  }
  .about-privacy__content > p > br.sp-only {
    display: inline;
  }
  .about-privacy__flex {
    flex-direction: column;
    gap: 2.56rem;
  }
  .about-privacy__info {
    border: 0.25rem solid rgb(0, 0, 0);
    height: 60.25rem;
    margin-bottom: 2.05rem;
    padding: 3.58rem 3.84rem 3.58rem 8.2rem;
  }
  .about-privacy__info > h3 {
    font-size: 2.25rem;
    line-height: 2.05;
    margin-left: -6.4rem;
  }
  .about-privacy__info > ul {
    gap: 3.07rem;
  }
  .about-privacy__info-item > h4, .about-privacy__info-item > p {
    font-size: 2.25rem;
    line-height: 2.05;
  }
  .about-privacy__info-item > p {
    letter-spacing: 0em;
  }
  .about-privacy__inner {
    padding-bottom: 3.84rem;
  }
}

.about-profile {
  position: relative;
}
.about-profile__content {
  padding: 3.92rem 4.16rem 9.64rem;
  position: relative;
  width: 100%;
  z-index: 1;
}
.about-profile__content > ul {
  display: flex;
  flex-direction: column;
  gap: 1.66rem;
}
.about-profile__flex {
  display: flex;
}
.about-profile__inner {
  background-color: rgb(242, 242, 242);
  padding-bottom: 11.54rem;
}
.about-profile__item {
  display: flex;
}
.about-profile__item > span {
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
  font-size: 0.95rem;
  font-weight: 500;
  letter-spacing: 0.1em;
  line-height: 1.78;
}
.about-profile__item > span:nth-child(1) {
  flex-shrink: 0;
  width: 8.21rem;
}
.about-profile__item > span:nth-child(2) {
  align-items: flex-start;
  display: flex;
  width: 100%;
}
.about-profile__item > span:nth-child(2) > a {
  display: inline-block;
  text-decoration: underline;
  transition-duration: 0.3s;
  transition-timing-function: ease-in-out;
}
@media (any-hover: hover) {
  .about-profile__item > span:nth-child(2) > a:hover {
    opacity: 0.7;
  }
}
.about-profile__item > span:nth-child(2) > img {
  display: inline-block;
  margin: 0.41rem 0 0 1.42rem;
  width: 0.95rem;
}
.about-profile__item > span:nth-child(2) > span:nth-child(1) {
  flex-shrink: 0;
  width: 22.5rem;
}
.about-profile__item > span:nth-child(2) > span:nth-child(2) {
  width: 100%;
}
@media screen and (max-width: 767px) {
  .about-profile__content {
    padding: 4.61rem 4.61rem 5.89rem 6.66rem;
  }
  .about-profile__content > ul {
    gap: 3.84rem;
  }
  .about-profile__flex {
    flex-direction: column;
    gap: 1.28rem;
  }
  .about-profile__inner {
    padding-bottom: 4.87rem;
  }
  .about-profile__item > span {
    font-size: 2.56rem;
    letter-spacing: normal;
  }
  .about-profile__item > span:nth-child(1) {
    width: 17.43rem;
  }
  .about-profile__item > span:nth-child(2) > img {
    margin: 1.28rem 0 0 0.76rem;
    width: 2.05rem;
  }
  .about-profile__item > span:nth-child(2) > span:nth-child(1) {
    width: 33.84rem;
  }
}

.bg-img {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

[class*=box-shadow] {
  background-color: rgb(255, 255, 255);
  border: 0.06rem solid rgb(0, 0, 0);
}
@media screen and (max-width: 767px) {
  [class*=box-shadow] {
    border: 0.25rem solid rgb(0, 0, 0);
  }
}

.box-shadow--obverse, .box-shadow--obverse-sp-reverse {
  box-shadow: 0.59rem 0.83rem 0 rgba(111, 111, 111, 0.5);
}
.box-shadow--reverse, .box-shadow--reverse-sp-reverse {
  box-shadow: -0.59rem 0.83rem 0 rgba(111, 111, 111, 0.5);
}

[class*=container] {
  margin: 0 auto;
  position: relative;
}
@media screen and (max-width: 767px) {
  [class*=container].sp-full {
    width: 100%;
  }
}

.container__55 {
  width: 55%;
}
.container__65 {
  width: 65%;
}
.container__70 {
  width: 70%;
}
.container__75 {
  width: 75%;
}
.container__80 {
  width: 80%;
}
.container__85 {
  width: 85%;
}
.container__92-5 {
  width: 92.5%;
}
.container__97-5 {
  width: 97.5%;
}
@media screen and (max-width: 767px) {
  .container__55 {
    width: 97.5%;
  }
  .container__65 {
    width: 97.5%;
  }
  .container__70 {
    width: 97.5%;
  }
  .container__75 {
    width: 97.5%;
  }
  .container__80 {
    width: 97.5%;
  }
  .container__85 {
    width: 97.5%;
  }
  .container__92-5 {
    width: 97.5%;
  }
  .container__97-5 {
    width: 99%;
  }
}

.contact-form {
  position: relative;
}
.contact-form__inner {
  padding: 3.09rem 0 5.83rem;
}
@media screen and (max-width: 767px) {
  .contact-form__inner {
    padding: 2.3rem 0 3.33rem;
  }
}

.contact-head {
  position: relative;
}
.contact-head__inner {
  background-color: rgb(255, 255, 255);
  border-color: rgb(35, 35, 35);
  border-style: solid;
  border-width: 0.06rem 0;
  box-shadow: 0 0.17rem 0.29rem rgba(0, 0, 0, 0.35);
  display: flex;
  justify-content: center;
  padding: 2.38rem 0 2.14rem;
}
.contact-head__item {
  font-family: "toppan-bunkyu-midashi-go-std", "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
  font-size: 1.19rem;
  font-weight: 900;
  letter-spacing: 0.2em;
  line-height: 1.75;
}
.contact-head__item > a {
  color: rgb(87, 140, 207);
  position: relative;
}
.contact-head__item > a::before {
  background-color: rgb(87, 140, 207);
  bottom: 0;
  content: "";
  height: 0.06rem;
  left: 0.11rem;
  position: absolute;
  right: 0.11rem;
}
@media screen and (max-width: 767px) {
  .contact-head__inner {
    border-width: 0.25rem 0;
    padding: 2.05rem 0 1.53rem;
  }
  .contact-head__item {
    font-size: 2.25rem;
    letter-spacing: normal;
  }
  .contact-head__item > a::before {
    content: none;
  }
}

.contact-sv {
  position: relative;
}
.contact-sv__inner {
  aspect-ratio: 105/38;
  background-image: url(../img/contact_sv_bg.jpg);
  width: 100%;
}
@media screen and (max-width: 767px) {
  .contact-sv__inner {
    aspect-ratio: 195/68;
  }
}

.cta {
  position: relative;
}
.cta__inner {
  background-color: rgb(255, 255, 255);
  padding: 4.1rem 0 5.83rem;
}
.cta__inner > ul {
  display: flex;
  gap: 9.88rem;
  justify-content: center;
}
.cta__item > a {
  align-items: center;
  background-color: rgb(97, 135, 255);
  border-radius: 3.86rem;
  color: rgb(255, 255, 255);
  display: flex;
  height: 7.91rem;
  justify-content: center;
  transition-duration: 0.3s;
  transition-timing-function: ease-in-out;
  width: 24.4rem;
}
@media (any-hover: hover) {
  .cta__item > a:hover {
    scale: 0.95;
  }
}
.cta__item--email > a {
  gap: 0.71rem;
}
.cta__item--phone > a {
  gap: 1.72rem;
}
.cta__item-left > img {
  display: block;
  width: 100%;
}
.cta__item-left--email {
  width: 5.47rem;
}
.cta__item-left--phone {
  width: 3.39rem;
}
.cta__item-right > span {
  display: block;
}
.cta__item-right > span:nth-child(1) {
  font-size: 1.15rem;
  margin-bottom: 0.83rem;
}
.cta__item-right > span:nth-child(2) {
  font-family: "toppan-bunkyu-midashi-go-std", "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
  font-size: 1.67rem;
  font-weight: 900;
}
.cta__title {
  margin: 0 18rem 3.75rem;
}
.cta__title > h2 {
  display: inline-block;
  font-size: 1.78rem;
  letter-spacing: 0.2em;
  padding: 0 0.96rem 0.47rem;
  position: relative;
}
.cta__title > h2::before {
  background-color: rgb(0, 0, 0);
  bottom: 0;
  content: "";
  height: 0.17rem;
  left: 0;
  position: absolute;
  right: 0;
}
@media screen and (max-width: 767px) {
  .cta__inner {
    padding: 3.58rem 0 4.61rem;
  }
  .cta__inner > ul {
    gap: 6.41rem;
  }
  .cta__item > a {
    border-radius: 5.12rem;
    height: 10.76rem;
    width: 37.94rem;
  }
  .cta__item--email > a {
    gap: 1.02rem;
  }
  .cta__item--phone > a {
    gap: 2.56rem;
  }
  .cta__item-left--email {
    width: 7.17rem;
  }
  .cta__item-left--phone {
    width: 4.1rem;
  }
  .cta__item-right > span:nth-child(1) {
    font-size: 2.05rem;
    margin-bottom: 1.28rem;
  }
  .cta__item-right > span:nth-child(2) {
    font-size: 2.56rem;
  }
  .cta__title {
    margin: 0 8.97rem 2.56rem;
  }
  .cta__title > h2 {
    font-size: 2.05rem;
    font-weight: 600;
    padding: 0 0.25rem 0.25rem;
  }
  .cta__title > h2::before {
    height: 0.25rem;
  }
}

.sv {
  position: relative;
}
.sv__bg-img {
  inset: 0;
  position: absolute;
}
.sv__bg-img--about {
  background-image: url(../img/about_sv_bg.jpg);
}
.sv__bg-img--recruit {
  background-image: url(../img/recruit_sv_bg.jpg);
}
.sv__bg-img--work {
  background-image: url(../img/work_sv_bg.jpg);
}
.sv__entry-button {
  align-items: center;
  background-color: rgba(255, 255, 255, 0.5);
  border: 0.41rem solid rgb(97, 135, 255);
  bottom: -4.76rem;
  box-shadow: 0.17rem 0.17rem 0.29rem rgba(0, 0, 0, 0.55);
  color: rgb(97, 135, 255);
  display: flex;
  font-size: 2rem;
  height: 6.63rem;
  justify-content: center;
  position: absolute;
  right: 3.8rem;
  transition-duration: 0.3s;
  transition-timing-function: ease-in-out;
  width: 22.66rem;
  z-index: 1;
}
@media (any-hover: hover) {
  .sv__entry-button:hover {
    background-color: rgb(243, 243, 243);
  }
}
.sv__entry-button > strong {
  font-family: "toppan-bunkyu-midashi-go-std", "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
  font-size: 2.34rem;
  font-weight: 900;
  letter-spacing: 0.2em;
}
.sv__fade-bg-img {
  inset: 0;
  opacity: 0;
  position: absolute;
}
.sv__fade-bg-img--service {
  animation: sv-fade-bg-img-service 16s ease-in-out both infinite;
}
.sv__fade-bg-img--service:nth-child(1) {
  animation-delay: 0s;
  background-image: url(../img/service_sv-1_bg.jpg);
}
.sv__fade-bg-img--service:nth-child(2) {
  animation-delay: 4s;
  background-image: url(../img/service_sv-2_bg.jpg);
}
.sv__fade-bg-img--service:nth-child(3) {
  animation-delay: 8s;
  background-image: url(../img/service_sv-3_bg.jpg);
}
.sv__fade-bg-img--service:nth-child(4) {
  animation-delay: 12s;
  background-image: url(../img/service_sv-4_bg.jpg);
}
.sv__inner {
  position: relative;
}
.sv__inner > h1 {
  align-items: center;
  background-color: rgb(255, 255, 255);
  border: 0.06rem solid rgb(0, 0, 0);
  box-shadow: -1.25rem 0.71rem 0 rgb(0, 0, 0);
  display: flex;
  font-family: "toppan-bunkyu-midashi-go-std", "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
  font-size: 3.57rem;
  font-weight: 900;
  height: 22.52rem;
  justify-content: center;
  letter-spacing: 0.2em;
  position: absolute;
  width: 6.51rem;
  writing-mode: vertical-rl;
}
.sv__inner--about > h1 {
  left: 14.88%;
  top: 18.58%;
}
.sv__inner--recruit > h1 {
  left: 6.3%;
  top: 23.31%;
}
.sv__inner--service > h1 {
  left: 4.76%;
  top: 17.06%;
}
.sv__inner--work > h1 {
  left: 15.59%;
  top: 22.47%;
}
@media screen and (max-width: 767px) {
  .sv__entry-button {
    border: 0.51rem solid rgb(97, 135, 255);
    bottom: -3.58rem;
    font-size: 2.28rem;
    height: 6.92rem;
    right: 3.07rem;
    width: 26.15rem;
  }
  .sv__entry-button > strong {
    font-size: 2.67rem;
  }
  .sv__inner > h1 {
    border: 0.25rem solid rgb(0, 0, 0);
    font-size: 4.1rem;
    height: 23.07rem;
    width: 6.92rem;
  }
  .sv__inner--about > h1 {
    left: 12.82%;
    top: 18.08%;
  }
  .sv__inner--recruit > h1 {
    left: 5.89%;
    top: 22.22%;
  }
  .sv__inner--service > h1 {
    left: 4.35%;
    top: 16.66%;
  }
  .sv__inner--work > h1 {
    left: 15.12%;
    top: 23.33%;
  }
}

.entry-form {
  position: relative;
}
.entry-form__inner {
  padding: 2.85rem 0 6.19rem;
}
@media screen and (max-width: 767px) {
  .entry-form__inner {
    padding: 3.58rem 0 5.89rem;
  }
}

.entry-sv {
  position: relative;
}
.entry-sv__inner {
  aspect-ratio: 105/38;
  background-image: url(../img/entry_sv_bg.jpg);
  width: 100%;
}
@media screen and (max-width: 767px) {
  .entry-sv__inner {
    aspect-ratio: 39/14;
  }
}

.form {
  position: relative;
}
.form__first-column {
  align-items: center;
  background-color: rgb(204, 204, 204);
  display: flex;
  flex-shrink: 0;
  justify-content: center;
  width: 7.02rem;
}
.form__first-column > span {
  color: rgb(255, 0, 0);
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
  font-size: 1.78rem;
  font-weight: 700;
}
.form__second-column {
  align-items: center;
  background-color: rgb(221, 221, 221);
  display: flex;
  flex-shrink: 0;
  padding: 0 1.42rem;
  width: 22.38rem;
}
.form__second-column > span {
  font-size: 1.19rem;
  font-weight: 700;
  letter-spacing: 0.2em;
}
.form__row {
  display: flex;
  gap: 0.23rem;
  width: 100%;
}
.form__submit input {
  background-color: rgb(97, 135, 255);
  color: rgb(255, 255, 255);
  display: block;
  font-size: 1.42rem;
  font-weight: 700;
  height: 4.16rem;
  letter-spacing: 0.1em;
  margin: 0 auto;
  text-align: center;
  transition-duration: 0.3s;
  transition-timing-function: ease-in-out;
  width: 16.07rem;
}
@media (any-hover: hover) {
  .form__submit input:hover {
    scale: 1.05;
  }
}
.form__table {
  display: flex;
  flex-direction: column;
  gap: 0.23rem;
  margin-bottom: 4.28rem;
}
.form__table .sp-only {
  display: none;
}
.form__third-column {
  background-color: rgb(243, 243, 243);
  display: flex;
  flex-direction: column;
  font-weight: 700;
  gap: 0.35rem;
  letter-spacing: 0.2em;
  padding: 0.47rem 1.07rem 0.59rem;
  width: 100%;
}
.form__third-column > span {
  color: rgb(255, 0, 0);
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
  font-size: 0.95rem;
}
.form__third-column-input {
  align-items: center;
  display: flex;
  gap: 1.66rem;
}
.form__third-column-input > span {
  display: block;
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
  font-size: 1.19rem;
}
.form__third-column-input input, .form__third-column-input select, .form__third-column-input textarea {
  background-color: rgb(255, 255, 255);
  border: 0.06rem solid rgb(0, 0, 0);
  border-radius: 0.29rem;
  font-size: 1.19rem;
  padding: 0.62rem;
}
.form__third-column-input textarea {
  height: 18.33rem;
}
.form__third-column-input--radio .wpcf7-list-item {
  font-size: 1.03rem;
  margin-left: 0;
}
.form__third-column-input--radio .wpcf7-list-item:not(:last-child) {
  margin-right: 1.42rem;
}
.form__third-column-input--radio .wpcf7-list-item-label::before {
  content: none;
}
.form__third-column-input--radio input {
  height: 0.95rem;
  margin: -0.29rem 0.29rem 0 0;
  width: 0.95rem;
}
.form__third-column-input--select .wpcf7-form-control-wrap {
  position: relative;
}
.form__third-column-input--select .wpcf7-form-control-wrap::before {
  border-color: rgb(0, 0, 0);
  border-style: solid;
  border-width: 0 0.06rem 0.06rem 0;
  content: "";
  height: 0.95rem;
  pointer-events: none;
  position: absolute;
  right: 0.85rem;
  rotate: 45deg;
  top: 50%;
  translate: 0 -75%;
  width: 0.95rem;
}
.form__third-column-input--width-xs input, .form__third-column-input--width-xs select, .form__third-column-input--width-xs textarea {
  width: 12.38rem;
}
.form__third-column-input--width-s input, .form__third-column-input--width-s select, .form__third-column-input--width-s textarea {
  width: 16.78rem;
}
.form__third-column-input--width-m input, .form__third-column-input--width-m select, .form__third-column-input--width-m textarea {
  width: 21.54rem;
}
.form__third-column-input--width-l input, .form__third-column-input--width-l select, .form__third-column-input--width-l textarea {
  width: 25.83rem;
}
.form__third-column-input--width-xl input, .form__third-column-input--width-xl select, .form__third-column-input--width-xl textarea {
  width: 36.54rem;
}
@media screen and (max-width: 767px) {
  .form__first-column {
    width: 9.74rem;
  }
  .form__first-column > span {
    font-size: 2.91rem;
  }
  .form__second-column {
    padding: 0 1.53rem;
    width: 31.28rem;
  }
  .form__second-column > span {
    font-size: 2.56rem;
    letter-spacing: 0.1em;
  }
  .form__row {
    gap: 0.76rem;
  }
  .form__submit input {
    font-size: 3.55rem;
    height: 8.2rem;
    width: 27.69rem;
  }
  .form__table {
    gap: 0.76rem;
    margin-bottom: 4.1rem;
  }
  .form__third-column {
    gap: 1.02rem;
    padding: 1.79rem 1.53rem 2.56rem;
  }
  .form__third-column > span {
    font-size: 1.64rem;
  }
  .form__third-column-input {
    gap: 1.79rem;
  }
  .form__third-column-input > span {
    font-size: 2.05rem;
    letter-spacing: 0.1em;
  }
  .form__third-column-input input, .form__third-column-input select, .form__third-column-input textarea {
    border: 0.25rem solid rgb(0, 0, 0);
    border-radius: 0.51rem;
    font-size: 1.64rem;
    padding: 0.84rem;
  }
  .form__third-column-input textarea {
    height: 23.33rem;
  }
  .form__third-column-input--radio .wpcf7-list-item {
    font-size: 2.68rem;
  }
  .form__third-column-input--radio .wpcf7-list-item:not(:last-child) {
    margin-right: 3.58rem;
  }
  .form__third-column-input--radio input {
    height: 2.56rem;
    margin: -0.51rem 0.51rem 0 0;
    width: 2.56rem;
  }
  .form__third-column-input--select .wpcf7-form-control-wrap::before {
    border-width: 0 0.25rem 0.25rem 0;
    height: 1.28rem;
    right: 2.05rem;
    width: 1.28rem;
  }
  .form__third-column-input--width-xs input, .form__third-column-input--width-xs select, .form__third-column-input--width-xs textarea {
    width: 16.41rem;
  }
  .form__third-column-input--width-s input, .form__third-column-input--width-s select, .form__third-column-input--width-s textarea {
    width: 22.05rem;
  }
  .form__third-column-input--width-m input, .form__third-column-input--width-m select, .form__third-column-input--width-m textarea {
    width: 28.2rem;
  }
  .form__third-column-input--width-l input, .form__third-column-input--width-l select, .form__third-column-input--width-l textarea {
    width: 33.84rem;
  }
  .form__third-column-input--width-xl input, .form__third-column-input--width-xl select, .form__third-column-input--width-xl textarea {
    width: 47.69rem;
  }
}

.wpcf7-not-valid-tip {
  color: rgb(255, 0, 0);
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
  font-size: 0.95rem;
  margin-top: 0.35rem;
}
@media screen and (max-width: 767px) {
  .wpcf7-not-valid-tip {
    font-size: 1.64rem;
    margin-top: 1.02rem;
  }
}

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

.home-fv {
  position: relative;
}
.home-fv__button {
  align-items: center;
  bottom: -3.57rem;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  position: absolute;
  right: 3.21rem;
  transition-duration: 0.3s;
  transition-timing-function: ease-in-out;
  z-index: 10;
}
@media (any-hover: hover) {
  .home-fv__button:hover {
    scale: 1.05;
  }
}
.home-fv__button::after {
  animation: home-fv-button 2s ease-in-out infinite;
  background: linear-gradient(to right, transparent, rgba(255, 255, 255, 0.9));
  content: "";
  height: 2rem;
  left: -2rem;
  position: absolute;
  rotate: 45deg;
  top: -2rem;
  width: 2rem;
}
.home-fv__button > span {
  align-items: center;
  display: flex;
  justify-content: center;
}
.home-fv__button > span:nth-child(1) {
  background-color: rgb(97, 135, 255);
  box-shadow: 0 0.17rem 0.29rem rgba(0, 0, 0, 0.35);
  color: rgb(255, 255, 255);
  display: flex;
  font-size: 1.08rem;
  gap: 1.78rem;
  height: 4.34rem;
  width: 20.89rem;
}
.home-fv__button > span:nth-child(1) > strong {
  font-family: "toppan-bunkyu-midashi-go-std", "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
  font-size: 1.26rem;
  font-weight: 900;
  letter-spacing: 0.1em;
}
.home-fv__button > span:nth-child(2) {
  background-color: rgb(255, 255, 255);
  border: 0.35rem solid rgb(97, 135, 255);
  border-radius: 1.42rem;
  color: rgb(97, 135, 255);
  font-family: "toppan-bunkyu-midashi-go-std", "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
  font-size: 0.95rem;
  font-weight: 900;
  height: 2.61rem;
  letter-spacing: 0.1em;
  margin-top: -1.19rem;
  width: 17.73rem;
}
.home-fv__inner {
  position: relative;
}
.home-fv__inner > video {
  display: block;
  height: 100%;
  object-fit: cover;
  position: absolute;
  width: 100%;
}
@media screen and (min-width: 768px) and (max-width: 1030px) {
  .home-fv__inner {
    height: 60vh;
    max-height: 60rem;
  }
  .home-fv__inner > video {
    object-fit: cover;
    object-position: center top;
    height: 100%;
  }
}
@media screen and (max-width: 1030px) {
  .home-fv__button {
    bottom: -5.38rem;
    right: 2.82rem;
  }
  .home-fv__button > span:nth-child(1) {
    font-size: 1.77rem;
    gap: 2.82rem;
    height: 7.17rem;
    width: 34.61rem;
  }
  .home-fv__button > span:nth-child(1) > strong {
    font-size: 2.07rem;
  }
  .home-fv__button > span:nth-child(2) {
    border: 0.51rem solid rgb(97, 135, 255);
    font-size: 1.28rem;
    height: 3.84rem;
    margin-top: -1.79rem;
    width: 29.23rem;
  }
}

.home-intro {
  position: relative;
}
.home-intro__inner {
  background-color: rgb(242, 242, 242);
  display: flex;
  flex-direction: column;
  gap: 11.42rem;
  padding: 3.33rem 0 9.76rem;
}
.home-intro__main-item--obverse {
  padding-left: 2.85rem;
}
.home-intro__main-item--reverse {
  padding-right: 2.85rem;
}
.home-intro__main-item-inner {
  border-radius: 1.78rem;
  display: flex;
  gap: 3.33rem;
  padding: 4.64rem 4.1rem 3.57rem;
}
.home-intro__main-item-inner--reverse {
  flex-direction: row-reverse;
}
.home-intro__main-item-left {
  padding-top: 8.33rem;
  position: relative;
  width: 100%;
}
.home-intro__main-item-left > a {
  align-items: center;
  background-color: rgb(255, 255, 255);
  border: 0.06rem solid rgb(0, 0, 0);
  display: flex;
  font-family: "toppan-bunkyu-midashi-go-std", "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
  font-size: 1.01rem;
  font-weight: 900;
  justify-content: center;
  height: 4.52rem;
  position: relative;
  width: 13.82rem;
}
@media (any-hover: hover) {
  .home-intro__main-item-left > a:hover::before {
    translate: -50% -50%;
  }
}
.home-intro__main-item-left > a::before {
  background-color: rgb(0, 0, 0);
  content: "";
  height: 0.06rem;
  left: 100%;
  pointer-events: none;
  position: absolute;
  top: 50%;
  transition-duration: 0.3s;
  transition-timing-function: ease-in-out;
  translate: -60% -50%;
  width: 5.23rem;
}
.home-intro__main-item-left > h2 {
  align-items: center;
  background-color: rgb(255, 255, 255);
  border: 0.06rem solid rgb(0, 0, 0);
  display: flex;
  font-family: "dela-gothic-one", "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
  font-size: 2.54rem;
  height: 6.42rem;
  justify-content: center;
  letter-spacing: 0.2em;
  position: absolute;
  top: -1.78rem;
  width: 20.35rem;
}
.home-intro__main-item-left > h2::after, .home-intro__main-item-left > h2::before {
  content: "";
  position: absolute;
  top: calc(100% + 0.06rem);
}
.home-intro__main-item-left > h2::after {
  background-color: rgb(183, 183, 183);
  height: 0.65rem;
  width: 2.61rem;
}
.home-intro__main-item-left > h2::before {
  background-color: rgb(0, 0, 0);
  height: 0.71rem;
  width: 2.79rem;
}
.home-intro__main-item-left > p {
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
  font-size: 1.01rem;
  font-weight: 700;
  line-height: 2.25;
  margin-bottom: 3.57rem;
  white-space: nowrap;
}
.home-intro__main-item-left--obverse > h2 {
  left: calc(0% - 4.1rem - 2.85rem);
}
.home-intro__main-item-left--obverse > h2::after, .home-intro__main-item-left--obverse > h2::before {
  clip-path: polygon(0% 0%, 100% 0%, 100% 100%);
}
.home-intro__main-item-left--obverse > h2::after {
  left: 0.12rem;
}
.home-intro__main-item-left--obverse > h2::before {
  left: 0;
}
.home-intro__main-item-left--reverse > h2 {
  right: calc(0% - 4.1rem - 2.85rem);
}
.home-intro__main-item-left--reverse > h2::after, .home-intro__main-item-left--reverse > h2::before {
  clip-path: polygon(0% 0%, 100% 0%, 0% 100%);
}
.home-intro__main-item-left--reverse > h2::after {
  right: 0.12rem;
}
.home-intro__main-item-left--reverse > h2::before {
  right: 0;
}
.home-intro__main-item-right {
  aspect-ratio: 367/259;
  flex-shrink: 0;
  overflow: hidden;
  width: 43.69rem;
}
.home-intro__main-item-right > img {
  height: 100%;
  display: block;
  object-fit: cover;
  width: 100%;
}
.home-intro__main-item-slider-item {
  height: 100%;
  width: 12.5%;
}
.home-intro__main-item-slider-item > img {
  display: block;
  height: 100%;
  object-fit: cover;
  width: 100%;
}
.home-intro__main-item-slider-list {
  animation: home-intro-main-item-slider 12s ease-in-out infinite;
  display: flex;
  height: 100%;
  width: 800%;
}
.home-intro__main-list {
  display: flex;
  flex-direction: column;
  gap: 9.52rem;
}
.home-intro__sub-item {
  border-radius: 1.78rem;
  flex: 1;
  padding: 2.97rem 3.98rem 3.45rem 3.39rem;
  position: relative;
}
.home-intro__sub-item > h2 {
  align-items: center;
  background-color: rgb(255, 255, 255);
  border: 0.06rem solid rgb(0, 0, 0);
  display: flex;
  font-size: 2.54rem;
  font-weight: 900;
  height: 5.48rem;
  justify-content: center;
  letter-spacing: 0.2em;
  position: absolute;
  right: -2.5rem;
  top: -1.36rem;
  width: 17.44rem;
  z-index: 1;
}
.home-intro__sub-item > h2::after, .home-intro__sub-item > h2::before {
  clip-path: polygon(0% 0%, 100% 0%, 0% 100%);
  content: "";
  position: absolute;
  top: calc(100% + 0.06rem);
}
.home-intro__sub-item > h2::after {
  background-color: rgb(183, 183, 183);
  height: 0.53rem;
  right: 0.12rem;
  width: 2.26rem;
}
.home-intro__sub-item > h2::before {
  background-color: rgb(0, 0, 0);
  height: 0.65rem;
  right: 0;
  width: 2.44rem;
}
.home-intro__sub-item:nth-child(1) > h2 {
  font-family: "dela-gothic-one", "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
  font-weight: 400;
}
.home-intro__sub-item-inner {
  position: relative;
}
.home-intro__sub-item-inner > a {
  align-items: center;
  background-color: rgb(255, 255, 255);
  border: 0.06rem solid rgb(0, 0, 0);
  bottom: -1.3rem;
  display: flex;
  font-family: "toppan-bunkyu-midashi-go-std", "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
  font-size: 0.77rem;
  font-weight: 900;
  justify-content: center;
  height: 3.04rem;
  position: absolute;
  right: -2.02rem;
  width: 12.06rem;
}
@media (any-hover: hover) {
  .home-intro__sub-item-inner > a:hover::before {
    translate: -30% -50%;
  }
}
.home-intro__sub-item-inner > a::before {
  background-color: rgb(0, 0, 0);
  content: "";
  height: 0.06rem;
  left: 100%;
  pointer-events: none;
  position: absolute;
  top: 50%;
  translate: -40% -50%;
  transition-duration: 0.3s;
  transition-timing-function: ease-in-out;
  width: 5.23rem;
}
.home-intro__sub-item-inner > img {
  aspect-ratio: 282/127;
  display: block;
  object-fit: cover;
  width: 100%;
}
.home-intro__sub-list {
  display: flex;
  gap: 6.54rem;
}
@media screen and (max-width: 767px) {
  .home-intro__inner {
    gap: 6.15rem;
    padding: 4.35rem 0 4.61rem;
  }
  .home-intro__main-item--obverse {
    padding-left: 3.84rem;
  }
  .home-intro__main-item--reverse {
    padding-right: 3.84rem;
  }
  .home-intro__main-item-inner {
    align-items: flex-start;
    border-radius: 2.05rem;
    gap: 1.53rem;
    padding: 4.1rem 1.53rem 6.41rem;
  }
  .home-intro__main-item-left {
    padding-top: 10.25rem;
  }
  .home-intro__main-item-left > a {
    border: 0.25rem solid rgb(0, 0, 0);
    font-size: 2.05rem;
    height: 5.89rem;
    justify-content: flex-start;
    margin: 0 auto;
    padding: 0 1.79rem;
    width: 18.2rem;
  }
  .home-intro__main-item-left > a::before {
    height: 0.25rem;
    width: 6.92rem;
  }
  .home-intro__main-item-left > h2 {
    border: 0.25rem solid rgb(0, 0, 0);
    font-size: 4.02rem;
    height: 8.46rem;
    top: 0;
    width: 26.66rem;
  }
  .home-intro__main-item-left > h2::after, .home-intro__main-item-left > h2::before {
    top: calc(100% + 0.2rem);
  }
  .home-intro__main-item-left > h2::after {
    height: 0.77rem;
    width: 2.965rem;
  }
  .home-intro__main-item-left > h2::before {
    height: 1.02rem;
    width: 3.59rem;
  }
  .home-intro__main-item-left > p {
    font-size: 1.85rem;
    margin: 2.5rem auto;
    width: fit-content;
  }
  .home-intro__main-item-left--obverse > h2 {
    left: calc(0% - 1.53rem - 3.84rem);
  }
  .home-intro__main-item-left--obverse > h2::after {
    left: 0.5rem;
  }
  .home-intro__main-item-left--reverse > h2 {
    right: calc(0% - 1.53rem - 3.84rem);
  }
  .home-intro__main-item-left--reverse > h2::after {
    right: 0.5rem;
  }
  .home-intro__main-item-right {
    width: 57.17rem;
  }
  .home-intro__main-list {
    gap: 4.61rem;
  }
  .home-intro__sub-item {
    border-radius: 2.05rem;
    padding: 3.84rem 4.1rem;
  }
  .home-intro__sub-item > h2 {
    border: 0.25rem solid rgb(0, 0, 0);
    font-size: 3.07rem;
    height: 6.41rem;
    right: -2.56rem;
    top: -1.53rem;
    width: 20.25rem;
  }
  .home-intro__sub-item > h2::after, .home-intro__sub-item > h2::before {
    top: calc(100% + 0.1666666667rem);
  }
  .home-intro__sub-item > h2::after {
    height: 0.76rem;
    right: 0.25rem;
    width: 1.8725rem;
  }
  .home-intro__sub-item > h2::before {
    height: 1.01rem;
    width: 2.31rem;
  }
  .home-intro__sub-item-inner > a {
    border: 0.25rem solid rgb(0, 0, 0);
    bottom: -1.53rem;
    font-size: 1.66rem;
    height: 3.58rem;
    justify-content: flex-start;
    padding: 0 1.28rem;
    right: -3.07rem;
    width: 14.1rem;
  }
  .home-intro__sub-item-inner > a::before {
    height: 0.25rem;
    width: 6.15rem;
  }
  .home-intro__sub-list {
    gap: 5.38rem;
    padding-right: 2.56rem;
  }
}

.home-news {
  position: relative;
}
.home-news__flex {
  align-items: center;
  display: flex;
  gap: 4.4rem;
  justify-content: space-between;
}
.home-news__inner {
  background-color: rgb(255, 255, 255);
  box-shadow: 0 0 0.89rem rgba(0, 0, 0, 0.9);
  margin: 8.92rem 0 5.23rem;
  padding: 6.42rem 0 6.78rem;
  position: relative;
}
.home-news__item {
  display: flex;
}
.home-news__item-button {
  align-items: center;
  background: none;
  border: none;
  cursor: pointer;
  display: flex;
  padding: 0;
  text-align: left;
  width: 100%;
}
.home-news__item-button > h3, .home-news__item-button > span, .home-news__item-text > h3, .home-news__item-text > span {
  font-family: "toppan-bunkyu-midashi-go-std", "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
  font-size: 1.3rem;
  font-weight: 900;
  letter-spacing: 0.1em;
}
.home-news__item-button > span, .home-news__item-text > span {
  flex-shrink: 0;
  width: 13.09rem;
}
.home-news__item-text {
  display: flex;
  align-items: center;
  width: 100%;
}
.home-news__item-modal {
  align-items: center;
  background-color: rgba(0, 0, 0, 0.35);
  bottom: 0;
  display: flex;
  justify-content: center;
  left: 0;
  opacity: 0;
  pointer-events: none;
  position: fixed;
  right: 0;
  top: 0;
  transition-duration: 0.3s;
  transition-timing-function: ease-in-out;
  visibility: hidden;
  z-index: 1000;
}
.home-news__item-modal--open {
  opacity: 1;
  pointer-events: auto;
  visibility: visible;
}
.home-news__item-modal-close {
  background: none;
  border: none;
  cursor: pointer;
  font-size: 2rem;
  line-height: 1;
  position: absolute;
  right: 1.5rem;
  top: 1rem;
}
.home-news__item-modal-content {
  background-color: rgb(255, 255, 255);
  box-shadow: 0 0 0.29rem rgba(0, 0, 0, 0.35);
  height: fit-content;
  max-height: 75%;
  overflow-y: auto;
  padding: 3rem;
  position: relative;
  width: 90%;
}
.home-news__item-modal-content > h3 {
  border-bottom: 0.06rem solid rgb(0, 0, 0);
  font-size: 1.3rem;
  margin-bottom: 1.5rem;
  padding-bottom: 1rem;
}
.home-news__item-modal-body {
  font-size: 1rem;
  line-height: 2;
}
.home-news__left {
  width: 100%;
}
.home-news__left > h2 {
  font-family: "toppan-bunkyu-midashi-go-std", "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
  font-size: 1.66rem;
  font-weight: 900;
  letter-spacing: 0.2em;
  text-align: center;
}
.home-news__left > ul {
  display: flex;
  flex-direction: column;
  gap: 0.71rem;
  padding: 0 3.09rem;
}
.home-news__pickup-title {
  border-color: rgb(67, 64, 63);
  border-style: solid;
  border-width: 0.12rem 0;
  margin: 1.54rem 0;
  padding: 1.54rem 0;
}
.home-news__right {
  flex-shrink: 0;
  width: 29.5rem;
}
.home-news__right > img {
  aspect-ratio: 247/119;
  display: block;
  object-fit: cover;
  width: 100%;
}
@media screen and (max-width: 767px) {
  .home-news__flex {
    gap: 2.82rem;
  }
  .home-news__inner {
    margin: 7.69rem 0 4.61rem;
    padding: 3.58rem 0 6.66rem;
  }
  .home-news__item-button > h3, .home-news__item-button > span, .home-news__item-text > h3, .home-news__item-text > span {
    font-size: 1.85rem;
  }
  .home-news__item-button > span, .home-news__item-text > span {
    width: 18.71rem;
  }
  .home-news__item-modal-content {
    max-height: 80rem;
    max-width: 100%;
    width: 100%;
  }
  .home-news__item-modal-content > h3 {
    font-size: 2rem;
  }
  .home-news__item-modal-body {
    font-size: 1.6rem;
  }
  .home-news__left > h2 {
    font-size: 2.56rem;
  }
  .home-news__left > ul {
    gap: 0.76rem;
    padding: 0 0.25rem;
  }
  .home-news__pickup-title {
    border-width: 0.25rem 0;
    margin: 1.28rem 0;
    padding: 1.28rem 0;
  }
  .home-news__right {
    width: 27.17rem;
  }
}

.footer {
  position: relative;
}
.footer__flex {
  display: flex;
  justify-content: space-between;
}
.footer__inner {
  background-color: rgb(0, 0, 0);
  padding: 4.76rem 0 6.78rem;
}
.footer__left > p {
  color: rgb(255, 255, 255);
  font-size: 1.07rem;
  letter-spacing: 0.2em;
  line-height: 1.75;
  margin-left: 5.11rem;
}
.footer__address {
  font-size: 1.19rem;
}
.footer__tel-fax {
  font-size: 1.07rem;
  font-weight: inherit;
  letter-spacing: inherit;
  line-height: inherit;
}
.footer__logo {
  display: block;
  margin-bottom: 1.54rem;
  width: 21.42rem;
}
.footer__logo > img {
  display: block;
  width: 100%;
}
.footer__nav > ul {
  display: flex;
}
.footer__nav-detail-item > a {
  display: inline-block;
  transition-duration: 0.3s;
  transition-timing-function: ease-in-out;
}
@media (any-hover: hover) {
  .footer__nav-detail-item > a:hover {
    opacity: 0.7;
  }
}
.footer__nav-item {
  color: rgb(255, 255, 255);
  font-size: 1.19rem;
  letter-spacing: 0.2em;
  line-height: 1.75;
}
.footer__nav-item:nth-child(1) {
  margin-right: 2.97rem;
}
.footer__nav-item:nth-child(2) {
  margin-right: 0.95rem;
}
.footer__nav-item:nth-child(3) {
  margin-right: 2.02rem;
}
.footer__nav-item:nth-child(4) {
  margin-right: 2.85rem;
}
.footer__nav-item > a {
  display: inline-block;
  font-weight: 900;
  transition-duration: 0.3s;
  transition-timing-function: ease-in-out;
}
@media (any-hover: hover) {
  .footer__nav-item > a:hover {
    opacity: 0.7;
  }
}
.footer__nav-link > span {
  display: none;
}
.footer__right {
  margin-top: 0.87rem;
}
@media screen and (max-width: 767px) {
  .footer__innner {
    padding: 4.35rem 0 3.58rem;
  }
  .footer__left > p {
    font-size: 1.4rem;
    margin-left: 3.07rem;
  }
  .footer__address {
    font-size: 1.55rem;
  }
  .footer__tel-fax {
    font-size: 1.4rem;
  }
  .footer__logo {
    margin-bottom: 2.05rem;
    width: 26.41rem;
  }
  .footer__nav-item {
    font-size: 1.42rem;
  }
  .footer__nav-item:nth-child(1) {
    margin-right: 3.07rem;
  }
  .footer__nav-item:nth-child(2) {
    margin-right: 1.02rem;
  }
  .footer__nav-item:nth-child(3) {
    margin-right: 3.07rem;
  }
  .footer__nav-item:nth-child(4) {
    margin-right: 3.33rem;
  }
}

.header {
  position: sticky;
  top: 0;
  z-index: 100;
}
.header__contact {
  align-items: center;
  background-color: rgb(255, 255, 255);
  display: flex;
  font-family: "toppan-bunkyu-midashi-go-std", "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
  font-size: 1.07rem;
  font-weight: 900;
  height: 5.05rem;
  justify-content: center;
  letter-spacing: 0.2em;
  transition-duration: 0.3s;
  transition-timing-function: ease-in-out;
  width: 12.67rem;
}
@media (any-hover: hover) {
  .header__contact:hover {
    letter-spacing: 0.3em;
  }
}
.header__flex {
  align-items: center;
  display: flex;
  justify-content: space-between;
}
.header__inner {
  background-color: rgb(0, 0, 0);
  box-shadow: 0 0.17rem 0.29rem rgba(0, 0, 0, 0.35);
  padding: 1.72rem 0;
}
.header__logo {
  display: block;
  position: relative;
  width: 20rem;
  z-index: 999;
}
.header__logo > img {
  display: block;
  width: 100%;
}
.header__mobile-menu {
  display: none;
}
.header__nav {
  margin-right: 1.19rem;
}
.header__nav > ul {
  display: flex;
}
.header__nav-detail-item > a, .header__nav-detail-item > span {
  color: rgb(0, 0, 0);
  align-items: center;
  display: flex;
  font-size: 1.07rem;
}
.header__nav-detail-item > a {
  font-family: "toppan-bunkyu-midashi-go-std", "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
  position: relative;
}
.header__nav-detail-item > a::before {
  background-color: rgb(0, 0, 0);
  bottom: 0;
  content: "";
  height: 0.06rem;
  left: 50%;
  position: absolute;
  transition-duration: 0.3s;
  transition-timing-function: ease-in-out;
  right: 50%;
}
@media (any-hover: hover) {
  .header__nav-detail-item > a:hover::before {
    left: 0;
    right: 0;
  }
}
.header__nav-detail-item > span {
  rotate: 90deg;
}
.header__nav-item {
  align-items: center;
  display: flex;
  font-weight: 900;
  justify-content: center;
  height: 3.87rem;
  position: relative;
  text-align: center;
  width: 9.52rem;
}
@media (any-hover: hover) {
  .header__nav-item:hover > a {
    color: rgb(0, 0, 0);
  }
  .header__nav-item:hover > ul {
    line-height: 3.12;
    opacity: 1;
    visibility: visible;
  }
}
.header__nav-item > a {
  color: rgb(255, 255, 255);
  display: inline-block;
  font-size: 1.3rem;
  letter-spacing: 0.2em;
  position: relative;
  transition-duration: 0.3s;
  transition-timing-function: ease-in-out;
  z-index: 1;
}
@media (any-hover: hover) {
  .header__nav-item > a:hover {
    opacity: 0.7;
  }
}
.header__nav-item > ul {
  align-items: center;
  background-color: rgb(255, 255, 255);
  border: rgb(0, 0, 0) solid 0.14rem;
  display: flex;
  flex-direction: column;
  left: 0;
  line-height: 0;
  opacity: 0;
  padding-top: 3.87rem;
  position: absolute;
  right: 0;
  top: 0;
  transition-duration: 0.3s;
  transition-timing-function: ease-in-out;
  visibility: hidden;
}
.header__phone {
  align-items: center;
  display: flex;
  gap: 0.47rem;
  margin-right: 1.9rem;
  transition-duration: 0.3s;
  transition-timing-function: ease-in-out;
}
@media (any-hover: hover) {
  .header__phone:hover > span::after {
    left: 0;
    right: 0;
  }
  .header__phone:hover > span::before {
    content: none;
  }
}
.header__phone > img {
  display: block;
  width: 1.78rem;
}
.header__phone > span {
  color: rgb(255, 255, 255);
  display: inline-block;
  font-family: "toppan-bunkyu-midashi-go-std", "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
  font-size: 1.19rem;
  font-weight: 900;
  letter-spacing: 0.15em;
  padding: 0 0.11rem 0.47rem;
  position: relative;
  white-space: nowrap;
}
.header__phone > span::after, .header__phone > span::before {
  background-color: rgb(255, 255, 255);
  bottom: 0;
  content: "";
  height: 0.11rem;
  position: absolute;
}
.header__phone > span::after {
  left: 50%;
  right: 50%;
  transition-duration: 0.3s;
  transition-timing-function: ease-in-out;
}
.header__phone > span::before {
  left: 0;
  right: 0;
}
.header__right {
  align-items: center;
  display: flex;
}
@media screen and (max-width: 767px) {
  .header__contact {
    font-size: 1.09rem;
    height: 5.12rem;
    width: 12.82rem;
  }
  .header__inner {
    padding: 1.67rem 0;
  }
  .header__logo {
    width: 20.25rem;
  }
  .header__nav-item > a {
    font-size: 1.33rem;
  }
}

.recruit-attraction {
  position: relative;
}
.recruit-attraction__content {
  overflow-x: hidden;
  padding-top: 10.83rem;
}
.recruit-attraction__inner {
  background-color: rgb(242, 242, 242);
  padding-bottom: 9.04rem;
}
.recruit-attraction__item {
  padding-top: 2.73rem;
  position: relative;
  z-index: 1;
}
.recruit-attraction__item::after {
  background-color: rgb(255, 255, 255);
  bottom: 4.76rem;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: -1;
}
.recruit-attraction__item::before {
  background-color: rgba(183, 183, 183, 0.5);
  content: "";
  height: 11.54rem;
  left: -100%;
  position: absolute;
  right: -100%;
  top: -4.28rem;
  z-index: -2;
}
.recruit-attraction__item-content {
  align-items: center;
  display: flex;
  gap: 3.8rem;
  margin-bottom: 5.77rem;
  padding: 0 11.54rem;
}
.recruit-attraction__item-content > img {
  aspect-ratio: 33/19;
  display: block;
  object-fit: cover;
  width: 35.35rem;
}
.recruit-attraction__item-content > p {
  color: rgb(35, 35, 35);
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
  font-size: 1.07rem;
  font-weight: 500;
  letter-spacing: 0.1em;
  line-height: 2.22;
}
.recruit-attraction__item-detail {
  background-color: rgb(255, 255, 255);
  margin: 0 10rem;
}
.recruit-attraction__item-detail > h4 {
  align-items: center;
  background-color: rgb(111, 111, 111);
  color: rgb(255, 255, 255);
  display: flex;
  font-family: "toppan-bunkyu-midashi-go-std", "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
  font-size: 2.08rem;
  font-weight: 900;
  letter-spacing: 0.1em;
  height: 6.19rem;
  padding: 0 4.4rem;
}
.recruit-attraction__item-detail-career {
  align-items: flex-end;
  border: 0.06rem solid rgb(0, 0, 0);
  border-top: none;
  display: flex;
  gap: 3.69rem;
  padding: 1.78rem 4.52rem 2.14rem;
}
.recruit-attraction__item-detail-career-left {
  width: 100%;
}
.recruit-attraction__item-detail-career-left > p {
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
  font-size: 1.07rem;
  font-weight: 500;
  letter-spacing: 0.1em;
  line-height: 2.22;
}
.recruit-attraction__item-detail-career-right {
  align-items: flex-end;
  display: flex;
  flex-shrink: 0;
  position: relative;
}
.recruit-attraction__item-detail-career-right > img {
  bottom: 100%;
  display: block;
  position: absolute;
  right: 1.19rem;
  width: 3.63rem;
}
.recruit-attraction__item-detail-career-right > span {
  align-items: center;
  color: rgb(255, 255, 255);
  display: flex;
  font-family: "toppan-bunkyu-midashi-go-std", "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
  font-size: 1.54rem;
  font-weight: 900;
  justify-content: center;
  letter-spacing: 0.1em;
}
.recruit-attraction__item-detail-career-right > span:nth-of-type(1) {
  background-color: rgb(143, 222, 191);
  height: 3.69rem;
  width: 8.86rem;
}
.recruit-attraction__item-detail-career-right > span:nth-of-type(2) {
  background-color: rgb(93, 207, 232);
  height: 6.42rem;
  width: 11.3rem;
}
.recruit-attraction__item-detail-career-right > span:nth-of-type(3) {
  background-color: rgb(97, 135, 255);
  height: 9.76rem;
  width: 11.3rem;
}
.recruit-attraction__item-detail-skills {
  border: 0.06rem solid rgb(0, 0, 0);
  border-top: none;
  padding: 3.57rem 7.67rem 4.16rem;
}
.recruit-attraction__item-detail-skills > ul {
  display: flex;
  flex-wrap: wrap;
  gap: 1.3rem 0;
}
.recruit-attraction__item-detail-skills-item {
  align-items: center;
  display: flex;
  gap: 2.02rem;
  width: 50%;
}
.recruit-attraction__item-detail-skills-item > span {
  color: rgb(35, 35, 35);
  display: block;
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
  font-size: 1.42rem;
  font-weight: 500;
  width: 100%;
}
.recruit-attraction__item-detail-skills-item-img {
  align-items: center;
  display: flex;
  flex-shrink: 0;
  justify-content: center;
  width: 3.63rem;
}
.recruit-attraction__item-detail-skills-item-img > img {
  display: block;
}
.recruit-attraction__item-detail-skills-item-img--1 > img {
  width: 91.8%;
}
.recruit-attraction__item-detail-skills-item-img--2 > img {
  width: 91.8%;
}
.recruit-attraction__item-detail-skills-item-img--3 > img {
  width: 100%;
}
.recruit-attraction__item-detail-skills-item-img--4 > img {
  width: 96.72%;
}
.recruit-attraction__item-detail-skills-item-img--5 > img {
  width: 98.36%;
}
.recruit-attraction__item-detail-skills-item-img--6 > img {
  width: 93.44%;
}
.recruit-attraction__item-detail-skills-item-img--7 > img {
  width: 91.8%;
}
.recruit-attraction__item-detail-skills-item-img--8 > img {
  width: 83.6%;
}
.recruit-attraction__item-detail-skills-item-img--9 > img {
  width: 100%;
}
.recruit-attraction__item-head {
  align-items: center;
  display: flex;
  gap: 1.54rem;
  margin-bottom: 3.8rem;
  padding: 0 12.08rem;
}
.recruit-attraction__item-head > h3 {
  font-family: "toppan-bunkyu-midashi-go-std", "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
  font-size: 2.97rem;
  font-weight: 900;
  width: 100%;
}
.recruit-attraction__item-head > span {
  align-items: center;
  aspect-ratio: 1/1;
  background-color: rgb(255, 255, 255);
  border: 0.41rem solid rgb(230, 98, 1);
  border-radius: 50%;
  color: rgb(230, 98, 1);
  display: flex;
  flex-shrink: 0;
  font-family: "mochiy-pop", "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
  font-size: 2.67rem;
  justify-content: center;
  width: 6.19rem;
}
.recruit-attraction__list {
  display: flex;
  flex-direction: column;
  gap: 17.5rem;
}
@media screen and (max-width: 767px) {
  .recruit-attraction__content {
    padding-top: 4.87rem;
  }
  .recruit-attraction__inner {
    padding-bottom: 7.69rem;
  }
  .recruit-attraction__item {
    padding-top: 1.28rem;
  }
  .recruit-attraction__item::after {
    bottom: 11.02rem;
  }
  .recruit-attraction__item::before {
    height: 11.53rem;
    top: -3.58rem;
  }
  .recruit-attraction__item-content {
    gap: 2.56rem;
    margin-bottom: 4.61rem;
    padding: 0 2.3rem;
  }
  .recruit-attraction__item-content > img {
    aspect-ratio: 47/27;
    width: 36.15rem;
  }
  .recruit-attraction__item-content > p {
    font-size: 2.01rem;
    letter-spacing: 0.05em;
    line-height: 1.55;
  }
  .recruit-attraction__item-detail {
    margin: 0 2.3rem;
  }
  .recruit-attraction__item-detail > h4 {
    font-size: 3.74rem;
    height: 8.2rem;
    padding: 0 4.1rem;
  }
  .recruit-attraction__item-detail-career {
    border: 0.25rem solid rgb(0, 0, 0);
    gap: 2.56rem;
    padding: 2.05rem 2.82rem;
  }
  .recruit-attraction__item-detail-career-left > p {
    font-size: 1.8rem;
    line-height: 1.95;
  }
  .recruit-attraction__item-detail-career-right {
    margin-bottom: 3.07rem;
  }
  .recruit-attraction__item-detail-career-right > img {
    right: 1.28rem;
    width: 3.84rem;
  }
  .recruit-attraction__item-detail-career-right > span {
    font-size: 1.72rem;
  }
  .recruit-attraction__item-detail-career-right > span:nth-of-type(1) {
    height: 3.84rem;
    width: 10rem;
  }
  .recruit-attraction__item-detail-career-right > span:nth-of-type(2) {
    height: 6.92rem;
    width: 12.05rem;
  }
  .recruit-attraction__item-detail-career-right > span:nth-of-type(3) {
    height: 10.51rem;
    width: 12.82rem;
  }
  .recruit-attraction__item-detail-skills {
    border: 0.25rem solid rgb(0, 0, 0);
    padding: 3.84rem 3.07rem 5.89rem;
  }
  .recruit-attraction__item-detail-skills > ul {
    gap: 3.07rem 0;
  }
  .recruit-attraction__item-detail-skills-item {
    gap: 2.56rem;
  }
  .recruit-attraction__item-detail-skills-item > span {
    font-size: 2.38rem;
  }
  .recruit-attraction__item-detail-skills-item-img {
    width: 4.87rem;
  }
  .recruit-attraction__item-head {
    gap: 0.76rem;
    margin-bottom: 2.56rem;
    padding: 0 1.28rem;
  }
  .recruit-attraction__item-head > h3 {
    font-size: 3.53rem;
  }
  .recruit-attraction__item-head > span {
    border: 0.51rem solid rgb(230, 98, 1);
    font-size: 3.07rem;
    width: 7.94rem;
  }
  .recruit-attraction__list {
    gap: 7.69rem;
  }
}

.recruit-details {
  position: relative;
}
.recruit-details__contact > a {
  align-items: center;
  background-color: rgb(229, 255, 57);
  display: flex;
  font-family: "toppan-bunkyu-midashi-go-std", "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
  font-size: 2.08rem;
  font-weight: 900;
  height: 7.14rem;
  justify-content: center;
  letter-spacing: 0.2em;
  margin: 0 auto;
  transition-duration: 0.3s;
  transition-timing-function: ease-in-out;
  width: 41.19rem;
}
@media (any-hover: hover) {
  .recruit-details__contact > a:hover {
    letter-spacing: 0.4em;
  }
}
.recruit-details__contact-text {
  background-color: rgb(255, 255, 255);
  border: 0.06rem solid rgb(0, 0, 0);
  display: flex;
  justify-content: center;
  margin-bottom: 4.4rem;
  padding: 3.57rem 8.33rem;
}
.recruit-details__contact-text > p {
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
  font-size: 1.48rem;
  font-weight: 500;
  letter-spacing: 0.1em;
  line-height: 2;
}
.recruit-details__contact-text > p > span {
  align-items: center;
  background-color: rgb(97, 135, 255);
  color: rgb(255, 255, 255);
  display: inline-flex;
  font-weight: 700;
  height: 2.96rem;
  justify-content: center;
  width: 2.96rem;
}
.recruit-details__general {
  background-color: rgb(255, 255, 255);
  border: 0.47rem solid rgb(131, 131, 131);
  border-radius: 3.45rem;
  display: flex;
  flex-direction: column;
  gap: 6.42rem;
  margin-bottom: 6.54rem;
  padding: 4.28rem 7.14rem 5.95rem;
}
.recruit-details__general-item {
  align-items: flex-start;
  display: flex;
  gap: 5.11rem;
  letter-spacing: 0.2em;
}
.recruit-details__general-item br.pc-only {
  display: block;
}
.recruit-details__general-item br.sp-only {
  display: none;
}
.recruit-details__general-item > h3 {
  align-items: center;
  background-color: rgb(111, 111, 111);
  border-radius: 1.07rem;
  color: rgb(255, 255, 255);
  display: flex;
  flex-shrink: 0;
  font-family: "toppan-bunkyu-midashi-go-std", "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
  font-size: 1.19rem;
  font-weight: 900;
  height: 3.57rem;
  justify-content: center;
  width: 9.52rem;
}
.recruit-details__general-item > p {
  color: rgb(35, 35, 35);
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
  font-size: 1.07rem;
  font-weight: 500;
  line-height: 1.88;
}
.recruit-details__general-item > p > strong {
  font-family: "kozuka-gothic-pr6n", "Helvetica Neue", "Helvetica", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
  font-size: 1.78rem;
  font-weight: 700;
}
.recruit-details__general-item--2 {
  font-size: 1.02rem;
}
.recruit-details__general-item--2 > h3 {
  font-size: 1em;
  height: 3.1rem;
}
.recruit-details__general-item--2 > p {
  font-size: 1em;
}
.recruit-details__general-item--2 > p > strong {
  font-size: 1.686em;
}
.recruit-details__general-item--3 {
  gap: 2.26rem;
}
.recruit-details__general-item--3 > h3 {
  width: 14.88rem;
}
.recruit-details__general-item--3 > p {
  text-align: left;
}
.recruit-details__general-item--center {
  align-items: center;
}
.recruit-details__general-item--1:not(.recruit-details__general-item--gyoumu) > h3 {
  font-size: 1.1rem;
}
.recruit-details__general-item--1:not(.recruit-details__general-item--gyoumu) > p {
  font-size: 1rem;
}
.recruit-details__general-item--1:not(.recruit-details__general-item--gyoumu) > p > strong {
  font-size: 1.62rem;
}
.recruit-details__general-item--gyoumu > h3 {
  font-size: 1.1rem;
}
.recruit-details__general-item--gyoumu > p {
  font-size: 1rem;
}
.recruit-details__general-list {
  display: flex;
  flex-direction: column;
  gap: 2.73rem;
  padding: 0 1.54rem;
  position: relative;
}
.recruit-details__general-list:not(:last-child)::before {
  background-color: rgb(35, 35, 35);
  content: "";
  height: 0.06rem;
  left: 0;
  position: absolute;
  right: 0;
  top: calc(100% + 3.21rem);
  translate: 0 -50%;
}
.recruit-details__inner {
  background-color: rgb(242, 242, 242);
  padding-bottom: 6.54rem;
}
.recruit-details__preferential {
  margin-bottom: 3.45rem;
}
.recruit-details__preferential > p {
  background-color: rgb(188, 188, 188);
  color: rgb(35, 35, 35);
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
  font-size: 1.48rem;
  font-weight: 500;
  letter-spacing: 0.1em;
  line-height: 2;
  margin: -2.73rem 9.76rem 0;
  padding: 1.3rem;
  position: relative;
  text-align: center;
}
.recruit-details__preferential-conditions {
  background-color: rgb(255, 255, 255);
  border: 0.06rem solid rgb(0, 0, 0);
  position: relative;
}
.recruit-details__preferential-conditions > h3 {
  align-items: center;
  background-color: rgb(111, 111, 111);
  color: rgb(255, 255, 255);
  display: flex;
  font-family: "toppan-bunkyu-midashi-go-std", "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
  font-size: 1.78rem;
  font-weight: 900;
  height: 5.23rem;
  justify-content: center;
  left: 7.49%;
  letter-spacing: 0.1em;
  position: absolute;
  top: 0;
  translate: 0 -50%;
  width: 17.61rem;
}
.recruit-details__preferential-conditions > ul {
  display: flex;
  flex-wrap: wrap;
  gap: 1.42rem 0;
  padding: 4.76rem 12.38rem;
}
.recruit-details__preferential-conditions-item {
  color: rgb(35, 35, 35);
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
  font-size: 1.78rem;
  font-weight: 500;
  letter-spacing: 0.1em;
  width: 50%;
}
.recruit-details__title {
  font-family: "toppan-bunkyu-midashi-go-std", "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
  font-size: 2.67rem;
  font-weight: 900;
  letter-spacing: 0.1em;
  margin-bottom: 1.78rem;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .recruit-details__contact > a {
    font-size: 2.64rem;
    height: 7.69rem;
    width: 44.61rem;
  }
  .recruit-details__contact-text {
    border: 0.25rem solid rgb(0, 0, 0);
    padding: 2.56rem 4.5rem;
  }
  .recruit-details__contact-text > p {
    font-size: 2.21rem;
    line-height: 2.08;
  }
  .recruit-details__contact-text > p > span {
    height: 3.58rem;
    width: 3.58rem;
  }
  .recruit-details__general {
    border: 0.51rem solid rgb(131, 131, 131);
    gap: 7.69rem;
    margin-bottom: 6.15rem;
    padding: 5.38rem 1.53rem 4.1rem;
  }
  .recruit-details__general-item {
    gap: 2.05rem;
  }
  .recruit-details__general-item br.pc-only {
    display: none;
  }
  .recruit-details__general-item br.sp-only {
    display: block;
  }
  .recruit-details__general-item > h3 {
    font-size: 2.82rem;
    height: 4.87rem;
    width: 13.84rem;
  }
  .recruit-details__general-item > p {
    font-size: 2.43rem;
    letter-spacing: normal;
    line-height: 1.4;
  }
  .recruit-details__general-item > p > strong {
    font-size: 3.07rem;
  }
  .recruit-details__general-item--2 {
    font-size: 2.28rem;
  }
  .recruit-details__general-item--2 > h3 {
    font-size: 1em;
    height: 3.95rem;
  }
  .recruit-details__general-item--2 > p {
    font-size: 1em;
  }
  .recruit-details__general-item--2 > p > strong {
    font-size: 1.271em;
  }
  .recruit-details__general-item--3 {
    gap: 3.58rem;
  }
  .recruit-details__general-item--3 > h3 {
    font-size: 2.05rem;
    width: 21.53rem;
  }
  .recruit-details__general-item--3 > p {
    font-size: 2.3rem;
    text-align: left;
  }
  .recruit-details__general-item--1:not(.recruit-details__general-item--gyoumu) > h3 {
    font-size: 2.56rem;
  }
  .recruit-details__general-item--1:not(.recruit-details__general-item--gyoumu) > p {
    font-size: 2.2rem;
  }
  .recruit-details__general-item--1:not(.recruit-details__general-item--gyoumu) > p > strong {
    font-size: 2.76rem;
  }
  .recruit-details__general-item--gyoumu > h3 {
    font-size: 2.56rem;
  }
  .recruit-details__general-item--gyoumu > p {
    font-size: 2.2rem;
  }
  .recruit-details__general-item--gyoumu .recruit-details__gyoumu-detail {
    box-sizing: border-box;
    display: block;
    padding-inline-start: 1em;
  }
  .recruit-details__general-item--2 > p {
    box-sizing: border-box;
    padding-inline-start: 1em;
  }
  .recruit-details__general-list {
    gap: 4.61rem;
    padding: 0 0.76rem;
  }
  .recruit-details__general-list:not(:last-child)::before {
    height: 0.25rem;
    top: calc(100% + 3.845rem);
  }
  .recruit-details__inner {
    padding-bottom: 5.64rem;
  }
  .recruit-details__preferential {
    margin-bottom: 4.1rem;
  }
  .recruit-details__preferential > p {
    font-size: 2.05rem;
    letter-spacing: 0.15em;
    margin: -2.82rem 8.71rem 0;
    padding: 1.02rem;
  }
  .recruit-details__preferential-conditions {
    border: 0.25rem solid rgb(0, 0, 0);
  }
  .recruit-details__preferential-conditions > h3 {
    font-size: 2.3rem;
    height: 5.89rem;
    left: 3.84rem;
    width: 23.84rem;
  }
  .recruit-details__preferential-conditions > ul {
    gap: 2.05rem 0;
    padding: 5.38rem 7.17rem;
  }
  .recruit-details__preferential-conditions-item {
    font-size: 2.56rem;
  }
  .recruit-details__title {
    font-size: 4.61rem;
    margin-bottom: 4.1rem;
  }
}

.recruit-greeting {
  position: relative;
}
.recruit-greeting__content {
  background-color: rgb(242, 242, 242);
  margin-top: 3.21rem;
  padding: 1.66rem 0 5.23rem;
  text-align: center;
}
.recruit-greeting__content > h2 {
  font-family: "toppan-bunkyu-midashi-go-std", "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
  font-size: 2.67rem;
  font-weight: 900;
  letter-spacing: 0.1em;
  margin-bottom: 3.21rem;
}
.recruit-greeting__content > p {
  color: rgb(35, 35, 35);
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
  font-size: 1.3rem;
  font-weight: 700;
  letter-spacing: 0.2em;
  line-height: 1.39;
}
.recruit-greeting__pickup-title {
  background-color: rgb(255, 255, 255);
  box-shadow: 0 0.17rem 0.29rem rgba(0, 0, 0, 0.75);
  padding: 5.59rem 0;
}
@media screen and (max-width: 767px) {
  .recruit-greeting__content {
    margin-top: 0;
    padding: 3.58rem 0 6.92rem;
  }
  .recruit-greeting__content > h2 {
    font-size: 4.1rem;
    margin-bottom: 5.38rem;
  }
  .recruit-greeting__content > p {
    font-size: 1.79rem;
    letter-spacing: 0.4em;
  }
  .recruit-greeting__pickup-title {
    padding: 4.61rem 0;
    position: relative;
  }
}

.recruit-interview {
  position: relative;
}
.recruit-interview__content {
  margin-top: 6.78rem;
}
.recruit-interview__inner {
  background-color: rgb(242, 242, 242);
  padding-bottom: 5.23rem;
}
.recruit-interview__item-button {
  border: 0.06rem solid rgb(0, 0, 0);
}
.recruit-interview__item-button > button {
  background-color: rgb(255, 255, 255);
  display: block;
  height: 5.29rem;
  position: relative;
  width: 100%;
}
.recruit-interview__item-button > button::before {
  background-color: rgb(97, 135, 255);
  clip-path: polygon(0% 0%, 100% 0%, 50% 100%);
  content: "";
  height: 1.96rem;
  left: 50%;
  pointer-events: none;
  position: absolute;
  top: 50%;
  translate: -50% -50%;
  transition-duration: 0.3s;
  transition-timing-function: ease-in-out;
  width: 6.9rem;
}
@media (any-hover: hover) {
  .recruit-interview__item-button > button:hover::before {
    background-color: rgb(93, 207, 232);
  }
}
.recruit-interview__item-button--is-open > button::before {
  transform: rotateX(180deg);
}
.recruit-interview__item-content {
  background-color: rgb(255, 255, 255);
  border: 0.06rem solid rgb(0, 0, 0);
  border-bottom: none;
  border-top: none;
  padding: 0 4.82rem;
  height: 0;
  opacity: 0;
  overflow: hidden;
  transform: scaleY(0);
  transform-origin: top;
  visibility: hidden;
}
.recruit-interview__item-content--is-open {
  height: auto;
  opacity: 1;
  padding: 1.54rem 4.82rem 4.64rem;
  transform: scaleY(1);
  transition-duration: 0.3s;
  transition-timing-function: ease-in-out;
  visibility: visible;
}
.recruit-interview__item-content-bottom {
  display: flex;
  gap: 5.23rem;
}
.recruit-interview__item-content-bottom-left {
  flex-shrink: 0;
  width: 28.69rem;
}
.recruit-interview__item-content-bottom-left > img {
  aspect-ratio: 4/3;
  display: block;
  margin-bottom: 1.78rem;
  object-fit: cover;
  width: 100%;
}
.recruit-interview__item-content-bottom-right {
  width: 100%;
}
.recruit-interview__item-content-bottom-right > p {
  font-size: 1.48rem;
  font-weight: 700;
  letter-spacing: 0.2em;
  margin-bottom: 2.02rem;
  text-align: center;
}
.recruit-interview__item-content-bottom-right > ul {
  display: flex;
  flex-direction: column;
  gap: 2.85rem;
  position: relative;
  z-index: 1;
}
.recruit-interview__item-content-bottom-right > ul::before {
  background-color: rgb(230, 98, 1);
  bottom: 0;
  content: "";
  left: 50%;
  position: absolute;
  top: 0;
  translate: -50% 0;
  width: 0.18rem;
  z-index: -1;
}
.recruit-interview__item-content-faq.sp-only {
  display: none;
}
.recruit-interview__item-content-faq > p {
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
  letter-spacing: 0.2em;
}
.recruit-interview__item-content-faq > p:nth-of-type(1) {
  font-size: 1.42rem;
  font-weight: 700;
  margin-bottom: 0.95rem;
}
.recruit-interview__item-content-faq > p:nth-of-type(2) {
  font-size: 1.3rem;
  font-weight: 500;
  line-height: 1.36;
  padding-left: 2.02rem;
}
.recruit-interview__item-content-faq > p > br.sp-only {
  display: none;
}
.recruit-interview__item-content-faq--2 {
  margin-bottom: 2.5rem;
}
.recruit-interview__item-content-schedule-item {
  align-items: center;
  background-color: rgb(255, 255, 255);
  border: 0.29rem solid rgb(230, 98, 1);
  border-radius: 2.06rem;
  display: flex;
  height: 4.4rem;
  padding: 0 5.23rem;
}
.recruit-interview__item-content-schedule-item > span {
  color: rgb(230, 98, 1);
  font-size: 1.48rem;
  font-weight: 700;
}
.recruit-interview__item-content-schedule-item > span:nth-child(1) {
  flex-shrink: 0;
  width: 5.23rem;
}
.recruit-interview__item-content-schedule-item > span:nth-child(2) {
  white-space: nowrap;
}
.recruit-interview__item-content-top {
  align-items: center;
  display: flex;
  gap: 2.14rem;
  margin-bottom: 4.64rem;
}
.recruit-interview__item-content-top-left {
  flex-shrink: 0;
  width: 28.57rem;
}
.recruit-interview__item-content-top-left > img {
  aspect-ratio: 4/3;
  display: block;
  object-fit: cover;
  width: 100%;
}
.recruit-interview__item-content-top-right {
  color: rgb(35, 35, 35);
  width: 100%;
}
.recruit-interview__item-content-top-right > span {
  display: block;
}
.recruit-interview__item-content-top-right > span:nth-of-type(1) {
  font-size: 1.07rem;
  margin-bottom: 1.07rem;
  padding-bottom: 0.59rem;
  position: relative;
}
.recruit-interview__item-content-top-right > span:nth-of-type(1)::before {
  background-color: rgb(0, 0, 0);
  bottom: 0;
  content: "";
  height: 0.12rem;
  left: -1.3rem;
  position: absolute;
  right: -1.3rem;
}
.recruit-interview__item-content-top-right > span:nth-of-type(2) {
  font-size: 1.3rem;
  font-weight: 700;
  margin-bottom: 1.54rem;
}
.recruit-interview__item-content-top-right > span:nth-of-type(2) > strong {
  font-size: 2.02rem;
  font-weight: 700;
}
.recruit-interview__item-head > h3 {
  align-items: center;
  background-color: rgb(183, 183, 183);
  color: rgb(29, 29, 29);
  display: flex;
  font-family: "toppan-bunkyu-midashi-go-std", "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
  font-size: 2.38rem;
  font-weight: 900;
  height: 9.22rem;
  letter-spacing: 0.2em;
  justify-content: center;
}
.recruit-interview__list {
  display: flex;
  flex-direction: column;
  gap: 8.57rem;
}
@media screen and (max-width: 767px) {
  .recruit-interview__content {
    margin-top: 7.17rem;
  }
  .recruit-interview__inner {
    padding-bottom: 3.58rem;
  }
  .recruit-interview__item-button {
    border: 0.25rem solid rgb(0, 0, 0);
  }
  .recruit-interview__item-button > button {
    height: 7.94rem;
  }
  .recruit-interview__item-button > button::before {
    height: 2.82rem;
    width: 10.25rem;
  }
  .recruit-interview__item-content {
    border: none;
    font-weight: 700;
    padding: 0 4.61rem 0 1.53rem;
  }
  .recruit-interview__item-content--is-open {
    padding: 3.07rem 4.61rem 5.12rem 1.53rem;
  }
  .recruit-interview__item-content-bottom {
    gap: 3.07rem;
  }
  .recruit-interview__item-content-bottom-left {
    width: 49.23rem;
  }
  .recruit-interview__item-content-bottom-left > img {
    margin-bottom: 3.33rem;
    margin-right: 5.64rem;
    width: calc(100% - 5.64rem);
  }
  .recruit-interview__item-content-bottom-right > p {
    font-size: 2.95rem;
    letter-spacing: normal;
    margin-bottom: 2.56rem;
  }
  .recruit-interview__item-content-bottom-right > ul {
    gap: 3.58rem;
  }
  .recruit-interview__item-content-bottom-right > ul::before {
    width: 0.25rem;
  }
  .recruit-interview__item-content-faq > p:nth-of-type(1) {
    font-size: 2.61rem;
    letter-spacing: 0.1em;
    margin-bottom: 1.79rem;
  }
  .recruit-interview__item-content-faq > p:nth-of-type(2) {
    font-size: 2.56rem;
    letter-spacing: 0.08em;
    padding-left: 3.07rem;
  }
  .recruit-interview__item-content-faq--2 {
    margin-bottom: 1.79rem;
  }
  .recruit-interview__item-content-schedule-item {
    border: 0.51rem solid rgb(230, 98, 1);
    border-radius: 3.33rem;
    height: 7.43rem;
    padding: 0 7.43rem;
  }
  .recruit-interview__item-content-schedule-item > span {
    font-size: 2.82rem;
  }
  .recruit-interview__item-content-schedule-item > span:nth-child(1) {
    width: 8.71rem;
  }
  .recruit-interview__item-content-top {
    gap: 0;
    margin-bottom: 4.87rem;
  }
  .recruit-interview__item-content-top-left {
    width: 49.23rem;
  }
  .recruit-interview__item-content-top-left > img {
    margin-right: 5.64rem;
    width: calc(100% - 5.64rem);
  }
  .recruit-interview__item-content-top-right > span:nth-of-type(1) {
    font-size: 2.56rem;
    margin-bottom: 1.02rem;
    padding-bottom: 0.59rem;
  }
  .recruit-interview__item-content-top-right > span:nth-of-type(1)::before {
    height: 0.25rem;
    left: -1.53rem;
    right: 0;
  }
  .recruit-interview__item-content-top-right > span:nth-of-type(2) {
    font-size: 2.05rem;
    margin-bottom: 2.3rem;
  }
  .recruit-interview__item-content-top-right > span:nth-of-type(2) > strong {
    font-size: 3.07rem;
  }
  .recruit-interview__item-head > h3 {
    font-size: 4.61rem;
    height: 14.35rem;
  }
  .recruit-interview__list {
    gap: 3.58rem;
  }
}

.recruit-requirements {
  position: relative;
}
.recruit-requirements__flow > h3 {
  font-family: "toppan-bunkyu-midashi-go-std", "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
  font-size: 2.67rem;
  font-weight: 900;
  letter-spacing: 0.1em;
  padding-bottom: 3.8rem;
  text-align: center;
}
.recruit-requirements__flow > ul {
  display: flex;
  flex-direction: column;
  gap: 2.26rem;
}
.recruit-requirements__flow-item {
  border-radius: 2.5rem;
  display: flex;
  height: 8.92rem;
  letter-spacing: 0.2em;
  overflow: hidden;
}
.recruit-requirements__flow-item-left {
  align-items: center;
  background-color: rgb(188, 188, 188);
  display: flex;
  flex-shrink: 0;
  justify-content: center;
  width: 8.92rem;
}
.recruit-requirements__flow-item-left > span {
  color: rgb(255, 255, 255);
  font-size: 2.67rem;
  font-weight: 700;
}
.recruit-requirements__flow-item-right {
  background-color: rgb(255, 255, 255);
  color: rgb(35, 35, 35);
  display: flex;
  flex-direction: column;
  font-size: 0.95rem;
  font-weight: 700;
  justify-content: center;
  line-height: 2.18;
  padding: 0 3.92rem;
  width: 100%;
}
.recruit-requirements__flow-item-right > p {
  display: flex;
}
.recruit-requirements__flow-item-right > ul {
  display: flex;
  flex-direction: column;
}
.recruit-requirements__flow-item-right > ul > li {
  display: flex;
}
.recruit-requirements__inner {
  background-color: rgb(242, 242, 242);
  padding-bottom: 4.88rem;
}
.recruit-requirements__job {
  padding: 7.38rem 0 4.16rem;
}
.recruit-requirements__job > ul {
  display: flex;
  gap: 16.3rem;
  justify-content: center;
}
.recruit-requirements__job-item-img {
  align-items: center;
  aspect-ratio: 1/1;
  background-color: rgb(226, 231, 246);
  border-radius: 50%;
  display: flex;
  justify-content: center;
  margin-bottom: 1.3rem;
  position: relative;
  width: 26.38rem;
}
.recruit-requirements__job-item-img > img {
  display: block;
  height: 76.92%;
  width: auto;
}
.recruit-requirements__job-item-img > span {
  align-items: center;
  aspect-ratio: 1/1;
  background-color: rgb(97, 135, 255);
  color: rgb(255, 255, 255);
  display: flex;
  font-family: "toppan-bunkyu-midashi-go-std", "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
  font-size: 2.9rem;
  font-weight: 900;
  justify-content: center;
  left: -1.07rem;
  letter-spacing: 0.1em;
  position: absolute;
  top: 1.78rem;
  width: 6.25rem;
}
.recruit-requirements__job-item-img--1 > img {
  margin-right: 0.83rem;
}
.recruit-requirements__job-item-img--2 > img {
  margin-right: 1.78rem;
}
.recruit-requirements__job-item-text {
  align-items: center;
  display: flex;
  flex-direction: column;
  letter-spacing: 0.1em;
}
.recruit-requirements__job-item-text > h3 {
  font-family: "toppan-bunkyu-midashi-go-std", "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
  font-size: 2.45rem;
  font-weight: 900;
  margin-bottom: 0.35rem;
  text-align: center;
}
.recruit-requirements__job-item-text > p {
  color: rgb(35, 35, 35);
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
  font-size: 1.36rem;
  font-weight: 500;
  line-height: 1.82;
}
@media screen and (max-width: 767px) {
  .recruit-requirements__flow > h3 {
    font-size: 4.1rem;
    padding-bottom: 5.12rem;
  }
  .recruit-requirements__flow > ul {
    gap: 3.84rem;
  }
  .recruit-requirements__flow-item {
    border-radius: 3.33rem;
    height: 12.82rem;
    letter-spacing: 0.1em;
  }
  .recruit-requirements__flow-item-left {
    width: 12.56rem;
  }
  .recruit-requirements__flow-item-left > span {
    font-size: 3.97rem;
  }
  .recruit-requirements__flow-item-right {
    font-size: 1.92rem;
    line-height: 1.6;
    padding: 0 1.28rem;
  }
  .recruit-requirements__inner {
    padding-bottom: 12.05rem;
  }
  .recruit-requirements__job {
    padding: 6.92rem 0 6.15rem;
  }
  .recruit-requirements__job > ul {
    gap: 20.51rem;
  }
  .recruit-requirements__job-item-img {
    margin-bottom: 2.56rem;
    width: 36.41rem;
  }
  .recruit-requirements__job-item-img > span {
    font-size: 3.98rem;
    left: 0;
    top: 3.07rem;
    width: 8.46rem;
  }
  .recruit-requirements__job-item-text > h3 {
    font-size: 3.84rem;
    margin-bottom: 1.02rem;
  }
  .recruit-requirements__job-item-text > p {
    font-size: 2.05rem;
    letter-spacing: 0.2em;
    line-height: 1.75;
    text-align: center;
  }
}

.service-construction {
  position: relative;
}
.service-construction__content {
  width: 100%;
}
.service-construction__flex {
  display: flex;
}
.service-construction__inner {
  background-color: rgb(242, 242, 242);
  padding: 5.83rem 0 8.69rem;
}
.service-construction__permit > ul {
  display: flex;
  flex-wrap: wrap;
  gap: 1.07rem 2.02rem;
  padding: 0 2.14rem;
}
.service-construction__permit-item {
  width: calc((100% - 2.02rem) / 2);
}
.service-construction__permit-item-link {
  align-items: flex-start;
  display: flex;
  transition-duration: 0.3s;
  transition-timing-function: ease-in-out;
}
@media (any-hover: hover) {
  .service-construction__permit-item-link:hover {
    opacity: 0.7;
  }
}
.service-construction__permit-item-link > img {
  display: block;
  flex-shrink: 0;
  width: 2.97rem;
}
.service-construction__permit-item-link > span {
  display: block;
  font-size: 1.42rem;
  letter-spacing: 0.1em;
  margin-right: 0.71rem;
  padding: 0.59rem 0.23rem;
  position: relative;
}
.service-construction__permit-item-link > span::before {
  background-color: rgb(0, 0, 0);
  bottom: 0;
  content: "";
  height: 0.18rem;
  left: 0;
  position: absolute;
  right: 0;
}
.service-construction__title {
  flex-shrink: 0;
}
.service-construction__work {
  border-radius: 1.78rem;
  margin-bottom: 3.09rem;
  padding: 5.47rem 10.35rem 5.23rem;
  position: relative;
}
.service-construction__work > a {
  align-items: center;
  border: 0.06rem solid rgb(0, 0, 0);
  display: flex;
  font-size: 1.19rem;
  font-weight: 700;
  height: 4.1rem;
  justify-content: center;
  letter-spacing: 0.2em;
  margin: 0 auto;
  transition-duration: 0.3s;
  transition-timing-function: ease-in-out;
  width: 25.64rem;
}
@media (any-hover: hover) {
  .service-construction__work > a:hover {
    background-color: rgb(0, 0, 0);
    color: rgb(255, 255, 255);
  }
}
.service-construction__work > h3 {
  font-family: "dela-gothic-one", "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
  font-size: 2.67rem;
  left: 3.75rem;
  letter-spacing: 0.115em;
  padding: 0 0.59rem;
  position: absolute;
  right: 3.75rem;
  top: -1.42rem;
  z-index: 1;
}
.service-construction__work > h3::before {
  background-color: rgb(255, 255, 255);
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 1.13rem;
  z-index: -1;
}
.service-construction__work > img {
  aspect-ratio: 132/61;
  display: block;
  margin-bottom: 4.64rem;
  object-fit: cover;
  width: 100%;
}
.service-construction__work > p {
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
  font-size: 1.07rem;
  font-weight: 500;
  letter-spacing: 0.1em;
  line-height: 2.08;
  margin-bottom: 6.42rem;
}
.service-construction__work > ul {
  margin-bottom: 1.66rem;
}
.service-construction__work-item {
  display: flex;
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
  font-size: 1.07rem;
  font-weight: 500;
  letter-spacing: 0.1em;
  line-height: 2.08;
}
.service-construction__work-item > span:nth-child(1) {
  flex-shrink: 0;
}
.service-construction__work-item > span:nth-child(2) {
  width: 100%;
}
@media screen and (max-width: 767px) {
  .service-construction__flex {
    flex-direction: column;
  }
  .service-construction__inner {
    padding: 6.15rem 2.3rem 4.35rem;
  }
  .service-construction__permit > ul {
    padding: 0 3.07rem;
  }
  .service-construction__permit-item-link {
    align-items: center;
    display: inline-flex;
    position: relative;
  }
  .service-construction__permit-item-link::before {
    background-color: rgb(0, 0, 0);
    bottom: 0;
    content: "";
    height: 0.38rem;
    left: 0;
    position: absolute;
    right: 0;
  }
  .service-construction__permit-item-link > img {
    width: 3.58rem;
  }
  .service-construction__permit-item-link > span {
    font-size: 2.09rem;
    margin-right: 0.51rem;
    padding: 0.51rem 0.25rem;
  }
  .service-construction__permit-item-link > span::before {
    content: none;
  }
  .service-construction__title {
    display: none;
  }
  .service-construction__work {
    border-radius: 1.53rem;
    margin-bottom: 7.43rem;
    padding: 5.64rem 7.69rem 6.92rem;
  }
  .service-construction__work > a {
    border: 0.25rem solid rgb(0, 0, 0);
    font-size: 2.56rem;
    height: 7.17rem;
    letter-spacing: 0.1em;
    width: 46.92rem;
  }
  .service-construction__work > h3 {
    font-size: 4.1rem;
    left: 6.15rem;
    padding: 0 0.51rem;
    right: 2.56rem;
    top: -2.82rem;
    white-space: nowrap;
  }
  .service-construction__work > h3::before {
    top: 1.79rem;
  }
  .service-construction__work > img {
    margin-bottom: 4.87rem;
    padding: 0 6.66rem;
  }
  .service-construction__work > p {
    font-size: 2.05rem;
    margin-bottom: 4.61rem;
    white-space: nowrap;
  }
  .service-construction__work > ul {
    margin-bottom: 2.56rem;
  }
  .service-construction__work-item {
    font-size: 2.05rem;
    position: relative;
  }
  .service-construction__work-item > span:nth-child(1) {
    left: 0;
    position: absolute;
    top: 0;
    transform: translateX(-100%);
  }
  .service-construction__work-item > span:nth-child(2) {
    width: 100%;
  }
}

.service-other {
  position: relative;
}
.service-other__content {
  margin-top: 0.71rem;
  width: 100%;
}
.service-other__content > p {
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
  font-size: 1.07rem;
  font-weight: 500;
  letter-spacing: 0.1em;
  line-height: 2.5;
}
.service-other__flex {
  display: flex;
}
.service-other__inner {
  background-color: rgb(242, 242, 242);
  padding-bottom: 7.5rem;
}
.service-other__title {
  flex-shrink: 0;
}
@media screen and (max-width: 767px) {
  .service-other__content {
    margin-top: 1.53rem;
    padding: 0 5.89rem;
  }
  .service-other__content > p {
    font-size: 2.05rem;
  }
  .service-other__content > p > br.pc-only {
    display: none;
  }
  .service-other__flex {
    flex-direction: column;
  }
  .service-other__inner {
    padding-bottom: 3.58rem;
  }
  .service-other__title {
    flex-shrink: 1;
  }
}

.about-title {
  flex-shrink: 0;
  position: relative;
  width: 12.14rem;
}
.about-title > h2 {
  color: rgb(24, 21, 21);
  font-family: "toppan-bunkyu-midashi-go-std", "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
  font-size: 3.27rem;
  font-weight: 900;
  letter-spacing: 0.1em;
  padding: 0 0.83rem;
  position: relative;
  writing-mode: vertical-rl;
}
.about-title > h2::before {
  background-color: rgb(0, 0, 0);
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  top: 0;
  width: 0.12rem;
}
@media screen and (max-width: 767px) {
  .about-title {
    flex-shrink: 1;
    width: 100%;
  }
  .about-title > h2 {
    font-size: 4.1rem;
    padding: 0 2.3rem;
    writing-mode: horizontal-tb;
  }
  .about-title > h2::before {
    content: none;
  }
}

.pickup-title {
  align-items: center;
  display: flex;
  justify-content: center;
  position: relative;
}
.pickup-title > span {
  display: block;
  font-family: "toppan-bunkyu-midashi-go-std", "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
  font-weight: 900;
  letter-spacing: 0.1em;
}
.pickup-title > span:nth-child(1) {
  animation: pickup-title 2s infinite;
  color: rgb(255, 0, 0);
  flex-shrink: 0;
  font-size: 1.54rem;
  width: 9.52rem;
}
.pickup-title > span:nth-child(2) {
  font-size: 1.42rem;
}
.pickup-title > span:nth-child(2) > a {
  align-items: center;
  display: flex;
  white-space: nowrap;
  transition-duration: 0.3s;
  transition-timing-function: ease-in-out;
}
@media (any-hover: hover) {
  .pickup-title > span:nth-child(2) > a:hover {
    opacity: 0.7;
  }
}
.pickup-title > span:nth-child(2) > a > img {
  display: block;
  margin-left: 1.07rem;
  width: 3.3rem;
}
.pickup-title--large > span:nth-child(1) {
  font-size: 2.08rem;
  width: 13.21rem;
}
@media screen and (max-width: 767px) {
  .pickup-title > span:nth-child(1) {
    font-size: 2rem;
    width: 12.3rem;
  }
  .pickup-title > span:nth-child(2) {
    font-size: 1.88rem;
  }
  .pickup-title > span:nth-child(2) > a > img {
    margin-left: 0.51rem;
    width: 3.84rem;
  }
}
.pickup-title--large > span:nth-child(1) {
  font-size: 2.3rem;
  width: 13.33rem;
}
.pickup-title--large > span:nth-child(2) {
  font-size: 2.3rem;
}

.recruit-title {
  align-items: center;
  display: flex;
  font-family: "toppan-bunkyu-midashi-go-std", "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
  font-size: 2.67rem;
  font-weight: 900;
  height: 10.59rem;
  letter-spacing: 0.1em;
  justify-content: center;
  margin: 0 5% 0 3%;
  position: relative;
}
.recruit-title::before {
  background-color: rgb(255, 255, 255);
  border: 0.06rem solid rgb(34, 41, 55);
  bottom: 0;
  box-shadow: 1.6rem -0.83rem 0 rgba(111, 111, 111, 0.5);
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.recruit-title > span {
  position: relative;
}
@media screen and (max-width: 767px) {
  .recruit-title {
    font-size: 4.61rem;
    height: 11.53rem;
    margin: 0;
  }
  .recruit-title::before {
    border: 0.25rem solid rgb(34, 41, 55);
    box-shadow: 0 -0.83rem 0 rgba(111, 111, 111, 0.5);
  }
}

.service-title {
  position: relative;
  width: 10.95rem;
}
.service-title > h2 {
  color: rgb(24, 21, 21);
  font-family: "dela-gothic-one", "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
  font-size: 3.27rem;
  letter-spacing: 0.1em;
  padding: 0.59rem 0.83rem;
  position: relative;
  writing-mode: vertical-rl;
}
.service-title > h2::before {
  background-color: rgb(0, 0, 0);
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  top: 0;
  width: 0.12rem;
}
@media screen and (max-width: 767px) {
  .service-title {
    width: 100%;
  }
  .service-title > h2 {
    font-size: 4.1rem;
    padding: 0 3.07rem;
    writing-mode: horizontal-tb;
  }
  .service-title > h2::before {
    content: none;
  }
}

.work-list {
  position: relative;
}
.work-list__inner {
  background-color: rgb(242, 242, 242);
  padding: 5.35rem 0 8.33rem;
}
.work-list__post-item {
  width: calc((100% - 6.66rem) / 3);
}
.work-list__post-item-button {
  display: block;
  transition-duration: 0.3s;
  transition-timing-function: ease-in-out;
}
@media (any-hover: hover) {
  .work-list__post-item-button:hover {
    scale: 1.05;
  }
}
.work-list__post-item-button > h2 {
  font-family: "toppan-bunkyu-midashi-go-std", "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
  font-size: 1.78rem;
  font-weight: 900;
  letter-spacing: 0.2em;
  text-align: center;
}
.work-list__post-item-button--disabled {
  pointer-events: none;
}
.work-list__post-item-img {
  border-radius: 1.78rem;
  margin-bottom: 3.45rem;
  padding: 1.79rem 1.66rem;
}
.work-list__post-item-img > img {
  aspect-ratio: 184/117;
  border: 0.06rem solid rgb(0, 0, 0);
  border-radius: 1.19rem;
  display: block;
  object-fit: cover;
  width: 100%;
}
.work-list__post-item-modal {
  align-items: center;
  background-color: rgba(0, 0, 0, 0.35);
  bottom: 0;
  display: flex;
  justify-content: center;
  left: 0;
  opacity: 0;
  pointer-events: none;
  position: fixed;
  right: 0;
  top: 0;
  transition-duration: 0.3s;
  transition-timing-function: ease-in-out;
  z-index: 1000;
}
.work-list__post-item-modal--open {
  opacity: 1;
  pointer-events: auto;
}
.work-list__post-item-modal-item {
  display: flex;
}
.work-list__post-item-modal-item:nth-child(1) {
  margin-bottom: 0.59rem;
}
.work-list__post-item-modal-item > span {
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
  font-size: 0.95rem;
  letter-spacing: 0.1em;
}
.work-list__post-item-modal-item > span:nth-child(1) {
  flex-shrink: 0;
  width: 8.33rem;
}
.work-list__post-item-modal-item > span:nth-child(2) {
  width: 100%;
}
.work-list__post-item-modal-list {
  background-color: rgb(255, 255, 255);
  box-shadow: 0 0 0.29rem rgba(0, 0, 0, 0.35);
  display: flex;
  flex-direction: column;
  gap: 0.59rem;
  height: fit-content;
  max-height: 75%;
  overflow-y: auto;
  padding: 2.38rem;
}
.work-list__post-list {
  display: none;
}
.work-list__post-list--active {
  display: flex;
  flex-wrap: wrap;
  gap: 7.73rem 3.33rem;
}
.work-list__posts {
  background-color: rgb(255, 255, 255);
  border-color: rgb(0, 0, 0);
  border-style: solid;
  border-width: 0.12rem 0;
  padding: 8.92rem 0 8.45rem;
}
.work-list__tab-item > button {
  align-items: center;
  background-color: rgb(91, 91, 91);
  color: rgb(255, 255, 255);
  display: flex;
  font-family: "dela-gothic-one", "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
  font-size: 3.57rem;
  height: 9.76rem;
  justify-content: center;
  letter-spacing: 0.2em;
  transition-duration: 0.3s;
  transition-timing-function: ease-in-out;
  width: 28.63rem;
}
@media (any-hover: hover) {
  .work-list__tab-item > button:hover {
    background-color: rgb(0, 0, 0);
  }
}
.work-list__tab-item > button::before {
  background-color: transparent;
  bottom: -0.12rem;
  content: "";
  height: 0.12rem;
  left: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  transition-duration: 0.3s;
  transition-timing-function: ease-in-out;
}
.work-list__tab-item--active > button {
  background-color: rgb(255, 255, 255);
  border-color: rgb(0, 0, 0);
  border-style: solid;
  border-width: 0.12rem 0.12rem 0;
  color: rgb(0, 0, 0);
  pointer-events: none;
  position: relative;
}
.work-list__tab-item--active > button::before {
  background-color: rgb(255, 255, 255);
}
.work-list__tab-list {
  display: flex;
  gap: 19.64rem;
  justify-content: center;
}
@media screen and (max-width: 767px) {
  .work-list__inner {
    padding: 5.64rem 0 9.23rem;
  }
  .work-list__post-item {
    width: calc((100% - 7.68rem) / 3);
  }
  .work-list__post-item-button > h2 {
    font-size: 2.44rem;
  }
  .work-list__post-item-img {
    border-radius: 1.53rem;
    margin-bottom: 2.56rem;
    padding: 1.79rem;
  }
  .work-list__post-item-img > img {
    border: 0.25rem solid rgb(0, 0, 0);
    border-radius: 1.53rem;
  }
  .work-list__post-item-modal-item > span {
    font-size: 1.8rem;
  }
  .work-list__post-item-modal-item > span:nth-child(1) {
    width: 15rem;
  }
  .work-list__post-item-modal-list {
    max-height: 85%;
    padding: 3rem;
  }
  .work-list__post-list--active {
    gap: 8.71rem 3.83rem;
  }
  .work-list__posts {
    border-width: 0.25rem 0;
    padding: 10rem 0 11.02rem;
  }
  .work-list__tab-item > button {
    font-size: 4.1rem;
    height: 10rem;
    width: 29.48rem;
  }
  .work-list__tab-item > button::before {
    bottom: -0.25rem;
    height: 0.25rem;
  }
  .work-list__tab-item--active > button {
    border-width: 0.25rem 0.25rem 0;
  }
  .work-list__tab-list {
    gap: 19.48rem;
  }
}

@keyframes home-fv-button {
  0% {
    opacity: 0;
    scale: 0;
  }
  60% {
    opacity: 1;
    scale: 1;
  }
  100% {
    opacity: 0;
    scale: 250;
  }
}
@keyframes home-intro-main-item-slider {
  0%, 22% {
    transform: translate(0, 0);
  }
  25%, 47% {
    transform: translate(-12.5%, 0);
  }
  50%, 72% {
    transform: translate(-25%, 0);
  }
  75%, 97% {
    transform: translate(-37.5%, 0);
  }
  100% {
    transform: translate(-50%, 0);
  }
}
@keyframes pickup-title {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes sv-fade-bg-img-service {
  0% {
    opacity: 0;
  }
  10% {
    opacity: 1;
  }
  20% {
    opacity: 1;
  }
  40% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
body,
html {
  color: rgb(0, 0, 0);
  font-family: "kozuka-gothic-pr6n", "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
  font-size: 1vw;
  font-weight: 400;
  overflow-y: scroll;
}

[id] {
  scroll-margin-top: calc(var(--header-height) + 2rem);
}

.wf-loading {
  opacity: 0;
  pointer-events: none;
}