@charset "UTF-8";
main h2 {
  font-size: 1.8rem;
}
main .topStack {
  margin: 5% 0 2%;
}
main .topStack .container-full {
  margin-bottom: 5%;
}
main .topStack .container-full .topVisual {
  width: 100%;
  aspect-ratio: 14/9;
  background-image: url("../../2402/img/ph-01.jpg");
  background-position: 50%;
  background-size: cover;
  padding-top: 30%;
}
main .topStack .container-full .topVisual h1 {
  width: 50%;
  position: absolute;
  right: 5%;
  top: 10%;
}
main .topStack .w80container p {
  color: #041618;
  text-align: center;
  font-size: 12px;
  font-family: "Meiryo UI", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", sans-serif;
  line-height: 2.2;
}
main .first p, main .second p {
  color: #000;
  font-size: 12px;
  line-height: 2.2;
  letter-spacing: 0;
}
main .first p .bold, main .second p .bold {
  font-weight: bold;
}
main .first .flexContainer {
  margin-bottom: 20px;
}
main .first .flexContainer .w50 {
  width: 49%;
}
main .first .flexContainer .w45 {
  display: flex;
  flex-direction: column;
  margin-top: 6%;
  width: 47%;
}
main .first .flexContainer .w45 h2 {
  width: 25%;
}
main .first .flexContainer .w45 .mb30 {
  font-size: 10.5px;
  letter-spacing: -0.7px;
  line-height: 2.4;
}
main .first .flexContainer .w45 .blue_txt h3, main .first .flexContainer .w45 .blue_txt p {
  color: #006e83;
}
main .first .flexContainer .w45 .blue_txt h3 {
  font-size: 12px;
  font-weight: bold;
  margin-bottom: 8px;
}
main .first .flexContainer .w45 .blue_txt p {
  margin-bottom: 25px;
}
main .first .flexContainer .w45 .blue_txt p:last-of-type {
  margin-bottom: 0;
}
main .second {
  margin-top: 8%;
}
main .second .w80 {
  margin-bottom: 6%;
}
main .second .w80 p {
  font-size: 10.5px;
  margin-top: 10px;
  padding-left: 3%;
}
main .second .flexContainer {
  padding: 0 3%;
  position: relative;
}
main .second .flexContainer:before {
  content: "";
  background: url(../../2402/img/txt-03.svg) no-repeat;
  display: inline-block;
  position: absolute;
  width: 43%;
  height: 13%;
  top: 0;
  left: 12%;
}
main .second .flexContainer .img_l {
  margin-top: 12%;
  width: 39%;
}
main .second .flexContainer .img_l .ph01 {
  margin-bottom: 14%;
}
main .second .flexContainer .img_l .txt_box h4 {
  margin-bottom: 2%;
  width: 36%;
  min-width: 130px;
}
main .second .flexContainer .img_r {
  margin-top: 6.5%;
  width: 58%;
}
main .second .flexContainer .img_r .ph:first-of-type {
  margin-bottom: 3rem;
}
main .third .ph {
  width: 20%;
  margin: 1% auto;
}

@media only screen and (max-width: 767px) {
  main h2 {
    font-size: 1.8rem;
  }
  main .topStack .topVisual {
    padding-top: 30%;
  }
  main .topStack .topVisual h1 {
    width: 60%;
    margin: 0% 0 0 0;
  }
  main .first .flexContainer {
    display: block;
  }
  main .first .flexContainer .w50 {
    width: 55%;
    margin: auto;
  }
  main .first .flexContainer .w45 {
    width: 100%;
  }
  main .second .flexContainer .img_r .ph:first-of-type {
    margin-bottom: 2rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1259px) {
  main .sp02 {
    display: none;
  }
}
@media only screen and (max-width: 552px) {
  main .sp02 {
    display: none;
  }
}
@media only screen and (max-width: 1219px) {
  main .sp {
    display: none;
  }
}
@media only screen and (max-width: 669px) {
  main .first .flexContainer .w50 {
    width: 65%;
  }
  main .second .w80container .flexContainer {
    display: block;
    padding: 0;
  }
  main .second .w80container .flexContainer:before {
    left: inherit;
    right: 0;
    width: 55%;
  }
  main .second .w80container .flexContainer .img_l {
    padding-top: 8%;
    width: 100%;
  }
  main .second .w80container .flexContainer .img_l .ph01 {
    margin-bottom: 5%;
    width: 80%;
  }
  main .second .w80container .flexContainer .img_r {
    margin-top: 10%;
    width: 100%;
  }
}/*# sourceMappingURL=move2402.css.map */