@charset "UTF-8";

.fv_wrapper {
  width: 100%;
  height: 700px;
  background-image: url(../img/fv.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
@media screen and (max-width: 680px) {
  .fv_wrapper {
    height: 321px;
  }
}
.fv_inner {
  position: relative;
  height: 100%;
}
.fv_logo_wrap {
  width: 100%;
  background-color: #fff;
  height: 70px;
}
.fv_logo {
  position: absolute;
  top: 6px;
  left: 24px;
  width: 212px;
}
.fv_logo img {
  aspect-ratio: 212 / 58;
}
@media screen and (max-width: 680px) {
  .fv_logo {
    top: 3px;
    left: 10px;
    width: 135px;
  }
  .fv_logo_wrap {
    height: 44px;
  }
}
.fv_img {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 50%);
  width: 240px;
}
.fv_img img {
  aspect-ratio: 1/ 1;
}
.fv_left_img {
  position: absolute;
  bottom: -0.5%;
  left: 19%;
  transform: translate(-50%, 50%);
  width: 315px;
  height: auto;
}
@media screen and (max-width: 1150px) {
  .fv_left_img {
    display: none;
  }
  .fv_img {
    left: 4.26%;
    transform: translate(0, 50%);
  }
}
@media screen and (max-width: 680px) {
  .fv_img {
    max-width: 120px;
    width: 100%;
    left: 4.26%;
    transform: translate(0, 50%);
  }
}
@media screen and (max-width: 360px) {
  .fv_img {
    max-width: 80px;
  }
}
.fv_heading {
  position: absolute;
  top: 5%;
  right: 8%;
  width: 210px;
}
@media screen and (max-width: 680px) {
  .fv_heading {
    top: 7%;
    right: 4%;
    width: 88px;
  }
}
.box1_wrapper {
  padding-top: 130px;
  padding-bottom: 120px;
}
@media screen and (max-width: 680px) {
  .box1_wrapper {
    padding-top: 76px;
    padding-bottom: 80px;
  }
}
.box1_heading {
  margin-top: 50px;
  max-width: 1034px;
  width: 100%;
  margin-inline: auto;
}
.box1_heading img {
  aspect-ratio: 1034 / 64;
}
@media screen and (max-width: 680px) {
  .box1_heading {
    margin-top: 25px;
    max-width: 357px;
  }
}
.box1_title {
  margin: 0 auto;
  text-align: center;
  margin-top: 70px;
  color: #c70e47;
  letter-spacing: 0.05em;
  font-size: 38px;
}
.box1_title .box1_title_num {
  font-weight: 600;
  font-family: "hiragino-kaku-gothic-pron", sans-serif;
  font-style: normal;
}
.box1_title .box1_title_blossom {
  display: inline-block;
  margin-left: 16px;
  font-size: 46px;
}
@media screen and (max-width: 680px) {
  .box1_title {
    margin-top: 30px;
    font-size: 20px;
  }
  .box1_title .box1_title_num {
    font-size: 20px;
  }
  .box1_title .box1_title_blossom {
    font-size: 28px;
  }
}
.box1_flex {
  margin-top: 20px;
  position: relative;
}
.box1_recruitment {
  max-width: 242px;
  width: 100%;
  position: absolute;
  right: 0;
  bottom: 0;
}
.box1_text {
  font-size: 20px;
  line-height: 1.5;
  letter-spacing: 0.01em;
  color: #666666;
  font-family: "Zen Maru Gothic", serif;
  text-align: center;
}
@media screen and (max-width: 1100px) {
  .box1_recruitment {
    max-width: 246px;
  }
}
@media screen and (min-width: 960px) {
  .box1_sp_flex {
    display: contents;
  }
}
@media screen and (max-width: 960px) {
  .box1_sp_flex {
    display: flex;
    flex-direction: column;
  }
}
@media screen and (max-width: 960px) {
  .box1_flex {
    position: static;
    display: contents;
  }
  .box1_text {
    margin-top: 16px;
    order: 1;
  }
  .box1_recruitment {
    order: 3;
    margin: 0 auto;
    margin-top: 24px;
    position: static;
  }
}
.box1_application {
  margin: 0 auto;
  margin-top: 40px;
  max-width: 736px;
  height: 56px;
  width: 100%;
  background-image: url("../img/PC_hoverB.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  transition: background-image 0.3s;
}
.box1_application:hover {
  background-image: url("../img/PC_hoverA.png");
}
@media screen and (max-width: 680px) {
  .box1_application {
    margin-top: 24px;
    max-width: 331px;
    height: 53px;
    background-image: url(../img/SP_hoverB.png);
  }
  .box1_application:hover {
    background-image: url(../img/SP_hoverA.png);
  }
}
@media screen and (max-width: 680px) {
  .box1_text {
    font-size: 13px;
    margin-top: 15px;
  }
}

.box2_wrapper {
  padding-bottom: 80px;
}
@media screen and (max-width: 680px) {
  .box2_wrapper {
    padding-bottom: 40px;
  }
}
.box2_heading {
  color: #cd0411;
  font-size: 44px;
  letter-spacing: 0.1em;
  font-family: "Zen Maru Gothic", serif;
  text-align: center;
}
.box2_text {
  font-size: 20px;
  letter-spacing: 0.01em;
  color: #666666;
  text-align: center;
  margin-top: 24px;
  font-family: "Zen Maru Gothic", serif;
}
.box2_quest {
  font-size: 40px;
  letter-spacing: 0.01em;
  color: #009fe8;
  margin-top: 80px;
  text-align: center;
  font-family: "Zen Maru Gothic", serif;
}
@media screen and (max-width: 680px) {
  .box2_heading {
    font-size: 24px;
  }
  .box2_text {
    margin-top: 35px;
    font-size: 14px;
    letter-spacing: 0.05em;
    text-align: left;
  }
  .box2_quest {
    margin-top: 40px;
    font-size: 24px;
  }
}
.box2_cards {
  margin-top: 24px;
  display: flex;
  gap: 35px;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 680px) {
  .box2_cards {
    flex-direction: column;
    gap: 16px;
    margin-top: 24px;
  }
}
.box2_card {
  max-width: 219px;
  width: 100%;
}
.box2_card img {
  aspect-ratio: 219 / 63;
}
@media screen and (max-width: 680px) {
  .box2_card {
    gap: 16px;
    flex-direction: column;
  }
}
.box2_flex {
  display: flex;
  gap: 95px;
  margin-top: 80px;
}
.box2_flex_left {
  width: 100%;
}
.box2_flex_right {
  width: 100%;
}
.box2_flex_text {
  margin-top: 16px;
  font-size: 20px;
  color: #231815;
  letter-spacing: 0.01em;
}
.box2_flex_text p + p {
  margin-top: 10px;
}
.box2_flex_right .box2_flex_text p + p {
  margin-top: 5px;
}
@media screen and (max-width: 960px) {
  .box2_flex {
    flex-direction: column;
    gap: 24px;
  }
}
@media screen and (max-width: 680px) {
  .box2_flex {
    margin-top: 40px;
  }
  .box2_flex_text {
    font-size: 16px;
    font-weight: 600;
  }
  .box2_flex_text p + p {
    margin-top: 4px;
  }
  .box2_flex_right .box2_flex_text p + p {
    margin-top: 3px;
  }
}

.box2_voice_wrapper {
  margin-top: 90px;
}
@media screen and (max-width: 680px) {
  .box2_voice_wrapper {
    margin-top: 80px;
  }
}
.box2_voice_contents {
  border: 4px #009fe8 solid;
  border-radius: 10px;
}
.box2_voice_contents_title {
  text-align: center;
  padding-top: 10px;
  padding-bottom: 10px;
  background-color: #009fe8;
  width: 100%;
  color: #ffffff;
  font-size: 20px;
  letter-spacing: 0.01em;
  font-family: "Zen Maru Gothic", serif;
  border-radius: 7px 7px 0 0;
}
.box2_voice_contents_texts {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 40px;
  padding: 40px;
}
.box2_voice_contents_text {
  font-size: 18px;
  letter-spacing: 0.01em;
}
.box2_voice_contents_text.blue {
  color: #009fe8;
}
.box2_voice_contents_text.purple {
  color: #7a3c89;
}
.box2_voice_contents_text.green {
  color: #59ac5c;
}
.box2_voice_contents_text.orange {
  color: #df753a;
}
@media screen and (max-width: 960px) {
  .box2_voice_contents_texts {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 24px 16px;
  }
}
@media screen and (max-width: 680px) {
  .box2_voice_contents {
    border: 3px #009fe8 solid;
  }
  .box2_voice_contents_title {
    font-size: 16px;
  }
  .box2_voice_contents_text {
    font-size: 14px;
  }
}
.box2_voice_links {
  margin-top: 24px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-items: flex-end;
}
.box2_voice_link {
  font-size: 16px;
  letter-spacing: 0.01em;
  color: #009fe8;
  display: flex;
  align-items: center;
  gap: 16px;
  text-decoration: underline;
}
.box2_voice_link::after {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  background-image: url(../img/iconamoon_arrow-up-2-light.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
@media screen and (max-width: 680px) {
  .box2_voice_links {
    margin-top: 16px;
    gap: 10px;
    align-items: flex-start;
  }
  .box2_voice_link {
    font-size: 14px;
    gap: 10px;
  }
}

.box3_wrapper {
  padding-bottom: 120px;
}
@media screen and (max-width: 680px) {
  .box3_wrapper {
    padding-bottom: 100px;
  }
}
.box3_contents1_wrapper {
  display: flex;
  gap: 80px;
}
@media screen and (max-width: 960px) {
  .box3_contents1_wrapper {
    flex-direction: column;
    gap: 64px;
  }
}
.box3_contents1_left {
  max-width: 500px;
  width: 100%;
}
.box3_contents1_right {
  max-width: 500px;
  width: 100%;
}
.box3_contents1_left_body {
  margin-top: 16px;
}
.box3_contents1_left_body_text {
  font-size: 18px;
  letter-spacing: 0.01em;
  color: #231815;
}
.box3_contents1_left_body_text + .box3_contents1_left_body_text {
  margin-top: 4px;
}
.box3_contents1_left_caution {
  margin-top: 4px;
  color: #666666;
  font-size: 14px;
  letter-spacing: 0.01em;
}
.box3_contents1_right_caution{
  letter-spacing: -0.05em;
}
@media screen and (max-width: 680px) {
  .box3_contents1_left_body_text {
    font-size: 16px;
  }
}
.box3_contents1_right_body {
  margin-top: 16px;
  display: flex;
  justify-content: space-between;
  gap: 31px;
}
.box3_contents1_right_body_text {
  font-size: 18px;
  letter-spacing: 0.01em;
  color: #231815;
}
.box3_contents1_right_body_text + .box3_contents1_right_body_text {
  margin-top: 4px;
}
.box3_contents1_right_body_text.thin {
  color: #666666;
  font-size: 14px;
  letter-spacing: 0em;
}
.box3_contents1_right_body_text.thin2{
  letter-spacing: -0.05em;
  color: #666666;
  font-size: 14px;
}
.box3_contents1_right_body_img {
  max-width: 267px;
  width: 100%;
}
.box3_contents1_right_body_img img {
  aspect-ratio: 267 / 155;
  height: auto;
}
.box3_contents1_right_body_img figcaption {
  margin-top: 8px;
  text-align: center;
  font-size: 14px;
  letter-spacing: 0.01em;
  color: #666666;
}
@media screen and (max-width: 1150px) {
  .box3_contents1_right_body_img {
    max-width: 225px;
  }
}
@media screen and (max-width: 960px) {
  .box3_contents1_right_body_img {
    max-width: 267px;
  }
}
@media screen and (max-width: 680px) {
  .box3_contents1_right_body {
    flex-direction: column;
    gap: 16px;
  }
  .box3_contents1_right_body_text {
    font-size: 16px;
  }
  .box3_contents1_right_body_img {
    max-width: 100%;
  }
  .box3_contents1_right_body_img img {
    aspect-ratio: 343 / 199;
  }
}
.box3_contents2_wrapper {
  margin-top: 40px;
}
@media screen and (max-width: 680px) {
  .box3_contents2_wrapper {
    margin-top: 50px;
  }
}
.red_heading span {
  font-size: 16px;
  letter-spacing: 0.01em;
  color: #666666;
  display: inline-block;
}
.box3_contents2_body {
  display: flex;
  gap: 80px;
  margin-top: 16px;
}
.box3_contents2_body_left {
  max-width: 500px;
  width: 100%;
}
.box3_contents2_body_right {
  max-width: 500px;
  width: 100%;
}
.box3_contents2_body_head {
  display: flex;
  align-items: center;
  gap: 24px;
}
.box3_contents2_body_img {
  max-width: 120px;
  width: 100%;
}
.box3_contents2_body_img img {
  aspect-ratio: 1 / 1;
}
.box3_contents2_body_head_text{
  text-align: center;
}
.box3_contents2_body_head_name {
  padding-top: 10px;
  font-size: 20px;
  letter-spacing: 0.01em;
  color: #231815;
}
.box3_contents2_body_head_job {
  margin-top: 8px;
  font-size: 16px;
  color: #666666;
  letter-spacing: 0.01em;
}
.box3_contents2_body_head_subjob {
  margin-top: 2px;
  font-size: 12px;
  color: #231815;
  letter-spacing: 0.01em;
}
.box3_contents2_body_detail {
  margin-top: 16px;
  color: #231815;
  font-size: 16px;
  letter-spacing: 0.01em;
}
@media screen and (max-width: 680px) {
  .box3_contents2_body {
    flex-direction: column;
    gap: 40px;
  }
  .box3_contents2_body_head {
    gap: 16px;
  }
  .box3_contents2_body_img {
    max-width: 80px;
  }
  .box3_contents2_body_head_job {
    margin-top: 4px;
  }
  .box3_contents2_body_head_subjob {
    margin-top: 2px;
  }
  .box3_contents2_body_detail {
    margin-top: 10px;
    font-size: 14px;
  }
}

.box3_contents3_body {
  margin-top: 16px;
}
.box3_contents3_body_text {
  font-size: 18px;
  letter-spacing: 0.01em;
  color: #231815;
}
.box3_contents3_body_text + .box3_contents3_body_text {
  margin-top: 6px;
}
.box3_contents3_body_text .big {
  font-size: 24px;
  letter-spacing: 0.01em;
  color: #231815;
}
.box3_contents3_body_text .red {
  font-size: 18px;
  letter-spacing: 0.01em;
  text-decoration: underline;
  color: #e60012;
  display: inline-block;
}
.box3_contents3_img {
  margin-top: 40px;
}
@media screen and (max-width: 680px) {
  .box3_contents3_body_text {
    font-size: 16px;
  }
  .box3_contents3_body_text .big {
    font-size: 20px;
  }
  .box3_contents3_body_text .red {
    font-size: 16px;
  }
  .box3_contents3_img {
    margin-top: 28px;
  }
}

.box3_contents4_wrapper {
  margin-top: 120px;
  text-align: center;
}
.box3_contents4_text {
  font-size: 18px;
  letter-spacing: 0.01em;
  color: #666666;
  white-space: nowrap;
}
.box3_contents4_text .mail {
  display: inline-block;
  text-decoration: underline;
}
.box3_contents4_text + .box3_contents4_text {
  margin-top: 4px;
}
.copyright {
  margin-top: 15px;
  font-size: 12px;
  letter-spacing: 0.01em;
  color: #666666;
  font-family: "Zen Maru Gothic", serif;
}
@media screen and (max-width: 680px) {
  .box3_contents4_wrapper {
    margin-top: 80px;
  }
  .box3_contents4_text {
    font-size: 16px;
  }
  .copyright {
    font-size: 10px;
    margin-top: 8px;
  }
}
@media screen and (max-width: 370px) {
  .box3_contents4_text {
    white-space: wrap;
  }
}
@media screen and (max-width: 355px) {
  .copyright {
    font-size: 8px;
  }
}

.footer_wrapper {
  background-image: url(../img/Rectangle4.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;

  width: 100%;
  height: 200px;
}
@media screen and (max-width: 680px) {
  .footer_wrapper {
    height: 70px;
  }
}
.box3_contents3_wrapper{
  margin-top: 30px;
}
@media screen and (max-width: 680px) {
  .box3_contents3_wrapper{
    margin-top: 40px;
  }
}
@media screen and (max-width: 680px) {
  .box3_contents3_bottom{
    margin-top: 40px;
  }
}


.pc-only{
  display: block;
}
@media screen and (max-width: 960px) {
  .pc-only{
    display: none;
  }
  
}
.sp-only{
  display: none;
}
@media screen and (max-width: 960px) {
  .sp-only{
    display: block;
  }
  
}