@charset "UTF-8";

.cp-main {
  --cp-red: #e8390d;
  --cp-yellow: #fdc234;
  --cp-blue: #1b77b9;
  --cp-brown: #92503d;
  --cp-green: #36896a;
  --cp-peach: #fbd8a1;
  --cp-text: #4c2406;
  --cp-cream: #fef4db;
  --cp-white: #ffffff;
  --cp-gray: #676b74;

  --cp-font-round: "Zen Maru Gothic", "Hiragino Maru Gothic ProN", "Hiragino Maru Gothic Pro", "Noto Sans JP", sans-serif;
  --cp-font-pop: "Darumadrop One", var(--cp-font-round);
  --cp-font-base: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;

  --cp-inner: 1112px;

  --cp-textring: 0.1em 0em 0 var(--cp-white), 0.0924em 0.0383em 0 var(--cp-white), 0.0707em 0.0707em 0 var(--cp-white), 0.0383em 0.0924em 0 var(--cp-white),
    0em 0.1em 0 var(--cp-white), -0.0383em 0.0924em 0 var(--cp-white), -0.0707em 0.0707em 0 var(--cp-white), -0.0924em 0.0383em 0 var(--cp-white),
    -0.1em 0em 0 var(--cp-white), -0.0924em -0.0383em 0 var(--cp-white), -0.0707em -0.0707em 0 var(--cp-white), -0.0383em -0.0924em 0 var(--cp-white),
    0em -0.1em 0 var(--cp-white), 0.0383em -0.0924em 0 var(--cp-white), 0.0707em -0.0707em 0 var(--cp-white), 0.0924em -0.0383em 0 var(--cp-white);

  --cp-textring-sm: 0.08em 0em 0 var(--cp-white), 0.0739em 0.0306em 0 var(--cp-white), 0.0566em 0.0566em 0 var(--cp-white), 0.0306em 0.0739em 0 var(--cp-white),
    0em 0.08em 0 var(--cp-white), -0.0306em 0.0739em 0 var(--cp-white), -0.0566em 0.0566em 0 var(--cp-white), -0.0739em 0.0306em 0 var(--cp-white),
    -0.08em 0em 0 var(--cp-white), -0.0739em -0.0306em 0 var(--cp-white), -0.0566em -0.0566em 0 var(--cp-white), -0.0306em -0.0739em 0 var(--cp-white),
    0em -0.08em 0 var(--cp-white), 0.0306em -0.0739em 0 var(--cp-white), 0.0566em -0.0566em 0 var(--cp-white), 0.0739em -0.0306em 0 var(--cp-white);
}

.cp-lp {
  overflow-x: hidden;
  font-family: var(--cp-font-base);
  color: var(--cp-text);
  background: var(--cp-white);
  font-size: 16px;

  font-weight: 500;
  line-height: 1.8;
}

.cp-lp img {
  max-width: 100%;
  border: none;
  vertical-align: bottom;
}

.cp-lp p {
  margin: 0;
}

.cp-main ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.cp-inner {
  width: var(--cp-inner);
  max-width: 100%;
  margin: 0 auto;
  padding: 0 16px;
  box-sizing: border-box;
}

.cp-section {
  padding: 32px 0;
}

.cp-section--yellow {
  background: var(--cp-yellow);
  padding: 40px 0;
}

.cp-section--cream {
  background: var(--cp-cream);
}

.cp-section--peach {
  background: var(--cp-peach);
}

.cp-section--white {
  background: var(--cp-white);
}

.cp-lead {
  font-size: 16px;
  line-height: 1.8;
  text-align: center;
}

.cp-note {
  font-size: 13px;
  line-height: 1.5;
  text-align: center;
}

.cp-note--red {
  color: var(--cp-red);
}

.cp-note--gray {
  color: var(--cp-gray);
}

.cp-em-red {
  color: var(--cp-red);
}

.cp-em-blue {
  color: var(--cp-blue);
}

.cp-underline {
  text-decoration: underline;
  text-decoration-color: var(--cp-red);
  text-decoration-thickness: 2px;
  text-underline-offset: 3px;
}

.cp-underline--blue {
  text-decoration-color: var(--cp-blue);
}

.cp-arrow {
  display: inline-block;
  flex: none;
  width: 44px;
  height: 24px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.cp-spark {
  position: absolute;

  top: -16px;
  right: -22px;
  width: 30px;
  height: 27px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28.3625 12.5316'%3E%3Cpath d='M1.86926 2.59686C1.52939 2.75534 1.18953 2.91382 0.849664 3.0723C0.806811 3.27618 0.775288 3.47478 0.755094 3.66809C0.674316 4.44134 0.7748 5.13007 1.05655 5.73428C2.04266 7.84899 3.27548 9.84867 4.75502 11.7333C4.86071 11.8679 4.96765 12.0019 5.07585 12.1354C5.41571 11.9769 5.75558 11.8184 6.09544 11.6599C6.06277 11.4913 6.02884 11.3232 5.99365 11.1557C5.50097 8.8109 4.76158 6.58114 3.77547 4.46642C3.49372 3.86222 3.03072 3.34253 2.38645 2.90738C2.22538 2.79859 2.05298 2.69508 1.86926 2.59686Z' fill='%23e8390d'/%3E%3Cpath d='M15.1756 5.63467e-08C14.8006 4.61018e-08 14.4256 3.5857e-08 14.0506 2.56121e-08C13.9256 0.166667 13.8131 0.333333 13.7131 0.5C13.3131 1.16667 13.1131 1.83333 13.1131 2.5C13.1131 4.83333 13.3853 7.16667 13.9298 9.5C13.9687 9.66667 14.0089 9.83333 14.0506 10C14.4256 10 14.8006 10 15.1756 10C15.2173 9.83333 15.2575 9.66667 15.2964 9.5C15.8409 7.16667 16.1131 4.83333 16.1131 2.5C16.1131 1.83333 15.9131 1.16667 15.5131 0.5C15.4131 0.333333 15.3006 0.166667 15.1756 5.63467e-08Z' fill='%23e8390d'/%3E%3Cpath d='M26.5205 2.60216C26.8555 2.77087 27.1904 2.93957 27.5253 3.10827C27.5619 3.31336 27.5874 3.51281 27.6018 3.70665C27.6591 4.482 27.5378 5.16736 27.2379 5.76276C26.1882 7.84664 24.8953 9.80806 23.3594 11.647C23.2497 11.7784 23.1387 11.9091 23.0265 12.0392C22.6916 11.8705 22.3567 11.7018 22.0218 11.5331C22.0596 11.3655 22.0986 11.1985 22.1388 11.0322C22.7023 8.70337 23.5089 6.49702 24.5586 4.41314C24.8585 3.81774 25.337 3.31232 25.9942 2.89688C26.1585 2.79302 26.3339 2.69478 26.5205 2.60216Z' fill='%23e8390d'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  transform: rotate(38deg);
}

.cp-note-inline {
  font-size: 13px;
}

.cp-lp .cp-btn {
  gap: 8px;
  width: 336px;
  border-radius: 45px;

  font-size: 18px !important;
}

.cp-btn__sub {
  font-size: 13px;
}

.cp-btn__label {
  text-align: center;
}

.cp-btn__main,
.cp-btn__sub {
  white-space: nowrap;
}

.cp-lp .cp-btn--blue {
  background: var(--cp-blue);
  border: 2px solid var(--cp-blue);
  box-shadow: 4px 4px 0 var(--cp-white);
  transition:
    background-color 0.1s ease,
    color 0.1s ease,
    border-width 0.1s ease,
    box-shadow 0.1s ease,
    transform 0.1s ease;
}

.cp-lp .cp-btn--blue:hover {
  background: var(--cp-white);
  color: var(--cp-blue);
  box-shadow: 4px 4px 0 var(--cp-blue);

  transform: translate(-4px, -4px);

  opacity: 1;
}

.cp-lp .cp-btn--red {
  width: 370px;
  height: 53px;
  font-size: 22px !important;
  background: var(--cp-red);
  border: 2px solid var(--cp-red);
  box-shadow: 4px 4px 0 var(--cp-yellow);
  transition:
    background-color 0.1s ease,
    color 0.1s ease,
    border-width 0.1s ease,
    box-shadow 0.1s ease,
    transform 0.1s ease;
}

.cp-lp .cp-btn--red:hover {
  background: var(--cp-white);
  color: var(--cp-red);
  border-width: 1.5px;
  transform: translate(-4px, -4px);

  opacity: 1;
}

.cp-lp .emphasis-slash {
  font-weight: 500;
}

.cp-lp .emphasis-slash::before,
.cp-lp .emphasis-slash::after {
  color: var(--cp-red);
}

.cp-textlink {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  color: var(--cp-text);
  font-size: 13px;
}

.cp-cta {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  max-width: 100%;
}

.cp-cta__head {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 4px;
  min-height: 37px;
}

.cp-cta__head > p {
  line-height: 1;
}

.cp-cta__notes {
  width: 372px;
  max-width: 100%;
}

.cp-cta__notes--narrow {
  width: 344.65px;
}

.cp-cta-group {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  gap: 52px;
  flex-wrap: nowrap;
  max-width: 100%;
}

.cp-band {
  position: relative;

  --cp-edge: calc((100% - 1600px) / 2);
  height: 198px;
  overflow: hidden;
  background: var(--cp-band-top, var(--cp-cream));
}

.cp-band--sm {
  height: 152px;
}

.cp-band--yellow-cream {
  --cp-band-top: var(--cp-yellow);
  --cp-band-bottom: var(--cp-cream);
}

.cp-band--cream-white {
  --cp-band-top: var(--cp-cream);
  --cp-band-bottom: var(--cp-white);
}

.cp-band--cream-peach {
  --cp-band-top: var(--cp-cream);
  --cp-band-bottom: var(--cp-peach);
}

.cp-band--peach-cream {
  --cp-band-top: var(--cp-peach);
  --cp-band-bottom: var(--cp-cream);
}

.cp-band__wave {
  position: absolute;
  left: -10%;
  bottom: 0;
  width: 120%;
  height: 100px;
  background: var(--cp-band-bottom);
  border-radius: 50% 50% 0 0 / 100px 100px 0 0;
}

.cp-band__deco-sp,
.cp-startflow__deco-sp {
  display: none;
}

.cp-band__deco {
  position: absolute;
}

.cp-deco-08 { left: calc(var(--cp-edge) + 58px); top: 63px; }
.cp-deco-09 { left: calc(var(--cp-edge) + 200px); top: 27px; }
.cp-deco-10 { left: calc(var(--cp-edge) + 366px); top: 53px; }
.cp-deco-11 { right: calc(var(--cp-edge) + 345px); top: 54px; }
.cp-deco-12 { right: calc(var(--cp-edge) + 200px); top: 5px; }
.cp-deco-13 { right: calc(var(--cp-edge) + 99px); top: 98px; }

.cp-deco-16 { left: calc(var(--cp-edge) + 200px); top: 30px; }
.cp-deco-17 { right: calc(var(--cp-edge) + 200px); top: 29px; }

.cp-deco-20 { left: calc(var(--cp-edge) + 38px); top: 22px; }
.cp-deco-21 { right: calc(var(--cp-edge) + 29px); top: 46px; }

.cp-deco-27 { left: calc(var(--cp-edge) + 66px); top: 22px; }
.cp-deco-28 { right: calc(var(--cp-edge) + 201px); top: 27px; }
.cp-deco-29 { right: calc(var(--cp-edge) + 110px); top: 30px; }

.cp-band__title {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;

  height: calc(1.4em + 8px);
  margin: 0;
  font-family: var(--cp-font-round);
  font-weight: 700;

  font-size: 32px !important;
  line-height: 1.4;
  color: var(--cp-text);
}

.cp-band__title > span {
  padding-bottom: 8px;
  background-image: radial-gradient(circle, var(--cp-brown) 1.4px, transparent 1.6px);
  background-repeat: repeat-x;
  background-position: left bottom;
  background-size: 8.5px 3px;
}

.cp-band__icon {
  flex: none;
}

.cp-band__icon--swirl {
  width: 83px;
  height: 86px;
}

.cp-band__icon--pretzel {
  width: 68px;
  height: 55px;
}

.cp-band__icon--koppe {
  width: 77px;
  height: 61px;
}

.cp-band__icon--kurumi {
  width: 72px;
  height: 55px;
}

.cp-br--sp {
  display: none;
}

.cp-heading {
  display: inline-block;
  margin: 0;
  border-bottom: 5px solid var(--cp-yellow);
  font-family: var(--cp-font-round);
  font-weight: 700;

  font-size: 24px !important;

  line-height: 1;
  color: var(--cp-red);
  text-align: center;

  text-shadow: var(--cp-textring-sm);
}

.header-nav-container {
  background-color: transparent;
}

.header-nav-menu .nav-item img {
  width: 32px !important;
  height: 32px !important;
}

.cp-hero {
  background: var(--cp-white);
  text-align: center;
}

.cp-lp .cp-hero__title {
  margin: 0;
  font-size: 0;
  line-height: 0;
}

.cp-hero picture {
  display: block;
  background-image: url("https://sbisec.akamaized.net/sbisec/images/static/2026/mv_cp_pandorobo_260901_bg.png");
  background-repeat: repeat;
  background-size: 30px 30px;

  background-position: center;
}

.cp-lp .cp-hero__visual {
  display: block;
  width: 100%;
  max-width: 1232px;
  height: auto;
  margin-inline: auto;
}

.cp-hero__period {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  gap: 8px;
  flex-wrap: wrap;
  padding: 8px 40px;
  background: var(--cp-white);
}

.cp-tag {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 4px 12px;
  border-radius: 99px;
  font-family: var(--cp-font-round);
  font-weight: 700;
  font-size: 14px;
  line-height: 1.5;
  white-space: nowrap;
}

.cp-tag--fill {
  background: var(--cp-brown);
  color: var(--cp-white);
}

.cp-tag--outline {
  background: var(--cp-white);
  border: 1px solid var(--cp-brown);
  color: var(--cp-brown);
}

.cp-date {
  font-family: var(--cp-font-round);
  font-weight: 700;
  color: var(--cp-text);
  line-height: 1.1;
  white-space: nowrap;
}

.cp-date__y {
  font-size: 22px;
}

.cp-date__d {
  font-size: 36px;
}

.cp-date__u {
  font-size: 16px;
}

.cp-date__w {
  font-size: 14px;
}

.cp-summary {
  box-sizing: border-box;
  padding: 32px;
  border: 5px solid var(--cp-brown);
  border-radius: 12px;
  background: var(--cp-cream);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 32px;
}

.cp-summary__body {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  text-align: center;
}

.cp-summary__body p {
  font-weight: 700;
  font-size: 18px;
  line-height: 1.35;
}

.cp-summary__num {
  font-size: 24px;
}

.cp-summary__lg {
  font-size: 20px;
}

.cp-flower-line {
  display: block;
  width: 100%;
  height: auto;
  margin-top: 40px;
}

.cp-prize {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  gap: 24px;
}

.cp-prize__card {
  display: flex;
  flex-direction: column;
  border-radius: 12px;

  background: var(--cp-white);
}

.cp-prize__card--all {
  width: 400px;
  flex: none;
}

.cp-prize__card--lot {
  width: 615px;
  flex: none;
  min-width: 0;
}

.cp-prize__head {
  padding: 12px 20px;
  border-radius: 12px 12px 0 0;
  background: var(--cp-brown);
  text-align: center;
}

.cp-prize__head-sub {
  font-family: var(--cp-font-round);
  font-weight: 700;
  font-size: 24px;
  line-height: 1.4;
  color: var(--cp-white);
}

.cp-prize__head-main {
  font-family: var(--cp-font-pop);

  font-weight: 400;
  font-size: 46px;
  line-height: 1.2;
  color: var(--cp-red);
}

.cp-prize__head-row {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  gap: 4px;
}

.cp-prize__head-num {
  font-family: var(--cp-font-pop);

  font-weight: 400;
  font-size: 52px;
  line-height: 1.1;
  color: var(--cp-red);
}

.cp-prize__head-main,
.cp-prize__head-num {
  text-shadow: var(--cp-textring);
}

.cp-prize__rank-mark,
.cp-prize__rank-num {
  text-shadow: var(--cp-textring-sm);
}

.cp-prize__body {
  position: relative;
  border-radius: 0 0 12px 12px;
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 12px;
  padding: 32px 24px;
  text-align: center;
}

.cp-prize__name {
  position: relative;
  font-family: var(--cp-font-round);

  font-weight: 900;

  white-space: nowrap;
  font-size: 20px;
  line-height: 1.4;
}

.cp-prize__desc {
  font-size: 16px;
  line-height: 1.8;
}

.cp-prize__img {
  width: auto;
  height: 130px;
}

.cp-prize__items {
  display: flex;
  align-items: stretch;
  justify-content: center;

  gap: 48px;
  width: 100%;
}

.cp-prize__item {
  position: relative;
  display: flex;
  flex: 1 1 0;
  flex-direction: column;
  align-items: center;

  gap: 4px;
  min-width: 0;
}

.cp-prize__name-line {
  position: relative;
  display: inline-block;
}

.cp-prize__name-line .cp-spark {
  top: -6px;
  right: -26px;
}

.cp-prize__item > .cp-prize__name {
  margin-top: 9px;
}

.cp-prize__item + .cp-prize__item::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: -24px;
  width: 3px;
  background-image: radial-gradient(circle, var(--cp-brown) 1.4px, transparent 1.6px);
  background-repeat: repeat-y;
  background-size: 3px 8.5px;
}

.cp-prize__rank {
  display: inline-flex;
  align-items: baseline;
  justify-content: center;
  gap: 2px;
  min-width: 157px;
  height: 48px;
  padding: 0 12px;
  box-sizing: border-box;
  border-radius: 24px;
  background: var(--cp-yellow);
}

.cp-prize__rank-mark,
.cp-prize__rank-num {
  font-family: var(--cp-font-pop);

  font-weight: 400;
  font-size: 32px;
  line-height: 48px;
  color: var(--cp-red);
}

.cp-prize__rank-unit {
  font-family: var(--cp-font-round);
  font-weight: 700;
  font-size: 14px;
  line-height: 48px;
}

.cp-prize__badge {
  position: absolute;

  right: -20px;
  bottom: -13px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 77px;
  height: 77px;
  border-radius: 50%;
  background: var(--cp-red);
  color: var(--cp-white);
  font-weight: 700;
  font-size: 14px;
  line-height: 1.25;
  text-align: center;
  transform: rotate(14deg);
}

.cp-flow {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 32px;
  box-sizing: border-box;
  padding: 32px;
  border-radius: 12px;
  background: var(--cp-white);
}

.cp-step {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 32px;
  width: 780px;
  max-width: 100%;
}

.cp-step + .cp-step {
  padding-top: 32px;
  background-image: radial-gradient(circle, var(--cp-peach) 1.4px, transparent 1.6px);
  background-repeat: repeat-x;
  background-position: left top;
  background-size: 8.5px 3px;
}

.cp-step__head {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
}

.cp-step__badge {
  display: flex;
  flex: none;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  width: 57px;
  height: 60px;

  padding-bottom: 2px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 57.3712 60' preserveAspectRatio='none'%3E%3Cpath d='M21.9804 59.5468L16.9861 59.3486L12.9643 59.2636C10.9912 59.2258 9.07465 59.2353 7.11095 59.2636C6.33679 59.2731 6.20462 58.3478 6.10077 57.7153C5.64761 54.9963 5.33606 52.2962 5.15668 49.5395C4.84513 44.9607 4.62799 40.429 4.5147 35.8407C4.48638 34.8211 4.5147 33.8959 4.39197 32.9141C4.307 32.2343 3.95769 31.7245 3.41011 31.328C3.04192 31.0637 2.76813 30.6766 2.49435 30.3084C1.5597 29.0339 0.9366 27.6083 0.568405 26.0789C0.322942 25.0592 0.105801 24.0868 0.0397146 23.0294C-0.0641353 21.4906 0.0397147 19.9895 0.30406 18.4695C0.549523 17.0817 0.964922 15.7977 1.59746 14.5326C2.54155 12.635 3.67446 10.8696 5.07171 9.27406C7.14871 6.9044 8.60261 5.83757 11.2366 4.16654C15.4095 1.52308 20.1866 0.258004 25.1242 0.0597453C27.7204 -0.0441045 30.2317 -0.0346636 32.8185 0.267445C35.6697 0.607317 38.4264 1.18321 41.1643 1.98569C42.9297 2.4955 44.5819 3.12804 46.2246 3.92107C49.7272 5.62043 52.6916 8.23556 54.7686 11.5304C57.0627 15.1841 57.7236 19.1964 57.2043 23.4448C57.0438 24.7477 56.619 25.9467 56.0337 27.1174C55.7127 27.8632 55.3539 28.5335 54.9196 29.2132L53.4185 31.5168L53.2958 36.2939L52.229 57.0261L52.2101 59.0182C52.2101 59.594 51.7097 60 51.1527 60H46.6117L41.6269 59.9811L30.6471 59.6507L28.825 59.6318L21.9615 59.5374L21.9804 59.5468ZM22.1314 57.8475L30.2317 57.9608L42.4482 58.3006H50.5202C50.4919 57.3471 50.5391 56.5069 50.5863 55.5628L51.587 36.1712L51.6909 31.564C51.7003 31.1486 51.8136 30.8276 52.0402 30.4878C52.7199 29.4587 53.4091 28.458 54.0133 27.3628C54.2871 26.8625 54.4854 26.3715 54.7308 25.8617C55.5427 24.1435 55.6655 22.3686 55.656 20.4615C55.6372 17.6009 54.8347 14.8253 53.2958 12.4179C51.3321 9.33071 48.5282 6.89496 45.2144 5.35609C43.7888 4.69523 42.3821 4.15709 40.8622 3.70393C38.1337 2.89201 35.3959 2.31612 32.5636 1.97625C30.0901 1.68358 27.6732 1.68358 25.1903 1.77799C20.4981 1.96681 16.0232 3.1658 12.058 5.69596C9.5939 7.27259 8.21553 8.28277 6.27071 10.5203C4.96786 12.0214 3.91048 13.6924 3.04192 15.4862C2.57932 16.4397 2.24888 17.3744 2.05063 18.4129C1.75796 19.9045 1.6069 21.3962 1.73908 22.935C1.92789 25.1442 2.73037 28.4013 4.40141 29.9119C5.20389 30.6388 5.87419 31.3563 6.04412 32.4892C6.21406 33.6221 6.18574 34.6229 6.21406 35.7463C6.31791 40.3913 6.54449 44.9795 6.86548 49.6245C7.04486 52.3057 7.35641 54.9397 7.80013 57.5737C9.66943 57.5548 11.3971 57.5548 13.1909 57.5926L17.5054 57.6775L22.1409 57.8664L22.1314 57.8475Z' fill='%2392503d'/%3E%3Cpath d='M22.1314 57.8475L30.2317 57.9608L42.4482 58.3006H50.5202C50.4919 57.3471 50.5391 56.5069 50.5863 55.5628L51.587 36.1712L51.6909 31.564C51.7003 31.1486 51.8136 30.8276 52.0402 30.4878C52.7199 29.4587 53.4091 28.458 54.0133 27.3628C54.2871 26.8625 54.4854 26.3715 54.7308 25.8617C55.5427 24.1435 55.6655 22.3686 55.656 20.4615C55.6372 17.6009 54.8347 14.8253 53.2958 12.4179C51.3321 9.33071 48.5282 6.89496 45.2144 5.35609C43.7888 4.69523 42.3821 4.15709 40.8622 3.70393C38.1337 2.89201 35.3959 2.31612 32.5636 1.97625C30.0901 1.68358 27.6732 1.68358 25.1903 1.77799C20.4981 1.96681 16.0232 3.1658 12.058 5.69596C9.5939 7.27259 8.21553 8.28277 6.27071 10.5203C4.96786 12.0214 3.91048 13.6924 3.04192 15.4862C2.57932 16.4397 2.24888 17.3744 2.05063 18.4129C1.75796 19.9045 1.6069 21.3962 1.73908 22.935C1.92789 25.1442 2.73037 28.4013 4.40141 29.9119C5.20389 30.6388 5.87419 31.3563 6.04412 32.4892C6.21406 33.6221 6.18574 34.6229 6.21406 35.7463C6.31791 40.3913 6.54449 44.9795 6.86548 49.6245C7.04486 52.3057 7.35641 54.9397 7.80013 57.5737C9.66943 57.5548 11.3971 57.5548 13.1909 57.5926L17.5054 57.6775L22.1409 57.8664L22.1314 57.8475Z' fill='%2392503d'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  font-family: var(--cp-font-pop);

  font-weight: 400;
  line-height: 0.8;
  color: var(--cp-white);
}

.cp-step__badge-label {
  font-size: 20px;
}

.cp-step__badge-num {
  font-size: 25px;
}

.cp-step__titles {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
}

.cp-step__body {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  width: 100%;
}

.cp-step__lead {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  width: 100%;
}

.cp-step__body > .cp-cta-group {
  margin-top: 20px;
}

.cp-step__body > .cp-btn,
.cp-step__body > .cp-cta-group + .cp-cta {
  margin-top: 12px;
}

.cp-step__text {
  font-weight: 700;
  font-size: 16px;
  line-height: 1.5;
  text-align: center;
}

.cp-num-lg {
  font-size: 24px;
}

.cp-num-sm {
  font-size: 18px;
}

.cp-accounts {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 746.23px;
  max-width: 100%;
}

.cp-accounts__row {
  display: flex;
  justify-content: space-between;
  gap: 32px;
  width: 100%;
}

.cp-accounts__box {
  display: flex;

  flex: none;
  width: 300px;
  max-width: 100%;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  box-sizing: border-box;
  min-height: 260px;
  padding: 12px;
  border: 2px solid var(--cp-brown);
  border-radius: 12px;
  background: var(--cp-white);
}

.cp-accounts__logo {
  width: 106.43px;
  height: 48px;
  object-fit: contain;
}

.cp-accounts__logo--bank {
  width: 158px;
  height: 68px;
  margin: -10px 0;
}

.cp-accounts__note {
  font-size: 12px;
  line-height: 1.35;
  text-align: center;
}

.cp-accounts__chain {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  width: 200px;
}

.cp-accounts__label {
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  width: 180px;
  padding: 12px 16px;
  border: 2px solid var(--cp-peach);
  border-radius: 8px;
  font-weight: 700;
  font-size: 16px;
  line-height: 1.4;
}

.cp-accounts__label--child {
  border-color: var(--cp-yellow);
}

.cp-accounts__arrow-down {
  width: 35px;
  height: 35px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 44.25 24'%3E%3Cpath d='M2 12.3193L30 12.3193' fill='none' stroke='%2392503d' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M42.75 12.866C43.4167 12.4811 43.4167 11.5189 42.75 11.134L27.75 2.47372C27.0833 2.08882 26.25 2.56995 26.25 3.33975V20.6603C26.25 21.4301 27.0833 21.9112 27.75 21.5263L42.75 12.866Z' fill='%2392503d'/%3E%3C/svg%3E");
  transform: rotate(90deg);
}

.cp-accounts__merge {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin-top: 24px;
}

.cp-accounts__merge-arrow {
  position: absolute;
  bottom: 50%;
  flex: none;
  width: 140px;
  height: 64px;
  overflow: visible;
}

.cp-accounts__merge-arrow--l {
  right: calc(50% + 100px);
}

.cp-accounts__merge-arrow--r {
  left: calc(50% + 100px);
}

.cp-accounts__goal {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  box-sizing: border-box;
  width: 200px;
  padding: 12px 16px;
  border: 2px solid var(--cp-yellow);
  border-radius: 12px;
  background: var(--cp-white);
  font-weight: 700;
  font-size: 18px;
  line-height: 1.4;
}

.cp-accounts__goal-logo {
  width: 147px;
  height: auto;
}

.cp-notebox {
  box-sizing: border-box;
  width: 1016px;
  max-width: 100%;
  padding: 16px 24px;
  border: 1px solid var(--cp-yellow);
  border-radius: 16px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  text-align: center;
}

.cp-notebox__title {
  font-size: 16px;
  line-height: 1.8;
}

.cp-notebox__text {
  font-size: 14px;
  line-height: 1.5;
}

.cp-notebox__text b {
  font-weight: 700;
}

.cp-edu-card {
  width: 1036px;
  max-width: 100%;
  margin-inline: auto;
  box-sizing: border-box;
  padding: 24px 32px;
  border-radius: 14px;
  background: var(--cp-white);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
}

.cp-edu-card__title {
  margin: 0;
  font-family: var(--cp-font-round);
  font-weight: 700;

  font-size: 20px !important;
  line-height: 1.5;
  letter-spacing: 0.05em;
  text-align: center;
}

.cp-edu-sp {
  display: none;
}

.cp-edu-scroll {
  width: 100%;
  overflow-x: auto;
}

.cp-edu {
  border-collapse: separate;
  border-spacing: 0;
  margin: 0 auto;
}

.cp-edu th,
.cp-edu td {
  padding: 6px 4px;
  text-align: center;
  vertical-align: middle;
  font-weight: 700;
  white-space: nowrap;
}

.cp-edu__school,
.cp-edu__cell {
  width: 106px;
  background: rgba(251, 216, 161, 0.6);
}

.cp-edu__school {
  border-radius: 2px 2px 0 0;
  font-size: 19px;
  line-height: 1.4;
}

.cp-edu__school img {
  display: block;
  width: 60px;
  height: 48px;
  margin: 6px auto 0;
  object-fit: contain;
}

.cp-edu__cell {
  font-size: 21px;
}

.cp-edu__cell .cp-edu__unit {
  font-size: 16px;
}

.cp-edu__op {
  padding: 0 6px;
  font-size: 17px;
  color: #000;
}

.cp-edu__label {
  padding-right: 8px;
}

.cp-edu__label span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 74px;
  height: 36px;
  border-radius: 2px;
  font-size: 19px;
  letter-spacing: 0.1em;
  clip-path: polygon(0 0, calc(100% - 12px) 0, 100% 50%, calc(100% - 12px) 100%, 0 100%);
}

.cp-edu__row--public .cp-edu__label span {
  background: var(--cp-yellow);
  color: #000;
}

.cp-edu__row--private .cp-edu__label span {
  background: var(--cp-green);
  color: var(--cp-white);
}

.cp-edu__total {
  padding-left: 8px;
}

.cp-edu__total > span {
  display: inline-block;
  box-sizing: border-box;
  min-width: 118px;
  padding: 6px 10px;
  border-radius: 2px;
  font-size: 23px;
  text-align: center;
  white-space: nowrap;
}

.cp-edu__total .cp-edu__unit {
  font-size: 18px;
}

.cp-edu__row--public .cp-edu__total span {
  background: var(--cp-yellow);
}

.cp-edu__row--private .cp-edu__total span {
  background: var(--cp-green);
  color: var(--cp-white);
}

.cp-edu-message {
  box-sizing: border-box;
  padding: 12px 32px;
  border-radius: 12px;
  background: var(--cp-cream);
  font-family: var(--cp-font-round);
  font-weight: 700;
  letter-spacing: 0.05em;
  text-align: center;
}

.cp-edu-message__lead {
  font-size: 20px;
  line-height: 1.5;
}

.cp-edu-message__lead .cp-em-blue {
  font-size: 24px;
}

.cp-edu-message__lead .cp-em-blue--lg {
  font-size: 26px;
}

.cp-edu-message__main {
  font-size: 26px;
  line-height: 1.5;
  color: var(--cp-red);
}

.cp-card {
  box-sizing: border-box;
  padding: 32px;
  border-radius: 12px;
  background: var(--cp-white);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 32px;
}

.cp-kids {
  display: flex;
  align-items: stretch;

  gap: 64px;
  width: 100%;
}

.cp-kids__col {
  position: relative;
  display: flex;
  flex: 1 1 0;
  flex-direction: column;
  align-items: center;
  gap: 24px;
  min-width: 0;
}

.cp-kids__col + .cp-kids__col::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: -32px;
  width: 3px;
  background-image: radial-gradient(circle, var(--cp-peach) 1.4px, transparent 1.6px);
  background-repeat: repeat-y;
  background-size: 3px 8.5px;
}

.cp-kids__col > .cp-lead {
  min-height: 116px;
  display: grid;
  align-content: center;

  width: 100%;
  box-sizing: border-box;
}

.cp-lead__inner {
  display: block;
}

.cp-merit {
  display: flex;
  flex: 1;
  flex-direction: column;
  width: 100%;
  border: 3px solid var(--cp-red);
  border-radius: 12px;
  background: var(--cp-white);
  overflow: hidden;
}

.cp-merit__head {
  padding: 12px 20px;
  background: var(--cp-red);
  color: var(--cp-white);
  font-family: var(--cp-font-round);
  font-weight: 700;
  font-size: 20px;
  line-height: 1.4;
  text-align: center;
}

ul.cp-merit__list {
  display: flex;
  flex: 1;
  flex-direction: column;
  justify-content: center;
  gap: 24px;

  padding: 24px;
}

.cp-merit__item {
  display: flex;
  align-items: center;
  gap: 8px;
}

.cp-merit__icon {
  width: 33px;
  height: 32px;
  flex: none;
}

.cp-merit__text {
  font-size: 16px;
  line-height: 1.5;
}

.cp-merit__sub {
  display: block;
  font-size: 13px;
  line-height: 1.5;
}

.cp-kids-foot {
  display: flex;
  align-items: center;
  gap: 12px;
  width: 100%;
}

.cp-kids-foot__title {
  display: none;
}

.cp-kids-foot__box {
  display: flex;
  flex: 1 1 0;
  align-items: center;
  justify-content: center;
  min-height: 72px;
  padding: 12px;
  box-sizing: border-box;
  border-radius: 12px;
  background: var(--cp-peach);
  font-size: 16px;
  line-height: 1.5;
  text-align: center;
}

.cp-kids-foot__arrow {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 44.25 24'%3E%3Cpath d='M2 12.3193L30 12.3193' fill='none' stroke='%23e8390d' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M42.75 12.866C43.4167 12.4811 43.4167 11.5189 42.75 11.134L27.75 2.47372C27.0833 2.08882 26.25 2.56995 26.25 3.33975V20.6603C26.25 21.4301 27.0833 21.9112 27.75 21.5263L42.75 12.866Z' fill='%23e8390d'/%3E%3C/svg%3E");
}

.cp-startflow {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;

  padding: 67px 0 0;
}

.cp-startflow__title {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0;
  margin: 0;
  font-family: var(--cp-font-round);
  font-weight: 700;

  font-size: 26px !important;
  line-height: 1.5;
  color: var(--cp-red);

  text-shadow: var(--cp-textring-sm);
}

.cp-startflow__balloon {
  display: inline-flex;
  flex: none;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  width: 73px;
  height: 56px;

  padding-bottom: 5px;
  margin-right: -5px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 72.8 55.9116'%3E%3Cellipse cx='36.4' cy='25.48' rx='36.4' ry='25.48' fill='white'/%3E%3Cpath d='M43.5298 55.9116L41.4924 48.5942H32.0354L43.5298 55.9116Z' fill='white'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  font-family: var(--cp-font-pop);

  font-weight: 400;
  font-size: 23px;
  line-height: 1.2;
  color: var(--cp-red);
  transform: translateY(-16px) rotate(-20deg);
}

.cp-startflow__steps {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
}

.cp-startflow__step {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;

  justify-content: flex-start;
  box-sizing: border-box;
  width: 240px;
  min-height: 251px;

  gap: 12px;

  padding: 43px 10px 6px;
  text-align: center;

  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 240 250.997' preserveAspectRatio='none'%3E%3Cpath d='M91.9501 249.102L71.0578 248.272L54.2334 247.917C45.9792 247.759 37.9619 247.798 29.7471 247.917C26.5086 247.956 25.9557 244.086 25.5213 241.44C23.6256 230.065 22.3223 218.77 21.5719 207.238C20.2686 188.083 19.3602 169.126 18.8863 149.932C18.7678 145.667 18.8863 141.796 18.3729 137.689C18.0174 134.845 16.5561 132.713 14.2655 131.054C12.7252 129.948 11.5799 128.329 10.4346 126.789C6.52467 121.457 3.91807 115.493 2.3778 109.095C1.35096 104.83 0.442595 100.762 0.166138 96.3388C-0.268296 89.9013 0.166138 83.6217 1.27197 77.2632C2.29881 71.4576 4.03655 66.0864 6.68264 60.7942C10.632 52.8559 15.3713 45.4705 21.2164 38.7961C29.9051 28.8831 35.9872 24.4203 47.006 17.4298C64.4623 6.3715 84.4463 1.07931 105.102 0.249932C115.962 -0.184502 126.468 -0.145008 137.289 1.1188C149.216 2.54058 160.749 4.94972 172.202 8.3067C179.587 10.4394 186.499 13.0855 193.371 16.403C208.023 23.5119 220.424 34.4517 229.113 48.2351C238.71 63.5193 241.474 80.3042 239.302 98.0765C238.631 103.527 236.854 108.542 234.405 113.44C233.062 116.56 231.561 119.364 229.745 122.207L223.465 131.844L222.952 151.828L218.489 238.557L218.41 246.89C218.41 249.299 216.317 250.997 213.987 250.997H194.99L174.137 250.918L128.206 249.536L120.583 249.457L91.8712 249.062L91.9501 249.102ZM92.5821 241.993L126.468 242.467L177.573 243.888H211.34C211.222 239.899 211.419 236.384 211.617 232.435L215.803 151.314L216.238 132.041C216.277 130.304 216.751 128.961 217.699 127.539C220.543 123.234 223.426 119.048 225.953 114.467C227.099 112.373 227.928 110.32 228.955 108.187C232.351 100.999 232.865 93.5742 232.825 85.5964C232.746 73.6298 229.389 62.0185 222.952 51.9476C214.737 39.033 203.007 28.8436 189.145 22.4061C183.181 19.6415 177.297 17.3903 170.938 15.4946C159.524 12.0981 148.071 9.68899 136.223 8.26721C125.875 7.0429 115.765 7.0429 105.378 7.43784C85.7496 8.22772 67.0294 13.2435 50.442 23.8278C40.134 30.4233 34.3679 34.6492 26.2322 44.0093C20.782 50.2888 16.3587 57.2792 12.7252 64.7831C10.79 68.772 9.40773 72.6819 8.57835 77.0262C7.35404 83.2663 6.72214 89.5063 7.27505 95.9439C8.06493 105.185 11.4219 118.811 18.4124 125.13C21.7693 128.171 24.5734 131.172 25.2843 135.912C25.9952 140.651 25.8767 144.837 25.9952 149.537C26.4296 168.968 27.3775 188.162 28.7203 207.593C29.4707 218.81 30.774 229.828 32.6302 240.847C40.45 240.768 47.6774 240.768 55.1812 240.926L73.23 241.282L92.6215 242.072L92.5821 241.993Z' fill='white'/%3E%3Cpath d='M92.5821 241.993L126.468 242.467L177.573 243.888H211.34C211.222 239.899 211.419 236.384 211.617 232.435L215.803 151.314L216.238 132.041C216.277 130.304 216.751 128.961 217.699 127.539C220.543 123.234 223.426 119.048 225.953 114.467C227.099 112.373 227.928 110.32 228.955 108.187C232.351 100.999 232.865 93.5742 232.825 85.5964C232.746 73.6298 229.389 62.0185 222.952 51.9476C214.737 39.033 203.007 28.8436 189.145 22.4061C183.181 19.6415 177.297 17.3903 170.938 15.4946C159.524 12.0981 148.071 9.68899 136.223 8.26721C125.875 7.0429 115.765 7.0429 105.378 7.43784C85.7496 8.22772 67.0294 13.2435 50.442 23.8278C40.134 30.4233 34.3679 34.6492 26.2322 44.0093C20.782 50.2888 16.3587 57.2792 12.7252 64.7831C10.79 68.772 9.40773 72.6819 8.57835 77.0262C7.35404 83.2663 6.72214 89.5063 7.27505 95.9439C8.06493 105.185 11.4219 118.811 18.4124 125.13C21.7693 128.171 24.5734 131.172 25.2843 135.912C25.9952 140.651 25.8767 144.837 25.9952 149.537C26.4296 168.968 27.3775 188.162 28.7203 207.593C29.4707 218.81 30.774 229.828 32.6302 240.847C40.45 240.768 47.6774 240.768 55.1812 240.926L73.23 241.282L92.6215 242.072L92.5821 241.993Z' fill='white'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

.cp-startflow__step .cp-heading {
  font-size: 24px;
}

.cp-startflow__step-note {
  font-size: 13px;
  line-height: 1.5;
}

.cp-startflow__step-desc {
  font-size: 16px;
  line-height: 1.5;
}

.cp-startflow__step-head {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  min-height: 94px;
}

.cp-startflow__step-head .cp-heading {
  white-space: nowrap;
}

.cp-startflow__step-desc--narrow {
  width: 165px;
}

.cp-lp .cp-startflow__step-desc--narrow {
  margin-top: -12px;
}

.cp-startflow__step-desc--wide {
  width: 205px;
}

.cp-startflow__step-desc--nowrap {
  white-space: nowrap;
}

.cp-startflow__arrow {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 44.25 24'%3E%3Cpath d='M2 12.3193L30 12.3193' fill='none' stroke='white' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M42.75 12.866C43.4167 12.4811 43.4167 11.5189 42.75 11.134L27.75 2.47372C27.0833 2.08882 26.25 2.56995 26.25 3.33975V20.6603C26.25 21.4301 27.0833 21.9112 27.75 21.5263L42.75 12.866Z' fill='white'/%3E%3C/svg%3E");
}

.cp-startflow__deco {
  position: absolute;
  bottom: 0;
  width: auto;
}

.cp-startflow__deco--l {
  left: calc(50% - 640px);
  height: 168px;
}

.cp-startflow__deco--r {
  right: calc(50% - 626.4px);
  height: 220px;
}

.cp-hyper-logos {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 39px;
  width: 480px;
  max-width: 100%;
  box-sizing: border-box;
  margin-inline: auto;
  padding: 15px 32px 20px;
  border-radius: 14.82px;
  background: #fff;
}

.cp-hyper-logos__bank {
  width: 189.2px;
  height: 81.09px;
  margin: -21.62px -10.82px -19.46px -11.89px;
}

.cp-hyper-logos__sec {
  width: 133.05px;
  height: 29.57px;
  object-fit: contain;
  align-self: flex-end;
  margin-bottom: 4.02px;
}

.cp-hyper-logos__x {
  font-size: 25px;
  line-height: 38.62px;
  padding-top: 9.38px;
  color: var(--cp-brown);
}

.cp-hyper-badge {
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  width: 293px;
  height: 63px;
  margin: 0 auto;
  border-radius: 10px;
  background: var(--cp-white);
}

.cp-hyper-badge img {
  width: 213px;
  height: auto;
}

.cp-hyper-features {
  display: flex;
  justify-content: center;
  gap: 20px;
  width: 100%;
}

.cp-hyper-features__item {
  display: flex;
  box-sizing: border-box;
  flex: 1 1 0;
  flex-direction: column;
  align-items: center;
  min-width: 0;
  min-height: 190px;

  padding: 37px 12px 24px;
  border-radius: 12px;
  background: var(--cp-white);
  text-align: center;
}

.cp-hyper-features__title {
  position: relative;
  display: inline-block;

  margin: 0 0 15px;
  font-family: var(--cp-font-round);
  font-weight: 700;

  font-size: 20px !important;
  line-height: 1.4;
}

.cp-hyper-features__text {
  font-size: 16px;
  line-height: 1.8;
}

.cp-lp .cp-hyper-features__text {
  margin: auto 0;
}

.cp-scheme {
  width: 421px;
  max-width: 100%;
  height: auto;
}

.cp-hyper-deco {
  position: absolute;
  bottom: 0;
  width: auto;
  height: 290px;
}

.cp-hyper-deco--l {
  left: calc(50% - 628px);
}

.cp-hyper-deco--r {
  right: calc(50% - 720px);
  height: 218px;
}

.cp-hyper-body {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
}

.cp-lp .cp-hyper-body__note {
  margin-top: -12px;
}

.cp-hyper-body > .cp-btn {
  margin-top: 28px;
}

.cp-hyper-scheme-card {
  margin-top: 28px;
  box-sizing: border-box;
  width: 520px;
  max-width: 100%;
  padding: 32px;
  border-radius: 12px;
  background: var(--cp-white);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
}

table.cp-outline {
  border-collapse: separate;
  border-spacing: 0;
  font-size: 14px;
}

table.cp-outline tbody tr th {
  box-sizing: border-box;
  width: 160px;
  padding: 10px 8px;
  border-right: none;
  border-bottom: 1px solid var(--cp-white);
  background: var(--cp-peach);
  font-size: 16px;
  line-height: 1.3;
  white-space: nowrap;
}

table.cp-outline tr:first-child th {
  border-radius: 12px 0 0 0;
}

table.cp-outline tr:last-child th {
  border-bottom: none;
  border-radius: 0 0 0 12px;
}

table.cp-outline tbody tr td {
  padding: 8px 12px;
  border-right: 1px solid var(--cp-peach);
  border-bottom: 1px solid var(--cp-peach);
  background: var(--cp-white);
  line-height: 1.5;
}

table.cp-outline tr:first-child td {
  border-top: 1px solid var(--cp-peach);
  border-radius: 0 12px 0 0;
}

table.cp-outline tr:last-child td {
  border-radius: 0 0 12px 0;
}

.cp-outline__block + .cp-outline__block {
  margin-top: 16px;
}

@media screen and (min-width: 768px) {
  .cp-main {
    min-width: 1112px;
  }
}

@media screen and (min-width: 769px) {
  .cp-main {
    --basePixel: 1px;
    --bp0: 1px;
    --bp1: 1px;
    --bp2: 1px;
    --bp3: 1px;
  }
}

@media screen and (min-width: 769px) and (max-width: 1599.9px) {
  .cp-main {
    --basePixel: calc(100vw / 1600);
  }

  .cp-band__deco {
    height: auto;
  }

  .cp-deco-08 { left: calc(58 * var(--bp0)); top: calc(63 * var(--bp0)); width: calc(138 * var(--bp0)); }
  .cp-deco-09 { left: calc(200 * var(--bp0)); top: calc(27 * var(--bp0)); width: calc(153 * var(--bp0)); }
  .cp-deco-10 { left: calc(366 * var(--bp0)); top: calc(53 * var(--bp0)); width: calc(56 * var(--bp0)); }
  .cp-deco-11 { right: calc(345 * var(--bp0)); top: calc(54 * var(--bp0)); width: calc(68 * var(--bp0)); }
  .cp-deco-12 { right: calc(200 * var(--bp0)); top: calc(5 * var(--bp0)); width: calc(131 * var(--bp0)); }
  .cp-deco-13 { right: calc(99 * var(--bp0)); top: calc(98 * var(--bp0)); width: calc(78 * var(--bp0)); }

  .cp-deco-16 { left: calc(200 * var(--bp1)); top: calc(30 * var(--bp1)); width: calc(170 * var(--bp1)); }
  .cp-deco-17 { right: calc(200 * var(--bp1)); top: calc(29 * var(--bp1)); width: calc(185 * var(--bp1)); }

  .cp-deco-20 { left: calc(38 * var(--bp2)); top: calc(22 * var(--bp2)); width: calc(332 * var(--bp2)); }
  .cp-deco-21 { right: calc(29 * var(--bp2)); top: calc(46 * var(--bp2)); width: calc(404 * var(--bp2)); }

  .cp-deco-27 { left: calc(66 * var(--bp3)); top: calc(22 * var(--bp3)); width: calc(417 * var(--bp3)); }
  .cp-deco-28 { right: calc(201 * var(--bp3)); top: calc(27 * var(--bp3)); width: calc(173 * var(--bp3)); }
  .cp-deco-29 { right: calc(110 * var(--bp3)); top: calc(30 * var(--bp3)); width: calc(72 * var(--bp3)); }
}

@media screen and (min-width: 769px) and (max-width: 1554.9px) { .cp-main { --bp3: calc(100vw / 1555); } }
@media screen and (min-width: 769px) and (max-width: 1506.9px) { .cp-main { --bp2: calc(100vw / 1507); } }
@media screen and (min-width: 769px) and (max-width: 1259.9px) { .cp-main { --bp0: calc(100vw / 1260); } }
@media screen and (min-width: 769px) and (max-width: 1219.9px) { .cp-main { --bp1: calc(100vw / 1220); } }

@media screen and (min-width: 769px) and (max-width: 1111.9px) {
  .cp-main {
    --basePixel: 0.695px;
    --bp0: 0.8825px;
    --bp1: 0.9115px;
    --bp2: 0.7379px;
    --bp3: 0.7151px;
  }
}

@media screen and (min-width: 769px) and (max-width: 1112px) {
  .cp-prize__badge {
    right: -16px;
  }
}

@media screen and (min-width: 769px) and (max-width: 1599.9px) {
  .cp-startflow__deco--l {
    left: calc(-16px - (100vw - 1112px) * 0.1721);
    height: calc(168 * var(--basePixel));
  }

  .cp-startflow__deco--r {
    right: calc(-16px - (100vw - 1112px) * 0.1443);
    height: calc(220 * var(--basePixel));
  }

  .cp-hyper-deco--l {
    left: calc(-16px - (100vw - 1112px) * 0.1475);
    height: calc(290 * var(--basePixel));
  }

  .cp-hyper-deco--r {
    right: calc(-16px - (100vw - 1112px) * 0.3361);
    height: calc(218 * var(--basePixel));
  }
}

@media screen and (min-width: 769px) and (max-width: 1111.9px) {
  .cp-startflow__deco--l,
  .cp-hyper-deco--l {
    left: -16px;
  }

  .cp-startflow__deco--r,
  .cp-hyper-deco--r {
    right: -16px;
  }
}

@media screen and (max-width: 767.9px) {
  .cp-inner {
    width: 100%;
    padding: 0 16px;
  }

  .cp-lp {
    font-size: 15px;
  }

  .cp-lp .cp-hero__visual {
    aspect-ratio: 375 / 572;
    max-width: 362px;
  }

  .cp-hero__period {
    flex-direction: column;
    align-items: center;
    gap: 8px;
    padding: 16px;
  }

  .cp-cta .emphasis-slash {
    align-items: flex-end;
    justify-content: center;
  }

  .cp-cta__label {
    line-height: 17px;
    text-align: center;
  }

  .cp-cta__label .cp-underline {
    display: block;
  }

  .cp-tag {
    font-size: 15px;
    padding: 4px 12px;
  }

  .cp-date__y {
    font-size: 20px;
  }

  .cp-date__d {
    font-size: 28px;
  }

  .cp-date__u,
  .cp-date__w {
    font-size: 15px;
  }

  .cp-lp .cp-date {
    display: block;
    height: 27px;
    margin-top: -4.4px;
    margin-bottom: 4.4px;
    line-height: 1.1;
    text-align: center;
  }

  .cp-section {
    padding: 20px 0;
  }

  .cp-section--yellow {
    padding: 40px 0 20px;
  }

  .cp-lead {
    font-size: 15px;
    line-height: 1.53;
  }

  .cp-summary {
    gap: 32px;

    padding: 32px 13px;
    border: 3px solid var(--cp-brown);
    border-radius: 12px;
    background: var(--cp-cream);
  }

  .cp-summary__body {
    display: block;
    text-align: center;

    line-height: 1.5;
  }

  .cp-summary__body > p:nth-child(-n+3) {
    display: inline;
  }

  .cp-summary__body > p:nth-child(-n+3) {
    line-height: 1.8;
  }

  .cp-summary__body > p:nth-child(3) .cp-summary__lg {
    line-height: 1.5;
    white-space: nowrap;
  }

  .cp-summary__body > p:nth-child(n+4) {
    margin-top: 2px;
  }

  .cp-summary__body > p:nth-child(5) {
    line-height: 1.8;
  }

  .cp-summary__md {
    font-size: 16px;
  }

  .cp-summary__body p {
    font-size: 15px;
    line-height: 1.5;
  }

  .cp-summary__num {
    font-size: 18px;
  }

  .cp-summary__lg {
    font-size: 16px;
  }

  .cp-cta-group {
    flex-direction: column;
    align-items: stretch;
    gap: 32px;
  }

  .cp-lp .cp-btn {
    width: 302px;
    max-width: 100%;
    min-height: 43px;
    height: 43px;
    font-size: 16px !important;
  }

  .cp-lp .cp-btn--wrap {
    height: auto;
    padding-block: 4px;
  }

  .cp-lp .cp-btn--red {
    width: 294px;
    max-width: 100%;
    min-height: 43px;
    height: 43px;
    font-size: 18px !important;
  }

  .cp-lp .cp-btn--blue {
    box-shadow: 3.6px 3.6px 0 var(--cp-white);
  }

  .cp-lp .cp-btn--blue:hover,
  .cp-lp .cp-btn--red:hover {
    transform: translate(-3.6px, -3.6px);
  }

  .cp-lp .cp-btn--blue:hover {
    box-shadow: 3.6px 3.6px 0 var(--cp-blue);
  }

  .cp-btn__sub {
    font-size: 11.7px;
  }

  .cp-textlink {
    font-size: 12px;
    line-height: 1.5;
  }

  .cp-cta__notes {
    width: 100%;
  }

  .cp-flower-line {
    width: 343px;
    max-width: 100%;
    height: 32.4px;
  }

  .cp-band {
    height: 160px;
  }

  .cp-band--sm {
    height: 92px;
  }

  .cp-band__wave {
    left: calc(50% - 281.5px);
    width: 563px;
    height: 98.2px;
    border-radius: 0;
    clip-path: ellipse(281.5px 160.5px at 50% 160.5px);
  }

  .cp-band--sm .cp-band__wave {
    height: 78.57px;
  }

  .cp-band__title {
    bottom: 3px;
    gap: 8px;
    font-size: 24px !important;

    height: auto;
  }

  .cp-band__title > span {
    align-self: flex-end;
    padding: 0 6px 3.5px;
    line-height: 32px;

    text-align: center;
  }

  .cp-band__icon--swirl {
    width: 43px;
    height: 44px;
  }

  .cp-band__icon--pretzel {
    width: 35px;
    height: 28px;
  }

  .cp-band__icon--koppe {
    width: 44px;
    height: 35px;
  }

  .cp-band__icon--kurumi {
    width: 40px;
    height: 31px;
  }

  .cp-band__deco,
  .cp-startflow__deco,
  .cp-hyper-deco {
    display: none;
  }

  .cp-flow {
    padding: 32px 12px;
  }

  .cp-step {
    gap: 24px;
  }

  .cp-step__body + .cp-step__body {
    margin-top: 8px;
  }

  .cp-step__text + .cp-accounts {
    margin-top: 12px;
  }

  .cp-step__body > .cp-cta-group:first-child {
    margin-top: 0;
  }

  .cp-cta__head .emphasis-slash {
    line-height: 19px;
  }

  .cp-notebox {
    width: 100%;
    padding: 16px 0;
    border: none;
    border-top: 1px solid var(--cp-yellow);
    border-bottom: 1px solid var(--cp-yellow);
    border-radius: 0;
  }

  .cp-notebox__title {
    font-size: 15px;
    line-height: 1.5;
  }

  .cp-notebox__text {
    font-size: 13px;
  }

  .cp-notebox .cp-textlink {
    font-size: 13px !important;
  }

  .cp-cta__head > .emphasis-slash:not(:last-child)::before,
  .cp-cta__head > .emphasis-slash:not(:last-child)::after {
    position: relative;
    top: 17.5px;
  }

  .cp-step__text {
    font-size: 15px;
    line-height: 1.53;
  }

  .cp-step__body .cp-note:not(.cp-note--red) {
    box-sizing: border-box;
    width: 100%;
    padding-left: 11px;
    text-indent: -11px;
    text-align: left;
  }

  .cp-step__body .cp-note:not(.cp-note--red) br {
    display: none;
  }

  .cp-step__head {
    flex-direction: column;
    gap: 12px;
  }

  .cp-step__badge {
    width: 46px;
    height: 48px;
    padding-bottom: 1px;
  }

  .cp-step__badge-label {
    font-size: 16px;
  }

  .cp-step__badge-num {
    font-size: 20px;
  }

  .cp-step__head .cp-heading {
    font-size: 18px !important;
  }

  .cp-br--pc {
    display: none;
  }

  .cp-br--sp {
    display: inline;
  }

  .cp-step__titles {
    display: block;
    text-align: center;
  }

  .cp-step__titles .cp-heading {
    display: inline;

    line-height: 35px;
  }

  .cp-step__titles .cp-num-lg,
  .cp-step__titles .cp-num-sm {
    font-size: 18px;
  }

  .cp-step__titles .cp-num-paren {
    font-size: 14px;
  }

  .cp-prize {
    flex-direction: column;
    gap: 34px;
  }

  .cp-prize__card {
    width: 100%;
  }

  .cp-prize__head {
    display: flex;
    align-items: flex-end;
    justify-content: center;
    gap: 7px;
    padding: 8px 16px;
  }

  .cp-prize__head-sub {
    font-size: 16px;
  }

  .cp-prize__head-main {
    font-size: 32px;
    white-space: nowrap;
  }

  .cp-prize__head-num {
    font-size: 36px;
  }

  .cp-prize__head-row {
    gap: 2px;
  }

  .cp-prize__card--all .cp-prize__body {
    gap: 8px;
    padding: 25px 12px 16px;
  }

  .cp-prize__card--lot .cp-prize__body {
    padding: 16px;
  }

  .cp-prize__card--all .cp-prize__img {
    width: auto;
    height: 118px;
  }

  .cp-prize__card--lot .cp-prize__img {
    width: auto;
    height: 91px;
  }

  .cp-prize__name {
    font-size: 18px !important;
  }

  .cp-prize__card--lot .cp-prize__name {
    font-size: 16px !important;
  }

  .cp-spark {
    width: 21px;
    height: 19px;
  }

  .cp-prize__name > .cp-spark {
    top: -10px;
    right: -16px;
  }

  .cp-prize__name-line .cp-spark {
    top: -4px;
    right: -18px;
  }

  .cp-prize__desc {
    font-size: 15px;
    line-height: 1.53;
  }

  .cp-prize__badge {
    right: -10px;
    bottom: -15px;
    width: 65px;
    height: 65px;
    font-size: 12px;
    letter-spacing: -0.24px;
  }

  .cp-prize__items {
    flex-wrap: wrap;
    gap: 16px 17px;
  }

  .cp-prize__item {
    width: auto;
    flex: 0 0 142px;
  }

  .cp-prize__item:first-child {
    flex-basis: 100%;
    display: grid;
    grid-template-columns: auto auto;
    justify-content: center;
    align-items: center;
    gap: 4px 24px;
  }

  .cp-prize__item:first-child .cp-prize__rank {
    grid-column: 1 / -1;
    justify-self: center;
  }

  .cp-prize__item + .cp-prize__item::before {
    display: none;
  }

  .cp-prize__rank {
    min-width: 0;
    width: 132px;
    max-width: 100%;
    height: 40px;
    padding: 0 10px;
    border-radius: 20px;
  }

  .cp-prize__rank-mark,
  .cp-prize__rank-num {
    font-size: 27px;
    line-height: 40px;
  }

  .cp-prize__rank-unit {
    font-size: 12px;
    line-height: 40px;
  }

  .cp-accounts__row {
    flex-direction: row;
    gap: 10px;
  }

  .cp-accounts__box {
    flex: 1 1 0;
    width: auto;
    min-height: 0;

    gap: 4px;
    padding: 8px 8px 12px;
    border-radius: 8px;
  }

  .cp-accounts__chain {
    margin-top: auto;
    padding-top: 8px;
  }

  .cp-accounts__merge-arrow {
    display: none;
  }

  .cp-accounts__merge {
    margin-top: 27px;
  }

  .cp-accounts__merge::before,
  .cp-accounts__merge::after {
    content: "";
    position: absolute;
    top: -22px;
    width: 24px;
    height: 14px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 44.25 24'%3E%3Cpath d='M2 12.3193L30 12.3193' fill='none' stroke='%2392503d' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M42.75 12.866C43.4167 12.4811 43.4167 11.5189 42.75 11.134L27.75 2.47372C27.0833 2.08882 26.25 2.56995 26.25 3.33975V20.6603C26.25 21.4301 27.0833 21.9112 27.75 21.5263L42.75 12.866Z' fill='%2392503d'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    transform: rotate(90deg);
  }

  .cp-accounts__merge::before {
    left: calc(50% - 94.3px);
  }

  .cp-accounts__merge::after {
    left: auto;
    right: calc(50% - 94.3px);
  }

  .cp-accounts__note {
    font-size: 13px;
    line-height: 1.5;
  }

  .cp-accounts__chain {
    width: auto;
  }

  .cp-accounts__label {
    width: 112px;
    max-width: 100%;
    min-height: 0;
    padding: 8px 12px;
    border-radius: 8px;
    font-size: 13px;
    line-height: 1.2;

    white-space: nowrap;
  }

  .cp-accounts__logo {
    width: 85px;
    height: 19px;

    margin: 10px 0;
  }

  .cp-accounts__logo--bank {
    width: 90px;
    height: 39px;
    margin: 0;
  }

  .cp-hyper-logos {
    width: fit-content;
    gap: 12px;
    padding: 5px 12px 10px;
    border-radius: 12px;
  }

  .cp-hyper-logos__bank {
    width: 153.25px;
    height: 65.68px;
    margin: -17.51px -8.76px -15.76px -9.63px;
  }

  .cp-hyper-logos__x {
    font-size: 20px;
    line-height: 31.28px;
    padding-top: 7.6px;
  }

  .cp-hyper-logos__sec {
    width: 107.76px;
    height: 23.95px;
    margin-bottom: 3.26px;
    margin-inline: 7.68px;
  }

  .cp-edu-card {
    padding: 24px 12px;
  }

  .cp-edu-card__title {
    font-size: 18px !important;
  }

  .cp-edu-card .cp-note--gray {
    font-size: 12px;
    line-height: 1.5;
  }

  .cp-card {
    padding: 24px 12px;
  }

  .cp-kids {
    flex-direction: column;
    gap: 64px;
  }

  .cp-kids__col {
    flex: 0 0 auto;
    width: 100%;
    gap: 16px;
  }

  .cp-kids__col .cp-heading {
    font-size: 18px !important;
  }

  .cp-note-inline--block {
    display: block;
  }

  .cp-note-inline--block + br {
    display: none;
  }

  .cp-kids__col > .cp-lead {
    min-height: 0;

    width: 100%;
  }

  .cp-kids-foot {
    flex-direction: column;
    gap: 8px;
  }

  .cp-kids-foot__box {
    display: block;

    flex: 0 0 auto;
    width: 100%;
    min-height: 0;
    padding: 12px;
    font-size: 15px;
    line-height: 1.53;
  }

  .cp-kids-foot__title {
    display: block;
    margin-bottom: 8px;
    font-family: var(--cp-font-round);
    font-weight: 700;
    font-size: 18px;
    line-height: 1.4;
  }

  .cp-kids-foot__arrow {
    width: 34px;
    height: 19px;
    margin: 8px 0;
    transform: rotate(90deg);
  }

  .cp-startflow {
    padding-top: 40px;
  }

  .cp-startflow__title {
    flex-direction: column;
    gap: 1px;

    line-height: 32px;
    font-size: 24px !important;
  }

  .cp-startflow__balloon {
    margin-right: 0;
    transform: none;
  }

  .cp-startflow__steps {
    flex-direction: column;
    align-items: center;
    gap: 4px;
  }

  .cp-startflow__step {
    width: 216px;
    min-height: 226px;
    padding: 61px 12px 0;
    gap: 12px;
  }

  .cp-startflow__step-head {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    gap: 8px 0;
    min-height: 0;
  }

  .cp-startflow__step:last-child .cp-startflow__step-head {
    flex-direction: column;
  }

  .cp-startflow__step-note {
    flex: 0 0 100%;
  }

  .cp-startflow__step-head .cp-heading {
    font-size: 18px !important;
  }

  .cp-startflow__step-desc {
    width: 160px;
    margin-inline: auto;
    font-size: 15px;
    line-height: 1.53;
  }

  .cp-lp .cp-startflow__step-desc--narrow {
    margin-top: 0;
  }

  .cp-startflow__step-desc--narrow,
  .cp-startflow__step-desc--wide {
    width: 160px;
  }

  .cp-startflow__step-desc--nowrap {
    white-space: normal;
  }

  .cp-startflow > .cp-note {
    box-sizing: border-box;
    width: 100%;
    padding-left: 11px;
    text-indent: -11px;
    text-align: left;
    font-size: 12px;
    line-height: 1.5;
  }

  .cp-startflow__arrow {
    width: 34px;
    height: 19px;
    margin: 8px 0;
    transform: rotate(90deg);
  }

  .cp-kids__col + .cp-kids__col::before {
    display: block;
    top: -32px;
    right: 0;
    bottom: auto;
    left: 0;
    width: auto;
    height: 3px;
    background-repeat: repeat-x;
    background-size: 8.5px 3px;
  }

  .cp-merit__head {
    padding: 12px 20px;
    font-size: 16px;
    line-height: 1.375;
  }

  ul.cp-merit__list {
    gap: 12px;
    padding: 24px 12px;
  }

  .cp-merit__icon {
    width: 25px;
    height: 24px;
  }

  .cp-merit__text {
    font-size: 15px;
    line-height: 1.53;
  }

  .cp-merit {
    box-sizing: border-box;
  }

  .cp-edu-message {
    padding: 12px;
  }

  .cp-edu-message__lead {
    font-size: 16px;
    letter-spacing: 1px;
  }

  .cp-edu-message__lead:first-child {
    font-size: 18px;
    letter-spacing: 0.9px;
  }

  .cp-edu-message__lead .cp-em-blue,
  .cp-edu-message__lead .cp-em-blue--lg {
    font-size: 20px;
  }

  .cp-edu-message__main {
    font-size: 20px;
  }

  .cp-edu-scroll {
    display: none;
  }

  .cp-edu-sp {
    display: table;
    table-layout: fixed;
    width: 100%;
    max-width: 319px;
    margin: 0 auto;
    border-collapse: collapse;
    text-align: center;
  }

  .cp-edu-sp tr > *:first-child {
    width: 35.74%;
  }

  .cp-edu-sp tr > *:nth-child(2) {
    width: 30.72%;
  }

  .cp-edu-sp__type {
    padding: 0 0 12px;
    vertical-align: bottom;
  }

  .cp-edu-sp__type--public {
    width: 98px;
  }

  .cp-edu-sp__type > span {
    display: inline-block;
    box-sizing: border-box;
    width: 50px;
    height: 52px;
    padding-top: 14px;
    clip-path: polygon(0 0, 100% 0, 100% 78%, 50% 100%, 0 78%);
    font-size: 15px;

    line-height: 1;
    font-weight: 700;
    letter-spacing: 1.5px;
  }

  .cp-edu-sp__type--public > span {
    background: var(--cp-yellow);
    color: var(--cp-text);
  }

  .cp-edu-sp__type--private > span {
    background: var(--cp-green);
    color: var(--cp-white);
  }

  .cp-edu-sp__row > * {
    height: 48px;
    padding: 0;
    vertical-align: middle;
    background: var(--cp-cream);
  }

  .cp-edu-sp__school {
    padding-left: 14px;
    font-size: 15px;
    font-weight: 700;
    text-align: left;
    white-space: nowrap;
  }

  .cp-edu-sp__school img {
    margin-left: 8px;
    vertical-align: middle;
  }

  .cp-edu-sp__cell {
    font-size: 16px;
    font-weight: 700;
    white-space: nowrap;
  }

  .cp-edu-sp__ops > * {
    padding: 3px 0;
    font-size: 14px;
  }

  .cp-edu-sp__total > * {
    position: relative;
    padding-top: 37px;
    font-size: 16px;
    font-weight: 700;
  }

  .cp-edu-sp__total > td::before {
    content: "";
    position: absolute;
    top: 12px;
    left: 50%;
    width: 24px;
    height: 14px;
    margin-left: -12px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 44.25 24'%3E%3Cpath d='M2 12.3193L30 12.3193' fill='none' stroke='%2392503d' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M42.75 12.866C43.4167 12.4811 43.4167 11.5189 42.75 11.134L27.75 2.47372C27.0833 2.08882 26.25 2.56995 26.25 3.33975V20.6603C26.25 21.4301 27.0833 21.9112 27.75 21.5263L42.75 12.866Z' fill='%2392503d'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    transform: rotate(90deg);
  }

  .cp-edu-sp__total td > span {
    display: inline-block;
    box-sizing: border-box;
    width: 100%;
    padding: 4px 8px;
    border-radius: 2px;
    background: var(--cp-yellow);
    font-size: 18px;
    line-height: 1.2;
    white-space: nowrap;
  }

  .cp-edu-sp__total .cp-edu__unit {
    font-size: 14px;
  }

  .cp-edu-sp__total td:last-child {
    text-align: right;
  }

  .cp-edu-sp__total td:last-child > span {
    width: 91.6%;
    background: var(--cp-green);
    color: var(--cp-white);
  }

  .cp-edu-sp__total-label {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
  }

  .cp-hyper-logos {
    margin-top: 12px;
  }

  .cp-hyper-badge {
    width: 237.17px;
    height: 50.54px;
    padding-top: 10.37px;
    border-radius: 7.78px;
    align-items: flex-start;

    margin-bottom: -12px;
  }

  .cp-hyper-badge img {
    width: 171.47px;
  }

  .cp-lead {
    line-height: 1.5;
  }

  .cp-hyper-features {
    flex-direction: column;
    gap: 20px;
    margin-bottom: 8px;
  }

  .cp-hyper-features__item {
    flex: 0 0 auto;
    min-height: 0;
    padding: 37px 10px 30px;
  }

  .cp-hyper-features__title {
    margin-bottom: 12px;
    font-size: 18px !important;
  }

  .cp-hyper-features__title .cp-spark {
    top: -13px;
    right: -20.7px;
    width: 30.07px;
    height: 27.32px;
  }

  .cp-hyper-features__text {
    font-size: 15px;
    line-height: 1.5;
  }

  .cp-lp .cp-hyper-features__text {
    margin: 0;
  }

  .cp-hyper-scheme-card {
    margin-top: 0;
    width: 343px;
    max-width: 100%;
    padding: 24px 13.66px;
    gap: 16px;
  }

  .cp-hyper-scheme-card .cp-heading {
    border-bottom-width: 3.75px;
    font-size: 18px !important;
  }

  .cp-scheme {
    width: 315.67px;
    max-width: 100%;
  }

  .cp-lp .cp-hyper-body__note {
    box-sizing: border-box;
    width: 100%;
    padding-left: 11px;
    text-indent: -11px;
    text-align: left;
    font-size: 12px;
    line-height: 1.5;
  }

  .cp-lp .cp-hyper-body > .cp-btn {
    width: 340px;
    max-width: 100%;
    height: 52px;
    margin-top: 8px;
    margin-bottom: 12px;
  }

  table.cp-outline,
  table.cp-outline tbody,
  table.cp-outline tr,
  table.cp-outline th,
  table.cp-outline td {
    display: block;
  }

  table.cp-outline {
    width: 100%;
  }

  table.cp-outline tr {
    border: none !important;
  }

  table.cp-outline tbody tr th {
    box-sizing: border-box;
    width: 100%;
    padding: 10px;
    white-space: normal;
    border: none !important;
    font-size: 15px;
    line-height: 1.5;
    text-align: center;
  }

  table.cp-outline tbody tr td {
    box-sizing: border-box;
    padding: 8px 11px;
    border-top: none !important;
    border-right: 1px solid var(--cp-peach) !important;
    border-bottom: none !important;
    border-left: 1px solid var(--cp-peach) !important;
    font-size: 14px;
    line-height: 1.5;
  }

  table.cp-outline tr:first-child th {
    border-radius: 12px 12px 0 0;
  }

  table.cp-outline tr:first-child td,
  table.cp-outline tr:last-child th {
    border-radius: 0;
  }

  table.cp-outline tr:last-child td {
    border-bottom: 1px solid var(--cp-peach) !important;
    border-radius: 0 0 12px 12px;
  }

  .cp-outline__block--note {
    font-size: 12px;
  }

  .cp-inner > .p-x-5 {
    padding: 4px 0 24px !important;
  }

  .cp-inner > .p-x-5 h5 {
    line-height: 1.5;
  }

  .cp-band__deco-sp {
    position: absolute;
    display: block;
  }

  .cp-deco-35 {
    top: 24px;
    left: 0;
    width: 162.89px;
    height: 74.19px;
  }

  .cp-deco-36 {
    top: 14px;
    right: 2.27px;
    width: 138.73px;
    height: 84.27px;
  }

  .cp-deco-37 {
    top: 30px;
    left: 50%;
    transform: translateX(-50%);
    width: 356.7px;
    height: auto;
  }

  .cp-deco-38 {
    top: 22.05px;
    left: 0;
    width: 124.5px;
    height: 63px;
  }

  .cp-deco-39 {
    top: 25.63px;
    right: 5px;
    width: 178px;
    height: 58px;
  }

  .cp-deco-40 {
    top: 27.33px;
    left: 2px;
    width: 161.52px;
    height: 59.94px;
  }

  .cp-deco-41 {
    top: 7.13px;
    right: 4.26px;
    width: 125.74px;
    height: 80px;
  }

  .cp-startflow__steps {
    position: relative;

    width: 100%;
  }

  .cp-startflow__deco-sp {
    position: absolute;
    display: block;

    left: 0;
    right: 0;
    margin-inline: auto;
    bottom: 0;
    width: 341.26px;
    max-width: 100%;
    height: auto;
  }
}

@media screen and (min-width: 376px) and (max-width: 767.9px) {
  .cp-band__wave {
    left: -25%;
    width: 150%;
    clip-path: ellipse(50% 160.5px at 50% 160.5px);
  }
}

@media screen and (max-width: 374.9px) {
  .cp-hero__period {
    padding: 16px 8px;
  }

  .cp-date__y {
    font-size: 5.33vw;
  }

  .cp-date__d {
    font-size: 7.47vw;
  }

  .cp-date__u,
  .cp-date__w {
    font-size: 4vw;
  }

  .cp-lp .cp-date {
    height: 7.2vw;
    margin-top: -1.17vw;
    margin-bottom: 1.17vw;
  }

  .cp-edu-sp__school {
    font-size: 4vw;
  }

  .cp-edu-sp__cell,
  .cp-edu-sp__total > * {
    font-size: 4.27vw;
  }

  .cp-edu-sp__total td > span {
    padding: 4px 2.13vw;
    font-size: 4.8vw;
  }

  .cp-edu-sp__total .cp-edu__unit {
    font-size: 3.73vw;
  }

  .cp-edu-sp__school {
    padding-left: 6px;
  }

  .cp-edu-sp__school img {
    margin-left: 4px;
  }

  .cp-hyper-logos {
    gap: 3.2vw;
    padding: 1.33vw 3.2vw 2.67vw;
    border-radius: 3.2vw;
  }

  .cp-hyper-logos__bank {
    width: 40.87vw;
    height: 17.51vw;
    margin: -4.67vw -2.34vw -4.2vw -2.57vw;
  }

  .cp-hyper-logos__x {
    font-size: 5.33vw;
    line-height: 8.34vw;
    padding-top: 2.03vw;
  }

  .cp-hyper-logos__sec {
    width: 28.74vw;
    height: 6.39vw;
    margin-bottom: 0.87vw;
    margin-inline: 2.05vw;
  }
}