@charset "utf-8";

:root {
  --color-base: #fff;
  --color-txt-base: #000;
  --color-dark-gray: #333;
  --color-red: #e60000;
  --width-content: min(100%, 600px);
}

body {
  overflow-x: hidden;
  margin: 0;
}

header,
footer {
  background-color: var(--color-base);
}

footer {
  position: relative;
  z-index: 1;
  padding-bottom: 5em;
}

#js-inc_popup_hd {
  position: relative;
  z-index: 2;
}

.a-ico_arw-r {
  margin-left: .6em;
}

/* layout
--------------------- */
.pjsekaicp2610_wrapper img {
  display: inline-block;
  max-width: 100%;
  height: auto;
  vertical-align: top;
}

.pjsekaicp2610_wrapper summary {
  display: block;
  list-style: none;
  cursor: pointer;
}

.pjsekaicp2610_wrapper summary::-webkit-details-marker {
  display: none;
}

.pjsekaicp2610_wrapper {
  display: flow-root;
  overflow-wrap: anywhere;
  overflow-x: hidden;
  color: var(--color-txt-base);
  word-break: normal;
  line-break: strict;
}

.pjsekaicp2610_main {
  display: flow-root;
  position: relative;
  z-index: 1;
  width: var(--width-content);
  margin-inline: auto;
  background-color: var(--color-base);
}

.pjsekaicp2610_headline {
  width: 100%;
  margin-inline: auto;
}

.pjsekaicp2610_red {
  color: var(--color-red);
}

.pjsekaicp2610_mg0 {
  margin-block: 0;
}

/* notes
--------------------- */
.pjsekaicp2610_notes {
  list-style: none;
  margin-inline: auto;
  font-size: 1.4rem;
  line-height: 1.5;
}

span.pjsekaicp2610_notes,
.pjsekaicp2610_notes li {
  display: flex;
  gap: .3em;
}

.pjsekaicp2610_notes li span:first-child {
  flex-shrink: 0;
  white-space: nowrap;
}

.pjsekaicp2610_notes_important {
  color: var(--color-red);
}

/* list
--------------------- */
.pjsekaicp2610_list_period div {
  display: grid;
  grid-template-columns: 7em 1fr;
}

.pjsekaicp2610_list_period dt {
  display: flex;
  justify-content: space-between;
}

.pjsekaicp2610_list_period time {
  display: inline-block;
}

.pjsekaicp2610_list_no li {
  display: flex;
  gap: .3em;
}

/* step
--------------------- */
.pjsekaicp2610_step {
  padding-inline: 1em;
  box-sizing: border-box;
  margin-bottom: 6.3%;
}

.pjsekaicp2610_step_ttl {
  display: grid;
  grid-template-columns: min(22.359%, 127px) 1fr;
  gap: .7em;
  align-items: center;
  margin-bottom: 1em;
  padding-right: .5em;
  font-size: clamp(1.125em, 0.268em + 4.29vw, 1.875em);
  line-height: 1.2666;
  word-break: keep-all;
  overflow-wrap: anywhere;
}

.pjsekaicp2610_step_ttl img {
  position: relative;
  top: -.2em;
}

.pjsekaicp2610_step_ttl img.pjsekaicp2610_step01 {
  top: -.8em;
}

.pjsekaicp2610_step_ttl_txt sup {
  font-size: .5em;
  vertical-align: middle;
}

.pjsekaicp2610_step_ttl_txt span {
  display: inline-block;
}

.pjsekaicp2610_step .pjsekaicp2610_notes {
  margin-inline: .5em;
}

.pjsekaicp2610_entry_txt a {
  color: var(--color-red);
}


/* btn
------------------------------ */
.pjsekaicp2610_btn {
  display: block;
  width: min(100%,382px);
  margin-inline: auto;
  border-radius: 5em;
  box-shadow: 0 .4em 0 #fc8cae;
  transition: .2s;
}

.pjsekaicp2610_nav .pjsekaicp2610_btn {
  width: min(100%,280px);
  box-shadow: 0 .35em 0 #aeaeae;
}
.pjsekaicp2610_nav .pjsekaicp2610_btn.pjsekaicp2610_btn_cp_02 {
  width: min(100%,268px);
}


.pjsekaicp2610_btn_kouza {
  margin: 2.2em auto 2.8em;
  box-shadow: 0 .4em 0 #783939;
}

.pjsekaicp2610_fixid .pjsekaicp2610_btn_kouza {
  margin: 0 auto;
}

.pjsekaicp2610_btn_entry {
  margin: 1.6em auto;
}

.pjsekaicp2610_btn img {
  display: block;
  vertical-align: top;
}

@media (any-hover: hover) {
  .pjsekaicp2610_btn {
    transition: transform .3s ease, box-shadow .3s ease;
  }

  .pjsekaicp2610_btn:hover {
    box-shadow: none;
    transform: translateY(.4em);
  }

  .pjsekaicp2610_nav_links_other a:hover {
    opacity: .7;
  }

  .pjsekaicp2610_cp_accordion_btn {
    transition: background-color .2s;
  }

  .pjsekaicp2610_cp_accordion_btn:hover {
    background-color: #ffaaaa;
  }

  .pjsekaicp2610_share_sns a {
    transition: .2s;
  }

  .pjsekaicp2610_share_sns a:hover {
    transform: scale(1.2);
  }

  #pjsekaicp2610_tab-age-15-plus,
  #pjsekaicp2610_tab-age-under-14 {
    transition: color .2s, background-color .2s;
  }

  #pjsekaicp2610_tab-age-15-plus:hover {
    color: var(--color-base);
    background-color: #28a95f;
  }

  #pjsekaicp2610_tab-age-under-14:hover {
    color: var(--color-base);
    background-color: #4a8bd6;
  }
}

/* main-visual
------------------------------ */
.pjsekaicp2610_kv {
  position: relative;
  display: flow-root;
  width: var(--width-content);
  margin-inline: auto;
}

.pjsekaicp2610_kv::before {
  content: "";
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 0;
  padding-top: 24.8333%;
  background-color: rgb(255 255 255 / .74);
}

.pjsekaicp2610_kv_logo {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
}

.pjsekaicp2610_kv_ttl {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  margin-top: 12.1666%;
}

.pjsekaicp2610_kv_icon {
  position: absolute;
  z-index: 1;
  bottom: 0;
  left: 0;
  width: 27.333%;
  margin: auto auto 10.9% 3.8%;
}

.pjsekaicp2610_kv_img {
  pointer-events: none;
}


/* period
------------------------------ */
.pjsekaicp2610_period {
  position: relative;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: .4em;
  padding: .5em;
  font-weight: bold;
  font-feature-settings: "palt";
  text-align: center;
  color: var(--color-base);
  background-color: #f35947;
  border-bottom: clamp(3px, 1vw, 6px) #98d9e6 solid;
}

.pjsekaicp2610_period::before {
  content: "";
  position: absolute;
  top: .8em;
  left: 50%;
  width: 0;
  height: calc(100% - 1.6em);
  border-right: 1px solid var(--color-base);
}

.pjsekaicp2610_period dt {
  font-size: clamp(0.875rem, 0.589rem + 1.43vw, 1.125em);
  margin-bottom: .3em;
}

.pjsekaicp2610_period div:first-child dt {
  letter-spacing: .1em;
}

.pjsekaicp2610_period dd {
  font-size: clamp(0.875rem, 0.018em + 3.5vw, 1.3em);
  line-height: 1.2;
}

.pjsekaicp2610_period span {
  display: inline-block;
}

.pjsekaicp2610_period dd time:first-child {
  display: block;
}

.pjsekaicp2610_period b {
  font-size: 1.2em;
}

/* book
------------------------------ */
.pjsekaicp2610_book {
  display: grid;
  grid-template-columns: min(28.163%, 150px) 1fr;
  grid-template-rows: max-content 1fr max-content max-content;
  padding: 4.5% 4.3% 3.2%;
  gap: 0 3.4%;
  width: 100%;
  box-sizing: border-box;
  background-image: repeating-linear-gradient(135deg, #dcf6f0, #dcf6f0 3px, transparent 0, transparent 15px);
}

.pjsekaicp2610_book_img {
  grid-column: 1 / 2;
  grid-row: 1 / 3;
  width: min(100%,150px);
  margin: 4% 0 0 2.5%;
}

.pjsekaicp2610_book_ttl {
  grid-column: 2 / 3;
  grid-row: 1 / 2;
  text-align: center;
}

.pjsekaicp2610_book_txt {
  grid-column: 2 / 3;
  grid-row: 2 / 3;
  padding: 1em .3em;
  box-sizing: border-box;
  line-height: 1.5;
}

.pjsekaicp2610_btn_book_wrap {
  grid-column: 1 / 3;
  grid-row: 3 / 4;
  display: grid;
  justify-content: center;
  width: min(100%, 398px);
  margin: 1.3em auto 0;
}

.pjsekaicp2610_book_notes {
  grid-column: 1 / 3;
  grid-row: 4 / 5;
  padding-block: .7em;
  text-align: center;
}
.pjsekaicp2610_book .pjsekaicp2610_notes {
  grid-column: 1 / 3;
  grid-row: 5 / 6;
}
@media screen and (max-width: 30em) {
  .pjsekaicp2610_book {
    display: grid;
    grid-template-columns: 1fr;
    gap: .5em;
  }

  .pjsekaicp2610_book_img {
    order: 2;
    grid-column: auto;
    grid-row: auto;
    margin: 0 auto;
  }

  .pjsekaicp2610_book_ttl {
    order: 1;
    grid-column: auto;
    grid-row: auto;
  }

  .pjsekaicp2610_book_txt {
    order: 3;
    grid-column: auto;
    grid-row: auto;
    padding: 0 0 1em;
  }

  .pjsekaicp2610_btn_book_wrap {
    order: 4;
    grid-column: auto;
    grid-row: auto;
    margin-top: 0;
  }

  .pjsekaicp2610_book_notes {
    order: 5;
    grid-column: auto;
    grid-row: auto;
  }
  .pjsekaicp2610_book .pjsekaicp2610_notes {
    order: 6;
    grid-column: auto;
    grid-row: auto;
  }
}

/* overview
------------------------------ */
.pjsekaicp2610_overview {
  display: flow-root;
  padding-block: 2.1% 9%;
  box-sizing: border-box;
  background-color: #ecf7ff;
}

.pjsekaicp2610_overview_item {
  display: flow-root;
  position: relative;
  width: min(calc(100% - 2em), 529px);
  margin: 3.5em auto 0;
  padding-inline: 2em;
  box-sizing: border-box;
  background: var(--color-base);
}

.pjsekaicp2610_overview_item::before,
.pjsekaicp2610_overview_item::after {
  content: "";
  position: absolute;
  top: 1%;
  left: min(-2.268%, -12px);
  width: 2.68em;
  height: 100%;
  background: url("/kouza/lp/pjsekaicp_202610/imgs/pjsekaicp2610_cp_pct_mot.gif") top center / contain repeat-y;
}

.pjsekaicp2610_overview_item02::before,
.pjsekaicp2610_overview_item02::after {
  top: -1%;
  height: 107%;
  background: url("/kouza/lp/pjsekaicp_202610/imgs/pjsekaicp2610_cp_pct_mot.gif") top center / contain repeat-y;
}

.pjsekaicp2610_overview_item::after {
  left: auto;
  right: min(-2.268%, -12px);
  transform: scale(-1, 1);
}

.pjsekaicp2610_overview_list_ttl {
  width: min(100%,240px);
  margin-inline: auto;
  text-align: center;
  transform: translateY(-38%);
}

.pjsekaicp2610_overview_list_txt {
  margin: -.6em auto 1em;
  font-size: 1.25em;
  font-weight: bold;
  text-align: center;
  line-height: 1.5;
  overflow-wrap: anywhere;
  word-break: normal;
  line-break: strict;
}

.pjsekaicp2610_overview_list_txt sup {
  font-size: .5em;
  vertical-align: middle;
}

.pjsekaicp2610_overview_list_txt strong {
  display: inline-block;
  color: var(--color-red);
}

.pjsekaicp2610_overview_list_txt p:not(.pjsekaicp2610_overview_list_notes) span {
  display: inline-block;
}

.pjsekaicp2610_overview_list_notes {
  width: fit-content;
  margin: .2em auto;
  font-size: .76em;
  font-weight: normal;
  word-break: keep-all;
  overflow-wrap: anywhere;
}

.pjsekaicp2610_overview_list_notes span:first-child {
  white-space: nowrap;
}

.pjsekaicp2610_overview_list_notes small {
  font-size: 1em;
}

.pjsekaicp2610_overview_txt01 {
  width: calc(100% - 2em);
  margin: 2em auto;
  line-height: 1.2;
  text-align: center;
}

.pjsekaicp2610_overview_txt01 span {
  display: inline-block;
}

.pjsekaicp2610_overview_txt02 {
  width: calc(100% - 2em);
  margin: .8em auto 2em;
  text-align: center;
  font-weight: bold;
  font-size: 1.1em;
}

.pjsekaicp2610_overview_txt02 span {
  display: inline-block;
}

.pjsekaicp2610_overview .pjsekaicp2610_notes {
  width: 92%;
}

/* bonus
------------------------------ */
.pjsekaicp2610_bonus .pjsekaicp2610_headline {
  margin-bottom: 2.5%;
}

.pjsekaicp2610_bonus_bg {
  display: flow-root;
  padding-bottom: 6%;
  background-image: repeating-linear-gradient(134deg, #feefe4, #feefe4 4px, #fefae8 4px, #fefae8 17px);
}

.pjsekaicp2610_bonus_list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: min(3.445vw, 20px);
  width: min(93.333%, 540px);
  margin-inline: auto;
  padding-block: 6.333% 1.6%;
}

.pjsekaicp2610_bonus_list li {
  width: calc((100% - min(3.445vw, 20px)) / 2);
}

.pjsekaicp2610_bonus_list img {
  width: 100%;
  height: auto;
  border-radius: 1.125em;
}

.pjsekaicp2610_bonus_list figcaption {
  text-align: center;
  font-weight: bold;
  font-size: 1.25em;
  line-height: 1.2;
  margin-top: .72em;
}

.pjsekaicp2610_bonus .pjsekaicp2610_notes {
  width: calc(100% - 3.5em);
  line-height: 1.7;
}

.pjsekaicp2610_special {
  display: flow-root;
  width: 92%;
  margin: 5.7% auto 3%;
}

.pjsekaicp2610_special_ttl {
  margin-bottom: 1.2em;
  text-align: center;
}
.pjsekaicp2610_special_plus {
  width: min(32%,176px);
  margin: 0 auto 1.2em;
}


.pjsekaicp2610_special_txt {
  margin-bottom: .8em;
}

.pjsekaicp2610_special .pjsekaicp2610_notes {
  width: 100%;
}

.pjsekaicp2610_btn_bonus {
  margin: 1.3em auto 3em;
}

.pjsekaicp2610_special_schedule {
  display: grid;
  gap: 1.4em;
  margin: 1em auto;
  padding: clamp(1em, 0.857em + 0.71vw, 1.125em);
  box-sizing: border-box;
  font-size: clamp(1em, 0.857em + 0.71vw, 1.125em);
  font-feature-settings: "palt";
  background-color: #eefcfe;
}

.pjsekaicp2610_special_label {
  display: inline-block;
  color: var(--color-base);
  padding: .4em 1.2em;
  margin-bottom: .3em;
  letter-spacing: .1em;
  border-radius: 2em;
  background-color: #36bed1;
  text-box: trim-both cap alphabetic;
}

.pjsekaicp2610_special_schedule dd {
  padding-left: .4em;
  line-height: 1.5;
}

.pjsekaicp2610_special_schedule span {
  display: inline-block;
}

.pjsekaicp2610_special_schedule02 div {
  display: grid;
  grid-template-columns: 6em 1fr;
  gap: .5em;
}

.pjsekaicp2610_special_schedule .pjsekaicp2610_notes {
  font-size: .7777em;
}

.pjsekaicp2610_special_time {}

.pjsekaicp2610_special_time li:first-child {
  margin-bottom: 1.5em;
}

.pjsekaicp2610_special_time strong {
  display: block;
  font-weight: normal;
}

.pjsekaicp2610_special_schedule small,
.pjsekaicp2610_special_time small {
  display: inline-block;
  font-size: .8em;
  vertical-align: baseline;
}

.pjsekaicp2610_special_time dl {
  display: grid;
  margin-block: .2em;
  padding: .3em .3em 0;
  box-sizing: border-box;
  font-feature-settings: "palt";
  line-height: 1.2;
  background-color: rgb(255 255 255 / .85);
}

.pjsekaicp2610_special_time dt {
  text-align: center;
}

.pjsekaicp2610_special_time div {
  padding-block: .3em;
  align-items: center;
}

.pjsekaicp2610_special_time div:last-child {
  border-top: 1px solid #eee;
}

.pjsekaicp2610_special_schedule .pjsekaicp2610_notes {
  margin-top: .5em;
}


/* join
------------------------------ */
.pjsekaicp2610_nav {
  width: calc(100% - 2em);
  margin: 1.9em auto;
  text-align: center;
}

.pjsekaicp2610_nav_links {
  display: grid;
  gap: .15em;
}

.pjsekaicp2610_nav_links dt {
  font-size: 1.125em;
  font-weight: bold;
  color: var(--color-dark-gray);
}

.pjsekaicp2610_nav_links dd {
  display: flex;
  justify-content: space-between;
  gap: 1em .5em;
  margin: 0 auto 2.2em;
}



@media screen and (max-width: 48em) {
  .pjsekaicp2610_nav_links dd {
    display: grid;
  }
}

/* Tabs
------------------------------ */
.pjsekaicp2610_cp_tabs_tab:focus-visible {
  position: relative;
  z-index: 1;
  outline: 2px solid currentColor;
  outline-offset: -4px;
}

.pjsekaicp2610_cp_tabs_list {
  display: flex;
  align-items: flex-end;
  border-bottom: 2px solid #28a95f;
  padding: 1.5em .5em 0;
  background-color: #fcf2f2;
}

.pjsekaicp2610_cp_tabs_tab {
  flex: 1;
  margin-inline: .5em;
  padding: 1em .3em .8em;
  box-sizing: border-box;
  border: none;
  border-radius: 16px 16px 0 0;
  font-weight: 700;
  line-height: 1.4;
  cursor: pointer;
}

.pjsekaicp2610_cp_tabs_tab.is-active {
  padding: 1.5em .3em .8em;
}

.pjsekaicp2610_cp_tabs_tab:first-child {
  background: #c5ead5;
  color: #777;
}

.pjsekaicp2610_cp_tabs_tab:first-child.is-active {
  background: #28a95f;
  color: var(--color-base);
}

.pjsekaicp2610_cp_tabs_tab:nth-child(2) {
  background: #c9dcf4;
  color: #777;
}

.pjsekaicp2610_cp_tabs_tab:nth-child(2).is-active {
  background: #4a8bd6;
  color: var(--color-base);
}

.pjsekaicp2610_cp_tabs_list:has(.pjsekaicp2610_cp_tabs_tab:nth-child(2).is-active) {
  border-bottom-color: #4a8bd6;
}

.pjsekaicp2610_cp_tabs_tab span {
  display: inline-block;
}

.pjsekaicp2610_cp_tabs_panel[hidden] {
  display: none;
}

.pjsekaicp2610_cp_tabs_panel {
  padding-top: 7%;
}

.pjsekaicp2610_age__num {
  font-size: .8em;
}

.pjsekaicp2610_nav_links_other {
  list-style: none;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  place-items: center;
  place-content: center;
  gap: .3em;
  width: min(100%, 552px);
  margin: 0 auto 8%;
  word-break: keep-all;
  overflow-wrap: anywhere;
}

.pjsekaicp2610_nav_links_other li {
  display: grid;
  width: 100%;
  height: 100%;
}

.pjsekaicp2610_nav_links_other li a {
  position: relative;
  display: grid;
  grid-template-rows: 1fr 1em;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: .8em .8em .3em;
  box-sizing: border-box;
  font-size: 1.125em;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  line-height: 1.2;
  color: var(--color-dark-gray);
  background-color: #ffaaaa;
  border-radius: 5px;
}

.pjsekaicp2610_nav_links_other li a::after {
  content: "";
  display: inline-block;
  width: .5em;
  height: .5em;
  margin: auto;
  box-sizing: border-box;
  vertical-align: middle;
  color: currentColor;
  line-height: 1;
  border: 1px solid currentColor;
  border-left: 0;
  border-bottom: 0;
  transform: rotate(135deg);
}
@media screen and (max-width: 30em) {
  .pjsekaicp2610_nav_links_other {
    grid-template-columns: 1fr;
  }
}

/* accordion
-------------------- */
.pjsekaicp2610_cp_accordion {
  margin-bottom: 3em;
}

.pjsekaicp2610_cp_accordion_btn {
  display: grid;
  background-color: #ffdcd8;
  text-align: center;
  position: relative;
  cursor: pointer;
  padding: 1.1em 2.5em;
  box-sizing: border-box;
  font-size: clamp(1.125em, 0.411em + 3.57vw, 1.75em);
  font-weight: bold;
  text-box: trim-both cap alphabetic;
}

.pjsekaicp2610_cp_accordion_btn:has(.pjsekaicp2610_cp_num) {
  padding-block: .5em;
}

.pjsekaicp2610_cp_accordion_btn::before {
  content: "";
  position: absolute;
  right: min(3.1666vw, 19px);
  top: 50%;
  width: min(8vw, 48px);
  height: min(8vw, 48px);
  border-radius: 50%;
  background: var(--color-base);
  transform: translateY(-50%);
}

.pjsekaicp2610_cp_accordion_btn::after {
  content: "";
  position: absolute;
  right: min(5vw, 30px);
  top: 50%;
  width: min(4.166vw, 25px);
  height: min(4.166vw, 25px);
  background:
    linear-gradient(#555, #555) center / 25px 2px no-repeat,
    linear-gradient(#555, #555) center / 2px 25px no-repeat;
  transform: translateY(-50%);
  transition: .2s;
}

[open] .pjsekaicp2610_cp_accordion_btn::after {
  background:
    linear-gradient(#555, #555) center / 25px 2px no-repeat;
  transform: translateY(-50%) rotate(180deg);
}

.pjsekaicp2610_cp_num {
  display: inline-block;
  margin-bottom: .5em;
  padding: .5em 1.25em;
  border-radius: 20px;
  font-size: .571em;
  text-box: trim-both cap alphabetic;
  background-color: #fff5f4;
}

.pjsekaicp2610_accordion_ttl {
  line-height: 1.2;
}

.pjsekaicp2610_accordion_ttl span {
  display: inline-block;

}
@media screen and (max-width: 48em) {
  .pjsekaicp2610_cp_accordion_btn:has(.pjsekaicp2610_cp_num) {
    padding-block: .8em;
  }

}

/* rule
-------------------- */
.pjsekaicp2610_rule {
  width: 92%;
  margin: 12.6% auto;
}

.pjsekaicp2610_rule_ttl {
  background-color: #ffd1a4;
  font-size: clamp(1.125em, 0.268em + 4.29vw, 1.875em);
  text-align: center;
  padding-block: .55em;
  margin-bottom: 1em;
  text-box: trim-both cap alphabetic;
}

.pjsekaicp2610_rule_block {
  margin-bottom: 1.5em;
}

.pjsekaicp2610_rule_block_ttl {
  display: grid;
  grid-template-columns: 1em 1fr;
  gap: .1em;
  font-weight: bold;
}

.pjsekaicp2610_rule_block_ttl::before {
  content: "";
  display: block;
  width: .8em;
  height: .8em;
  margin-top: .3em;
  background-color: currentColor;
}

.pjsekaicp2610_cp_tabs_panel .pjsekaicp2610_rule_blcok .pjsekaicp2610_notes {
  margin-block: 0;
}

.pjsekaicp2610_rule_ttl_2nd {
  font-size: clamp(1.125em, 0.982em + 0.71vw, 1.25em);
}

.pjsekaicp2610_rule_list {
  padding-left: .2em;
}

.pjsekaicp2610_rule_list>li {
  position: relative;
  padding-left: .7em;
}

.pjsekaicp2610_rule_list>li::before {
  content: "";
  position: absolute;
  top: .75em;
  left: 0;
  width: .28em;
  height: .28em;
  background: currentColor;
  border-radius: 50%;
  transform: translateY(-50%);
}

.pjsekaicp2610_rule sup {
  top: 0;
  font-size: .6em;
  line-height: normal;
  vertical-align: middle;
}

.pjsekaicp2610_rule .pjsekaicp2610_notes {
  margin-block: .6em;
}

.pjsekaicp2610_rule .pjsekaicp2610_list_no .pjsekaicp2610_notes {
  margin-block: 0;
}

.pjsekaicp2610_bonus_details dd {
  margin-bottom: 1em;
}

.pjsekaicp2610_bonus_details dd .pjsekaicp2610_notes {
  margin: 0;
}

.pjsekaicp2610_cp_accordion_content_cp02 {
  padding: 1.875em 0 0;
}

.pjsekaicp2610_required_item,
.pjsekaicp2610_flow {
  width: min(100%, 520px);
  margin: 0 auto 8%;
  text-align: center;
}

.pjsekaicp2610_flow {
  margin-bottom: 15%;
}

.pjsekaicp2610_required_item dt,
.pjsekaicp2610_flow_ttl {
  margin-bottom: .2em;
  font-weight: bold;
  font-size: 1.25em;
  text-align: center;
  color: var(--color-dark-gray);
}

.pjsekaicp2610_slide {
  width: min(100%, 470px);
  margin: .5em auto 8.3%;
}

.pjsekaicp2610_slide .slick-list {
  margin: 0 1.2em;
}

.pjsekaicp2610_slide .slick-slide {
  padding: 0 .5em;
  box-sizing: border-box;
}

.pjsekaicp2610_slide .slick-dots {
  position: absolute;
  left: 50%;
  bottom: -1.75em;
  display: flex;
  gap: .5em;
  width: fit-content;
  margin: 0 auto;
  transform: translateX(-50%);
}

.pjsekaicp2610_slide .slick-dots button {
  text-indent: -9999px;
  overflow: hidden;
  white-space: nowrap;
  display: block;
  width: 10px;
  height: 10px;
  background-color: #ccc;
  border-radius: 50%;
}

.pjsekaicp2610_slide .slick-dots .slick-active button {
  background: var(--color-red);
}

.pjsekaicp2610_slide .slick-arrow {
  display: inline-block;
  width: 2.1em;
  height: 2.1em;
  margin: auto;
  box-sizing: border-box;
  vertical-align: middle;
  color: currentColor;
  line-height: 1;
  border: 1px solid #9d9d9d;
  border-left: 0;
  border-bottom: 0;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  transform: translateY(-50%) rotate(45deg);
}

.pjsekaicp2610_slide .slick-prev,
.pjsekaicp2610_slide .slick-next {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%) scale(-1, 1) rotate(45deg);
}

.pjsekaicp2610_slide .slick-next {
  left: auto;
  right: 0;
  transform: translateY(-50%) rotate(45deg);
}

.pjsekaicp2610_slide .slick-disabled {
  visibility: hidden;
}

.pjsekaicp2610_cp_tabs_panel .pjsekaicp2610_notes {
  margin-bottom: 1em;
  line-height: 1.65;
}

.pjsekaicp2610_btn_kouza+.a-ico_arw-r {
  margin-bottom: 1em;
}

.pjsekaicp2610_warning {
  display: grid;
  gap: .6em;
  margin: 1.5em min(0vw, .6em) 2.4em;
  padding: .5em min(5vw, 1.875em) 1.25em;
  font-weight: bold;
  border: 3px solid var(--color-red);
  border-radius: .625em;
}

.pjsekaicp2610_warning::before {
  content: "";
  width: 3.875em;
  height: 3.857em;
  margin: .5em auto 0;
  background: url("/kouza/lp/pjsekaicp_202610/imgs/pjsekaicp2610_icon_caution.png") center / contain no-repeat;
}

.pjsekaicp2610_warning_ttl {
  margin: 0 auto .1em;
  font-size: clamp(1.125em, 0.696em + 2.14vw, 1.5em);
  font-weight: bold;
  line-height: 1.3;
  text-align: center;
  color: var(--color-red);
}

.pjsekaicp2610_warning_ttl span {
  display: inline-block;
}

.pjsekaicp2610_warning_list {
  padding-left: 1em;

}

.pjsekaicp2610_warning_list li {
  list-style: disc;
}

.pjsekaicp2610_step2_txt {
  width: min(100%, 460px);
  margin: -1em auto 1.7em;
  max-inline-size: max-content;
}

/* panel
------------------------------ */
.pjsekaicp2610_panel_wrap {
  padding: 1.5em;
  box-sizing: border-box;
}

.pjsekaicp2610_panel_schedule {
  margin: .5em auto 1em;
  padding: 1em;
  box-sizing: border-box;
  border: 1px solid #ccc;
  border-radius: .5em;
}

.pjsekaicp2610_panel_schedule small {
  display: inline-block;
  font-size: .8em;
}

.pjsekaicp2610_panel_schedule_section {
  margin-bottom: 1em;
}

.pjsekaicp2610_panel_schedule_list li {
  margin-bottom: 1em;

}

.pjsekaicp2610_panel_wrap .pjsekaicp2610_time div {
  display: grid;
  grid-template-columns: 10em 1fr;
}

.pjsekaicp2610_panel_wrap .pjsekaicp2610_rule_list {
  margin-bottom: 1em;
}

@media screen and (max-width: 30em) {
.pjsekaicp2610_panel_wrap .pjsekaicp2610_time div {
  display: block;
}
.pjsekaicp2610_panel_wrap .pjsekaicp2610_time dt,
.pjsekaicp2610_panel_wrap .pjsekaicp2610_time dd {
  display: inline;
}
}



/* qa
------------------------------ */
.pjsekaicp2610_qa_list {
  width: 92%;
  margin: 0 auto;
}

.pjsekaicp2610_qa_list summary {
  position: relative;
  list-style: none;
  padding: 1.5em 3.5em 1em 1em;
}

.pjsekaicp2610_qa_list summary span,
.pjsekaicp2610_qa_list div p span {
  display: block;
  font-size: 1.875em;
  line-height: 1.2;
  color: var(--color-dark-gray);
}

.pjsekaicp2610_qa_list div p .a-ico_arw-r span {
  display: inline-block;
}

.pjsekaicp2610_qa_answer {
  padding: 1.5em 1em 2em 1em;
  background: radial-gradient(circle, #575757 2px, transparent 2px) left top / 12px 4px repeat-x;
}

.pjsekaicp2610_qa_list>li {
  border-bottom: #444 solid 1px;
}

.pjsekaicp2610_qa_list li:last-child {
  border-bottom: none;
}

.pjsekaicp2610_qa_answer .a-ico_arw-r {
  margin-left: 0;
}

.pjsekaicp2610_qa_list summary::after {
  content: "";
  position: absolute;
  right: 1.3em;
  bottom: 1.5em;
  width: 1em;
  height: 1em;
  background:
    linear-gradient(#555, #555) center / 16px 2px no-repeat,
    linear-gradient(#555, #555) center / 2px 16px no-repeat;
  transition: .2s;
}

.pjsekaicp2610_qa_list [open] summary::after {
  background:
    linear-gradient(#555, #555) center / 16px 2px no-repeat;
  transform: rotate(180deg);
}

.pjsekaicp2610_qa_links {
  margin-block: 1em;
}

/* share
------------------------------ */
.pjsekaicp2610_share {
  display: flow-root;
  background: url("/kouza/lp/pjsekaicp_202610/imgs/pjsekaicp2610_share_bg.jpg") top / cover no-repeat;
  width: 100%;
  margin-bottom: 5em;
}

.pjsekaicp2610_share_sns ul {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 4.375em;
  margin: 5% auto 8%;
  list-style: none;
}

.pjsekaicp2610_share_sns li {
  margin: 0;
  padding: 0;
}

.pjsekaicp2610_share_sns a,
.pjsekaicp2610_share_sns img {
  display: block;
}
.pjsekaicp2610_share_sns img {
  width: 60px;
  height: auto;
}

/* privacy
------------------------------ */
.pjsekaicp2610_privacy {
  color: var(--color-dark-gray);
  padding: 2.5em 1.7em 0;
}

.pjsekaicp2610_privacy h4 {
  font-size: 1.25em;
  margin-left: -.4em;
}

/* pjsekaicp2610_trademark
------------------------------ */
.pjsekaicp2610_trademark {
  width: 92%;
  margin: 16% auto;
  box-sizing: border-box;
}

/* contact
------------------------------ */
.pjsekaicp2610_contact {
  margin-bottom: 14%;
}

.pjsekaicp2610_contact h2 {
  margin-bottom: 2.125em;
}

.pjsekaicp2610_contact_body {
  padding-inline: 1em;
}

/* update */
.pjsekaicp2610_update {
  margin: 2.4em .8em 0 0;
  text-align: right;
}


.pjsekaicp2610_footer_img {
  position: relative;
  pointer-events: none;
}

/* modal
------------------------------ */
html.pjsekaicp2610_modal_open,
html.pjsekaicp2610_modal_open body {
  overflow: hidden;
}

.pjsekaicp2610_dialog {
  width: min(calc(100% - 1em), 600px);
  max-height: none;
  padding: 0;
  border: 0;
  overflow: visible;
}

.pjsekaicp2610_dialog::backdrop {
  background: rgb(0 0 0 / .7);
  cursor: pointer;
}

.pjsekaicp2610_dialog_inner {
  position: relative;
}

.pjsekaicp2610_dialog_scroll {
  max-height: calc(94dvh - 4em);
  overflow-y: auto;
  overscroll-behavior: contain;
}

#pjsekaicp2610_modal01 .pjsekaicp2610_dialog_scroll {
  padding: 1em;
  box-sizing: border-box;
}

.pjsekaicp2610_dialog_close {
  position: absolute;
  top: -2em;
  right: 0;
}

.pjsekaicp2610_dialog_close>span {
  position: relative;
  display: grid;
  padding-right: 1.5em;
  color: var(--color-base);
}

.pjsekaicp2610_dialog_close>span::after,
.pjsekaicp2610_dialog_close>span::before {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  width: 1em;
  height: 1px;
  background-color: var(--color-base);
  transform: rotate(45deg);
}

.pjsekaicp2610_dialog_close>span::before {
  transform: rotate(-45deg);
}

.pjsekaicp2610_modal_head img {
  border-radius: .6em;
}

.pjsekaicp2610_modal_kouza {
  position: relative;
  width: fit-content;
  margin: 1em auto;
  padding: .8em 2em;
  font-size: 1.2em;
  font-weight: bold;
  color: var(--color-base);
  background-color: var(--color-red);
  border-radius: .5em;
}

.pjsekaicp2610_modal_kouza::before {
  content: "";
  position: absolute;
  bottom: -.8em;
  left: 50%;
  background: var(--color-red);
  height: calc(tan(60deg) * 1em / 2);
  width: 1em;
  clip-path: polygon(0 0, 100% 0, 50% 100%);
  transform: translateX(-50%);
}

.pjsekaicp2610_qr {
  width: fit-content;
  margin: 2em auto;
}

.pjsekaicp2610_modal_notes {
  margin: 1em auto 3em;
  font-size: .875em;
}

.pjsekaicp2610_modal_notes small {
  display: flex;
  justify-content: center;
  font-size: 1em;
}

.pjsekaicp2610_notes_mark01,
.pjsekaicp2610_notes_mark02 {
  width: fit-content;
  margin: .5em auto;
  font-size: .875em;
}

.pjsekaicp2610_notes_mark01 li,
.pjsekaicp2610_notes_mark02 li {
  display: flex;
}

.pjsekaicp2610_notes_mark02 li.a-sp {
  display: none;
}


.pjsekaicp2610_modal_txt_center {
  display: flex;
  justify-content: center;
}

.pjsekaicp2610_modal_conditions {
  width: fit-content;
  margin: .5em auto 1em;
  padding: 1em 2em;
  box-sizing: border-box;
  background-color: var(--color-base);
  border: 1px solid #d4d4d4;
}

.pjsekaicp2610_modal_conditions li {
  list-style: disc;
  margin-left: 2em;
}

.pjsekaicp2610_dialog sup {
  font-size: .6em;
  vertical-align: baseline;
}

.pjsekaicp2610_modal_app {
  margin: 2em auto 0;
  padding: 1em;
  background-color: #f2f2f2;
}

.pjsekaicp2610_modal_app_txt {
  font-size: .9375em;
  text-align: center;
  line-height: 1.4;
}

.pjsekaicp2610_modal_app_txt span {
  display: inline-block;
}

.pjsekaicp2610_modal_app_dl {
  margin: 1em auto 0;
}

.pjsekaicp2610_modal_app_dl_ttl {
  text-align: center;
}

.pjsekaicp2610_modal_app_dl_ttl span {
  display: inline-block;
}

.pjsekaicp2610_modal_app_list {
  display: flex;
  justify-content: center;
  gap: .5em;
  margin: .3em auto 1em;
}

@media screen and (max-width: 48em) {
  .pjsekaicp2610_modal_head {
    padding: 1em;
    background-color: #fcebeb;
    border-radius: .8em;
  }

  .pjsekaicp2610_modal_app_ttl {
    margin-block: .6em;
    text-align: center;
    font-size: 1.4em;
    font-weight: bold;
    line-height: 1.2;
  }

  .pjsekaicp2610_modal_app_ttl span {
    display: inline-block;
  }

  .pjsekaicp2610_modal_conditions {
    width: 100%;
    padding: .5em;
  }

  .pjsekaicp2610_notes_mark02 li.a-sp {
    display: grid;
    grid-template-columns: 2em 1fr;
  }

  .pjsekaicp2610_notes_mark02 li.a-pc {
    display: none;
  }

  .pjsekaicp2610_dialog sup.a-sp {
    display: inline-block;
  }

  .pjsekaicp2610_modal_btn_next {
    display: grid;
    grid-template-columns: 1em 1fr 1em;
    place-items: center;
    place-content: center;
    width: min(100%,13em);
    margin: 1em auto;
    padding: .3em .5em;
    font-size: 1.4em;
    font-weight: bold;
    text-decoration: none;
    color: var(--color-base);
    background-color: var(--color-red);
    border-radius: 3em;
  }

  a.pjsekaicp2610_modal_btn_next:visited {
    color: var(--color-base);
  }

  .pjsekaicp2610_modal_btn_next::before {
    content: '';
  }

  .pjsekaicp2610_modal_btn_next::after {
    content: '';
    width: .5em;
    height: .5em;
    margin: auto;
    border-top: 2px solid var(--color-base);
    border-right: 2px solid var(--color-base);
    transform: rotate(45deg);
    box-sizing: border-box;
  }
  .pjsekaicp2610_modal_child {
    margin-block: 2em;
  }
  .pjsekaicp2610_modal_child_txt {
    line-height: 1.25;
    text-align: center;
  }
  .pjsekaicp2610_modal_child_txt span {
    display: inline-block;
  }
  .pjsekaicp2610_modal_child_txt small {
    font-size: .9em;
    color: var(--color-red);
  }
  .pjsekaicp2610_modal_child .pjsekaicp2610_modal_btn_next {
    margin-top: .3em;
  }
  .pjsekaicp2610_modal_app_txt {
    text-align: left;
  }

  .pjsekaicp2610_modal_app_txt span {
    display: inline;
  }
}

/* modal02 */
.pjsekaicp2610_modal02_head {
  padding: 1em;
  background-color: #f2f2f2;
}

.pjsekaicp2610_modal02_ttl {
  display: grid;
  grid-template-columns: 4em 1fr;
  place-items: center;
  gap: .5em;
  width: min(100%, 23em);
  margin: 0 auto;
  font-size: clamp(1.125rem, 0.411rem + 3.57vw, 1.75rem);
  line-height: 1.3;
}

.pjsekaicp2610_modal02_ttl span {
  display: inline-block;
}

.pjsekaicp2610_modal02_body {
  padding: 1em 1em 3em;
}

.pjsekaicp2610_modal02_qr {
  width: min(100%, 140px);
  margin: 1em auto 2em;
}
.pjsekaicp2610_modal02_qr img {
  display: block;
  width: 100%;
  height: auto;
}
.pjsekaicp2610_app_wrap {
  display: grid;
  grid-template-columns: 40% auto;
  align-items: center;
  gap: .5em;
  padding: 1em 2em .5em;
  box-sizing: border-box;
  background: #fceaea;
}

.pjsekaicp2610_app_block {
  order: 2;
  display: grid;
  justify-content: center;
}

.pjsekaicp2610_app_ttl {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: .3em;
  align-items: center;
  width: fit-content;
  margin: 0 auto .2em;
  font-size: 1.4em;
  line-height: 1.2;
  color: var(--color-red);
}

.pjsekaicp2610_app_ttl span:first-child {
  display: inline-block;
  margin-top: -.3em;
  padding: .3em .5em .2em;
  font-size: .6em;
  font-weight: normal;
  line-height: 1;
  color: var(--color-white);
  background-color: var(--color-red);
  border-radius: 3em;
}

.pjsekaicp2610_app_txt {
  font-size: .8em;
  font-weight: bold;
  line-height: 1.2;
  text-align: center;
}

.pjsekaicp2610_app_txt strong {
  font-size: 1.2em;
  color: var(--color-red);
}

.pjsekaicp2610_app_img {
  order: 1;
}

.pjsekaicp2610_app_img img {
  display: block;
  width: 100%;
  height: auto;
}

.pjsekaicp2610_qr {
  width: 160px;
  margin: .5em auto;
  padding: 10px;
  box-sizing: border-box;
  background: var(--color-white);
}

.pjsekaicp2610_qr canvas {
  display: block;
  width: 100%;
}

.pjsekaicp2610_modal_block .comp-richtext,
.pjsekaicp2610_modal_block .m-collist {
  font-size: .8em;
}

.pjsekaicp2610_app_link a {
  display: grid;
  grid-template-columns: 1em auto;
  align-items: center;
  margin: .2em auto;
  padding: .5em .5em .4em;
  box-sizing: border-box;
  font-size: 1.2em;
  text-decoration: none;
  color: var(--color-white);
  background-color: var(--color-red);
  border-radius: .2em;
}

.pjsekaicp2610_app_link a::before {
  content: "";
  display: inline-block;
  width: .4em;
  height: .4em;
  border-top: 2px solid var(--color-white);
  border-right: 2px solid var(--color-white);
  transform: translateY(-.05em) rotate(45deg);
}

.pjsekaicp2610_mg_top01 {
  margin-top: 3em;
}

.pjsekaicp2610_mg_top02 {
  margin-top: 1em;
}
.modal-content .a-ico_arw-r {
  margin-left: 0;
}



/* btn fixid */
.pjsekaicp2610_fixid {
  display: flow-root;
  position: fixed;
  z-index: 2;
  bottom: 0;
  width: 100%;
  background-color: rgb(77 77 77 /.9);
}

.pjsekaicp2610_fixid_body {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: min(2.5vw, 1em);
  justify-content: center;
  width: min(96%, 600px);
  margin: min(2vw, .6em) auto min(3vw, 1.2em);
}

.pjsekaicp2610_fixid_body .pjsekaicp2610_btn {
  width: 100%;
}

.pjsekaicp2610_fixid_body .pjsekaicp2610_btn img {
  width: 100%;
}


/* bg
-------------------- */
.pjsekaicp2610_bg {
  position: fixed;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(
    to bottom,
    #ffec96 50%,
    #ffccda 90%
  );
}

.pjsekaicp2610_bg img {
  display: block;
  width: 100%;
  height: auto;
}

.pjsekaicp2610_bg_star01 {
  position: absolute;
  top: 79px;
  left: calc(50% - 503px);
  display: inline-block;
  width: 100px;
  height: 100px;
}

.pjsekaicp2610_bg_star02 {
  position: absolute;
  top: 550px;
  left: calc(50% - 432px);
  display: inline-block;
  width: 40px;
  height: 40px;
}

.pjsekaicp2610_bg_star03 {
  position: absolute;
  top: 732px;
  left: calc(50% - 482px);
  display: inline-block;
  width: 30px;
  height: 30px;
}

.pjsekaicp2610_bg_star04 {
  position: absolute;
  top: 317px;
  left: calc(50% - 415px);
  display: inline-block;
  width: 76px;
  aspect-ratio: 1;
  background: var(--color-base);
  clip-path: polygon(50% 0%, 65% 30%, 98% 35%, 75% 55%, 79% 90%, 50% 75%, 21% 90%, 25% 60%, 2% 35%, 35% 30%);
}

.pjsekaicp2610_bg_star05 {
  position: absolute;
  top: 498px;
  left: calc(50% - 490px);
  display: inline-block;
  width: 45px;
  aspect-ratio: 1;
  background: var(--color-base);
  clip-path: polygon(50% 0%, 65% 30%, 98% 35%, 75% 55%, 79% 90%, 50% 75%, 21% 90%, 25% 60%, 2% 35%, 35% 30%);
}

.pjsekaicp2610_bg_star06 {
  position: absolute;
  top: 798px;
  left: calc(50% - 433px);
  display: inline-block;
  width: 100px;
  aspect-ratio: 1;
  background: var(--color-base);
  clip-path: polygon(50% 0%, 65% 30%, 98% 35%, 75% 55%, 79% 90%, 50% 75%, 21% 90%, 25% 60%, 2% 35%, 35% 30%);
}

.pjsekaicp2610_bg_star07 {
  position: absolute;
  top: 95px;
  right: calc(50% - 510px);
  display: inline-block;
  width: 96px;
  height: 96px;
}

.pjsekaicp2610_bg_star08 {
  position: absolute;
  top: 565px;
  right: calc(50% - 437px);
  display: inline-block;
  width: 40px;
  height: 40px;
}

.pjsekaicp2610_bg_star09 {
  position: absolute;
  top: 747px;
  right: calc(50% - 487px);
  display: inline-block;
  width: 30px;
  height: 30px;
}

.pjsekaicp2610_bg_star10 {
  position: absolute;
  top: 330px;
  right: calc(50% - 422px);
  display: inline-block;
  width: 76px;
  aspect-ratio: 1;
  background: var(--color-base);
  clip-path: polygon(50% 0%, 65% 30%, 98% 35%, 75% 55%, 79% 90%, 50% 75%, 21% 90%, 25% 60%, 2% 35%, 35% 30%);
}

.pjsekaicp2610_bg_star11 {
  position: absolute;
  top: 516px;
  right: calc(50% - 494px);
  display: inline-block;
  width: 45px;
  aspect-ratio: 1;
  background: var(--color-base);
  clip-path: polygon(50% 0%, 65% 30%, 98% 35%, 75% 55%, 79% 90%, 50% 75%, 21% 90%, 25% 60%, 2% 35%, 35% 30%);
}

.pjsekaicp2610_bg_star12 {
  position: absolute;
  top: 814px;
  right: calc(50% - 433px);
  display: inline-block;
  width: 100px;
  aspect-ratio: 1;
  background: var(--color-base);
  clip-path: polygon(50% 0%, 65% 30%, 98% 35%, 75% 55%, 79% 90%, 50% 75%, 21% 90%, 25% 60%, 2% 35%, 35% 30%);
}

.pjsekaicp2610_bg_triangle01 {
  position: absolute;
  top: 104px;
  left: calc(50% - 420px);
  display: inline-block;
  width: 100px;
  aspect-ratio: 1;
  background: var(--color-base) linear-gradient(135deg, #83d474 0%, #87daa8 100%);
  clip-path: polygon(100% 45%, 50% 100%, 20% 0%);
}

.pjsekaicp2610_bg_triangle02 {
  position: absolute;
  top: 228px;
  left: calc(50% - 473px);
  display: inline-block;
  width: 74px;
  aspect-ratio: 1;
  background: var(--color-base) linear-gradient(135deg, #ffb260 0%, #ff8b7b 100%);
  clip-path: polygon(90% 80%, 0% 70%, 40% 0%);
}

.pjsekaicp2610_bg_triangle03 {
  position: absolute;
  top: 421px;
  left: calc(50% - 433px);
  display: inline-block;
  width: 112px;
  aspect-ratio: 1;
  background: var(--color-base) linear-gradient(135deg, #e971a0 0%, #fc5a7a 100%);
  clip-path: polygon(70% 75%, 0% 35%, 100% 0%);
}

.pjsekaicp2610_bg_triangle04 {
  position: absolute;
  top: 637px;
  left: calc(50% - 441px);
  display: inline-block;
  width: 93px;
  aspect-ratio: 1;
  background: var(--color-base) linear-gradient(135deg, #a299ff 0%, #9383ff 100%);
  clip-path: polygon(15% 100%, 0% 0%, 100% 50%);
}

.pjsekaicp2610_bg_triangle05 {
  position: absolute;
  top: 118px;
  right: calc(50% - 406px);
  display: inline-block;
  width: 92px;
  aspect-ratio: 1;
  background: var(--color-base) linear-gradient(135deg, #83d474 0%, #87daa8 100%);
  clip-path: polygon(65% 100%, 10% 50%, 100% 0%);
}

.pjsekaicp2610_bg_triangle06 {
  position: absolute;
  top: 244px;
  right: calc(50% - 480px);
  display: inline-block;
  width: 67px;
  aspect-ratio: 1;
  background: var(--color-base) linear-gradient(135deg, #ffb260 0%, #ff8b7b 100%);
  clip-path: polygon(100% 80%, 0% 85%, 55% 0%);
}

.pjsekaicp2610_bg_triangle07 {
  position: absolute;
  top: 435px;
  right: calc(50% - 437px);
  display: inline-block;
  width: 114px;
  aspect-ratio: 1;
  background: var(--color-base) linear-gradient(135deg, #e971a0 0%, #fc5a7a 100%);
  clip-path: polygon(30% 75%, 0% 0%, 100% 35%);
}

.pjsekaicp2610_bg_triangle08 {
  position: absolute;
  top: 651px;
  right: calc(50% - 450px);
  display: inline-block;
  width: 100px;
  aspect-ratio: 1;
  background: var(--color-base) linear-gradient(135deg, #a299ff 0%, #9383ff 100%);
  clip-path: polygon(80% 100%, 0% 45%, 95% 0%);
}


@media screen and (max-width: 48em) {
  .t-pagetop {
    bottom: calc(10px + min(15vw, 5.5em));
  }
}



/* animation
-------------------- */
.pjsekaicp2610_animation_ready .pjsekaicp2610_scroll_animation {
  opacity: 0;
  transition:
    opacity .6s ease,
    translate .6s ease;
}

.pjsekaicp2610_animation_ready .pjsekaicp2610_scroll_animation.pjsekaicp2610_is_show {
  animation: show .5s ease-in 1 forwards;
}

@keyframes show {
  0% {
    opacity: 0;
    translate: 0 30px;
  }

  100% {
    opacity: 1;
    translate: 0 0;
  }
}

.pjsekaicp2610_kv {
  opacity: 0;
}


.pjsekaicp2610_kv_logo {
  opacity: 0;
  animation: mvLogo .5s ease-in 1 forwards;
}

.pjsekaicp2610_kv_ttl {
  opacity: 0;
  animation: zoomIn .5s ease-in .3s 1 forwards;
}

.pjsekaicp2610_kv_icon {
  opacity: 0;
  animation: fade .2s ease-in 1.2s 1 forwards;
}

.pjsekaicp2610_kv_img {
  opacity: 0;
  animation: fade .4s ease-in .8s 1 forwards;
}

.pjsekaicp2610_special_plus img {
  display: block;
  margin: 0 auto;
  animation: shake 0.35s ease-in-out infinite;
  will-change: transform;
}

.pjsekaicp2610_bg_star01 {
  animation: rotation01 7s linear infinite;
}

.pjsekaicp2610_bg_star02 {
  animation: rotation01 8s linear infinite;
}

.pjsekaicp2610_bg_star03 {
  animation: zoom01 8s linear infinite;
}

.pjsekaicp2610_bg_star04 {
  animation: rotation02 4s linear infinite;
}

.pjsekaicp2610_bg_star05 {
  animation: rotation02 6s linear infinite;
}

.pjsekaicp2610_bg_star06 {
  animation: rotation02 4s linear infinite;
}

.pjsekaicp2610_bg_star07 {
  animation: rotation02 6s linear infinite;
}

.pjsekaicp2610_bg_star08 {
  animation: rotation01 4s linear infinite;
}

.pjsekaicp2610_bg_star09 {
  animation: rotation02 4s linear infinite;
}

.pjsekaicp2610_bg_star10 {
  animation: rotation01 8s linear infinite;
}

.pjsekaicp2610_bg_star11 {
  animation: rotation02 4s linear infinite;
}

.pjsekaicp2610_bg_star12 {
  animation: rotation02 4s linear infinite;
}

.pjsekaicp2610_bg_triangle01 {
  /* animation: floating01 7s ease-in-out infinite alternate-reverse; */
  animation: floating01 16s ease-in-out infinite alternate-reverse;
}

.pjsekaicp2610_bg_triangle02 {
  /* animation: floating02 20s ease-in-out infinite; */
  animation: floating02 30s ease-in-out infinite;
  will-change: transform;
}

.pjsekaicp2610_bg_triangle03 {
  /* animation: floating03 26s ease-in-out infinite; */
  animation: floating03 36s ease-in-out infinite;
  will-change: transform;
}

.pjsekaicp2610_bg_triangle04 {
  /* animation: zoom01 5.5s linear infinite; */
  animation: zoom01 15s linear infinite;
}

.pjsekaicp2610_bg_triangle05 {
  /* animation: zoom01 4s linear infinite; */
  animation: zoom01 10s linear infinite;
}

.pjsekaicp2610_bg_triangle06 {
  /* animation: floating05 28s ease-in-out infinite; */
  animation: floating05 38s ease-in-out infinite;
  will-change: transform;
}

.pjsekaicp2610_bg_triangle07 {
  /* animation: floating06 22s ease-in-out infinite; */
  animation: floating06 32s ease-in-out infinite;
  will-change: transform;
}

.pjsekaicp2610_bg_triangle08 {
  /* animation: floating04 21s ease-in-out infinite; */
  animation: floating04 31s ease-in-out infinite;
  will-change: transform;
}

@keyframes rotation01 {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

@keyframes rotation02 {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(-360deg);
  }
}

@keyframes zoom01 {
  0% {
    transform: scale(1);
  }

  50% {
    transform: scale(2);
  }

  100% {
    transform: scale(1);
  }
}

@keyframes mvLogo {
  from {
    opacity: 0;
    transform: translateY(40%);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes fade {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes zoomIn {
  from {
    opacity: 0;
    transform: scale(1.5);
  }

  to {
    opacity: 1;
    transform: scale(1);
  }
}

@keyframes floating01 {
  0% {
    transform: translate(0, 0);
  }

  25% {
    transform: translate(20%, 10%);
  }

  50% {
    transform: translate(10%, 5%);
  }

  75% {
    transform: translate(-10%, -20%);
  }

  100% {
    transform: translate(0, 0);
  }
}

@keyframes floating02 {
  0% {
    transform: translate3d(0, 0, 0) rotate(0deg);
  }

  25% {
    transform: translate3d(40px, -30px, 0) rotate(3deg);
  }

  50% {
    transform: translate3d(10px, -70px, 0) rotate(-2deg);
  }

  75% {
    transform: translate3d(-35px, -25px, 0) rotate(2deg);
  }

  100% {
    transform: translate3d(0, 0, 0) rotate(0deg);
  }
}

@keyframes floating03 {
  0% {
    transform: translate3d(0, 0, 0);
  }

  30% {
    transform: translate3d(90px, -20px, 0);
  }

  60% {
    transform: translate3d(40px, 35px, 0);
  }

  80% {
    transform: translate3d(-60px, 10px, 0);
  }

  100% {
    transform: translate3d(0, 0, 0);
  }
}

@keyframes floating04 {
  0% {
    transform:
      translate3d(0, 0, 0) scale(1);
  }

  25% {
    transform:
      translate3d(30px, -40px, 0) scale(1.08);
  }

  50% {
    transform:
      translate3d(60px, -10px, 0) scale(.96);
  }

  75% {
    transform:
      translate3d(20px, 35px, 0) scale(1.05);
  }

  100% {
    transform:
      translate3d(0, 0, 0) scale(1);
  }
}

@keyframes floating05 {
  0% {
    transform:
      translate3d(0, 0, 0) rotate(-8deg) scale(1);
  }

  25% {
    transform:
      translate3d(-40px, -30px, 0) rotate(4deg) scale(1.03);
  }

  50% {
    transform:
      translate3d(-15px, -70px, 0) rotate(12deg) scale(1.06);
  }

  75% {
    transform:
      translate3d(35px, -20px, 0) rotate(2deg) scale(.98);
  }

  100% {
    transform:
      translate3d(0, 0, 0) rotate(-8deg) scale(1);
  }
}

@keyframes floating06 {
  0% {
    transform:
      translate3d(0, 0, 0) rotate(0deg) scale(1);
  }

  20% {
    transform:
      translate3d(25px, -50px, 0) rotate(3deg) scale(1.1);
  }

  40% {
    transform:
      translate3d(70px, -20px, 0) rotate(-4deg) scale(1.03);
  }

  60% {
    transform:
      translate3d(20px, 40px, 0) rotate(5deg) scale(.94);
  }

  80% {
    transform:
      translate3d(-45px, 10px, 0) rotate(-2deg) scale(1.05);
  }

  100% {
    transform:
      translate3d(0, 0, 0) rotate(0deg) scale(1);
  }
}

@keyframes shake {
  0% {
    transform: translate(0, 0) rotate(0deg);
  }

  20% {
    transform: translate(-2px, 1px) rotate(-1deg);
  }

  40% {
    transform: translate(2px, -1px) rotate(1deg);
  }

  60% {
    transform: translate(-1px, -1px) rotate(-0.5deg);
  }

  80% {
    transform: translate(1px, 1px) rotate(0.5deg);
  }

  100% {
    transform: translate(0, 0) rotate(0deg);
  }
}

@media (prefers-reduced-motion: reduce) {

  .pjsekaicp2610_kv_logo,
  .pjsekaicp2610_kv_ttl,
  .pjsekaicp2610_kv_icon,
  .pjsekaicp2610_kv_img {
    opacity: 1;
    animation: none;
  }

  .pjsekaicp2610_special_plus {
    animation: none;
  }

  .pjsekaicp2610_overview_item::before,
  .pjsekaicp2610_overview_item::after,
  .pjsekaicp2610_overview_item02::before,
  .pjsekaicp2610_overview_item02::after {
    background: url("/kouza/lp/pjsekaicp_202610/imgs/pjsekaicp2610_cp_pct.png") top center / contain repeat-y;
  }

  .pjsekaicp2610_bonus .pjsekaicp2610_headline {
    background: url(/kouza/lp/pjsekaicp_202610/imgs/pjsekaicp2610_bonus_ttl.png) center /contain no-repeat;
  }
  .pjsekaicp2610_join .pjsekaicp2610_headline {
    background: url(/kouza/lp/pjsekaicp_202610/imgs/pjsekaicp2610_join_ttl.png) center /contain no-repeat;
  }
  .pjsekaicp2610_share .pjsekaicp2610_headline {
    background: url(/kouza/lp/pjsekaicp_202610/imgs/pjsekaicp2610_share_ttl.png) center /contain no-repeat;
  }
  .pjsekaicp2610_contact .pjsekaicp2610_headline {
    background: url(/kouza/lp/pjsekaicp_202610/imgs/pjsekaicp2610_cont_ttl.png) center /contain no-repeat;
  }
  .pjsekaicp2610_special01 .pjsekaicp2610_special_ttl {
    background: url(/kouza/lp/pjsekaicp_202610/imgs/pjsekaicp2610_overview_special_01_ttl.png) center /contain no-repeat;
  }
  .pjsekaicp2610_special02 .pjsekaicp2610_special_ttl {
    background: url(/kouza/lp/pjsekaicp_202610/imgs/pjsekaicp2610_overview_special_02_ttl.png) center /contain no-repeat;
  }
  .pjsekaicp2610_step_01_label {
    background: url(/kouza/lp/pjsekaicp_202610/imgs/pjsekaicp2610_campaign_step_01.png) center /contain no-repeat;
  }
  .pjsekaicp2610_step_02_label {
    background: url(/kouza/lp/pjsekaicp_202610/imgs/pjsekaicp2610_campaign_step_02.png) center /contain no-repeat;
  }


  .pjsekaicp2610_headline img,
  .pjsekaicp2610_special_ttl img,
  .pjsekaicp2610_step_ttl img {
    opacity: 0;
  }

  .pjsekaicp2610_animation_ready .pjsekaicp2610_scroll_animation {
    opacity: 1;
    translate: none;
    transition: none;
  }

  html:focus-within {
    scroll-behavior: auto;
  }

  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }

  .pjsekaicp2610_bg_star01,
  .pjsekaicp2610_bg_star02,
  .pjsekaicp2610_bg_star03,
  .pjsekaicp2610_bg_star04,
  .pjsekaicp2610_bg_star05,
  .pjsekaicp2610_bg_star06,
  .pjsekaicp2610_bg_star07,
  .pjsekaicp2610_bg_star08,
  .pjsekaicp2610_bg_star09,
  .pjsekaicp2610_bg_star10,
  .pjsekaicp2610_bg_star11,
  .pjsekaicp2610_bg_star12,
  .pjsekaicp2610_bg_triangle01,
  .pjsekaicp2610_bg_triangle02,
  .pjsekaicp2610_bg_triangle03,
  .pjsekaicp2610_bg_triangle04,
  .pjsekaicp2610_bg_triangle05,
  .pjsekaicp2610_bg_triangle06,
  .pjsekaicp2610_bg_triangle07,
  .pjsekaicp2610_bg_triangle08 {
    animation: none;
  }
}