.beautyhair {
  /* max-width: 768px; */
  /* margin: auto; */
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400; /* bold 700 */
  img {
    display: block;
    width: 100%;
    height: auto;
  }
}

header {
}

.mv {
  position: relative;
}
.mv_logo {
  position: absolute;
  top: 3.8vw;
  left: 4.6vw;
  width: calc((199 / 393) * 100vw);
}
.mv_txt {
  margin-top: 8vw;
  font-size: calc((16 / 393) * 100vw);
  text-align: center;
  line-height: 1.7;
  span {
    background: linear-gradient(transparent 55%, rgba(190, 217, 248, 0.5) 45%);
  }
}
.mv_note01 {
  margin: 5.4vw 0;
  font-size: calc((11 / 393) * 100vw);
  text-align: center;
  line-height: 1.4;
}
.mv_note02 {
  font-size: calc((12 / 393) * 100vw);
  text-align: center;
  line-height: 1.7;
}

.bnr_reservation {
  display: block;
  width: calc((350 / 393) * 100vw);
  margin: 0 auto 4.6vw;
}

.intro {
  padding-top: 22.6vw;
}
.intro_top {
  padding-bottom: 0.1px;
  background-color: #BED9F8;
}
.intro_top_item {
  display: flex;
  justify-content: space-between;
}
.intro_top_item_head {
  width: calc((138 / 393) * 100vw);
  margin: 14vw auto 0;
}
.intro_top_item_img {
  width: calc((203 / 393) * 100vw);
  margin-top: -10.6vw;
}
.intro_top_checklist_wrap {
  position: relative;
  width: calc((325 / 393) * 100vw);
  margin-top: -10.4vw;
  margin-bottom: -10.8vw;
  &::after {
    display: block;
    content: '';
    width: 100%;
    height: 100%;
    background-color: #BED9F8;
    mix-blend-mode: multiply;
    position: absolute;
    top: 2.4vw;
    left: 2.4vw;
  }
}
.intro_top_checklist {
  padding: 4.8vw 0 7.8vw 4.6vw;
  background-color: #fff;
  position: relative;
  z-index: 1;
  li {
    display: flex;
    align-items: center;
    font-size: calc((14 / 393) * 100vw);
    line-height: 1.4;
    &::before {
      display: block;
      content: '';
      width: calc((37 / 393) * 100vw);
      height: calc((37 / 393) * 100vw);
      background-image: url(../img/beautyhair/intro_check.svg);
      background-position: center center;
      background-repeat: no-repeat;
      background-size: contain;
    }
    & + li {
      margin-top: 0.8vw;
    }
  }
}
.intro_bottom_arrow {
  margin: 17.2vw auto -3.6vw;
  width: calc((56 / 393) * 100vw);
  height: calc((28 / 393) * 100vw);
  background-color: #AFD0F6;
  clip-path: polygon(0 0, 100% 0, 50% 100%);
}
.intro_bottom_img {
  width: calc((378 / 393) * 100vw);
  margin-left: 3vw;
}

.course {
  padding-top: 18.2vw;
}
.course_head {
  width: calc((225 / 393) * 100vw);
  margin: 0 auto 7.2vw;
}
.course_item {
  position: relative;
  padding: 10vw 0 12vw;
  &:nth-of-type(odd) {
    background-color: rgba(190, 217, 248, 0.3);
  }
  .course_item_num {
    margin: auto;
  }
  .course_item_txt {
    margin-top: 3.4vw;
    font-size: calc((16 / 393) * 100vw);
    text-align: center;
    line-height: 1.7;
  }
  .course_item_img {
    margin: 8vw auto 0;
  }
  &:not(.course_item._08) {
    &::after {
      display: block;
      content: '';
      width: calc((42 / 393) * 100vw);
      height: calc((21 / 393) * 100vw);
      background-color: #AFD0F6;
      clip-path: polygon(0 0, 100% 0, 50% 100%);
      position: absolute;
      bottom: -3vw;
      left: 0;
      right: 0;
      margin: auto;
    }
  }
}
.course_item._01 {
  .course_item_num {
    width: calc((141 / 393) * 100vw);
  }
  .course_item_img {
    width: calc((299.5 / 393) * 100vw);
  }
}
.course_item._02 {
  .course_item_num {
    width: calc((358 / 393) * 100vw);
  }
  .course_item_img {
    width: calc((276 / 393) * 100vw);
  }
}
.course_item._03 {
  .course_item_num {
    width: calc((164 / 393) * 100vw);
  }
  .course_item_img {
    width: calc((232.5 / 393) * 100vw);
  }
}
.course_item._04 {
  .course_item_num {
    width: calc((300 / 393) * 100vw);
  }
  .course_item_img {
    width: calc((237 / 393) * 100vw);
  }
}
.course_item._07 {
  .course_item_num {
    width: calc((182 / 393) * 100vw);
  }
  .course_item_img {
    width: calc((284 / 393) * 100vw);
  }
}
.course_item._08 {
  padding-bottom: 16vw;
  .course_item_num {
    width: calc((349 / 393) * 100vw);
  }
  .course_item_img {
    width: calc((271.5 / 393) * 100vw);
  }
}

.end {
  padding: 5.8vw 0 5vw;
  background-color: #BED9F8;
}
.end_txt {
  width: calc((339 / 393) * 100vw);
  margin: 0 auto 3.8vw;
}
.end_note {
  &:nth-of-type(1) {
    margin: 4vw 0 3vw;
    font-size: calc((11 / 393) * 100vw);
    text-align: center;
    line-height: 1.4;
  }
  &:nth-of-type(2) {
    font-size: calc((12 / 393) * 100vw);
    text-align: center;
    line-height: 1.7;
  }
}
.end_tel {
  display: block;
  width: calc((370 / 393) * 100vw);
  margin: 0 auto 2.6vw;
}
.end_reservation {
  display: block;
  width: calc((370 / 393) * 100vw);
  margin: 0 auto 5vw;
}

.fixed_tel {
  position: fixed;
  top: 0;
  right: 0;
  width: calc((80 / 393) * 100vw);
  z-index: 10;
  opacity: 0;
  visibility: hidden;
  transition: 0.5s ease;
  &.-active {
    opacity: 1;
    visibility: visible;
  }
}

.fixed_reservation {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 10;
  opacity: 0;
  visibility: hidden;
  transition: 0.5s ease;
  &.-active {
    opacity: 1;
    visibility: visible;
  }
}

.footer_policy {
  padding: 1em 0;
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 3vw;
  color: #fff !important;
  text-align: center;
  background: #4c4948;
}
.footer_policy_top {
  display: flex;
  justify-content: center;
  a {
    padding: 0 1em;
    line-height: 1;
    color: #fff !important;
    text-decoration: none;
    & + a {
      border-left: 1px solid #fff;
    }
  }
}
.footer_policy_copy {
  display: block;
  margin-top: 0.5em;
  font-size: 3vw;
  line-height: 1;
}