.intro {
  padding-block: clamp(60px, 37.0789865872px + 2.9806259314vw, 80px);
}
.intro__body {
  position: relative;
}
.intro__image {
  position: absolute;
  inset-block-end: 0;
  inset-inline-end: 0;
  transform: translate(5%, 10%);
  inline-size: 53%;
}
.intro .c-deco--01 {
  inset-block-start: 6.7%;
  inset-inline-end: -3.3%;
  inline-size: 25%;
}
.intro .c-deco--02 {
  inset-block-end: 0;
  inset-inline-start: 67.3%;
  inline-size: 12.5%;
}
.intro__title {
  position: relative;
  z-index: 1;
  gap: clamp(11px, 6.4157973174px + 0.5961251863vw, 15px);
}
.intro__title span {
  padding: clamp(11px, 6.4157973174px + 0.5961251863vw, 15px) clamp(8px, 5.7078986587px + 0.2980625931vw, 10px);
  font-size: clamp(33px, 20.393442623px + 1.6393442623vw, 44px);
}

@media screen and (max-width: 768px) {
  .intro {
    padding-block: 0 clamp(135px, 51.8918918919px + 22.1621621622vw, 176px);
  }
  .intro__image {
    position: static;
    transform: translate(0%, 0%);
    z-index: 1;
    inline-size: 90%;
    margin-inline: auto;
  }
  .intro .c-deco--01 {
    inset-block-start: 5.5%;
    inset-inline-end: 2.3%;
    inline-size: 20%;
  }
  .intro .c-deco--02 {
    inset-block-end: 17.7%;
    inset-inline-start: 2%;
    inline-size: 12.5%;
  }
  .intro__title {
    position: absolute;
    inset-block-end: 0;
    inset-inline-start: 0;
    transform: translateY(73%);
    gap: clamp(10px, 3.9189189189px + 1.6216216216vw, 13px);
  }
  .intro__title span {
    padding: clamp(8px, 1.9189189189px + 1.6216216216vw, 11px) clamp(5px, 0.9459459459px + 1.0810810811vw, 7px);
    font-size: clamp(25px, 8.7837837838px + 4.3243243243vw, 33px);
  }
}
.ceoMessage {
  padding-block: clamp(60px, 37.0789865872px + 2.9806259314vw, 80px) clamp(45px, 27.8092399404px + 2.2354694486vw, 60px);
}
.ceoMessage__text + .ceoMessage__text {
  margin-block-start: calc(clamp(12px, 7.4157973174px + 0.5961251863vw, 16px) * 1.8);
}
.ceoMessage__signature {
  margin-block-start: clamp(45px, 27.8092399404px + 2.2354694486vw, 60px);
  text-align: right;
}
.ceoMessage__position {
  margin-block-end: clamp(8px, 5.7078986587px + 0.2980625931vw, 10px);
}
.ceoMessage__name {
  display: inline-block;
  inline-size: clamp(139px, 86.2816691505px + 6.8554396423vw, 185px);
}

@media screen and (max-width: 768px) {
  .ceoMessage {
    padding-block: clamp(25px, 8.7837837838px + 4.3243243243vw, 33px) clamp(40px, 15.6756756757px + 6.4864864865vw, 52px);
  }
  .ceoMessage__text + .ceoMessage__text {
    margin-block-start: calc(clamp(16px, 5.8648648649px + 2.7027027027vw, 21px) * 1.8);
  }
  .ceoMessage__signature {
    margin-block-start: clamp(50px, 19.5945945946px + 8.1081081081vw, 65px);
  }
  .ceoMessage__position {
    margin-block-end: clamp(10px, 3.9189189189px + 1.6216216216vw, 13px);
  }
  .ceoMessage__name {
    inline-size: clamp(185px, 71.4864864865px + 30.2702702703vw, 241px);
  }
}
.recruitMessage {
  padding-block: clamp(45px, 27.8092399404px + 2.2354694486vw, 60px) clamp(90px, 55.6184798808px + 4.4709388972vw, 120px);
}
.recruitMessage__body {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: clamp(16px, -57.347242921px + 9.5380029806vw, 80px);
  padding: clamp(90px, 55.6184798808px + 4.4709388972vw, 120px) clamp(30px, -27.302533532px + 7.4515648286vw, 80px);
  border-radius: clamp(15px, 9.2697466468px + 0.7451564829vw, 20px);
  background-color: #d5f2ff;
}
.recruitMessage__title {
  display: inline-flex;
  align-items: flex-start;
  flex-direction: column;
  gap: clamp(8px, 5.7078986587px + 0.2980625931vw, 10px);
  line-height: 1;
}
.recruitMessage__title span {
  display: inline-block;
  padding: clamp(9px, 5.5618479881px + 0.4470938897vw, 12px) clamp(8px, 5.7078986587px + 0.2980625931vw, 10px);
  background-color: #ffffff;
  font-size: clamp(20px, 6.2473919523px + 1.7883755589vw, 32px);
  color: #00a1e9;
  font-weight: 700;
}
.recruitMessage__text {
  font-weight: 700;
  line-height: 2;
}
.recruitMessage__text + .recruitMessage__text {
  margin-block-start: clamp(14px, 9.4157973174px + 0.5961251863vw, 18px);
}

@media screen and (max-width: 768px) {
  .recruitMessage {
    padding-block: clamp(40px, 15.6756756757px + 6.4864864865vw, 52px) clamp(80px, 31.3513513514px + 12.972972973vw, 104px);
  }
  .recruitMessage__body {
    grid-template-columns: 1fr;
    gap: clamp(30px, 11.7567567568px + 4.8648648649vw, 39px);
    padding: clamp(50px, 19.5945945946px + 8.1081081081vw, 65px) clamp(20px, 7.8378378378px + 3.2432432432vw, 26px);
    border-radius: clamp(10px, 3.9189189189px + 1.6216216216vw, 13px);
  }
  .recruitMessage__title {
    gap: clamp(10px, 3.9189189189px + 1.6216216216vw, 13px);
  }
  .recruitMessage__title span {
    padding: clamp(7px, 0.9189189189px + 1.6216216216vw, 10px) clamp(2px, -0.027027027px + 0.5405405405vw, 3px);
    font-size: clamp(20px, 7.8378378378px + 3.2432432432vw, 26px);
  }
  .recruitMessage__text + .recruitMessage__text {
    margin-block-start: clamp(16px, 5.8648648649px + 2.7027027027vw, 21px);
  }
}
/*# sourceMappingURL=message.css.map */