/* mixin ----------*/
/* mixin ----------*/
/* section ----------*/
.section {
  padding: 0 0.5rem;
}
@media screen and (max-width: 768px) {
  .section {
    padding: 0;
  }
}

/* iwtk ----------*/
.iwtk {
  /* SP ----------*/
}
.iwtk_ttl {
  margin-top: 0.7rem;
  position: relative;
  text-align: center;
}
.iwtk_ttl .maintxt {
  color: #4678c8;
  font-size: 0.48rem;
  font-weight: 900;
  letter-spacing: 0.1em;
  line-height: 1.6;
}
.iwtk_ttl .maintxt.small {
  display: block;
  font-size: 0.33rem;
}
.iwtk_ttl.top {
  margin-top: 0;
}
.iwtk_ttl .searchbar {
  background: url(../img/vol3/icon_fukidashi01.svg) center center no-repeat;
  background-size: contain;
  color: #28558c;
  display: block;
  font-size: 0.22rem;
  font-weight: 600;
  line-height: 1;
  margin-bottom: 0.15rem;
  padding: 0.08rem 0.1rem 0.28rem;
  position: relative;
}
.iwtk_ttl .searchbar .num {
  font-size: 0.24rem;
  font-weight: 600;
}
.iwtk_ttl .searchbar::before {
  background: url(../img/vol3/icon_search.svg) no-repeat;
  background-size: cover;
  content: "";
  display: block;
  height: 0.62rem;
  margin-left: -1.9rem;
  position: absolute;
  top: -0.02rem;
  left: 50%;
  width: 0.74rem;
}
.iwtk_ttl .none {
  display: none;
  font-family: "Zen Maru Gothic", sans-serif;
  font-size: 0.48rem;
  font-weight: 900;
}
.iwtk_ttl .btxt {
  font-size: 0.48rem;
  font-weight: 900;
  letter-spacing: 0.1em;
  line-height: 1.3;
}
.iwtk_ttl .btxt.can, .iwtk_ttl .btxt.cannot {
  padding-left: 0.75rem;
  position: relative;
}
.iwtk_ttl .btxt.can::before, .iwtk_ttl .btxt.cannot::before {
  content: "";
  display: block;
  height: 0.65rem;
  position: absolute;
  top: 0.06rem;
  left: 0.05rem;
  width: 0.65rem;
}
.iwtk_ttl .btxt.can::before {
  background: url(../img/vol4/icon_can_cant01.svg) no-repeat;
  background-size: cover;
}
.iwtk_ttl .btxt.cannot::before {
  background: url(../img/vol4/icon_can_cant03.svg) no-repeat;
  background-size: cover;
}
.iwtk_ttl .txtyellow {
  color: #faf532;
}
.iwtk_ttl .txtgray {
  color: #6c7890;
}
.iwtk_ttl .txtblue {
  color: #4678c8;
}
.iwtk_ttl.q01::after, .iwtk_ttl.q02::after, .iwtk_ttl.q03::after, .iwtk_ttl.q04::after, .iwtk_ttl.q05::after, .iwtk_ttl.q06::after {
  background: url(../img/vol3/iwtk_ttl_icon_q01.svg) no-repeat;
  background-size: cover;
  content: "";
  display: block;
  height: 1.26rem;
  position: absolute;
  top: 0.3rem;
  right: 1.4rem;
  width: 0.9rem;
}
.iwtk_ttl.q02::after {
  right: 1.1rem;
}
.iwtk_ttl.q03::after, .iwtk_ttl.q04::after {
  background: url(../img/vol4/iwtk_ttl_icon_q02.svg) no-repeat;
  background-size: cover;
  top: 0.8rem;
  right: 2.2rem;
}
.iwtk_ttl.q04::after {
  top: 0.87rem;
  right: 2rem;
}
.iwtk_ttl.q05::after, .iwtk_ttl.q06::after {
  background: url(../img/vol5/iwtk_ttl_icon_q03.svg) no-repeat;
  background-size: cover;
  top: 0.8rem;
  right: 2.2rem;
}
.iwtk_ttl.q06::after {
  top: 0.87rem;
  right: 2rem;
}
.iwtk_readtxt {
  font-size: 0.2rem;
  margin-top: 0.3rem;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .iwtk_ttl {
    margin-top: 0.5rem;
  }
  .iwtk_ttl .maintxt {
    font-size: 0.3rem;
    line-height: 1.3;
  }
  .iwtk_ttl .maintxt.small {
    font-size: 0.22rem;
    margin-bottom: 0.03rem;
  }
  .iwtk_ttl .maintxt.spmr1rem {
    margin-right: 1.1rem;
  }
  .iwtk_ttl .searchbar {
    font-size: 0.1rem;
    font-weight: 900;
    margin-bottom: 0.1rem;
    padding: 0.02rem 0.1rem 0.13rem;
  }
  .iwtk_ttl .searchbar .num {
    font-size: 0.13rem;
    font-weight: 900;
  }
  .iwtk_ttl .searchbar::before {
    height: 0.32rem;
    margin-left: -0.92rem;
    top: -0.04rem;
    width: 0.38rem;
  }
  .iwtk_ttl .none {
    display: inline-block;
    font-size: 0.3rem;
  }
  .iwtk_ttl .btxt {
    font-size: 0.3rem;
    letter-spacing: 0.1em;
    line-height: 1.4;
  }
  .iwtk_ttl .btxt.can, .iwtk_ttl .btxt.cannot {
    padding-left: 0.5rem;
  }
  .iwtk_ttl .btxt.can::before, .iwtk_ttl .btxt.cannot::before {
    height: 0.4rem;
    top: 0.03rem;
    width: 0.4rem;
  }
  .iwtk_ttl .btxt.cannot {
    display: inline-block;
    margin-left: 0.85rem;
  }
  .iwtk_ttl.q01::after, .iwtk_ttl.q02::after, .iwtk_ttl.q03::after, .iwtk_ttl.q04::after, .iwtk_ttl.q05::after, .iwtk_ttl.q06::after {
    display: none;
  }
  .iwtk_readtxt {
    font-size: 0.13rem;
    margin-top: 0.1rem;
  }
}

/* reform_box ----------*/
.reform_box_01 {
  margin-top: 0.5rem;
  position: relative;
  z-index: 1;
}
.reform_box_01::before {
  background-color: #fff;
  border-radius: 0.5rem;
  content: "";
  display: block;
  position: absolute;
  top: 0.6rem;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
}
@media screen and (max-width: 768px) {
  .reform_box_01 {
    margin-top: 0.25rem;
  }
  .reform_box_01::before {
    border-radius: 0.25rem;
    top: 0.8rem;
  }
}
.reform_box_02 {
  background-color: #fff;
  border-radius: 0.5rem;
  margin-top: 0.5rem;
  padding: 0.6rem 0 0.7rem;
}
@media screen and (max-width: 768px) {
  .reform_box_02 {
    border-radius: 0.25rem;
  }
}
@media screen and (max-width: 768px) {
  .reform_box_02 {
    margin-top: 0.25rem;
    padding: 0.5rem 0.2rem 0.35rem;
  }
}
.reform_box_03 {
  background-color: #fff;
  border-radius: 0.5rem;
  margin-top: 0.3rem;
  overflow: hidden;
  padding: 7.8rem 0 0.75rem;
  position: relative;
}
@media screen and (max-width: 768px) {
  .reform_box_03 {
    border-radius: 0.25rem;
  }
}
.reform_box_03::before {
  background: url(../img/vol4/house_illust_01.png) no-repeat;
  background-position: center center;
  background-size: cover;
  content: "";
  display: block;
  height: 7.8rem;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.reform_box_03.vol5 {
  padding: 6.4rem 0 0.75rem;
}
.reform_box_03.vol5::before {
  background: url(../img/vol5/house_illust_02.png) no-repeat;
  background-position: center center;
  background-size: cover;
  height: 6.4rem;
}
@media screen and (max-width: 768px) {
  .reform_box_03 {
    margin-top: 0.15rem;
    padding: 3.4rem 0.2rem 0.35rem;
  }
  .reform_box_03::before {
    background-position: top 0 left -0.64rem;
    height: 3.4rem;
  }
  .reform_box_03.vol5 {
    padding: 2.35rem 0.2rem 0.35rem;
  }
  .reform_box_03.vol5::before {
    background-color: #faf0f0;
    background-size: 120%;
    height: 2.35rem;
  }
}
.reform_box_04 {
  background-color: #fff;
  border-radius: 0.5rem;
  margin-top: 0.5rem;
  padding: 0.7rem 0.7rem 0.4rem;
}
@media screen and (max-width: 768px) {
  .reform_box_04 {
    border-radius: 0.25rem;
  }
}
@media screen and (max-width: 768px) {
  .reform_box_04 {
    margin-top: 0.25rem;
    padding: 0.4rem 0.25rem 0.15rem;
  }
}
/*# sourceMappingURL=vol3-5.css.map */