@charset "UTF-8";
:root {
  --black: 51,51,51;
  --red: 238,0,59;
  --dark_red: 207,28,85;
  --main: 233,83,131;
  --accent: 227,55,129;
  --note: 102,102,102;
  --bg: 243,243,243;
  --gray: 153,153,153;
  --dark_gray: 167,167,167;
  --border: 210,211,212;
  --light_pink: 252,229,237;
  --beige: 248,244,241;
  --green: 92,198,172;
  --blue: 16,120,237;
  --purple: 189,104,200;
  --light_purple: 242,228,243;
  --contents_width: 1100px;
  --body_padding_side: 60px;
  --contents_width_with_padding: 1160px;
  --sidebar_width: 250px;
  --hover_opacity: .7;
}

/* .l-container
================================================ */
#bmc .l-container {
  padding-top: 0;
}

/* 汎用クラス
================================================ */
@media all and (min-width: 768px) {
  .bmc-box {
    width: 750px;
    margin-inline: auto;
    border-radius: 30px;
  }
  .bmc-use .bmc-box {
    width: 980px;
  }
}
.bmc-box__head {
  font-size: 2rem;
  border-radius: 15px 15px 0 0;
  color: #fff;
  border: 2px solid;
  padding: 0.2em;
}
@media all and (min-width: 768px) {
  .bmc-box__head {
    font-size: 2.4rem;
  }
}
.bmc-rank__bmc .bmc-box__head {
  border-color: #ec92be;
  background-color: #ec92be;
}
.bmc-rank__gld .bmc-box__head {
  border-color: #cdaa35;
  background-color: #cdaa35;
}
.bmc-rank__dia .bmc-box__head {
  border-color: #9ca3af;
  background-color: #9ca3af;
}
.bmc-use .bmc-box__head {
  color: rgb(var(--black));
  border-color: #ffc9c7;
  background-color: #ffc9c7;
}
.bmc-box__txt {
  min-height: 6em;
  border-radius: 0 0 15px 15px;
  border: 2px solid;
  background-color: #fff;
  padding: 20px 15px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
@media all and (min-width: 768px) {
  .bmc-box__txt {
    padding: 40px 30px;
  }
}
.bmc-rank__bmc .bmc-box__txt {
  border-color: #ec92be;
}
.bmc-rank__gld .bmc-box__txt {
  border-color: #cdaa35;
}
.bmc-rank__dia .bmc-box__txt {
  border-color: #9ca3af;
}
.bmc-use .bmc-box__txt {
  border-color: #ffc9c7;
}

.bmc-btn__link {
  color: #fff;
  font-weight: bold;
  background: linear-gradient(90deg, #9f0042 10%, #c20050 50%, #9f0042 90%);
  padding: 0.5em;
  border-radius: 100vmax;
  border: 3px solid #fff;
  filter: drop-shadow(3px 3px 0 #9f0042);
}
@media all and (min-width: 768px) {
  .bmc-btn__link {
    font-size: 2rem;
    border: 4px solid #fff;
    filter: drop-shadow(4px 4px 0 #9f0042);
  }
}
.bmc-btn__link::before {
  color: #f5f5f5;
  right: 15px;
}
@media all and (min-width: 768px) {
  .bmc-btn__link::before {
    right: 30px;
  }
}

/* .bmc-mainimg
================================================ */
.bmc-mainimg {
  background: #ffd3e0;
}

/* .bmc-intro
================================================ */
.bmc-intro .u-font-bold {
  color: #a10043;
}
@media all and (min-width: 768px) {
  .bmc-intro .c-note01 {
    width: 750px;
    margin-inline: auto;
  }
}
.bmc-intro__txt {
  filter: drop-shadow(4px 4px 8px rgba(0, 0, 0, 0.4));
  margin-top: -45px;
}
@media all and (min-width: 768px) {
  .bmc-intro__txt {
    margin-top: -95px;
  }
}

/* .bmc-detail
================================================ */
.bmc-detail {
  background: linear-gradient(90deg, #9f0042 10%, #c20050 50%, #9f0042 90%);
  padding-block: 50px;
}
@media all and (min-width: 768px) {
  .bmc-detail {
    padding-block: 100px;
  }
}
@media all and (max-width: 767px) {
  .bmc-detail__head {
    width: 59.8666666667vw;
    margin-inline: auto;
  }
}
.bmc-detail__list {
  display: flex;
  justify-content: center;
  gap: 15px;
}
@media all and (min-width: 768px) {
  .bmc-detail__list {
    gap: 30px;
  }
}
.bmc-detail__item {
  filter: drop-shadow(5px 5px 10px rgba(0, 0, 0, 0.3));
}
.bmc-detail__txt {
  filter: drop-shadow(5px 5px 10px rgba(0, 0, 0, 0.3));
}

/* .bmc-rank
================================================ */
.bmc-rank .splide__arrow {
  top: 26.6666666667vw;
}
@media all and (min-width: 768px) {
  .bmc-rank .splide__arrow {
    top: 200px;
  }
}
@media all and (min-width: 768px) {
  .bmc-rank .splide__arrow--prev {
    left: 1em;
  }
  .bmc-rank .splide__arrow--next {
    right: 1em;
  }
}
.bmc-rank__inner {
  border-radius: 15px;
  padding: 30px 15px;
}
@media all and (min-width: 768px) {
  .bmc-rank__inner {
    border-radius: 30px;
    padding: 60px 30px;
  }
}
.bmc-rank__head {
  border-bottom: 2px solid rgb(var(--border));
  padding-bottom: 30px;
}
@media all and (min-width: 768px) {
  .bmc-rank__head {
    padding-bottom: 50px;
  }
}
@media all and (max-width: 767px) {
  .bmc-rank__head img {
    width: 65.7333333333vw;
  }
}
.bmc-rank__img {
  margin-inline: auto;
}
@media all and (max-width: 767px) {
  .bmc-rank__img {
    width: 56vw;
  }
}
.bmc-rank__box-item {
  display: flex;
  gap: 0.5em;
}
.bmc-rank__box-item + .bmc-rank__box-item {
  margin-top: 0.5em;
}
.bmc-rank__box-item::before {
  content: "";
  display: inline-block;
  width: 7.2vw;
  height: 7.2vw;
}
@media all and (min-width: 768px) {
  .bmc-rank__box-item::before {
    width: 30px;
    height: 30px;
  }
}
.bmc-rank__box-item.free::before {
  background: url(/bmc/img/ico_free.png) left top/contain no-repeat;
}
.bmc-rank__box-item.coin::before {
  background: url(/bmc/img/ico_coin.png) left top/contain no-repeat;
}
.bmc-rank__box-item.present::before {
  background: url(/bmc/img/ico_present.png) left top/contain no-repeat;
}

/* .bmc-rate
================================================ */
.bmc-rate__head {
  border-bottom: 2px solid rgb(var(--border));
  padding-bottom: 30px;
}
@media all and (min-width: 768px) {
  .bmc-rate__head {
    padding-bottom: 50px;
  }
}
@media all and (max-width: 767px) {
  .bmc-rate__head img {
    width: 87.0666666667vw;
  }
}

/* .bmc-use
================================================ */
.bmc-use__head {
  border-bottom: 2px solid rgb(var(--border));
  padding-bottom: 30px;
}
@media all and (min-width: 768px) {
  .bmc-use__head {
    padding-bottom: 50px;
  }
}
@media all and (max-width: 767px) {
  .bmc-use__head img {
    width: 55.7333333333vw;
  }
}

/* .bmc-birthday
================================================ */
.bmc-birthday__head {
  border-bottom: 2px solid rgb(var(--border));
  padding-bottom: 30px;
}
@media all and (min-width: 768px) {
  .bmc-birthday__head {
    padding-bottom: 50px;
  }
}
@media all and (max-width: 767px) {
  .bmc-birthday__head img {
    width: 82.6666666667vw;
  }
}

/* .bmc-assessment
================================================ */
.bmc-assessment__head {
  border-bottom: 2px solid rgb(var(--border));
  padding-bottom: 30px;
}
@media all and (min-width: 768px) {
  .bmc-assessment__head {
    padding-bottom: 50px;
  }
}
@media all and (max-width: 767px) {
  .bmc-assessment__head img {
    width: 63.4666666667vw;
  }
}
@media all and (max-width: 767px) {
  .bmc-assessment__txt {
    width: 84vw;
    margin-inline: auto;
  }
}
@media all and (max-width: 767px) {
  .bmc-assessment__img img {
    max-width: initial;
    width: auto;
    height: 74vw;
  }
}
.bmc-assessment__img-wrapper {
  overflow-x: auto;
  width: auto;
  -webkit-overflow-scrolling: touch;
}
.bmc-assessment .c-list-basic01__item {
  padding-left: 0.93em;
}
.bmc-assessment .c-list-basic01__item::before {
  top: 0.51em;
  width: 0.5em;
  height: 0.5em;
}

.bmc-assessment01 .c-list-basic01__item::before {
  background: #a10043;
}

.bmc-assessment02 .c-list-basic01__item::before {
  background: #1916a2;
}

/* .bmc-ico-scroll
================================================ */
@media all and (max-width: 767px) {
  .bmc-ico-scroll {
    position: absolute;
    z-index: 2;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    display: block;
    width: 20.93vw;
    height: 22.13vw;
  }
  .bmc-ico-scroll.is-hidden {
    display: none;
  }
  .bmc-ico-scroll__wrapper {
    position: relative;
  }
}

/* .bmc-note
================================================ */
.bmc-note {
  padding-block: 50px;
}
@media all and (min-width: 768px) {
  .bmc-note {
    padding-block: 100px;
  }
}
.bmc-note__head {
  border-bottom: 2px solid rgb(var(--border));
  padding-bottom: 30px;
}
@media all and (min-width: 768px) {
  .bmc-note__head {
    padding-bottom: 50px;
  }
}
@media all and (max-width: 767px) {
  .bmc-note__head img {
    width: 59.8666666667vw;
  }
}

/* .bmc-faq
================================================ */
.bmc-faq__head {
  border-bottom: 2px solid rgb(var(--border));
  padding-bottom: 30px;
}
@media all and (min-width: 768px) {
  .bmc-faq__head {
    padding-bottom: 50px;
  }
}
@media all and (max-width: 767px) {
  .bmc-faq__head img {
    width: 47.4666666667vw;
  }
}
.bmc-faq .c-bg02 {
  display: block;
  padding: 5px 10px;
  border-radius: 5px;
}
@media all and (min-width: 768px) {
  .bmc-faq .c-bg02 {
    padding: 10px 20px;
    border-radius: 10px;
  }
}

/* .bmc-terms
================================================ */
.bmc-terms-contents {
  border: 1px solid rgb(var(--bg));
  background-color: rgb(var(--beige));
  height: 90vw;
  overflow-y: scroll;
  padding: 20px 15px;
}
@media all and (min-width: 768px) {
  .bmc-terms-contents {
    height: 520px;
    border: 1px solid rgb(var(--bg));
    padding: 30px 50px;
  }
}
.bmc-terms .c-table01 {
  table-layout: fixed;
}
.bmc-terms .c-table01 tr:first-child th:nth-child(1) {
  width: 20%;
}
@media all and (min-width: 768px) {
  .bmc-terms .c-table01 tr:first-child th:nth-child(1) {
    width: 34%;
  }
}
.bmc-terms .c-table01 tr:first-child th:nth-child(2) {
  width: 40%;
}
@media all and (min-width: 768px) {
  .bmc-terms .c-table01 tr:first-child th:nth-child(2) {
    width: 33%;
  }
}
.bmc-terms .c-table01 tr:first-child th:nth-child(3) {
  width: 40%;
}
@media all and (min-width: 768px) {
  .bmc-terms .c-table01 tr:first-child th:nth-child(3) {
    width: 33%;
  }
}
.bmc-terms .c-table01 th, .bmc-terms .c-table01 td {
  text-align: center;
}