@media all and (min-width: 768px) {
  .mo {
    display: none !important;
  }
}
@media all and (max-width: 767px) {
  .pc {
    display: none !important;
  }
}
html {
  scroll-behavior: smooth;
}

.header {
  background: unset;
}

body .bat-wrapper {
  max-width: unset;
}

ol li, ul li {
  margin-bottom: unset;
}

.mont {
  font-family: "Mont", sans-serif !important;
  font-size: 1.083em;
  font-weight: 600;
}

/* green_week */
.green_week {
  /* mobile */
}
.green_week * {
  font-family: "Onemobile", "Glosans", "NotoSans", sans-serif;
  color: #1D700B;
}
.green_week .glosans {
  font-family: "Glosans", "NotoSans", sans-serif !important;
}
.green_week .main {
  width: 100%;
  background: url(../images/event/green_week/main_bg.webp) no-repeat top center/cover;
  display: flex;
}
.green_week .main .title {
  flex: 1;
  padding: 14.7916666667vw 0 14.7916666667vw 13.59375vw;
}
.green_week .main .title_round {
  display: inline-block;
  background-color: #fff;
  padding: 0.78125vw 2.6041666667vw;
  font-size: 1.875vw;
  color: #007547;
  border-radius: 4.1666666667vw;
  font-weight: 700;
  margin-bottom: 1.5625vw;
  letter-spacing: -0.02em;
}
.green_week .main .title h2 {
  font-weight: 600;
  font-size: 9.1161979167vw;
  color: #fff;
  line-height: 0.85;
}
.green_week .main .title h2 strong {
  font-size: 10.6188541667vw;
  color: #fff;
  font-weight: 600;
}
.green_week .main .right {
  flex: 1;
  text-align: right;
  padding: 5vw 0.5208333333vw 0 0;
  position: relative;
}
.green_week .main .right_devices {
  width: 31.5625vw;
  height: 42.5520833333vw;
}
.green_week .main .right_hyper_range {
  width: 23.3333333333vw;
  height: 6.0291666667vw;
  position: relative;
  bottom: 2.6041666667vw;
  right: 2.8125vw;
}
.green_week .main .right_starbucks {
  position: absolute;
  top: 50%;
  transform: translateY(1.4vw);
  left: -2.0833333333vw;
}
.green_week .main .right_starbucks img {
  width: 10.3645833333vw;
  height: 12.1354166667vw;
}
.green_week .main .right_starbucks figcaption {
  margin-top: 0.5208333333vw;
}
.green_week .main .right_starbucks figcaption p {
  color: #114A05;
  font-size: 0.9895833333vw;
  font-weight: 700;
  line-height: 1.3;
}
.green_week .main .right_starbucks figcaption p.large {
  font-size: 1.3541666667vw;
}
.green_week .main .right_starbucks figcaption p.large span {
  color: #114A05;
}
.green_week .main .right_starbucks figcaption p.large .glosans {
  font-weight: 600;
}
.green_week .benefit {
  width: 100%;
  text-align: center;
}
.green_week .benefit h3 {
  font-size: 3.2291666667vw;
  font-weight: 700;
  margin-bottom: 0.78125vw;
  letter-spacing: -0.02em;
  line-height: 1.3;
}
.green_week .benefit .badge_round {
  display: inline-block;
  padding: 0.5208333333vw 1.5104166667vw;
  font-size: 1.1458333333vw;
  font-family: "Mont", "Onemobile", sans-serif !important;
  font-weight: 700;
  line-height: 1.3;
  border: 2px solid #1D700B;
  border-radius: 2.0833333333vw;
  margin: 0 auto 1.09375vw;
}
.green_week .benefit .btn_round {
  display: inline-block;
  color: #fff;
  font-size: 1.1458333333vw;
  line-height: 1.2;
  font-weight: 700;
  padding: 0.8333333333vw 4.4791666667vw;
  border-radius: 3.125vw;
  background: #1D700B;
}
.green_week .benefit .prize {
  width: 100%;
  padding: 5.2083333333vw 0;
  background: linear-gradient(180deg, #FFF 0%, #79BE53 184.16%);
}
.green_week .benefit .prize .text_wrap p {
  font-size: 1.9791666667vw;
  line-height: 1.3;
  letter-spacing: -0.02em;
  margin-bottom: 1.5625vw;
}
.green_week .benefit .prize .text_wrap .date {
  font-size: 1.4583333333vw;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: -0.02em;
}
.green_week .benefit .prize_wrap {
  display: flex;
  padding: 0 12.5vw;
  gap: 0 1.25vw;
  margin: 2.7604166667vw 0;
}
.green_week .benefit .prize_wrap_right {
  display: flex;
  flex-direction: column;
  gap: 1.25vw 0;
}
.green_week .benefit .prize .prize_box {
  padding: 3.125vw 0;
  border-radius: 1.0416666667vw;
  background: rgba(255, 255, 255, 0.6);
  text-align: center;
}
.green_week .benefit .prize .prize_box p {
  font-size: 1.5625vw;
  line-height: 1.2;
  font-weight: 700;
}
.green_week .benefit .prize .prize_box.b01 {
  width: 30.5208333333vw;
  height: 29.53125vw;
  display: flex;
  flex-direction: column;
  padding: 3.6458333333vw 0;
}
.green_week .benefit .prize .prize_box.b01 img {
  width: 19.45625vw;
  height: 15.7291666667vw;
  margin: 0 auto;
}
.green_week .benefit .prize .prize_box.b02, .green_week .benefit .prize .prize_box.b03 {
  display: flex;
  gap: 0 2.7083333333vw;
  text-align: left;
  width: 43.2291666667vw;
  height: 14.1666666667vw;
}
.green_week .benefit .prize .prize_box.b02 .badge_round, .green_week .benefit .prize .prize_box.b03 .badge_round {
  margin-left: 5.9895833333vw;
}
.green_week .benefit .prize .prize_box.b02 p {
  padding-left: 5.8333333333vw;
  text-align: center;
}
.green_week .benefit .prize .prize_box.b02 img {
  width: 22.8645833333vw;
  height: 7.8645833333vw;
}
.green_week .benefit .prize .prize_box.b03 {
  gap: 0 6.25vw;
}
.green_week .benefit .prize .prize_box.b03 p {
  padding-left: 4.21875vw;
  text-align: center;
}
.green_week .benefit .prize .prize_box.b03 img {
  width: 12.4989583333vw;
  height: 7.8645833333vw;
}
.green_week .benefit .compare {
  width: 100%;
  padding: 5.2083333333vw 0;
  background: linear-gradient(180deg, #FFF -117.81%, #79BE53 100%);
  position: relative;
}
.green_week .benefit .compare h3 {
  margin-bottom: 3.125vw;
}
.green_week .benefit .compare .disc {
  position: absolute;
  font-family: "NotoSans", sans-serif;
  bottom: 2.0833333333vw;
  left: 3.125vw;
  font-size: 0.7291666667vw;
  font-weight: 400;
  color: #fff;
}
.green_week .benefit .compare_wrap {
  width: 100%;
  display: flex;
  justify-content: space-between;
  padding: 0 12.5vw;
  gap: 0 1.25vw;
  margin-bottom: 3.59375vw;
}
.green_week .benefit .compare_box {
  flex: 1;
  display: flex;
  justify-content: space-between;
  gap: 0 2.6041666667vw;
  border-radius: 1.0416666667vw;
  background: rgba(255, 255, 255, 0.7);
  text-align: center;
}
.green_week .benefit .compare_box.b01 {
  padding: 0 2.6041666667vw 0 3.6458333333vw;
}
.green_week .benefit .compare_box.b01 .logo_hyper {
  width: 7.2916666667vw;
  height: 1.584375vw;
  margin-bottom: 0.625vw;
}
.green_week .benefit .compare_box.b02 {
  padding: 0 3.6458333333vw 0 4.1666666667vw;
}
.green_week .benefit .compare_box.b02 .logo_pro {
  width: 8.815625vw;
  height: 2.34375vw;
  margin-bottom: 0.625vw;
}
.green_week .benefit .compare_device {
  width: 10.8854166667vw;
  height: 23.9583333333vw;
}
.green_week .benefit .compare_text {
  text-align: left;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.green_week .benefit .compare_text p {
  font-size: 1.7708333333vw;
  font-weight: 700;
  color: #3F9C42;
  line-height: 1.3;
  margin-bottom: 1.7708333333vw;
  letter-spacing: -0.03em;
}
.green_week .benefit .compare_price {
  font-size: 3.2291666667vw;
  font-weight: 700;
  display: block;
  line-height: 1.3;
  margin-bottom: 0.78125vw;
}
.green_week .benefit .compare_price span {
  display: inline-block;
  font-family: "Mont", "Onemobile", sans-serif !important;
  font-weight: 700;
}
.green_week .benefit .compare .btn_more {
  font-size: 1.1458333333vw;
  font-weight: 700;
  display: flex;
  align-items: center;
  gap: 0 0.5208333333vw;
}
.green_week .benefit .compare .btn_more i {
  display: inline-block;
  width: 0.46875vw;
  height: 0.8333333333vw;
  background: url(../images/event/green_week/arrow.svg) no-repeat top center/contain;
}
@media all and (max-width: 767px) {
  .green_week .main {
    width: 100%;
    flex-direction: column;
    background: url(../images/event/green_week/main_bg_m.webp) no-repeat top center/cover;
    box-sizing: border-box;
    overflow: hidden;
  }
  .green_week .main .title {
    text-align: center;
    padding: 16vw 0 0;
  }
  .green_week .main .title_round {
    padding: 1.6vw 5.2vw;
    font-size: 3.6vw;
    margin-bottom: 3.2vw;
  }
  .green_week .main .title h2 {
    font-size: 17.6vw;
    color: #fff;
    line-height: 0.86;
  }
  .green_week .main .title h2 strong {
    font-size: 20.2666666667vw;
  }
  .green_week .main .right_devices {
    width: 67.76vw;
    height: 91.352vw;
    position: relative;
    left: 18%;
  }
  .green_week .main .right_hyper_range {
    width: 40.9173333333vw;
    height: 10.2106666667vw;
    position: absolute;
    bottom: 8vw;
    right: 50%;
  }
  .green_week .main .right_starbucks {
    position: absolute;
    top: 25%;
    left: 8vw;
  }
  .green_week .main .right_starbucks img {
    width: 28.5333333333vw;
    height: 33.0666666667vw;
  }
  .green_week .main .right_starbucks figcaption {
    margin-top: 2.0213333333vw;
  }
  .green_week .main .right_starbucks figcaption p {
    font-size: 2.9333333333vw;
  }
  .green_week .main .right_starbucks figcaption p.large {
    font-size: 3.7333333333vw;
  }
  .green_week .benefit h3 {
    font-size: 8vw;
    margin-bottom: 5.3333333333vw;
  }
  .green_week .benefit .badge_round {
    padding: 1.3333333333vw 4.5333333333vw;
    font-size: 3.7333333333vw;
    border-radius: 5.3333333333vw;
    margin: 0 auto 2.6666666667vw;
  }
  .green_week .benefit .btn_round {
    font-size: 4.2666666667vw;
    padding: 4.2666666667vw 16vw;
    border-radius: 16vw;
  }
  .green_week .benefit .prize {
    padding: 16vw 0;
  }
  .green_week .benefit .prize .text_wrap p {
    font-size: 4.2666666667vw;
    margin-bottom: 7.4666666667vw;
  }
  .green_week .benefit .prize .text_wrap .date {
    font-size: 3.7333333333vw;
  }
  .green_week .benefit .prize_wrap {
    display: flex;
    flex-direction: column;
    padding: 0 6.4vw;
    gap: 3.2vw 0;
    margin: 7.4666666667vw 0;
  }
  .green_week .benefit .prize_wrap_right {
    display: flex;
    flex-direction: column;
    gap: 3.2vw 0;
  }
  .green_week .benefit .prize .prize_box {
    border-radius: 2.6666666667vw;
    text-align: center;
  }
  .green_week .benefit .prize .prize_box p {
    font-size: 4.8vw;
  }
  .green_week .benefit .prize .prize_box.b01 {
    width: 100%;
    height: 90.9333333333vw;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 8vw 0;
  }
  .green_week .benefit .prize .prize_box.b01 img {
    width: 56.5333333333vw;
    height: 45.6vw;
    margin: 0 auto;
  }
  .green_week .benefit .prize .prize_box.b02, .green_week .benefit .prize .prize_box.b03 {
    align-items: center;
    gap: 0 8vw;
    width: 100%;
    height: 45.0666666667vw;
  }
  .green_week .benefit .prize .prize_box.b02 .badge_round, .green_week .benefit .prize .prize_box.b03 .badge_round {
    margin-left: 11.2vw;
  }
  .green_week .benefit .prize .prize_box.b02 p {
    padding-left: 10.9333333333vw;
  }
  .green_week .benefit .prize .prize_box.b02 img {
    width: 34.1333333333vw;
    height: 32.9493333333vw;
  }
  .green_week .benefit .prize .prize_box.b03 {
    gap: 0 6.25vw;
  }
  .green_week .benefit .prize .prize_box.b03 p {
    padding-left: 5.8666666667vw;
  }
  .green_week .benefit .prize .prize_box.b03 img {
    width: 27.7333333333vw;
    height: 17.3333333333vw;
  }
  .green_week .benefit .compare {
    padding: 16vw 0;
    background: linear-gradient(180deg, #FFF -117.81%, #79BE53 100%);
    position: relative;
  }
  .green_week .benefit .compare h3 {
    margin-bottom: 10.6666666667vw;
  }
  .green_week .benefit .compare .disc {
    bottom: 4.2666666667vw;
    left: 6.4vw;
    font-size: 2.6666666667vw;
  }
  .green_week .benefit .compare_wrap {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 0 6.4vw;
    gap: 3.2vw 0;
    margin-bottom: 6.9333333333vw;
  }
  .green_week .benefit .compare_box {
    justify-content: space-between;
    gap: 0 8vw;
    border-radius: 2.5333333333vw;
  }
  .green_week .benefit .compare_box.b01 {
    padding: 0 10.1333333333vw 0 6.1333333333vw;
  }
  .green_week .benefit .compare_box.b01 .logo_hyper {
    width: 19.4666666667vw;
    height: 4.2666666667vw;
    margin-bottom: 2px;
  }
  .green_week .benefit .compare_box.b02 {
    padding: 0 6.1333333333vw 0 13.3333333333vw;
  }
  .green_week .benefit .compare_box.b02 .logo_pro {
    width: 27.0666666667vw;
    height: 7.2vw;
    margin-bottom: 2px;
  }
  .green_week .benefit .compare_device {
    width: 23.4506666667vw;
    height: 55.2vw;
  }
  .green_week .benefit .compare_text p {
    font-size: 4.2666666667vw;
    margin-bottom: 4.8vw;
  }
  .green_week .benefit .compare_price {
    font-size: 8.5333333333vw;
    margin-bottom: 1.6vw;
  }
  .green_week .benefit .compare .btn_more {
    font-size: 3.7333333333vw;
    gap: 0 1.8666666667vw;
  }
  .green_week .benefit .compare .btn_more i {
    width: 1.6vw;
    height: 2.6666666667vw;
  }
}

.hyper__notice * {
  color: #fff;
}