@charset "UTF-8";

.ecm-container--custom {
  padding-left: calc(16 / 375 * 456px) !important;
  padding-right: calc(16 / 375 * 456px) !important;
}
.ecm-wrap dl {
  margin-block: auto;
}
.ecm-wrap a:focus-visible,
.ecm-wrap button:focus-visible,
.ecm-wrap select:focus-visible,
.ecm-wrap input:focus-visible {
  outline: -webkit-focus-ring-color auto 1px;
}
.rl-main-contents {
  max-width: 456px;
  border-left: 3px solid #0066e2;
  border-right: 3px solid #0066e2;
}
.rl-side-contents {
  width: calc((100% - 456px) / 2);
}
.rl-side-contents--left {
  background-image: url(https://r.r10s.jp/evt/event/young/campaign/summer/2026/_pc/img/20260604/bg_left.png?v=202605250931);
}
.rl-side-contents--left .rl-side-contents__logo {
  width: 25.9375vw;
  height: auto;
}
.rl-side-contents--right {
  background-image: url(https://r.r10s.jp/evt/event/young/campaign/summer/2026/_pc/img/20260604/bg_right.png?v=202605250931);
}
@media (max-width: 1024px) {
  .rl-side-contents {
    width: calc(100% - 456px);
  }
  .rl-side-contents--left {
    display: none;
  }
}
.rye-c-kanban {
  position: relative;
  width: 100%;
  height: calc(375 / 375 * 456px);
  background-image: url(https://r.r10s.jp/evt/event/young/campaign/summer/2026/_cmn/img/20260604/bg_kanban.png?v=202605250931);
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: center;
}
.rye-c-kanban__thumbnail {
  position: absolute;
  top: 0;
  left: 0;
  height: 0;
  overflow: hidden;
}
.rye-c-kanban__title {
  position: absolute;
  z-index: 1;
  top: calc(13 / 375 * 456px);
  left: calc(9 / 375 * 456px);
  width: calc(366 / 375 * 456px);
  height: auto;
  opacity: 0;
  transform-origin: bottom right;
  animation-name: zoomIn;
  animation-duration: 1.5s;
  animation-timing-function: cubic-bezier(0.25, 1, 0.25, 1);
  animation-fill-mode: forwards;
  animation-delay: 1s;
}
.rye-c-kanban__icon {
  position: absolute;
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: center;
  animation-name: fuwafuwa;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}
.rye-c-kanban__icon--cloud-double {
  top: calc(25 / 375 * 456px);
  left: calc(38 / 375 * 456px);
  width: calc(48 / 375 * 456px);
  height: calc(31 / 375 * 456px);
  background-image: url(https://r.r10s.jp/evt/event/young/campaign/summer/2026/_cmn/img/20260604/icon_cloud_double_kanban.png?v=202605250931);
  animation-duration: 3s;
}
.rye-c-kanban__icon--plane {
  top: calc(27 / 375 * 456px);
  left: calc(114 / 375 * 456px);
  width: calc(36 / 375 * 456px);
  height: calc(29 / 375 * 456px);
  background-image: url(https://r.r10s.jp/evt/event/young/campaign/summer/2026/_cmn/img/20260604/icon_plane_kanban.png?v=202605250931);
  animation-duration: 2s;
}
.rye-c-kanban__icon--handyFan {
  bottom: calc(126 / 375 * 456px);
  left: calc(12 / 375 * 456px);
  width: calc(26 / 375 * 456px);
  height: calc(44 / 375 * 456px);
  background-image: url(https://r.r10s.jp/evt/event/young/campaign/summer/2026/_cmn/img/20260604/icon_handyFan_kanban.png?v=202605250931);
  animation-duration: 3.5s;
}
.rye-c-kanban__icon--controller {
  bottom: calc(127 / 375 * 456px);
  left: calc(63 / 375 * 456px);
  width: calc(35 / 375 * 456px);
  height: calc(31 / 375 * 456px);
  background-image: url(https://r.r10s.jp/evt/event/young/campaign/summer/2026/_cmn/img/20260604/icon_controller_kanban.png?v=202605250931);
  animation-duration: 4s;
}
.rye-c-kanban__icon--cloud {
  z-index: 2;
  bottom: calc(151 / 375 * 456px);
  left: calc(116 / 375 * 456px);
  width: calc(46 / 375 * 456px);
  height: calc(25 / 375 * 456px);
  background-image: url(https://r.r10s.jp/evt/event/young/campaign/summer/2026/_cmn/img/20260604/icon_cloud_kanban.png?v=202605250931);
  animation-duration: 2.5s;
}
.rye-c-kanban__icon--carryCase {
  bottom: calc(110 / 375 * 456px);
  left: calc(168 / 375 * 456px);
  width: calc(31 / 375 * 456px);
  height: calc(41 / 375 * 456px);
  background-image: url(https://r.r10s.jp/evt/event/young/campaign/summer/2026/_cmn/img/20260604/icon_carryCase_kanban.png?v=202605250931);
  animation-duration: 2s;
}
.rye-c-kanban__icon--parasol {
  z-index: 2;
  bottom: calc(126 / 375 * 456px);
  right: calc(113 / 375 * 456px);
  width: calc(39 / 375 * 456px);
  height: calc(39 / 375 * 456px);
  background-image: url(https://r.r10s.jp/evt/event/young/campaign/summer/2026/_cmn/img/20260604/icon_parasol_kanban.png?v=202605250931);
  animation-duration: 3s;
}
.rye-c-kanban__icon--strawHat {
  bottom: calc(115 / 375 * 456px);
  right: calc(71 / 375 * 456px);
  width: calc(34 / 375 * 456px);
  height: calc(24 / 375 * 456px);
  background-image: url(https://r.r10s.jp/evt/event/young/campaign/summer/2026/_cmn/img/20260604/icon_strawHat_kanban.png?v=202605250931);
  animation-duration: 4s;
}
.rye-c-kanban__icon--sandal {
  bottom: calc(171 / 375 * 456px);
  right: calc(11 / 375 * 456px);
  width: calc(29 / 375 * 456px);
  height: calc(57 / 375 * 456px);
  background-image: url(https://r.r10s.jp/evt/event/young/campaign/summer/2026/_cmn/img/20260604/icon_sandal_kanban.png?v=202605250931);
  animation-duration: 4.5s;
}
.rye-c-kanban__icon--megaphone {
  bottom: calc(99 / 375 * 456px);
  right: calc(14 / 375 * 456px);
  width: calc(52 / 375 * 456px);
  height: calc(58 / 375 * 456px);
  background-image: url(https://r.r10s.jp/evt/event/young/campaign/summer/2026/_cmn/img/20260604/icon_megaphone_kanban.png?v=202605250931);
}
.rye-c-kanban__description {
  position: absolute;
  bottom: calc(20 / 375 * 456px);
  left: calc(13 / 375 * 456px);
  width: calc(349 / 375 * 456px);
  height: auto;
}
.rye-c-period {
  text-align: center;
}
.rye-c-period__title {
  font-size: calc(14 / 375 * 456px);
  font-weight: 700;
  line-height: 1.2;
}
.rye-c-period__term {
  font-size: calc(14 / 375 * 456px);
  line-height: 1.5;
}
.rye-c-button {
  min-height: calc(72 / 375 * 456px);
  padding: calc(22 / 375 * 456px) calc(8 / 375 * 456px);
  border: calc(2 / 375 * 456px) solid #000;
}
.rye-c-button__text {
  text-align: center;
  font-size: calc(24 / 375 * 456px);
  font-weight: 700;
  line-height: 1;
}
.rye-c-button--outlined {
  background-color: #fff;
}
.rye-c-button--shadow {
  box-shadow: 0 calc(4 / 375 * 456px) calc(6 / 375 * 456px) 0
    rgba(0, 0, 0, 0.16);
}
.rye-c-button--small {
  min-height: calc(52 / 375 * 456px);
  padding: calc(14 / 375 * 456px) calc(8 / 375 * 456px);
  box-shadow: 0 calc(3 / 375 * 456px) calc(4 / 375 * 456px) 0
    rgba(0, 0, 0, 0.16);
}
.rye-c-button--small .rye-c-button__text {
  font-size: calc(18 / 375 * 456px);
}
.rye-c-button--icon {
  position: relative;
  padding-inline: calc(36 / 375 * 456px);
}
.rye-c-button--icon .rye-c-button__text {
  font-size: calc(14 / 375 * 456px);
}
.rye-c-button--icon .rye-c-button__icon {
  right: calc(16 / 375 * 456px);
  margin-left: 0 !important;
  font-size: calc(17 / 375 * 456px);
}
.rye-c-button--side {
  min-height: 4.0625vw;
  padding: 1.25vw 0.625vw;
  border: 0.15625vw solid #000;
}
.rye-c-button--side .rye-c-button--shadow {
  box-shadow: 0 0.3125vw 0.46875vw 0 rgba(0, 0, 0, 0.16);
}
.rye-c-button--side .rye-c-button__text {
  font-size: 1.25vw;
}
.rcEntryButton {
  width: 100%;
}
.rcEntryButton--custum .rcEntryButton-button {
  width: 100%;
  height: auto;
  min-height: calc(72 / 375 * 456px);
  padding: calc(22 / 375 * 456px) calc(8 / 375 * 456px);
  border: calc(2 / 375 * 456px) solid #000;
  white-space: wrap;
  border-radius: 9999px;
  text-align: center;
  font-size: calc(24 / 375 * 456px);
  font-weight: 700 !important;
  line-height: 1;
  box-shadow: 0 calc(4 / 375 * 456px) calc(6 / 375 * 456px) 0
    rgba(0, 0, 0, 0.16);
  transition: background-color 0.3s, color 0.3s, opacity 0.3s;
}
.rcEntryButton--custum .rcEntryButton-button[disabled] {
  background: #f3f3f3;
  color: #717171;
  opacity: 1;
  pointer-events: none;
  border-color: rgba(0, 0, 0, 0);
  box-shadow: none;
}
.rcEntryButton--custum.rcEntryButton-status--loading .rcEntryButton-button {
  padding: calc(8 / 375 * 456px);
}
.rcEntryButton--custum.rcEntryButton-status--notfound .rcEntryButton-button {
  opacity: 0.7;
}
.rcEntryButton--custum.rcEntryButton-status--applied .rcEntryButton-button {
  background: #ebf7ec;
  color: #069907;
}
.rcEntryButton--custum.rcEntryButton-status--applied .rcEntryButton-button,
.rcEntryButton--custum.rcEntryButton-status--closed .rcEntryButton-button,
.rcEntryButton--custum.rcEntryButton-status--notfound .rcEntryButton-button,
.rcEntryButton--custum.rcEntryButton-status--before .rcEntryButton-button,
.rcEntryButton--custum.rcEntryButton-status--entered .rcEntryButton-button,
.rcEntryButton--custum.rcEntryButton-status--loading .rcEntryButton-button {
  pointer-events: none;
  border-color: rgba(0, 0, 0, 0);
  box-shadow: none !important;
}
.rcEntryButton--custum.rcEntryButton-status--applied .rcEntryButton-button,
.rcEntryButton--custum.rcEntryButton-status--closed .rcEntryButton-button,
.rcEntryButton--custum.rcEntryButton-status--notfound .rcEntryButton-button {
  font-size: calc(18 / 375 * 456px);
}
.rcEntryButton--custum.rcEntryButton--small .rcEntryButton-button {
  min-height: calc(52 / 375 * 456px);
  padding: calc(14 / 375 * 456px) calc(8 / 375 * 456px);
  box-shadow: 0 calc(3 / 375 * 456px) calc(4 / 375 * 456px) 0
    rgba(0, 0, 0, 0.16);
  font-size: calc(18 / 375 * 456px);
}
.rcEntryButton--custum.rcEntryButton--small.rcEntryButton-status--loading
  .rcEntryButton-button {
  padding: calc(7 / 375 * 456px) calc(8 / 375 * 456px);
}
.rcEntryButton--custum.rcEntryButton--small.rcEntryButton-status--notfound
  .rcEntryButton-button {
  font-size: calc(16 / 375 * 456px);
}
.rcEntryButton--custum.rcEntryButton--side .rcEntryButton-button {
  min-height: 4.0625vw;
  padding: 1.25vw 0.625vw;
  border-width: 0.15625vw;
  font-size: 1.25vw;
  box-shadow: none;
}
.rcEntryButton--custum.rcEntryButton--side .rcEntryButton-button[disabled] {
  border-color: rgba(0, 0, 0, 0);
}
.rcEntryButton--custum.rcEntryButton--side.rcEntryButton-status--loading
  .rcEntryButton-button {
  padding: 0.625vw;
}
@media (min-width: 768px) {
  .rye-c-button--outlined {
    transition: background-color 0.3s, color 0.3s !important;
  }
  .rye-c-button--outlined:hover {
    background-color: #bf0000;
    opacity: 1 !important;
  }
  .rye-c-button--outlined:hover .rye-c-button__text {
    color: #fff;
  }
  .rye-c-button--filled {
    transition: background-color 0.3s, color 0.3s !important;
  }
  .rye-c-button--filled:hover {
    background-color: #fff;
    opacity: 1 !important;
  }
  .rye-c-button--filled:hover .rye-c-button__text {
    color: #bf0000;
  }
  .rye-c-button--filled.rye-c-button--icon:hover .rye-c-button__icon {
    color: #bf0000;
  }
  .rcEntryButton--custum .rcEntryButton-button {
    transition: background-color 0.3s, color 0.3s !important;
  }
  .rcEntryButton--custum .rcEntryButton-button:hover {
    background-color: #fff;
    color: #bf0000;
    opacity: 1 !important;
  }
  .rcEntryButton--custum.rcEntryButton-status--loading
    .rcEntryButton-button:hover,
  .rcEntryButton--custum.rcEntryButton-status--notfound
    .rcEntryButton-button:hover {
    background-color: #bf0000;
    color: #fff;
    opacity: 0.7 !important;
  }
  .rcEntryButton--custum.rcEntryButton-status--applied
    .rcEntryButton-button:hover,
  .rcEntryButton--custum.rcEntryButton-status--closed
    .rcEntryButton-button:hover,
  .rcEntryButton--custum.rcEntryButton-status--entered
    .rcEntryButton-button:hover,
  .rcEntryButton--custum.rcEntryButton-status--before
    .rcEntryButton-button:hover {
    background-color: #f3f3f3;
    color: #717171;
  }
}
.rye-c-annotation {
  font-size: calc(12 / 375 * 456px);
}
.rye-c-checkbox {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: calc(8 / 375 * 456px);
  transition: opacity 0.3s;
  margin-top: calc(16 / 375 * 456px);
}
.rye-c-checkbox:hover {
  opacity: 0.8;
  cursor: pointer;
}
.rye-c-checkbox__input {
  all: unset;
  position: relative;
  width: calc(19 / 375 * 456px);
  height: calc(19 / 375 * 456px);
  -webkit-appearance: none;
  appearance: none;
  background-color: #fff;
  border: calc(1 / 375 * 456px) solid #bf0000;
  border-radius: calc(2 / 375 * 456px);
  box-sizing: border-box;
  transition: opacity 0.3s, background-color 0.3s;
}
.rye-c-checkbox__input::before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: block;
  content: "";
  width: calc(13 / 375 * 456px);
  height: calc(11 / 375 * 456px);
  -webkit-mask-image: url(https://r.r10s.jp/evt/event/young/campaign/summer/2026/_cmn/img/20260604/icon_check.svg?v=202605250931);
  mask-image: url(https://r.r10s.jp/evt/event/young/campaign/summer/2026/_cmn/img/20260604/icon_check.svg?v=202605250931);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% auto;
  mask-size: 100% auto;
  background-color: #dbdbdb;
  transition: background-color 0.3s;
}
.rye-c-checkbox__input:checked {
  background-color: #bf0000;
}
.rye-c-checkbox__input:checked::before {
  background-color: #fff;
}
.rye-c-checkbox__label {
  color: #000;
  font-size: calc(12 / 375 * 456px);
  line-height: 1.39;
}
.rye-c-checkbox--side {
  gap: 0.625vw;
  margin-top: 0.9375vw;
}
.rye-c-checkbox--side .rye-c-checkbox__input {
  width: 1.484375vw;
  height: 1.484375vw;
  border: 0.078125vw solid #bf0000;
  border-radius: 0.15625vw;
}
.rye-c-checkbox--side .rye-c-checkbox__input::before {
  width: 1.015625vw;
  height: 0.859375vw;
}
.rye-c-checkbox--side .rye-c-checkbox__label {
  font-size: 0.9375vw;
}
.rye-c-background--service {
  background-image: url(https://r.r10s.jp/evt/event/young/campaign/summer/2026/_cmn/img/20260604/bg_service.png?v=202605250931);
  background-size: 100% auto;
  background-position: center;
  background-repeat: repeat-y;
}
.rye-c-background--aboutGakuwari {
  background-color: #cdeeff;
}
.rye-c-headline {
  margin-inline: auto;
}
.rye-c-headline--service {
  width: calc(340 / 375 * 456px);
}
.rye-c-headline--aboutGakuwari {
  width: calc(324 / 375 * 456px);
}
@keyframes zoomIn {
  0% {
    transform: scale(0.8);
    opacity: 0;
  }
  50% {
    transform: scale(1.05);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes fuwafuwa {
  0% {
    transform: translate(0, 0) rotate(-7deg);
  }
  50% {
    transform: translate(0, -6.234375px) rotate(0deg);
  }
  100% {
    transform: translate(0, 0) rotate(7deg);
  }
}
.rye-p-entry-button {
  position: relative;
  padding: 0 calc(28 / 375 * 456px);
}
.rye-p-entry-button::after {
  position: absolute;
  top: calc(-62 / 375 * 456px);
  right: calc(53 / 375 * 456px);
  content: "";
  width: calc(70 / 375 * 456px);
  height: calc(70 / 375 * 456px);
  background-image: url(https://r.r10s.jp/evt/event/young/campaign/summer/2026/_cmn/img/20260604/illustration_human_entry-button.png?v=202605250931);
  background-size: 100% auto;
  background-repeat: no-repeat;
}
.rye-p-entry-button__speechBubble {
  position: absolute;
  top: calc(-45 / 375 * 456px);
  left: calc(55 / 375 * 456px);
  width: calc(179 / 375 * 456px);
  padding: calc(10 / 375 * 456px) 0;
  border-radius: calc(4 / 375 * 456px);
  border: calc(1 / 375 * 456px) #000 solid;
  background-color: #fdf379;
  text-align: center;
  font-size: calc(14 / 375 * 456px);
  font-weight: 600;
  line-height: 85%;
  letter-spacing: -0.02em;
}
.rye-p-entry-button__speechBubble::after {
  position: absolute;
  bottom: calc(-9 / 375 * 456px);
  left: 50%;
  transform: translateX(-50%);
  content: "";
  width: calc(179 / 375 * 456px);
  height: calc(9 / 375 * 456px);
  background-image: url(https://r.r10s.jp/evt/event/young/_cmn/img/20251224/treat_speechBubble_02.png?v=202605250931);
  background-size: 100% auto;
  background-repeat: no-repeat;
}
.rye-p-entry-button--side {
  width: 25.9375vw;
  padding: 0 3.125vw;
}
.rye-p-entry-button--side::after {
  top: -5.15625vw;
  right: 3.515625vw;
  width: 5.859375vw;
  height: 5.859375vw;
}
.rye-p-entry-button--side .rye-p-entry-button__speechBubble {
  top: -3.671875vw;
  left: 3.75vw;
  width: 13.984375vw;
  padding: 0.78125vw 0;
  border-radius: 0.3125vw;
  border: 0.078125vw #000 solid;
  font-size: 1.09375vw;
}
.rye-p-entry-button--side .rye-p-entry-button__speechBubble::after {
  bottom: -0.703125vw;
  width: 13.984375vw;
  height: 0.703125vw;
}
.rye-p-entry-annotation {
  gap: calc(8 / 375 * 456px);
  padding: calc(16 / 375 * 456px);
}
.rye-p-service-list {
  display: flex;
  flex-wrap: wrap;
  gap: calc(16 / 375 * 456px);
}
.rye-p-service-list__item {
  width: calc((100% - (16 / 375 * 456px)) / 2);
  border: calc(2 / 375 * 456px) solid #3f6ae5;
  border-radius: calc(4 / 375 * 456px);
  box-shadow: calc(4 / 375 * 456px) calc(4 / 375 * 456px) 0 0 #ffb90a;
}
.rye-p-service-list__item--ichiba .rye-p-service-list__icon {
  width: calc(54 / 375 * 456px);
}
.rye-p-service-list__item--books .rye-p-service-list__icon {
  width: calc(113 / 375 * 456px);
}
.rye-p-service-list__item--books .rye-p-service-list__title {
  letter-spacing: calc(-1.4 / 375 * 456px);
}
.rye-p-service-list__item--kobo .rye-p-service-list__icon {
  width: calc(39 / 375 * 456px);
}
.rye-p-service-list__item--fashion .rye-p-service-list__icon {
  width: calc(118 / 375 * 456px);
}
.rye-p-service-list__item--bic .rye-p-service-list__icon {
  width: calc(115 / 375 * 456px);
}
.rye-p-service-list__item--homeLife .rye-p-service-list__icon {
  width: calc(95 / 375 * 456px);
}
.rye-p-service-list__link {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
.rye-p-service-list__link:hover {
  text-decoration: none;
}
.rye-p-service-list__title {
  width: 100%;
  padding: calc(6 / 375 * 456px) calc(6 / 375 * 456px) calc(8 / 375 * 456px);
  background-color: #3f6ae5;
  flex-grow: 1;
  color: #fff;
  text-align: center;
  font-size: calc(14 / 375 * 456px);
  font-weight: 600;
}
.rye-p-service-list__content {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: calc(16 / 375 * 456px);
  padding: calc(16 / 375 * 456px) calc(6 / 375 * 456px) calc(16 / 375 * 456px);
  background-color: #fff;
  border-radius: 0 0 calc(4 / 375 * 456px) calc(4 / 375 * 456px);
}
.rye-p-service-list__icon {
  height: calc(46 / 375 * 456px);
}
.rye-p-service-list__text {
  position: relative;
  width: 100%;
  padding-right: calc(8 / 375 * 456px);
  color: #3f6ae5;
  text-align: center;
  font-size: calc(14 / 375 * 456px);
  font-weight: 600;
  line-height: 1;
}
.rye-p-service-list__text-arrow {
  position: absolute;
  top: 50%;
  right: 0;
  width: calc(8 / 375 * 456px);
  height: calc(13 / 375 * 456px);
  transform: translateY(-50%);
}
.rye-p-gakuwari-intro {
  position: relative;
  padding: calc(24 / 375 * 456px) calc(32 / 375 * 456px);
  border-radius: calc(8 / 375 * 456px);
  border: calc(1 / 375 * 456px) solid #000;
  background-image: url(https://r.r10s.jp/evt/event/young/_cmn/img/20251224/bg_lattice.png?v=202605250931);
  background-size: calc(29 / 375 * 456px) calc(29 / 375 * 456px);
  background-repeat: repeat;
  background-position: center;
}
.rye-p-gakuwari-intro::before {
  position: absolute;
  top: calc(-20 / 375 * 456px);
  right: calc(-2 / 375 * 456px);
  content: "";
  display: block;
  width: calc(46 / 375 * 456px);
  height: calc(35 / 375 * 456px);
  background-image: url(https://r.r10s.jp/evt/event/young/_cmn/img/20251224/icon_about.png?v=202605250931);
  background-size: 100% auto;
}
.rye-p-gakuwari-intro__description {
  font-weight: 600;
  font-size: calc(16 / 375 * 456px);
  text-align: center;
  color: #0066e2;
  line-height: 1.5;
}
.rye-p-gakuwari-intro__description-text {
  position: relative;
  display: inline-block;
  padding: calc(2 / 375 * 456px) calc(7 / 375 * 456px);
  border-top: calc(1 / 375 * 456px) #000 solid;
  border-right: calc(1 / 375 * 456px) #000 solid;
  border-left: calc(1 / 375 * 456px) #000 solid;
  background-color: #fff;
  box-shadow: calc(4 / 375 * 456px) calc(4 / 375 * 456px) 0 0 #ff99ac;
}
.rye-p-gakuwari-intro__description-text:nth-child(n + 2) {
  border-bottom: calc(1 / 375 * 456px) #000 solid;
}
.rye-p-gakuwari-intro__description-text:last-child {
  border-top: none;
  border-bottom: calc(1 / 375 * 456px) #000 solid;
}
.rye-p-gakuwari-intro__text {
  color: #000;
  text-align: center;
  font-size: calc(14 / 375 * 456px);
  font-weight: 400;
  line-height: 1.5;
}
body.is-thanks-modal-open {
  overflow: hidden;
}
.rye-p-thanks-modal {
  position: fixed;
  inset: 0;
  z-index: 10000;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  overflow: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
}
.rye-p-thanks-modal::before {
  position: absolute;
  inset: 0;
  content: "";
  background-color: rgba(0, 0, 0, 0.6);
}
.rye-p-thanks-modal.is-active {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
.rye-p-thanks-modal__container {
  position: relative;
  z-index: 1;
  width: calc(343 / 375 * 456px);
  max-height: calc(100dvh - (32 / 375 * 456px));
  min-height: 0;
  padding: calc(50 / 375 * 456px) calc(10 / 375 * 456px) calc(26 / 375 * 456px);
  border-radius: calc(16 / 375 * 456px);
  border: calc(6 / 375 * 456px) solid #fcf5bc;
  background-color: #fff;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.rye-p-thanks-modal__close-trigger {
  position: absolute;
  top: calc(10 / 375 * 456px);
  right: calc(10 / 375 * 456px);
  width: calc(24 / 375 * 456px);
  height: calc(24 / 375 * 456px);
  background-image: url(https://r.r10s.jp/evt/event/young/campaign/summer/2026/_cmn/img/20260604/icon_close_thanks-modal.png?v=202605250931);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center;
}
.rye-p-thanks-modal__title {
  color: #0066e2;
  text-align: center;
  font-size: calc(16 / 375 * 456px);
  font-weight: 700;
  line-height: 1.4;
}
.rye-p-thanks-modal__message {
  width: calc(299 / 375 * 456px);
  height: auto;
  margin-inline: auto;
}
.rye-p-thanks-modal__text {
  position: relative;
  text-align: center;
  font-size: calc(14 / 375 * 456px);
  font-weight: 600;
  line-height: 1.6;
}
.rye-p-thanks-modal__text-illustration {
  position: absolute;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center;
}
.rye-p-thanks-modal__text-illustration--sunscreen {
  top: calc(-7 / 375 * 456px);
  left: calc(24 / 375 * 456px);
  width: calc(26 / 375 * 456px);
  height: calc(40 / 375 * 456px);
  background-image: url(https://r.r10s.jp/evt/event/young/campaign/summer/2026/_cmn/img/20260604/treat_sunscreen_thanks-modal.png?v=202605250931);
}
.rye-p-thanks-modal__text-illustration--cap {
  bottom: calc(-20 / 375 * 456px);
  left: calc(6 / 375 * 456px);
  width: calc(42 / 375 * 456px);
  height: calc(54 / 375 * 456px);
  background-image: url(https://r.r10s.jp/evt/event/young/campaign/summer/2026/_cmn/img/20260604/treat_cap_thanks-modal.png?v=202605250931);
}
.rye-p-thanks-modal__text-illustration--fan {
  top: calc(-10 / 375 * 456px);
  right: calc(-7 / 375 * 456px);
  width: calc(68 / 375 * 456px);
  height: calc(89 / 375 * 456px);
  background-image: url(https://r.r10s.jp/evt/event/young/campaign/summer/2026/_cmn/img/20260604/treat_fan_thanks-modal.png?v=202605250931);
}
.rye-p-thanks-modal__popular {
  padding: calc(20 / 375 * 456px) calc(16 / 375 * 456px);
  border-radius: calc(10 / 375 * 456px);
  background: linear-gradient(
    125deg,
    #cdeeff 2.98%,
    #e5f1dd 56.58%,
    #fcf5bc 110.17%
  );
}
.rye-p-thanks-modal__popular-title {
  width: calc(203 / 375 * 456px);
  height: auto;
  margin-inline: auto;
}
.rye-p-thanks-modal__popular-list {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: calc(8 / 375 * 456px);
}
.rye-p-thanks-modal__popular-item {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.rye-p-thanks-modal__popular-item::before {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center;
}
.rye-p-thanks-modal__popular-item--no1 {
  width: calc(98 / 375 * 456px);
}
.rye-p-thanks-modal__popular-item--no1::before {
  left: calc(8 / 375 * 456px);
  width: calc(29 / 375 * 456px);
  height: calc(24 / 375 * 456px);
  background-image: url(https://r.r10s.jp/evt/event/young/campaign/summer/2026/_cmn/img/20260604/text_01_thanks-modal.png?v=202605250931);
}
.rye-p-thanks-modal__popular-item--no2 {
  width: calc(80 / 375 * 456px);
}
.rye-p-thanks-modal__popular-item--no2::before {
  width: calc(33 / 375 * 456px);
  height: calc(24 / 375 * 456px);
  background-image: url(https://r.r10s.jp/evt/event/young/campaign/summer/2026/_cmn/img/20260604/text_02_thanks-modal.png?v=202605250931);
}
.rye-p-thanks-modal__popular-item--no3 {
  width: calc(80 / 375 * 456px);
}
.rye-p-thanks-modal__popular-item--no3::before {
  width: calc(32 / 375 * 456px);
  height: calc(24 / 375 * 456px);
  background-image: url(https://r.r10s.jp/evt/event/young/campaign/summer/2026/_cmn/img/20260604/text_03_thanks-modal.png?v=202605250931);
}
.rye-p-thanks-modal__popular-image {
  width: calc(80 / 375 * 456px);
}
.rye-p-thanks-modal__popular-link {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: calc(3 / 375 * 456px);
  margin-top: calc(4 / 375 * 456px);
  color: #333 !important;
  font-size: calc(12 / 375 * 456px);
  font-weight: 600;
  line-height: 1.4;
}
.rye-p-thanks-modal__popular-link:hover {
  text-decoration: none;
}
.rye-p-thanks-modal__popular-link-text {
  flex-shrink: 0;
  text-decoration: underline;
}
.rye-p-thanks-modal__close-button {
  display: block;
  width: calc(172 / 375 * 456px);
  padding: calc(9 / 375 * 456px) calc(23 / 375 * 456px);
  margin-inline: auto;
  border-radius: calc(5 / 375 * 456px);
  border: calc(1 / 375 * 456px) solid #3f76dd;
  background-color: #fff;
  box-shadow: calc(1 / 375 * 456px) calc(1 / 375 * 456px) 0 0 #0066e2;
}
.rye-p-thanks-modal__close-button-text {
  color: #0066e2;
  text-align: center;
  font-size: calc(13 / 375 * 456px);
  font-weight: 600;
  line-height: 1.5;
}
.rye-u-pb-24 {
  padding-bottom: calc(24 / 375 * 456px) !important;
}
.rye-u-px-8 {
  padding-left: calc(8 / 375 * 456px) !important;
  padding-right: calc(8 / 375 * 456px) !important;
}
.rye-u-px-20 {
  padding-left: calc(20 / 375 * 456px) !important;
  padding-right: calc(20 / 375 * 456px) !important;
}
.rye-u-px-28 {
  padding-left: calc(28 / 375 * 456px) !important;
  padding-right: calc(28 / 375 * 456px) !important;
}
.rye-u-py-32 {
  padding-top: calc(32 / 375 * 456px) !important;
  padding-bottom: calc(32 / 375 * 456px) !important;
}
.rye-u-mt-8 {
  margin-top: calc(8 / 375 * 456px) !important;
}
.rye-u-mt-12 {
  margin-top: calc(12 / 375 * 456px) !important;
}
.rye-u-mt-16 {
  margin-top: calc(16 / 375 * 456px) !important;
}
.rye-u-mt-24 {
  margin-top: calc(24 / 375 * 456px) !important;
}
.rye-u-mt-80 {
  margin-top: calc(80 / 375 * 456px) !important;
}