picture {
  max-width: 100%;
  height: auto;
  max-height: 100%;
}

.bs-container {
  box-sizing: border-box;
  margin: auto;
}

@media (max-width: 768px) {
  .bs-container {
    padding-left: 5.33333vw;
    padding-right: 5.33333vw;
  }
}

@media (min-width: 769px) {
  .bs-container {
    width: clamp(1080px, 100vw, 1280px);
    padding-left: clamp(33.75px, 3.125vw, 40px);
    padding-right: clamp(33.75px, 3.125vw, 40px);
  }

  .pc-hide {
    display: none !important;
  }
}

@media (max-width: 768px) {
  .sp-hide {
    display: none !important;
  }
}

.main-beersurprise {
  font-family: Noto Serif JP, serif;
}

.c-kv {
  background: #5a0046 url("../images/hero_bg_pc.86a8a898.svg") center repeat-x;
}

@media (max-width: 768px) {
  .c-kv {
    background-size: cover;
    padding-top: 11.4667vw;
  }
}

@media (min-width: 769px) {
  .c-kv {
    background-size: clamp(955.125px, 88.4375vw, 1132px);
    padding-top: clamp(54px, 5vw, 64px);
    padding-bottom: clamp(64.125px, 5.9375vw, 76px);
  }
}

@media (max-width: 768px) {
  .c-kv {
    background-image: url("../images/hero_bg_sp.90a12f4a.svg");
  }
}

.c-kv__inner {
  justify-content: center;
  display: flex;
}

@media (max-width: 768px) {
  .c-kv__inner {
    flex-direction: column;
  }

  .c-kv__inner img {
    width: 100%;
  }

  .c-kv__ttl-wrap {
    width: 89.3333vw;
  }
}

@media (min-width: 769px) {
  .c-kv__ttl-wrap {
    width: clamp(282.656px, 26.1719vw, 335px);
    margin-left: clamp(35.4375px, 3.28125vw, 42px);
  }

  .c-kv__ttl {
    margin-top: clamp(22.7813px, 2.10938vw, 27px);
  }
}

@media (max-width: 768px) {
  .c-kv__date-txt {
    margin-top: .533333vw;
  }
}

@media (min-width: 769px) {
  .c-kv__date-txt {
    margin-top: clamp(1.6875px, .15625vw, 2px);
  }
}

@media (max-width: 768px) {
  .c-kv__img {
    width: 91.2vw;
    margin-top: -9.33333vw;
    margin-left: -1.33333vw;
  }
}

@media (min-width: 769px) {
  .c-kv__img {
    width: clamp(313.875px, 29.0625vw, 372px);
    margin-top: clamp(-26px, -2.03125vw, -21.9375px);
    margin-left: clamp(-1px, -.078125vw, -.84375px);
  }
}

@media (max-width: 768px) {
  .c-kv__catch-txt {
    width: 89.3333vw;
    margin-top: 8.53333vw;
  }
}

@media (min-width: 769px) {
  .c-kv__catch-txt {
    width: clamp(54.8438px, 5.07813vw, 65px);
    margin-top: clamp(47.25px, 4.375vw, 56px);
    margin-left: clamp(18.5625px, 1.71875vw, 22px);
  }
}

.c-block-intro {
  background-color: #5a0046;
}

.c-block-intro__inner {
  justify-content: center;
  align-items: center;
  display: flex;
}

@media (max-width: 768px) {
  .c-block-intro__inner {
    margin-top: -3.2vw;
    padding-bottom: 10.9333vw;
  }
}

@media (min-width: 769px) {
  .c-block-intro__inner {
    margin-top: clamp(-12px, -.9375vw, -10.125px);
    padding-top: clamp(2.53125px, .234375vw, 3px);
    padding-bottom: clamp(47.25px, 4.375vw, 56px);
  }
}

@media (max-width: 768px) {
  .c-block-intro__inner {
    flex-direction: column;
  }

  .c-block-intro__img {
    width: 80vw;
    padding-top: 10.1333vw;
  }
}

@media (min-width: 769px) {
  .c-block-intro__img {
    width: clamp(276.75px, 25.625vw, 328px);
  }
}

@media (max-width: 768px) {
  .c-block-intro__txt-area {
    margin-top: 6.66667vw;
  }
}

@media (min-width: 769px) {
  .c-block-intro__txt-area {
    width: clamp(278.438px, 25.7813vw, 330px);
    margin-top: clamp(1.6875px, .15625vw, 2px);
  }
}

.c-block-intro__txt {
  color: #fff;
  letter-spacing: .025em;
  line-height: 1.6;
}

@media (max-width: 768px) {
  .c-block-intro__txt {
    font-size: 4.26667vw;
  }
}

@media (min-width: 769px) {
  .c-block-intro__txt {
    font-size: clamp(16.875px, 1.5625vw, 20px);
  }
}

@media (max-width: 768px) {
  .c-block-intro__txt {
    line-height: 1.5;
  }

  .c-block-intro__txt:not(:first-of-type) {
    margin-top: 6.4vw;
  }
}

@media (min-width: 769px) {
  .c-block-intro__txt:not(:first-of-type) {
    margin-top: clamp(27px, 2.5vw, 32px);
  }
}

.c-block-1__ttl {
  letter-spacing: .0178571em;
  text-align: center;
  color: #f18f4d;
  font-weight: 500;
  line-height: 1.21429;
}

@media (max-width: 768px) {
  .c-block-1__ttl {
    margin-bottom: 5.33333vw;
    font-size: 5.86667vw;
  }
}

@media (min-width: 769px) {
  .c-block-1__ttl {
    margin-bottom: clamp(17.7188px, 1.64063vw, 21px);
    font-size: clamp(23.625px, 2.1875vw, 28px);
  }
}

@media (max-width: 768px) {
  .c-block-1__ttl {
    letter-spacing: .03125em;
    line-height: 1.54545;
  }
}

.c-block-1__txt {
  letter-spacing: .025em;
  color: #fff;
  margin-inline: auto;
  font-weight: 500;
  line-height: 1.6;
}

@media (max-width: 768px) {
  .c-block-1__txt {
    font-size: 4.26667vw;
  }
}

@media (min-width: 769px) {
  .c-block-1__txt {
    width: clamp(669.938px, 62.0313vw, 794px);
    font-size: clamp(16.875px, 1.5625vw, 20px);
  }
}

@media (max-width: 768px) {
  .c-block-1__txt {
    line-height: 1.5;
  }

  .c-section-1 {
    padding-top: 19.2vw;
    padding-bottom: 19.2vw;
  }
}

@media (min-width: 769px) {
  .c-section-1 {
    background: #3c002f url("../images/features_bg_pc.ff483d1d.svg") top;
    padding-top: clamp(84.375px, 7.8125vw, 100px);
    padding-bottom: clamp(84.375px, 7.8125vw, 100px);
  }
}

@media (max-width: 768px) {
  .c-section-1 {
    background: #3c002f url("../images/features_bg_sp.afcfa270.svg") top / 100% repeat-y;
  }
}

.c-section-1__ttl-txt {
  color: #f18f4d;
  border-top: 1px solid #f18f4d;
  border-bottom: 1px solid #f18f4d;
  width: -moz-fit-content;
  width: fit-content;
  margin-inline: auto;
  font-weight: 700;
  line-height: 1;
  display: block;
}

@media (max-width: 768px) {
  .c-section-1__ttl-txt {
    margin-bottom: 5.33333vw;
    padding: 1.86667vw 0;
    font-size: 5.33333vw;
  }
}

@media (min-width: 769px) {
  .c-section-1__ttl-txt {
    margin-bottom: clamp(33.75px, 3.125vw, 40px);
    padding: clamp(7.59375px, .703125vw, 9px) clamp(6.75px, .625vw, 8px);
    font-size: clamp(25.3125px, 2.34375vw, 30px);
  }
}

.c-section-1__ttl {
  letter-spacing: .0178571em;
  text-align: center;
  color: #f18f4d;
  font-weight: 500;
  line-height: 1.42857;
}

@media (max-width: 768px) {
  .c-section-1__ttl {
    font-size: 6.4vw;
  }
}

@media (min-width: 769px) {
  .c-section-1__ttl {
    font-size: clamp(23.625px, 2.1875vw, 28px);
  }
}

@media (max-width: 768px) {
  .c-section-1__ttl {
    line-height: 1.66667;
  }
}

.c-section-1__txt {
  letter-spacing: .025em;
  color: #fff;
  margin-inline: auto;
  font-weight: 500;
  line-height: 1.6;
}

@media (max-width: 768px) {
  .c-section-1__txt {
    margin-top: 5.6vw;
    font-size: 4.26667vw;
  }
}

@media (min-width: 769px) {
  .c-section-1__txt {
    width: clamp(669.938px, 62.0313vw, 794px);
    margin-top: clamp(16.875px, 1.5625vw, 20px);
    font-size: clamp(16.875px, 1.5625vw, 20px);
  }
}

@media (max-width: 768px) {
  .c-section-1__txt {
    line-height: 1.5;
  }

  .c-list__item {
    margin-top: 10.6667vw;
    margin-bottom: 10.6667vw;
  }
}

@media (min-width: 769px) {
  .c-list__item {
    margin-top: clamp(67.5px, 6.25vw, 80px);
    margin-bottom: clamp(67.5px, 6.25vw, 80px);
  }
}

.c-list__item:after {
  content: "";
  margin-inline: auto;
  display: block;
}

@media (max-width: 768px) {
  .c-list__item:after {
    margin-top: 24vw;
  }
}

@media (min-width: 769px) {
  .c-list__item:after {
    margin-top: clamp(75.9375px, 7.03125vw, 90px);
  }
}

.c-list__item:first-of-type:after {
  background: url("../images/features_plus_img.41e2b111.svg") center / contain no-repeat;
}

@media (max-width: 768px) {
  .c-list__item:first-of-type:after {
    width: 16vw;
    height: 16vw;
    margin-top: 10.6667vw;
  }
}

@media (min-width: 769px) {
  .c-list__item:first-of-type:after {
    width: clamp(50.625px, 4.6875vw, 60px);
    height: clamp(50.625px, 4.6875vw, 60px);
  }
}

.c-list__item:last-of-type:after {
  background: url("../images/features_arrow_img.362d9799.svg") center / contain no-repeat;
}

@media (max-width: 768px) {
  .c-list__item:last-of-type:after {
    width: 21.6vw;
    height: 10.1333vw;
    margin-top: 10.6667vw;
  }
}

@media (min-width: 769px) {
  .c-list__item:last-of-type:after {
    width: clamp(68.3438px, 6.32813vw, 81px);
    height: clamp(32.0625px, 2.96875vw, 38px);
    margin-top: clamp(67.5px, 6.25vw, 80px);
  }
}

.c-list__body {
  justify-content: center;
  align-items: center;
  display: flex;
}

@media (max-width: 768px) {
  .c-list__body {
    gap: 5.33333vw;
  }
}

@media (min-width: 769px) {
  .c-list__body {
    gap: clamp(16.875px, 1.5625vw, 20px);
  }
}

@media (max-width: 768px) {
  .c-list__body {
    flex-direction: column;
  }
}

.c-list__body img {
  width: 100%;
}

.c-list__ttl {
  text-align: center;
  color: #f18f4d;
  margin-inline: auto;
  font-weight: 500;
  line-height: 1.28571;
}

@media (max-width: 768px) {
  .c-list__ttl {
    font-size: 5.86667vw;
  }
}

@media (min-width: 769px) {
  .c-list__ttl {
    font-size: clamp(23.625px, 2.1875vw, 28px);
  }
}

@media (max-width: 768px) {
  .c-list__ttl--1 {
    margin-bottom: 5.06667vw;
  }
}

@media (min-width: 769px) {
  .c-list__ttl--1 {
    margin-bottom: clamp(33.75px, 3.125vw, 40px);
  }
}

@media (max-width: 768px) {
  .c-list__ttl--1 {
    line-height: 1.63636;
  }
}

.c-list__ttl--2 {
  letter-spacing: .018em;
}

@media (max-width: 768px) {
  .c-list__ttl--2 {
    margin-bottom: 5.33333vw;
  }
}

@media (min-width: 769px) {
  .c-list__ttl--2 {
    margin-bottom: clamp(23.625px, 2.1875vw, 28px);
  }
}

@media (max-width: 768px) {
  .c-list__ttl--2 {
    line-height: 1.54545;
  }
}

.c-list__txt {
  letter-spacing: .025em;
  color: #fff;
  font-weight: 500;
  line-height: 1.6;
}

@media (max-width: 768px) {
  .c-list__txt {
    font-size: 4.26667vw;
  }
}

@media (min-width: 769px) {
  .c-list__txt {
    font-size: clamp(16.875px, 1.5625vw, 20px);
  }
}

@media (max-width: 768px) {
  .c-list__txt {
    line-height: 1.5;
  }

  .c-list__txt--1 {
    margin-top: .266667vw;
  }
}

@media (min-width: 769px) {
  .c-list__txt--1 {
    width: clamp(371.25px, 34.375vw, 440px);
    margin-top: clamp(.84375px, .078125vw, 1px);
  }
}

@media (max-width: 768px) {
  .c-list__txt--2 {
    margin-top: .266667vw;
  }
}

@media (min-width: 769px) {
  .c-list__txt--2 {
    width: clamp(392.344px, 36.3281vw, 465px);
    margin-top: clamp(.84375px, .078125vw, 1px);
  }
}

@media (max-width: 768px) {
  .c-list__txt sup {
    bottom: 1.06667vw;
  }
}

@media (min-width: 769px) {
  .c-list__txt sup {
    font-size: .6em;
    bottom: clamp(5.0625px, .46875vw, 6px);
  }
}

@media (max-width: 768px) {
  .c-list__txt sup {
    font-size: .7em;
  }
}

.c-list__note {
  letter-spacing: .042em;
  color: #fff;
  font-family: Noto Sans JP, sans-serif;
  font-weight: 500;
  line-height: 2;
  display: block;
}

@media (max-width: 768px) {
  .c-list__note {
    margin-top: .266667vw;
    font-size: 3.2vw;
  }
}

@media (min-width: 769px) {
  .c-list__note {
    margin-top: clamp(1.6875px, .15625vw, 2px);
    font-size: clamp(10.125px, .9375vw, 12px);
  }
}

@media (max-width: 768px) {
  .c-list__note--2 {
    margin-top: .266667vw;
  }
}

@media (min-width: 769px) {
  .c-list__note--2 {
    margin-top: clamp(2.53125px, .234375vw, 3px);
  }
}

.c-list__img {
  flex-shrink: 0;
}

@media (max-width: 768px) {
  .c-list__img--1 {
    width: 89.3333vw;
  }
}

@media (min-width: 769px) {
  .c-list__img--1 {
    width: clamp(282.656px, 26.1719vw, 335px);
  }
}

@media (max-width: 768px) {
  .c-list__img--2 {
    width: 82.4vw;
  }
}

@media (min-width: 769px) {
  .c-list__img--2 {
    width: clamp(260.719px, 24.1406vw, 309px);
  }
}

@media (max-width: 768px) {
  .c-series-card {
    flex-shrink: 0;
  }

  .c-series-card:first-of-type {
    padding-left: 5.33333vw;
  }

  .c-series-card:last-of-type {
    padding-right: 5.33333vw;
  }
}

.c-series-card__inner {
  background-color: #be8a43;
  height: 100%;
}

@media (max-width: 768px) {
  .c-series-card__inner {
    width: 53.3333vw;
  }

  .c-series-card__head {
    margin-bottom: 1.86667vw;
  }
}

@media (min-width: 769px) {
  .c-series-card__head {
    margin-bottom: clamp(5.90625px, .546875vw, 7px);
  }
}

.c-series-card__img {
  background-color: #e4e5ec;
  position: relative;
}

.c-series-card__onsale-label {
  letter-spacing: .0416667em;
  text-indent: .0416667em;
  color: #fff;
  background-color: #5a0046;
  font-weight: 500;
  line-height: 1.33333;
  display: block;
  position: absolute;
}

@media (max-width: 768px) {
  .c-series-card__onsale-label {
    padding: .533333vw;
    font-size: 3.2vw;
    top: 1.6vw;
    left: 2.13333vw;
  }
}

@media (min-width: 769px) {
  .c-series-card__onsale-label {
    padding: clamp(1.6875px, .15625vw, 2px);
    font-size: clamp(10.125px, .9375vw, 12px);
    top: clamp(4.21875px, .390625vw, 5px);
    left: clamp(6.75px, .625vw, 8px);
  }

  .mac.safari .c-series-card__onsale-label {
    padding-top: clamp(1.6875px, .15625vw, 2px);
    padding-bottom: clamp(2.53125px, .234375vw, 3px);
  }
}

@media (max-width: 768px) {
  .win.firefox .c-series-card__onsale-label {
    padding-top: .266667vw;
    padding-bottom: 1.06667vw;
  }
}

@media (min-width: 769px) {
  .win.firefox .c-series-card__onsale-label {
    padding-top: clamp(.84375px, .078125vw, 1px);
    padding-bottom: clamp(3.375px, .3125vw, 4px);
  }
}

@media (max-width: 768px) {
  .android .c-series-card__onsale-label {
    padding-bottom: .8vw;
  }

  .c-series-card__img-area {
    padding: .266667vw;
  }
}

@media (min-width: 769px) {
  .c-series-card__img-area {
    padding: clamp(.84375px, .078125vw, 1px);
  }
}

@media (max-width: 768px) {
  .c-series-card__txt-area {
    padding: 1.86667vw 2.66667vw 2.93333vw 2.93333vw;
  }
}

@media (min-width: 769px) {
  .c-series-card__txt-area {
    padding: clamp(4.21875px, .390625vw, 5px) clamp(8.4375px, .78125vw, 10px) clamp(9.28125px, .859375vw, 11px) clamp(9.28125px, .859375vw, 11px);
  }
}

.c-series-card__label {
  letter-spacing: .0416667em;
  color: #fff;
  background: url("../images/series-card_tag_bg.4260f57d.svg") bottom / cover no-repeat;
  font-weight: 500;
  line-height: 1;
  display: inline-block;
}

@media (max-width: 768px) {
  .c-series-card__label {
    padding: 1.6vw 1.6vw 2.66667vw;
    font-size: 3.2vw;
  }
}

@media (min-width: 769px) {
  .c-series-card__label {
    padding: clamp(5.0625px, .46875vw, 6px) clamp(5.0625px, .46875vw, 6px) clamp(8.4375px, .78125vw, 10px);
    font-size: clamp(10.125px, .9375vw, 12px);
  }
}

.c-series-card__date {
  color: #fff;
  letter-spacing: .0416667em;
  line-height: 1;
  display: inline-block;
}

@media (max-width: 768px) {
  .c-series-card__date {
    margin-left: .266667vw;
    font-size: 3.2vw;
  }
}

@media (min-width: 769px) {
  .c-series-card__date {
    font-size: clamp(10.125px, .9375vw, 12px);
  }
}

.c-series-card__ttl {
  color: #fff;
  letter-spacing: .0227273em;
  font-weight: 500;
  line-height: 1.09091;
}

@media (max-width: 768px) {
  .c-series-card__ttl {
    font-size: 5.86667vw;
  }
}

@media (min-width: 769px) {
  .c-series-card__ttl {
    font-size: clamp(18.5625px, 1.71875vw, 22px);
  }
}

.c-series-card__txt {
  color: #fff;
  letter-spacing: .00714286em;
  line-break: strict;
  font-weight: 500;
  line-height: 1.42857;
}

@media (max-width: 768px) {
  .c-series-card__txt {
    margin-top: 1.86667vw;
    margin-bottom: 1.6vw;
    font-size: 3.73333vw;
  }
}

@media (min-width: 769px) {
  .c-series-card__txt {
    margin-top: clamp(5.90625px, .546875vw, 7px);
    margin-bottom: clamp(5.0625px, .46875vw, 6px);
    font-size: clamp(11.8125px, 1.09375vw, 14px);
  }
}

.c-series-card__txt sup {
  font-size: .6em;
}

.c-series-card__txt-notes-item {
  color: #fff;
  letter-spacing: .0333333em;
  margin-top: 0;
  font-family: Noto Sans JP, sans-serif;
  font-weight: 400;
  line-height: 1.33333;
}

@media (max-width: 768px) {
  .c-series-card__txt-notes-item {
    font-size: 3.2vw;
  }
}

@media (min-width: 769px) {
  .c-series-card__txt-notes-item {
    font-size: clamp(10.125px, .9375vw, 12px);
  }
}

@media (max-width: 768px) {
  .c-series-card__txt-notes-item:not(:last-of-type) {
    margin-bottom: 1.06667vw;
  }
}

@media (min-width: 769px) {
  .c-series-card__txt-notes-item:not(:last-of-type) {
    margin-bottom: clamp(3.375px, .3125vw, 4px);
  }
}

.c-series {
  background-color: #16181a;
}

@media (max-width: 768px) {
  .c-series {
    padding-top: 12vw;
    padding-bottom: 12vw;
  }
}

@media (min-width: 769px) {
  .c-series {
    padding-top: clamp(99.5625px, 9.21875vw, 118px);
    padding-bottom: clamp(99.5625px, 9.21875vw, 118px);
  }
}

.c-series__ttl {
  text-align: center;
  color: #e8c46c;
  font-weight: 700;
  line-height: .95;
}

@media (max-width: 768px) {
  .c-series__ttl {
    margin-bottom: 1.33333vw;
    font-size: 8.53333vw;
  }
}

@media (min-width: 769px) {
  .c-series__ttl {
    margin-bottom: clamp(21.0938px, 1.95313vw, 25px);
    font-size: clamp(33.75px, 3.125vw, 40px);
  }
}

@media (max-width: 768px) {
  .c-series__ttl {
    line-height: 1.1875;
  }
}

.c-series__ttl:after {
  content: "";
  aspect-ratio: 336 / 64;
  margin-inline: auto;
  display: block;
}

@media (max-width: 768px) {
  .c-series__ttl:after {
    width: 89.6vw;
    margin-top: 1.06667vw;
  }
}

@media (min-width: 769px) {
  .c-series__ttl:after {
    background: url("../images/series_header_txt_pc.cba01d87.svg") center / contain no-repeat;
    width: clamp(282.656px, 26.1719vw, 335px);
    margin-top: clamp(3.375px, .3125vw, 4px);
  }
}

@media (max-width: 768px) {
  .c-series__ttl:after {
    background: url("../images/series_header_txt_sp.9bf20d47.svg") center / contain no-repeat;
  }
}

.c-series__txt {
  letter-spacing: .0227273em;
  text-align: center;
  color: #fff;
  font-weight: 500;
  line-height: 1.81818;
}

@media (max-width: 768px) {
  .c-series__txt {
    font-size: 4.26667vw;
  }
}

@media (min-width: 769px) {
  .c-series__txt {
    width: clamp(1012.5px, 93.75vw, 1200px);
    margin-top: clamp(0px, 0vw, 0px);
    font-size: clamp(18.5625px, 1.71875vw, 22px);
  }
}

@media (max-width: 768px) {
  .c-series__txt {
    letter-spacing: .03125em;
    text-align: left;
    line-height: 1.5;
  }

  .c-series__txt:first-of-type {
    margin-top: 6.93333vw;
  }

  .c-series__txt:last-of-type {
    margin-top: 6.4vw;
    margin-bottom: 6.93333vw;
  }
}

@media (min-width: 769px) {
  .c-series__txt:last-of-type {
    margin-bottom: clamp(84.375px, 7.8125vw, 100px);
  }
}

@media (max-width: 768px) {
  .c-series__card-list-wrapper {
    -ms-overflow-style: none;
    scrollbar-width: none;
    overflow-x: scroll;
  }
}

.c-series__card-list-wrapper::-webkit-scrollbar {
  display: none;
}

.c-series__card-list {
  grid-template-rows: repeat(3, 1fr);
  grid-template-columns: repeat(5, 1fr);
  margin-inline: auto;
  display: grid;
}

@media (max-width: 768px) {
  .c-series__card-list {
    gap: 5.6vw;
  }
}

@media (min-width: 769px) {
  .c-series__card-list {
    gap: clamp(16.875px, 1.5625vw, 20px);
    width: clamp(911.25px, 84.375vw, 1080px);
  }
}

@media (max-width: 768px) {
  .c-series__card-list {
    display: flex;
  }
}