@charset "UTF-8";@import url("https://fonts.googleapis.com/css2?family=Noto+Sans:wght@400;500;700;900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700;900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Zen+Maru+Gothic:wght@700;900&display=swap");



/*
Reset
*/
*,
*::before,
*::after {
  box-sizing: border-box;
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    -webkit-animation-delay: 0s !important;
            animation-delay: 0s !important;
    -webkit-animation-duration: 1ms !important;
            animation-duration: 1ms !important;
    -webkit-animation-iteration-count: 1 !important;
            animation-iteration-count: 1 !important;
    background-attachment: scroll !important;
    scroll-behavior: auto !important;
    transition-delay: 0s !important;
    transition-duration: 1ms !important;
  }
}
html {
  overflow-x: clip;
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
   -ms-text-size-adjust: 100%;
       text-size-adjust: 100%;
}

a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, dialog, div, dl, dt, em, embed, fieldset, figcaption, figure, font, footer, form, header, hgroup, hr, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, meter, nav, object, ol, output, p, pre, progress, q, rp, rt, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video, xmp {
  border: 0;
  margin: 0;
  padding: 0;
  vertical-align: baseline;
}

audio, embed, img, object {
  height: auto;
  max-width: 100%;
  vertical-align: middle;
  width: auto;
}

img, picture {
  display: block;
  max-width: 100%;
}

button {
  -webkit-appearance: none;
          appearance: none;
  background-color: transparent;
  border: none;
  border-radius: 0;
  padding: 0;
  text-transform: none;
}

button, input, select, textarea {
  -webkit-appearance: none;
          appearance: none;
  font-family: inherit;
  font-size: 100%;
  margin: 0;
}

button, [type=button], [type=reset], [type=submit], label[for], select,
summary, [role=tab], [role=button] {
  cursor: pointer;
}

h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: normal;
  margin: 0;
  padding: 0;
}

iframe {
  border: 0;
  display: block;
  height: auto;
}

ol, ul {
  list-style: none;
  list-style-type: "";
}

sub,
sup {
  font-size: 0.75em;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

summary {
  display: block;
}
summary::-webkit-details-marker {
  display: none;
}

svg {
  vertical-align: bottom;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td, th {
  padding: 0;
  text-align: left;
}

textarea {
  field-sizing: content;
}

a, area, button, input, label, select, summary, textarea, [tabindex] {
  touch-action: manipulation;
}

a {
  cursor: pointer;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

*:focus:not(:focus-visible),
*::before:focus:not(:focus-visible),
*::after:focus:not(:focus-visible) {
  outline: none;
}

button::-moz-focus-inner {
  border: 0;
}

* {
  -webkit-touch-callout: none;
}

input[type=text], select, textarea {
  font-size: 1rem;
}

input[type=text], input[type=tel], input[type=email], textarea {
  -webkit-appearance: none;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  appearance: none;
}

input[type=submit] {
  -webkit-appearance: none;
  appearance: none;
  border-radius: 0;
}

:where(button, [type=button], [type=reset], [type=submit]) {
  touch-action: manipulation;
}

.fb_iframe_widget > span {
  vertical-align: baseline !important;
}

#map-canvas img {
  max-width: none;
}

#map-canvas label {
  display: inline;
  width: auto;
}

@font-face {
  font-family: "Local Noto Sans JP";
  src: local("Noto Sans JP");
}
/*
Basic style
*/
:root {
  --primary: #E1107C;
  --secondary: #E1107C;
  --au: #EB5505;
  --uq: #0090D6;
  --au-pay: #E13010;
  --black: #333;
  --white: #FFF;
  --gray: #F3F3F3;
  --link: #0066AA;
  --red: #F00;
  --pen: #FFF07F;
  --c1: #F7B400;
  --c1-bg: #FFF3D0;
  --c2: #0877D7;
  --c2-bg: #D9F4FF;
  --c3: #E85F9D;
  --c3-step: #FFCADC;
  --c3-bg: #FFEAF4;
  --c3-modal: #E6F8FF;
  --c4: #5BB43B;
  --c4-step: #C6F39E;
  --c4-bg: #D8F2BF;
  --c5: #7986CB;
  --c5-step: #D9D0FF;
  --c5-bg: #EFECFF;
  --c6: #F08300;
  --c6-step: #FEBC6C;
  --c6-bg: #FFD6A4;
  --leading-trim: calc((1em - 1lh) / 2);
  --leading-trim-en: calc((1cap - 1lh) / 2);
}

body {
  background-color: var(--white);
  color: var(--black);
  font-family: "Noto Sans", "Local Noto Sans JP", "Noto Sans JP", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-break: strict;
  line-height: 1.5;
  overflow-x: clip;
  overscroll-behavior-y: none;
  text-autospace: normal;
  min-height: 100svh;
}

:target,
:focus-visible {
  scroll-margin-bottom: 8.75rem;
  scroll-margin-top: 5rem;
}
@media (980px <= width) {
  :target,
  :focus-visible {
    scroll-margin-bottom: 8.4375rem;
    scroll-margin-top: 5.625rem;
  }
}

[tabindex="-1"]:focus-visible {
  outline: none;
}

a {
  color: var(--link);
  text-decoration: none;
}
a:focus-visible {
  text-decoration: none;
}
@media (any-hover: hover) {
  a:hover {
    text-decoration: none;
  }
}

a,
button {
  cursor: pointer;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

b,
strong,
.-bold {
  font-weight: 900;
}

sup {
  display: inline-block;
  margin-right: -0.2em;
  -webkit-transform: scale(0.8) translateX(-0.2em);
          transform: scale(0.8) translateX(-0.2em);
}

.svg-spacer {
  fill: transparent;
}

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

@media (768px <= width) {
  .-sm {
    display: none !important;
  }
}

@media (980px <= width) {
  .-smd {
    display: none !important;
  }
}

@media (width < 768px) {
  .-md {
    display: none !important;
  }
}

@media (width < 980px) {
  .-lg {
    display: none !important;
  }
}

@media (width < 1440px) {
  .-xl {
    display: none !important;
  }
}

/*
header
*/
.header {
  align-items: center;
  background-color: var(--white);
  display: flex;
  gap: min(3.0769230769vw, 0.75rem);
  justify-content: space-between;
  padding-block: min(1.2820512821vw, 0.3125rem);
  padding-inline: min(3.0769230769vw, 0.75rem) min(1.2820512821vw, 0.3125rem);
  position: sticky;
  top: 0;
  transition: top 0.6s;
  z-index: 1;
}
@media (1440px <= width) {
  .header {
    gap: 2.875rem;
    padding-block: 0.625rem 0.8125rem;
    padding-inline: 0 0.625rem;
  }
}
.header__logo {
  flex: 1;
}
.header__logo a {
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.header__logo img {
  width: min(51.0256410256vw, 12.4375rem);
}
@media (1440px <= width) {
  .header__logo img {
    width: 20.75rem;
  }
}
.header__btn {
  border: min(0.7692307692vw, 0.1875rem) solid var(--secondary);
  border-radius: min(2.5641025641vw, 0.625rem);
  color: var(--secondary);
  display: grid;
  min-height: min(13.3333333333vw, 3.25rem);
  min-width: min(30vw, 7.3125rem);
  place-content: center;
  transition: background-color 0.6s ease-out, color 0.6s ease-out;
}
@media (1440px <= width) {
  .header__btn {
    min-height: 3.75rem;
    min-width: 11.625rem;
  }
}
.header__btn:focus-visible {
  background-color: var(--secondary);
  color: var(--white);
}
.header__btn:focus-visible span::before {
  border-block-end-color: var(--secondary);
  border-inline-end-color: var(--secondary);
}
.header__btn:focus-visible span::after {
  aspect-ratio: 1;
  background-color: var(--white);
}
@media (any-hover: hover) {
  .header__btn:hover {
    background-color: var(--secondary);
    color: var(--white);
  }
  .header__btn:hover span::before {
    border-block-end-color: var(--secondary);
    border-inline-end-color: var(--secondary);
  }
  .header__btn:hover span::after {
    aspect-ratio: 1;
    background-color: var(--white);
  }
}
.header__btn span {
  align-items: center;
  display: flex;
  font-size: min(2.8205128205vw, 0.6875rem);
  font-weight: 900;
  gap: min(2.3076923077vw, 0.5625rem);
  position: relative;
}
@media (1440px <= width) {
  .header__btn span {
    font-size: 1rem;
    gap: 1.1875rem;
  }
}
.header__btn span::before {
  -webkit-border-after: 0.125rem solid var(--white);
          border-block-end: 0.125rem solid var(--white);
  -webkit-border-end: 0.125rem solid var(--white);
          border-inline-end: 0.125rem solid var(--white);
  content: "";
  height: min(1.5384615385vw, 0.375rem);
  position: absolute;
  right: min(2.8205128205vw, 0.6875rem);
  rotate: -45deg;
  top: 50%;
  translate: 50% -50%;
  width: min(1.5384615385vw, 0.375rem);
}
.header__btn span::after {
  aspect-ratio: 1;
  background-color: var(--secondary);
  border-radius: 50%;
  content: "";
  flex-shrink: 0;
  width: min(5.1282051282vw, 1.25rem);
}

/*
nav
*/
.menuNav {
  display: contents;
}

/*
menuTrigger
*/
.menuTrigger {
  align-items: center;
  cursor: pointer;
  display: flex;
  height: 1.5rem;
  order: -1;
  width: 1.625rem;
}
@media (1440px <= width) {
  .menuTrigger {
    display: none;
  }
}
.menuTrigger span {
  background-color: var(--primary);
  display: block;
  height: 0.1875rem;
  position: relative;
  transition: background-color 0.5s, width 0.5s;
  width: 100%;
}
.menuTrigger span::before, .menuTrigger span::after {
  background-color: var(--primary);
  content: "";
  display: block;
  height: 0.1875rem;
  position: absolute;
  transition: translate 0.5s, rotate 0s;
  width: 1.625rem;
}
.menuTrigger span::before {
  translate: 0 -0.46875rem;
}
.menuTrigger span::after {
  translate: 0 0.46875rem;
}
.menuTrigger:focus-visible span {
  width: 0.8125rem;
}
.menuTrigger:focus-visible span::before,
.menuTrigger:focus-visible span::after {
  translate: 0;
  width: 1.625rem;
}
@media (any-hover: hover) {
  .menuTrigger:hover span {
    width: 0.8125rem;
  }
  .menuTrigger:hover span::before,
  .menuTrigger:hover span::after {
    translate: 0;
    width: 1.625rem;
  }
}

/*
menu
*/
body:has(dialog.menu[open]) {
  overflow: hidden;
}

.menu {
  background-color: var(--white);
  -webkit-border-after: 0.25rem solid var(--primary);
          border-block-end: 0.25rem solid var(--primary);
  -webkit-border-end: 0.25rem solid var(--primary);
          border-inline-end: 0.25rem solid var(--primary);
  height: calc(100svh - 3.875rem);
  margin-top: 3.875rem;
  max-height: calc(100svh - 3.875rem);
  max-width: 90vw;
  padding: 1.25rem;
  width: 90vw;
}
.menu::backdrop {
  background-color: rgba(0, 0, 0, 0.65);
}
.menu__close {
  color: var(--black);
  cursor: pointer;
  display: grid;
  font-size: 0.78125rem;
  grid-template-rows: 1.25rem auto;
  justify-items: center;
  margin-inline: auto;
  margin-top: 2.5rem;
  min-height: 4.25rem;
  min-width: 3rem;
  row-gap: 0.5rem;
  text-align: center;
  z-index: 4;
}
.menu__close::before, .menu__close::after {
  background-color: var(--primary);
  content: "";
  grid-column: 1;
  grid-row: 1;
  height: 0.125rem;
  place-self: center;
  width: 1.5rem;
}
.menu__close::before {
  rotate: 45deg;
}
.menu__close::after {
  rotate: -45deg;
}

.menuSm {
  border-top: 0.125rem solid var(--black);
  list-style-type: none;
}
.menuSm li {
  border-bottom: 0.125rem solid var(--black);
}
.menuSm a {
  align-items: center;
  color: inherit;
  display: flex;
  font-size: 0.8125rem;
  font-weight: 500;
  gap: 0.625rem;
  -webkit-padding-end: 1rem;
  min-height: 3.125rem;
          padding-inline-end: 1rem;
}
.menuSm a::after {
  -webkit-border-after: 0.125rem solid var(--black);
          border-block-end: 0.125rem solid var(--black);
  -webkit-border-end: 0.125rem solid var(--black);
          border-inline-end: 0.125rem solid var(--black);
  content: "";
  flex-shrink: 0;
  -webkit-margin-start: auto;
  height: 0.5625rem;
          margin-inline-start: auto;
  rotate: -45deg;
  width: 0.5625rem;
}
.menuSm a.-blank::after {
  display: none;
}
.menuSm a span {
  flex-shrink: 0;
  line-height: 0;
  -webkit-margin-start: auto;
          margin-inline-start: auto;
  translate: 0.375rem 0;
}
.menuSm a span img {
  -webkit-filter: brightness(0);
          filter: brightness(0);
  width: 1rem;
}
.menuSm a small {
  font-size: 0.6875rem;
  margin-left: -1em;
}
.menuSm img {
  width: 3.125rem;
}

.menuLg {
  display: none;
}
@media (1440px <= width) {
  .menuLg {
    display: flex;
    gap: 2.5rem;
  }
}
.menuLg li {
  align-items: center;
  display: flex;
  gap: 0.625rem;
}
.menuLg li::after {
  -webkit-border-after: 0.0625rem solid var(--secondary);
          border-block-end: 0.0625rem solid var(--secondary);
  -webkit-border-end: 0.0625rem solid var(--secondary);
          border-inline-end: 0.0625rem solid var(--secondary);
  content: "";
  flex-shrink: 0;
  height: 0.4375rem;
  rotate: 45deg;
  translate: 0 -0.0625rem;
  width: 0.4375rem;
}
.menuLg li.-blank::after {
  display: none;
}
.menuLg a {
  color: var(--black);
  font-size: 0.875rem;
  -webkit-text-decoration: underline var(--secondary);
          text-decoration: underline var(--secondary);
}
.menuLg a:focus-visible {
  text-decoration: none;
}
@media (any-hover: hover) {
  .menuLg a:hover {
    text-decoration: none;
  }
}
.menuLg a small {
  font-size: 0.875rem;
}
.menuLg a span img {
  display: inline-block;
  margin-left: 0.25em;
  vertical-align: middle;
}

/*
footer
*/
.footer {
  background-color: var(--gray);
  padding-bottom: min(6.6666666667vw, 1.625rem);
  padding-top: min(9.7435897436vw, 2.375rem);
}
@media (980px <= width) {
  .footer {
    padding-bottom: 1.875rem;
    padding-top: 2.875rem;
  }
}
.footer__inner {
  margin-inline: auto;
  max-width: 55rem;
  width: calc(100% - 1.0256410256vw);
}
.footer__logo {
  margin-inline: auto;
  margin-top: min(10.2564102564vw, 2.5rem);
  width: min(24.1025641026vw, 5.875rem);
}
@media (980px <= width) {
  .footer__logo {
    margin-top: 2.0625rem;
    width: 7.6875rem;
  }
}

.footerList {
  display: flex;
  flex-wrap: wrap;
  gap: min(320px, 1.25rem) 0;
}
@media (980px <= width) {
  .footerList {
    justify-content: center;
  }
}
.footerList.-list1 {
  flex-direction: column;
  flex-wrap: nowrap;
}
@media (width < 768px) {
  .footerList.-list1 {
    display: block;
  }
}
@media (980px <= width) {
  .footerList.-list1 {
    flex-direction: row;
    flex-wrap: wrap;
  }
}
@media (width < 768px) {
  .footerList.-list1 li {
    display: block;
  }
  .footerList.-list1 li:not(:first-child) {
    margin-top: min(320px, 1.25rem);
  }
}
@media (980px <= width) {
  .footerList.-list1 li:nth-child(1)::after {
    background-color: var(--black);
    content: "";
    display: inline-block;
    -webkit-transform: translateX(1.75rem);
    height: 1lh;
            transform: translateX(1.75rem);
    width: 1px;
  }
}
.footerList.-list2 {
  margin-top: min(320px, 1.25rem);
}
.footerList.-list2 li:nth-child(1)::after, .footerList.-list2 li:nth-child(2)::after {
  background-color: var(--black);
  content: "";
  display: inline-block;
  -webkit-transform: translateX(min(5.1282051282vw, 1.25rem));
  height: 1lh;
          transform: translateX(min(5.1282051282vw, 1.25rem));
  width: 1px;
}
@media (980px <= width) {
  .footerList.-list2 li:nth-child(1)::after, .footerList.-list2 li:nth-child(2)::after {
    -webkit-transform: translateX(1.75rem);
            transform: translateX(1.75rem);
  }
}
@media (980px <= width) {
  .footerList.-list2 li:nth-child(3)::after {
    background-color: var(--black);
    content: "";
    display: inline-block;
    -webkit-transform: translateX(1.75rem);
    height: 1lh;
            transform: translateX(1.75rem);
    width: 1px;
  }
}
.footerList li {
  align-items: center;
  display: flex;
  font-size: min(3.2051282051vw, 0.78125rem);
  margin-inline: min(5.1282051282vw, 1.25rem);
}
@media (980px <= width) {
  .footerList li {
    font-size: 0.875rem;
    margin-inline: 1.75rem;
  }
}
.footerList a {
  color: var(--black);
  text-decoration: underline;
}
.footerList a.-ul {
  margin-inline: 0.5em;
}
.footerList a .-nb {
  white-space: nowrap;
}
.footerList a:focus-visible {
  text-decoration: none;
}
@media (any-hover: hover) {
  .footerList a:hover {
    text-decoration: none;
  }
}
.footerList a span img {
  display: inline-block;
  -webkit-filter: brightness(0);
          filter: brightness(0);
  vertical-align: middle;
}

.copyright {
  font-size: 0.625rem;
  margin-top: min(5.1282051282vw, 1.25rem);
  text-align: center;
}
@media (980px <= width) {
  .copyright {
    margin-top: 0.9375rem;
  }
}

/*
breadcrumb
*/
.breadcrumb {
  margin-inline: auto;
  max-width: 980px;
  padding-top: min(144px, 0.5625rem);
  width: calc(100% - min(512px, 2rem));
}
@media (980px <= width) {
  .breadcrumb {
    padding-top: 0.6875rem;
  }
}
.breadcrumb__list {
  display: flex;
}
.breadcrumb__item {
  font-size: min(160px, 0.625rem);
}
@media (980px <= width) {
  .breadcrumb__item {
    font-size: 1rem;
  }
}
.breadcrumb__item:last-child::after {
  content: "";
}
.breadcrumb__item::after {
  content: "＞";
  margin-inline: 0.5em;
}
.breadcrumb__item a {
  color: var(--link);
  text-decoration: underline;
}
.breadcrumb__item a:focus-visible {
  text-decoration: none;
}
@media (any-hover: hover) {
  .breadcrumb__item a:hover {
    text-decoration: none;
  }
}

/*
notes
*/
.notes {
  display: grid;
  gap: 0.375rem;
  margin-inline: auto;
}
.notes__item {
  font-size: 0.75rem;
  line-height: 1.7;
  text-indent: hanging 2.5em;
}
.notes__item.-normal {
  text-indent: 0;
}
.notes__ref {
  color: var(--black) !important;
  display: inline-block;
  font-size: 0.625rem;
  text-decoration: none !important;
  vertical-align: top;
}
.notes__ref.-red {
  color: var(--red);
}
.notes a {
  color: var(--link);
  text-decoration: underline;
}
.notes a:focus-visible {
  text-decoration: none;
}
@media (any-hover: hover) {
  .notes a:hover {
    text-decoration: none;
  }
}
.notes a span img {
  display: inline-block;
  margin-left: 0.25em;
  vertical-align: middle;
}

/*
anchor
*/
.anchor {
  text-align: center;
}
.anchor__link {
  align-items: center;
  color: var(--black);
  display: inline-flex;
  font-size: min(256px, 1rem);
  gap: 0.625rem;
  justify-content: center;
  line-height: 1.4;
  text-decoration: underline;
}
.anchor__link:focus-visible {
  text-decoration: none;
}
@media (any-hover: hover) {
  .anchor__link:hover {
    text-decoration: none;
  }
}
.anchor__link::after {
  -webkit-border-after: min(0.5128205128vw, 1px) solid var(--black);
          border-block-end: min(0.5128205128vw, 1px) solid var(--black);
  -webkit-border-end: min(0.5128205128vw, 1px) solid var(--black);
          border-inline-end: min(0.5128205128vw, 1px) solid var(--black);
  content: "";
  flex-shrink: 0;
  height: 0.4375rem;
  rotate: 45deg;
  width: 0.4375rem;
}

/*
cta
*/
.cta {
  background: url(../img/cta_1_sm.png) center no-repeat;
  background-size: contain;
  display: block;
  height: min(1904px, 7.4375rem);
  margin-inline: auto;
  width: min(5088px, 19.875rem);
}
@media (980px <= width) {
  .cta {
    background-image: url(../img/cta_1_lg.png);
    height: 7.1875rem;
    width: 41.25rem;
  }
}
.cta:focus-visible {
  background-image: url(../img/cta_1_sm_h.png);
}
@media (980px <= width) {
  .cta:focus-visible {
    background-image: url(../img/cta_1_lg_h.png);
  }
}
.cta:focus-visible span,
.cta:focus-visible small {
  color: var(--primary);
}
@media (any-hover: hover) {
  .cta:hover {
    background-image: url(../img/cta_1_sm_h.png);
  }
}
@media (any-hover: hover) and (980px <= width) {
  .cta:hover {
    background-image: url(../img/cta_1_lg_h.png);
  }
}
@media (any-hover: hover) {
  .cta:hover span,
  .cta:hover small {
    color: var(--primary);
  }
}
.cta span {
  color: var(--white);
  display: block;
  font-family: "Zen Maru Gothic", sans-serif;
  font-size: min(512px, 2rem);
  font-weight: 900;
  line-height: 1.14;
  text-align: center;
  -webkit-transform: translateX(min(352px, 1.375rem)) translateY(min(416px, 1.625rem));
          transform: translateX(min(352px, 1.375rem)) translateY(min(416px, 1.625rem));
}
@media (980px <= width) {
  .cta span {
    font-size: 1.75rem;
    -webkit-transform: translateX(-0.25rem) translateY(2.8125rem);
            transform: translateX(-0.25rem) translateY(2.8125rem);
  }
}
.cta.-alt span {
  -webkit-transform: translateX(min(352px, 1.375rem)) translateY(min(736px, 2.875rem));
          transform: translateX(min(352px, 1.375rem)) translateY(min(736px, 2.875rem));
}

.cta2 {
  background: url(../img/cta_2_sm.png) center no-repeat;
  background-size: contain;
  display: block;
  height: min(1904px, 7.4375rem);
  margin-inline: auto;
  width: min(5088px, 19.875rem);
}
@media (980px <= width) {
  .cta2 {
    background-image: url(../img/cta_2_lg.png);
    height: 7.1875rem;
    width: 41.25rem;
  }
}
.cta2:focus-visible {
  background-image: url(../img/cta_2_sm_h.png);
}
@media (980px <= width) {
  .cta2:focus-visible {
    background-image: url(../img/cta_2_lg_h.png);
  }
}
.cta2:focus-visible span,
.cta2:focus-visible small {
  color: var(--primary);
}
@media (any-hover: hover) {
  .cta2:hover {
    background-image: url(../img/cta_2_sm_h.png);
  }
}
@media (any-hover: hover) and (980px <= width) {
  .cta2:hover {
    background-image: url(../img/cta_2_lg_h.png);
  }
}
@media (any-hover: hover) {
  .cta2:hover span,
  .cta2:hover small {
    color: var(--primary);
  }
}
.cta2 span {
  color: var(--white);
  display: block;
  font-family: "Zen Maru Gothic", sans-serif;
  font-size: min(512px, 2rem);
  font-weight: 900;
  line-height: 1.14;
  text-align: center;
  -webkit-transform: translateX(min(352px, 1.375rem)) translateY(min(416px, 1.625rem));
          transform: translateX(min(352px, 1.375rem)) translateY(min(416px, 1.625rem));
}
@media (980px <= width) {
  .cta2 span {
    font-size: 1.75rem;
    -webkit-transform: translateX(-0.25rem) translateY(2.8125rem);
            transform: translateX(-0.25rem) translateY(2.8125rem);
  }
}
.cta2 {
  margin-block: min(7.6923076923vw, 1.875rem);
}
.cta2 span {
  -webkit-transform: translateX(min(352px, 1.375rem)) translateY(min(704px, 2.75rem));
          transform: translateX(min(352px, 1.375rem)) translateY(min(704px, 2.75rem));
}

.cta3 {
  background: url(../img/cta_2_sm.png) center no-repeat;
  background-size: contain;
  display: block;
  height: min(1904px, 7.4375rem);
  margin-inline: auto;
  width: min(5088px, 19.875rem);
}
@media (980px <= width) {
  .cta3 {
    background-image: url(../img/cta_2_lg.png);
    height: 7.1875rem;
    width: 41.25rem;
  }
}
.cta3:focus-visible {
  background-image: url(../img/cta_2_sm_h.png);
}
@media (980px <= width) {
  .cta3:focus-visible {
    background-image: url(../img/cta_2_lg_h.png);
  }
}
.cta3:focus-visible span,
.cta3:focus-visible small {
  color: var(--primary);
}
@media (any-hover: hover) {
  .cta3:hover {
    background-image: url(../img/cta_2_sm_h.png);
  }
}
@media (any-hover: hover) and (980px <= width) {
  .cta3:hover {
    background-image: url(../img/cta_2_lg_h.png);
  }
}
@media (any-hover: hover) {
  .cta3:hover span,
  .cta3:hover small {
    color: var(--primary);
  }
}
.cta3 span {
  color: var(--white);
  display: block;
  font-family: "Zen Maru Gothic", sans-serif;
  font-size: min(512px, 2rem);
  font-weight: 900;
  line-height: 1.14;
  text-align: center;
  -webkit-transform: translateX(min(352px, 1.375rem)) translateY(min(416px, 1.625rem));
          transform: translateX(min(352px, 1.375rem)) translateY(min(416px, 1.625rem));
}
@media (980px <= width) {
  .cta3 span {
    font-size: 1.75rem;
    -webkit-transform: translateX(-0.25rem) translateY(2.8125rem);
            transform: translateX(-0.25rem) translateY(2.8125rem);
  }
}
.cta3 {
  margin-block: min(7.6923076923vw, 1.875rem);
}
@media (980px <= width) {
  .cta3 span {
    -webkit-transform: translateX(-0.25rem) translateY(2.125rem);
            transform: translateX(-0.25rem) translateY(2.125rem);
  }
}
.cta3 small {
  color: var(--white);
  display: block;
  font-family: "Zen Maru Gothic", sans-serif;
  font-size: min(208px, 0.8125rem);
  font-weight: 700;
  line-height: 1.18;
  -webkit-transform: translateX(min(1568px, 6.125rem)) translateY(min(528px, 2.0625rem));
          transform: translateX(min(1568px, 6.125rem)) translateY(min(528px, 2.0625rem));
}
@media (980px <= width) {
  .cta3 small {
    font-size: 0.9375rem;
    text-align: center;
    -webkit-transform: translateX(0rem) translateY(2.5rem);
            transform: translateX(0rem) translateY(2.5rem);
  }
}

.cta4 {
  background: url(../img/cta_1_sm.png) center no-repeat;
  background-size: contain;
  display: block;
  height: min(1904px, 7.4375rem);
  margin-inline: auto;
  width: min(5088px, 19.875rem);
}
@media (980px <= width) {
  .cta4 {
    background-image: url(../img/cta_1_lg.png);
    height: 7.1875rem;
    width: 41.25rem;
  }
}
.cta4:focus-visible {
  background-image: url(../img/cta_1_sm_h.png);
}
@media (980px <= width) {
  .cta4:focus-visible {
    background-image: url(../img/cta_1_lg_h.png);
  }
}
.cta4:focus-visible span,
.cta4:focus-visible small {
  color: var(--primary);
}
@media (any-hover: hover) {
  .cta4:hover {
    background-image: url(../img/cta_1_sm_h.png);
  }
}
@media (any-hover: hover) and (980px <= width) {
  .cta4:hover {
    background-image: url(../img/cta_1_lg_h.png);
  }
}
@media (any-hover: hover) {
  .cta4:hover span,
  .cta4:hover small {
    color: var(--primary);
  }
}
.cta4 span {
  color: var(--white);
  display: block;
  font-family: "Zen Maru Gothic", sans-serif;
  font-size: min(512px, 2rem);
  font-weight: 900;
  line-height: 1.14;
  text-align: center;
  -webkit-transform: translateX(min(352px, 1.375rem)) translateY(min(416px, 1.625rem));
          transform: translateX(min(352px, 1.375rem)) translateY(min(416px, 1.625rem));
}
@media (980px <= width) {
  .cta4 span {
    font-size: 1.75rem;
    -webkit-transform: translateX(-0.25rem) translateY(2.8125rem);
            transform: translateX(-0.25rem) translateY(2.8125rem);
  }
}
.cta4 {
  margin-bottom: min(12.8205128205vw, 3.125rem);
  margin-top: min(7.6923076923vw, 1.875rem);
}

.cta5 {
  background: url(../img/cta_3_sm.png) center no-repeat;
  background-size: contain;
  display: block;
  height: min(1440px, 5.625rem);
  margin-inline: auto;
  width: min(5088px, 19.875rem);
}
@media (980px <= width) {
  .cta5 {
    background-image: url(../img/cta_3_lg.png);
    height: 5.875rem;
    width: 41.25rem;
  }
}
.cta5:focus-visible {
  background-image: url(../img/cta_3_sm_h.png);
}
@media (980px <= width) {
  .cta5:focus-visible {
    background-image: url(../img/cta_3_lg_h.png);
  }
}
.cta5:focus-visible span,
.cta5:focus-visible small {
  color: var(--primary);
}
@media (any-hover: hover) {
  .cta5:hover {
    background-image: url(../img/cta_3_sm_h.png);
  }
}
@media (any-hover: hover) and (980px <= width) {
  .cta5:hover {
    background-image: url(../img/cta_3_lg_h.png);
  }
}
@media (any-hover: hover) {
  .cta5:hover span,
  .cta5:hover small {
    color: var(--primary);
  }
}
.cta5 span {
  color: var(--white);
  display: block;
  font-family: "Zen Maru Gothic", sans-serif;
  font-size: min(512px, 2rem);
  font-weight: 900;
  letter-spacing: 0.1em;
  line-height: 1.14;
  text-align: center;
  -webkit-transform: translateX(min(352px, 1.375rem)) translateY(min(48px, 0.1875rem));
          transform: translateX(min(352px, 1.375rem)) translateY(min(48px, 0.1875rem));
}
@media (980px <= width) {
  .cta5 span {
    font-size: 1.75rem;
    -webkit-transform: translateX(0rem) translateY(2.1875rem);
            transform: translateX(0rem) translateY(2.1875rem);
  }
}
.cta5 span small {
  display: inline-block;
  font-size: min(320px, 1.25rem);
  letter-spacing: 0;
  -webkit-transform: translateX(min(-8px, -0.03125rem));
          transform: translateX(min(-8px, -0.03125rem));
}
@media (980px <= width) {
  .cta5 span small {
    font-size: 1.75rem;
    letter-spacing: 0.1em;
    -webkit-transform: translateX(0rem);
            transform: translateX(0rem);
  }
}

.fixedCta {
  bottom: 0;
  left: 0;
  padding-block: 0.25rem 0.5rem;
  position: fixed;
  transition: all 0.4s ease-out;
  width: 100%;
  z-index: 2;
}
.fixedCta.is-hide {
  pointer-events: none;
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
}

/*
accordion
*/
.accordion__heading {
  font: inherit;
  margin: 0;
}
.accordion__summary {
  align-items: center;
  -webkit-appearance: none;
          appearance: none;
  background-color: transparent;
  border: 0;
  color: inherit;
  cursor: pointer;
  display: grid;
  font: inherit;
  gap: 0.5rem;
  grid-template-columns: 1fr;
  min-height: 2.75rem;
  width: 100%;
}
@media (980px <= width) {
  .accordion__summary {
    grid-template-columns: 1fr auto;
  }
}
.accordion__summary:focus-visible {
  outline: 0.125rem solid currentcolor;
  outline-offset: 0.125rem;
}
.accordion__summary-title {
  -webkit-transform: translateX(1.75rem);
          transform: translateX(1.75rem);
}
.accordion__summary .accordion__summary-hint {
  align-items: center;
  display: flex;
  gap: 0.5rem;
  justify-content: flex-end;
}
.accordion__summary .accordion__summary-hint::after {
  aspect-ratio: 1;
  background-color: var(--black);
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><polyline points='4 6 8 10 12 6'/></svg>");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 50% auto;
  border-radius: 50%;
  content: "";
  flex-shrink: 0;
  height: 1.75rem;
  transition: rotate 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
  width: 1.75rem;
}
@media (prefers-reduced-motion: reduce) {
  .accordion__summary .accordion__summary-hint::after {
    transition: none;
  }
}
.accordion__summary[aria-expanded=true] .accordion__summary-hint::after {
  rotate: 180deg;
}
.accordion__panel {
  display: grid;
  grid-template-rows: 0fr;
  padding-inline: 1rem;
  transition: grid-template-rows 0.4s cubic-bezier(0.165, 0.84, 0.44, 1), visibility 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: grid-template-rows 0.4s cubic-bezier(0.165, 0.84, 0.44, 1), visibility 0.4s cubic-bezier(0.165, 0.84, 0.44, 1), -ms-grid-rows 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
  visibility: hidden;
}
.accordion__summary[aria-expanded=true] + .accordion__panel, .accordion__heading:has(> .accordion__summary[aria-expanded=true]) + .accordion__panel {
  grid-template-rows: 1fr;
  visibility: visible;
}
@media (prefers-reduced-motion: reduce) {
  .accordion__panel {
    transition: none;
  }
}
.accordion__panel.-bt {
  border-top: 1px solid #D9D9D9;
  margin-top: min(5.1282051282vw, 1.25rem);
}

.accordionDetail {
  min-height: 0;
  overflow: hidden;
}
.accordionDetail::before {
  content: "";
  display: block;
  height: 0.5rem;
}
.accordionDetail::after {
  content: "";
  display: block;
  height: 1rem;
}

.modal {
  background: transparent;
  border: 0;
  height: 100dvh;
  margin: 0;
  max-height: 100dvh;
  max-width: 100vw;
  opacity: 0;
  overflow-x: hidden;
  overflow-y: auto;
  padding-bottom: min(13.3333333333vw, 3.25rem);
  padding-top: min(9.7435897436vw, 2.375rem);
  position: relative;
  transition: opacity 0.6s ease, overlay 0.6s ease allow-discrete, display 0.6s ease allow-discrete;
  width: 100vw;
}
@media (980px <= width) {
  .modal {
    padding-top: 1.125rem;
  }
}
.modal[open] {
  display: flex;
  opacity: 1;
}
@starting-style {
  .modal[open] {
    opacity: 0;
  }
}
.modal::backdrop {
  background-color: rgba(0, 0, 0, 0.2);
  opacity: 0;
  transition: opacity 0.6s ease, overlay 0.6s ease allow-discrete, display 0.6s ease allow-discrete;
}
.modal[open]::backdrop {
  opacity: 1;
}
@starting-style {
  .modal[open]::backdrop {
    opacity: 0;
  }
}
.modal__close {
  background-color: var(--white);
  border-radius: 100%;
  cursor: pointer;
  display: grid;
  height: min(15.3846153846vw, 3.875rem);
  place-content: center;
  position: absolute;
  right: calc(50% - min(45.8974358974vw, 11.1875rem));
  top: min(4.6153846154vw, 1.125rem);
  width: min(15.3846153846vw, 3.875rem);
}
@media (980px <= width) {
  .modal__close {
    right: calc(50% - 25rem);
  }
}
.modal__close::before, .modal__close::after {
  background-color: var(--primary);
  content: "";
  grid-area: 1/1;
  height: 2px;
  width: min(8.7179487179vw, 2.125rem);
}
.modal__close::before {
  rotate: 45deg;
}
.modal__close::after {
  rotate: -45deg;
}
.modal__close:focus-visible {
  background-color: var(--primary);
}
.modal__close:focus-visible::before, .modal__close:focus-visible::after {
  background-color: var(--white);
}
@media (any-hover: hover) {
  .modal__close:hover {
    background-color: var(--primary);
  }
  .modal__close:hover::before, .modal__close:hover::after {
    background-color: var(--white);
  }
}

@media (prefers-reduced-motion: reduce) {
  .modal,
  .modal::backdrop {
    transition: none;
  }
}
.anshinwatcher {
  background: transparent;
  border: 0;
  height: 100dvh;
  margin: 0;
  max-height: 100dvh;
  max-width: 100vw;
  opacity: 0;
  overflow-x: hidden;
  overflow-y: auto;
  padding-bottom: min(13.3333333333vw, 3.25rem);
  padding-top: min(22.5641025641vw, 5.5rem);
  position: relative;
  transition: opacity 0.6s ease, overlay 0.6s ease allow-discrete, display 0.6s ease allow-discrete;
  width: 100vw;
}
@media (980px <= width) {
  .anshinwatcher {
    padding-top: 5.625rem;
  }
}
.anshinwatcher[open] {
  display: flex;
  opacity: 1;
}
@starting-style {
  .anshinwatcher[open] {
    opacity: 0;
  }
}
.anshinwatcher::backdrop {
  background-color: rgba(0, 0, 0, 0.2);
  opacity: 0;
  transition: opacity 0.6s ease, overlay 0.6s ease allow-discrete, display 0.6s ease allow-discrete;
}
.anshinwatcher[open]::backdrop {
  opacity: 1;
}
@starting-style {
  .anshinwatcher[open]::backdrop {
    opacity: 0;
  }
}
.anshinwatcher__close {
  background-color: var(--white);
  border-radius: 100%;
  cursor: pointer;
  display: grid;
  height: min(15.3846153846vw, 3.875rem);
  place-content: center;
  position: absolute;
  right: calc(50% - min(45.8974358974vw, 11.1875rem));
  top: min(4.6153846154vw, 1.125rem);
  width: min(15.3846153846vw, 3.875rem);
}
@media (980px <= width) {
  .anshinwatcher__close {
    right: calc(50% - 25rem);
  }
}
.anshinwatcher__close::before, .anshinwatcher__close::after {
  background-color: var(--primary);
  content: "";
  grid-area: 1/1;
  height: 2px;
  width: min(8.7179487179vw, 2.125rem);
}
.anshinwatcher__close::before {
  rotate: 45deg;
}
.anshinwatcher__close::after {
  rotate: -45deg;
}
.anshinwatcher__close:focus-visible {
  background-color: var(--primary);
}
.anshinwatcher__close:focus-visible::before, .anshinwatcher__close:focus-visible::after {
  background-color: var(--white);
}
@media (any-hover: hover) {
  .anshinwatcher__close:hover {
    background-color: var(--primary);
  }
  .anshinwatcher__close:hover::before, .anshinwatcher__close:hover::after {
    background-color: var(--white);
  }
}

@media (prefers-reduced-motion: reduce) {
  .anshinwatcher,
  .anshinwatcher::backdrop {
    transition: none;
  }
}
.anshinwatcherDetail {
  background-color: var(--white);
  border: 4px solid var(--c2);
  border-radius: min(7.6923076923vw, 1.875rem);
  color: var(--black);
  margin: auto;
  overflow: hidden;
  padding-top: min(12.8205128205vw, 3.125rem);
  width: min(91.7948717949vw, 22.375rem);
}
@media (980px <= width) {
  .anshinwatcherDetail {
    border-radius: 1.875rem;
    width: 50rem;
  }
}
.anshinwatcherDetail__title {
  align-items: center;
  display: flex;
  flex-direction: column;
}
@media (980px <= width) {
  .anshinwatcherDetail__title {
    flex-direction: row;
    gap: 0.625rem;
    justify-content: center;
  }
}
.anshinwatcherDetail__title .-karugamo {
  width: min(69.2307692308vw, 16.875rem);
}
.anshinwatcherDetail__title .-cross {
  margin-top: min(2.0512820513vw, 0.5rem);
  width: min(10.2564102564vw, 2.5rem);
}
@media (980px <= width) {
  .anshinwatcherDetail__title .-cross {
    margin-top: 0;
  }
}
.anshinwatcherDetail__title .-anshinwatcher {
  margin-top: min(1.0256410256vw, 0.25rem);
  width: min(65.3846153846vw, 15.9375rem);
}
@media (980px <= width) {
  .anshinwatcherDetail__title .-anshinwatcher {
    margin-top: 0;
    -webkit-transform: translateY(-0.3125rem);
            transform: translateY(-0.3125rem);
  }
}
.anshinwatcherDetail__text {
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  font-size: min(4.1025641026vw, 1rem);
  font-weight: 700;
  line-height: 1.4;
  margin-top: min(8.2051282051vw, 2rem);
  text-align: center;
}
@media (980px <= width) {
  .anshinwatcherDetail__text {
    -webkit-font-feature-settings: normal;
            font-feature-settings: normal;
    margin-top: 1.375rem;
  }
}
.anshinwatcherDetail__catch {
  font-size: min(5.1282051282vw, 1.25rem);
  font-weight: 700;
  line-height: 1.4;
  margin-top: min(3.0769230769vw, 0.75rem);
  text-align: center;
  text-decoration: underline;
  text-decoration-color: #FFF07F;
  -webkit-text-decoration-skip-ink: none;
          text-decoration-skip-ink: none;
  text-decoration-thickness: 0.6em;
  text-underline-offset: -0.3em;
}
.anshinwatcherDetail__footer {
  border-top: 1px solid #D9D9D9;
  margin-top: min(5.1282051282vw, 1.25rem);
  padding-bottom: min(10.2564102564vw, 2.5rem);
  padding-top: min(7.6923076923vw, 1.875rem);
}
@media (980px <= width) {
  .anshinwatcherDetail__footer {
    margin-top: 1.875rem;
  }
}
.anshinwatcherDetail__close {
  border: 3px solid var(--primary);
  border-radius: 100vmax;
  color: var(--primary);
  display: grid;
  height: min(14.8717948718vw, 3.625rem);
  margin-inline: auto;
  place-content: center;
  width: min(58.9743589744vw, 14.375rem);
}
.anshinwatcherDetail__close:focus-visible {
  background-color: var(--primary);
  color: var(--white);
}
@media (any-hover: hover) {
  .anshinwatcherDetail__close:hover {
    background-color: var(--primary);
    color: var(--white);
  }
}

.anshinwatcherStep {
  display: flex;
  flex-direction: column;
  gap: min(12.3076923077vw, 3rem);
  margin-top: min(5.1282051282vw, 1.25rem);
  padding-inline: min(6.1538461538vw, 1.5rem);
}
@media (980px <= width) {
  .anshinwatcherStep {
    flex-direction: row;
    gap: 1.875rem;
    justify-content: center;
    margin-inline: auto;
    margin-top: 1.875rem;
    padding-inline: 0;
    width: 41.25rem;
  }
}
.anshinwatcherStep li {
  background-color: #E6F8FF;
  border-radius: min(5.1282051282vw, 1.25rem);
  margin-inline: auto;
  padding-block: min(5.1282051282vw, 1.25rem);
  position: relative;
  width: 100%;
}
@media (980px <= width) {
  .anshinwatcherStep li {
    width: 12.5rem;
  }
}
.anshinwatcherStep li:first-child::before {
  display: none;
}
.anshinwatcherStep li:last-child::before {
  display: block;
}
.anshinwatcherStep li::before {
  background-color: #0877D7;
  clip-path: polygon(0 0, 100% 0, 50% 100%);
  content: "";
  display: block;
  margin-inline: auto;
  -webkit-transform: translateY(-3.25rem);
  height: min(5.641025641vw, 1.375rem);
          transform: translateY(-3.25rem);
  width: min(15.3846153846vw, 3.75rem);
}
@media (980px <= width) {
  .anshinwatcherStep li::before {
    margin-block: auto;
    margin-inline: 0;
    position: absolute;
    rotate: -90deg;
    -webkit-transform: translateY(0);
    bottom: 0;
    height: 1.25rem;
    left: -2.125rem;
    top: 0;
            transform: translateY(0);
    width: 2.5rem;
  }
}
.anshinwatcherStep__step {
  background-color: #0877D7;
  border-radius: min(2.5641025641vw, 0.5rem);
  color: var(--white);
  display: grid;
  font-family: "Zen Maru Gothic", sans-serif;
  font-size: min(5.1282051282vw, 1.25rem);
  font-weight: 900;
  height: min(9.7435897436vw, 1.9375rem);
  line-height: 1.2;
  margin-bottom: min(5.8974358974vw, 1.4375rem);
  margin-inline: auto;
  place-content: center;
  width: min(47.6923076923vw, 10.0625rem);
}
@media (980px <= width) {
  .anshinwatcherStep__step {
    font-size: 1.0625rem;
  }
}
.anshinwatcherStep__img img {
  display: block;
  margin-inline: auto;
}
.anshinwatcherStep__img img.-karugamo {
  margin-bottom: min(2.5641025641vw, 0.625rem);
  width: min(69.2307692308vw, 16.875rem);
}
@media (980px <= width) {
  .anshinwatcherStep__img img.-karugamo {
    width: 10.125rem;
  }
}
.anshinwatcherStep__img img.-image {
  margin-top: min(5.1282051282vw, 1.25rem);
  width: min(69.2307692308vw, 16.875rem);
}
@media (980px <= width) {
  .anshinwatcherStep__img img.-image {
    width: 9.75rem;
  }
}
.anshinwatcherStep__img img.-anshinwatcher {
  margin-bottom: min(2.5641025641vw, 0.625rem);
  width: min(65.3846153846vw, 15.9375rem);
}
@media (980px <= width) {
  .anshinwatcherStep__img img.-anshinwatcher {
    width: 9.75rem;
  }
}
.anshinwatcherStep__text {
  font-size: min(4.1025641026vw, 1rem);
  line-height: 1.7;
  text-align: center;
}
@media (980px <= width) {
  .anshinwatcherStep__text {
    font-size: 0.875rem;
  }
}
.anshinwatcherStep__small {
  display: block;
  font-size: min(3.5897435897vw, 0.875rem);
  line-height: 1.7;
  margin-top: min(2.5641025641vw, 0.625rem);
  text-align: center;
}
@media (980px <= width) {
  .anshinwatcherStep__small {
    font-size: 0.75rem;
  }
}

/*
kv
*/
.kv {
  position: relative;
}
.kv__base img {
  width: 100%;
}
.kv__ok {
  left: 3.0769230769vw;
  position: absolute;
  top: 5.1282051282vw;
  width: 38.9743589744vw;
}
@media (768px <= width) {
  .kv__ok {
    left: calc(50% - 29.7222222222vw);
    top: 0.9722222222vw;
    width: 7.0138888889vw;
  }
}
.kv__free {
  position: absolute;
  right: 2.5641025641vw;
  top: 1.2820512821vw;
  width: 30.5128205128vw;
}
@media (768px <= width) {
  .kv__free {
    right: calc(50% - 32.6388888889vw);
    top: 0.6944444444vw;
    width: 9.7916666667vw;
  }
}

/*
加入条件
*/
.sec1 {
  background: url(../img/bg_1.png) center top no-repeat;
  background-color: var(--c1-bg);
  background-size: 100%;
  padding-bottom: min(10.2564102564vw, 2.5rem);
  padding-top: min(7.6923076923vw, 1.875rem);
}
@media (980px <= width) {
  .sec1 {
    padding-block: 4.375rem;
  }
}
.sec1__inner {
  background-color: var(--white);
  border-radius: min(5.1282051282vw, 1.875rem);
  margin-inline: auto;
  max-width: 980px;
  padding-block: min(800px, 3.125rem);
  padding-inline: min(384px, 1.5rem);
  position: relative;
  width: calc(100% - min(512px, 2rem));
}
@media (980px <= width) {
  .sec1__inner {
    padding-block: 4.375rem;
  }
}
.sec1__title {
  -webkit-border-before: 0.25rem solid var(--c1);
          border-block-start: 0.25rem solid var(--c1);
  -webkit-border-after: 0.25rem solid var(--c1);
          border-block-end: 0.25rem solid var(--c1);
  margin-inline: auto;
  padding-block: min(1.5384615385vw, 0.375rem);
  width: min(74.358974359vw, 50rem);
}
.sec1__title span {
  align-items: center;
  display: flex;
  font-family: "Zen Maru Gothic", sans-serif;
  font-size: min(10.2564102564vw, 2.5rem);
  font-weight: 900;
  justify-content: center;
  line-height: 1;
  text-align: center;
  -webkit-transform: translateY(-0.05lh);
          transform: translateY(-0.05lh);
}
.sec1__title span::before, .sec1__title span::after {
  background: url("../img/icon_1.png") center no-repeat;
  background-size: contain;
  content: "";
  -webkit-transform: translateY(0.05lh);
  height: min(15.3846153846vw, 3.75rem);
          transform: translateY(0.05lh);
  width: min(15.3846153846vw, 3.75rem);
}
.sec1__karugamo {
  bottom: max(-720px, -2.8125rem);
  position: absolute;
  right: 0;
  rotate: -4.85deg;
  width: min(1312px, 5.125rem);
}
@media (980px <= width) {
  .sec1__karugamo {
    bottom: -2.8125rem;
    right: 0.375rem;
    width: 6.375rem;
  }
}
.sec1 .notes {
  margin-inline: auto;
  margin-top: min(7.6923076923vw, 1.875rem);
  width: min(74.358974359vw, 50rem);
}
.sec1 .anchor {
  margin-top: min(7.6923076923vw, 1.875rem);
}

/*
加入条件リスト
*/
.sec1List {
  margin-inline: auto;
  margin-top: 2.5rem;
  width: min(74.358974359vw, 50rem);
}
.sec1List__item {
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.7;
  margin-top: 1.25rem;
  padding-left: 2.5rem;
  position: relative;
}
.sec1List__item::before {
  background-color: #D13D64;
  border-radius: 50%;
  color: var(--white);
  display: grid;
  font-family: "Zen Maru Gothic", sans-serif;
  font-weight: 900;
  height: 1.875rem;
  left: 0;
  padding-bottom: 0.1lh;
  place-content: center;
  position: absolute;
  top: 0.1875rem;
  width: 1.875rem;
}
.sec1List__item:nth-child(1)::before {
  content: "1";
}
.sec1List__item:nth-child(2)::before {
  content: "2";
}

/*
3大特典
*/
.sec2 {
  background: url(../img/bg_2.png) center top no-repeat;
  background-color: var(--c2-bg);
  background-size: 100%;
  padding-top: min(15.3846153846vw, 3.75rem);
}
@media (980px <= width) {
  .sec2 {
    padding-top: 5.625rem;
  }
}
.sec2__inner {
  background-color: var(--white);
  border-radius: min(5.1282051282vw, 1.875rem);
  margin-inline: auto;
  max-width: 980px;
  padding-block: min(800px, 3.125rem);
  padding-inline: min(384px, 1.5rem);
  position: relative;
  width: calc(100% - min(512px, 2rem));
}
@media (980px <= width) {
  .sec2__inner {
    padding-block: 5rem;
    padding-inline: 5.625rem;
  }
}
.sec2__karugamo {
  position: absolute;
  right: min(160px, 0.625rem);
  top: max(-640px, -2.5rem);
  width: min(1088px, 4.25rem);
}
@media (980px <= width) {
  .sec2__karugamo {
    right: 0.625rem;
    top: -3.125rem;
    width: 6.125rem;
  }
}
.sec2__title {
  -webkit-border-before: 0.25rem solid var(--c2);
          border-block-start: 0.25rem solid var(--c2);
  -webkit-border-after: 0.25rem solid var(--c2);
          border-block-end: 0.25rem solid var(--c2);
  margin-inline: auto;
  padding-block: min(1.5384615385vw, 0.375rem);
  width: min(74.358974359vw, 50rem);
}
.sec2__title span {
  align-items: center;
  display: flex;
  font-family: "Zen Maru Gothic", sans-serif;
  font-size: min(10.2564102564vw, 2.5rem);
  font-weight: 900;
  justify-content: center;
  line-height: 1;
  text-align: center;
  -webkit-transform: translateY(-0.05lh);
          transform: translateY(-0.05lh);
}
.sec2__title span::before, .sec2__title span::after {
  background: url("../img/icon_2.png") center no-repeat;
  background-size: contain;
  content: "";
  -webkit-transform: translateY(0.05lh);
  height: min(15.3846153846vw, 3.75rem);
          transform: translateY(0.05lh);
  width: min(15.3846153846vw, 3.75rem);
}
.sec2__title .-num {
  font-size: min(752px, 2.9375rem);
  margin-inline: -0.2em;
}
.sec2__catch {
  font-family: "Zen Maru Gothic", sans-serif;
  font-size: min(5.641025641vw, 1.375rem);
  font-weight: 900;
  line-height: 1.7;
  text-align: center;
  text-decoration: underline;
  text-decoration-color: #FFF07F;
  -webkit-text-decoration-skip-ink: none;
  margin-top: min(5.1282051282vw, 1.25rem);
          text-decoration-skip-ink: none;
  text-decoration-thickness: 0.6em;
  text-underline-offset: -0.3em;
  white-space: nowrap;
}
@media (980px <= width) {
  .sec2__catch {
    margin-top: 1.875rem;
  }
}
.sec2__text {
  font-size: min(4.1025641026vw, 1rem);
  font-weight: 700;
  line-height: 1.7;
  margin-inline: auto;
  margin-top: min(5.1282051282vw, 1.25rem);
  width: min(79.4871794872vw, 19.375rem);
}
@media (980px <= width) {
  .sec2__text {
    text-align: center;
    width: auto;
  }
}
.sec2__note {
  font-size: min(4.1025641026vw, 1rem);
  line-height: 1.7;
  margin-top: min(5.1282051282vw, 1.25rem);
}
@media (980px <= width) {
  .sec2__note {
    text-align: center;
  }
}
.sec2__note dt {
  font-weight: 500;
}

/*
3大特典リスト
*/
.sec2List {
  display: flex;
  flex-direction: column;
  gap: min(5.1282051282vw, 1.25rem);
  margin-top: min(10.2564102564vw, 2.5rem);
}
@media (980px <= width) {
  .sec2List {
    flex-direction: row;
    gap: 0;
    justify-content: space-between;
    margin-top: 1.875rem;
  }
}
.sec2List__item {
  background-color: var(--c2-bg);
  border-radius: min(39.7435897436vw, 9.6875rem) min(39.7435897436vw, 9.6875rem) min(7.6923076923vw, 1.875rem) min(7.6923076923vw, 1.875rem);
  margin-inline: auto;
  padding-block: min(10.2564102564vw, 2.5rem);
  width: min(79.4871794872vw, 19.375rem);
}
@media (980px <= width) {
  .sec2List__item {
    border-radius: 12.5rem 12.5rem 1.25rem 1.25rem;
    padding-block: 2rem;
    width: 15.625rem;
  }
}
.sec2List__title {
  font-family: "Zen Maru Gothic", sans-serif;
  font-size: min(7.1794871795vw, 1.75rem);
  font-weight: 900;
  line-height: 1.2;
  text-align: center;
}
@media (980px <= width) {
  .sec2List__title {
    font-size: 1.125rem;
  }
}
.sec2List__title span {
  align-items: center;
  background: url(../img/sec2_badge.png) center no-repeat;
  background-size: contain;
  display: flex;
  font-size: min(4.6153846154vw, 1.125rem);
  font-weight: 900;
  height: min(11.2820512821vw, 2.75rem);
  justify-content: center;
  margin-bottom: min(5.1282051282vw, 1.25rem);
  margin-inline: auto;
  width: min(26.1538461538vw, 6.375rem);
}
@media (980px <= width) {
  .sec2List__title span {
    font-size: 0.9375rem;
    height: 2.1875rem;
    margin-bottom: 1rem;
    width: 5.125rem;
  }
}
.sec2List__title span b {
  font-size: min(368px, 1.4375rem);
  margin-left: 0.2em;
  -webkit-transform: translateY(-0.03lh);
          transform: translateY(-0.03lh);
}
.sec2List__img {
  margin-inline: auto;
  margin-top: min(5.1282051282vw, 1.25rem);
  width: min(69.2307692308vw, 16.875rem);
}
@media (980px <= width) {
  .sec2List__img {
    margin-top: 1rem;
    width: 13.5rem;
  }
}
.sec2List__text {
  font-size: min(4.1025641026vw, 1rem);
  line-height: 1.7;
  margin-inline: auto;
  margin-top: min(5.1282051282vw, 1.25rem);
  width: min(69.2307692308vw, 16.875rem);
}
@media (980px <= width) {
  .sec2List__text {
    font-size: 0.8125rem;
    margin-top: 1rem;
    width: 13.5rem;
  }
}
.sec2List__link {
  color: var(--link);
  text-decoration: underline;
}
.sec2List__link:focus-visible {
  text-decoration: none;
}
@media (any-hover: hover) {
  .sec2List__link:hover {
    text-decoration: none;
  }
}
.sec2List__link span img {
  display: inline-block;
  vertical-align: middle;
}
.sec2List__img2 {
  margin-inline: auto;
  margin-top: min(3.3333333333vw, 0.8125rem);
  width: min(73.0769230769vw, 17.8125rem);
}
@media (980px <= width) {
  .sec2List__img2 {
    margin-top: 0.375rem;
    width: 14.375rem;
  }
}
.sec2List__note {
  display: block;
  font-size: 0.75rem;
  line-height: 1.2;
  margin-top: 0.5lh;
  text-align: center;
}
.sec2List__btn {
  background: url(../img/btn_modal.png) center no-repeat;
  background-size: contain;
  color: var(--primary);
  display: block;
  font-family: "Zen Maru Gothic", sans-serif;
  font-size: min(320px, 1.25rem);
  font-weight: 900;
  height: min(13.5897435897vw, 3.3125rem);
  letter-spacing: 0.1em;
  margin-inline: auto;
  margin-top: min(5.1282051282vw, 1.25rem);
  padding-bottom: min(48px, 0.1875rem);
  width: min(69.2307692308vw, 16.875rem);
}
@media (980px <= width) {
  .sec2List__btn {
    font-size: 1rem;
    height: 2.6875rem;
    margin-top: 1rem;
    width: 13.5rem;
  }
}
.sec2List__btn:focus-visible {
  background-image: url(../img/btn_modal_h.png);
  padding-bottom: 0;
}
@media (any-hover: hover) {
  .sec2List__btn:hover {
    background-image: url(../img/btn_modal_h.png);
    padding-bottom: 0;
  }
}
.sec2List__btn2 {
  background: url(../img/btn_modal_2.png) center no-repeat;
  background-size: contain;
  color: var(--primary);
  display: grid;
  font-family: "Zen Maru Gothic", sans-serif;
  font-size: min(320px, 1.25rem);
  font-weight: 900;
  height: min(13.5897435897vw, 3.3125rem);
  letter-spacing: 0.1em;
  margin-inline: auto;
  margin-top: min(5.1282051282vw, 1.25rem);
  padding-bottom: min(48px, 0.1875rem);
  place-content: center;
  position: relative;
  width: min(69.2307692308vw, 16.875rem);
}
@media (980px <= width) {
  .sec2List__btn2 {
    font-size: 1rem;
    height: 2.6875rem;
    margin-top: 1rem;
    width: 13.5rem;
  }
}
.sec2List__btn2:focus-visible {
  background-image: url(../img/btn_modal_2_h.png);
  padding-bottom: 0;
}
.sec2List__btn2:focus-visible span img {
  -webkit-transform: translateY(0.0625rem);
          transform: translateY(0.0625rem);
}
@media (any-hover: hover) {
  .sec2List__btn2:hover {
    background-image: url(../img/btn_modal_2_h.png);
    padding-bottom: 0;
  }
  .sec2List__btn2:hover span img {
    -webkit-transform: translateY(0.0625rem);
            transform: translateY(0.0625rem);
  }
}
.sec2List__btn2 span img {
  height: 1rem;
  position: absolute;
  right: 1rem;
  top: calc(50% - 0.5625rem);
  width: 1rem;
}
.sec2List .notes {
  margin-top: min(5.1282051282vw, 1.25rem);
  width: min(69.2307692308vw, 16.875rem);
}
@media (980px <= width) {
  .sec2List .notes {
    margin-top: 1rem;
    width: 13.5rem;
  }
}

/*
3大特典フッター
*/
.sec2Footer__img img {
  width: 100%;
}
.sec2Footer__inner {
  background-color: #8CC868;
  padding-block: min(4.1025641026vw, 1rem);
  padding-inline: min(2.5641025641vw, 0.625rem);
}
@media (980px <= width) {
  .sec2Footer__inner {
    padding-inline: 0;
  }
}
.sec2Footer .notes {
  background-color: var(--white);
  padding: min(2.5641025641vw, 0.625rem);
}
@media (980px <= width) {
  .sec2Footer .notes {
    margin-inline: auto;
    max-width: 980px;
  }
}

/*
モーダル
*/
.modalDetail {
  background-color: var(--white);
  border: 4px solid var(--c2);
  border-radius: min(45.8974358974vw, 11.1875rem) min(45.8974358974vw, 11.1875rem) min(5.1282051282vw, 1.25rem) min(5.1282051282vw, 1.25rem);
  color: var(--black);
  margin: auto;
  overflow: hidden;
  padding-top: min(12.8205128205vw, 3.125rem);
  width: min(91.7948717949vw, 22.375rem);
}
@media (980px <= width) {
  .modalDetail {
    border-radius: 25rem 25rem 1.875rem 1.875rem;
    width: 50rem;
  }
}
.modalDetail__badge {
  background: url(../img/sec2_badge.png) center no-repeat;
  background-size: contain;
  display: grid;
  font-family: "Noto Sans", "Local Noto Sans JP", "Noto Sans JP", sans-serif;
  font-size: min(4.6153846154vw, 1.125rem);
  font-weight: 900;
  height: min(11.2820512821vw, 2.75rem);
  line-height: 1.5;
  margin-inline: auto;
  place-content: center;
  width: min(26.1538461538vw, 6.375rem);
}
@media (980px <= width) {
  .modalDetail__badge {
    font-size: 1.375rem;
    height: 4.125rem;
    width: 9.5625rem;
  }
}
.modalDetail__title {
  font-family: "Zen Maru Gothic", sans-serif;
  font-size: min(7.1794871795vw, 1.75rem);
  font-weight: 900;
  line-height: 1.7;
  text-align: center;
  text-decoration: underline;
  text-decoration-color: #FFF07F;
  -webkit-text-decoration-skip-ink: none;
  line-height: 1.4;
  text-decoration: none;
          text-decoration-skip-ink: none;
  text-decoration-thickness: 0.6em;
  text-underline-offset: -0.3em;
}
.modalDetail__title:focus, .modalDetail__title:focus-visible {
  outline: none;
}
.modalDetail__titleText {
  display: block;
  margin-top: min(8.2051282051vw, 2rem);
  text-decoration: underline;
  text-decoration-color: #FFF07F;
  -webkit-text-decoration-skip-ink: none;
          text-decoration-skip-ink: none;
  text-decoration-thickness: 0.6em;
  text-underline-offset: -0.3em;
}
.modalDetail__img {
  margin-inline: auto;
  margin-top: min(8.2051282051vw, 2rem);
  width: min(69.2307692308vw, 16.875rem);
}
.modalDetail__title2 {
  font-size: min(5.641025641vw, 1.375rem);
  font-weight: 700;
  line-height: 1.7;
  margin-top: min(5.1282051282vw, 1.25rem);
  text-align: center;
}
.modalDetail__title2 .notes__ref {
  font-size: 0.75rem;
}
.modalDetail__text {
  font-size: min(4.1025641026vw, 1rem);
  line-height: 1.7;
  margin-inline: auto;
  width: min(71.7948717949vw, 17.5rem);
}
@media (768px <= width) {
  .modalDetail__text {
    width: min(79.4871794872vw, 50rem);
  }
}
@media (768px <= width) {
  .modalDetail__text.-c {
    text-align: center;
  }
}
.modalDetail__text {
  line-height: 1.5;
  margin-top: min(2.5641025641vw, 0.625rem);
  width: min(79.4871794872vw, 19.375rem);
}
@media (980px <= width) {
  .modalDetail__text {
    width: 41.25rem;
  }
}
.modalDetail__text .-ul {
  font-weight: 700;
  text-decoration: underline;
  text-decoration-color: #FFF07F;
  -webkit-text-decoration-skip-ink: none;
          text-decoration-skip-ink: none;
  text-decoration-thickness: 0.6em;
  text-underline-offset: -0.3em;
}
.modalDetail__text a {
  color: var(--link);
  text-decoration: underline;
}
.modalDetail__text a:focus-visible {
  text-decoration: none;
}
@media (any-hover: hover) {
  .modalDetail__text a:hover {
    text-decoration: none;
  }
}
.modalDetail__small {
  display: block;
  font-size: min(3.0769230769vw, 0.75rem);
  line-height: 1.7;
  margin-inline: auto;
  margin-top: min(5.1282051282vw, 1.25rem);
  width: min(4960px, 19.375rem);
}
@media (980px <= width) {
  .modalDetail__small {
    margin-top: 1.375rem;
    text-align: center;
    width: 41.25rem;
  }
}
.modalDetail__small a {
  color: var(--link);
  text-decoration: underline;
}
.modalDetail__small a:focus-visible {
  text-decoration: none;
}
@media (any-hover: hover) {
  .modalDetail__small a:hover {
    text-decoration: none;
  }
}
.modalDetail .notes {
  margin-block: min(7.6923076923vw, 1.875rem);
  margin-inline: auto;
  width: min(79.4871794872vw, 19.375rem);
}
@media (980px <= width) {
  .modalDetail .notes {
    width: 41.25rem;
  }
}
.modalDetail .anchor {
  margin-top: min(7.6923076923vw, 1.875rem);
}
.modalDetail .anchor__link {
  font-size: min(192px, 0.75rem);
}
@media (980px <= width) {
  .modalDetail .anchor__link {
    font-size: 1rem;
  }
}
.modalDetail__footer {
  border-top: 1px solid #D9D9D9;
  margin-top: min(5.1282051282vw, 1.25rem);
  padding-bottom: min(10.2564102564vw, 2.5rem);
  padding-top: min(7.6923076923vw, 1.875rem);
}
.modalDetail__close {
  border: 3px solid var(--primary);
  border-radius: 100vmax;
  color: var(--primary);
  display: grid;
  height: min(14.8717948718vw, 3.625rem);
  margin-inline: auto;
  place-content: center;
  width: min(58.9743589744vw, 14.375rem);
}
.modalDetail__close:focus-visible {
  background-color: var(--primary);
  color: var(--white);
}
@media (any-hover: hover) {
  .modalDetail__close:hover {
    background-color: var(--primary);
    color: var(--white);
  }
}

/*
モーダル1
*/
.modalDetailCol {
  margin-bottom: min(5.1282051282vw, 1.25rem);
  margin-inline: auto;
  margin-top: min(15.3846153846vw, 3.75rem);
  width: min(79.4871794872vw, 19.375rem);
}
.modalDetailCol dt {
  align-items: center;
  display: flex;
  font-size: min(5.1282051282vw, 1.25rem);
  font-weight: 700;
  justify-content: center;
  line-height: 1.45;
  margin-top: min(8.9743589744vw, 2.1875rem);
  text-align: center;
}
.modalDetailCol dt::before, .modalDetailCol dt::after {
  background-color: var(--primary);
  content: "";
  height: 40px;
  width: 2px;
}
.modalDetailCol dt::before {
  margin-right: 1em;
  rotate: -23deg;
}
.modalDetailCol dt::after {
  margin-left: 1em;
  rotate: 23deg;
}
.modalDetailCol dt span {
  color: var(--primary);
}
.modalDetailCol dd {
  display: flex;
  flex-direction: column;
  gap: min(5.1282051282vw, 1.25rem);
  margin-top: min(5.1282051282vw, 1.25rem);
}
@media (980px <= width) {
  .modalDetailCol dd {
    flex-direction: row;
    justify-content: center;
  }
}

.modalDetailCol2 {
  margin-inline: auto;
  width: min(4960px, 19.375rem);
}
@media (980px <= width) {
  .modalDetailCol2 {
    align-items: center;
    display: flex;
    gap: 1.875rem;
    margin-bottom: 1.25rem;
    margin-top: 1.25rem;
    width: 41.25rem;
  }
}
.modalDetailCol2__img {
  max-width: 17.5rem;
}
.modalDetailCol2__texts .modalDetailCol2__text {
  text-align: center;
}
@media (980px <= width) {
  .modalDetailCol2__texts .modalDetailCol2__text {
    text-align: left;
  }
}
.modalDetailCol2__title {
  font-size: min(5.1282051282vw, 1.25rem);
  font-weight: 700;
  line-height: 1.7;
  margin-top: min(2.5641025641vw, 0.625rem);
  text-align: center;
}
@media (980px <= width) {
  .modalDetailCol2__title {
    text-align: left;
  }
}
.modalDetailCol2__text {
  font-size: min(4.1025641026vw, 1rem);
  line-height: 1.7;
  margin-top: min(2.5641025641vw, 0.625rem);
}

.modalDetailCol3 {
  background-color: var(--c3-modal);
  border-radius: min(5.1282051282vw, 1.25rem);
  margin-inline: auto;
  padding: min(5.1282051282vw, 1.25rem);
  width: min(4960px, 19.375rem);
}
@media (980px <= width) {
  .modalDetailCol3 {
    padding-inline: 4.375rem;
    width: 41.25rem;
  }
}
.modalDetailCol3__title {
  font-size: min(5.641025641vw, 1.375rem);
  font-weight: 700;
  line-height: 1.4;
  text-align: center;
}
.modalDetailCol3__list {
  margin-block: min(5.1282051282vw, 1.25rem);
  padding-left: 1em;
}
.modalDetailCol3__list li {
  font-size: min(4.1025641026vw, 1rem);
  line-height: 1.7;
  list-style: disc;
}
.modalDetailCol3__list span {
  display: block;
  font-weight: 700;
  margin-block: min(2.5641025641vw, 0.625rem);
}
.modalDetailCol3__list img {
  display: block;
  margin-block: min(160px, 0.625rem);
  width: min(4320px, 16.875rem);
}
@media (980px <= width) {
  .modalDetailCol3__list img {
    margin-inline: auto;
    width: 17.5rem;
  }
}

.modalDetailCol4 {
  border-block: 1px solid #B5BAB6;
  margin-inline: auto;
  margin-top: min(7.6923076923vw, 1.875rem);
  padding-bottom: min(10.2564102564vw, 2.5rem);
  padding-top: min(5.8974358974vw, 1.4375rem);
  width: min(4960px, 19.375rem);
}
@media (980px <= width) {
  .modalDetailCol4 {
    padding-inline: 1.875rem;
    width: 41.25rem;
  }
}
.modalDetailCol4__title {
  font-size: min(5.1282051282vw, 1.25rem);
  font-weight: 700;
  line-height: 1.45;
  text-align: center;
}
.modalDetailCol4__list {
  margin-top: min(5.1282051282vw, 1.25rem);
  padding-left: 1.25em;
}
.modalDetailCol4__list li {
  font-size: min(4.1025641026vw, 1rem);
  line-height: 1.7;
  list-style: disc;
  margin-bottom: min(5.1282051282vw, 1.25rem);
}
.modalDetailCol4__list2 {
  margin-top: min(2.5641025641vw, 0.625rem);
}
.modalDetailCol4__list2 li {
  font-size: min(4.1025641026vw, 1rem);
  line-height: 1.7;
  list-style: none;
  text-indent: hanging 1.75em;
}
.modalDetailCol4__text {
  margin-top: min(5.1282051282vw, 1.25rem);
}
@media (980px <= width) {
  .modalDetailCol4__text {
    text-align: center;
  }
}

.modalDetailCol5 {
  background-color: var(--c3-modal);
  border-radius: min(5.1282051282vw, 1.25rem);
  margin-inline: auto;
  margin-top: min(7.6923076923vw, 1.875rem);
  padding: min(5.1282051282vw, 1.25rem);
  width: min(4960px, 19.375rem);
}
@media (980px <= width) {
  .modalDetailCol5 {
    align-items: center;
    display: flex;
    gap: 1.875rem;
    padding-inline: 4.375rem;
    width: 41.25rem;
  }
}
.modalDetailCol5__title {
  color: #cc1974;
  font-size: min(4.6153846154vw, 1.125rem);
  font-weight: 700;
  line-height: 1.7;
}
.modalDetailCol5__title .notes__ref {
  color: #cc1974 !important;
}
.modalDetailCol5__img {
  display: block;
  margin-inline: auto;
  margin-top: min(5.1282051282vw, 1.25rem);
  width: min(62.5641025641vw, 15.25rem);
}
@media (980px <= width) {
  .modalDetailCol5__img {
    margin-top: 0;
    width: 14.0625rem;
  }
}

/*
登録方法
*/
.sec3 {
  background: url(../img/bg_3.png) center top no-repeat;
  background-color: var(--c3-bg);
  background-size: 100%;
  padding-bottom: min(15.1282051282vw, 3.6875rem);
  padding-top: min(10.2564102564vw, 2.5rem);
}
@media (980px <= width) {
  .sec3 {
    padding-bottom: 6.75rem;
    padding-top: 4.375rem;
  }
}
.sec3__inner {
  background-color: var(--white);
  border-radius: min(5.1282051282vw, 1.875rem);
  margin-inline: auto;
  max-width: 980px;
  padding-bottom: min(26.6666666667vw, 6.5rem);
  padding-top: min(12.8205128205vw, 3.125rem);
  position: relative;
  width: calc(100% - min(512px, 2rem));
}
@media (980px <= width) {
  .sec3__inner {
    padding-bottom: 7rem;
    padding-top: 5rem;
  }
}
.sec3__title {
  -webkit-border-before: 0.25rem solid var(--c3);
          border-block-start: 0.25rem solid var(--c3);
  -webkit-border-after: 0.25rem solid var(--c3);
          border-block-end: 0.25rem solid var(--c3);
  margin-inline: auto;
  padding-block: min(1.5384615385vw, 0.375rem);
  width: min(74.358974359vw, 50rem);
}
.sec3__title span {
  align-items: center;
  display: flex;
  font-family: "Zen Maru Gothic", sans-serif;
  font-size: min(10.2564102564vw, 2.5rem);
  font-weight: 900;
  justify-content: center;
  line-height: 1;
  text-align: center;
  -webkit-transform: translateY(-0.05lh);
          transform: translateY(-0.05lh);
}
.sec3__title span::before, .sec3__title span::after {
  background: url("../img/icon_3.png") center no-repeat;
  background-size: contain;
  content: "";
  -webkit-transform: translateY(0.05lh);
  height: min(15.3846153846vw, 3.75rem);
          transform: translateY(0.05lh);
  width: min(15.3846153846vw, 3.75rem);
}
.sec3__title {
  -webkit-margin-after: min(12.8205128205vw, 3.125rem);
          margin-block-end: min(12.8205128205vw, 3.125rem);
  position: relative;
}
@media (980px <= width) {
  .sec3__title {
    -webkit-margin-after: 0;
            margin-block-end: 0;
  }
}
@media (980px <= width) {
  .sec3__title .accordion__summary-title {
    -webkit-transform: translateX(1.75rem);
            transform: translateX(1.75rem);
  }
}
.sec3__title .accordion__summary-hint {
  font-family: inherit;
  font-size: min(5.1282051282vw, 1.25rem);
  font-weight: 500;
  justify-content: center;
  position: absolute;
  text-align: start;
  -webkit-transform: none;
  left: 0;
  right: 0;
  top: calc(100% + min(3.8461538462vw, 0.9375rem));
          transform: none;
  white-space: normal;
}
.sec3__title .accordion__summary-hint::before {
  content: none;
}
@media (980px <= width) {
  .sec3__title .accordion__summary-hint {
    font-size: 0;
    justify-content: flex-end;
    position: static;
  }
}
.sec3__catch {
  font-family: "Zen Maru Gothic", sans-serif;
  font-size: min(7.1794871795vw, 1.75rem);
  font-weight: 900;
  line-height: 1.7;
  text-align: center;
  text-decoration: underline;
  text-decoration-color: #FFF07F;
  -webkit-text-decoration-skip-ink: none;
  margin-top: min(2.5641025641vw, 0.625rem);
          text-decoration-skip-ink: none;
  text-decoration-thickness: 0.6em;
  text-underline-offset: -0.3em;
}
@media (980px <= width) {
  .sec3__catch {
    margin-top: 2.5rem;
  }
}
.sec3__karugamo {
  bottom: max(-512px, -2rem);
  position: absolute;
  right: calc(50% - min(2944px, 11.5rem));
  width: min(4688px, 18.3125rem);
}
@media (980px <= width) {
  .sec3__karugamo {
    bottom: -2.375rem;
    right: 0;
    width: 20.8125rem;
  }
}

/*
登録方法STEP
*/
.sec3Step {
  display: flex;
  flex-direction: column;
  gap: min(12.3076923077vw, 3rem);
  margin-top: min(7.6923076923vw, 1.875rem);
}
@media (980px <= width) {
  .sec3Step {
    flex-direction: row;
    gap: 3.8125rem;
    justify-content: center;
    margin-top: 3.125rem;
  }
}
.sec3Step li {
  margin-inline: auto;
  position: relative;
  width: min(66.6666666667vw, 16.25rem);
}
@media (980px <= width) {
  .sec3Step li {
    margin-inline: 0;
    position: relative;
    width: 14.125rem;
  }
}
.sec3Step li:first-child::before {
  display: none;
}
.sec3Step li:last-child::before {
  display: block;
}
.sec3Step li::before {
  background-color: var(--c3);
  clip-path: polygon(0 0, 100% 0, 50% 100%);
  content: "";
  display: block;
  margin-inline: auto;
  -webkit-transform: translateY(-1.5rem);
  height: min(5.641025641vw, 1.375rem);
          transform: translateY(-1.5rem);
  width: min(15.3846153846vw, 3.75rem);
}
@media (980px <= width) {
  .sec3Step li::before {
    margin-inline: 0;
    position: absolute;
    rotate: -90deg;
    -webkit-transform: translateY(0);
    left: -3.625rem;
            transform: translateY(0);
  }
}
.sec3Step__step {
  background-color: var(--c3-step);
  border-radius: min(2.5641025641vw, 0.5rem);
  display: grid;
  font-family: "Zen Maru Gothic", sans-serif;
  font-size: min(5.1282051282vw, 1.25rem);
  font-weight: 900;
  height: min(9.7435897436vw, 1.9375rem);
  line-height: 1.2;
  margin-inline: auto;
  place-content: center;
  width: min(47.6923076923vw, 10.0625rem);
}
@media (980px <= width) {
  .sec3Step__step {
    font-size: 1.0625rem;
  }
}
.sec3Step__img {
  margin-top: min(5.8974358974vw, 1.25rem);
}
.sec3Step__img figcaption {
  font-size: min(4.1025641026vw, 1rem);
  line-height: 1.7;
  margin-top: min(5.1282051282vw, 1.25rem);
}
.sec3Step__img figcaption a {
  color: var(--link);
  text-decoration: underline;
}
.sec3Step__img figcaption a:focus-visible {
  text-decoration: none;
}
@media (any-hover: hover) {
  .sec3Step__img figcaption a:hover {
    text-decoration: none;
  }
}
.sec3Step__img figcaption a img {
  display: inline;
}
.sec3Step__img figcaption .notes__ref {
  color: var(--black);
  text-decoration: none;
}
@media (980px <= width) {
  .sec3Step li::before {
    top: 17.8125rem;
  }
}
.sec3Step__title {
  font-family: "Zen Maru Gothic", sans-serif;
  font-size: min(5.641025641vw, 1.375rem);
  font-weight: 900;
  text-align: center;
}
@media (980px <= width) {
  .sec3Step__title {
    font-size: 1.125rem;
  }
}
.sec3Step__titleText {
  display: block;
  margin-top: min(5.8974358974vw, 1.4375rem);
}
@media (980px <= width) {
  .sec3Step__titleText {
    margin-top: 1.25rem;
  }
}
.sec3Step__karugamo1 {
  position: absolute;
  right: max(-9.4871794872vw, -2.3125rem);
  top: min(1.2820512821vw, 0.3125rem);
  width: min(17.4358974359vw, 4.25rem);
}
@media (980px <= width) {
  .sec3Step__karugamo1 {
    left: -1.5625rem;
    right: auto;
    top: 0.4375rem;
    width: 3.1875rem;
  }
}
.sec3Step__karugamo2 {
  left: max(-9.7435897436vw, -2.375rem);
  position: absolute;
  top: min(3.8461538462vw, 0.9375rem);
  width: min(16.4102564103vw, 4rem);
}
@media (980px <= width) {
  .sec3Step__karugamo2 {
    left: -1.4375rem;
    top: 0.8125rem;
    width: 3rem;
  }
}
.sec3Step__karugamo3 {
  position: absolute;
  right: max(-8.9743589744vw, -2.1875rem);
  top: min(5.1282051282vw, 1.25rem);
  width: min(14.8717948718vw, 3.625rem);
}
@media (980px <= width) {
  .sec3Step__karugamo3 {
    left: -1.0625rem;
    right: auto;
    top: 1.0625rem;
    width: 2.6875rem;
  }
}

/*
こつこつ貯金の使い方
*/
.sec4 {
  background: url(../img/bg_4.png) center top no-repeat;
  background-color: var(--c4-bg);
  background-size: 100%;
  padding-bottom: min(10.2564102564vw, 2.5rem);
  padding-top: min(15.641025641vw, 3.8125rem);
}
@media (980px <= width) {
  .sec4 {
    padding-bottom: 4.375rem;
    padding-top: 6.3125rem;
  }
}
.sec4__inner {
  background-color: var(--white);
  border-radius: min(5.1282051282vw, 1.875rem);
  margin-inline: auto;
  max-width: 980px;
  padding-bottom: min(9.2307692308vw, 2.25rem);
  padding-top: min(12.8205128205vw, 3.125rem);
  position: relative;
  width: calc(100% - min(512px, 2rem));
}
@media (980px <= width) {
  .sec4__inner {
    padding-bottom: 6.25rem;
    padding-top: 5rem;
  }
}
.sec4__karugamo {
  position: absolute;
  rotate: -4.59deg;
  top: max(-608px, -2.375rem);
  width: min(1008px, 3.9375rem);
}
@media (980px <= width) {
  .sec4__karugamo {
    left: 1.0625rem;
    top: -3rem;
    width: 5.8125rem;
  }
}
.sec4__title {
  -webkit-border-before: 0.25rem solid var(--c4);
          border-block-start: 0.25rem solid var(--c4);
  -webkit-border-after: 0.25rem solid var(--c4);
          border-block-end: 0.25rem solid var(--c4);
  margin-inline: auto;
  padding-block: min(1.5384615385vw, 0.375rem);
  width: min(74.358974359vw, 50rem);
}
.sec4__title span {
  align-items: center;
  display: flex;
  font-family: "Zen Maru Gothic", sans-serif;
  font-size: min(10.2564102564vw, 2.5rem);
  font-weight: 900;
  justify-content: center;
  line-height: 1;
  text-align: center;
  -webkit-transform: translateY(-0.05lh);
          transform: translateY(-0.05lh);
}
.sec4__title span::before, .sec4__title span::after {
  background: url("../img/icon_4.png") center no-repeat;
  background-size: contain;
  content: "";
  -webkit-transform: translateY(0.05lh);
  height: min(15.3846153846vw, 3.75rem);
          transform: translateY(0.05lh);
  width: min(15.3846153846vw, 3.75rem);
}
.sec4__title {
  -webkit-margin-after: min(12.8205128205vw, 3.125rem);
          margin-block-end: min(12.8205128205vw, 3.125rem);
  position: relative;
}
@media (980px <= width) {
  .sec4__title {
    -webkit-margin-after: 0;
            margin-block-end: 0;
  }
}
@media (980px <= width) {
  .sec4__title .accordion__summary-title {
    -webkit-transform: translateX(1.75rem);
            transform: translateX(1.75rem);
  }
}
.sec4__title .accordion__summary-hint {
  font-family: inherit;
  font-size: min(5.1282051282vw, 1.25rem);
  font-weight: 500;
  justify-content: center;
  position: absolute;
  text-align: start;
  -webkit-transform: none;
  left: 0;
  right: 0;
  top: calc(100% + min(3.8461538462vw, 0.9375rem));
          transform: none;
  white-space: normal;
}
.sec4__title .accordion__summary-hint::before {
  content: none;
}
@media (980px <= width) {
  .sec4__title .accordion__summary-hint {
    font-size: 0;
    justify-content: flex-end;
    position: static;
  }
}
.sec4__title span {
  font-size: min(6.6666666667vw, 1.625rem);
}
@media (768px <= width) {
  .sec4__title span {
    font-size: 2.5rem;
  }
}
@media (980px <= width) {
  .sec4 .accordionDetail {
    margin-inline: auto;
    max-width: 50rem;
  }
}
.sec4__catch {
  font-family: "Zen Maru Gothic", sans-serif;
  font-size: min(7.1794871795vw, 1.75rem);
  font-weight: 900;
  line-height: 1.7;
  text-align: center;
  text-decoration: underline;
  text-decoration-color: #FFF07F;
  -webkit-text-decoration-skip-ink: none;
  margin-top: min(2.5641025641vw, 0.625rem);
          text-decoration-skip-ink: none;
  text-decoration-thickness: 0.6em;
  text-underline-offset: -0.3em;
}
@media (980px <= width) {
  .sec4__catch {
    margin-top: 2.5rem;
  }
}
.sec4__text {
  font-size: min(4.1025641026vw, 1rem);
  line-height: 1.7;
  margin-inline: auto;
  width: min(71.7948717949vw, 17.5rem);
}
@media (768px <= width) {
  .sec4__text {
    width: min(79.4871794872vw, 50rem);
  }
}
@media (768px <= width) {
  .sec4__text.-c {
    text-align: center;
  }
}
.sec4__text {
  margin-top: min(7.6923076923vw, 1.875rem);
}
.sec4__text a {
  color: var(--link);
  text-decoration: underline;
}
.sec4__text a:focus-visible {
  text-decoration: none;
}
@media (any-hover: hover) {
  .sec4__text a:hover {
    text-decoration: none;
  }
}
.sec4__text a span img {
  display: inline-block;
  vertical-align: middle;
}
.sec4__img {
  margin-inline: auto;
  margin-top: min(7.6923076923vw, 1.875rem);
  width: min(86.1538461538vw, 21rem);
}
@media (768px <= width) {
  .sec4__img {
    max-width: 50rem;
    width: 100%;
  }
}
.sec4__title2 {
  font-size: min(5.1282051282vw, 1.25rem);
  font-weight: 700;
  line-height: 1.4;
  margin-top: min(7.6923076923vw, 1.875rem);
  text-align: center;
}
.sec4__title3 {
  border-bottom: 4px solid var(--au-pay);
  color: var(--au-pay);
  font-size: min(6.1538461538vw, 1.5rem);
  font-weight: 700;
  margin-inline: auto;
  margin-top: min(7.6923076923vw, 1.875rem);
  padding-block: min(5.641025641vw, 1.375rem);
  text-align: center;
  width: min(79.4871794872vw, 50rem);
}
.sec4 .notes {
  margin-top: min(480px, 1.875rem);
}
.sec4__karugamo2 {
  bottom: max(-320px, -1.25rem);
  position: absolute;
  right: 0;
  width: min(1136px, 4.4375rem);
}
@media (980px <= width) {
  .sec4__karugamo2 {
    bottom: -2.375rem;
    right: 1.125rem;
    width: 6.5rem;
  }
}
.sec4 .anchor {
  margin-top: min(9.2307692308vw, 2.25rem);
}
@media (980px <= width) {
  .sec4 .anchor {
    margin-top: 2.875rem;
  }
}

/*
交換条件詳細リスト
*/
.sec4List {
  margin-inline: auto;
  margin-top: min(7.6923076923vw, 1.875rem);
  width: min(79.4871794872vw, 50rem);
}
.sec4List > li {
  margin-top: min(5.1282051282vw, 1.25rem);
}
.sec4List li a {
  text-decoration: underline;
}
.sec4List li a:focus-visible {
  text-decoration: none;
}
@media (any-hover: hover) {
  .sec4List li a:hover {
    text-decoration: none;
  }
}
.sec4List li a span img {
  display: inline-block;
  vertical-align: middle;
}
.sec4List__text {
  display: flex;
  gap: min(3.5897435897vw, 0.875rem);
}
.sec4List__text dt {
  width: min(12.0512820513vw, 2.9375rem);
}
.sec4List__text dd {
  flex: 1;
  font-size: min(4.1025641026vw, 1rem);
  line-height: 1.7;
}
.sec4List .notes {
  margin-bottom: min(7.6923076923vw, 1.875rem);
  margin-top: min(2.5641025641vw, 0.625rem);
}
.sec4List .notes li {
  color: var(--red);
  list-style-type: none;
}

/*
こつこつ貯金の使い方テーブル
*/
.sec4Table {
  border-bottom: 1px solid #CCC;
  border-collapse: separate;
  border-radius: 0.625rem;
  border-right: 1px solid #CCC;
  border-spacing: 0;
  margin-top: min(7.6923076923vw, 1.875rem);
  width: 100%;
}
.sec4Table th,
.sec4Table td {
  border-left: 1px solid #CCC;
  border-top: 1px solid #CCC;
  padding-block: min(160px, 0.625rem);
  padding-inline: min(96px, 0.375rem);
  vertical-align: middle;
}
@media (980px <= width) {
  .sec4Table th,
  .sec4Table td {
    padding-bottom: 1rem;
    padding-inline: 0.625rem;
  }
}
.sec4Table thead th {
  color: var(--white);
  font-size: min(4.1025641026vw, 1rem);
  font-weight: 700;
  padding-block: min(160px, 0.625rem);
  padding-inline: min(96px, 0.375rem);
  text-align: center;
}
.sec4Table thead th:first-child {
  background-color: transparent;
  border: 0;
}
.sec4Table__th.-au {
  background-color: var(--au);
  border-top-left-radius: 0.625rem;
}
.sec4Table__th.-uq {
  background-color: var(--uq);
  border-top-right-radius: 0.625rem;
}
.sec4Table__rowHead {
  background-color: #E2E2E2;
  font-size: min(3.0769230769vw, 0.75rem);
  font-weight: 400;
  text-align: center;
  width: min(15.641025641vw, 11.875rem);
}
@media (980px <= width) {
  .sec4Table__rowHead {
    font-size: 1rem;
  }
}
.sec4Table__rowHead.-tl {
  border-top-left-radius: 0.625rem;
}
.sec4Table__rowHead.-bl {
  border-bottom-left-radius: 0.625rem;
}
.sec4Table__cell {
  background-color: var(--white);
  font-size: min(3.5897435897vw, 0.875rem);
}
@media (980px <= width) {
  .sec4Table__cell {
    font-size: 1rem;
    text-align: center;
  }
}
.sec4Table__cell.-bold {
  font-size: min(4.1025641026vw, 1rem);
  font-weight: 700;
  text-align: center;
}
.sec4Table__cell.-br {
  border-bottom-right-radius: 0.625rem;
}
.sec4Table .visually-hidden {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  clip-path: inset(50%) !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  white-space: nowrap !important;
  width: 1px !important;
}

/*
au PAY 残高チャージ操作方法
*/
.sec4Step {
  display: flex;
  flex-direction: column;
  gap: min(12.3076923077vw, 3rem);
  margin-top: min(7.6923076923vw, 1.875rem);
}
@media (980px <= width) {
  .sec4Step {
    flex-direction: row;
    gap: 3.8125rem;
    justify-content: center;
    margin-top: 3.125rem;
  }
}
.sec4Step li {
  margin-inline: auto;
  position: relative;
  width: min(66.6666666667vw, 16.25rem);
}
@media (980px <= width) {
  .sec4Step li {
    margin-inline: 0;
    position: relative;
    width: 14.125rem;
  }
}
.sec4Step li:first-child::before {
  display: none;
}
.sec4Step li:last-child::before {
  display: block;
}
.sec4Step li::before {
  background-color: var(--c4);
  clip-path: polygon(0 0, 100% 0, 50% 100%);
  content: "";
  display: block;
  margin-inline: auto;
  -webkit-transform: translateY(-1.5rem);
  height: min(5.641025641vw, 1.375rem);
          transform: translateY(-1.5rem);
  width: min(15.3846153846vw, 3.75rem);
}
@media (980px <= width) {
  .sec4Step li::before {
    margin-inline: 0;
    position: absolute;
    rotate: -90deg;
    -webkit-transform: translateY(0);
    left: -3.625rem;
            transform: translateY(0);
  }
}
.sec4Step__step {
  background-color: var(--c4-step);
  border-radius: min(2.5641025641vw, 0.5rem);
  display: grid;
  font-family: "Zen Maru Gothic", sans-serif;
  font-size: min(5.1282051282vw, 1.25rem);
  font-weight: 900;
  height: min(9.7435897436vw, 1.9375rem);
  line-height: 1.2;
  margin-inline: auto;
  place-content: center;
  width: min(47.6923076923vw, 10.0625rem);
}
@media (980px <= width) {
  .sec4Step__step {
    font-size: 1.0625rem;
  }
}
.sec4Step__img {
  margin-top: min(5.8974358974vw, 1.25rem);
}
.sec4Step__img figcaption {
  font-size: min(4.1025641026vw, 1rem);
  line-height: 1.7;
  margin-top: min(5.1282051282vw, 1.25rem);
}
.sec4Step__img figcaption a {
  color: var(--link);
  text-decoration: underline;
}
.sec4Step__img figcaption a:focus-visible {
  text-decoration: none;
}
@media (any-hover: hover) {
  .sec4Step__img figcaption a:hover {
    text-decoration: none;
  }
}
.sec4Step__img figcaption a img {
  display: inline;
}
.sec4Step__img figcaption .notes__ref {
  color: var(--black);
  text-decoration: none;
}
@media (980px <= width) {
  .sec4Step li::before {
    top: 14.0625rem;
  }
}

/*
あんしんウォッチャー申し込み方法
*/
.sec5 {
  background: url(../img/bg_2.png) center top no-repeat;
  background-color: var(--c5-bg);
  background-size: 100%;
  padding-block: min(10.2564102564vw, 2.5rem);
}
@media (980px <= width) {
  .sec5 {
    padding-block: 4.375rem;
  }
}
.sec5__inner {
  background-color: var(--white);
  border-radius: min(2.5641025641vw, 0.625rem);
  margin-inline: auto;
  max-width: 980px;
  padding-top: min(5.1282051282vw, 1.25rem);
  width: calc(100% - min(512px, 2rem));
}
.sec5 .accordion__summary-title {
  font-size: min(384px, 1.5rem);
  font-weight: 500;
  line-height: 1.3;
  text-align: center;
  -webkit-transform: none;
          transform: none;
}
.sec5 .accordion__summary-hint {
  font-size: min(5.1282051282vw, 1.25rem);
  font-weight: 500;
  justify-content: center;
}
@media (980px <= width) {
  .sec5 .accordion__summary-hint {
    font-size: 0;
    justify-content: flex-end;
    -webkit-transform: translateX(-1.75rem);
            transform: translateX(-1.75rem);
  }
}
.sec5__text {
  font-size: min(4.1025641026vw, 1rem);
  line-height: 1.7;
  margin-inline: auto;
  width: min(71.7948717949vw, 17.5rem);
}
@media (768px <= width) {
  .sec5__text {
    width: min(79.4871794872vw, 50rem);
  }
}
@media (768px <= width) {
  .sec5__text.-c {
    text-align: center;
  }
}
.sec5__text {
  margin-top: min(7.6923076923vw, 1.875rem);
}
.sec5__text a {
  color: var(--link);
  text-decoration: underline;
}
.sec5__text a:focus-visible {
  text-decoration: none;
}
@media (any-hover: hover) {
  .sec5__text a:hover {
    text-decoration: none;
  }
}
.sec5__text a img {
  display: inline;
}

/*
あんしんウォッチャー申し込み方法STEP
*/
.sec5Step {
  display: flex;
  flex-direction: column;
  gap: min(12.3076923077vw, 3rem);
  margin-top: min(7.6923076923vw, 1.875rem);
}
@media (980px <= width) {
  .sec5Step {
    flex-direction: row;
    gap: 3.8125rem;
    justify-content: center;
    margin-top: 3.125rem;
  }
}
.sec5Step li {
  margin-inline: auto;
  position: relative;
  width: min(66.6666666667vw, 16.25rem);
}
@media (980px <= width) {
  .sec5Step li {
    margin-inline: 0;
    position: relative;
    width: 14.125rem;
  }
}
.sec5Step li:first-child::before {
  display: none;
}
.sec5Step li:last-child::before {
  display: block;
}
.sec5Step li::before {
  background-color: var(--c5);
  clip-path: polygon(0 0, 100% 0, 50% 100%);
  content: "";
  display: block;
  margin-inline: auto;
  -webkit-transform: translateY(-1.5rem);
  height: min(5.641025641vw, 1.375rem);
          transform: translateY(-1.5rem);
  width: min(15.3846153846vw, 3.75rem);
}
@media (980px <= width) {
  .sec5Step li::before {
    margin-inline: 0;
    position: absolute;
    rotate: -90deg;
    -webkit-transform: translateY(0);
    left: -3.625rem;
            transform: translateY(0);
  }
}
.sec5Step__step {
  background-color: var(--c5-step);
  border-radius: min(2.5641025641vw, 0.5rem);
  display: grid;
  font-family: "Zen Maru Gothic", sans-serif;
  font-size: min(5.1282051282vw, 1.25rem);
  font-weight: 900;
  height: min(9.7435897436vw, 1.9375rem);
  line-height: 1.2;
  margin-inline: auto;
  place-content: center;
  width: min(47.6923076923vw, 10.0625rem);
}
@media (980px <= width) {
  .sec5Step__step {
    font-size: 1.0625rem;
  }
}
.sec5Step__img {
  margin-top: min(5.8974358974vw, 1.25rem);
}
.sec5Step__img figcaption {
  font-size: min(4.1025641026vw, 1rem);
  line-height: 1.7;
  margin-top: min(5.1282051282vw, 1.25rem);
}
.sec5Step__img figcaption a {
  color: var(--link);
  text-decoration: underline;
}
.sec5Step__img figcaption a:focus-visible {
  text-decoration: none;
}
@media (any-hover: hover) {
  .sec5Step__img figcaption a:hover {
    text-decoration: none;
  }
}
.sec5Step__img figcaption a img {
  display: inline;
}
.sec5Step__img figcaption .notes__ref {
  color: var(--black);
  text-decoration: none;
}
.sec5Step {
  padding-bottom: min(15.3846153846vw, 3.75rem);
}
@media (980px <= width) {
  .sec5Step li::before {
    top: 14.0625rem;
  }
}

/*
注記
*/
.sec7 {
  background-color: var(--white);
  padding-bottom: min(15.3846153846vw, 3.75rem);
  padding-top: min(12.8205128205vw, 3.125rem);
}
@media (980px <= width) {
  .sec7 {
    padding-bottom: 4.375rem;
    padding-top: 3.75rem;
  }
}
.sec7__inner {
  margin-inline: auto;
  max-width: 55rem;
  width: calc(100% - 8.2051282051vw);
}
.sec7__title {
  font-size: min(192px, 0.75rem);
  font-weight: 700;
  line-height: 2;
}
.sec7__link {
  color: var(--link);
  font-size: min(192px, 0.75rem);
  line-height: 2;
  text-decoration: underline;
}
.sec7__link:focus-visible {
  text-decoration: none;
}
@media (any-hover: hover) {
  .sec7__link:hover {
    text-decoration: none;
  }
}
.sec7__link.-l {
  font-size: min(256px, 1rem);
}
.sec7__link.-c {
  text-align: center;
}
.sec7__link.-mb {
  margin-bottom: 1lh;
}
.sec7__link span img {
  display: inline-block;
  vertical-align: middle;
}
.sec7 .-mt {
  margin-top: min(7.6923076923vw, 1.875rem);
}
@media (980px <= width) {
  .sec7 .-mt {
    margin-top: 1.25rem;
  }
}
.sec7 .cta {
  margin-top: min(12.8205128205vw, 3.125rem);
}
@media (980px <= width) {
  .sec7 .cta {
    margin-top: 2.5rem;
  }
}

.sec7List li {
  font-size: min(192px, 0.75rem);
  line-height: 1.4;
  margin-bottom: min(96px, 0.375rem);
  text-indent: hanging 1.25em;
}
@media (980px <= width) {
  .sec7List li {
    line-height: 2;
  }
}
.sec7List.-list1 li:before {
  content: "・ ";
}
.sec7List.-list2 li:before {
  content: "※ ";
}
.sec7List.-list3 li:before {
  content: "● ";
}

/*
規約
*/
.kiyaku {
  background: url(../img/bg_1.png) center top no-repeat;
  background-color: var(--c1-bg);
  background-size: 100%;
  padding-bottom: min(17.9487179487vw, 4.375rem);
}
@media (980px <= width) {
  .kiyaku {
    padding-bottom: 5.625rem;
  }
}
.kiyaku__inner {
  background-color: var(--white);
  border-radius: min(5.1282051282vw, 1.875rem);
  margin-inline: auto;
  margin-top: min(944px, 3.6875rem);
  max-width: 980px;
  padding-block: min(960px, 3.75rem);
  position: relative;
  width: calc(100% - min(512px, 2rem));
}
@media (980px <= width) {
  .kiyaku__inner {
    margin-top: 4.375rem;
    padding-block: 5rem 6.25rem;
  }
}
.kiyaku__karugamo {
  left: min(192px, 0.75rem);
  position: absolute;
  top: max(-512px, -2rem);
  width: min(1136px, 4.4375rem);
}
@media (980px <= width) {
  .kiyaku__karugamo {
    left: 3.625rem;
    top: -2.5rem;
    width: 6rem;
  }
}
.kiyaku__title {
  -webkit-border-before: 0.25rem solid var(--c1);
          border-block-start: 0.25rem solid var(--c1);
  -webkit-border-after: 0.25rem solid var(--c1);
          border-block-end: 0.25rem solid var(--c1);
  margin-inline: auto;
  padding-block: min(1.5384615385vw, 0.375rem);
  width: min(74.358974359vw, 50rem);
}
.kiyaku__title span {
  align-items: center;
  display: flex;
  font-family: "Zen Maru Gothic", sans-serif;
  font-size: min(10.2564102564vw, 2.5rem);
  font-weight: 900;
  justify-content: center;
  line-height: 1;
  text-align: center;
  -webkit-transform: translateY(-0.05lh);
          transform: translateY(-0.05lh);
}
.kiyaku__title span::before, .kiyaku__title span::after {
  background: url("../img/icon_1.png") center no-repeat;
  background-size: contain;
  content: "";
  -webkit-transform: translateY(0.05lh);
  height: min(15.3846153846vw, 3.75rem);
          transform: translateY(0.05lh);
  width: min(15.3846153846vw, 3.75rem);
}
.kiyaku__title {
  margin-bottom: min(320px, 1.25rem);
}
@media (980px <= width) {
  .kiyaku__title {
    margin-bottom: 2.5rem;
  }
}
.kiyaku__title span {
  font-size: min(6.4102564103vw, 2.5rem);
}
.kiyaku__title span::before, .kiyaku__title span::after {
  display: none;
}
.kiyaku__text {
  font-size: min(224px, 0.875rem);
  margin-inline: auto;
  margin-top: min(96px, 0.375rem);
  width: min(81.5384615385vw, 50rem);
}
@media (980px <= width) {
  .kiyaku__text {
    font-size: 1rem;
  }
}
.kiyaku__text.-mt {
  margin-top: min(320px, 1.25rem);
}
.kiyaku__title2 {
  font-size: min(224px, 0.875rem);
  font-weight: 700;
  margin-inline: auto;
  margin-top: min(320px, 1.25rem);
  width: min(81.5384615385vw, 50rem);
}
@media (980px <= width) {
  .kiyaku__title2 {
    font-size: 1rem;
  }
}
.kiyaku__title3 {
  font-size: min(224px, 0.875rem);
  margin-inline: auto;
  margin-top: min(320px, 1.25rem);
  width: min(81.5384615385vw, 50rem);
}
@media (980px <= width) {
  .kiyaku__title3 {
    font-size: 1rem;
  }
}
.kiyaku__title2 + .kiyaku__title3 {
  margin-top: min(96px, 0.375rem);
}
.kiyaku__karugamo2 {
  bottom: max(-640px, -2.5rem);
  position: absolute;
  right: min(160px, 0.625rem);
  width: min(1088px, 4.25rem);
}
@media (980px <= width) {
  .kiyaku__karugamo2 {
    bottom: -4.0625rem;
    right: 0.75rem;
    width: 6.125rem;
  }
}

/*
規約リスト
*/
.kiyakuList li {
  font-size: min(224px, 0.875rem);
  list-style-position: inside;
  list-style-type: decimal;
  margin-inline: auto;
  margin-top: min(96px, 0.375rem);
  text-indent: hanging 1.25em;
  width: min(81.5384615385vw, 50rem);
}
@media (980px <= width) {
  .kiyakuList li {
    font-size: 1rem;
  }
}
.kiyakuList a {
  color: var(--link);
  text-decoration: underline;
}
.kiyakuList a:focus-visible {
  text-decoration: none;
}
@media (any-hover: hover) {
  .kiyakuList a:hover {
    text-decoration: none;
  }
}
.kiyakuList a span img {
  display: inline-block;
  vertical-align: middle;
}
.kiyakuList__list {
  padding-left: 1.5em;
}
.kiyakuList__list li {
  counter-increment: cnt;
  list-style-type: none;
  text-indent: hanging 2em;
  width: calc(min(81.5384615385vw, 50rem) - 1.5em);
}
.kiyakuList__list li::before {
  content: counter(cnt) ")";
  display: inline-block;
  text-indent: 0;
  width: 2em;
}
.kiyakuList__list2 {
  padding-left: 1.5em;
}
.kiyakuList__list2 li {
  counter-increment: cnt;
  list-style-type: none;
  text-indent: hanging 2em;
  width: calc(min(81.5384615385vw, 50rem) - 1.5em);
}
.kiyakuList__list2 li::before {
  content: counter(cnt, katakana) ")";
  display: inline-block;
  text-indent: 0;
  width: 2em;
}

.visually-hidden {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  clip-path: inset(50%) !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  white-space: nowrap !important;
  width: 1px !important;
}

/*
print
*/
@media print {
  * {
    background: transparent !important;
    border-color: black !important;
    box-shadow: none !important;
    color: black !important;
    text-shadow: none !important;
  }
  body {
    width: 210mm;
  }
  header,
  footer {
    display: none !important;
  }
  footer::after {
    content: "";
  }
  .-noprint {
    display: none;
  }
}
@page {
  margin: 0;
  size: A4;
}