@charset "UTF-8";
.c-btn {
  height: 8rem;
  text-align: center;
  border-radius: 1rem;
  background-color: #fff;
  border: 2px solid #0580b7;
  padding: 0.8rem 2rem;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 767.98px) {
  .c-btn {
    height: 8.8rem;
  }
}
.c-btn.-arrow {
  position: relative;
}
.c-btn.-arrow span {
  display: inline-block;
  font-size: 1.8rem;
  letter-spacing: 0.15em;
  padding-right: 2.6rem;
  position: relative;
}
.c-btn.-arrow span:after {
  content: "";
  display: block;
  width: 1rem;
  height: 1rem;
  border-top: 1px solid #0580b7;
  border-right: 1px solid #0580b7;
  transform: rotateZ(45deg);
  position: absolute;
  top: calc((100% - 1rem) / 2);
  right: 0;
}
.c-btn.-arrow2 {
  height: 6.4rem;
  border: none;
  background-color: #fff;
  color: #0580b7;
  position: relative;
}
@media screen and (max-width: 767.98px) {
  .c-btn.-arrow2 {
    height: 8.8rem;
  }
}
.c-btn.-arrow2:after {
  content: "";
  display: block;
  width: 0.8rem;
  height: 0.8rem;
  border-top: 1px solid #0580b7;
  border-right: 1px solid #0580b7;
  transform: rotateZ(45deg);
  position: absolute;
  top: calc((100% - 0.8rem) / 2);
  right: 2rem;
}
.c-btn.-arrow3 {
  background-color: #f78779;
  width: 100%;
  max-width: 47.4rem;
  border-radius: 200rem;
  color: #fff;
  height: 8rem;
  border: none;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
}
@media screen and (max-width: 767.98px) {
  .c-btn.-arrow3 {
    max-width: 57.6rem;
    height: 12rem;
  }
}
.c-btn.-arrow3 span {
  display: block;
  width: 100%;
  text-align: center;
  padding-right: 1.6rem;
  position: relative;
}
.c-btn.-arrow3 span:after {
  content: "";
  display: block;
  width: 0.8rem;
  height: 0.8rem;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  transform: rotateZ(45deg);
  position: absolute;
  top: calc((100% - 0.8rem) / 2);
  right: 3.2rem;
}
.c-btn.-arrow4 {
  height: auto;
  background-color: #fff;
  max-width: 47.4rem;
  border-radius: 200rem;
  color: #0580b7;
  padding: 0.8rem 4rem;
  border: 1px solid #707070;
}
.c-btn.-arrow4 span {
  display: block;
  width: 100%;
  text-align: center;
  padding-right: 1.6rem;
  position: relative;
}
.c-btn.-arrow4 span:after {
  content: "";
  display: block;
  width: 0.8rem;
  height: 0.8rem;
  border-top: 1px solid #0580b7;
  border-right: 1px solid #0580b7;
  transform: rotateZ(45deg);
  position: absolute;
  top: calc((100% - 0.8rem) / 2);
  right: 0rem;
}

.sec1-concept {
  max-width: 144rem;
  margin-left: auto;
  margin-right: auto;
  width: calc(100% - 29rem);
}

.sec1-concept-left-txt {
  font-size: 4rem;
  font-weight: 700;
  letter-spacing: 0.3rem;
  line-height: 2;
  color: #0580B7;
  display: inline-block;
  background-color: #fff;
  line-height: 1.5;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  border-radius: 1rem;
}
.sec1-concept-left-txt span {
  color: #171717;
}

.sec1-concept-left-gr {
  display: flex;
  flex-direction: column;
  row-gap: 2.5rem;
  align-items: flex-start;
  padding-bottom: 4.3rem;
}

.sec1-concept-left-txt2 {
  font-size: 1.8rem;
  font-weight: 500;
  letter-spacing: 0.5rem;
  line-height: 2.2;
}

.sec1-concept-right {
  position: relative;
}

.sec1-concept {
  display: grid;
  grid-template-columns: 1fr 1fr;
}

.sec1-concept-right-gr img {
  border-radius: 2rem;
}

.sec1-concept-right-gr {
  position: absolute;
  top: -17rem;
  left: 0;
  right: 0;
}

.sec1-concept-right-img1 {
  max-width: 48rem;
  margin-left: auto;
  margin-right: auto;
}

.sec1-concept-right-img21 {
  max-width: 59.7rem;
  margin-left: 3rem;
}

.sec1-concept-right-img22 {
  max-width: 34.7rem;
  margin-left: auto;
  margin-top: -13rem;
  transform: translateX(9.01vw);
}

.sec1-concept-right-img2 {
  padding-top: 10rem;
}

.sec1-concept-left {
  padding-top: 7rem;
}

@media screen and (max-width: 767px) {
  .sec1-concept-right-img22 {
    transform: translateX(0.01vw);
  }
  .sec1-concept-right-gr {
    position: static;
  }
  .sec1-concept {
    display: flex;
    flex-direction: column-reverse;
    width: calc(100% - 3rem);
  }
  .sec1-concept-right-gr {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row-reverse;
    align-items: flex-end;
    margin-top: -11.7rem;
  }
  .sec1-concept-right-img21 {
    max-width: 28.8rem;
    margin-left: 0;
  }
  .sec1-concept-right-img22 {
    max-width: 17.3rem;
    margin-top: -6.4rem;
  }
  .sec1-concept-right-img2 img {
    border-radius: 1rem;
  }
  .sec1-concept-right-img1 {
    max-width: 24.8rem;
    margin-right: 0;
    padding-bottom: 1.7rem;
  }
  .sec1-concept-right-img2 {
    width: 36.3rem;
  }
  .sec1-concept-left-txt {
    font-size: 5.1rem;
    letter-spacing: 0.8rem;
  }
  .sec1-concept-left-gr {
    row-gap: 2rem;
    padding-left: 2.5rem;
    padding-right: 2.5rem;
    padding-bottom: 6.5rem;
  }
  .sec1-concept-left {
    padding-top: 11rem;
  }
  .sec1-concept-left-txt2 {
    padding-left: 5rem;
    padding-right: 9rem;
    font-size: 2.8rem;
    line-height: 1.7;
  }
}
@media screen and (max-width: 1440px) and (min-width: 768px) {
  .sec1-concept-left-txt {
    font-size: 3rem;
  }
  .sec1-concept-left-gr {
    row-gap: 1.5rem;
  }
  .sec1-concept {
    grid-template-columns: 51% 37%;
    justify-content: space-between;
  }
  .sec1-concept-right-img22 {
    max-width: 18.7rem;
    margin-top: -5rem;
    transform: translateX(8.01vw);
  }
  .sec1-concept-right-img21 {
    margin-left: 0;
  }
}
.brecum-page {
  max-width: 173rem;
  margin-left: auto;
  margin-right: auto;
  width: calc(100% - 3rem);
  padding-top: 16rem;
  padding-bottom: 5rem;
}
.brecum-page p {
  font-size: 1.2rem;
  color: #02344B;
  font-weight: 500;
  background-color: #EAEDEF;
  text-align: center;
  width: -moz-max-content;
  width: max-content;
  margin-left: auto;
  padding: 0.5rem 3.5rem;
  border-top-left-radius: 0.2rem;
  border-top-right-radius: 0.2rem;
  border-bottom-right-radius: 2rem;
  border-bottom-left-radius: 2rem;
}

@media screen and (min-width: 768px) {
  .brecum-sp {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .brecum-pc {
    display: none;
  }
  .brecum-page {
    padding-top: 15.5rem;
    padding-bottom: 15.5rem;
  }
  .brecum-page p {
    margin-left: auto;
    margin-right: auto;
    font-size: 1.4rem;
    padding: 0.8rem 5.7rem;
    border-bottom-right-radius: 3rem;
    border-bottom-left-radius: 3rem;
  }
}
.sec2-perormance {
  max-width: 120rem;
  margin-left: auto;
  margin-right: auto;
  width: calc(100% - 3rem);
  background-color: #fff;
  border-radius: 3rem;
  padding-top: 5rem;
  padding-bottom: 8rem;
  margin-top: 18rem;
}

.sec2-perormance-tlt {
  font-size: 2.8rem;
  font-weight: 700;
  text-align: center;
  letter-spacing: 0.5rem;
  color: #0580B7;
}

.sec2-perormance-ul {
  max-width: 96rem;
  margin-left: auto;
  margin-right: auto;
  display: grid;
  grid-template-columns: 22.7% 24.6% 31.5% 18.4%;
  padding-left: 0.4rem;
  padding-right: 0.4rem;
  justify-content: space-between;
  padding-top: 4.5rem;
}

.sec2-perormance-ul a {
  display: flex;
  color: #fff;
  background-color: #0580B7;
  border-radius: 0.5rem;
  font-size: 1.8rem;
  letter-spacing: 0.2rem;
  text-align: center;
  justify-content: center;
  align-items: center;
  height: 6rem;
  font-weight: 500;
}

.sec3-perormance {
  position: relative;
  margin-top: 19.5rem;
}

.sec3-perormance-right {
  width: 87.5%;
  margin-left: auto;
  border-top-left-radius: 30rem;
  background-color: #F1F3F3;
  border-bottom-left-radius: 3rem;
}

.sec3-perormance-right1-content {
  max-width: 76.5rem;
  margin-left: auto;
}

.sec3-perormance-right1, .sec3-perormance-right2 {
  max-width: 144rem;
  width: calc(100% - 1.5rem);
}

.sec3-perormance-right3 {
  max-width: 144rem;
  padding-bottom: 12.4rem;
}

.sec3-perormance-right3-main {
  max-width: 96rem;
  margin-left: auto;
  margin-right: auto;
  width: calc(100% - 3rem);
  background-color: #fff;
  border: 0.8rem solid #DFEDF3;
  padding-bottom: 2.5rem;
  border-radius: 0.2rem;
}

.sec3-perormance-right2 {
  padding-top: 12.5rem;
  padding-bottom: 11rem;
}

.sec3-perormance-right1-content .title-area-child-concept-gr {
  padding-bottom: 3.7rem;
  transform: translateY(-4rem);
}
.sec3-perormance-right1-content .title-area-child2-concept-gr {
  padding-left: 6rem;
}
.sec3-perormance-right1-content .txt-area-child-concept {
  padding-left: 7.5rem;
  max-width: 64.7rem;
  padding-top: 5.5rem;
}

.sec3-perormance-left-img img {
  border-top-right-radius: 10rem;
}

.sec3-perormance-left {
  position: relative;
}

.sec3-perormance-left-img {
  position: absolute;
  top: 17.6rem;
  left: 0;
  width: 43.8%;
}

.sec3-perormance-right2-content {
  max-width: 132rem;
  margin-left: auto;
  width: calc(100% - 1.5rem);
}

.sec3-perormance-right2-content {
  display: grid;
  grid-template-columns: 45.45% 1fr;
  align-items: flex-end;
}
.sec3-perormance-right2-content .txt-area-child-concept {
  padding-top: 4rem;
  padding-bottom: 5rem;
  padding-left: 1.3rem;
  max-width: 48rem;
}
.sec3-perormance-right2-content .sec3-perormance-btn-popup {
  margin-left: 1.3rem;
}

.sec3-perormance-right2-content-right {
  padding-right: 1.5rem;
}

.sec3-perormance-btn-popup {
  font-size: 1.7rem;
  font-weight: 500;
  letter-spacing: 0.3rem;
  color: #0580B7;
  background-color: #fff;
  border: 0;
  outline: 0;
  width: 48rem;
  height: 8rem;
  display: flex;
  justify-content: center;
  align-items: center;
  -moz-column-gap: 3.4rem;
       column-gap: 3.4rem;
  border-radius: 6rem;
  transition: all 0.3 ease-in-out;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}
.sec3-perormance-btn-popup img {
  width: 2.1rem;
}

.sec3-perormance-btn-popup:hover {
  opacity: 0.7;
}

.sec3-perormance-right2-content-right p {
  font-size: 1.2rem;
  font-weight: 500;
  text-align: center;
  letter-spacing: 0.3rem;
  padding-top: 1rem;
}

.sec3-perormance-right2-content-left {
  padding-bottom: 2.5rem;
}

.sec3-perormance-right3-stik {
  font-size: 1.4rem;
  font-weight: 500;
  color: #fff;
  letter-spacing: 0.2rem;
  display: inline-block;
  background-color: #6BB3D3;
  border-radius: 0.2rem;
  padding: 0.3rem 5rem;
  margin-left: 2.3rem;
  transform: translateY(-50%);
}

.sec3-perormance-right3-txt {
  font-size: 1.5rem;
  font-weight: 500;
  letter-spacing: 0.2rem;
  line-height: 2;
}
.sec3-perormance-right3-txt span {
  color: #0580B7;
}
.sec3-perormance-right3-txt {
  max-width: 68rem;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0.5rem;
}

.title-area-child-concept {
  font-size: 4rem;
  font-weight: 700;
  display: inline-block;
  color: #fff;
  letter-spacing: 0.3rem;
  background-color: #0580B7;
  border-radius: 3rem;
  line-height: 1;
  padding-left: 4rem;
  padding-right: 3.5rem;
  padding-top: 4rem;
  padding-bottom: 4rem;
}

.title-area-child-concept.charjs {
  clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
  opacity: 0;
  transition: all 1.5s ease-in-out;
}

.title-area-child-concept.charjs.active {
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
  opacity: 1;
}

.title-area-child-concept-gr {
  display: flex;
  flex-direction: column;
  row-gap: 2rem;
  align-items: flex-start;
}

.title-area-child2-concept-gr {
  display: flex;
  flex-direction: column;
  row-gap: 1rem;
  align-items: flex-start;
}

.title-area-child2-concept {
  font-size: 3rem;
  font-weight: 500;
  color: #0580B7;
  background-color: #fff;
  display: inline-block;
  line-height: 1;
  padding-left: 1.3rem;
  padding-right: 1.3rem;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  border-radius: 1rem;
}

.txt-area-child-concept {
  font-size: 1.8rem;
  font-weight: 500;
  letter-spacing: 0.3rem;
  line-height: 2.2;
}

.sec3-perormance-left-sp {
  max-width: 63rem;
  transform: translateX(-1.5rem);
}

.sec3-perormance-left-sp img {
  border-top-right-radius: 10rem;
}

.sec5-perormance {
  width: 87.5%;
  border-top-right-radius: 30rem;
  background-color: #F1F3F3;
  border-bottom-right-radius: 3rem;
  margin-top: 23rem;
  padding-bottom: 12.5rem;
}

.sec5-perormance-main {
  max-width: 144rem;
  margin-left: auto;
  width: calc(100% - 1.5rem);
}

.sec5-perormance .title-area-child-concept-gr {
  transform: translateY(-7rem);
  max-width: 129.5rem;
  margin-left: auto;
  margin-right: auto;
  width: calc(100% - 3rem);
}

.sec5-perormance1 {
  max-width: 140rem;
  width: calc(100% - 1.5rem);
  display: grid;
  grid-template-columns: 47.7% 1fr;
  padding-top: 1rem;
}
.sec5-perormance1 .txt-area-child-concept {
  padding-left: 1.7rem;
  max-width: 60rem;
  padding-top: 2.8rem;
}

.title-area-child2-concept-small {
  font-size: 1.5rem;
}

.sec5-perormance1-right-txt {
  font-size: 1.3rem;
  font-weight: 700;
  text-align: right;
  letter-spacing: 0.2rem;
  width: 76%;
  padding-top: 2rem;
}

.sec5-perormance1-left {
  padding-right: 2rem;
}

.sec5-perormance2 {
  max-width: 120rem;
  width: calc(100% - 1.5rem);
  display: grid;
  grid-template-columns: 40% 1fr;
  -moz-column-gap: 10%;
       column-gap: 10%;
  padding-top: 7rem;
}

.sec5-perormance2-left img {
  border-bottom-right-radius: 10rem;
}

.sec5-perormance2-right .txt-area-child-concept {
  padding-left: 1.5rem;
  padding-top: 3.6rem;
}

.sec5-perormance2-right {
  padding-top: 2rem;
}

.gr-title-area-child2-txt .txt-area-child-concept {
  padding-left: 1.7rem;
  padding-top: 4.5rem;
}

.tlt-ommoi {
  font-size: 3rem;
  font-weight: 500;
  letter-spacing: 0.2rem;
  display: inline-block;
  background-color: #fff;
  padding: 2.5rem;
  border-radius: 1rem;
  position: relative;
}
.tlt-ommoi span {
  color: #0580B7;
}

.tlt-ommoi:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 3.3rem;
  height: 2.4rem;
  transform: translateX(-50%) translateY(50%);
  background-image: url(../img/concept/performance/pic17.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
}

.tlt-ommoi-icon {
  font-size: 2.8rem;
  font-weight: 500;
  text-align: center;
  letter-spacing: 0.3rem;
  line-height: 1.4;
}

.sec9-perormance--all {
  max-width: 96rem;
  margin-left: auto;
  margin-right: auto;
  width: calc(100% - 3rem);
}

.sec9-perormance-img img {
  border-radius: 2rem;
}

.sec9-perormance-img {
  padding-top: 3rem;
}

.sec9-perormance-link {
  position: relative;
}

.sec9-perormance-link-item {
  font-size: 1.8rem;
  font-weight: 700;
  background-color: #fff;
  display: inline-flex;
  letter-spacing: 0.2rem;
  align-items: center;
  -moz-column-gap: 1rem;
       column-gap: 1rem;
  width: 48rem;
  height: 7.8rem;
  border-radius: 20rem;
  justify-content: center;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 4.8rem;
}

.sec9-perormance-link-item::after {
  content: "";
  display: inline-block;
  background-image: url(../img/concept/performance/pic22.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  width: 2.4rem;
  height: 2.4rem;
}

.sec2-concept-main--ico:before {
  content: "";
  position: absolute;
  display: block;
  width: 38.9rem;
  height: 9.7rem;
  background-image: url(../img/concept/performance/pic24.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  top: -4.5rem;
  left: 9.2rem;
}

.sec2-concept-main--ico-main {
  position: relative;
}

.performance-opup-manter {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1000;
  background-color: rgba(0, 0, 0, 0.3);
  display: none;
}

.performance-opup-manter.is-active {
  display: block;
}

.performance-opup-manter-main {
  width: 100%;
  height: 100%;
  overflow: auto;
  padding: 3rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

.performance-opup-manter-main-img {
  padding: 7.5rem;
  background-color: #fff;
  border-radius: 2rem;
  width: -moz-max-content;
  width: max-content;
  position: relative;
}

.opup-manter-content1 {
  width: 106.5rem;
}

.performance-opup-close {
  width: 3.5rem;
  background-color: transparent;
  border: 0;
  position: absolute;
  top: 3.5rem;
  right: 3.5rem;
  z-index: 1;
}

.tlt-ommoi--black {
  color: #fff;
  background-color: #02344B;
}

.tlt-ommoi--black:before {
  background-image: url(../img/concept/structure/pic3.png);
}

.sec10-structure-all {
  padding-top: 11.7rem;
}

.sec4-structure-link-item-all {
  font-size: 1.8rem;
  font-weight: 500;
  letter-spacing: 0.3rem;
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 1;
  width: 100%;
  height: 8.4rem;
  border-radius: 8rem;
  border: 0.2rem solid #1C8BBD;
  background-color: #fff;
  background-image: url(../img/concept/structure/pic19.png);
  background-repeat: no-repeat;
  background-size: 1.5rem auto;
  background-position: right 3rem center;
  max-width: 47rem;
}
.sec4-structure-link-item-all span {
  color: #0580B7;
}

.sec4-structure-link-item-all--center {
  margin-left: auto;
  margin-right: auto;
}

.sec8-guarantee-main {
  margin-top: 21rem;
  margin-bottom: 17.3rem;
}

@media screen and (max-width: 1440px) and (min-width: 768px) {
  .title-area-child-concept {
    font-size: 3rem;
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
  .sec3-perormance-right1-content .title-area-child2-concept-gr {
    padding-left: 3rem;
  }
  .sec3-perormance-right1-content .txt-area-child-concept {
    padding-left: 4.5rem;
  }
  .sec3-perormance-right2-content {
    width: calc(100% - 10rem);
  }
  .sec3-perormance-right2-content-right {
    padding-right: 8.5rem;
  }
  .title-area-child2-concept {
    font-size: 2.5rem;
  }
  .sec3-perormance-right1-content .title-area-child-concept-gr {
    padding-bottom: 2.7rem;
  }
  .sec3-perormance-left-img {
    top: 11.6rem;
  }
  .sec5-perormance {
    padding-left: 10rem;
    padding-right: 5rem;
  }
  .gr-title-area-child2-txt .txt-area-child-concept {
    padding-top: 2rem;
  }
  .tlt-ommoi {
    font-size: 2.2rem;
    padding: 2rem;
  }
  .tlt-ommoi-icon {
    font-size: 2.1rem;
  }
}
@media screen and (min-width: 768px) {
  .sec3-perormance-left-sp {
    display: none;
  }
  .title-area-child2-concept-gr--sp {
    display: none;
  }
  .sec2-concept-main--ico-main {
    display: none;
  }
  .hiden-befor:before {
    content: none !important;
  }
  .hiden-befor {
    padding-top: 0 !important;
  }
  .performance-opup-manter-content-sp {
    display: none;
  }
  .view-sp {
    display: none !important;
  }
  .sec2-perormance-ul-normal {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    -moz-column-gap: 1.5rem;
         column-gap: 1.5rem;
  }
  .sec2-perormance-ul-normal a {
    padding-left: 2.7rem;
    padding-right: 2.7rem;
  }
}
@media screen and (max-width: 767px) {
  .sec2-perormance-tlt-2linesp {
    line-height: 1.5;
  }
  .title-area-child-concept {
    font-size: 3.4rem;
    padding-left: 3rem;
    padding-right: 2.7rem;
    padding-top: 3rem;
    padding-bottom: 3rem;
    border-radius: 2rem;
  }
  .title-area-child-concept-gr {
    row-gap: 1.8rem;
  }
  .sec3-perormance-left {
    display: none;
  }
  .sec3-perormance-right1-content .title-area-child2-concept-gr {
    padding-left: 5rem;
    padding-top: 7.8rem;
  }
  .title-area-child2-concept {
    font-size: 3.4rem;
    padding-left: 2.4rem;
    padding-right: 2.4rem;
    font-weight: 700;
  }
  .title-area-child2-concept-gr {
    row-gap: 1.5rem;
  }
  .sec3-perormance-right1-content .txt-area-child-concept {
    padding-left: 5.8rem;
    max-width: 68.7rem;
    padding-top: 5rem;
  }
  .txt-area-child-concept {
    font-size: 2.8rem;
    line-height: 1.7;
  }
  .sec3-perormance-right1, .sec3-perormance-right2 {
    width: 100%;
  }
  .sec3-perormance-right1-content .title-area-child-concept-gr {
    padding-bottom: 4.7rem;
    transform: translateY(-3rem);
  }
  .sec3-perormance {
    margin-top: 15rem;
  }
  .title-area-child2-concept-gr--pc {
    display: none;
  }
}
@media screen and (min-width: 768px) {
  .sec3-perormance-right2-content-imgsp {
    display: none;
  }
  .sec3-perormance-right2-content-right-bottom {
    display: none;
  }
  .tlt-ommoi-brsp {
    display: none;
  }
  .sec9-perormance-img-sp {
    display: none;
  }
  .sec9-perormance-link-br {
    display: none;
  }
}
@media screen and (max-width: 999px) and (min-width: 768px) {
  .sec3-perormance-right2-content {
    grid-template-columns: 42.45% 1fr;
  }
  .sec3-perormance-right2-content-right p {
    font-size: 1.5rem;
  }
  .sec3-perormance-right2 {
    padding-top: 5.5rem;
  }
  .sec3-perormance-right3-txt {
    max-width: 69rem;
  }
}
@media screen and (max-width: 767px) {
  .sec2-perormance {
    width: calc(100% - 7rem);
    margin-top: 11.5rem;
    padding-top: 5rem;
    padding-bottom: 6rem;
  }
  .sec2-perormance-tlt {
    font-size: 4rem;
  }
  .sec2-perormance-ul a {
    font-size: 2.4rem;
    height: 8rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    letter-spacing: 0.3rem;
  }
  .sec2-perormance-ul {
    max-width: 55.5rem;
    display: flex;
    flex-wrap: wrap;
    row-gap: 0.8rem;
    -moz-column-gap: 0.8rem;
         column-gap: 0.8rem;
    justify-content: flex-start;
  }
  .sec3-perormance-right {
    width: calc(100% - 1.5rem);
  }
  .sec3-perormance-right2-content {
    display: block;
    width: 100%;
  }
  .sec3-perormance-right2-content .title-area-child2-concept-gr {
    padding-left: 5rem;
  }
  .sec3-perormance-right2-content .txt-area-child-concept {
    padding-left: 5.8rem;
    max-width: 68.7rem;
    padding-top: 5rem;
    padding-bottom: 0;
  }
  .txt-area-child-concept-brpc {
    display: none;
  }
  .sec3-perormance-right2 {
    padding-top: 7rem;
    padding-bottom: 12.5rem;
  }
  .sec3-perormance-btn-popup--pc {
    display: none;
  }
  .sec3-perormance-right2-content-right {
    padding-right: 0;
    padding-left: 5rem;
    padding-right: 6rem;
  }
  .sec3-perormance-right2-content-left {
    padding-bottom: 4rem;
  }
  .sec3-perormance-right2-content-right p {
    font-size: 1.7rem;
    transform: translateX(-1rem);
    padding-top: 2rem;
  }
  .sec3-perormance-right2-content-imgpc {
    display: none;
  }
  .sec3-perormance-btn-popup {
    font-size: 2rem;
    -moz-column-gap: 1.7rem;
         column-gap: 1.7rem;
    width: 57.6rem;
    height: 10.4rem;
  }
  .sec3-perormance-right2-content .sec3-perormance-btn-popup {
    margin-left: auto;
    margin-right: auto;
  }
  .sec3-perormance-btn-popup img {
    width: 2.3rem;
  }
  .sec3-perormance-right2-content-right-bottom {
    padding-top: 7rem;
  }
  .sec3-perormance-right3-main {
    max-width: 64rem;
    padding-bottom: 3rem;
  }
  .sec3-perormance-right3-stik {
    font-size: 2rem;
    padding: 0.6rem 2.5rem;
    margin-left: 5rem;
    transform: translateY(-50%);
  }
  .sec3-perormance-right3-txt {
    font-size: 2.4rem;
    font-weight: 500;
    letter-spacing: 0.2rem;
    line-height: 1.7;
    max-width: 100%;
    padding-left: 5rem;
    padding-right: 5rem;
    padding-top: 1rem;
  }
  .sec3-perormance-right3 {
    padding-bottom: 12rem;
  }
  .sec3-perormance-right3-txt-br {
    display: none;
  }
  .sec5-perormance {
    width: calc(100% - 1.5rem);
    margin-top: 19rem;
    padding-bottom: 10rem;
  }
  .sec5-perormance .title-area-child-concept-gr {
    transform: translateY(-3.3rem);
    max-width: 100%;
    width: calc(100% - 6rem);
  }
  .sec5-perormance-main {
    max-width: 100%;
    margin-left: 0;
    width: 100%;
    padding-left: 6.5rem;
    padding-right: 6.5rem;
  }
  .sec5-perormance1 {
    max-width: 100%;
    width: 100%;
    display: block;
    padding-top: 5rem;
  }
  .title-area-child2-concept--pc {
    display: none;
  }
  .sec5-perormance1-left {
    padding-right: 0;
  }
  .sec5-perormance1 .txt-area-child-concept {
    padding-left: 1rem;
    max-width: 100%;
    padding-top: 5.3rem;
  }
  .sec5-perormance1-right {
    padding-top: 9rem;
  }
  .sec5-perormance1-right-txt {
    font-size: 1.5rem;
    width: 100%;
    padding-top: 0;
    margin-top: -4rem;
    padding-right: 3.6rem;
  }
  .sec5-perormance2 {
    max-width: 100%;
    width: 100%;
    display: block;
    padding-top: 7.7rem;
  }
  .sec5-perormance2-left img {
    max-width: 48rem;
    transform: translateX(-6.5rem);
  }
  .sec5-perormance2-right {
    padding-top: 8rem;
  }
  .sec5-perormance2-right .txt-area-child-concept {
    padding-left: 1rem;
    padding-top: 5.3rem;
  }
  .gr-title-area-child2-txt .txt-area-child-concept {
    padding-left: 0.8rem;
    max-width: 63.6rem;
    padding-top: 2rem;
  }
  .gr-title-area-child2-txt {
    padding-left: 5rem;
  }
  .tlt-ommoi {
    display: block;
    padding: 2.5rem;
    max-width: 64rem;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    line-height: 1.5;
  }
  .tlt-ommoi-icon {
    font-size: 3.8rem;
  }
  .sec9-perormance-img-pc {
    display: none;
  }
  .sec9-perormance-img {
    max-width: 64rem;
    margin-left: auto;
    margin-right: auto;
    padding-top: 2rem;
  }
  .sec9-perormance-link-item {
    font-size: 2rem;
    width: 57.6rem;
    height: 10.4rem;
    line-height: 1.5;
    text-align: center;
    -moz-column-gap: 0;
         column-gap: 0;
    background-image: url(../img/concept/performance/pic22.png);
    background-repeat: no-repeat;
    background-size: 2.4rem auto;
    background-position: right 5.5rem center;
    bottom: 5.5rem;
  }
  .sec9-perormance-link-item:after {
    content: none;
  }
  .sec2-concept-main--ico:before {
    z-index: 3;
    width: 50.4rem;
    height: 12.6rem;
    left: 50%;
    transform: translateX(-50%);
    top: -6.3rem;
  }
  .performance-opup-manter-content-pc {
    display: none;
  }
  .performance-opup-manter-main {
    padding-left: 2.2rem;
    padding-right: 2.2rem;
    padding-top: 26.7rem;
    display: block;
  }
  .performance-opup-manter-main-img {
    padding: 5.5rem 0;
    width: 100%;
    text-align: center;
  }
  .performance-opup-close {
    width: 7rem;
    top: 5rem;
    right: 3rem;
  }
  .opup-manter-content2 {
    width: 60rem;
  }
  .view-pc {
    display: none !important;
  }
  .notifile-scrool {
    font-size: 2rem;
    letter-spacing: 0.2rem;
    font-weight: 500;
    text-align: right;
  }
  .sec10-structure-all {
    padding-top: 18.5rem;
  }
  .sec3-perormance-left-sp--right {
    margin-left: auto;
    transform: translateX(1.5rem);
  }
  .sec3-perormance-left-sp--right img {
    border-top-right-radius: 0;
    border-top-left-radius: 10rem;
  }
  .sec4-structure-link-item-all {
    max-width: 57.6rem;
    height: 12rem;
    background-position: right 2rem center;
    font-size: 2.8rem;
  }
  .sec8-guarantee-main {
    margin-top: 17rem;
    margin-bottom: 18.5rem;
  }
}
.page-recruit.is-fixed {
  overflow: hidden;
}
.page-recruit .section-title {
  width: -moz-fit-content;
  width: fit-content;
  font-size: 4rem;
  font-weight: 700;
  line-height: 1.3;
  color: #171717;
  letter-spacing: 0.15em;
  margin-bottom: 4rem;
  position: relative;
}
.page-recruit .section-title:before {
  content: "";
  display: block;
  font-size: 1.2rem;
  font-family: "Rubik", serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  color: #0580b7;
  letter-spacing: 0.12em;
  position: absolute;
  top: -3.2rem;
  left: 0;
  z-index: -1;
}
@media screen and (max-width: 767.98px) {
  .page-recruit .section-title:before {
    font-size: 2rem;
    top: -4rem;
  }
}
.page-recruit .c-btn.-arrow3 {
  color: #fff;
  background-color: #0580b7;
  height: 7.2rem;
}
.page-recruit .recruit-mv {
  height: calc(100vh - 28rem);
}
@media screen and (max-width: 767.98px) {
  .page-recruit .recruit-mv {
    height: 100%;
  }
}
.page-recruit .recruit-mv .c-container {
  max-width: none;
  position: relative;
  padding: 0;
}
.page-recruit .recruit-mv-slider .swiper-wrapper {
  transition-timing-function: linear;
}
.page-recruit .recruit-mv-slider .swiper-slide {
  width: auto;
  height: calc(100vh - 28rem);
}
@media screen and (max-width: 767.98px) {
  .page-recruit .recruit-mv-slider .swiper-slide {
    width: 100%;
    height: 100%;
    aspect-ratio: 688/860;
  }
}
.page-recruit .recruit-mv-img img {
  border-radius: 3rem;
  width: auto;
  height: calc(100vh - 28rem);
}
@media screen and (max-width: 767.98px) {
  .page-recruit .recruit-mv-img img {
    width: 100%;
    height: 100%;
    aspect-ratio: 688/860;
    -o-object-fit: cover;
       object-fit: cover;
  }
}
.page-recruit .recruit-mv-catch {
  position: absolute;
  bottom: 100px;
  left: 0;
  z-index: 1;
}
@media screen and (max-width: 1439px) {
  .page-recruit .recruit-mv-catch {
    bottom: 70px;
  }
}
.page-recruit .recruit-mv-catch-title {
  font-size: 4rem;
  font-weight: 700;
  line-height: 1;
  color: #171717;
  letter-spacing: 0.15em;
  padding: 1.2rem 1.2rem 1.2rem 4rem;
  background-color: #fff;
  border-radius: 0 1rem 1rem 0;
}
.page-recruit .recruit-mv-catch-sub {
  font-size: 1.5rem;
  font-family: "Rubik", serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  line-height: 1;
  color: #0580b7;
  padding-left: 4rem;
  margin-top: 1.6rem;
}
.page-recruit .recruit-mv-catch-img {
  position: absolute;
  left: 57rem;
  top: -6rem;
}
.page-recruit .recruit-mv-catch-img img {
  width: 34.4rem;
  height: 16.7rem;
  -o-object-fit: contain;
     object-fit: contain;
  transform: rotateZ(-17deg);
}
.page-recruit .recruit-mission {
  margin-top: 22rem;
  position: relative;
}
@media screen and (max-width: 767.98px) {
  .page-recruit .recruit-mission {
    margin-top: 26rem;
    padding-top: 5rem;
    overflow: hidden;
  }
}
.page-recruit .recruit-mission:before {
  content: "";
  display: block;
  width: 46.6rem;
  height: 35.2rem;
  background: transparent url(../img/recruit/bg_mission_l.webp) no-repeat scroll center center/contain;
  position: absolute;
  top: 4rem;
  left: 0;
  z-index: -1;
}
@media screen and (max-width: 767.98px) {
  .page-recruit .recruit-mission:before {
    width: 35rem;
    height: 26.4rem;
    top: 38rem;
    left: 0;
  }
}
.page-recruit .recruit-mission:after {
  content: "";
  display: block;
  width: 47.8rem;
  height: 42.2rem;
  background: transparent url(../img/recruit/bg_mission_r.webp) no-repeat scroll center center/contain;
  position: absolute;
  top: -5rem;
  right: 0;
  z-index: -1;
}
@media screen and (max-width: 767.98px) {
  .page-recruit .recruit-mission:after {
    width: 29rem;
    height: 25.6rem;
    top: 0;
    right: -3rem;
  }
}
.page-recruit .recruit-mission .c-container {
  position: relative;
  z-index: 1;
}
.page-recruit .recruit-mission-title {
  font-size: 1.8rem;
  font-weight: 400;
  color: #171717;
  margin-bottom: 4rem;
}
@media screen and (max-width: 767.98px) {
  .page-recruit .recruit-mission-title {
    font-size: 2rem;
  }
}
.page-recruit .recruit-mission-title span {
  font-size: 3.4rem;
  font-weight: 400;
  color: #171717;
}
@media screen and (max-width: 767.98px) {
  .page-recruit .recruit-mission-title span {
    font-size: 4rem;
  }
}
.page-recruit .recruit-mission-txt {
  font-size: 4rem;
  font-weight: 700;
  color: #171717;
  line-height: 2;
  letter-spacing: 0.15em;
  text-align: center;
}
@media screen and (max-width: 767.98px) {
  .page-recruit .recruit-mission-txt {
    margin-top: 8rem;
    font-size: 4.2rem;
    letter-spacing: 0.08em;
    line-height: 1.9047619048;
  }
}
.page-recruit .recruit-mission-content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10rem;
  margin-top: 20rem;
}
@media screen and (max-width: 767.98px) {
  .page-recruit .recruit-mission-content {
    flex-direction: column;
    gap: 10rem;
    margin-top: 20rem;
  }
}
.page-recruit .recruit-mission-content-img {
  width: 48rem;
  height: 60rem;
  margin-left: 4rem;
  position: relative;
}
.page-recruit .recruit-mission-content-img img {
  width: 100%;
  max-width: 48rem;
  -o-object-fit: cover;
     object-fit: cover;
  transform: rotateZ(-7deg);
  border-radius: 2rem;
}
.page-recruit .recruit-mission-content-img:before {
  content: "";
  display: block;
  width: 48rem;
  height: 60rem;
  background-color: #67B1D2;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  transform: rotateZ(4deg);
  border-radius: 2rem;
}
.page-recruit .recruit-mission-content-info {
  width: calc(100% - 48rem - 10rem);
}
@media screen and (max-width: 767.98px) {
  .page-recruit .recruit-mission-content-info {
    width: 100%;
    padding: 0 2.4rem;
  }
}
.page-recruit .recruit-mission-content-info-ttl {
  padding: 0.4rem 4rem;
  margin-bottom: 4rem;
  background-color: #fff;
  border-radius: 1rem;
}
@media screen and (max-width: 767.98px) {
  .page-recruit .recruit-mission-content-info-ttl {
    font-size: 5rem;
    letter-spacing: 0.08em;
    line-height: 1.6;
  }
}
.page-recruit .recruit-mission-content-info-ttl:before {
  content: "・Message";
  top: -4.8rem;
}
.page-recruit .recruit-mission-content-info-txt {
  font-size: 2rem;
  font-weight: 500;
  color: #171717;
  line-height: 2.5;
  letter-spacing: 0.15em;
}
@media screen and (max-width: 767.98px) {
  .page-recruit .recruit-mission-content-info-txt {
    font-size: 2.8rem;
    line-height: 1.7142857143;
  }
}
.page-recruit .recruit-mission-bridge {
  margin-top: 20rem;
}
@media screen and (max-width: 767.98px) {
  .page-recruit .recruit-mission-bridge {
    margin-top: 10rem;
  }
}
.page-recruit .recruit-mission-bridge .swiper-wrapper {
  transition-timing-function: linear;
  align-items: stretch;
}
.page-recruit .recruit-mission-bridge .swiper-slide {
  width: auto;
  display: flex;
  flex-direction: column;
  height: auto;
}
.page-recruit .recruit-mission-bridge-img {
  width: 53rem;
}
.page-recruit .recruit-mission-bridge-img img {
  border-radius: 1rem;
  display: block;
}
.page-recruit .recruit-mission-bridge-img.-small01 {
  width: 32.5rem;
}
.page-recruit .recruit-mission-bridge-img.-small02 {
  width: 32.5rem;
  margin-top: auto;
}
.page-recruit .recruit-job {
  margin-top: 20rem;
  padding-top: 19rem;
  padding-left: 8rem;
  padding-bottom: 12rem;
  position: relative;
}
@media screen and (min-width: 1680px) {
  .page-recruit .recruit-job {
    padding-bottom: 20rem;
  }
}
@media screen and (max-width: 767.98px) {
  .page-recruit .recruit-job {
    margin-top: 16rem;
    padding-top: 16rem;
    padding-bottom: 19.2rem;
    padding-left: 0;
  }
}
.page-recruit .recruit-job:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-color: #f1f3f3;
  border-radius: 30rem 0 0 0;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
@media screen and (max-width: 767.98px) {
  .page-recruit .recruit-job:before {
    border-radius: 15rem 0 0 0;
  }
}
.page-recruit .recruit-job .c-container {
  max-width: 1680px;
}
@media screen and (max-width: 1439px) {
  .page-recruit .recruit-job .c-container {
    padding: 0 4rem 0 0;
  }
}
@media screen and (max-width: 767.98px) {
  .page-recruit .recruit-job .c-container {
    padding: 0 4rem;
  }
}
.page-recruit .recruit-job-wrapper {
  display: flex;
  justify-content: flex-start;
}
@media screen and (max-width: 767.98px) {
  .page-recruit .recruit-job-wrapper {
    flex-direction: column;
  }
}
@media screen and (max-width: 767.98px) {
  .page-recruit .recruit-job-head {
    padding-left: 2.4rem;
  }
}
.page-recruit .recruit-job-title {
  position: sticky;
  top: 14rem;
  z-index: 1;
  writing-mode: vertical-lr;
  padding-left: 4rem;
}
@media screen and (max-width: 767.98px) {
  .page-recruit .recruit-job-title {
    position: relative;
    top: auto;
    writing-mode: horizontal-tb;
    padding-left: 0;
  }
}
.page-recruit .recruit-job-title:before {
  content: "・Our job";
  top: 0;
  left: 2rem;
}
@media screen and (max-width: 767.98px) {
  .page-recruit .recruit-job-title:before {
    top: -4rem;
    left: 0;
  }
}
.page-recruit .recruit-job-body {
  padding-left: 12rem;
}
@media screen and (max-width: 767.98px) {
  .page-recruit .recruit-job-body {
    padding-left: 0;
    margin-top: 4rem;
  }
}
.page-recruit .recruit-job-list {
  counter-reset: nmb;
}
.page-recruit .recruit-job-item {
  counter-increment: nmb;
  padding: 8rem 8rem 6rem 7rem;
  margin-top: 8rem;
  position: relative;
}
@media screen and (min-width: 1680px) {
  .page-recruit .recruit-job-item {
    padding: 11rem 14rem 9rem;
    margin-top: 14rem;
    min-width: 1320px;
  }
}
@media screen and (max-width: 767.98px) {
  .page-recruit .recruit-job-item {
    padding: 0 4rem 8rem;
    display: flex;
    flex-direction: column;
    gap: 4rem;
  }
}
.page-recruit .recruit-job-item:before {
  content: "";
  display: block;
  width: 100%;
  height: calc(100% - 2.6rem);
  background-color: #fff;
  border-radius: 2rem;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -1;
}
@media screen and (max-width: 767.98px) {
  .page-recruit .recruit-job-item:before {
    height: calc(100% - 6.8rem);
  }
}
.page-recruit .recruit-job-item-img {
  width: 40rem;
  order: 2;
  position: absolute;
  bottom: 6rem;
  right: 8rem;
}
@media screen and (min-width: 1680px) {
  .page-recruit .recruit-job-item-img {
    width: 46.5rem;
    bottom: 9rem;
    right: 14rem;
  }
}
@media screen and (max-width: 767.98px) {
  .page-recruit .recruit-job-item-img {
    width: 46.5rem;
    margin: 0 auto;
    position: relative;
    bottom: auto;
    right: auto;
    order: 1;
  }
}
.page-recruit .recruit-job-item-img img {
  border-radius: 4rem 0 4rem 0;
}
.page-recruit .recruit-job-item-info {
  width: 100%;
  padding-right: 44rem;
  order: 1;
  margin-right: auto;
}
@media screen and (min-width: 1680px) {
  .page-recruit .recruit-job-item-info {
    margin-right: auto;
    padding-right: 57rem;
  }
}
@media screen and (max-width: 767.98px) {
  .page-recruit .recruit-job-item-info {
    padding-right: 0;
    order: 2;
  }
}
.page-recruit .recruit-job-item-info-ttl {
  font-size: 4rem;
  font-weight: 700;
  color: #02344b;
  letter-spacing: 0.08em;
  padding-top: 1.6rem;
  position: relative;
}
@media screen and (max-width: 767.98px) {
  .page-recruit .recruit-job-item-info-ttl {
    font-size: 4.2rem;
  }
}
.page-recruit .recruit-job-item-info-ttl:before {
  content: counter(nmb, decimal-leading-zero);
  font-size: 1.2rem;
  font-family: "Rubik", serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  color: #0580b7;
  letter-spacing: 0.12em;
  position: absolute;
  top: 0;
  left: 0;
}
@media screen and (max-width: 767.98px) {
  .page-recruit .recruit-job-item-info-ttl:before {
    font-size: 2rem;
    line-height: 1.3;
  }
}
.page-recruit .recruit-job-item-info-subttl {
  font-size: 2.4rem;
  font-weight: 700;
  color: #0580b7;
  letter-spacing: 0.08em;
  margin-top: 1.2rem;
}
@media screen and (max-width: 767.98px) {
  .page-recruit .recruit-job-item-info-subttl {
    font-size: 3rem;
  }
}
.page-recruit .recruit-job-item-info-txt {
  max-width: 60rem;
  font-size: 1.5rem;
  font-weight: 500;
  letter-spacing: 0.15em;
  line-height: 2;
  margin-top: 2rem;
}
@media screen and (max-width: 767.98px) {
  .page-recruit .recruit-job-item-info-txt {
    font-size: 2.6rem;
    line-height: 1.7692307692;
  }
}
.page-recruit .recruit-job-item-info-btn {
  text-align: left;
}
@media screen and (max-width: 767.98px) {
  .page-recruit .recruit-job-item-info-btn {
    text-align: center;
  }
}
.page-recruit .recruit-job-item-info-btn .c-btn {
  margin-top: 3.2rem;
}
@media screen and (max-width: 767.98px) {
  .page-recruit .recruit-job-item-info-btn .c-btn {
    margin-top: 7.2rem;
  }
}
.page-recruit .recruit-job-item-info-btn .c-btn.-arrow3 {
  width: 39rem;
  margin-left: 0;
}
@media screen and (max-width: 767.98px) {
  .page-recruit .recruit-job-item-info-btn .c-btn.-arrow3 {
    width: calc(100% - 3.2rem);
    max-width: none;
    height: 10.4rem;
    display: inline-flex;
  }
}
.page-recruit .recruit-job-item-info-btn button {
  transition: all 0.3s ease 0s;
}
@media (hover: hover) {
  .page-recruit .recruit-job-item-info-btn button:hover {
    opacity: 0.8;
  }
}
.page-recruit .recruit-job-item:first-of-type {
  margin-top: 0;
}
.page-recruit .recruit-interview {
  display: none;
  width: 100vw;
  height: 100%;
  z-index: 120;
  background-color: #e7f3f8;
  padding-bottom: 16rem;
  position: fixed;
  top: 0;
  left: 0;
  overflow-y: auto;
}
@media screen and (max-width: 767.98px) {
  .page-recruit .recruit-interview {
    margin-top: 0;
  }
}
.page-recruit .recruit-interview.is-active {
  display: block;
}
.page-recruit .recruit-interview-content .c-container {
  max-width: 120rem;
  padding: 0;
}
.page-recruit .recruit-interview-content .interview-header {
  background-color: #b8dbea;
  padding: 10rem 0 12rem;
  position: relative;
}
@media screen and (max-width: 767.98px) {
  .page-recruit .recruit-interview-content .interview-header {
    padding: 11.2rem 6.4rem 16rem;
  }
}
.page-recruit .recruit-interview-content .interview-header:after {
  content: "INTERVIEW";
  display: block;
  width: 100%;
  font-size: 25.5rem;
  font-family: "Rubik", serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  color: #fff;
  text-align: justify;
  -moz-text-align-last: justify;
       text-align-last: justify;
  text-justify: inter-character;
  line-height: 0.7;
  position: absolute;
  bottom: -0.2rem;
  left: 0;
  z-index: 0;
}
@media screen and (max-width: 767.98px) {
  .page-recruit .recruit-interview-content .interview-header:after {
    font-size: 10.5rem;
  }
}
.page-recruit .recruit-interview-content .interview-header-inner {
  display: flex;
  justify-content: space-between;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 767.98px) {
  .page-recruit .recruit-interview-content .interview-header-inner {
    flex-direction: column;
    gap: 3.2rem;
  }
}
.page-recruit .recruit-interview-content .interview-info {
  width: 50rem;
}
@media screen and (max-width: 767.98px) {
  .page-recruit .recruit-interview-content .interview-info {
    width: 100%;
    order: 2;
  }
}
.page-recruit .recruit-interview-content .interview-info-txt {
  font-size: 3.5rem;
  font-weight: 700;
  line-height: 1.7142857143;
  letter-spacing: 0.08em;
  margin-top: 4rem;
  margin-right: -5rem;
}
@media screen and (max-width: 767.98px) {
  .page-recruit .recruit-interview-content .interview-info-txt {
    font-size: 4.4rem;
    line-height: 1.8636363636;
    margin-top: 5.2rem;
    margin-right: 0;
  }
}
.page-recruit .recruit-interview-content .interview-prof {
  width: 100%;
  border-radius: 3rem;
  background-color: #fff;
  padding: 3rem 3.6rem;
}
.page-recruit .recruit-interview-content .interview-prof-ttl {
  font-size: 2.4rem;
  font-weight: 700;
  color: #0580b7;
  letter-spacing: 0.08em;
}
@media screen and (max-width: 767.98px) {
  .page-recruit .recruit-interview-content .interview-prof-ttl {
    font-size: 4.6rem;
  }
}
.page-recruit .recruit-interview-content .interview-prof-job {
  font-size: 2rem;
  color: #0580b7;
  font-weight: 700;
}
@media screen and (max-width: 767.98px) {
  .page-recruit .recruit-interview-content .interview-prof-job {
    font-size: 2.8rem;
  }
}
.page-recruit .recruit-interview-content .interview-prof-name {
  font-size: 1.6rem;
}
@media screen and (max-width: 767.98px) {
  .page-recruit .recruit-interview-content .interview-prof-name {
    font-size: 2rem;
  }
}
.page-recruit .recruit-interview-content .interview-prof-name span {
  font-size: 3rem;
  font-weight: 700;
}
.page-recruit .recruit-interview-content .interview-img {
  width: 58rem;
}
@media screen and (max-width: 767.98px) {
  .page-recruit .recruit-interview-content .interview-img {
    width: 100%;
    order: 1;
  }
}
.page-recruit .recruit-interview-content .interview-img img {
  border-radius: 3rem;
}
@media screen and (max-width: 767.98px) {
  .page-recruit .recruit-interview-content .interview-body .c-container {
    padding: 0 4rem;
  }
}
.page-recruit .recruit-interview-content .interview-body-faq {
  padding-top: 12.6rem;
  max-width: 96rem;
  margin: 0 auto;
}
@media screen and (max-width: 767.98px) {
  .page-recruit .recruit-interview-content .interview-body-faq {
    padding: 0 2.4rem;
    padding-top: 11.6rem;
  }
}
.page-recruit .recruit-interview-content .interview-body-question {
  font-size: 3rem;
  font-weight: 700;
  line-height: 1.6666666667;
  letter-spacing: 0.15em;
  padding-left: 5.8rem;
  position: relative;
}
@media screen and (max-width: 767.98px) {
  .page-recruit .recruit-interview-content .interview-body-question {
    font-size: 4rem;
    line-height: 1.7;
    padding-left: 4rem;
  }
}
.page-recruit .recruit-interview-content .interview-body-question:before {
  content: "";
  display: block;
  width: 3.6rem;
  height: 2px;
  background-color: #1e6f94;
  position: absolute;
  top: calc((100% - 2px) / 2);
  left: 0;
}
@media screen and (max-width: 767.98px) {
  .page-recruit .recruit-interview-content .interview-body-question:before {
    width: 2.4rem;
    top: 3.2rem;
  }
}
.page-recruit .recruit-interview-content .interview-body-answer {
  margin-top: 2.4rem;
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 2.2222222222;
  letter-spacing: 0.15em;
}
@media screen and (max-width: 767.98px) {
  .page-recruit .recruit-interview-content .interview-body-answer {
    font-size: 2.8rem;
    line-height: 1.7142857143;
  }
}
.page-recruit .recruit-interview-content .interview-body-img {
  padding-top: 12.6rem;
}
.page-recruit .recruit-interview-content .interview-body-img img {
  border-radius: 3rem;
}
.page-recruit .recruit-interview-content .interview-footer {
  margin-top: 14rem;
}
.page-recruit .recruit-interview-content .interview-daily {
  padding-top: 12rem;
  padding-bottom: 14rem;
  position: relative;
}
.page-recruit .recruit-interview-content .interview-daily:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-color: #6BB3D3;
  border-radius: 20rem 20rem 0 0;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
@media screen and (max-width: 767.98px) {
  .page-recruit .recruit-interview-content .interview-daily:before {
    border-radius: 10rem 10rem 0 0;
  }
}
@media screen and (max-width: 767.98px) {
  .page-recruit .recruit-interview-content .interview-daily .c-container {
    padding: 0 6.4rem;
  }
}
.page-recruit .recruit-interview-content .interview-daily-title {
  display: flex;
  align-items: center;
  gap: 3rem;
  font-size: 3.5rem;
  font-weight: 700;
  line-height: 1.7142857143;
  letter-spacing: 0.15em;
  color: #fff;
}
.page-recruit .recruit-interview-content .interview-daily-title img {
  width: 13rem;
  height: 13rem;
  border-radius: 200rem;
  border: 1px solid #fff;
}
.page-recruit .recruit-interview-content .interview-daily .schedule {
  margin-top: 6rem;
}
@media screen and (max-width: 767.98px) {
  .page-recruit .recruit-interview-content .interview-daily .schedule .swiper-wrapper {
    flex-direction: column;
    gap: 1.6rem;
  }
}
.page-recruit .recruit-interview-content .interview-daily .schedule .swiper-slide {
  width: 30rem;
  height: auto;
}
@media screen and (max-width: 767.98px) {
  .page-recruit .recruit-interview-content .interview-daily .schedule .swiper-slide {
    width: 100%;
  }
}
.page-recruit .recruit-interview-content .interview-daily .schedule-item {
  width: 30rem;
  height: 100%;
  min-height: 19.6rem;
  padding: 3.6rem 2rem 2.7rem 2.4rem;
  background-color: #fff;
  border-radius: 2rem;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  transition: transform 0.3s;
}
@media screen and (max-width: 767.98px) {
  .page-recruit .recruit-interview-content .interview-daily .schedule-item {
    width: 100%;
    height: auto;
    padding: 3.4rem 3.2rem 2.8rem;
  }
}
.page-recruit .recruit-interview-content .interview-daily .schedule-item .time {
  font-size: 3rem;
  font-family: "Rubik", serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  color: #0580b7;
  line-height: 1;
}
.page-recruit .recruit-interview-content .interview-daily .schedule-item .todo {
  margin-top: 1.6rem;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.875;
  color: #171717;
}
@media screen and (max-width: 767.98px) {
  .page-recruit .recruit-interview-content .interview-daily .schedule-item .todo {
    font-size: 2.6rem;
    margin-top: 0.8rem;
  }
}
.page-recruit .recruit-interview-content .interview-daily .schedule .swiper-scrollbar {
  background-color: #a9ccdc;
  height: 4px;
  margin-top: 1.6rem;
  position: relative;
  bottom: 0;
  left: 0;
  width: 100%;
}
@media screen and (max-width: 767.98px) {
  .page-recruit .recruit-interview-content .interview-daily .schedule .swiper-scrollbar {
    display: none;
  }
}
.page-recruit .recruit-interview-content .interview-daily .schedule .swiper-scrollbar-drag {
  background: #1e6f94;
}
.page-recruit .recruit-interview .btn-close.-small {
  width: 7.2rem;
  height: 7.2rem;
  border-radius: 200rem;
  background-color: #555;
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 6rem;
  right: 6rem;
  z-index: 120;
  cursor: pointer;
}
@media screen and (max-width: 767.98px) {
  .page-recruit .recruit-interview .btn-close.-small {
    top: 2.4rem;
    right: 2.4rem;
  }
}
.page-recruit .recruit-interview .btn-close.-small span {
  display: block;
  width: 3rem;
  height: 3rem;
  transform: rotate(45deg);
  position: relative;
}
.page-recruit .recruit-interview .btn-close.-small span:before, .page-recruit .recruit-interview .btn-close.-small span:after {
  content: "";
  display: block;
  width: 3rem;
  height: 1px;
  background-color: #fff;
  position: absolute;
  top: 50%;
  left: 0;
}
.page-recruit .recruit-interview .btn-close.-small span:after {
  transform: rotate(90deg);
}
.page-recruit .recruit-interview .btn-close.-large {
  width: 24rem;
  height: 7.2rem;
  border-radius: 200rem;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-size: 1.5rem;
  font-weight: 500;
  color: #fff;
  background-color: #555;
  cursor: pointer;
}
@media screen and (max-width: 767.98px) {
  .page-recruit .recruit-interview .btn-close.-large {
    width: 30rem;
    height: 10.4rem;
    font-size: 2.8rem;
  }
}
.page-recruit .recruit-interview .btnbox {
  padding-top: 12rem;
  text-align: center;
}
.page-recruit .recruit-environment {
  padding-top: 16rem;
  padding-bottom: 20rem;
}
@media screen and (max-width: 767.98px) {
  .page-recruit .recruit-environment {
    padding-top: 19.2rem;
  }
}
.page-recruit .recruit-environment .c-container {
  padding: 0 8rem;
}
@media screen and (min-width: 1680px) {
  .page-recruit .recruit-environment .c-container {
    padding: 0 2rem;
  }
}
@media screen and (max-width: 767.98px) {
  .page-recruit .recruit-environment .c-container {
    padding: 0 4rem;
  }
}
.page-recruit .recruit-environment-inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media screen and (max-width: 767.98px) {
  .page-recruit .recruit-environment-inner {
    flex-direction: column;
    gap: 14rem;
  }
}
.page-recruit .recruit-environment .section-title:before {
  content: "・Environment";
}
.page-recruit .recruit-environment-img {
  width: 45.8333333333%;
  position: relative;
}
@media screen and (min-width: 1680px) {
  .page-recruit .recruit-environment-img {
    width: 66rem;
  }
}
@media screen and (max-width: 767.98px) {
  .page-recruit .recruit-environment-img {
    width: 100%;
    padding: 0 2.4rem;
    order: 1;
  }
}
.page-recruit .recruit-environment-img:before, .page-recruit .recruit-environment-img:after {
  content: "";
  display: block;
  position: absolute;
}
.page-recruit .recruit-environment-img:before {
  width: 22.2rem;
  height: 22.2rem;
  background: transparent url(../img/recruit/bg_environment_img01.png) no-repeat center center/contain;
  bottom: -3.2rem;
  left: -15rem;
}
@media screen and (max-width: 767.98px) {
  .page-recruit .recruit-environment-img:before {
    bottom: -5.2rem;
    left: -4.6rem;
  }
}
.page-recruit .recruit-environment-img:after {
  width: 7.3rem;
  height: 20.9rem;
  background: transparent url(../img/recruit/bg_environment_img02.png) no-repeat center center/contain;
  top: -6.3rem;
  right: -5.2rem;
  z-index: -1;
}
@media screen and (max-width: 767.98px) {
  .page-recruit .recruit-environment-img:after {
    top: -7.2rem;
    right: -1.6rem;
  }
}
.page-recruit .recruit-environment-img img {
  border-radius: 3rem;
}
.page-recruit .recruit-environment-info {
  width: calc(100% - 66rem);
}
@media screen and (max-width: 767.98px) {
  .page-recruit .recruit-environment-info {
    width: 100%;
    padding: 0 2.4rem;
    order: 2;
  }
}
.page-recruit .recruit-environment-info-btn {
  width: 39rem;
  margin-top: 4rem;
}
@media screen and (max-width: 767.98px) {
  .page-recruit .recruit-environment-info-btn {
    width: 100%;
    text-align: center;
  }
}
.page-recruit .recruit-environment-info-btn .c-btn.-arrow3 {
  margin-left: 0;
  transition: all 0.3s ease 0s;
}
@media screen and (max-width: 767.98px) {
  .page-recruit .recruit-environment-info-btn .c-btn.-arrow3 {
    width: calc(100% - 3.2rem);
    max-width: none;
    height: 10.4rem;
    display: inline-flex;
    margin-left: auto;
  }
}
@media (hover: hover) {
  .page-recruit .recruit-environment-info-btn .c-btn.-arrow3:hover {
    opacity: 0.8;
  }
}
.page-recruit .recruit-environment-subttl {
  font-size: 2.4rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  margin-top: 1.2rem;
}
.page-recruit .recruit-benefits {
  display: none;
  width: 100vw;
  height: 100%;
  z-index: 120;
  background-color: #e7f3f8;
  padding-top: 13rem;
  padding-bottom: 16rem;
  position: fixed;
  top: 0;
  left: 0;
  overflow-y: auto;
}
@media screen and (max-width: 767.98px) {
  .page-recruit .recruit-benefits {
    margin-top: 0;
    padding-top: 9rem;
    padding-bottom: 13rem;
  }
}
.page-recruit .recruit-benefits.is-active {
  display: block;
}
.page-recruit .recruit-benefits-content .c-container {
  max-width: 120rem;
  padding: 0;
}
@media screen and (max-width: 767.98px) {
  .page-recruit .recruit-benefits-content .c-container {
    padding: 0 6.4rem;
  }
}
.page-recruit .recruit-benefits-title {
  font-size: 4rem;
  font-weight: 700;
  letter-spacing: 0.15em;
  color: #0580b7;
}
.page-recruit .recruit-benefits-body {
  margin-top: 9rem;
}
@media screen and (max-width: 767.98px) {
  .page-recruit .recruit-benefits-body {
    margin-top: 7rem;
  }
}
.page-recruit .recruit-benefits-list {
  display: flex;
  flex-wrap: wrap;
  gap: 3rem;
}
@media screen and (max-width: 767.98px) {
  .page-recruit .recruit-benefits-list {
    flex-direction: column;
    gap: 3.2rem;
  }
}
.page-recruit .recruit-benefits-item {
  width: calc((100% - 6rem) / 3);
  min-height: 20rem;
  background-color: #fff;
  border-radius: 2rem;
  padding: 2rem 4rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media screen and (max-width: 767.98px) {
  .page-recruit .recruit-benefits-item {
    width: 100%;
    min-height: 24rem;
    padding: 2rem 2rem 2rem 3.2rem;
  }
}
.page-recruit .recruit-benefits-item-box {
  padding-left: 8rem;
  position: relative;
}
@media screen and (max-width: 767.98px) {
  .page-recruit .recruit-benefits-item-box {
    padding-left: 14rem;
  }
}
.page-recruit .recruit-benefits-item-box:before {
  content: "";
  display: block;
  width: 6rem;
  height: 6rem;
  background-color: #e7f3f8;
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: center center;
  border-radius: 200rem;
  position: absolute;
  top: calc((100% - 6rem) / 2);
  left: 0;
}
@media screen and (max-width: 767.98px) {
  .page-recruit .recruit-benefits-item-box:before {
    width: 10rem;
    height: 10rem;
    top: calc((100% - 10rem) / 2);
  }
}
.page-recruit .recruit-benefits-item-box.-icon01:before {
  background-image: url(../img/recruit/icon_benefits01.svg);
  background-size: 3.7rem 4.2rem;
}
@media screen and (max-width: 767.98px) {
  .page-recruit .recruit-benefits-item-box.-icon01:before {
    background-size: 6.2rem 6.2rem;
  }
}
.page-recruit .recruit-benefits-item-box.-icon02:before {
  background-image: url(../img/recruit/icon_benefits02.svg);
  background-size: 3.2rem 4.2rem;
}
@media screen and (max-width: 767.98px) {
  .page-recruit .recruit-benefits-item-box.-icon02:before {
    background-size: 6.2rem 6.2rem;
  }
}
.page-recruit .recruit-benefits-item-box.-icon03:before {
  background-image: url(../img/recruit/icon_benefits03.svg);
  background-size: 3.8rem 3.7rem;
}
@media screen and (max-width: 767.98px) {
  .page-recruit .recruit-benefits-item-box.-icon03:before {
    background-size: 6.2rem 6.2rem;
  }
}
.page-recruit .recruit-benefits-item-box.-icon04:before {
  background-image: url(../img/recruit/icon_benefits04.svg);
  background-size: 3.7rem 3.7rem;
}
@media screen and (max-width: 767.98px) {
  .page-recruit .recruit-benefits-item-box.-icon04:before {
    background-size: 6.2rem 6.2rem;
  }
}
.page-recruit .recruit-benefits-item-box.-icon05:before {
  background-image: url(../img/recruit/icon_benefits05.svg);
  background-size: 2.4rem 4rem;
}
@media screen and (max-width: 767.98px) {
  .page-recruit .recruit-benefits-item-box.-icon05:before {
    background-size: 6.2rem 6.2rem;
  }
}
.page-recruit .recruit-benefits-item-box.-icon06:before {
  background-image: url(../img/recruit/icon_benefits06.svg);
  background-size: 5rem 3.2rem;
}
@media screen and (max-width: 767.98px) {
  .page-recruit .recruit-benefits-item-box.-icon06:before {
    background-size: 7.2rem 6.2rem;
  }
}
.page-recruit .recruit-benefits-item-ttl {
  font-size: 2rem;
  font-weight: 700;
}
@media screen and (max-width: 767.98px) {
  .page-recruit .recruit-benefits-item-ttl {
    font-size: 3.2rem;
  }
}
.page-recruit .recruit-benefits-item-txt {
  font-size: 1.5rem;
  line-height: 1.6666666667;
  font-weight: 500;
}
@media screen and (max-width: 767.98px) {
  .page-recruit .recruit-benefits-item-txt {
    font-size: 2.8rem;
    line-height: 1.7142857143;
  }
}
.page-recruit .recruit-benefits .btn-close {
  transition: all 0.3s ease 0s;
}
.page-recruit .recruit-benefits .btn-close.-small {
  width: 7.2rem;
  height: 7.2rem;
  border-radius: 200rem;
  background-color: #555;
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 6rem;
  right: 6rem;
  z-index: 120;
  cursor: pointer;
}
@media screen and (max-width: 767.98px) {
  .page-recruit .recruit-benefits .btn-close.-small {
    top: 2.4rem;
    right: 2.4rem;
  }
}
.page-recruit .recruit-benefits .btn-close.-small span {
  display: block;
  width: 3rem;
  height: 3rem;
  transform: rotate(45deg);
  position: relative;
}
.page-recruit .recruit-benefits .btn-close.-small span:before, .page-recruit .recruit-benefits .btn-close.-small span:after {
  content: "";
  display: block;
  width: 3rem;
  height: 1px;
  background-color: #fff;
  position: absolute;
  top: 50%;
  left: 0;
}
.page-recruit .recruit-benefits .btn-close.-small span:after {
  transform: rotate(90deg);
}
.page-recruit .recruit-benefits .btn-close.-large {
  width: 24rem;
  height: 7.2rem;
  border-radius: 200rem;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-size: 1.5rem;
  font-weight: 500;
  color: #fff;
  background-color: #555;
  cursor: pointer;
}
@media screen and (max-width: 767.98px) {
  .page-recruit .recruit-benefits .btn-close.-large {
    width: 30rem;
    height: 10.4rem;
    font-size: 2.8rem;
  }
}
@media (hover: hover) {
  .page-recruit .recruit-benefits .btn-close:hover {
    opacity: 0.8;
  }
}
.page-recruit .recruit-benefits .btnbox {
  padding-top: 12rem;
  text-align: center;
}
.page-recruit .recruit-data {
  padding-top: 14rem;
  padding-bottom: 16rem;
  position: relative;
}
@media screen and (max-width: 767.98px) {
  .page-recruit .recruit-data {
    padding-top: 15.6rem;
  }
}
.page-recruit .recruit-data:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-color: #6BB3D3;
  border-radius: 30rem 30rem 0 0;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
@media screen and (max-width: 767.98px) {
  .page-recruit .recruit-data:before {
    border-radius: 15rem 15rem 0 0;
  }
}
.page-recruit .recruit-data-inner {
  padding: 0 6rem;
}
@media screen and (min-width: 1440px) {
  .page-recruit .recruit-data-inner {
    padding: 0 2rem;
  }
}
@media screen and (max-width: 767.98px) {
  .page-recruit .recruit-data-inner {
    padding: 0 2.4rem;
  }
}
.page-recruit .recruit-data .section-title:before {
  content: "・Data";
  color: #fff;
  left: 50%;
  transform: translateX(-50%);
}
.page-recruit .recruit-data-title {
  text-align: center;
  margin: 0 auto;
  color: #fff;
}
.page-recruit .recruit-data-body {
  margin-top: 10rem;
}
.page-recruit .recruit-data-list {
  display: flex;
  flex-wrap: wrap;
  gap: 4rem;
}
@media screen and (max-width: 767.98px) {
  .page-recruit .recruit-data-list {
    flex-direction: column;
    gap: 4rem;
  }
}
.page-recruit .recruit-data-item {
  width: calc((100% - 8rem) / 3);
  min-height: 40rem;
  background-color: #fff;
  border-radius: 3rem;
  padding: 2rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1.6rem;
}
@media screen and (max-width: 767.98px) {
  .page-recruit .recruit-data-item {
    width: 100%;
    min-height: 0;
    height: 40rem;
    padding: 2rem 4rem;
    gap: 4rem;
  }
}
.page-recruit .recruit-data-item-img {
  width: calc(100% - 20rem - 1.6rem);
}
@media screen and (max-width: 767.98px) {
  .page-recruit .recruit-data-item-img {
    width: 22rem;
  }
}
.page-recruit .recruit-data-item-info {
  width: 20rem;
  height: 100%;
  padding-top: 10rem;
}
@media screen and (max-width: 767.98px) {
  .page-recruit .recruit-data-item-info {
    width: 50%;
    height: auto;
    padding-top: 0;
  }
}
.page-recruit .recruit-data-item-ttl {
  font-size: 2.2rem;
  font-weight: 700;
  letter-spacing: 0.08em;
}
@media screen and (max-width: 767.98px) {
  .page-recruit .recruit-data-item-ttl {
    font-size: 2.8rem;
  }
}
.page-recruit .recruit-data-item-txt {
  font-size: 2.2rem;
  font-weight: 500;
  letter-spacing: 0.15em;
  line-height: 1;
}
@media screen and (max-width: 767.98px) {
  .page-recruit .recruit-data-item-txt {
    font-size: 2.8rem;
  }
}
.page-recruit .recruit-data-item-txt span {
  font-family: "Rubik", serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  font-size: 7.4rem;
  letter-spacing: 0.05em;
  line-height: 1;
  color: #0580b7;
}
@media screen and (max-width: 767.98px) {
  .page-recruit .recruit-data-item-txt span {
    font-size: 9.9rem;
  }
}
.page-recruit .recruit-data-item-txt .note {
  font-size: 1rem;
  font-weight: 500;
  letter-spacing: 0.15em;
  margin-top: 2rem;
}
@media screen and (max-width: 767.98px) {
  .page-recruit .recruit-data-item-txt .note {
    font-size: 2rem;
  }
}
.page-recruit .recruit-data-item:nth-of-type(2) .recruit-data-item-info, .page-recruit .recruit-data-item:nth-of-type(5) .recruit-data-item-info {
  padding-left: 2rem;
}
@media screen and (max-width: 767.98px) {
  .page-recruit .recruit-data-item:nth-of-type(2) .recruit-data-item-info, .page-recruit .recruit-data-item:nth-of-type(5) .recruit-data-item-info {
    padding-left: 0;
  }
}
@media screen and (max-width: 767.98px) {
  .page-recruit .recruit-data-item:nth-of-type(2) .recruit-data-item-img {
    padding-left: 1.6rem;
  }
}
@media screen and (max-width: 767.98px) {
  .page-recruit .recruit-data-item:nth-of-type(2) .recruit-data-item-img img {
    width: 90%;
  }
}
@media screen and (max-width: 767.98px) {
  .page-recruit .recruit-data-item:nth-of-type(3) .recruit-data-item-img {
    padding-left: 1.6rem;
  }
}
@media screen and (max-width: 767.98px) {
  .page-recruit .recruit-data-item:nth-of-type(3) .recruit-data-item-img img {
    width: 94%;
  }
}
.page-recruit .recruit-requirements {
  padding-top: 14rem;
  padding-bottom: 16rem;
  position: relative;
}
@media screen and (max-width: 767.98px) {
  .page-recruit .recruit-requirements .c-container {
    padding: 0 4rem;
  }
}
.page-recruit .recruit-requirements-inner {
  padding: 0 6rem;
}
@media screen and (min-width: 1440px) {
  .page-recruit .recruit-requirements-inner {
    padding: 0 2rem;
  }
}
@media screen and (max-width: 767.98px) {
  .page-recruit .recruit-requirements-inner {
    padding: 0;
  }
}
.page-recruit .recruit-requirements .section-title:before {
  content: "・Requirements";
}
.page-recruit .recruit-requirements-body {
  margin-top: 2rem;
}
@media screen and (max-width: 767.98px) {
  .page-recruit .recruit-requirements-body {
    margin-top: 6rem;
  }
}
.page-recruit .recruit-requirements-tab {
  position: relative;
}
@media screen and (max-width: 767.98px) {
  .page-recruit .recruit-requirements-tab {
    padding: 0 2rem;
  }
}
.page-recruit .recruit-requirements-tab:before {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background-color: #707070;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -1;
}
.page-recruit .recruit-requirements-tab .tab-list {
  width: 96rem;
  margin: 0 auto;
  display: flex;
  position: relative;
}
@media screen and (max-width: 767.98px) {
  .page-recruit .recruit-requirements-tab .tab-list {
    width: 100%;
  }
}
.page-recruit .recruit-requirements-tab .tab-item {
  width: 100%;
}
.page-recruit .recruit-requirements-tab .tab-item button {
  display: block;
  width: 100%;
  height: 12.6rem;
  font-size: 3rem;
  font-weight: 700;
  text-align: center;
  border-radius: 3rem 3rem 0 0;
  border: 1px solid #eceff1;
  border-bottom: none;
  background-color: #eceff1;
  padding: 2.4rem 0;
  transition: all 0.3s ease 0s;
  position: relative;
}
.page-recruit .recruit-requirements-tab .tab-item button:after {
  opacity: 0;
  content: "";
  display: block;
  width: calc(100% - 6.4rem);
  height: 0.4rem;
  background-color: #0580b7;
  position: absolute;
  bottom: 0;
  left: 3.2rem;
  transition: all 0.3s ease 0s;
}
@media screen and (max-width: 767.98px) {
  .page-recruit .recruit-requirements-tab .tab-item button:after {
    width: calc(100% - 3.2rem);
    left: 1.6rem;
  }
}
@media (hover: hover) {
  .page-recruit .recruit-requirements-tab .tab-item button:hover {
    background-color: #fff;
  }
  .page-recruit .recruit-requirements-tab .tab-item button:hover:after {
    opacity: 0.3;
  }
}
.page-recruit .recruit-requirements-tab .tab-item.is-active {
  position: relative;
  pointer-events: none;
}
.page-recruit .recruit-requirements-tab .tab-item.is-active:after {
  content: "";
  display: block;
  width: calc(100% - 6.4rem);
  height: 0.4rem;
  background-color: #0580b7;
  position: absolute;
  bottom: 0;
  left: 3.2rem;
}
@media screen and (max-width: 767.98px) {
  .page-recruit .recruit-requirements-tab .tab-item.is-active:after {
    width: calc(100% - 3.2rem);
    left: 1.6rem;
  }
}
.page-recruit .recruit-requirements-tab .tab-item.is-active button {
  color: #0580b7;
  background-color: #fff;
  border-color: #707070;
}
.page-recruit .recruit-requirements-content {
  width: 96rem;
  margin: 0 auto;
  margin-top: 5.6rem;
}
@media screen and (max-width: 767.98px) {
  .page-recruit .recruit-requirements-content {
    width: 100%;
    padding: 0 1.6rem;
  }
}
.page-recruit .recruit-requirements-content .tab-content {
  display: none;
}
.page-recruit .recruit-requirements-content .tab-content.is-active {
  display: block;
}
.page-recruit .recruit-requirements-content .accordion-box {
  background-color: #fff;
  border: 1px solid #6bb3d3;
  margin-top: 2rem;
}
.page-recruit .recruit-requirements-content .accordion-box.is-active .accordion-title:after {
  transform: translateY(-50%) rotate(0);
}
.page-recruit .recruit-requirements-content .accordion-title {
  font-size: 2.8rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  line-height: 1.4;
  padding: 3.6rem 8rem 3.6rem 3.2rem;
  position: relative;
  cursor: pointer;
}
@media screen and (max-width: 767.98px) {
  .page-recruit .recruit-requirements-content .accordion-title {
    letter-spacing: 0.15em;
    line-height: 1.7142857143;
  }
}
.page-recruit .recruit-requirements-content .accordion-title:before, .page-recruit .recruit-requirements-content .accordion-title:after {
  content: "";
  display: block;
  width: 3rem;
  height: 0.3rem;
  background-color: #0580b7;
  position: absolute;
  top: 50%;
  right: 3.2rem;
  transition: all 0.3s ease 0s;
}
.page-recruit .recruit-requirements-content .accordion-title:after {
  transform: rotate(-90deg);
}
.page-recruit .recruit-requirements-content .accordion-content {
  padding: 0 3.2rem 4.8rem;
  display: none;
}
.page-recruit .recruit-requirements-content .accordion-content .job-info {
  border-bottom: 1px solid #bbb;
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 767.98px) {
  .page-recruit .recruit-requirements-content .accordion-content .job-info {
    flex-direction: column;
    justify-content: flex-start;
  }
}
.page-recruit .recruit-requirements-content .accordion-content .job-info-ttl {
  width: 15rem;
  color: #0580b7;
  border-right: 1px solid #bbb;
  background-color: #fafafa;
  padding: 2rem 1.2rem 2rem 3.2rem;
}
@media screen and (max-width: 767.98px) {
  .page-recruit .recruit-requirements-content .accordion-content .job-info-ttl {
    width: 100%;
    border-right: none;
    border-bottom: 1px solid #bbb;
    font-size: 2.6rem;
    padding: 2rem;
  }
}
.page-recruit .recruit-requirements-content .accordion-content .job-info-txt {
  width: calc(100% - 15rem);
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 2;
  padding: 2rem 1.2rem 2rem 3.2rem;
}
@media screen and (max-width: 767.98px) {
  .page-recruit .recruit-requirements-content .accordion-content .job-info-txt {
    width: 100%;
    font-size: 2.6rem;
    line-height: 1.7692307692;
    padding: 2rem;
  }
}
.page-recruit .recruit-requirements-content .accordion-content .job-info:first-of-type {
  border-top: 1px solid #bbb;
}
.page-recruit .recruit-entry {
  padding-top: 16rem;
  padding-bottom: 16rem;
  background-color: #0580b7;
  position: relative;
  overflow: hidden;
}
@media screen and (max-width: 767.98px) {
  .page-recruit .recruit-entry {
    padding-top: 12rem;
    padding-bottom: 12rem;
  }
}
.page-recruit .recruit-entry:before {
  content: "";
  display: block;
  width: 66rem;
  height: 66rem;
  background: transparent url(../img/recruit/bg_entry.webp) no-repeat scroll center center/contain;
  opacity: 0.18;
  position: absolute;
  top: 0;
  right: -8rem;
  z-index: 0;
}
@media screen and (max-width: 767.98px) {
  .page-recruit .recruit-entry:before {
    width: 51rem;
    height: 51rem;
    right: -5rem;
  }
}
.page-recruit .recruit-entry .c-container {
  position: relative;
  z-index: 1;
}
.page-recruit .recruit-entry-title {
  font-size: 1.8rem;
  font-weight: 400;
  color: #fff;
  margin-bottom: 4rem;
}
@media screen and (max-width: 767.98px) {
  .page-recruit .recruit-entry-title {
    margin-bottom: 3rem;
  }
}
.page-recruit .recruit-entry-title span {
  font-size: 3.4rem;
  font-weight: 400;
  color: #fff;
}
.page-recruit .recruit-entry-txt {
  font-size: 4rem;
  font-weight: 500;
  letter-spacing: 0.15em;
  line-height: 2;
  color: #fff;
  text-align: center;
}
.page-recruit .recruit-entry-btns {
  margin-top: 8rem;
  display: flex;
  justify-content: center;
  gap: 15.6rem;
}
@media screen and (max-width: 767.98px) {
  .page-recruit .recruit-entry-btns {
    flex-direction: column;
    gap: 6rem;
  }
}
.page-recruit .recruit-entry-btn {
  width: 56rem;
  height: 26rem;
  border-radius: 3rem;
  font-size: 4rem;
  font-weight: 700;
  letter-spacing: 0.15em;
  line-height: 1;
  color: #171717;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media screen and (max-width: 767.98px) {
  .page-recruit .recruit-entry-btn {
    margin: 0 auto;
  }
}
.page-recruit .recruit-entry-btn img {
  display: block;
  width: 24.8rem;
  margin: 0 auto;
  margin-top: 0.8rem;
}
.page-recruit .recruit-entry-btn span {
  display: block;
  font-size: 1.5rem;
  font-weight: 500;
  letter-spacing: 0.15em;
  line-height: 1.4;
  color: #171717;
}
.page-recruit .recruit-entry-btn.-new {
  background: transparent url(../img/recruit/btn_entry01.webp) no-repeat center center;
  background-size: cover;
  padding-top: 1.2rem;
}
.page-recruit .recruit-entry-btn.-mid {
  background: transparent url(../img/recruit/btn_entry02.webp) no-repeat center center;
  background-size: cover;
}
.page-entry .recruit-contact .c-detail-contents__title {
  font-size: 2.8rem;
  color: #252525;
  text-align: center;
  margin-bottom: 4rem;
}
@media screen and (max-width: 767.98px) {
  .page-entry .recruit-contact .c-detail-contents__title {
    letter-spacing: 0.15em;
    line-height: 1.7142857143;
  }
}
.page-entry .recruit-contact .c-container {
  max-width: 96rem;
  padding: 0;
}