@charset "utf-8";
/* CSS Document */

/*===============================================
*************************************************

　　共通

*************************************************
=================================================*/

.sub_ttl {margin-bottom: 46px;}
.sub_ttl h3 {
  font-size: 50px;
  display: inline-block;
  line-height: 1;
}
.sub_ttl p {
  display: inline-block;
  font-size: 20px;
}

.bg_blue {
  background: #04b9f5;
  padding: 0 5px 6px;
}

.br_ipad,
.br_ipad2,
.br_sp{display: none;}

@media screen and (max-width: 1350px) {
  .br_ipad {display: block;}
}

@media screen and (max-width: 1000px) {
  .br_ipad2 {display: block;}
}

@media screen and (max-width: 700px) {
  .br_ipad2 {display: none;}
  .br_sp {display: block;}
}

/*===============================================
*************************************************

　　box_one

*************************************************
=================================================*/

.box_one{
  margin-bottom: 130px;
}

.box_one h2{
  font-size: 46px;
  margin-bottom: 60px;
}

.box_one p {
  font-size: 20px;
  line-height: 2.5;
}

@media screen and (max-width: 900px) {

}

@media screen and (max-width: 700px) {

  .box_one{margin-bottom: 70px;}

  .box_one h2 {
    font-size: 30px;
    margin-bottom: 30px;
  }

  .box_one p{font-size: 16px;}

}

/*===============================================
*************************************************

　　box_two

*************************************************
=================================================*/

.box_two{margin-bottom: 180px;}

.box_two ul{
  width: 1140px;
  max-width: 95%;
  margin-left: auto;
}

.box_two ul li:first-child{margin-bottom: 120px;}

.box_two .job_img{
  margin-bottom: 40px;
  position: relative;
}

.box_two .job_img h3{
  font-size: 38px;
  writing-mode: vertical-rl;
  vertical-align: middle;
  display: inline;
  background: #fff;
  position: absolute;
  padding: 15px 0;
  left: -27px;
  top: 9%;
}

.box_two .job_img img {width: 100%;}

.box_two .job_txt{
  font-size: 18px;
  line-height: 2.22;
  text-align: justify;
  background: #fff;
  padding: 64px 60px 35px;
}

.box_two span {
  display: block;
  font-size: 20px;
  line-height: 1;
  font-weight: 800;
  margin-top: 56px;
}

.box_two em {
  display: block;
  font-size: 15px;
  font-weight: 500;
  margin-top: 6px;
}

@media screen and (max-width: 1200px) {
  .box_two .job_img h3 {
    font-size: 3vw;
    top: 7%;
  }
}

@media screen and (max-width: 700px) {

  .box_two {margin-bottom: 100px;}

  .box_two ul {max-width: 100%;}

  .box_two ul li:first-child{margin-bottom: 60px;}

  .box_two .job_img{margin-bottom: 26px;}

  .box_two .job_img h3 {
    writing-mode: inherit;
    padding: 5px 15px 6px;
    left: 10px;
    display: inline-block;
    top: inherit;
    bottom: -16px;
    font-size: 18px;
  }

  .box_two .job_txt {
    font-size: 14px;
    line-height: 2.22;
    padding: 30px 32px 35px;
  }

  .box_two span{
    font-size: 16px;
    margin-top: 26px;
  }

  .box_two em{font-size: 13px;}

}

/*===============================================
*************************************************

　　box_three

*************************************************
=================================================*/

.box_three .sub_ttl h3{margin-bottom: 16px;}

.box_three .sp_ttl{display: none;}

.box_three .box_txt{
  background: #ffffff;
  background: linear-gradient(180deg, #ffffff 0%, #ffffff 70%, #f1f1f1 30%, #f1f1f1 100%);
  padding: 80px 32px 0;
  margin-top: -90px;
}

.box_three .box_txt p{
  font-size: 18px;
  line-height: 2.22;
  text-align: justify;
  padding: 0 50px 60px;
}

.box_three .box_txt img{width: 100%;}

@media screen and (max-width: 1024px) {

  .sub_ttl h3{font-size: 40px;}

}

@media screen and (max-width: 700px) {

  .box_three .sub_ttl h3{
    font-size: 28px;
    margin-bottom: 6px;
  }

  .box_three .pc_ttl {display: none;}
  .box_three .sp_ttl {display: inline-block;}

  .box_three .box_txt{
    background: linear-gradient(180deg, #ffffff 0%, #ffffff 86%, #f1f1f1 14%, #f1f1f1 100%);
    margin-top: -120px;
    padding: 94px 32px 0;
  }

  .box_three .box_txt p{
    font-size: 14px;
    padding: 0 0 30px;
  }

}