@charset "UTF-8";

.fv_wrapper {
  width: 100%;
  height: 800px;
  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: 480px;
    background-image: url(../img/fv__sp.jpg);
  }
}
.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: 41%;
  left: 50%;
  transform: translate(-50%, 50%);
  width: 380px;
}
.fv_img img {
  /* aspect-ratio: 1/ 1; */
  width: 100%;
  max-width: 380px;
  height: auto;
}

@media screen and (max-width: 680px) {
  .fv_img {
    max-width: 130px;
    width: 100%;
    top: 36.5%;
    left: 50%;
    transform: translateX(-50%);
  }
}
@media screen and (max-width: 360px) {
  .fv_img {
    max-width: 80px;
  }
}
.fv_heading {
  position: absolute;
  top: 8%;
  right: 5.5%;
  /* width: 210px; */
}
@media screen and (max-width: 680px) {
  .fv_heading {
    top: 20%;
    right: 3%;
    /* width: 88px; */
  }
}
.fv_headingImg{
  width: 100%;
  max-width: 61px;
  height: auto;
}
@media screen and (max-width: 680px) {
  .fv_headingImg{
    max-width: 55px;
  }

}
.box1{
}
.box1_inner{
  width: 100%;
  max-width: 1073px;
  margin-inline: auto;
  position: relative;
}

.box1_wrapper {
  padding-top: 45px;
  padding-bottom: 65px;
  width: 100%;
    /* height: 514px; */
  background-image: url(../img/second-fv__bg.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  position: relative;
}
@media screen and (max-width: 680px) {
  .box1_wrapper {
    padding-top: 10px;
    padding-bottom: 80px;
  }
}
.box1_heading {
  /* margin-top: 50px; */
  max-width: 1073px;
  width: 100%;
  margin-inline: auto;
}
@media screen and (max-width: 680px) {
  .box1_heading {
    margin-top: 25px;
    max-width: 313px;
  }
}
/* .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: 46px;
  position: relative;
}
.box1_recruitment {
  width: 100%;
  /* max-width: clamp(150px, calc(220 / 1440 * 100vw), 220px); */
  max-width: 220px;
  position: absolute;
  /* right: clamp(0px, calc(160 / 1440 * 100vw), 160px); */
  /* bottom: -60px; */
  right: 0;
  bottom: 59px;
}
.box1_text {
  font-size: 22px;
  font-weight: bold;
  line-height: calc(38/22);
  letter-spacing: 0.01em;
  color: #005AAA;
  font-family: "Zen Maru Gothic", serif;
  text-align: center;
}
@media screen and (max-width: 960px) {
  .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;
    gap: 8px;
  }
}
@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: 56px;
  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;
  position: relative;
    z-index: 2;
}
.box1_application:hover {
  background-image: url("../img/PC_hoverA.png");
}
@media screen and (max-width: 680px) {
  .box1_application {
    margin-top: 32px;
    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: 14px;
    margin-top: 8px;
    line-height: calc(29/14);
  }
}

.box2_wrapper {
  padding-bottom: 80px;
}
@media screen and (max-width: 680px) {
  .box2_wrapper {
    padding-bottom: 40px;
  }
}
.box2_heading {
  color: #005AAA;
  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-top: 56px;
  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 span{
  font-weight: 900;
  font-size: 22px;
  font-family: Futura, "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
}
.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;
  margin-left: -10px;
}
.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: left;
}
.box3_contents2_body_head_name {
  padding-top: 10px;
  font-size: 20px;
  letter-spacing: 0.01em;
  color: #231815;
}
.box3_contents2_body_head_name span {
  font-size: 16px;
}
.box3_contents2_body_head_job {
  margin-top: 8px;
  font-size: 16px;
  color: #666666;
  letter-spacing: 0.01em;
}
.box3_contents2_body_head_job--noMargin {
  margin-top: 0px;
}
.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: 960px) {
  .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;
  }
  
}