@charset "UTF-8";

@font-face {
  font-family: "RakutenSansJP_W_Light";
  src: url(https://r.r10s.jp/evt/event/young/_cmn/fonts/RakutenSansJP_W_Light.woff?v=202505271550) format("woff");
}
@font-face {
  font-family: "RakutenSansJP_W_Regular";
  src: url(https://r.r10s.jp/evt/event/young/_cmn/fonts/RakutenSansJP_W_Regular.woff?v=202505271550) format("woff");
}
@font-face {
  font-family: "RakutenSansJP_W_Medium";
  src: url(https://r.r10s.jp/evt/event/young/_cmn/fonts/RakutenSansJP_W_Medium.woff?v=202505271550) format("woff");
}
@font-face {
  font-family: "RakutenSansJP_W_DemiBold";
  src: url(https://r.r10s.jp/evt/event/young/_cmn/fonts/RakutenSansJP_W_DemiBold.woff?v=202505271550) format("woff");
}
@font-face {
  font-family: "RakutenSansJP_W_Bold";
  src: url(https://r.r10s.jp/evt/event/young/_cmn/fonts/RakutenSansJP_W_Bold.woff?v=202505271550) format("woff");
}
@font-face {
  font-family: "RakutenSansJP_W_Heavy";
  src: url(https://r.r10s.jp/evt/event/young/_cmn/fonts/RakutenSansJP_W_Heavy.woff?v=202505271550) format("woff");
}
@font-face {
  font-family: "Rakuten Sans";
  src: url(https://r.r10s.jp/evt/event/young/_cmn/fonts/RakutenSans_SBd.woff?v=202505271550) format("woff");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Rakuten Sans";
  src: url(https://r.r10s.jp/evt/event/young/_cmn/fonts/RakutenSans_Blk.woff?v=202505271550) format("woff");
  font-weight: 700;
  font-style: normal;
}
img {
  max-width: 100%;
  height: auto;
}
.rl-contentsWrapper {
  position: relative;
  top: 0;
  left: 0;
  display: flex;
  width: 100%;
  height: 100%;
  background-color: #eee;
}
.rl-sideContents {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: calc((100% - 570px) / 2);
  height: 100vh;
  box-sizing: border-box;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: bottom center;
}
.rl-sideContents.-left {
  left: 0;
  padding: 0 2.4479166667vw 0 2.7604166667vw;
  background-image: url(https://r.r10s.jp/evt/event/young/campaign/summer/_pc/img/20250602/bg_left.jpg?v=202505271550);
}
.rl-sideContents.-left .rl-sideContents__image {
  width: 100%;
  padding-top: 14.3229166667vw;
  max-width: 520px;
  min-height: 302px;
}
@media screen and (max-width: 1040px) {
  .rl-sideContents.-left .rl-sideContents__image {
    display: none;
  }
}
.rl-sideContents.-right {
  right: 0;
  padding: 0 5.5208333333vw 0 5.15625vw;
  background-image: url(https://r.r10s.jp/evt/event/young/campaign/summer/_pc/img/20250602/bg_right.jpg?v=202505271550);
}
.rl-mainContents {
  z-index: 1;
  width: 570px;
  margin-inline: auto;
  background-color: #fff;
  border-style: solid;
  border-color: #0066e2;
  box-sizing: border-box;
}
@media (min-width: 320px) and (max-width: 767px) {
  .rl-mainContents {
    border-left-width: calc(7 / 640 * 100vw);
  }
}
@media (min-width: 768px) {
  .rl-mainContents {
    border-left-width: calc(7 / 640 * 570px);
  }
}
@media (min-width: 320px) and (max-width: 767px) {
  .rl-mainContents {
    border-right-width: calc(7 / 640 * 100vw);
  }
}
@media (min-width: 768px) {
  .rl-mainContents {
    border-right-width: calc(7 / 640 * 570px);
  }
}
.rc-section {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ccc;
  font-weight: bold;
  background-color: #fff;
}
@media (min-width: 320px) and (max-width: 767px) {
  .rc-section {
    padding-top: calc(500 / 640 * 100vw);
  }
}
@media (min-width: 768px) {
  .rc-section {
    padding-top: calc(500 / 640 * 570px);
  }
}
@media (min-width: 320px) and (max-width: 767px) {
  .rc-section {
    padding-bottom: calc(500 / 640 * 100vw);
  }
}
@media (min-width: 768px) {
  .rc-section {
    padding-bottom: calc(500 / 640 * 570px);
  }
}
@media (min-width: 320px) and (max-width: 767px) {
  .rc-section {
    font-size: calc(80 / 640 * 100vw);
  }
}
@media (min-width: 768px) {
  .rc-section {
    font-size: calc(80 / 640 * 570px);
  }
}
.rc-section.-intro {
  padding: 0;
}
.rc-rewardHeader {
  padding-bottom: 8px;
}
.rc-anim.js-scroll-anim-start.-zoomIn {
  animation: zoomIn 1s cubic-bezier(0.25, 1, 0.5, 1) forwards;
  transform-origin: bottom right;
}
.rc-anim.js-scroll-anim-start.-highLight {
  animation: zoomIn 1s cubic-bezier(0.25, 1, 0.5, 1) forwards;
}
@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);
  }
}
.rc-kanbanAnimation {
  position: relative;
  background-image: url(https://r.r10s.jp/evt/event/young/campaign/summer/_cmn/img/20250602/kanban_background.png?v=202505271550);
  background-size: contain;
  background-repeat: no-repeat;
  width: 100%;
}
.rc-kanbanAnimation__text {
  position: absolute;
  z-index: 1;
}
.rc-kanbanAnimation__text.-headline {
  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;
  z-index: 2;
}
@media (min-width: 320px) and (max-width: 767px) {
  .rc-kanbanAnimation__text.-headline {
    width: calc(547 / 640 * 100vw);
  }
}
@media (min-width: 768px) {
  .rc-kanbanAnimation__text.-headline {
    width: calc(547 / 640 * 570px);
  }
}
@media (min-width: 320px) and (max-width: 767px) {
  .rc-kanbanAnimation__text.-headline {
    top: calc(22 / 640 * 100vw);
  }
}
@media (min-width: 768px) {
  .rc-kanbanAnimation__text.-headline {
    top: calc(22 / 640 * 570px);
  }
}
@media (min-width: 320px) and (max-width: 767px) {
  .rc-kanbanAnimation__text.-headline {
    left: calc(28 / 640 * 100vw);
  }
}
@media (min-width: 768px) {
  .rc-kanbanAnimation__text.-headline {
    left: calc(28 / 640 * 570px);
  }
}
.rc-kanbanAnimation__text.-megaphone {
  opacity: 0;
  animation-name: zoomIn;
  animation-duration: 1.5s;
  animation-timing-function: cubic-bezier(0.25, 1, 0.25, 1);
  animation-fill-mode: forwards;
  position: absolute;
}
@media (min-width: 320px) and (max-width: 767px) {
  .rc-kanbanAnimation__text.-megaphone {
    width: calc(66 / 640 * 100vw);
  }
}
@media (min-width: 768px) {
  .rc-kanbanAnimation__text.-megaphone {
    width: calc(66 / 640 * 570px);
  }
}
@media (min-width: 320px) and (max-width: 767px) {
  .rc-kanbanAnimation__text.-megaphone {
    top: calc(295 / 640 * 100vw);
  }
}
@media (min-width: 768px) {
  .rc-kanbanAnimation__text.-megaphone {
    top: calc(295 / 640 * 570px);
  }
}
@media (min-width: 320px) and (max-width: 767px) {
  .rc-kanbanAnimation__text.-megaphone {
    left: calc(547 / 640 * 100vw);
  }
}
@media (min-width: 768px) {
  .rc-kanbanAnimation__text.-megaphone {
    left: calc(547 / 640 * 570px);
  }
}
.rc-kanbanAnimation__text.-book {
  z-index: 3;
  position: absolute;
  animation: fuwafuwa 3s ease-in-out infinite alternate;
  animation-duration: 2s;
}
@media (min-width: 320px) and (max-width: 767px) {
  .rc-kanbanAnimation__text.-book {
    width: calc(53 / 640 * 100vw);
  }
}
@media (min-width: 768px) {
  .rc-kanbanAnimation__text.-book {
    width: calc(53 / 640 * 570px);
  }
}
@media (min-width: 320px) and (max-width: 767px) {
  .rc-kanbanAnimation__text.-book {
    top: calc(259 / 640 * 100vw);
  }
}
@media (min-width: 768px) {
  .rc-kanbanAnimation__text.-book {
    top: calc(259 / 640 * 570px);
  }
}
@media (min-width: 320px) and (max-width: 767px) {
  .rc-kanbanAnimation__text.-book {
    left: calc(35 / 640 * 100vw);
  }
}
@media (min-width: 768px) {
  .rc-kanbanAnimation__text.-book {
    left: calc(35 / 640 * 570px);
  }
}
.rc-kanbanAnimation__text.-game {
  z-index: 3;
  position: absolute;
  animation: fuwafuwa 3s ease-in-out infinite alternate;
}
@media (min-width: 320px) and (max-width: 767px) {
  .rc-kanbanAnimation__text.-game {
    width: calc(59 / 640 * 100vw);
  }
}
@media (min-width: 768px) {
  .rc-kanbanAnimation__text.-game {
    width: calc(59 / 640 * 570px);
  }
}
@media (min-width: 320px) and (max-width: 767px) {
  .rc-kanbanAnimation__text.-game {
    top: calc(282 / 640 * 100vw);
  }
}
@media (min-width: 768px) {
  .rc-kanbanAnimation__text.-game {
    top: calc(282 / 640 * 570px);
  }
}
@media (min-width: 320px) and (max-width: 767px) {
  .rc-kanbanAnimation__text.-game {
    left: calc(120 / 640 * 100vw);
  }
}
@media (min-width: 768px) {
  .rc-kanbanAnimation__text.-game {
    left: calc(120 / 640 * 570px);
  }
}
.rc-kanbanAnimation__text.-cloud01 {
  z-index: 3;
  position: absolute;
  animation: fuwafuwa 3s ease-in-out infinite alternate;
  animation-duration: 2.5s;
}
@media (min-width: 320px) and (max-width: 767px) {
  .rc-kanbanAnimation__text.-cloud01 {
    width: calc(82 / 640 * 100vw);
  }
}
@media (min-width: 768px) {
  .rc-kanbanAnimation__text.-cloud01 {
    width: calc(82 / 640 * 570px);
  }
}
@media (min-width: 320px) and (max-width: 767px) {
  .rc-kanbanAnimation__text.-cloud01 {
    top: calc(261 / 640 * 100vw);
  }
}
@media (min-width: 768px) {
  .rc-kanbanAnimation__text.-cloud01 {
    top: calc(261 / 640 * 570px);
  }
}
@media (min-width: 320px) and (max-width: 767px) {
  .rc-kanbanAnimation__text.-cloud01 {
    left: calc(209 / 640 * 100vw);
  }
}
@media (min-width: 768px) {
  .rc-kanbanAnimation__text.-cloud01 {
    left: calc(209 / 640 * 570px);
  }
}
.rc-kanbanAnimation__text.-carrybag {
  z-index: 3;
  position: absolute;
  animation: fuwafuwa 3s ease-in-out infinite alternate;
}
@media (min-width: 320px) and (max-width: 767px) {
  .rc-kanbanAnimation__text.-carrybag {
    width: calc(50 / 640 * 100vw);
  }
}
@media (min-width: 768px) {
  .rc-kanbanAnimation__text.-carrybag {
    width: calc(50 / 640 * 570px);
  }
}
@media (min-width: 320px) and (max-width: 767px) {
  .rc-kanbanAnimation__text.-carrybag {
    top: calc(290 / 640 * 100vw);
  }
}
@media (min-width: 768px) {
  .rc-kanbanAnimation__text.-carrybag {
    top: calc(290 / 640 * 570px);
  }
}
@media (min-width: 320px) and (max-width: 767px) {
  .rc-kanbanAnimation__text.-carrybag {
    left: calc(306 / 640 * 100vw);
  }
}
@media (min-width: 768px) {
  .rc-kanbanAnimation__text.-carrybag {
    left: calc(306 / 640 * 570px);
  }
}
.rc-kanbanAnimation__text.-sunglasses {
  z-index: 3;
  position: absolute;
  animation: fuwafuwa 3s ease-in-out infinite alternate;
  animation-duration: 3s;
}
@media (min-width: 320px) and (max-width: 767px) {
  .rc-kanbanAnimation__text.-sunglasses {
    width: calc(60 / 640 * 100vw);
  }
}
@media (min-width: 768px) {
  .rc-kanbanAnimation__text.-sunglasses {
    width: calc(60 / 640 * 570px);
  }
}
@media (min-width: 320px) and (max-width: 767px) {
  .rc-kanbanAnimation__text.-sunglasses {
    top: calc(268 / 640 * 100vw);
  }
}
@media (min-width: 768px) {
  .rc-kanbanAnimation__text.-sunglasses {
    top: calc(268 / 640 * 570px);
  }
}
@media (min-width: 320px) and (max-width: 767px) {
  .rc-kanbanAnimation__text.-sunglasses {
    left: calc(392 / 640 * 100vw);
  }
}
@media (min-width: 768px) {
  .rc-kanbanAnimation__text.-sunglasses {
    left: calc(392 / 640 * 570px);
  }
}
.rc-kanbanAnimation__text.-hat {
  z-index: 3;
  position: absolute;
  animation: fuwafuwa 5s ease-in-out infinite alternate;
}
@media (min-width: 320px) and (max-width: 767px) {
  .rc-kanbanAnimation__text.-hat {
    width: calc(59 / 640 * 100vw);
  }
}
@media (min-width: 768px) {
  .rc-kanbanAnimation__text.-hat {
    width: calc(59 / 640 * 570px);
  }
}
@media (min-width: 320px) and (max-width: 767px) {
  .rc-kanbanAnimation__text.-hat {
    top: calc(308 / 640 * 100vw);
  }
}
@media (min-width: 768px) {
  .rc-kanbanAnimation__text.-hat {
    top: calc(308 / 640 * 570px);
  }
}
@media (min-width: 320px) and (max-width: 767px) {
  .rc-kanbanAnimation__text.-hat {
    left: calc(452 / 640 * 100vw);
  }
}
@media (min-width: 768px) {
  .rc-kanbanAnimation__text.-hat {
    left: calc(452 / 640 * 570px);
  }
}
.rc-kanbanAnimation__text.-sandal {
  z-index: 3;
  position: absolute;
  animation: fuwafuwa 3s ease-in-out infinite alternate;
  animation-duration: 4.5s;
}
@media (min-width: 320px) and (max-width: 767px) {
  .rc-kanbanAnimation__text.-sandal {
    width: calc(49 / 640 * 100vw);
  }
}
@media (min-width: 768px) {
  .rc-kanbanAnimation__text.-sandal {
    width: calc(49 / 640 * 570px);
  }
}
@media (min-width: 320px) and (max-width: 767px) {
  .rc-kanbanAnimation__text.-sandal {
    top: calc(151 / 640 * 100vw);
  }
}
@media (min-width: 768px) {
  .rc-kanbanAnimation__text.-sandal {
    top: calc(151 / 640 * 570px);
  }
}
@media (min-width: 320px) and (max-width: 767px) {
  .rc-kanbanAnimation__text.-sandal {
    left: calc(578 / 640 * 100vw);
  }
}
@media (min-width: 768px) {
  .rc-kanbanAnimation__text.-sandal {
    left: calc(578 / 640 * 570px);
  }
}
.rc-kanbanAnimation__text.-cloud02 {
  z-index: 3;
  position: absolute;
  animation: fuwafuwa 3s ease-in-out infinite alternate;
}
@media (min-width: 320px) and (max-width: 767px) {
  .rc-kanbanAnimation__text.-cloud02 {
    width: calc(104 / 640 * 100vw);
  }
}
@media (min-width: 768px) {
  .rc-kanbanAnimation__text.-cloud02 {
    width: calc(104 / 640 * 570px);
  }
}
@media (min-width: 320px) and (max-width: 767px) {
  .rc-kanbanAnimation__text.-cloud02 {
    top: calc(58 / 640 * 100vw);
  }
}
@media (min-width: 768px) {
  .rc-kanbanAnimation__text.-cloud02 {
    top: calc(58 / 640 * 570px);
  }
}
@media (min-width: 320px) and (max-width: 767px) {
  .rc-kanbanAnimation__text.-cloud02 {
    left: calc(233 / 640 * 100vw);
  }
}
@media (min-width: 768px) {
  .rc-kanbanAnimation__text.-cloud02 {
    left: calc(233 / 640 * 570px);
  }
}
.rc-kanbanAnimation__text.-plane {
  z-index: 3;
  position: absolute;
  animation: fuwafuwa 3s ease-in-out infinite alternate;
  animation-duration: 2s;
}
@media (min-width: 320px) and (max-width: 767px) {
  .rc-kanbanAnimation__text.-plane {
    width: calc(71 / 640 * 100vw);
  }
}
@media (min-width: 768px) {
  .rc-kanbanAnimation__text.-plane {
    width: calc(71 / 640 * 570px);
  }
}
@media (min-width: 320px) and (max-width: 767px) {
  .rc-kanbanAnimation__text.-plane {
    top: calc(32 / 640 * 100vw);
  }
}
@media (min-width: 768px) {
  .rc-kanbanAnimation__text.-plane {
    top: calc(32 / 640 * 570px);
  }
}
@media (min-width: 320px) and (max-width: 767px) {
  .rc-kanbanAnimation__text.-plane {
    left: calc(307 / 640 * 100vw);
  }
}
@media (min-width: 768px) {
  .rc-kanbanAnimation__text.-plane {
    left: calc(307 / 640 * 570px);
  }
}
@media (min-width: 320px) and (max-width: 767px) {
  .rc-kanbanAnimation {
    height: calc(547.75 / 640 * 100vw);
  }
}
@media (min-width: 768px) {
  .rc-kanbanAnimation {
    height: calc(547.75 / 640 * 570px);
  }
}
.rn-floatingNavi {
  background-color: #fff;
  height: 122.015625px;
}
.rn-floatingNavi.rc-floatingNavi .rn-floatingNavi__menu {
  height: auto;
  border: none;
}
@media (min-width: 320px) and (max-width: 767px) {
  .rn-floatingNavi.rc-floatingNavi .rn-floatingNavi__menu {
    border-bottom-right-radius: calc(16 / 640 * 100vw);
  }
}
@media (min-width: 768px) {
  .rn-floatingNavi.rc-floatingNavi .rn-floatingNavi__menu {
    border-bottom-right-radius: calc(16 / 640 * 570px);
  }
}
@media (min-width: 320px) and (max-width: 767px) {
  .rn-floatingNavi.rc-floatingNavi .rn-floatingNavi__menu {
    border-bottom-left-radius: calc(16 / 640 * 100vw);
  }
}
@media (min-width: 768px) {
  .rn-floatingNavi.rc-floatingNavi .rn-floatingNavi__menu {
    border-bottom-left-radius: calc(16 / 640 * 570px);
  }
}
.rn-floatingNavi.rc-floatingNavi .rn-floatingNavi__menuContainer {
  width: 100%;
  height: auto;
}
.rn-floatingNavi.rc-floatingNavi .rn-floatingNavi__menuList {
  width: 100%;
  padding-top: 0;
  padding-bottom: 0;
}
@media (min-width: 320px) and (max-width: 767px) {
  .rn-floatingNavi.rc-floatingNavi .rn-floatingNavi__menuList {
    padding-left: calc(2 / 640 * 100vw);
  }
}
@media (min-width: 768px) {
  .rn-floatingNavi.rc-floatingNavi .rn-floatingNavi__menuList {
    padding-left: calc(2 / 640 * 570px);
  }
}
@media (min-width: 320px) and (max-width: 767px) {
  .rn-floatingNavi.rc-floatingNavi .rn-floatingNavi__menuList {
    padding-right: calc(2 / 640 * 100vw);
  }
}
@media (min-width: 768px) {
  .rn-floatingNavi.rc-floatingNavi .rn-floatingNavi__menuList {
    padding-right: calc(2 / 640 * 570px);
  }
}
.rn-floatingNavi.rc-floatingNavi .rn-floatingNavi__menuItem {
  width: 33.3333333333%;
  box-sizing: border-box;
}
@media (min-width: 320px) and (max-width: 767px) {
  .rn-floatingNavi.rc-floatingNavi .rn-floatingNavi__menuItem {
    padding-left: calc(2 / 640 * 100vw);
  }
}
@media (min-width: 768px) {
  .rn-floatingNavi.rc-floatingNavi .rn-floatingNavi__menuItem {
    padding-left: calc(2 / 640 * 570px);
  }
}
@media (min-width: 320px) and (max-width: 767px) {
  .rn-floatingNavi.rc-floatingNavi .rn-floatingNavi__menuItem {
    padding-right: calc(2 / 640 * 100vw);
  }
}
@media (min-width: 768px) {
  .rn-floatingNavi.rc-floatingNavi .rn-floatingNavi__menuItem {
    padding-right: calc(2 / 640 * 570px);
  }
}
.rn-floatingNavi.rc-floatingNavi .rn-floatingNavi__menuLink {
  width: 100%;
  padding: 0;
  justify-content: center;
}
@media screen and (min-width: 1040px) {
  .rn-floatingNavi {
    display: none;
  }
}
.rn-floatingNavi.-floating {
  height: 122.015625px;
}
.rn-floatingNavi.-floating .rn-floatingNavi__menu {
  left: calc((100% - 570px) / 2);
  width: 570px;
  box-shadow: none;
}
@media screen and (max-width: 1024px) {
  .rn-floatingNavi.-floating .rn-floatingNavi__menu {
    left: 227px;
  }
}
.rc-anchor {
  width: 100%;
  padding-top: 13.90625vw;
}
.rc-anchor__item {
  border: 0.2083333333vw solid #0066e2;
  border-radius: 0.3645833333vw;
  box-shadow: 0.4166666667vw 0.4166666667vw 0 #0066e2;
  transition: transform 0.3s;
}
.rc-anchor__item.-anchor01 {
  background-color: #a9fabd;
}
.rc-anchor__item.-anchor02 {
  background-color: #ffe85f;
}
.rc-anchor__item.-anchor03 {
  background-color: #8ad7ff;
}
.rc-anchor__item.-anchor03 .rc-anchor__link {
  padding-block: 1.71875vw;
}
.rc-anchor__item:hover {
  transform: scale(1.1);
}
.rc-anchor__item:nth-child(n + 2) {
  margin-top: 32px;
}
.rc-anchor__link {
  display: inline-block;
  width: 100%;
  height: 100%;
  padding-block: 1.71875vw;
  padding-left: 1.71875vw;
  padding-right: 0.8333333333vw;
  box-sizing: border-box;
}
@media screen and (max-width: 1040px) {
  .rc-anchor {
    display: none;
  }
}
.rc-image__logo {
  padding: 20px;
  background-color: #fff;
}
.rc-image__hero {
  margin-top: 32px;
}
.rc-headline {
  padding: 0;
  margin: auto;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.rc-headline.-service {
  position: relative;
}
@media (min-width: 320px) and (max-width: 767px) {
  .rc-headline.-service {
    width: calc(561 / 640 * 100vw);
  }
}
@media (min-width: 768px) {
  .rc-headline.-service {
    width: calc(561 / 640 * 570px);
  }
}
@media (min-width: 320px) and (max-width: 767px) {
  .rc-headline.-service {
    height: calc(230 / 640 * 100vw);
  }
}
@media (min-width: 768px) {
  .rc-headline.-service {
    height: calc(230 / 640 * 570px);
  }
}
@media (min-width: 320px) and (max-width: 767px) {
  .rc-headline.-travel {
    width: calc(433 / 640 * 100vw);
  }
}
@media (min-width: 768px) {
  .rc-headline.-travel {
    width: calc(433 / 640 * 570px);
  }
}
@media (min-width: 320px) and (max-width: 767px) {
  .rc-headline.-mobile {
    width: calc(597 / 640 * 100vw);
  }
}
@media (min-width: 768px) {
  .rc-headline.-mobile {
    width: calc(597 / 640 * 570px);
  }
}
.rc-headline.-line {
  flex-grow: 1;
}
@media (min-width: 320px) and (max-width: 767px) {
  .rc-headline.-line {
    width: calc(555 / 640 * 100vw);
  }
}
@media (min-width: 768px) {
  .rc-headline.-line {
    width: calc(555 / 640 * 570px);
  }
}
.rc-headline.-campaign {
  position: relative;
}
@media (min-width: 320px) and (max-width: 767px) {
  .rc-headline.-campaign {
    width: calc(628 / 640 * 100vw);
  }
}
@media (min-width: 768px) {
  .rc-headline.-campaign {
    width: calc(628 / 640 * 570px);
  }
}
.rc-headline.-gakuwari {
  position: relative;
}
@media (min-width: 320px) and (max-width: 767px) {
  .rc-headline.-gakuwari {
    width: calc(530 / 640 * 100vw);
  }
}
@media (min-width: 768px) {
  .rc-headline.-gakuwari {
    width: calc(530 / 640 * 570px);
  }
}
@media (min-width: 320px) and (max-width: 767px) {
  .rc-headline.-video {
    width: calc(214 / 640 * 100vw);
  }
}
@media (min-width: 768px) {
  .rc-headline.-video {
    width: calc(214 / 640 * 570px);
  }
}
@media (min-width: 320px) and (max-width: 767px) {
  .rc-headline.-video {
    margin-top: calc(80 / 640 * 100vw);
  }
}
@media (min-width: 768px) {
  .rc-headline.-video {
    margin-top: calc(80 / 640 * 570px);
  }
}
.rc-period {
  height: auto;
  text-align: center;
  background-color: #fff;
}
@media (min-width: 320px) and (max-width: 767px) {
  .rc-period {
    font-size: calc(20 / 640 * 100vw);
  }
}
@media (min-width: 768px) {
  .rc-period {
    font-size: calc(20 / 640 * 570px);
  }
}
.rc-period__title {
  font-weight: 800;
}
.rc-period.-travel {
  background-color: #cdeeff;
}
@media (min-width: 320px) and (max-width: 767px) {
  .rc-period.-travel {
    margin-top: calc(34 / 640 * 100vw);
  }
}
@media (min-width: 768px) {
  .rc-period.-travel {
    margin-top: calc(34 / 640 * 570px);
  }
}
.rc-period.-travel .rc-period__title {
  color: #0066e2;
  background-color: #fff;
  font-weight: 600;
}
@media (min-width: 320px) and (max-width: 767px) {
  .rc-period.-travel .rc-period__title {
    font-size: calc(24 / 640 * 100vw);
  }
}
@media (min-width: 768px) {
  .rc-period.-travel .rc-period__title {
    font-size: calc(24 / 640 * 570px);
  }
}
@media (min-width: 320px) and (max-width: 767px) {
  .rc-period.-travel .rc-period__title {
    height: calc(40 / 640 * 100vw);
  }
}
@media (min-width: 768px) {
  .rc-period.-travel .rc-period__title {
    height: calc(40 / 640 * 570px);
  }
}
.rc-period.-travel .rc-period__term {
  font-weight: 300;
}
@media (min-width: 320px) and (max-width: 767px) {
  .rc-period.-travel .rc-period__term {
    margin-top: calc(15 / 640 * 100vw);
  }
}
@media (min-width: 768px) {
  .rc-period.-travel .rc-period__term {
    margin-top: calc(15 / 640 * 570px);
  }
}
.rc-period.-campaign {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: #d6e9ff;
  box-sizing: border-box;
}
@media (min-width: 320px) and (max-width: 767px) {
  .rc-period.-campaign {
    height: calc(81 / 640 * 100vw);
  }
}
@media (min-width: 768px) {
  .rc-period.-campaign {
    height: calc(81 / 640 * 570px);
  }
}
@media (min-width: 320px) and (max-width: 767px) {
  .rc-period.-campaign {
    margin-right: calc(26 / 640 * 100vw);
  }
}
@media (min-width: 768px) {
  .rc-period.-campaign {
    margin-right: calc(26 / 640 * 570px);
  }
}
@media (min-width: 320px) and (max-width: 767px) {
  .rc-period.-campaign {
    margin-left: calc(26 / 640 * 100vw);
  }
}
@media (min-width: 768px) {
  .rc-period.-campaign {
    margin-left: calc(26 / 640 * 570px);
  }
}
@media (min-width: 320px) and (max-width: 767px) {
  .rc-period.-campaign {
    margin-top: calc(6 / 640 * 100vw);
  }
}
@media (min-width: 768px) {
  .rc-period.-campaign {
    margin-top: calc(6 / 640 * 570px);
  }
}
@media (min-width: 320px) and (max-width: 767px) {
  .rc-period.-campaign {
    border-radius: calc(10 / 640 * 100vw);
  }
}
@media (min-width: 768px) {
  .rc-period.-campaign {
    border-radius: calc(10 / 640 * 570px);
  }
}
.rc-period.-campaign .rc-period__title {
  color: #333;
  font-weight: 700;
}
@media (min-width: 320px) and (max-width: 767px) {
  .rc-period.-campaign .rc-period__title {
    font-size: calc(20 / 640 * 100vw);
  }
}
@media (min-width: 768px) {
  .rc-period.-campaign .rc-period__title {
    font-size: calc(20 / 640 * 570px);
  }
}
.rc-period.-campaign .rc-period__term {
  font-weight: 300;
}
.rc-intro {
  padding-top: 0;
}
@media (min-width: 320px) and (max-width: 767px) {
  .rc-intro {
    padding: calc(32 / 640 * 100vw);
  }
}
@media (min-width: 768px) {
  .rc-intro {
    padding: calc(32 / 640 * 570px);
  }
}
.rc-intro__title {
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media (min-width: 320px) and (max-width: 767px) {
  .rc-intro__title {
    width: calc(501 / 640 * 100vw);
  }
}
@media (min-width: 768px) {
  .rc-intro__title {
    width: calc(501 / 640 * 570px);
  }
}
@media (min-width: 320px) and (max-width: 767px) {
  .rc-intro__title {
    height: calc(83 / 640 * 100vw);
  }
}
@media (min-width: 768px) {
  .rc-intro__title {
    height: calc(83 / 640 * 570px);
  }
}
@media (min-width: 320px) and (max-width: 767px) {
  .rc-intro__title {
    margin-bottom: calc(17 / 640 * 100vw);
  }
}
@media (min-width: 768px) {
  .rc-intro__title {
    margin-bottom: calc(17 / 640 * 570px);
  }
}
.rcEntryButton.-intro {
  width: 100%;
}
.rcEntryButton.-intro:hover {
  opacity: 0.8;
  transition: 0.3s;
}
.rcEntryButton.-intro .rcEntryButton-button {
  margin: 0;
  width: 100%;
}
@media (min-width: 320px) and (max-width: 767px) {
  .rcEntryButton.-intro .rcEntryButton-button {
    height: calc(94 / 640 * 100vw);
  }
}
@media (min-width: 768px) {
  .rcEntryButton.-intro .rcEntryButton-button {
    height: calc(94 / 640 * 570px);
  }
}
@media (min-width: 320px) and (max-width: 767px) {
  .rcEntryButton.-intro .rcEntryButton-button {
    font-size: calc(30 / 640 * 100vw);
  }
}
@media (min-width: 768px) {
  .rcEntryButton.-intro .rcEntryButton-button {
    font-size: calc(30 / 640 * 570px);
  }
}
@media (min-width: 320px) and (max-width: 767px) {
  .rcEntryButton.-intro .rcEntryButton-button {
    border-radius: calc(47 / 640 * 100vw);
  }
}
@media (min-width: 768px) {
  .rcEntryButton.-intro .rcEntryButton-button {
    border-radius: calc(47 / 640 * 570px);
  }
}
@media (min-width: 320px) and (max-width: 767px) {
  .rcEntryButton.-intro .rcEntryButton-text-icon {
    width: calc(48 / 640 * 100vw);
  }
}
@media (min-width: 768px) {
  .rcEntryButton.-intro .rcEntryButton-text-icon {
    width: calc(48 / 640 * 570px);
  }
}
@media (min-width: 320px) and (max-width: 767px) {
  .rcEntryButton.-intro .rcEntryButton-text-icon {
    height: calc(48 / 640 * 100vw);
  }
}
@media (min-width: 768px) {
  .rcEntryButton.-intro .rcEntryButton-text-icon {
    height: calc(48 / 640 * 570px);
  }
}
.rgb-subButton.-lineButton {
  padding: 0;
  margin: auto;
  background-color: #06c755;
  border: none;
}
@media (min-width: 320px) and (max-width: 767px) {
  .rgb-subButton.-lineButton {
    width: calc(480 / 640 * 100vw);
  }
}
@media (min-width: 768px) {
  .rgb-subButton.-lineButton {
    width: calc(480 / 640 * 570px);
  }
}
@media (min-width: 320px) and (max-width: 767px) {
  .rgb-subButton.-lineButton {
    height: calc(94 / 640 * 100vw);
  }
}
@media (min-width: 768px) {
  .rgb-subButton.-lineButton {
    height: calc(94 / 640 * 570px);
  }
}
@media (min-width: 320px) and (max-width: 767px) {
  .rgb-subButton.-lineButton {
    border-radius: calc(47 / 640 * 100vw);
  }
}
@media (min-width: 768px) {
  .rgb-subButton.-lineButton {
    border-radius: calc(47 / 640 * 570px);
  }
}
@media (min-width: 320px) and (max-width: 767px) {
  .rgb-subButton.-lineButton {
    margin-top: calc(16 / 640 * 100vw);
  }
}
@media (min-width: 768px) {
  .rgb-subButton.-lineButton {
    margin-top: calc(16 / 640 * 570px);
  }
}
.rgb-subButton.-lineButton .rgb-subButton__text {
  justify-content: center;
  display: flex;
  align-items: center;
  color: #fff;
  position: relative;
}
@media (min-width: 320px) and (max-width: 767px) {
  .rgb-subButton.-lineButton .rgb-subButton__text {
    font-size: calc(30 / 640 * 100vw);
  }
}
@media (min-width: 768px) {
  .rgb-subButton.-lineButton .rgb-subButton__text {
    font-size: calc(30 / 640 * 570px);
  }
}
@media (min-width: 320px) and (max-width: 767px) {
  .rgb-subButton.-lineButton .rgb-subButton__text {
    padding-top: calc(32 / 640 * 100vw);
  }
}
@media (min-width: 768px) {
  .rgb-subButton.-lineButton .rgb-subButton__text {
    padding-top: calc(32 / 640 * 570px);
  }
}
@media (min-width: 320px) and (max-width: 767px) {
  .rgb-subButton.-lineButton .rgb-subButton__text {
    padding-bottom: calc(33 / 640 * 100vw);
  }
}
@media (min-width: 768px) {
  .rgb-subButton.-lineButton .rgb-subButton__text {
    padding-bottom: calc(33 / 640 * 570px);
  }
}
@media (min-width: 320px) and (max-width: 767px) {
  .rgb-subButton.-lineButton .rgb-subButton__text .-icon {
    width: calc(55 / 640 * 100vw);
  }
}
@media (min-width: 768px) {
  .rgb-subButton.-lineButton .rgb-subButton__text .-icon {
    width: calc(55 / 640 * 570px);
  }
}
@media (min-width: 320px) and (max-width: 767px) {
  .rgb-subButton.-lineButton .rgb-subButton__text .-icon {
    height: calc(52 / 640 * 100vw);
  }
}
@media (min-width: 768px) {
  .rgb-subButton.-lineButton .rgb-subButton__text .-icon {
    height: calc(52 / 640 * 570px);
  }
}
@media (min-width: 320px) and (max-width: 767px) {
  .rgb-subButton.-lineButton .rgb-subButton__text .-icon {
    margin-right: calc(4 / 640 * 100vw);
  }
}
@media (min-width: 768px) {
  .rgb-subButton.-lineButton .rgb-subButton__text .-icon {
    margin-right: calc(4 / 640 * 570px);
  }
}
.rgu-entry.-custom {
  width: 100%;
  text-align: center;
  margin: auto;
}
@media (min-width: 320px) and (max-width: 767px) {
  .rgu-entry.-custom {
    margin-top: calc(24 / 640 * 100vw);
  }
}
@media (min-width: 768px) {
  .rgu-entry.-custom {
    margin-top: calc(24 / 640 * 570px);
  }
}
.rgu-entry.-custom .rc-button.-entry {
  height: auto;
  margin: auto;
  border: none;
  border-style: solid;
  border-color: #bf0000;
}
@media (min-width: 320px) and (max-width: 767px) {
  .rgu-entry.-custom .rc-button.-entry {
    width: calc(480 / 640 * 100vw);
  }
}
@media (min-width: 768px) {
  .rgu-entry.-custom .rc-button.-entry {
    width: calc(480 / 640 * 570px);
  }
}
@media (min-width: 320px) and (max-width: 767px) {
  .rgu-entry.-custom .rc-button.-entry {
    padding-block: calc(28 / 640 * 100vw);
  }
}
@media (min-width: 768px) {
  .rgu-entry.-custom .rc-button.-entry {
    padding-block: calc(28 / 640 * 570px);
  }
}
@media (min-width: 320px) and (max-width: 767px) {
  .rgu-entry.-custom .rc-button.-entry {
    border-width: calc(4 / 640 * 100vw);
  }
}
@media (min-width: 768px) {
  .rgu-entry.-custom .rc-button.-entry {
    border-width: calc(4 / 640 * 570px);
  }
}
@media (min-width: 320px) and (max-width: 767px) {
  .rgu-entry.-custom .rc-button.-entry .rc-button__text {
    font-size: calc(30 / 640 * 100vw);
  }
}
@media (min-width: 768px) {
  .rgu-entry.-custom .rc-button.-entry .rc-button__text {
    font-size: calc(30 / 640 * 570px);
  }
}
.rgu-entry.-custom .rgu-entry__stepContent {
  width: 100%;
}
.rcEntryButton.-intro .rcEntryButton-button:disabled {
  opacity: 1;
  background-color: #f6f6f6;
  border-color: #f6f6f6;
  color: #e0e0e0;
}
.rcEntryButton.-intro .rcEntryButton-checkbox {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 0;
  background-color: #fff;
  border: 2px solid #ffde00;
  box-sizing: border-box;
}
@media (min-width: 320px) and (max-width: 767px) {
  .rcEntryButton.-intro .rcEntryButton-checkbox {
    padding-top: calc(24 / 640 * 100vw);
  }
}
@media (min-width: 768px) {
  .rcEntryButton.-intro .rcEntryButton-checkbox {
    padding-top: calc(24 / 640 * 570px);
  }
}
@media (min-width: 320px) and (max-width: 767px) {
  .rcEntryButton.-intro .rcEntryButton-checkbox {
    padding-bottom: calc(24 / 640 * 100vw);
  }
}
@media (min-width: 768px) {
  .rcEntryButton.-intro .rcEntryButton-checkbox {
    padding-bottom: calc(24 / 640 * 570px);
  }
}
@media (min-width: 320px) and (max-width: 767px) {
  .rcEntryButton.-intro .rcEntryButton-checkbox {
    border-width: calc(4 / 640 * 100vw);
  }
}
@media (min-width: 768px) {
  .rcEntryButton.-intro .rcEntryButton-checkbox {
    border-width: calc(4 / 640 * 570px);
  }
}
.rcEntryButton.-intro .rcEntryButton-checkbox__label {
  font-family: "RakutenSansJP_W_Bold";
  font-size: 14px;
  line-height: 1;
  color: #122a78;
}
@media (min-width: 320px) and (max-width: 767px) {
  .rcEntryButton.-intro .rcEntryButton-checkbox__label {
    font-size: calc(28 / 640 * 100vw);
  }
}
@media (min-width: 768px) {
  .rcEntryButton.-intro .rcEntryButton-checkbox__label {
    font-size: calc(28 / 640 * 570px);
  }
}
.rcEntryButton.-intro .rcEntryButton-checkbox__input {
  all: unset;
  border: 1.5px solid #122a78;
  position: relative;
}
@media (min-width: 320px) and (max-width: 767px) {
  .rcEntryButton.-intro .rcEntryButton-checkbox__input {
    width: calc(32 / 640 * 100vw);
  }
}
@media (min-width: 768px) {
  .rcEntryButton.-intro .rcEntryButton-checkbox__input {
    width: calc(32 / 640 * 570px);
  }
}
@media (min-width: 320px) and (max-width: 767px) {
  .rcEntryButton.-intro .rcEntryButton-checkbox__input {
    height: calc(32 / 640 * 100vw);
  }
}
@media (min-width: 768px) {
  .rcEntryButton.-intro .rcEntryButton-checkbox__input {
    height: calc(32 / 640 * 570px);
  }
}
@media (min-width: 320px) and (max-width: 767px) {
  .rcEntryButton.-intro .rcEntryButton-checkbox__input {
    border-width: calc(3 / 640 * 100vw);
  }
}
@media (min-width: 768px) {
  .rcEntryButton.-intro .rcEntryButton-checkbox__input {
    border-width: calc(3 / 640 * 570px);
  }
}
@media (min-width: 320px) and (max-width: 767px) {
  .rcEntryButton.-intro .rcEntryButton-checkbox__input {
    border-radius: calc(4 / 640 * 100vw);
  }
}
@media (min-width: 768px) {
  .rcEntryButton.-intro .rcEntryButton-checkbox__input {
    border-radius: calc(4 / 640 * 570px);
  }
}
@media (min-width: 320px) and (max-width: 767px) {
  .rcEntryButton.-intro .rcEntryButton-checkbox__input {
    margin-left: calc(56 / 640 * 100vw);
  }
}
@media (min-width: 768px) {
  .rcEntryButton.-intro .rcEntryButton-checkbox__input {
    margin-left: calc(56 / 640 * 570px);
  }
}
.rcEntryButton.-intro
  .rcEntryButton-checkbox
  input[type="checkbox"]:checked::before {
  position: absolute;
  transform: rotate(50deg);
  border-right: 2px solid #c31010;
  border-bottom: 2px solid #c31010;
  content: "";
}
@media (min-width: 320px) and (max-width: 767px) {
  .rcEntryButton.-intro
    .rcEntryButton-checkbox
    input[type="checkbox"]:checked::before {
    top: calc(-2 / 640 * 100vw);
  }
}
@media (min-width: 768px) {
  .rcEntryButton.-intro
    .rcEntryButton-checkbox
    input[type="checkbox"]:checked::before {
    top: calc(-2 / 640 * 570px);
  }
}
@media (min-width: 320px) and (max-width: 767px) {
  .rcEntryButton.-intro
    .rcEntryButton-checkbox
    input[type="checkbox"]:checked::before {
    left: calc(8 / 640 * 100vw);
  }
}
@media (min-width: 768px) {
  .rcEntryButton.-intro
    .rcEntryButton-checkbox
    input[type="checkbox"]:checked::before {
    left: calc(8 / 640 * 570px);
  }
}
@media (min-width: 320px) and (max-width: 767px) {
  .rcEntryButton.-intro
    .rcEntryButton-checkbox
    input[type="checkbox"]:checked::before {
    width: calc(12 / 640 * 100vw);
  }
}
@media (min-width: 768px) {
  .rcEntryButton.-intro
    .rcEntryButton-checkbox
    input[type="checkbox"]:checked::before {
    width: calc(12 / 640 * 570px);
  }
}
@media (min-width: 320px) and (max-width: 767px) {
  .rcEntryButton.-intro
    .rcEntryButton-checkbox
    input[type="checkbox"]:checked::before {
    height: calc(24 / 640 * 100vw);
  }
}
@media (min-width: 768px) {
  .rcEntryButton.-intro
    .rcEntryButton-checkbox
    input[type="checkbox"]:checked::before {
    height: calc(24 / 640 * 570px);
  }
}
@media (min-width: 320px) and (max-width: 767px) {
  .rcEntryButton.-intro
    .rcEntryButton-checkbox
    input[type="checkbox"]:checked::before {
    border-right-width: calc(4 / 640 * 100vw);
  }
}
@media (min-width: 768px) {
  .rcEntryButton.-intro
    .rcEntryButton-checkbox
    input[type="checkbox"]:checked::before {
    border-right-width: calc(4 / 640 * 570px);
  }
}
@media (min-width: 320px) and (max-width: 767px) {
  .rcEntryButton.-intro
    .rcEntryButton-checkbox
    input[type="checkbox"]:checked::before {
    border-bottom-width: calc(4 / 640 * 100vw);
  }
}
@media (min-width: 768px) {
  .rcEntryButton.-intro
    .rcEntryButton-checkbox
    input[type="checkbox"]:checked::before {
    border-bottom-width: calc(4 / 640 * 570px);
  }
}
.rc-service {
  position: relative;
}
@media (min-width: 320px) and (max-width: 767px) {
  .rc-service {
    margin-top: calc(16 / 640 * 100vw);
  }
}
@media (min-width: 768px) {
  .rc-service {
    margin-top: calc(16 / 640 * 570px);
  }
}
@media (min-width: 320px) and (max-width: 767px) {
  .rc-service {
    padding-top: calc(32 / 640 * 100vw);
  }
}
@media (min-width: 768px) {
  .rc-service {
    padding-top: calc(32 / 640 * 570px);
  }
}
@media (min-width: 320px) and (max-width: 767px) {
  .rc-service {
    padding-right: calc(32 / 640 * 100vw);
  }
}
@media (min-width: 768px) {
  .rc-service {
    padding-right: calc(32 / 640 * 570px);
  }
}
@media (min-width: 320px) and (max-width: 767px) {
  .rc-service {
    padding-bottom: calc(48 / 640 * 100vw);
  }
}
@media (min-width: 768px) {
  .rc-service {
    padding-bottom: calc(48 / 640 * 570px);
  }
}
@media (min-width: 320px) and (max-width: 767px) {
  .rc-service {
    padding-left: calc(32 / 640 * 100vw);
  }
}
@media (min-width: 768px) {
  .rc-service {
    padding-left: calc(32 / 640 * 570px);
  }
}
.rc-service__headline {
  position: absolute;
  z-index: 1;
}
.rc-service__headline.-text {
  opacity: 0;
  animation-delay: 1s;
  z-index: 2;
}
@media (min-width: 320px) and (max-width: 767px) {
  .rc-service__headline.-text {
    width: calc(519 / 640 * 100vw);
  }
}
@media (min-width: 768px) {
  .rc-service__headline.-text {
    width: calc(519 / 640 * 570px);
  }
}
@media (min-width: 320px) and (max-width: 767px) {
  .rc-service__headline.-megaphone {
    width: calc(64 / 640 * 100vw);
  }
}
@media (min-width: 768px) {
  .rc-service__headline.-megaphone {
    width: calc(64 / 640 * 570px);
  }
}
@media (min-width: 320px) and (max-width: 767px) {
  .rc-service__headline.-megaphone {
    top: calc(170 / 640 * 100vw);
  }
}
@media (min-width: 768px) {
  .rc-service__headline.-megaphone {
    top: calc(170 / 640 * 570px);
  }
}
@media (min-width: 320px) and (max-width: 767px) {
  .rc-service__headline.-megaphone {
    right: calc(0 / 640 * 100vw);
  }
}
@media (min-width: 768px) {
  .rc-service__headline.-megaphone {
    right: calc(0 / 640 * 570px);
  }
}
.rc-service__headline.-coin {
  z-index: 3;
}
@media (min-width: 320px) and (max-width: 767px) {
  .rc-service__headline.-coin {
    width: calc(130 / 640 * 100vw);
  }
}
@media (min-width: 768px) {
  .rc-service__headline.-coin {
    width: calc(130 / 640 * 570px);
  }
}
@media (min-width: 320px) and (max-width: 767px) {
  .rc-service__headline.-coin {
    top: calc(0 / 640 * 100vw);
  }
}
@media (min-width: 768px) {
  .rc-service__headline.-coin {
    top: calc(0 / 640 * 570px);
  }
}
@media (min-width: 320px) and (max-width: 767px) {
  .rc-service__headline.-coin {
    left: calc(350 / 640 * 100vw);
  }
}
@media (min-width: 768px) {
  .rc-service__headline.-coin {
    left: calc(350 / 640 * 570px);
  }
}
.rc-service.-travel {
  padding: 0;
}
.rc-service__list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
}
@media (min-width: 320px) and (max-width: 767px) {
  .rc-service__list {
    margin-top: calc(16 / 640 * 100vw);
  }
}
@media (min-width: 768px) {
  .rc-service__list {
    margin-top: calc(16 / 640 * 570px);
  }
}
.rc-service__item {
  border: 2px solid #0066e2;
  box-sizing: border-box;
  background-color: #fff;
  box-shadow: 3.591px 3.591px 0 0 #0066e2;
}
@media (min-width: 320px) and (max-width: 767px) {
  .rc-service__item {
    width: calc(250 / 640 * 100vw);
  }
}
@media (min-width: 768px) {
  .rc-service__item {
    width: calc(250 / 640 * 570px);
  }
}
@media (min-width: 320px) and (max-width: 767px) {
  .rc-service__item {
    height: calc(160 / 640 * 100vw);
  }
}
@media (min-width: 768px) {
  .rc-service__item {
    height: calc(160 / 640 * 570px);
  }
}
@media (min-width: 320px) and (max-width: 767px) {
  .rc-service__item {
    border-radius: calc(7 / 640 * 100vw);
  }
}
@media (min-width: 768px) {
  .rc-service__item {
    border-radius: calc(7 / 640 * 570px);
  }
}
@media (min-width: 320px) and (max-width: 767px) {
  .rc-service__item {
    border-width: calc(4 / 640 * 100vw);
  }
}
@media (min-width: 768px) {
  .rc-service__item {
    border-width: calc(4 / 640 * 570px);
  }
}
.rc-service__item:hover {
  opacity: 0.8;
  transition: 0.3s;
}
@media (min-width: 320px) and (max-width: 767px) {
  .rc-service__item:nth-child(2n) {
    margin-left: calc(12 / 640 * 100vw);
  }
}
@media (min-width: 768px) {
  .rc-service__item:nth-child(2n) {
    margin-left: calc(12 / 640 * 570px);
  }
}
@media (min-width: 320px) and (max-width: 767px) {
  .rc-service__item:nth-child(n + 3) {
    margin-top: calc(20 / 640 * 100vw);
  }
}
@media (min-width: 768px) {
  .rc-service__item:nth-child(n + 3) {
    margin-top: calc(20 / 640 * 570px);
  }
}
.rc-service__item.-travel {
  margin: auto;
}
@media (min-width: 320px) and (max-width: 767px) {
  .rc-service__item.-travel {
    width: calc(276 / 640 * 100vw);
  }
}
@media (min-width: 768px) {
  .rc-service__item.-travel {
    width: calc(276 / 640 * 570px);
  }
}
.rc-service__link {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}
@media (min-width: 320px) and (max-width: 767px) {
  .rc-service__icon.-ichiba {
    width: calc(68 / 640 * 100vw);
  }
}
@media (min-width: 768px) {
  .rc-service__icon.-ichiba {
    width: calc(68 / 640 * 570px);
  }
}
@media (min-width: 320px) and (max-width: 767px) {
  .rc-service__icon.-homeLife {
    width: calc(79 / 640 * 100vw);
  }
}
@media (min-width: 768px) {
  .rc-service__icon.-homeLife {
    width: calc(79 / 640 * 570px);
  }
}
@media (min-width: 320px) and (max-width: 767px) {
  .rc-service__icon.-books {
    width: calc(74 / 640 * 100vw);
  }
}
@media (min-width: 768px) {
  .rc-service__icon.-books {
    width: calc(74 / 640 * 570px);
  }
}
@media (min-width: 320px) and (max-width: 767px) {
  .rc-service__icon.-kobo {
    width: calc(53 / 640 * 100vw);
  }
}
@media (min-width: 768px) {
  .rc-service__icon.-kobo {
    width: calc(53 / 640 * 570px);
  }
}
@media (min-width: 320px) and (max-width: 767px) {
  .rc-service__icon.-fashion {
    width: calc(71 / 640 * 100vw);
  }
}
@media (min-width: 768px) {
  .rc-service__icon.-fashion {
    width: calc(71 / 640 * 570px);
  }
}
@media (min-width: 320px) and (max-width: 767px) {
  .rc-service__icon.-bic {
    width: calc(78 / 640 * 100vw);
  }
}
@media (min-width: 768px) {
  .rc-service__icon.-bic {
    width: calc(78 / 640 * 570px);
  }
}
@media (min-width: 320px) and (max-width: 767px) {
  .rc-service__icon.-travel {
    width: calc(82 / 640 * 100vw);
  }
}
@media (min-width: 768px) {
  .rc-service__icon.-travel {
    width: calc(82 / 640 * 570px);
  }
}
@media (min-width: 320px) and (max-width: 767px) {
  .rc-service__textImage.-ichiba {
    width: calc(131 / 640 * 100vw);
  }
}
@media (min-width: 768px) {
  .rc-service__textImage.-ichiba {
    width: calc(131 / 640 * 570px);
  }
}
@media (min-width: 320px) and (max-width: 767px) {
  .rc-service__textImage.-ichiba {
    margin-top: calc(8 / 640 * 100vw);
  }
}
@media (min-width: 768px) {
  .rc-service__textImage.-ichiba {
    margin-top: calc(8 / 640 * 570px);
  }
}
@media (min-width: 320px) and (max-width: 767px) {
  .rc-service__textImage.-homeLife {
    width: calc(121 / 640 * 100vw);
  }
}
@media (min-width: 768px) {
  .rc-service__textImage.-homeLife {
    width: calc(121 / 640 * 570px);
  }
}
@media (min-width: 320px) and (max-width: 767px) {
  .rc-service__textImage.-homeLife {
    margin-top: calc(9 / 640 * 100vw);
  }
}
@media (min-width: 768px) {
  .rc-service__textImage.-homeLife {
    margin-top: calc(9 / 640 * 570px);
  }
}
@media (min-width: 320px) and (max-width: 767px) {
  .rc-service__textImage.-books {
    width: calc(182 / 640 * 100vw);
  }
}
@media (min-width: 768px) {
  .rc-service__textImage.-books {
    width: calc(182 / 640 * 570px);
  }
}
@media (min-width: 320px) and (max-width: 767px) {
  .rc-service__textImage.-books {
    margin-top: calc(13 / 640 * 100vw);
  }
}
@media (min-width: 768px) {
  .rc-service__textImage.-books {
    margin-top: calc(13 / 640 * 570px);
  }
}
@media (min-width: 320px) and (max-width: 767px) {
  .rc-service__textImage.-kobo {
    width: calc(158 / 640 * 100vw);
  }
}
@media (min-width: 768px) {
  .rc-service__textImage.-kobo {
    width: calc(158 / 640 * 570px);
  }
}
@media (min-width: 320px) and (max-width: 767px) {
  .rc-service__textImage.-kobo {
    margin-top: calc(7 / 640 * 100vw);
  }
}
@media (min-width: 768px) {
  .rc-service__textImage.-kobo {
    margin-top: calc(7 / 640 * 570px);
  }
}
@media (min-width: 320px) and (max-width: 767px) {
  .rc-service__textImage.-fashion {
    width: calc(214 / 640 * 100vw);
  }
}
@media (min-width: 768px) {
  .rc-service__textImage.-fashion {
    width: calc(214 / 640 * 570px);
  }
}
@media (min-width: 320px) and (max-width: 767px) {
  .rc-service__textImage.-fashion {
    margin-top: calc(15 / 640 * 100vw);
  }
}
@media (min-width: 768px) {
  .rc-service__textImage.-fashion {
    margin-top: calc(15 / 640 * 570px);
  }
}
@media (min-width: 320px) and (max-width: 767px) {
  .rc-service__textImage.-bic {
    width: calc(156 / 640 * 100vw);
  }
}
@media (min-width: 768px) {
  .rc-service__textImage.-bic {
    width: calc(156 / 640 * 570px);
  }
}
@media (min-width: 320px) and (max-width: 767px) {
  .rc-service__textImage.-bic {
    margin-top: calc(11 / 640 * 100vw);
  }
}
@media (min-width: 768px) {
  .rc-service__textImage.-bic {
    margin-top: calc(11 / 640 * 570px);
  }
}
@media (min-width: 320px) and (max-width: 767px) {
  .rc-service__textImage.-travel {
    width: calc(180 / 640 * 100vw);
  }
}
@media (min-width: 768px) {
  .rc-service__textImage.-travel {
    width: calc(180 / 640 * 570px);
  }
}
@media (min-width: 320px) and (max-width: 767px) {
  .rc-service__textImage.-travel {
    margin-top: calc(11 / 640 * 100vw);
  }
}
@media (min-width: 768px) {
  .rc-service__textImage.-travel {
    margin-top: calc(11 / 640 * 570px);
  }
}
.rc-service__travelBox {
  background-color: #cdeeff;
}
@media (min-width: 320px) and (max-width: 767px) {
  .rc-service__travelBox {
    margin-top: calc(44 / 640 * 100vw);
  }
}
@media (min-width: 768px) {
  .rc-service__travelBox {
    margin-top: calc(44 / 640 * 570px);
  }
}
@media (min-width: 320px) and (max-width: 767px) {
  .rc-service__travelBox {
    padding-top: calc(33 / 640 * 100vw);
  }
}
@media (min-width: 768px) {
  .rc-service__travelBox {
    padding-top: calc(33 / 640 * 570px);
  }
}
@media (min-width: 320px) and (max-width: 767px) {
  .rc-service__travelBox {
    padding-right: calc(25 / 640 * 100vw);
  }
}
@media (min-width: 768px) {
  .rc-service__travelBox {
    padding-right: calc(25 / 640 * 570px);
  }
}
@media (min-width: 320px) and (max-width: 767px) {
  .rc-service__travelBox {
    padding-bottom: calc(32 / 640 * 100vw);
  }
}
@media (min-width: 768px) {
  .rc-service__travelBox {
    padding-bottom: calc(32 / 640 * 570px);
  }
}
@media (min-width: 320px) and (max-width: 767px) {
  .rc-service__travelBox {
    padding-left: calc(26 / 640 * 100vw);
  }
}
@media (min-width: 768px) {
  .rc-service__travelBox {
    padding-left: calc(26 / 640 * 570px);
  }
}
@media screen and (max-width: 768px) {
  .rc-service__item {
    box-shadow: 1.25vw 1.25vw 0 0 #0066e2;
  }
}
.rl-contentsWrapper.-custom {
  background: none;
}
.rc-background {
  position: relative;
}
.rc-background.-service::before {
  content: "";
  position: absolute;
  background-image: url(https://r.r10s.jp/evt/event/young/campaign/summer/_cmn/img/20250602/service_background.png?v=202505271550);
  background-size: contain;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.rc-background.-mobile::before {
  content: "";
  position: absolute;
  background-image: url(https://r.r10s.jp/evt/event/young/campaign/summer/_cmn/img/20250602/mobile_lineImage.png?v=202505271550);
  background-repeat: no-repeat;
  background-size: 100%;
  left: 50%;
  transform: translateX(-50%);
}
@media (min-width: 320px) and (max-width: 767px) {
  .rc-background.-mobile::before {
    width: calc(4 / 640 * 100vw);
  }
}
@media (min-width: 768px) {
  .rc-background.-mobile::before {
    width: calc(4 / 640 * 570px);
  }
}
@media (min-width: 320px) and (max-width: 767px) {
  .rc-background.-mobile::before {
    height: calc(318 / 640 * 100vw);
  }
}
@media (min-width: 768px) {
  .rc-background.-mobile::before {
    height: calc(318 / 640 * 570px);
  }
}
@media (min-width: 320px) and (max-width: 767px) {
  .rc-background.-mobile::before {
    top: calc(420 / 640 * 100vw);
  }
}
@media (min-width: 768px) {
  .rc-background.-mobile::before {
    top: calc(420 / 640 * 570px);
  }
}
.rc-background.-line {
  background-color: #d7ffe1;
}
@media (min-width: 320px) and (max-width: 767px) {
  .rc-background.-line {
    padding-top: calc(106 / 640 * 100vw);
  }
}
@media (min-width: 768px) {
  .rc-background.-line {
    padding-top: calc(106 / 640 * 570px);
  }
}
@media (min-width: 320px) and (max-width: 767px) {
  .rc-background.-line {
    padding-bottom: calc(64 / 640 * 100vw);
  }
}
@media (min-width: 768px) {
  .rc-background.-line {
    padding-bottom: calc(64 / 640 * 570px);
  }
}
.rc-background.-campaign {
  background-color: rgba(0, 0, 0, 0);
}
@media (min-width: 320px) and (max-width: 767px) {
  .rc-background.-campaign {
    padding-top: calc(80 / 640 * 100vw);
  }
}
@media (min-width: 768px) {
  .rc-background.-campaign {
    padding-top: calc(80 / 640 * 570px);
  }
}
@media (min-width: 320px) and (max-width: 767px) {
  .rc-background.-campaign {
    padding-bottom: calc(40 / 640 * 100vw);
  }
}
@media (min-width: 768px) {
  .rc-background.-campaign {
    padding-bottom: calc(40 / 640 * 570px);
  }
}
.rc-background.-campaign::after {
  content: "";
  position: absolute;
  background-image: url(https://r.r10s.jp/evt/event/young/campaign/summer/_cmn/img/20250602/campaign_background.png?v=202505271550);
  background-size: 100%;
  background-repeat: no-repeat;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: -10;
}
@media (min-width: 320px) and (max-width: 767px) {
  .rc-background.-campaign::after {
    width: calc(576 / 640 * 100vw);
  }
}
@media (min-width: 768px) {
  .rc-background.-campaign::after {
    width: calc(576 / 640 * 570px);
  }
}
@media (min-width: 320px) and (max-width: 767px) {
  .rc-background.-campaign::after {
    height: calc(687 / 640 * 100vw);
  }
}
@media (min-width: 768px) {
  .rc-background.-campaign::after {
    height: calc(687 / 640 * 570px);
  }
}
@media (min-width: 320px) and (max-width: 767px) {
  .rc-background.-gakuwari {
    padding-top: calc(96 / 640 * 100vw);
  }
}
@media (min-width: 768px) {
  .rc-background.-gakuwari {
    padding-top: calc(96 / 640 * 570px);
  }
}
@media (min-width: 320px) and (max-width: 767px) {
  .rc-background.-gakuwari {
    padding-inline: calc(32 / 640 * 100vw);
  }
}
@media (min-width: 768px) {
  .rc-background.-gakuwari {
    padding-inline: calc(32 / 640 * 570px);
  }
}
@media (min-width: 320px) and (max-width: 767px) {
  .rc-background.-gakuwari {
    padding-bottom: calc(72 / 640 * 100vw);
  }
}
@media (min-width: 768px) {
  .rc-background.-gakuwari {
    padding-bottom: calc(72 / 640 * 570px);
  }
}
.rc-annotation {
  color: #333;
  font-weight: 400;
  font-feature-settings: "palt";
  text-align: left;
}
@media (min-width: 320px) and (max-width: 767px) {
  .rc-annotation {
    font-size: calc(20 / 640 * 100vw);
  }
}
@media (min-width: 768px) {
  .rc-annotation {
    font-size: calc(20 / 640 * 570px);
  }
}
.rc-annotation__text {
  text-indent: -1em;
  padding-left: 1em;
}
.rc-annotation.-intro {
  background-color: #f2fcff;
}
@media (min-width: 320px) and (max-width: 767px) {
  .rc-annotation.-intro {
    padding: calc(32 / 640 * 100vw);
  }
}
@media (min-width: 768px) {
  .rc-annotation.-intro {
    padding: calc(32 / 640 * 570px);
  }
}
@media (min-width: 320px) and (max-width: 767px) {
  .rc-annotation.-intro {
    padding-right: calc(24 / 640 * 100vw);
  }
}
@media (min-width: 768px) {
  .rc-annotation.-intro {
    padding-right: calc(24 / 640 * 570px);
  }
}
@media (min-width: 320px) and (max-width: 767px) {
  .rc-annotation.-intro {
    padding-left: calc(21 / 640 * 100vw);
  }
}
@media (min-width: 768px) {
  .rc-annotation.-intro {
    padding-left: calc(21 / 640 * 570px);
  }
}
@media (min-width: 320px) and (max-width: 767px) {
  .rc-annotation.-intro {
    margin-top: calc(24 / 640 * 100vw);
  }
}
@media (min-width: 768px) {
  .rc-annotation.-intro {
    margin-top: calc(24 / 640 * 570px);
  }
}
.rc-annotation.-travel {
  color: #555;
}
@media (min-width: 320px) and (max-width: 767px) {
  .rc-annotation.-travel {
    margin-top: calc(22 / 640 * 100vw);
  }
}
@media (min-width: 768px) {
  .rc-annotation.-travel {
    margin-top: calc(22 / 640 * 570px);
  }
}
.rc-annotation.-line {
  margin: 0 auto;
}
@media (min-width: 320px) and (max-width: 767px) {
  .rc-annotation.-line {
    margin-top: calc(24 / 640 * 100vw);
  }
}
@media (min-width: 768px) {
  .rc-annotation.-line {
    margin-top: calc(24 / 640 * 570px);
  }
}
@media (min-width: 320px) and (max-width: 767px) {
  .rc-annotation.-line {
    width: calc(576 / 640 * 100vw);
  }
}
@media (min-width: 768px) {
  .rc-annotation.-line {
    width: calc(576 / 640 * 570px);
  }
}
.rc-annotation .rc-annotation__link {
  color: #bf0000;
}
.rc-annotation .rc-annotation__link:hover {
  text-decoration: underline;
  transition: 0.3s;
}
.rc-mobile {
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (min-width: 320px) and (max-width: 767px) {
  .rc-mobile {
    padding-top: calc(80 / 640 * 100vw);
  }
}
@media (min-width: 768px) {
  .rc-mobile {
    padding-top: calc(80 / 640 * 570px);
  }
}
@media (min-width: 320px) and (max-width: 767px) {
  .rc-mobile {
    padding-bottom: calc(129 / 640 * 100vw);
  }
}
@media (min-width: 768px) {
  .rc-mobile {
    padding-bottom: calc(129 / 640 * 570px);
  }
}
.rc-mobile__text {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media (min-width: 320px) and (max-width: 767px) {
  .rc-mobile__text {
    margin-top: calc(19 / 640 * 100vw);
  }
}
@media (min-width: 768px) {
  .rc-mobile__text {
    margin-top: calc(19 / 640 * 570px);
  }
}
.rc-mobile__text.-min {
  position: relative;
}
@media (min-width: 320px) and (max-width: 767px) {
  .rc-mobile__text.-min {
    width: calc(284 / 640 * 100vw);
  }
}
@media (min-width: 768px) {
  .rc-mobile__text.-min {
    width: calc(284 / 640 * 570px);
  }
}
.rc-mobile__text.-max {
  position: relative;
}
@media (min-width: 320px) and (max-width: 767px) {
  .rc-mobile__text.-max {
    width: calc(550 / 640 * 100vw);
  }
}
@media (min-width: 768px) {
  .rc-mobile__text.-max {
    width: calc(550 / 640 * 570px);
  }
}
.rc-mobile__banner {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media (min-width: 320px) and (max-width: 767px) {
  .rc-mobile__banner {
    width: calc(576 / 640 * 100vw);
  }
}
@media (min-width: 768px) {
  .rc-mobile__banner {
    width: calc(576 / 640 * 570px);
  }
}
@media (min-width: 320px) and (max-width: 767px) {
  .rc-mobile__banner {
    margin-top: calc(16 / 640 * 100vw);
  }
}
@media (min-width: 768px) {
  .rc-mobile__banner {
    margin-top: calc(16 / 640 * 570px);
  }
}
.rc-mobile__bannerButton {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.rc-mobile__bannerButton:hover {
  opacity: 0.8;
  transition: 0.3s;
}
.rc-line__slideTitle {
  margin: auto;
  position: relative;
}
@media (min-width: 320px) and (max-width: 767px) {
  .rc-line__slideTitle {
    width: calc(520 / 640 * 100vw);
  }
}
@media (min-width: 768px) {
  .rc-line__slideTitle {
    width: calc(520 / 640 * 570px);
  }
}
@media (min-width: 320px) and (max-width: 767px) {
  .rc-line__slideTitle {
    margin-top: calc(51 / 640 * 100vw);
  }
}
@media (min-width: 768px) {
  .rc-line__slideTitle {
    margin-top: calc(51 / 640 * 570px);
  }
}
.rc-line__swiperContainer {
  position: relative;
}
.swiper-container {
  height: auto;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  list-style: none;
  padding: 0;
  z-index: 1;
  overflow: hidden;
  padding: 24px;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  transition-property: transform, height, -webkit-transform;
  box-sizing: content-box;
  align-items: flex-start;
}
.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: auto;
  position: relative;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
}
.swiper-button-prev,
.swiper-button-next {
  position: absolute;
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}
.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: 300ms opacity;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  z-index: 10;
}
.swiper-pagination-bullet {
  display: inline-block;
  background-color: #6d6d6d;
  opacity: 1;
  border-radius: 100%;
  background: #000;
}
.swiper-pagination-bullet + .swiper-pagination-bullet {
  margin-left: 11px;
}
.swiper-button-prev::after,
.swiper-button-next::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 7px;
  height: 7px;
  margin: auto;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  border-bottom: 1px solid #000;
  border-left: 1px solid #000;
  content: "";
}
.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}
:root {
  --swiper-navigation-size: 0;
}
.rc-swiper-line {
  overflow: hidden;
  position: relative;
}
@media (min-width: 320px) and (max-width: 767px) {
  .rc-swiper-line {
    margin-top: calc(27 / 640 * 100vw);
  }
}
@media (min-width: 768px) {
  .rc-swiper-line {
    margin-top: calc(27 / 640 * 570px);
  }
}
@media (min-width: 320px) and (max-width: 767px) {
  .rc-swiper-line {
    height: calc(555 / 640 * 100vw);
  }
}
@media (min-width: 768px) {
  .rc-swiper-line {
    height: calc(555 / 640 * 570px);
  }
}
@media (min-width: 320px) and (max-width: 767px) {
  .rc-swiper-line-wrapper {
    left: calc(32 / 640 * 100vw);
  }
}
@media (min-width: 768px) {
  .rc-swiper-line-wrapper {
    left: calc(32 / 640 * 570px);
  }
}
.rc-swiper__campaign {
  overflow: hidden;
  position: relative;
}
.rc-swiper-slide {
  height: auto;
  background-color: #fff;
}
.rc-swiper-slide.-line {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  background-color: #fff;
  box-sizing: border-box;
  overflow: visible;
  box-shadow: 3px 3px 20px rgba(51, 51, 51, 0.3);
}
@media (min-width: 320px) and (max-width: 767px) {
  .rc-swiper-slide.-line {
    border-radius: calc(24 / 640 * 100vw);
  }
}
@media (min-width: 768px) {
  .rc-swiper-slide.-line {
    border-radius: calc(24 / 640 * 570px);
  }
}
@media (min-width: 320px) and (max-width: 767px) {
  .rc-swiper-slide.-line {
    height: calc(520 / 640 * 100vw);
  }
}
@media (min-width: 768px) {
  .rc-swiper-slide.-line {
    height: calc(520 / 640 * 570px);
  }
}
@media (min-width: 320px) and (max-width: 767px) {
  .rc-swiper-slide.-line.-step01 {
    padding-top: calc(32 / 640 * 100vw);
  }
}
@media (min-width: 768px) {
  .rc-swiper-slide.-line.-step01 {
    padding-top: calc(32 / 640 * 570px);
  }
}
@media (min-width: 320px) and (max-width: 767px) {
  .rc-swiper-slide.-line.-step01 {
    padding-right: calc(48 / 640 * 100vw);
  }
}
@media (min-width: 768px) {
  .rc-swiper-slide.-line.-step01 {
    padding-right: calc(48 / 640 * 570px);
  }
}
@media (min-width: 320px) and (max-width: 767px) {
  .rc-swiper-slide.-line.-step01 {
    padding-left: calc(48 / 640 * 100vw);
  }
}
@media (min-width: 768px) {
  .rc-swiper-slide.-line.-step01 {
    padding-left: calc(48 / 640 * 570px);
  }
}
@media (min-width: 320px) and (max-width: 767px) {
  .rc-swiper-slide.-line.-step01 {
    padding-bottom: calc(50 / 640 * 100vw);
  }
}
@media (min-width: 768px) {
  .rc-swiper-slide.-line.-step01 {
    padding-bottom: calc(50 / 640 * 570px);
  }
}
@media (min-width: 320px) and (max-width: 767px) {
  .rc-swiper-slide.-line.-step02 {
    padding-top: calc(32 / 640 * 100vw);
  }
}
@media (min-width: 768px) {
  .rc-swiper-slide.-line.-step02 {
    padding-top: calc(32 / 640 * 570px);
  }
}
@media (min-width: 320px) and (max-width: 767px) {
  .rc-swiper-slide.-line.-step02 {
    padding-right: calc(22 / 640 * 100vw);
  }
}
@media (min-width: 768px) {
  .rc-swiper-slide.-line.-step02 {
    padding-right: calc(22 / 640 * 570px);
  }
}
@media (min-width: 320px) and (max-width: 767px) {
  .rc-swiper-slide.-line.-step02 {
    padding-left: calc(22 / 640 * 100vw);
  }
}
@media (min-width: 768px) {
  .rc-swiper-slide.-line.-step02 {
    padding-left: calc(22 / 640 * 570px);
  }
}
@media (min-width: 320px) and (max-width: 767px) {
  .rc-swiper-slide.-line.-step02 {
    padding-bottom: calc(66 / 640 * 100vw);
  }
}
@media (min-width: 768px) {
  .rc-swiper-slide.-line.-step02 {
    padding-bottom: calc(66 / 640 * 570px);
  }
}
@media (min-width: 320px) and (max-width: 767px) {
  .rc-swiper-slide.-line.-step03 {
    padding-top: calc(32 / 640 * 100vw);
  }
}
@media (min-width: 768px) {
  .rc-swiper-slide.-line.-step03 {
    padding-top: calc(32 / 640 * 570px);
  }
}
@media (min-width: 320px) and (max-width: 767px) {
  .rc-swiper-slide.-line.-step03 {
    padding-bottom: calc(24 / 640 * 100vw);
  }
}
@media (min-width: 768px) {
  .rc-swiper-slide.-line.-step03 {
    padding-bottom: calc(24 / 640 * 570px);
  }
}
.rc-swiper-slide.-line.-step04 {
  padding: 0;
}
@media (min-width: 320px) and (max-width: 767px) {
  .rc-swiper-slide.-line.-step04 {
    padding-top: calc(32 / 640 * 100vw);
  }
}
@media (min-width: 768px) {
  .rc-swiper-slide.-line.-step04 {
    padding-top: calc(32 / 640 * 570px);
  }
}
@media (min-width: 320px) and (max-width: 767px) {
  .rc-swiper-slide.-line.-step04 {
    padding-right: calc(54 / 640 * 100vw);
  }
}
@media (min-width: 768px) {
  .rc-swiper-slide.-line.-step04 {
    padding-right: calc(54 / 640 * 570px);
  }
}
@media (min-width: 320px) and (max-width: 767px) {
  .rc-swiper-slide.-line.-step04 {
    padding-left: calc(54 / 640 * 100vw);
  }
}
@media (min-width: 768px) {
  .rc-swiper-slide.-line.-step04 {
    padding-left: calc(54 / 640 * 570px);
  }
}
.rc-swiper-slide.-campaign {
  box-sizing: border-box;
  box-shadow: 0 0 10px rgba(51, 51, 51, 0.3);
}
@media (min-width: 320px) and (max-width: 767px) {
  .rc-swiper-slide.-campaign {
    padding-bottom: calc(32 / 640 * 100vw);
  }
}
@media (min-width: 768px) {
  .rc-swiper-slide.-campaign {
    padding-bottom: calc(32 / 640 * 570px);
  }
}
@media (min-width: 320px) and (max-width: 767px) {
  .rc-swiper-slide.-campaign {
    border-radius: calc(16 / 640 * 100vw);
  }
}
@media (min-width: 768px) {
  .rc-swiper-slide.-campaign {
    border-radius: calc(16 / 640 * 570px);
  }
}
.rc-swiper__image.-line {
  margin: auto;
}
@media (min-width: 320px) and (max-width: 767px) {
  .rc-swiper__image.-line.-step02 {
    margin-top: calc(40 / 640 * 100vw);
  }
}
@media (min-width: 768px) {
  .rc-swiper__image.-line.-step02 {
    margin-top: calc(40 / 640 * 570px);
  }
}
@media (min-width: 320px) and (max-width: 767px) {
  .rc-swiper__image.-line.-step03 {
    width: calc(152.4 / 640 * 100vw);
  }
}
@media (min-width: 768px) {
  .rc-swiper__image.-line.-step03 {
    width: calc(152.4 / 640 * 570px);
  }
}
@media (min-width: 320px) and (max-width: 767px) {
  .rc-swiper__image.-line.-step03 {
    margin-top: calc(23 / 640 * 100vw);
  }
}
@media (min-width: 768px) {
  .rc-swiper__image.-line.-step03 {
    margin-top: calc(23 / 640 * 570px);
  }
}
.rc-swiper__image.-line.-step04 {
  margin-bottom: 0;
}
@media (min-width: 320px) and (max-width: 767px) {
  .rc-swiper__image.-line.-step04 {
    width: calc(310 / 640 * 100vw);
  }
}
@media (min-width: 768px) {
  .rc-swiper__image.-line.-step04 {
    width: calc(310 / 640 * 570px);
  }
}
.rc-swiper__operation {
  display: flex;
  justify-content: center;
  align-items: center;
}
.rc-swiper__pagination {
  display: flex;
  align-items: center;
}
.rc-swiper__pagination:hover {
  opacity: 0.8;
  transition: 0.3s;
}
.rc-swiper__pagination--line .swiper-pagination-bullet {
  background-color: #69ed9f;
}
@media (min-width: 320px) and (max-width: 767px) {
  .rc-swiper__pagination--line .swiper-pagination-bullet {
    width: calc(12 / 640 * 100vw);
  }
}
@media (min-width: 768px) {
  .rc-swiper__pagination--line .swiper-pagination-bullet {
    width: calc(12 / 640 * 570px);
  }
}
@media (min-width: 320px) and (max-width: 767px) {
  .rc-swiper__pagination--line .swiper-pagination-bullet {
    height: calc(12 / 640 * 100vw);
  }
}
@media (min-width: 768px) {
  .rc-swiper__pagination--line .swiper-pagination-bullet {
    height: calc(12 / 640 * 570px);
  }
}
.rc-swiper__pagination--line .swiper-pagination-bullet-active {
  background-color: #06c755;
}
.rc-swiper__pagination--campaign .swiper-pagination-bullet {
  background-color: #fffaf0;
}
@media (min-width: 320px) and (max-width: 767px) {
  .rc-swiper__pagination--campaign .swiper-pagination-bullet {
    width: calc(12 / 640 * 100vw);
  }
}
@media (min-width: 768px) {
  .rc-swiper__pagination--campaign .swiper-pagination-bullet {
    width: calc(12 / 640 * 570px);
  }
}
@media (min-width: 320px) and (max-width: 767px) {
  .rc-swiper__pagination--campaign .swiper-pagination-bullet {
    height: calc(12 / 640 * 100vw);
  }
}
@media (min-width: 768px) {
  .rc-swiper__pagination--campaign .swiper-pagination-bullet {
    height: calc(12 / 640 * 570px);
  }
}
@media (min-width: 320px) and (max-width: 767px) {
  .rc-swiper__pagination--campaign .swiper-pagination-bullet {
    margin-top: calc(20 / 640 * 100vw);
  }
}
@media (min-width: 768px) {
  .rc-swiper__pagination--campaign .swiper-pagination-bullet {
    margin-top: calc(20 / 640 * 570px);
  }
}
.rc-swiper__pagination--campaign .swiper-pagination-bullet-active {
  background-color: #0066e2;
}
.rc-swiper__button-prev,
.rc-swiper__button-next,
.rc-swiper__button-prev-campaign,
.rc-swiper__button-next-campaign {
  border-radius: 50%;
  background-color: #fff;
  position: absolute;
  box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.24);
}
@media (min-width: 320px) and (max-width: 767px) {
  .rc-swiper__button-prev,
  .rc-swiper__button-next,
  .rc-swiper__button-prev-campaign,
  .rc-swiper__button-next-campaign {
    width: calc(75 / 640 * 100vw);
  }
}
@media (min-width: 768px) {
  .rc-swiper__button-prev,
  .rc-swiper__button-next,
  .rc-swiper__button-prev-campaign,
  .rc-swiper__button-next-campaign {
    width: calc(75 / 640 * 570px);
  }
}
@media (min-width: 320px) and (max-width: 767px) {
  .rc-swiper__button-prev,
  .rc-swiper__button-next,
  .rc-swiper__button-prev-campaign,
  .rc-swiper__button-next-campaign {
    height: calc(75 / 640 * 100vw);
  }
}
@media (min-width: 768px) {
  .rc-swiper__button-prev,
  .rc-swiper__button-next,
  .rc-swiper__button-prev-campaign,
  .rc-swiper__button-next-campaign {
    height: calc(75 / 640 * 570px);
  }
}
@media (min-width: 320px) and (max-width: 767px) {
  .rc-swiper__button-prev,
  .rc-swiper__button-next,
  .rc-swiper__button-prev-campaign,
  .rc-swiper__button-next-campaign {
    top: calc(206 / 640 * 100vw);
  }
}
@media (min-width: 768px) {
  .rc-swiper__button-prev,
  .rc-swiper__button-next,
  .rc-swiper__button-prev-campaign,
  .rc-swiper__button-next-campaign {
    top: calc(206 / 640 * 570px);
  }
}
.rc-swiper__button-prev:hover,
.rc-swiper__button-next:hover,
.rc-swiper__button-prev-campaign:hover,
.rc-swiper__button-next-campaign:hover {
  opacity: 0.8;
  transition: 0.3s;
}
.rc-swiper__button-prev.swiper-button-disabled,
.rc-swiper__button-next.swiper-button-disabled,
.rc-swiper__button-prev-campaign.swiper-button-disabled,
.rc-swiper__button-next-campaign.swiper-button-disabled {
  display: none;
}
.rc-swiper__button-prev::after,
.rc-swiper__button-next::after,
.rc-swiper__button-prev-campaign::after,
.rc-swiper__button-next-campaign::after {
  border-bottom: 2px solid #0db238;
  border-left: 2px solid #0db238;
}
@media (min-width: 320px) and (max-width: 767px) {
  .rc-swiper__button-prev::after,
  .rc-swiper__button-next::after,
  .rc-swiper__button-prev-campaign::after,
  .rc-swiper__button-next-campaign::after {
    width: calc(24 / 640 * 100vw);
  }
}
@media (min-width: 768px) {
  .rc-swiper__button-prev::after,
  .rc-swiper__button-next::after,
  .rc-swiper__button-prev-campaign::after,
  .rc-swiper__button-next-campaign::after {
    width: calc(24 / 640 * 570px);
  }
}
@media (min-width: 320px) and (max-width: 767px) {
  .rc-swiper__button-prev::after,
  .rc-swiper__button-next::after,
  .rc-swiper__button-prev-campaign::after,
  .rc-swiper__button-next-campaign::after {
    height: calc(24 / 640 * 100vw);
  }
}
@media (min-width: 768px) {
  .rc-swiper__button-prev::after,
  .rc-swiper__button-next::after,
  .rc-swiper__button-prev-campaign::after,
  .rc-swiper__button-next-campaign::after {
    height: calc(24 / 640 * 570px);
  }
}
@media (min-width: 320px) and (max-width: 767px) {
  .rc-swiper__button-prev::after,
  .rc-swiper__button-next::after,
  .rc-swiper__button-prev-campaign::after,
  .rc-swiper__button-next-campaign::after {
    border-bottom-width: calc(4 / 640 * 100vw);
  }
}
@media (min-width: 768px) {
  .rc-swiper__button-prev::after,
  .rc-swiper__button-next::after,
  .rc-swiper__button-prev-campaign::after,
  .rc-swiper__button-next-campaign::after {
    border-bottom-width: calc(4 / 640 * 570px);
  }
}
@media (min-width: 320px) and (max-width: 767px) {
  .rc-swiper__button-prev::after,
  .rc-swiper__button-next::after,
  .rc-swiper__button-prev-campaign::after,
  .rc-swiper__button-next-campaign::after {
    border-left-width: calc(4 / 640 * 100vw);
  }
}
@media (min-width: 768px) {
  .rc-swiper__button-prev::after,
  .rc-swiper__button-next::after,
  .rc-swiper__button-prev-campaign::after,
  .rc-swiper__button-next-campaign::after {
    border-left-width: calc(4 / 640 * 570px);
  }
}
@media (min-width: 320px) and (max-width: 767px) {
  .rc-swiper__button-prev::after,
  .rc-swiper__button-next::after,
  .rc-swiper__button-prev-campaign::after,
  .rc-swiper__button-next-campaign::after {
    left: calc(10 / 640 * 100vw);
  }
}
@media (min-width: 768px) {
  .rc-swiper__button-prev::after,
  .rc-swiper__button-next::after,
  .rc-swiper__button-prev-campaign::after,
  .rc-swiper__button-next-campaign::after {
    left: calc(10 / 640 * 570px);
  }
}
@media (min-width: 320px) and (max-width: 767px) {
  .rc-swiper__button-prev,
  .rc-swiper__button-prev-campaign {
    left: calc(32 / 640 * 100vw);
  }
}
@media (min-width: 768px) {
  .rc-swiper__button-prev,
  .rc-swiper__button-prev-campaign {
    left: calc(32 / 640 * 570px);
  }
}
.rc-swiper__button-next,
.rc-swiper__button-next-campaign {
  transform: rotate(180deg);
}
@media (min-width: 320px) and (max-width: 767px) {
  .rc-swiper__button-next,
  .rc-swiper__button-next-campaign {
    right: calc(32 / 640 * 100vw);
  }
}
@media (min-width: 768px) {
  .rc-swiper__button-next,
  .rc-swiper__button-next-campaign {
    right: calc(32 / 640 * 570px);
  }
}
.rc-swiper__button-prev-campaign,
.rc-swiper__button-next-campaign {
  transform: translateY(50%);
}
@media (min-width: 320px) and (max-width: 767px) {
  .rc-swiper__button-prev-campaign,
  .rc-swiper__button-next-campaign {
    top: calc(127 / 640 * 100vw);
  }
}
@media (min-width: 768px) {
  .rc-swiper__button-prev-campaign,
  .rc-swiper__button-next-campaign {
    top: calc(127 / 640 * 570px);
  }
}
.rc-swiper__button-prev-campaign::after,
.rc-swiper__button-next-campaign::after {
  border-color: #0066e2;
}
.rc-swiper__button-next-campaign {
  transform: translateY(50%) rotate(180deg);
}
.rc-text-termInformation {
  font-size: 10px;
  text-align: center;
}
@media (min-width: 320px) and (max-width: 767px) {
  .rc-text-annotation {
    margin-top: calc(15 / 640 * 100vw);
  }
}
@media (min-width: 768px) {
  .rc-text-annotation {
    margin-top: calc(15 / 640 * 570px);
  }
}
.rc-text-annotation__item {
  text-align: left;
  line-height: 1.2;
  color: #555;
  text-indent: -1em;
  padding-left: 1em;
}
@media (min-width: 320px) and (max-width: 767px) {
  .rc-text-annotation__item {
    font-size: calc(20 / 640 * 100vw);
  }
}
@media (min-width: 768px) {
  .rc-text-annotation__item {
    font-size: calc(20 / 640 * 570px);
  }
}
.rc-text-annotation__item a {
  text-decoration: underline;
}
.rc-text-annotation__item:nth-child(n + 2) {
  margin-top: 8px;
}
.rc-text-annotation__item.-strong {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  background-color: #eefff2;
  padding: 6px 8px;
  margin: auto;
}
@media (min-width: 320px) and (max-width: 767px) {
  .rc-text-annotation__item.-strong {
    width: calc(576 / 640 * 100vw);
  }
}
@media (min-width: 768px) {
  .rc-text-annotation__item.-strong {
    width: calc(576 / 640 * 570px);
  }
}
.rc-text-annotation__item.-strong .rc-text-annotation__item-text {
  text-indent: 0;
  color: #f00001;
  line-height: 1;
}
.rc-text-annotation.-termInformation {
  width: 78.28125vw;
  margin: auto;
}
.rc-text-annotation.-termInformation.-travel {
  width: 81.25vw;
}
@media (min-width: 320px) and (max-width: 767px) {
  .rc-text-annotation.-line {
    margin-top: calc(33 / 640 * 100vw);
  }
}
@media (min-width: 768px) {
  .rc-text-annotation.-line {
    margin-top: calc(33 / 640 * 570px);
  }
}
.rc-text-annotation.-line .rc-text-annotation__item {
  text-align: center;
  line-height: 1.7;
}
@media (min-width: 320px) and (max-width: 767px) {
  .rc-text-annotation.-line .rc-text-annotation__item {
    margin-top: calc(33 / 640 * 100vw);
  }
}
@media (min-width: 768px) {
  .rc-text-annotation.-line .rc-text-annotation__item {
    margin-top: calc(33 / 640 * 570px);
  }
}
.rc-text-annotation.-line .rc-text-annotation__item.-step01 {
  margin-top: 0;
}
.rc-text-annotation.-line .rc-text-annotation__item.-line {
  margin-top: 0;
}
.rc-text-annotation.-line.-step01 {
  padding: 0;
}
@media (min-width: 320px) and (max-width: 767px) {
  .rc-text-annotation.-line.-step01 {
    padding-left: calc(20 / 640 * 100vw);
  }
}
@media (min-width: 768px) {
  .rc-text-annotation.-line.-step01 {
    padding-left: calc(20 / 640 * 570px);
  }
}
@media (min-width: 320px) and (max-width: 767px) {
  .rc-text-annotation.-line.-step01 {
    padding-right: calc(20 / 640 * 100vw);
  }
}
@media (min-width: 768px) {
  .rc-text-annotation.-line.-step01 {
    padding-right: calc(20 / 640 * 570px);
  }
}
@media (min-width: 320px) and (max-width: 767px) {
  .rc-text-annotation.-line.-step01 {
    height: calc(54 / 640 * 100vw);
  }
}
@media (min-width: 768px) {
  .rc-text-annotation.-line.-step01 {
    height: calc(54 / 640 * 570px);
  }
}
.rc-text-speechBubble.-line {
  margin: auto;
  position: absolute;
  left: calc(50% + 15px);
  transform: translateX(-50%);
}
@media (min-width: 320px) and (max-width: 767px) {
  .rc-text-speechBubble.-line {
    width: calc(297 / 640 * 100vw);
  }
}
@media (min-width: 768px) {
  .rc-text-speechBubble.-line {
    width: calc(297 / 640 * 570px);
  }
}
@media (min-width: 320px) and (max-width: 767px) {
  .rc-text-speechBubble.-line {
    top: calc(-88 / 640 * 100vw);
  }
}
@media (min-width: 768px) {
  .rc-text-speechBubble.-line {
    top: calc(-88 / 640 * 570px);
  }
}
.rc-text-speechBubble.-anyone {
  padding: 0 11px;
  margin-bottom: 8px !important;
}
.rc-text-stepContent.-step01 {
  padding: 0;
}
@media (min-width: 320px) and (max-width: 767px) {
  .rc-text-stepContent.-step01 {
    padding-left: calc(39 / 640 * 100vw);
  }
}
@media (min-width: 768px) {
  .rc-text-stepContent.-step01 {
    padding-left: calc(39 / 640 * 570px);
  }
}
@media (min-width: 320px) and (max-width: 767px) {
  .rc-text-stepContent.-step01 {
    padding-right: calc(41 / 640 * 100vw);
  }
}
@media (min-width: 768px) {
  .rc-text-stepContent.-step01 {
    padding-right: calc(41 / 640 * 570px);
  }
}
@media (min-width: 320px) and (max-width: 767px) {
  .rc-text-stepContent.-step01 {
    margin-top: calc(48 / 640 * 100vw);
  }
}
@media (min-width: 768px) {
  .rc-text-stepContent.-step01 {
    margin-top: calc(48 / 640 * 570px);
  }
}
@media (min-width: 320px) and (max-width: 767px) {
  .rc-text-stepContent.-step01 {
    height: calc(27 / 640 * 100vw);
  }
}
@media (min-width: 768px) {
  .rc-text-stepContent.-step01 {
    height: calc(27 / 640 * 570px);
  }
}
.rc-text-stepContent.-step02 {
  padding: 0;
  margin: auto;
}
@media (min-width: 320px) and (max-width: 767px) {
  .rc-text-stepContent.-step02 {
    margin-top: calc(55 / 640 * 100vw);
  }
}
@media (min-width: 768px) {
  .rc-text-stepContent.-step02 {
    margin-top: calc(55 / 640 * 570px);
  }
}
@media (min-width: 320px) and (max-width: 767px) {
  .rc-text-stepContent.-step02 {
    width: calc(382 / 640 * 100vw);
  }
}
@media (min-width: 768px) {
  .rc-text-stepContent.-step02 {
    width: calc(382 / 640 * 570px);
  }
}
.rc-text-stepContent.-step03 {
  margin: auto;
}
@media (min-width: 320px) and (max-width: 767px) {
  .rc-text-stepContent.-step03 {
    margin-top: calc(40 / 640 * 100vw);
  }
}
@media (min-width: 768px) {
  .rc-text-stepContent.-step03 {
    margin-top: calc(40 / 640 * 570px);
  }
}
@media (min-width: 320px) and (max-width: 767px) {
  .rc-text-stepContent.-step03 {
    width: calc(424 / 640 * 100vw);
  }
}
@media (min-width: 768px) {
  .rc-text-stepContent.-step03 {
    width: calc(424 / 640 * 570px);
  }
}
.rc-text-stepContent.-step04 {
  margin: auto;
  padding: 0;
}
@media (min-width: 320px) and (max-width: 767px) {
  .rc-text-stepContent.-step04 {
    margin-top: calc(40 / 640 * 100vw);
  }
}
@media (min-width: 768px) {
  .rc-text-stepContent.-step04 {
    margin-top: calc(40 / 640 * 570px);
  }
}
@media (min-width: 320px) and (max-width: 767px) {
  .rc-text-stepContent.-step04 {
    padding-left: calc(14 / 640 * 100vw);
  }
}
@media (min-width: 768px) {
  .rc-text-stepContent.-step04 {
    padding-left: calc(14 / 640 * 570px);
  }
}
@media (min-width: 320px) and (max-width: 767px) {
  .rc-text-stepContent.-step04 {
    padding-right: calc(14 / 640 * 100vw);
  }
}
@media (min-width: 768px) {
  .rc-text-stepContent.-step04 {
    padding-right: calc(14 / 640 * 570px);
  }
}
@media (min-width: 320px) and (max-width: 767px) {
  .rc-text-stepContent.-step04 {
    width: calc(412 / 640 * 100vw);
  }
}
@media (min-width: 768px) {
  .rc-text-stepContent.-step04 {
    width: calc(412 / 640 * 570px);
  }
}
.rc-text-check {
  padding: 0 52px;
}
.rc-text-campaign {
  padding: 0 15px;
}
.rc-title-lineStep {
  margin: 0 auto;
}
@media (min-width: 320px) and (max-width: 767px) {
  .rc-title-lineStep {
    width: calc(86 / 640 * 100vw);
  }
}
@media (min-width: 768px) {
  .rc-title-lineStep {
    width: calc(86 / 640 * 570px);
  }
}
.rc-title-lineRegistration {
  text-align: center;
  font-weight: bold;
  line-height: 1.217;
  color: #008400;
}
@media (min-width: 320px) and (max-width: 767px) {
  .rc-title-lineRegistration {
    font-size: calc(23 / 640 * 100vw);
  }
}
@media (min-width: 768px) {
  .rc-title-lineRegistration {
    font-size: calc(23 / 640 * 570px);
  }
}
@media (min-width: 320px) and (max-width: 767px) {
  .rc-title-lineRegistration {
    margin-top: calc(50 / 640 * 100vw);
  }
}
@media (min-width: 768px) {
  .rc-title-lineRegistration {
    margin-top: calc(50 / 640 * 570px);
  }
}
.rc-title-campaign {
  width: 100%;
  background-color: #0066e2;
  color: #fff;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  margin: 0 auto;
}
@media (min-width: 320px) and (max-width: 767px) {
  .rc-title-campaign {
    height: calc(95 / 640 * 100vw);
  }
}
@media (min-width: 768px) {
  .rc-title-campaign {
    height: calc(95 / 640 * 570px);
  }
}
@media (min-width: 320px) and (max-width: 767px) {
  .rc-title-campaign {
    font-size: calc(32 / 640 * 100vw);
  }
}
@media (min-width: 768px) {
  .rc-title-campaign {
    font-size: calc(32 / 640 * 570px);
  }
}
@media (min-width: 320px) and (max-width: 767px) {
  .rc-title-campaign {
    border-top-right-radius: calc(16 / 640 * 100vw);
  }
}
@media (min-width: 768px) {
  .rc-title-campaign {
    border-top-right-radius: calc(16 / 640 * 570px);
  }
}
@media (min-width: 320px) and (max-width: 767px) {
  .rc-title-campaign {
    border-top-left-radius: calc(16 / 640 * 100vw);
  }
}
@media (min-width: 768px) {
  .rc-title-campaign {
    border-top-left-radius: calc(16 / 640 * 570px);
  }
}
.rc-title-campaignRegistration {
  text-align: center;
}
@media (min-width: 320px) and (max-width: 767px) {
  .rc-title-campaignRegistration {
    font-size: calc(26 / 640 * 100vw);
  }
}
@media (min-width: 768px) {
  .rc-title-campaignRegistration {
    font-size: calc(26 / 640 * 570px);
  }
}
@media (min-width: 320px) and (max-width: 767px) {
  .rc-title-campaignRegistration.-no01,
  .rc-title-campaignRegistration.-no04 {
    padding-top: calc(48 / 640 * 100vw);
  }
}
@media (min-width: 768px) {
  .rc-title-campaignRegistration.-no01,
  .rc-title-campaignRegistration.-no04 {
    padding-top: calc(48 / 640 * 570px);
  }
}
@media (min-width: 320px) and (max-width: 767px) {
  .rc-title-campaignRegistration.-no01,
  .rc-title-campaignRegistration.-no04 {
    padding-bottom: calc(44 / 640 * 100vw);
  }
}
@media (min-width: 768px) {
  .rc-title-campaignRegistration.-no01,
  .rc-title-campaignRegistration.-no04 {
    padding-bottom: calc(44 / 640 * 570px);
  }
}
@media (min-width: 320px) and (max-width: 767px) {
  .rc-title-campaignRegistration.-no02,
  .rc-title-campaignRegistration.-no03 {
    padding-top: calc(28 / 640 * 100vw);
  }
}
@media (min-width: 768px) {
  .rc-title-campaignRegistration.-no02,
  .rc-title-campaignRegistration.-no03 {
    padding-top: calc(28 / 640 * 570px);
  }
}
@media (min-width: 320px) and (max-width: 767px) {
  .rc-title-campaignRegistration.-no02 {
    padding-bottom: calc(29 / 640 * 100vw);
  }
}
@media (min-width: 768px) {
  .rc-title-campaignRegistration.-no02 {
    padding-bottom: calc(29 / 640 * 570px);
  }
}
@media (min-width: 320px) and (max-width: 767px) {
  .rc-title-campaignRegistration.-no03 {
    padding-bottom: calc(16 / 640 * 100vw);
  }
}
@media (min-width: 768px) {
  .rc-title-campaignRegistration.-no03 {
    padding-bottom: calc(16 / 640 * 570px);
  }
}
.rc-title-campaignAnnotation {
  text-align: center;
  display: block;
}
@media (min-width: 320px) and (max-width: 767px) {
  .rc-title-campaignAnnotation {
    font-size: calc(20 / 640 * 100vw);
  }
}
@media (min-width: 768px) {
  .rc-title-campaignAnnotation {
    font-size: calc(20 / 640 * 570px);
  }
}
@media (min-width: 320px) and (max-width: 767px) {
  .rc-title-campaignAnnotation {
    height: calc(44 / 640 * 100vw);
  }
}
@media (min-width: 768px) {
  .rc-title-campaignAnnotation {
    height: calc(44 / 640 * 570px);
  }
}
.rc-campaign__slideTitle {
  margin: auto;
}
@media (min-width: 320px) and (max-width: 767px) {
  .rc-campaign__slideTitle {
    width: calc(254 / 640 * 100vw);
  }
}
@media (min-width: 768px) {
  .rc-campaign__slideTitle {
    width: calc(254 / 640 * 570px);
  }
}
@media (min-width: 320px) and (max-width: 767px) {
  .rc-campaign__slideTitle {
    margin-top: calc(66 / 640 * 100vw);
  }
}
@media (min-width: 768px) {
  .rc-campaign__slideTitle {
    margin-top: calc(66 / 640 * 570px);
  }
}
@media (min-width: 320px) and (max-width: 767px) {
  .rc-campaign__slideTitle {
    margin-bottom: calc(27 / 640 * 100vw);
  }
}
@media (min-width: 768px) {
  .rc-campaign__slideTitle {
    margin-bottom: calc(27 / 640 * 570px);
  }
}
.rc-campaign__link {
  color: #ef0000 !important;
  display: flex;
  align-items: center;
  justify-content: center;
  border-bottom: 1px solid #ef0000;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
}
@media (min-width: 320px) and (max-width: 767px) {
  .rc-campaign__link {
    font-size: calc(24 / 640 * 100vw);
  }
}
@media (min-width: 768px) {
  .rc-campaign__link {
    font-size: calc(24 / 640 * 570px);
  }
}
@media (min-width: 320px) and (max-width: 767px) {
  .rc-campaign__link {
    margin-top: calc(8 / 640 * 100vw);
  }
}
@media (min-width: 768px) {
  .rc-campaign__link {
    margin-top: calc(8 / 640 * 570px);
  }
}
.rc-campaign__link > span {
  content: "";
  display: block;
  border-top: 1px solid #ef0000;
  border-right: 1px solid #ef0000;
  top: 50%;
  transform: translateY(15%) rotate(45deg);
}
@media (min-width: 320px) and (max-width: 767px) {
  .rc-campaign__link > span {
    width: calc(12 / 640 * 100vw);
  }
}
@media (min-width: 768px) {
  .rc-campaign__link > span {
    width: calc(12 / 640 * 570px);
  }
}
@media (min-width: 320px) and (max-width: 767px) {
  .rc-campaign__link > span {
    height: calc(12 / 640 * 100vw);
  }
}
@media (min-width: 768px) {
  .rc-campaign__link > span {
    height: calc(12 / 640 * 570px);
  }
}
.rc-campaign__link:hover {
  opacity: 0.8;
  transition: 0.3s;
}
.rc-gakuwari__text {
  margin: auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media (min-width: 320px) and (max-width: 767px) {
  .rc-gakuwari__text {
    width: calc(506 / 640 * 100vw);
  }
}
@media (min-width: 768px) {
  .rc-gakuwari__text {
    width: calc(506 / 640 * 570px);
  }
}
@media (min-width: 320px) and (max-width: 767px) {
  .rc-gakuwari__text {
    margin-top: calc(64 / 640 * 100vw);
  }
}
@media (min-width: 768px) {
  .rc-gakuwari__text {
    margin-top: calc(64 / 640 * 570px);
  }
}
.rc-gakuwari__banner {
  display: flex;
  justify-content: space-between;
}
@media (min-width: 320px) and (max-width: 767px) {
  .rc-gakuwari__banner {
    margin-top: calc(16 / 640 * 100vw);
  }
}
@media (min-width: 768px) {
  .rc-gakuwari__banner {
    margin-top: calc(16 / 640 * 570px);
  }
}
@media (min-width: 320px) and (max-width: 767px) {
  .rc-gakuwari__bannerItem {
    width: calc(276 / 640 * 100vw);
  }
}
@media (min-width: 768px) {
  .rc-gakuwari__bannerItem {
    width: calc(276 / 640 * 570px);
  }
}
.rc-gakuwari__bannerLink {
  display: inline-block;
  width: 100%;
  height: 100%;
}
.rc-gakuwari__bannerLink:hover {
  opacity: 0.8;
  transition: 0.3s;
}
.rc-video {
  position: relative;
  height: 0;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
}
@media (min-width: 320px) and (max-width: 767px) {
  .rc-video {
    width: calc(378 / 640 * 100vw);
  }
}
@media (min-width: 768px) {
  .rc-video {
    width: calc(378 / 640 * 570px);
  }
}
@media (min-width: 320px) and (max-width: 767px) {
  .rc-video {
    padding-top: calc(672 / 640 * 100vw);
  }
}
@media (min-width: 768px) {
  .rc-video {
    padding-top: calc(672 / 640 * 570px);
  }
}
@media (min-width: 320px) and (max-width: 767px) {
  .rc-video {
    margin-top: calc(12 / 640 * 100vw);
  }
}
@media (min-width: 768px) {
  .rc-video {
    margin-top: calc(12 / 640 * 570px);
  }
}
@media (min-width: 320px) and (max-width: 767px) {
  .rc-video {
    border-radius: calc(8 / 640 * 100vw);
  }
}
@media (min-width: 768px) {
  .rc-video {
    border-radius: calc(8 / 640 * 570px);
  }
}
.rc-video__content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}