@charset "utf-8";
/*------------------------------------------------------------
	work-kenchiku
------------------------------------------------------------*/
.pageLead.page01 .textBox {
  bottom: 18.5%;
}
.pageLead.page01 .textBox .comCareer {
	margin: 0 -110px 0 5px;
}
.pageLead.page01 .textBox .comCareer dl dt,
.pageLead.page01 .textBox .comCareer dl dd {
  line-height: 1.62;
}
.pageLead.page01 .textBox .comCareer dl dd:first-of-type {
  line-height: 1.89;
}
.pageLead.page01 .textBox .comCareer dl dd:not(:last-of-type) {
  margin-bottom: 4px;
}
.pageLead.page01 .title {
  margin-bottom: 8px;
}
.pageLead.page01 .txtDl {
  margin-bottom: 10px;
  padding-bottom: 17px;
}
.movieBox.movie01 {
  margin-bottom: 20px;
}
.movieBox .imgBox .textBox .area:not(:last-of-type) {
  margin-bottom: 61px;
}
.movieBox .imgBox .textBox .subBox p {
  letter-spacing: 0.1em;
}
.duty_station.station01 {
  margin-bottom: 165px;
}
.schedule {
  margin-bottom: 90px;
  padding: 105px 0 345px;
}
.schedule .photo01 {
  width: 448px;
  left: calc(50% - 730px);
  top: -196px;
}
.schedule .photo01 .txt {
  padding: 62px 45px 50px 60px;
  width: 343px;
  position: absolute;
  right: -173px;
  top: -101px;
  display: flex;
  align-items: center;
  font-size: 1.77rem;
  line-height: 1.72;
  letter-spacing: 0.095em;
  text-align: justify;
  box-sizing: border-box;
}
.schedule .photo02 {
  width: 351px;
  left: calc(50% + 226px);
  top: -112px;
}
.schedule .headLine01 {
  margin-bottom: 87px;
}
.schedule .textImg {
  width: 1024px;
  transform: translateX(-13px);
}
.qaBox {
  padding-bottom: 124px;
}
.qaBox .tPhoto {
  top: -446px;
  width: 466px;
  left: calc(50% + 309px);
}
.qaBox .imgBox {
  margin-bottom: 153px;
}
.qaBox .imgBox.imgBoxR {
  margin-bottom: 105px;
}
.charm {
  margin-bottom: 120px;
  padding-bottom: 112px;
}
.charm .imgBox .photoBox {
  margin-top: 117px;
}
.charm .imgBox .textBox {
  width: 470px;
}
.charm .imgBox .textBox .area:not(:last-of-type) {
  margin-bottom: 49px;
}
@media all and (max-width: 896px) {
  .pageLead.page01 .textBox {
    bottom: 16%;
    width: 48%;
  }
  .pageLead.page01 .notes {
    font-size: 1.87vw;
    margin-bottom: 1vw;
  }
  .pageLead.page01 .comCareer dl dd {
    font-size: 2vw;
  }
  .pageLead.page01 h2 {
    font-size: 4vw;
  }
  .pageLead.page01 .textBox .comCareer {
    margin: 0 -2vw 0 1.5vw;
  }
  .pageLead.page01 .textBox .comCareer dl dd:not(:last-of-type) {
    margin-bottom: 0;
  }
  .pageLead.page01 .textBox .comCareer dl dt {
    width: 9vw;
  }
  .pageLead.page01 .textBox .comCareer dl dd {
    width: calc(100% - 10vw);
  }
  .pageLead.page01 .title {
    margin-bottom: 0.6vw;
  }
  .pageLead.page01 .txtDl {
    margin-bottom: 1vw;
    padding-bottom: 1vw;
  }
  .pageLead.page01 .notes {
    font-size: 1.87vw;
    margin-bottom: 1vw;
  }
  .pageLead.page01 .pho {
    margin-bottom: 2vw;
    width: 10vw;
  }
  .movieBox .imgBox .textBox .area:not(:last-of-type) {
    margin-bottom: 30px;
  }
  .duty_station.station01 {
    margin-bottom: 140px;
  }
  .schedule {
    margin-bottom: 30px;
    padding: 80px 0 200px;
  }
  .schedule .photo01 {
    width: 200px;
    left: -40px;
    top: -100px;
  }
  .schedule .photo01 .txt {
    padding: 24px 20px;
    width: 170px;
    right: -70px;
    top: -30px;
    font-size: 1rem;
  }
  .schedule .photo02 {
    width: 130px;
    left: auto;
    right: 0;
    top: -20px;
  }
  .schedule .headLine01 {
    margin-bottom: 40px;
  }
  .schedule .textImg {
    width: auto;
    transform: translateX(0);
  }
  .qaBox {
    padding-bottom: 124px;
  }
  .qaBox .tPhoto {
    top: -210px;
    width: 200px;
    left: auto;
    right: -40px;
  }
  .qaBox .imgBox {
    margin-bottom: 75px;
  }
  .qaBox .imgBox.imgBoxR {
    margin-bottom: 50px;
  }
  .charm {
    margin-bottom: 60px;
    padding-bottom: 60px;
  }
  .charm .imgBox .photoBox {
    margin-top: 0;
  }
  .charm .imgBox .textBox {
    width: auto;
  }
  .charm .imgBox .textBox .area:not(:last-of-type) {
    margin-bottom: 30px;
  }
}
@media all and (max-width: 374px) {
  .schedule .photo01 {
    width: 170px;
  }
}
