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


/* section01 */
.section01 {
  padding-top: 56px;
}

.casebox01 .casebox_img.col3 li {
  width: 290px;
  margin-right: 25px;
}
.casebox01 .casebox_img.col3 li:last-child {
  width: 180px;
  margin-right: 0;
}


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

  .section01 {
    padding: 58px 0 50px;
  }

  .h2_plan {
    width: 184px;
  }

  .casebox_img.col1 {
    margin-bottom: 15px;
  }

  .casebox01 .casebox_img.col3 li {
    width: 35.96%;
    margin-right: 2.95%;
  }
  .casebox01 .casebox_img.col3 li:last-child {
    width: 22.18%;
  }

}

/* section02 */
.box {
  padding: 40px;
  background: #fff;
}
.box_tit {
  font-size: 18px;
  font-weight: bold;
  line-height: 1.6;
}
.box_txt {
  font-size: 14px;
  line-height: 1.6;
  margin-top: 20px;
}
.box_txt.fL {
  width: 520px;
}
.box_icon {
  width: 208px;
}

.inbox {
  padding: 30px 30px;
  background: #F1F0E7;
  width: 390px;
}

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

  .box {
    padding: 30px 20px;
  }
  .box_txt.fL {
    float: none;
    width: 100%;
    margin-bottom: 30px;
  }
  .box_icon {
    float: none;
    width: 208px;
    margin: 0 auto;
  }

  .inbox {
    padding: 20px;
    width: 100%;
  }
  .inbox.fL,
  .inbox.fR {
    float: none;
  }
  .inbox.fL {
    margin-bottom: 20px;
  }

}


/* section03 */
.osusume_item li {
  float: left;
  width: 424px;
  margin-right: 28px;
  margin-bottom: 50px;
}
.osusume_item li:nth-child(2n) {
  margin-right: 0;
}
.osusume_item li:nth-child(3),
.osusume_item li:nth-child(4)  {
  margin-bottom: 0;
}

.osusume_item_tit {
  font-size: 20px;
  font-weight: bold;
  line-height: 1.6;
  text-align: center;
  margin-bottom: 20px;
}
.osusume_item_img {
  width: 182px;
}
.osusume_item_txt {
  font-size: 16px;
  line-height: 1.6;
  width: 222px;
}

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

  .osusume_item li {
    float: none;
    width: 100%;
    margin-right: 0;
  }
  .osusume_item li:nth-child(3)  {
    margin-bottom: 50px;
  }

  .osusume_item_img {
    width: 44.44%;
  }
  .osusume_item_txt {
    font-size: 14px;
    width: 45.92%;
  }

}


/* section04 */
.h3_qa {
  width: 316px;
}


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

  .h3_qa {
    width: 93.62%;
  }

}