/* ===============================================================

 project / benefit top

=============================================================== */
.icon_ryout {
  width: 38%;
  text-align: center;
  margin: 0 auto;
  margin-bottom: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

#BinInput input {
  max-width: 375px;
}

#campaignCordOutput {
  width: 375px;
  max-width: 100%;
  margin: 0 auto;
  min-height: 60px;
}

.cardbox {
  border: 1px solid #EAEAEA;
  padding: 24px;
}

.cardbox__textbox {
  margin-bottom: 24px;
  font-size: 14px;
}

.cardbox__textbox__title {
  margin-bottom: 16px;
  font-size: 16px;
  font-weight: 500;
  position: relative;
  padding-left: 59px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 43px;
}

.cardbox__textbox__title::before {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto 0;
  height: 43px;
  width: 43px;
}

.cardbox__textbox__title.-qira::before {
  background: url("/benefits/assets/img/icon_qira.svg?v18e82bf5026") no-repeat center/contain;
}

.cardbox__textbox__title.-benefits::before {
  background: url("/benefits/assets/img/icon_genre.svg?v18d158e7af8") no-repeat center/contain;
}

.c-title__block .-subtext {
  padding-top: 3px;
  font-size: 16px;
  line-height: 1.5em;
  font-weight: 300;
}

.l-gridblock__inner.-pink,
.l-gridblock__inner.-blue {
  padding: 24px;
}

.l-gridblock__inner.-pink .l-gridblock__item:nth-child(n+2),
.l-gridblock__inner.-blue .l-gridblock__item:nth-child(n+2) {
  margin-top: 16px;
}

.l-gridblock__inner.-pink {
  background: #FBF2F7;
}

.l-gridblock__inner.-blue {
  background: #EDF1F2;
}

.c-cardbox--single__content.-white {
  background: #fff;
}

.c-cardbox--single__tagbox.-gold,
.c-cardbox--single__tagbox.-gray {
  margin: 0;
  margin-top: 16px;
}

.c-cardbox--single__tagbox.-gold .c-tag,
.c-cardbox--single__tagbox.-gray .c-tag {
  margin: 0 4px 0 0;
}

.c-cardbox--single__tagbox.-gold .c-tag {
  color: #9A7D35;
  border: 1px solid #9A7D35;
}

.c-cardbox--single__tagbox.-gray .c-tag {
  color: #6E6E6E;
  border: 1px solid #6E6E6E;
}

@media screen and (min-width: 768px) {
  .benefits-top__card .l-gridblock.\-2col .l-gridblock__item {
    width: calc((100% - 20px)/2);
    margin-left: 20px;
  }
  .benefits-top__card .l-gridblock.\-2col .l-gridblock__item:nth-child(2n+1) {
    margin-left: 0;
  }
  #special-experience,
  #brand-service,
  #others,
  #higherlevel-service,
  #web-magazine {
    margin-top: -64px;
    padding-top: 64px;
  }
  .c-cardbox--single__content:has(.c-cardbox--single__tagbox.-gold), .c-cardbox--single__content:has(.c-cardbox--single__tagbox.-gray) {
    padding: 24px 58px 24px 32px;
  }
  .l-gridblock.\-1col .l-gridblock__item.qira-magazine {
    width: 560px;
    margin: 24px auto 0;
  }
}

@media screen and (max-width: 767px) {
  .c-slider--simple__dottedbox .slick-dots li {
    width: 40px;
    height: 3px;
  }
  .cardbox {
    padding: 24px 4%;
  }
  .l-gridblock__inner.-pink,
  .l-gridblock__inner.-blue {
    padding: 24px 4%;
  }
  .c-cardbox--single__tagbox.-gold .c-tag,
  .c-cardbox--single__tagbox.-gray .c-tag {
    margin: 0;
  }
  .c-followInfomationButtons .c-followInfomationButtons__button {
    width: 94%;
  }
}
/* GLOBAL ADJUSTMENT  */
.global-nav > .global-nav-item.__benefit {
  border-bottom: solid 4px #475D82;
  padding-bottom: 16px;
}