@charset "utf-8";


/*-----ページ内共通---- */
.section__content,
.section__content02 {
  margin: 0 auto;
  background: rgb(255 255 255 / 90%);
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  box-shadow: 5px 5px 5px 1px rgb(50 50 50 / 30%);
  justify-content: space-between;
  max-width: 960px;
  width: calc(100% - 38px);
}

.section__content02 {
  padding: 40px 30px;
}

.section_imp_heading {
  border-bottom: solid 1px #70624e;
  color: #3fb171;
  font-family: "Yu Gothic";
  font-size: 24px;
  font-weight: 700;
  letter-spacing: 4.5px;
  position: relative;
  display: flex;
  align-items: center;
  padding-bottom: 5px;
  margin-bottom: 24px;
}

/* .section_imp_heading::before {
  content: "";
  background: url(../common/img/checkmark.png) no-repeat;
  background-size: contain;
  margin-right: 25px;
  width: 19px;
  height: 27px;
} */
.section_imp_heading::before {
  content: "";
  background: url(./img/leafdeco02.png) no-repeat;
  background-size: 90%;
  margin-right: 10px;
  width: 27px;
  height: 31px;
}

/*-----/ページ内共通----- */
/*-----section01----- */
.section01__img {
  margin-bottom: 40px;
}

/*-----/section01----- */
/*-----section02---- */
.section02__content {
  display: flex;
  justify-content: center;
  padding: 40px;
}

.section02__content:nth-of-type(1) {
  background: #fff;
}

.section02__content:nth-of-type(2) {
  background: #fffde4;
}

.section02__content:nth-of-type(3) {
  background: #ffe4e9;
}

.content__item-img {
  flex: none;
  margin-right: 40px;
}

.content__item-text {
  width: 70%;
}

.section02__content-heading {
  font-size: 30px;
  color: #70624e;
  border-bottom: 5px solid #96d1a9;
  border-image: url(./img/item_heading_border.png) 15 round;
  margin-bottom: 20px;
  padding-bottom: 5px;
  position: relative;
}

.section02__content-heading:before {
  content: "";
  background: url(./img/leaf_heading.png) no-repeat left / contain;
  width: 61px;
  height: 53px;
  margin-right: 10px;
  display: inline-block;
  vertical-align: bottom;
}

/*-----\section02-----*/
/*-----section03-----*/
.section03__top-text {
}
.section03__top-text {
  margin-bottom: 40px;
}

.section03__content-img {
  flex: none;
  margin-right: 40px;
}

.section03__content {
  display: flex;
  justify-content: space-around;
  margin-bottom: 40px;
}

.checklist__wrapper {
  display: flex;
  justify-content: space-between;
}

.checklist__left {
  margin-right: 20px;
}

.point__box {
  box-shadow: rgba(216, 230, 157, 0.5) 0px 6px 12px -2px, rgba(216, 230, 157, 0.5) 0px 3px 7px -3px;
  padding: 40px;
  background: #fff;
  position: relative;
  margin: 0 30px 40px;
  display: inline-block;
}

.point__title {
  position: absolute;
  top: -20px;
  left: 40px;
}

/*-----/section03----- */
/*-----section04----- */
.section04__top-text {
  margin-bottom: 40px;
}

.section04__content {
  margin-bottom: 40px;
}

/*-----/section04----- */
/*-----section05----- */
/*
.section05__content {
  margin-bottom: 40px;
} */
/*-----/section05----- */
/*================================

　ここからPC適用

================================*/
@media(min-width: 897px) {
  .main_section {
    position: relative;
    background-color: #eef9fb;
  }
}

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

　ここからTABLET・SP適用

================================*/
@media(max-width: 896px) {

  /*mainsection*/
  .maincontents {
    background: top right 0% /150% url(./img/main_bg.jpg) no-repeat;
    padding: 46% 0 0px;
  }

  .maincontents .innner {
    background: #eef9fb;
  }

  .section_imp_heading {
    border-bottom: solid 1px #70624e;
    color: #3fb171;
    font-family: "Yu Gothic";
    font-size: 24px;
    font-weight: 700;
    letter-spacing: 4.5px;
    position: relative;
    display: flex;
    align-items: center;
    padding-bottom: 5px;
    margin-bottom: 24px;
  }

  /* .section_imp_heading::before {
    content: "";
    background-size: contain;
    margin-right: 25px;
    width: 19px;
    height: 27px;
  } */

  .section03__content-img {
    margin-right: 0;
    margin-bottom: 20px;
    text-align: center;
  }
    .section03__content-img img {
display: inline-block;

    }
    .section__content02 {
      padding: 40px 20px;
    }

.section03__content {
  flex-direction: column;
}
.checklist__wrapper {
  justify-content: center;
}

}

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

　ここからSP適用

================================*/
@media(max-width: 480px) {
  .pagettl_inner {
    padding: 1.8% 15%;
    position: relative;
    background: top 3px left -108px url(../common/img/leafdeco03.png) no-repeat;
  }

  .pagettl_box {
    padding: 0px 0;
    background-position-x: 53.5%;
  }

  .pagettl_box::before {
    top: 85%;
    width: 65%;
  }

  .pagettl_jp {
    font-size: 7vw;
  }

  .maincontents {
    padding: 60% 0 0px;
    background-size: 190%;
    background-position: top right 25%;
  }

  .section_imp_heading {
    font-size: 20px;
    line-height: 1.2em;
    letter-spacing: 0.3px;
    align-items: center;
    margin-bottom: 14px;
  }

  .section_imp_heading::before {
    margin-right: 0;
    padding-right: 10px;
    width: 18px;
    height: 18px;
  }

  .section_ttl {
    padding: 3% 2%;
  }

  .point__box {
    padding: 40px 20px;
  }

  .section__content02 {
    padding: 6%;
    width: 100%;
  }

  .section__content {
    width: 100%;
  }

  /*-----section01----- */
  .section01__img {
    margin-bottom: 20px;
  }

  /*-----/section01----- */
  /*-----section02----- */
  .section02__content-heading {
    font-size: 24px;
  }

  .section02__content {
    flex-direction: column;
    padding: 6%;
  }

  .content__item-img {
    margin-right: 0;
    margin-bottom: 20px;
    text-align: center;
  }

  .content__item-img img {
    display: inline-block;
  }

  .content__item-text {
    width: 100%;
  }

  /*-----/section02----- */
  /*-----section03----- */
  .section03__content {
    flex-direction: column;
    margin-bottom: 40px;
  }

  .section03__content-img {
    margin-right: 0;
    margin-bottom: 20px;
  }

  .point__box {
    margin: 0 auto;
  }

  /*-----/section03----- */
  /*-----section04----- */
  /*-----/section04----- */
}