.page_wrapper {
  background: #F1F2F0;
}

.c_kv {
  background-image: url(/assets/img/fee/kv.jpg);
}
@media screen and (max-width: 767px) and (orientation: portrait) {
  .c_kv {
    background-image: url(/assets/img/fee/kv_sp.jpg);
  }
}
.c_kv h1 {
  width: 20.2777777778vw;
  height: 5.9722222222vw;
  position: absolute;
  top: 5.9722222222vw;
  left: 38.9583333333vw;
}
@media screen and (max-width: 767px) and (orientation: portrait) {
  .c_kv h1 {
    width: 62.9333333333vw;
    height: 11.7333333333vw;
    top: 28.8vw;
    left: 19.7333333333vw;
  }
}

.fee_alerts {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  font-size: 1.25vw;
  font-weight: bold;
  margin-bottom: 0.9722222222vw;
}
@media screen and (max-width: 767px) and (orientation: portrait) {
  .fee_alerts {
    flex-direction: column;
    font-size: 3.7333333333vw;
    margin-bottom: 3.2vw;
  }
}
.fee_alerts ul li {
  padding-left: 1em;
  text-indent: -1em;
  line-height: 1.5;
  margin-bottom: 0.3em;
}
@media screen and (max-width: 767px) and (orientation: portrait) {
  .fee_alerts p {
    padding-top: 1em;
  }
}

.white_box--2 .ttl_maru,
.white_box--3 .ttl_maru {
  font-size: 1.5277777778vw;
}
@media screen and (max-width: 767px) and (orientation: portrait) {
  .white_box--2 .ttl_maru,
  .white_box--3 .ttl_maru {
    font-size: 4.8vw;
  }
}
.white_box--2 .ttl_maru + p,
.white_box--3 .ttl_maru + p {
  line-height: 1.8;
  margin-bottom: 1em;
}
.white_box--2 .border-top,
.white_box--3 .border-top {
  border-top: solid 0.1388888889vw #B8A670;
  padding-top: 1.6666666667vw;
}
@media screen and (max-width: 767px) and (orientation: portrait) {
  .white_box--2 .border-top,
  .white_box--3 .border-top {
    border-top: solid 0.5333333333vw #B8A670;
    padding-top: 5.3333333333vw;
  }
}
.white_box--2 .border-top .method:last-of-type,
.white_box--3 .border-top .method:last-of-type {
  margin-top: 1.6666666667vw;
}
@media screen and (max-width: 767px) and (orientation: portrait) {
  .white_box--2 .border-top .method:last-of-type,
  .white_box--3 .border-top .method:last-of-type {
    margin-top: 5.3333333333vw;
  }
}
.white_box--2 .border-top .method.method--vacume,
.white_box--3 .border-top .method.method--vacume {
  margin-top: 0;
}
.white_box--2 .border-top .method h4,
.white_box--3 .border-top .method h4 {
  display: flex;
  align-items: center;
  margin-bottom: 0.8333333333vw;
}
@media screen and (max-width: 767px) and (orientation: portrait) {
  .white_box--2 .border-top .method h4,
  .white_box--3 .border-top .method h4 {
    margin-bottom: 2.6666666667vw;
  }
}
.white_box--2 .border-top .method h4 i,
.white_box--3 .border-top .method h4 i {
  font-size: 1.25vw;
  width: 1.7361111111vw;
  height: 1.7361111111vw;
  line-height: 1.7361111111vw;
  margin-right: 0.6944444444vw;
  text-align: center;
  font-weight: bold;
  color: #fff;
  letter-spacing: 0;
  border-radius: 100%;
  background: #B8A670;
}
@media screen and (max-width: 767px) and (orientation: portrait) {
  .white_box--2 .border-top .method h4 i,
  .white_box--3 .border-top .method h4 i {
    font-size: 4.2666666667vw;
    width: 5.8666666667vw;
    height: 5.8666666667vw;
    line-height: 5.8666666667vw;
    margin-right: 1.6vw;
  }
}
.white_box--2 .border-top .method h4 span,
.white_box--3 .border-top .method h4 span {
  flex: 1;
  font-size: 1.5277777778vw;
  font-weight: bold;
}
@media screen and (max-width: 767px) and (orientation: portrait) {
  .white_box--2 .border-top .method h4 span,
  .white_box--3 .border-top .method h4 span {
    font-size: 3.7333333333vw;
    line-height: 1.6;
  }
}
.white_box--2 .border-top .merit,
.white_box--3 .border-top .merit {
  display: flex;
  line-height: 1.9;
}
@media screen and (max-width: 767px) and (orientation: portrait) {
  .white_box--2 .border-top .merit,
  .white_box--3 .border-top .merit {
    display: block;
  }
}
.white_box--2 .border-top .merit:first-of-type,
.white_box--3 .border-top .merit:first-of-type {
  margin-top: 1em;
  margin-bottom: 0.6em;
}
.white_box--2 .border-top .merit dt,
.white_box--3 .border-top .merit dt {
  width: 7em;
  font-weight: bold;
}
@media screen and (max-width: 767px) and (orientation: portrait) {
  .white_box--2 .border-top .merit dt,
  .white_box--3 .border-top .merit dt {
    width: 100%;
  }
}
.white_box--2 .border-top .merit dd,
.white_box--3 .border-top .merit dd {
  flex: 1;
}/*# sourceMappingURL=fee.css.map */