.page_wrapper {
  background: #F1F2F0;
}

.c_kv--hasMenu {
  background-image: url(/assets/img/about-acne/kv.jpg);
}
@media screen and (max-width: 767px) and (orientation: portrait) {
  .c_kv--hasMenu {
    background-image: url(/assets/img/about-acne/kv_sp.jpg);
  }
}
.c_kv--hasMenu h1 {
  width: 16.8055555556vw;
  height: 5.9722222222vw;
  position: absolute;
  top: 5.9722222222vw;
  left: 7.5694444444vw;
}
.c_kv--hasMenu h1 img {
  filter: none;
}
@media screen and (max-width: 767px) and (orientation: portrait) {
  .c_kv--hasMenu h1 {
    width: 60.2666666667vw;
    height: 27.7333333333vw;
    top: 22.9333333333vw;
    left: 6.6666666667vw;
  }
}

.white_box--1 .white_box__ttl:last-of-type {
  margin-top: 2.5vw;
}
@media screen and (max-width: 767px) and (orientation: portrait) {
  .white_box--1 .white_box__ttl:last-of-type {
    margin-top: 9.6vw;
  }
}
.white_box--1 .ttl_maru {
  font-size: 1.25vw;
}
@media screen and (max-width: 767px) and (orientation: portrait) {
  .white_box--1 .ttl_maru {
    font-size: 3.7333333333vw;
  }
}
.white_box--1 ul {
  margin-bottom: 1.25vw;
  display: flex;
  flex-wrap: wrap;
}
.white_box--1 ul li {
  margin-bottom: 0.6em;
}
@media screen and (max-width: 767px) and (orientation: portrait) {
  .white_box--1 ul li {
    font-size: 3.7333333333vw;
    padding-left: 1em;
    text-indent: -1em;
    line-height: 1.3;
  }
}
.white_box--1 ul:last-of-type {
  margin: 0;
}

@media screen and (max-width: 767px) and (orientation: portrait) {
  .white_box--3,
  .white_box--4 {
    padding-top: 8vw;
    padding-bottom: 8vw;
  }
}
.white_box--3 .kouka,
.white_box--4 .kouka {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  border-top: solid 0.1388888889vw #B8A670;
  align-items: center;
}
@media screen and (max-width: 767px) and (orientation: portrait) {
  .white_box--3 .kouka,
  .white_box--4 .kouka {
    border-top: solid 0.5333333333vw #B8A670;
  }
}
.white_box--3 .kouka dt, .white_box--3 .kouka dd,
.white_box--4 .kouka dt,
.white_box--4 .kouka dd {
  width: 50%;
  font-size: 1.25vw;
  padding: 0.5em 0;
  font-weight: bold;
  position: relative;
  line-height: 1.6;
}
@media screen and (max-width: 767px) and (orientation: portrait) {
  .white_box--3 .kouka dt, .white_box--3 .kouka dd,
  .white_box--4 .kouka dt,
  .white_box--4 .kouka dd {
    width: 100%;
    font-size: 3.7333333333vw;
  }
}
@media screen and (max-width: 767px) and (orientation: portrait) {
  .white_box--3 .kouka dt,
  .white_box--4 .kouka dt {
    padding-bottom: 0;
  }
}
.white_box--3 .kouka dd,
.white_box--4 .kouka dd {
  padding-left: 2em;
}
@media screen and (max-width: 767px) and (orientation: portrait) {
  .white_box--3 .kouka dd,
  .white_box--4 .kouka dd {
    padding-left: 1.4em;
  }
}
.white_box--3 .kouka dd:before,
.white_box--4 .kouka dd:before {
  content: "";
  display: block;
  width: 1.2em;
  height: 1.2em;
  background-color: #B8A670;
  -webkit-clip-path: polygon(0% 0%, 0% 100%, 80% 50%);
          clip-path: polygon(0% 0%, 0% 100%, 80% 50%);
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(0, -50%);
}
.white_box--3 .kouka.bb,
.white_box--4 .kouka.bb {
  border-bottom: solid 0.1388888889vw #B8A670;
}
@media screen and (max-width: 767px) and (orientation: portrait) {
  .white_box--3 .kouka.bb,
  .white_box--4 .kouka.bb {
    border-bottom: solid 0.5333333333vw #B8A670;
  }
}

@media screen and (max-width: 767px) and (orientation: portrait) {
  .white_box--4 {
    padding-top: 5.3333333333vw;
  }
}
.white_box--4 h4 {
  font-size: 1.6666666667vw;
  padding: 0 0 0.3em 0;
  font-weight: bold;
}
.white_box--4 h4:last-of-type {
  padding-top: 1.2em;
}
@media screen and (max-width: 767px) and (orientation: portrait) {
  .white_box--4 h4 {
    font-size: 4.8vw;
  }
}/*# sourceMappingURL=acne.css.map */