@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Lato:wght@100;300;400;700;900&family=Raleway:wght@100;200;300;400;500;600;700;800;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@500;700;900&display=swap");
/*! destyle.css v1.0.13 | MIT License | https://github.com/nicolas-cusan/destyle.css */
/* Reset box-model
   ========================================================================== */
* {
  box-sizing: border-box;
}

::before,
::after {
  box-sizing: inherit;
}

/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 * 3. Remove gray overlay on links for iOS.
 */
html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
  -webkit-tap-highlight-color: transparent; /* 3*/
}

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block;
}

/* Vertical rhythm
   ========================================================================== */
p,
table,
blockquote,
address,
pre,
iframe,
form,
figure,
dl {
  margin: 0;
}

/* Headings
   ========================================================================== */
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  line-height: inherit;
  font-weight: inherit;
  margin: 0;
}

/* Lists (enumeration)
   ========================================================================== */
ul,
ol {
  margin: 0;
  padding: 0;
  list-style: none;
}

/* Lists (definition)
   ========================================================================== */
dt {
  font-weight: bold;
}

dd {
  margin-left: 0;
}

/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
  border: 0;
  border-top: 1px solid;
  margin: 0;
  clear: both;
  color: inherit;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace; /* 1 */
  font-size: inherit; /* 2 */
}

address {
  font-style: inherit;
}

/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
  text-decoration: none;
  color: inherit;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: inherit; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
  vertical-align: bottom;
}

embed,
object,
iframe {
  border: 0;
  vertical-align: bottom;
}

/* Forms
   ========================================================================== */
/**
 * Reset form fields to make them styleable
 * 1. Reset radio and checkbox to preserve their look in iOS.
 */
button,
input,
optgroup,
select,
textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  vertical-align: middle;
  color: inherit;
  font: inherit;
  border: 0;
  background: transparent;
  padding: 0;
  margin: 0;
  outline: 0;
  border-radius: 0;
  text-align: inherit;
}

[type=checkbox] {
  /* 1 */
  -webkit-appearance: checkbox;
  -moz-appearance: checkbox;
       appearance: checkbox;
}

[type=radio] {
  /* 1 */
  -webkit-appearance: radio;
  -moz-appearance: radio;
       appearance: radio;
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type=button],
[type=reset],
[type=submit] {
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
}

button[disabled],
[type=button][disabled],
[type=reset][disabled],
[type=submit][disabled] {
  cursor: default;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Remove padding
 */
option {
  padding: 0;
}

/**
 * Reset to invisible
 */
fieldset {
  margin: 0;
  padding: 0;
  border: 0;
  min-width: 0;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Remove the padding in IE 10.
 */
[type=checkbox],
[type=radio] {
  padding: 0; /* 1 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the outline style in Safari.
 */
[type=search] {
  outline-offset: -2px; /* 1 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/**
 * Clickable labels
 */
label[for] {
  cursor: pointer;
}

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Table
   ========================================================================== */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

caption {
  text-align: left;
}

td,
th {
  vertical-align: top;
  padding: 0;
}

th {
  text-align: left;
  font-weight: bold;
}

/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}

.u-line-clamp1 {
  display: -webkit-box !important;
  width: 100%;
  /* autoprefixer: off */
  -webkit-box-orient: vertical;
  /* autoprefixer: on */
  -webkit-line-clamp: 1;
  overflow: hidden;
}

.u-line-clamp2 {
  display: -webkit-box !important;
  width: 100%;
  /* autoprefixer: off */
  -webkit-box-orient: vertical;
  /* autoprefixer: on */
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.u-line-clamp3 {
  display: -webkit-box !important;
  width: 100%;
  /* autoprefixer: off */
  -webkit-box-orient: vertical;
  /* autoprefixer: on */
  -webkit-line-clamp: 3;
  overflow: hidden;
}

.u-line-height-16_28 {
  line-height: 1.75 !important;
}

.u-line-height-16_30 {
  line-height: 1.875 !important;
}

.u-line-height-24_42 {
  line-height: 1.75 !important;
}

:root {
  --base-color: #ff2c1f;
  --base-color2: #ffdfdd;
  --base-color3: #ffa6a1;
  --sub-color: #ffe76e;
  --bg-gra-color1: #ffb5b1;
  --bg-gra-color2: #ff8982;
  --bg-gra-color3: #ffda31;
  --bg-gra-color4: #ffe76e;
  --bg-gra-color5: #f5f5f5;
  --bg-gra-color6: #ccc;
  --border-color: #bbbebf;
  --border-color2: #d9d9d9;
  --bae-gray: #999;
  --header-H: 118px;
  --header-H-sp: 70px;
  --header-HL: 70px;
  --radius: 32px;
  --radius-sp: 16px;
  --side-padding: 8px;
  --side-padding2: calc(var(--side-padding) * 2);
}

html {
  scroll-behavior: smooth;
  overflow-y: scroll;
}

body {
  min-height: 100vh;
  font-family: "Noto Sans JP", sans-serif;
  background-color: #f5f5f5;
}

a:hover {
  text-decoration: none;
  color: inherit;
}

@media (hover: hover) {
  /* リンクの場合 */
  a:-moz-any-link {
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
  }
  a:any-link {
    transition: all 300ms ease;
  }
  a:-moz-any-link:hover {
    color: var(--base-color);
  }
  a:any-link:hover {
    color: var(--base-color);
  }
  /* ボタンの場合 */
  button:enabled:hover {
    opacity: 0.7;
    transition: all 300ms ease;
  }
  /* 特定できない場合 */
  .button:where(:-moz-any-link, :enabled, summary):hover {
    opacity: 0.7;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
  }
  .button:where(:any-link, :enabled, summary):hover {
    opacity: 0.7;
    transition: all 300ms ease;
  }
}
img {
  max-width: 100%;
  height: auto;
}
img[src*=-pc] {
  display: inline-block;
}
@media screen and (max-width: 769px) {
  img[src*=-pc] {
    display: none;
  }
}
img[src*=-sp] {
  display: none;
}
@media screen and (max-width: 769px) {
  img[src*=-sp] {
    display: inline-block;
  }
}

table {
  width: 100%;
}

button:focus {
  outline: none;
}

main,
section {
  position: relative;
}

.l-contents {
  width: 100%;
  max-width: 1000px;
  margin-right: auto;
  margin-left: auto;
}
@media screen and (min-width: 1200px) and (max-height: 720px) {
  .l-contents {
    padding-right: var(--side-padding2);
    padding-left: var(--side-padding2);
  }
}
.l-contents--w1600 {
  width: 100%;
  max-width: 1600px;
  margin-right: auto;
  margin-left: auto;
}
@media screen and (min-width: 1200px) and (max-height: 720px) {
  .l-contents--w1600 {
    padding-right: var(--side-padding2);
    padding-left: var(--side-padding2);
  }
}
@media screen and (max-width: 1024px) {
  .l-contents--w1600 {
    padding-right: var(--side-padding2);
    padding-left: var(--side-padding2);
  }
}
.l-contents--w1240 {
  width: 100%;
  max-width: 1240px;
  margin-right: auto;
  margin-left: auto;
}
@media screen and (min-width: 1200px) and (max-height: 720px) {
  .l-contents--w1240 {
    padding-right: var(--side-padding2);
    padding-left: var(--side-padding2);
  }
}
@media screen and (max-width: 1024px) {
  .l-contents--w1240 {
    padding-right: var(--side-padding2);
    padding-left: var(--side-padding2);
  }
}
.l-contents--w1000 {
  width: 100%;
  max-width: 1000px;
  margin-right: auto;
  margin-left: auto;
}
@media screen and (min-width: 1200px) and (max-height: 720px) {
  .l-contents--w1000 {
    padding-right: var(--side-padding2);
    padding-left: var(--side-padding2);
  }
}
@media screen and (max-width: 1024px) {
  .l-contents--w1000 {
    padding-right: var(--side-padding2);
    padding-left: var(--side-padding2);
  }
}
.l-contents--w900 {
  width: 100%;
  max-width: 900px;
  margin-right: auto;
  margin-left: auto;
}
@media screen and (min-width: 1200px) and (max-height: 720px) {
  .l-contents--w900 {
    padding-right: var(--side-padding2);
    padding-left: var(--side-padding2);
  }
}
@media screen and (max-width: 1024px) {
  .l-contents--w900 {
    padding-right: var(--side-padding2);
    padding-left: var(--side-padding2);
  }
}
.l-contents--w650 {
  width: 100%;
  max-width: 650px;
  margin-right: auto;
  margin-left: auto;
}
@media screen and (min-width: 1200px) and (max-height: 720px) {
  .l-contents--w650 {
    padding-right: var(--side-padding2);
    padding-left: var(--side-padding2);
  }
}
@media screen and (max-width: 1024px) {
  .l-contents--w650 {
    padding-right: var(--side-padding2);
    padding-left: var(--side-padding2);
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.c-article__date {
  display: block;
  font-family: "Lato", sans-serif;
  font-size: clamp(11px, 1.833vw, 11px);
  color: var(--text-gray);
}
.c-article__title {
  flex-shrink: 0;
  font-family: "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "HGP明朝B", serif;
  font-size: clamp(18px, 3vw, 20px);
  color: #000;
  line-height: 1.75;
}
.c-article__title--sub {
  margin: 13px 0 16px 0;
  font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;
  font-size: clamp(14px, 2.333vw, 15px);
}
.c-article__title--sub.is-detail {
  margin: 0 auto 32px auto;
  font-size: clamp(14px, 2.333vw, 16px);
  font-weight: 600;
}
@media screen and (max-width: 769px) {
  .c-article__title--sub.is-detail {
    margin: 0 auto 16px auto;
  }
}
.c-article__title-image {
  position: relative;
  aspect-ratio: 2;
}
.c-article__title-image > iframe {
  width: 100%;
  height: 100%;
}
.c-article__title-image > img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@supports not (aspect-ratio: auto) {
  .c-article__title-image {
    position: relative;
  }
  .c-article__title-image::before {
    float: left;
    padding: 50% 0 0;
    content: "";
  }
  .c-article__title-image::after {
    display: block;
    clear: both;
    content: "";
  }
  .c-article__title-image > img,
  .c-article__title-image > iframe {
    position: absolute;
    inset: 0;
    margin: 0;
  }
}
.c-article__description {
  font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;
  font-size: clamp(12px, 2vw, 13px);
  font-weight: 500;
  line-height: 1.75;
}
.c-article__tag {
  font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;
  font-size: clamp(11px, 1.833vw, 12px);
  color: var(--text-gray);
}
.c-article__tag + li {
  margin-left: 13px;
}
.c-article__tag-list {
  display: flex;
}
.c-article__image {
  width: 100%;
  max-width: 300px;
  margin: 0 auto;
  text-align: center;
}
@media screen and (min-width: 601px) {
  .c-article__image {
    max-width: 600px;
  }
}
.c-article__image--w450 {
  width: 100%;
  max-width: 200px;
  margin: 0 auto;
  text-align: center;
}
@media screen and (min-width: 601px) {
  .c-article__image--w450 {
    max-width: 450px;
  }
}
.c-article__image-caption {
  margin-top: 10px;
  font-size: clamp(10px, 1.667vw, 10px);
  font-weight: bold;
  text-align: left;
}

.c-btn {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100px;
  border: 2px solid transparent;
  border-radius: 9999px;
  transition: all 500ms;
}
@media screen and (max-width: 600px) {
  .c-btn {
    display: flex;
    width: calc(100% - 32px);
    height: 50px;
    margin: 0 auto;
  }
}
.c-btn + .c-btn {
  margin-top: 32px;
}
@media screen and (max-width: 769px) {
  .c-btn + .c-btn {
    margin-top: 16px;
  }
}
.c-btn::before {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  content: "";
  background-color: #000;
  border-radius: 9999px;
  transition: 500ms cubic-bezier(0.8, 0, 0.2, 1) 0s;
  transform: scale(1, 1);
  transform-origin: center;
}
.c-btn:hover {
  color: #000;
  background-color: #fff;
  border-color: #000;
  opacity: 1;
}
.c-btn:hover::before {
  transform: scale(0, 0);
}
.c-btn:hover span {
  color: #000;
  transition: all 500ms;
}
.c-btn:hover svg path {
  stroke: #000 !important;
}
.c-btn span {
  position: relative;
  z-index: 3;
  font-size: clamp(18px, 3vw, 24px);
  font-weight: bold;
  color: #fff;
}
.c-btn svg {
  position: absolute;
  top: 50%;
  z-index: 3;
  right: 24px;
  height: 20px;
  margin-right: 8px;
  transform: translateY(-50%);
}
@media screen and (max-width: 769px) {
  .c-btn svg {
    height: 13px;
    margin-right: 0;
  }
}
.c-btn--partner {
  height: 70px;
  overflow: hidden;
  border-radius: 10px;
}
@media screen and (max-width: 600px) {
  .c-btn--partner {
    width: 100%;
    height: 50px;
  }
}
.c-btn--partner::before {
  background-color: #ffc64a;
  border-radius: 10px;
}
.c-btn--partner:hover {
  color: #ffc64a;
  background-color: #fff;
  border-color: #ffc64a;
}
.c-btn--partner:hover span {
  color: #ffc64a;
}

.c-category__wrapper {
  width: 100%;
  overflow: hidden;
}
.c-category__list {
  display: flex;
  gap: 10px;
  overflow-x: auto;
}
.c-category__anchor {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 11px 24px;
  color: #999;
  border-width: 1px;
  border-style: solid;
  border-radius: 10px;
  white-space: nowrap;
}
.c-category__anchor:hover {
  opacity: 1;
}

.c-form__box {
  display: flex;
  align-items: center;
  gap: 32px;
  margin-bottom: 40px;
}
@media screen and (max-width: 769px) {
  .c-form__box {
    margin-bottom: 32px;
  }
}
@media screen and (max-width: 600px) {
  .c-form__box {
    flex-direction: column;
    gap: 16px;
  }
}
.c-form__label {
  display: flex;
  align-items: center;
  min-width: 448px;
}
@media screen and (max-width: 600px) {
  .c-form__label {
    width: 100%;
    min-width: initial;
  }
}
.c-form__label.is-required {
  position: relative;
}
.c-form__label.is-required::after {
  display: block;
  width: 6px;
  height: 6px;
  margin-left: 4px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20data-name%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC%201%22%20viewBox%3D%220%200%206%206%22%3E%3Cpath%20d%3D%22M3.2%203%206%20.2%205.8%200%203%202.8.2%200%200%20.2%202.8%203%200%205.8l.2.2L3%203.2%205.8%206l.2-.2L3.2%203ZM3%20.5c-.4%200-.7.3-.7.7%200%20.4.3.7.7.7.4%200%20.7-.3.7-.7%200-.4-.3-.7-.7-.7ZM1.1%202.4c-.4%200-.7.3-.7.7%200%20.4.3.7.7.7.4%200%20.7-.3.7-.7%200-.4-.3-.7-.7-.7Zm3.7%200c-.4%200-.7.3-.7.7%200%20.4.3.7.7.7.4%200%20.7-.3.7-.7%200-.4-.3-.7-.7-.7ZM2.9%204.3c-.4%200-.7.3-.7.7%200%20.4.3.7.7.7.4%200%20.7-.3.7-.7%200-.4-.3-.7-.7-.7Z%22%20data-name%3D%22%E3%83%91%E3%82%B9%2011%22%20style%3D%22fill%3A%23cb0000%3Bstroke-width%3A0%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  content: "";
}
.c-form__label > a {
  text-decoration: underline;
}
.is-mypage .c-form__label {
  color: #444;
}
.c-form__label input {
  padding: 4px 8px;
  background-color: #fff;
  border-radius: 4px;
  filter: drop-shadow(0 0 4px rgba(0, 0, 0, 0.1));
  -webkit-appearance: auto;
     -moz-appearance: auto;
          appearance: auto;
}
.c-form__item input:not([type=radio]),
.c-form__item input:not([type=chckbox]) {
  width: 100%;
  padding: 16px;
  background-color: var(--base-gray);
  border-radius: 8px;
}
.c-form__item textarea {
  width: 100%;
  height: 150px;
  padding: 16px;
  background-color: var(--base-gray);
  border-radius: 8px;
}
.c-form__item-box {
  display: flex;
  align-items: center;
}
.c-form--error {
  border: 2px solid var(--alert-color);
}
.c-form--free-word {
  padding: 11px !important;
  background-color: #fff !important;
  border: 1px solid #ccc;
}
.c-form-classification-radio + .c-form-classification-radio {
  margin-top: 10px;
}
.c-form-classification-radio input[type=radio] {
  display: none;
}
.c-form-classification-radio input[type=radio]:checked + label {
  background-color: #ccc;
}
.c-form-classification-radio label {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 50px;
  border: 1px solid #ccc;
  border-radius: 4px;
  transition: all 300ms ease;
}
.c-form-select__label {
  position: relative;
  width: 100%;
  height: 50px;
  padding: 8px 16px;
  background-color: #fff;
  border: 1px solid #999;
  border-radius: 10px;
}
.c-form-select__label select {
  width: 100%;
  height: 100%;
  -webkit-appearance: auto;
     -moz-appearance: auto;
          appearance: auto;
}
.c-form-select__label::before {
  position: absolute;
  right: 48px;
  display: block;
  width: 1px;
  height: calc(100% - 16px);
  content: "";
  background-color: #999;
  pointer-events: none;
}
.c-form-select__label--2 select {
  padding: 4px 8px;
  background-color: #fff;
  border-radius: 4px;
  filter: drop-shadow(0 0 4px rgba(0, 0, 0, 0.1));
  -webkit-appearance: auto;
     -moz-appearance: auto;
          appearance: auto;
}
.c-form-select__label--2 span {
  margin: 0 6px;
}
.c-form__anchor {
  font-size: 14px;
  color: #999;
  text-decoration: underline;
}

input[type=checkbox] {
  display: none;
}

input[type=radio] {
  display: none;
}

input[type=checkbox] + label:not(.c-hamburger__label) {
  position: relative;
  display: inline-flex;
  align-items: center;
  width: 100%;
}
input[type=checkbox] + label:not(.c-hamburger__label) > .c-form__label {
  margin: 0 0 0 10px;
}
input[type=checkbox] + label:not(.c-hamburger__label)::before {
  display: block;
  width: 25px;
  height: 25px;
  content: "";
  background-color: var(--base-gray);
  cursor: pointer;
}

input[type=checkbox]:checked + label:not(.c-hamburger__label)::before {
  background: var(--base-gray);
}
input[type=checkbox]:checked + label:not(.c-hamburger__label)::after {
  position: absolute;
  top: 38%;
  left: 7px;
  display: block;
  width: 16px;
  height: 8px;
  content: "";
  border-bottom: 4px solid var(--base-color);
  border-left: 4px solid var(--base-color);
  transform: rotate(-45deg) translateY(-50%);
}

input[type=radio] + label:not(.c-form-select__label) {
  position: relative;
  display: inline-flex;
  align-items: center;
  width: 100%;
}
input[type=radio] + label:not(.c-form-select__label) > .c-form__label {
  margin: 0 0 0 10px;
}
input[type=radio] + label:not(.c-form-select__label)::before {
  display: block;
  width: 10px;
  height: 10px;
  margin-left: 8px;
  content: "";
  background-color: var(--sub-gray);
  border-radius: 100%;
  cursor: pointer;
}
.no-radio input[type=radio] + label:not(.c-form-select__label)::before {
  background-color: transparent;
}

input[type=radio]:checked + label:not(.c-form-select__label)::before {
  background: var(--base-color);
}

.menu {
  display: flex;
  flex-direction: column;
  list-style: none;
}

/* メニューの項目 */
.menu li {
  margin-left: 20px;
}

/* チェックボックス */
#menu-btn {
  display: none;
}

/* チェックボックスのラベル */
#menu-btn + label {
  z-index: 10;
  display: none;
  cursor: pointer;
}

@media screen and (max-width: 769px) {
  .menu {
    position: absolute;
    top: 0;
    left: -100%;
    width: 0;
    height: 0;
    background-color: #fff;
    opacity: 0;
    transition: all 500ms ease;
  }
  /* チェックボックスがチェックされたときのメニューのスタイル */
  #menu-btn:checked ~ .menu {
    left: 0;
    width: 100%;
    height: 100vh;
    opacity: 1;
  }
  /* チェックボックスのラベルを表示する */
  #menu-btn + label {
    display: flex;
    justify-content: flex-end;
  }
  /* チェックボックスがチェックされたときのメニューの項目のスタイル */
  #menu-btn:checked ~ .menu li {
    margin: 10px 0;
  }
}
.hamburger .line {
  width: 22px;
  height: 2px;
  background-color: var(--base-color);
  display: block;
  margin: 8px auto;
  transition: all 0.3s ease-in-out;
}

.hamburger:hover {
  cursor: pointer;
}

#hamburger-11 {
  transition: all 0.3s ease-in-out;
}

#hamburger-11.is-active {
  animation: smallbig 0.6s forwards;
}

@keyframes smallbig {
  0%, 100% {
    transform: scale(1);
  }
  50% {
    transform: scale(0);
  }
}
#hamburger-11.is-active .line:nth-child(1),
#hamburger-11.is-active .line:nth-child(2),
#hamburger-11.is-active .line:nth-child(3) {
  transition-delay: 0.2s;
}

#hamburger-11.is-active .line:nth-child(2) {
  opacity: 0;
}

#hamburger-11.is-active .line:nth-child(1) {
  transform: translateY(7px) rotate(45deg);
}

#hamburger-11.is-active .line:nth-child(3) {
  transform: translateY(-13px) rotate(-45deg);
}

.c-label {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  border-radius: 8px;
}
.c-label.viewed {
  padding: 2px 8px;
  margin-left: 8px;
  font-size: clamp(11px, 1.833vw, 15px);
  color: #fff;
  background-color: var(--color-yellow);
}
.c-label.matching {
  padding: 8px 24px;
  font-size: clamp(18px, 3vw, 20px);
}
.c-label.matching.is60 {
  color: var(--color-matching60);
  background-color: var(--color-matching60-bg);
}
.c-label.matching.is80 {
  color: var(--color-matching80);
  background-color: var(--color-matching80-bg);
}
@media screen and (max-width: 600px) {
  .c-label.matching.is80 {
    width: 100%;
  }
}
.c-label.status {
  padding: 4px 16px;
  font-size: clamp(14px, 2.333vw, 16px);
  color: var(--color-main);
  border: 1px solid var(--color-main);
}
.c-label.free {
  padding: 0 16px;
  margin-right: 16px;
  font-size: clamp(16px, 2.667vw, 30px);
  color: var(--color-sub);
  background-color: #fff;
  border-radius: 100px;
}
.c-label__list {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.c-logo {
  position: relative;
  aspect-ratio: 4.2285714286;
  position: absolute;
  inset: 0;
  width: 148px;
  margin: auto;
}
.c-logo > iframe {
  width: 100%;
  height: 100%;
}
.c-logo > img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@supports not (aspect-ratio: auto) {
  .c-logo {
    position: relative;
  }
  .c-logo::before {
    float: left;
    padding: 23.6486486486% 0 0;
    content: "";
  }
  .c-logo::after {
    display: block;
    clear: both;
    content: "";
  }
  .c-logo > img,
  .c-logo > iframe {
    position: absolute;
    inset: 0;
    margin: 0;
  }
}

.c-lower__title {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 32px auto;
  font-weight: 700;
  color: var(--base-color);
}
@media screen and (max-width: 769px) {
  .c-lower__title {
    margin: 0 auto 24px auto;
  }
}
@media screen and (max-width: 600px) {
  .c-lower__title {
    flex-direction: column;
  }
}
.c-lower__title span {
  color: #999;
}
.c-lower__title-box {
  margin: 0 auto 40px auto;
}

.c-modal-dialog {
  max-width: 1150px;
}
@media screen and (max-width: 1024px) {
  .c-modal-dialog {
    margin: 0 32px;
  }
}
@media screen and (max-width: 600px) {
  .c-modal-dialog {
    margin: 0;
  }
}
.c-modal-content {
  width: 100%;
  padding: 80px 100px;
  background-color: #fff;
  border-radius: 20px;
}
@media screen and (max-width: 1024px) {
  .c-modal-content {
    padding: 32px;
  }
}
@media screen and (max-width: 600px) {
  .c-modal-content {
    padding: 16px 0;
  }
}
.c-modal-content a {
  text-decoration: underline;
}
.c-modal__title {
  margin: 0 auto 64px auto;
  font-weight: 700;
  line-height: 53.125%;
  text-align: center;
  color: var(--base-color);
}
@media screen and (max-width: 1024px) {
  .c-modal__title {
    width: 100%;
    padding-bottom: 32px;
    margin: 0;
    line-height: initial;
    border-bottom: 2px solid var(--base-color);
  }
}
.c-modal-area {
  display: flex;
  gap: 16px;
}
.c-modal-area + .c-modal-area {
  margin-top: 20px;
}
@media screen and (max-width: 1024px) {
  .c-modal-area + .c-modal-area {
    margin-top: 0;
  }
}
@media screen and (max-width: 1024px) {
  .c-modal-area {
    flex-direction: column;
  }
}
.c-modal-area__list {
  display: flex;
  align-items: center;
  gap: 16px;
}
@media screen and (max-width: 1024px) {
  .c-modal-area__list {
    display: none;
  }
}
.c-modal-area__list-name {
  flex-shrink: 0;
  min-width: 176px;
  padding: 10px;
  font-size: clamp(16px, 2.667vw, 14px);
  font-weight: 400;
  text-align: center;
  background: #f7f7f7;
  border-radius: 4px;
  pointer-events: none;
}
@media screen and (max-width: 1024px) {
  .c-modal-area__list-name {
    position: relative;
    text-align: left;
    background: #fff;
    border-bottom: 1px solid var(--border-color2);
    pointer-events: auto;
  }
  .c-modal-area__list-name::after {
    position: absolute;
    top: 50%;
    right: 10px;
    display: block;
    width: 20px;
    height: 20px;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2221%22%20height%3D%2220%22%20fill%3D%22none%22%3E%3Cpath%20stroke%3D%22%23999%22%20d%3D%22m19.27%205.833-8.377%208.334-8.379-8.334%22%2F%3E%3C%2Fsvg%3E");
    background-repeat: no-repeat;
    content: "";
    transform: translateY(-50%);
  }
}
.c-modal-area__list li {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  gap: 16px;
}
@media screen and (max-width: 1024px) {
  .c-modal-area__list li {
    gap: 0;
  }
}
.c-modal-area__list li::after {
  content: "|";
}
@media screen and (max-width: 1024px) {
  .c-modal-area__list li::after {
    content: "";
  }
}
.c-modal-area__list li:last-child::after {
  content: "";
}
.c-modal-area__anchor {
  display: block;
  font-size: clamp(16px, 2.667vw, 14px);
  text-decoration-line: underline;
}
@media screen and (max-width: 1024px) {
  .c-modal-area__anchor {
    width: 100%;
    padding: 0 24px 10px 24px;
    color: #999;
  }
  .c-modal-area__anchor + .c-modal-area__anchor {
    padding-top: 10px;
  }
}
.c-modal-area__anchor.is-disable {
  color: #999;
  text-decoration: none;
  pointer-events: none;
}

body.modal-open {
  overflow-y: hidden;
}

.c-page-top {
  position: fixed;
  right: 40px;
  bottom: 100px;
  z-index: 10;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-family: Century Gothic;
  font-size: 24px;
  font-weight: 700;
  color: var(--base-color);
  opacity: 0;
  transition: all 300ms ease-in-out !important;
}
@media screen and (max-width: 600px) {
  .c-page-top {
    right: 20px;
    bottom: 90px;
    transform: scale(0.9);
  }
}
.c-page-top:hover {
  color: var(--base-color) !important;
}

.p-body:has(.hide) .c-page-top {
  opacity: 1;
}

.c-paging {
  margin-bottom: 80px;
}
@media screen and (max-width: 769px) {
  .c-paging {
    margin-bottom: 40px;
  }
}
.c-paging__list {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
}
.c-paging__anchor {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  font-family: Arial;
  font-size: clamp(15px, 2.5vw, 15px);
  font-weight: 400;
  color: #ccc;
  border: 1px solid #ccc;
  border-radius: 100%;
}
.c-paging__anchor:hover, .c-paging__anchor.is-current {
  color: #fff !important;
  background-color: #ffc64a;
}
.c-paging__anchor:hover svg path, .c-paging__anchor.is-current svg path {
  stroke: #fff;
}
.c-paging__anchor svg {
  width: 10px;
  height: 10px;
}

.c-section {
  padding-top: 64px;
  padding-bottom: 64px;
  overflow: hidden;
}
@media screen and (max-width: 600px) {
  .c-section {
    padding-top: 32px;
    padding-bottom: 32px;
  }
}
.c-section.bottom-none {
  padding-bottom: 0;
  margin-bottom: 0;
}

.c-slider {
  width: 100%;
  height: 386px;
}
@media screen and (max-width: 769px) {
  .c-slider {
    height: 184px;
  }
}
.c-slider__list {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.c-slider__item {
  width: auto !important;
  height: 100%;
  margin: 0 10px;
}
.c-slider__item img {
  width: auto;
  height: 100%;
}
.c-slider * {
  height: 100%;
}

@media screen and (min-width: 880px) {
  .u-wrap-slider .c-slider__bottom {
    width: 1200px;
    margin-left: -160px;
  }
}

.c-switching-tab__list {
  display: flex;
  gap: 5px;
  border-bottom: none;
}
.c-switching-tab__item {
  flex: 1;
  margin-bottom: 0 !important;
}
.c-switching-tab__anchor {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--base-gray);
  border-radius: 8px 8px 0 0 !important;
}
.c-switching-tab__anchor.active {
  color: #fff !important;
  background-color: var(--campaign-color2) !important;
}

.c-ttl-top {
  display: flex;
  align-items: center;
  gap: 24px;
  margin-bottom: 40px;
  font-size: clamp(24px, 4vw, 28px);
  font-weight: 600;
  letter-spacing: 0.2em;
}
@media screen and (max-width: 600px) {
  .p-useful .c-ttl-top {
    flex-direction: column;
    align-items: flex-start;
    gap: 0;
  }
}
.c-ttl-top-ico {
  display: block;
}
@media screen and (max-width: 600px) {
  .p-useful .c-ttl-top-ico {
    width: 100%;
    text-align: right;
  }
}
.c-ttl-top-ico img {
  width: auto;
  height: 64px;
}
@media screen and (max-width: 600px) {
  .c-ttl-top-ico img {
    height: 32px;
  }
}

.p-about__box {
  display: flex;
  gap: 40px;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 40px;
}
@media screen and (max-width: 1024px) {
  .p-about__box {
    gap: 24px;
    padding: 0 32px 0 64px;
  }
}
@media screen and (max-width: 769px) {
  .p-about__box {
    flex-direction: column;
    padding: 0 24px;
    margin-bottom: 0;
  }
}
@media screen and (max-width: 600px) {
  .p-about__box {
    padding: 0;
  }
}
.p-about__box--left {
  width: 42%;
  text-align: center;
}
@media screen and (max-width: 769px) {
  .p-about__box--left {
    position: relative;
    z-index: 10;
    width: 100%;
    margin-right: 0;
  }
}
.p-about__box--left img {
  width: 280px;
}
.p-about__box--right {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 58%;
}
@media screen and (max-width: 769px) {
  .p-about__box--right {
    width: 70%;
    margin: 0 auto;
  }
}
@media screen and (max-width: 600px) {
  .p-about__box--right {
    width: 100%;
    margin-top: -104px;
  }
}
.p-about__box--right img {
  position: relative;
  width: 100%;
  max-width: 348px;
}
@media screen and (max-width: 1024px) {
  .p-about__box--right img {
    max-width: 280px;
  }
}
@media screen and (max-width: 600px) {
  .p-about__box--right img {
    max-width: 232px;
  }
}
.p-about__box--right img[src*=-a] {
  top: 25px;
  left: 0;
  z-index: 2;
}
.p-about__box--right img[src*=-b] {
  z-index: 1;
  margin-top: 184px;
  margin-left: -146px;
}
@media screen and (max-width: 1024px) {
  .p-about__box--right img[src*=-b] {
    margin-left: -114px;
  }
}
@media screen and (max-width: 769px) {
  .p-about__box--right img[src*=-b] {
    margin-top: 146px;
  }
}
.p-about__description {
  margin-bottom: 80px;
  text-align: left;
}
@media screen and (max-width: 769px) {
  .p-about__description {
    margin-bottom: 0;
  }
}
.p-about__description-box {
  width: 100%;
  padding: 32px;
  margin-top: 144px;
  background-color: var(--sub-color);
  border-radius: var(--radius);
}
@media screen and (max-width: 1024px) {
  .p-about__description-box {
    width: calc(100% - 64px);
    margin-top: 72px;
    margin-right: auto;
    margin-left: auto;
  }
}
@media screen and (max-width: 769px) {
  .p-about__description-box {
    padding: 24px;
    margin-top: 72px;
    border-radius: var(--radius-sp);
  }
  .p-about__description-box > .u-ta-c {
    text-align: left;
  }
}
.p-about-merit__box {
  display: flex;
  gap: 20px;
  align-items: center;
  justify-content: space-between;
}
@media screen and (max-width: 1024px) {
  .p-about-merit__box {
    width: calc(100% - 224px);
    margin: 0 auto;
  }
}
@media screen and (max-width: 769px) {
  .p-about-merit__box {
    flex-direction: column;
  }
}
@media screen and (max-width: 600px) {
  .p-about-merit__box {
    gap: 56px;
    width: calc(100% - 64px);
    margin-top: 64px;
  }
}
.p-about-merit__icon {
  width: 223px;
}
@media screen and (max-width: 1024px) {
  .p-about-merit__icon {
    width: 25%;
  }
}
.p-about-merit__icon[src*="01"] {
  width: 237px;
}
@media screen and (max-width: 1024px) {
  .p-about-merit__icon[src*="01"] {
    width: 25%;
  }
}
.p-about-merit__icon[src*="02"] {
  margin-top: 120px;
}
@media screen and (max-width: 600px) {
  .p-about-merit__icon[src*="02"] {
    margin: 0 0 0 32px;
  }
}
.p-about .p-section__title {
  margin-top: 120px;
}

@media screen and (max-width: 769px) {
  #gsap-about-item-zoom {
    width: 50%;
    max-width: 64%;
    margin-top: 104px;
    margin-right: auto;
    margin-bottom: 0;
    margin-left: 80px;
  }
  #gsap-about-item-zoom:nth-last-of-type(2) {
    margin-left: 192px;
  }
}
@media screen and (max-width: 600px) {
  #gsap-about-item-zoom {
    margin-top: 0;
    margin-left: 32px;
  }
  #gsap-about-item-zoom:nth-last-of-type(2) {
    margin-top: -24px;
    margin-left: 120px;
  }
}

@media screen and (max-width: 769px) {
  #gsap-about-item-zoom-sp {
    width: 60%;
    margin: 64px auto 0 auto;
  }
}
@media screen and (max-width: 600px) {
  #gsap-about-item-zoom-sp {
    width: initial;
    margin-top: 32px;
  }
}

.p-app__box {
  position: relative;
  z-index: 10;
  padding: 32px 32px 48px 32px;
  background-color: #fff;
  border-radius: var(--radius);
  filter: drop-shadow(0 0 6px rgba(0, 0, 0, 0.3));
}
@media screen and (max-width: 1024px) {
  .p-app__box {
    width: calc(100% - 64px);
    margin: 0 auto;
  }
}
@media screen and (max-width: 769px) {
  .p-app__box {
    padding: 32px 24px 24px 24px;
    border-radius: var(--radius-sp);
  }
}
.p-app__box-title {
  display: flex;
  align-items: center;
  text-align: center;
  margin-bottom: 24px;
}
.p-app__box-title > p {
  margin-left: 32px;
}
@media screen and (max-width: 769px) {
  .p-app__box-title > p {
    width: 100%;
    margin-left: 0;
  }
}
.p-app__box-list {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  gap: 40px;
}
@media screen and (max-width: 769px) {
  .p-app__box-list {
    gap: 16px;
  }
}
.p-app__box-list img {
  height: 64px;
}
@media screen and (max-width: 769px) {
  .p-app__box-list img {
    height: 40px;
  }
}
.p-app__box-list img[src*=qr-] {
  height: 100px;
}
@media screen and (max-width: 769px) {
  .p-app__box-list img[src*=qr-] {
    display: none;
  }
}

.p-body {
  padding-bottom: 80px;
  background-color: var(--base-color2);
}
.p-body.is-lower {
  background-color: #fff;
}

.p-easy {
  padding-top: 232px;
  padding-bottom: 88px;
}
@media screen and (max-width: 769px) {
  .p-easy {
    padding-top: 128px;
    padding-bottom: 56px;
  }
}
.p-easy__list {
  display: flex;
  gap: 40px;
}
@media screen and (max-width: 1024px) {
  .p-easy__list {
    padding: 0 32px;
  }
}
@media screen and (max-width: 769px) {
  .p-easy__list {
    gap: 0;
    padding: 0;
  }
}
@media screen and (max-width: 600px) {
  .p-easy__list {
    display: block;
    padding: 0 32px;
  }
  .p-easy__list .slick-dots {
    left: 0;
  }
  .p-easy__list .slick-list {
    overflow: visible;
  }
}
.p-easy__item {
  position: relative;
  flex: 1;
}
.p-easy__item img:not([src*=step-icon]) {
  width: 100%;
  margin-bottom: 32px;
}
.p-easy__item img[src*=step-icon] {
  position: absolute;
  top: -54px;
  left: 0;
  width: 111px;
  height: 108px;
}
@media screen and (max-width: 769px) {
  .p-easy__item {
    padding: 0 16px;
  }
}
.p-easy .p-section {
  padding-bottom: 0;
}

.p-footer {
  position: fixed;
  bottom: 0;
  z-index: 11;
  width: 100vw;
  background-color: var(--base-color);
  transform: translateY(100%);
  transition: all 300ms ease-in-out;
}
.p-footer.show {
  transform: translateY(0);
}
.p-footer__app-box {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  height: 80px;
  color: #fff;
}
@media screen and (max-width: 769px) {
  .p-footer__app-box {
    padding: 0 15vw;
  }
}
.p-footer__store-logo {
  display: block;
}
@media screen and (max-width: 769px) {
  .p-footer__store-logo {
    display: flex;
  }
  .p-footer__store-logo img {
    display: none;
  }
  .p-footer__store-logo img.is-app-store, .p-footer__store-logo img.is-play-store {
    display: block;
  }
}
.p-footer img {
  height: 50px;
}

.p-footer-info-bn__list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 40px;
  margin-bottom: 96px;
}
@media screen and (max-width: 600px) {
  .p-footer-info-bn__list {
    gap: 16px;
    width: calc(100% - 48px);
    margin: 0 auto 56px auto;
  }
}
.p-footer-info-bn__list li {
  width: calc(33.333% - 40px);
}
@media screen and (max-width: 600px) {
  .p-footer-info-bn__list li {
    width: calc(50% - 16px);
  }
}
.p-footer-info-bn__anchor {
  display: flex !important;
  align-items: center;
  justify-content: center;
  width: 100%;
  aspect-ratio: 306/153;
  background-color: #fff;
  border-radius: calc(var(--radius) / 2);
}
@media screen and (max-width: 769px) {
  .p-footer-info-bn__anchor {
    padding: 0 16px;
  }
}
.p-footer-info-bn__anchor img {
  max-width: 184px;
}
@media screen and (max-width: 769px) {
  .p-footer-info-bn__anchor img {
    max-width: 100%;
  }
}
.p-footer-info__box {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  height: 960px;
  text-align: center;
}
@media screen and (max-width: 769px) {
  .p-footer-info__box {
    height: 700px;
    padding: 0 32px;
  }
}
.p-footer-info__box img[src*=-go] {
  max-width: 595px;
}
@media screen and (max-width: 600px) {
  .p-footer-info__box img[src*=-go] {
    width: 100%;
    max-width: initial;
  }
}
.p-footer-info__box--link {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 100px;
  border-top: 1px solid var(--border-color);
}
@media screen and (max-width: 1024px) {
  .p-footer-info__box--link {
    flex-direction: column;
    justify-content: center;
    height: 120px;
    padding-right: 32px;
    padding-left: 32px;
  }
}
@media screen and (max-width: 769px) {
  .p-footer-info__box--link {
    width: 100vw;
    padding-right: 0;
    padding-left: 0;
  }
}
@media screen and (max-width: 600px) {
  .p-footer-info__box--link {
    height: auto;
  }
}
.p-footer-info__box--link-wraper {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media screen and (max-width: 1024px) {
  .p-footer-info__box--link-wraper {
    flex-direction: column;
    justify-content: center;
    gap: 16px;
  }
}
@media screen and (max-width: 600px) {
  .p-footer-info__box--link-wraper {
    padding: 24px 0;
  }
}
.p-footer-info__box--link ul {
  display: flex;
  align-items: center;
  gap: 80px;
}
@media screen and (max-width: 769px) {
  .p-footer-info__box--link ul {
    gap: 24px;
    margin-bottom: 16px;
  }
}
@media screen and (max-width: 600px) {
  .p-footer-info__box--link ul {
    flex-direction: column;
  }
}
@media (min-width: 601px) {
  .p-footer-info__box #gsap-go-iamge br {
    display: none;
  }
}
.p-footer-info--rocket {
  position: absolute;
  bottom: 5%;
  left: 50%;
  width: 160px;
  transform: translateX(-50%);
}
@media screen and (max-width: 769px) {
  .p-footer-info--rocket {
    bottom: 0;
  }
}
@media screen and (max-width: 600px) {
  .p-footer-info--rocket {
    bottom: 6%;
    width: 120px;
  }
}
.p-footer-info--rocket > svg {
  overflow: unset;
}
.p-footer-info__logo {
  width: 320px;
  margin: 0 auto 128px auto;
}
@media screen and (max-width: 600px) {
  .p-footer-info__logo {
    width: 264px;
  }
}

.p-gradation--circle {
  position: relative;
  width: 100%;
  height: 100%;
  padding-bottom: 40px;
  background-image: linear-gradient(180deg, var(--bg-gra-color2) 20%, var(--bg-gra-color1) 90%);
  border-radius: 9999px 9999px 0 0;
}
.p-gradation--circle--white {
  position: absolute;
  bottom: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  min-height: 900px;
  background: #fff;
  border-radius: 9999px 9999px 0 0;
}
@media screen and (max-width: 600px) {
  .p-gradation--circle--white {
    min-height: 800px;
  }
}
.p-gradation--pink {
  position: relative;
  z-index: 10;
  width: 100%;
  height: 100%;
  min-height: 900px;
  background-image: linear-gradient(0deg, var(--bg-gra-color2) 0%, var(--bg-gra-color1) 30%);
}
@media screen and (max-width: 600px) {
  .p-gradation--pink {
    position: static;
  }
}
.p-gradation--yellow {
  width: 100%;
  height: 100%;
  min-height: 900px;
  background-image: linear-gradient(180deg, var(--bg-gra-color3) 0%, var(--bg-gra-color4) 40%);
}
@media screen and (max-width: 769px) {
  .p-gradation--yellow {
    min-height: initial;
    overflow: hidden;
  }
}
.p-gradation--gray {
  width: 100%;
  height: 100%;
  min-height: 900px;
  background-image: linear-gradient(180deg, var(--bg-gra-color5) 0%, var(--bg-gra-color6) 100%);
}
.p-gradation--gray:has(.p-app__box) {
  padding-top: 88px;
}

@media screen and (max-width: 1024px) {
  .p-header {
    overflow: hidden;
  }
}
.is-lower .p-header {
  height: var(--header-HL);
  margin-bottom: 80px;
}
@media (max-width: 820px) {
  .is-lower .p-header {
    margin-bottom: 48px;
  }
}
.p-header__logo {
  width: 184px;
  transition: all 300ms ease-in-out;
}
@media screen and (max-width: 1024px) {
  .p-header__logo {
    width: 128px;
  }
}
@media screen and (max-width: 600px) {
  .p-header__logo {
    left: 16px;
    width: 92px;
  }
  .p-header__nav-logo-box .p-header__logo {
    display: block;
  }
  .p-header__logo[src*="sdga.svg"] {
    right: 0;
    z-index: 13;
    width: 60px;
  }
}
.show .p-header__logo {
  width: 130px;
}
@media screen and (max-width: 600px) {
  .show .p-header__logo {
    display: block;
    width: 88px;
  }
}
.p-header__logo[src*="sdga.svg"] {
  position: absolute;
  top: 84px;
  right: 0;
  left: initial;
  z-index: 10;
  width: 100px;
  transform: none;
}
.p-header__logo-sp {
  transition: all 300ms ease-in-out;
}
@media screen and (min-width: 601px) {
  .p-header__logo-sp {
    display: none;
  }
}
.show .p-header__logo-sp {
  display: none;
}
@media screen and (max-width: 600px) {
  .show .p-header__logo-sp {
    display: block;
  }
}
.is-lower .p-header__logo-sp {
  display: none;
}
.is-lower .p-header__logo {
  width: 130px;
  height: auto;
}
.p-header__logo-box {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100vw;
  height: var(--header-H);
  padding: 0 64px;
  transition: all 300ms ease-in-out;
  transform: translateY(-100%);
}
@media screen and (max-width: 1024px) {
  .p-header__logo-box {
    padding: 0 0 0 24px;
  }
}
@media (max-width: 820px) {
  .p-header__logo-box {
    z-index: 11;
    height: var(--header-H-sp);
    padding: 0 48px 0 32px;
  }
}
@media screen and (max-width: 600px) {
  .p-header__logo-box {
    padding: 0 16px;
  }
}
.p-header__logo-box.hide {
  transform: translateY(-100%);
}
.p-header__logo-box.show {
  height: var(--header-HL);
  background-color: rgba(255, 255, 255, 0.5);
  transform: translateY(0);
}
@media screen and (max-width: ) {
  .p-header__logo-box.show .p-header__logo-sp {
    display: none;
  }
  .p-header__logo-box.show .p-header__logo {
    display: block;
  }
}
.p-header__logo-box.first-show {
  height: var(--header-HL);
  background-color: rgba(255, 255, 255, 0.5);
  transform: translateY(0);
}
@media screen and (max-width: ) {
  .p-header__logo-box.first-show .p-header__logo-sp {
    display: none;
  }
  .p-header__logo-box.first-show .p-header__logo {
    display: block;
  }
}
.is-lower .p-header__logo-box {
  height: var(--header-HL);
  background-color: #fff;
  border-bottom: 2px solid var(--base-color);
  transform: translateY(0);
}
@media screen and (max-width: 600px) {
  .p-header__logo-box:has(.is-active) .p-header__logo {
    display: flex;
  }
}
.p-header__title {
  position: relative;
  z-index: 10;
  width: 656px;
  padding-bottom: 80px;
  margin: 0 auto;
}
@media screen and (max-width: 1024px) {
  .p-header__title {
    width: 55%;
    padding-bottom: 64px;
  }
}
@media (max-width: 820px) {
  .p-header__title {
    width: 50%;
  }
}
@media screen and (max-width: 600px) {
  .p-header__title {
    width: 67%;
  }
}
.p-header__nav {
  padding-right: 144px;
}
@media screen and (max-width: 1024px) {
  .p-header__nav {
    padding-right: 64px;
  }
}
@media (max-width: 820px) {
  .p-header__nav {
    padding: 40px 0 40px 60px;
  }
}
.p-header__nav ul {
  display: flex;
  gap: 40px;
}
@media screen and (max-width: 1024px) {
  .p-header__nav ul {
    gap: 24px;
  }
}
@media screen and (max-width: 600px) {
  .p-header__nav ul {
    flex-direction: column;
  }
}
.p-header__nav a {
  transition: all 300ms ease;
}
.p-header__nav a:hover, .p-header__nav a.active {
  color: var(--base-color);
}
.p-header__nav a:hover::before, .p-header__nav a.active::before {
  left: -50% !important;
  border-color: var(--bae-color) !important;
}
.p-header__nav-logo-box {
  display: flex;
  justify-content: flex-start;
  width: 100%;
  height: var(--header-H-sp);
  padding: 0 16px;
}
@media screen and (max-width: 600px) {
  .p-header__nav-logo-box {
    border-bottom: 1.6px solid var(--base-color);
  }
}
.menu .p-header__nav-logo-box {
  display: none;
}
@media (max-width: 820px) {
  .menu .p-header__nav-logo-box {
    display: flex;
  }
}

@media (max-width: 820px) {
  .logo-none {
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.5s;
  }
}

@media screen and (max-width: 600px) {
  body:not(.is-lower) .p-header__logo {
    display: none;
  }
  body:not(.is-lower):has(.show) .p-header__logo {
    display: none;
    width: 130px;
  }
}
/* hideクラスが付与されたときのアニメーション */
@keyframes hideAnime {
  from {
    opacity: 1;
    transform: translateY(0);
  }
  to {
    opacity: 0;
    transform: translateY(-100%);
  }
}
/* showクラスが付与されたときのアニメーション */
@keyframes showAnime {
  from {
    opacity: 0;
    transform: translateY(-100%);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.p-main-image {
  position: relative;
  z-index: 3;
  max-width: 1163px;
  padding-top: 0;
  margin: -56px auto 0 auto;
}
@media screen and (max-width: 1024px) {
  .p-main-image {
    max-width: 90%;
    padding-top: 128px;
    transform: scale(1.3);
  }
}
@media (max-width: 820px) {
  .p-main-image {
    padding-top: 88px;
    padding-left: var(--side-padding2);
  }
}
@media screen and (max-width: 600px) {
  .p-main-image {
    max-width: 100%;
    padding-top: 0;
    transform: scale(1.2);
  }
}
.p-main-image img {
  width: 100%;
  height: 100%;
}
.p-main-image .st0 {
  fill: #F2984C;
}
.p-main-image .st1 {
  fill: url(#SVGID_1_);
}
.p-main-image .st2 {
  fill: url(#SVGID_00000111878378088975790590000017768546110764974256_);
}
.p-main-image .st3 {
  fill: url(#SVGID_00000147207274561362428900000002606388370041634955_);
}
.p-main-image .st4 {
  fill: url(#SVGID_00000040574921440357809300000009520477928765808289_);
}
.p-main-image .st5 {
  fill: url(#SVGID_00000068659758306236741790000001891347365544495758_);
}
.p-main-image .st6 {
  fill: url(#SVGID_00000141456970765404038910000000763459421204993185_);
}
.p-main-image .st7 {
  fill: #66C6EC;
}
.p-main-image .st8 {
  fill: url(#SVGID_00000040554193946334784600000016136741656602982818_);
}
.p-main-image .st9 {
  fill: url(#SVGID_00000168083712454832789860000007967732787633864097_);
}
.p-main-image .st10 {
  fill: url(#SVGID_00000180334838119456851030000002744278134091956150_);
}
.p-main-image .st11 {
  fill: url(#SVGID_00000037687875158903516560000007211262186501852860_);
}
.p-main-image .st12 {
  fill: url(#SVGID_00000092435279895064334360000009245079049535861675_);
}
.p-main-image .st13 {
  fill: url(#SVGID_00000094613114359481967960000012278222650235134635_);
}
.p-main-image .st14 {
  fill: url(#SVGID_00000171687203844567032640000007286248900643479429_);
}
.p-main-image .st15 {
  fill: url(#SVGID_00000120524295979855570920000001187583647028899470_);
}
.p-main-image .st16 {
  fill: url(#SVGID_00000116236709293025001210000013032946721867041184_);
}
.p-main-image .st17 {
  fill: url(#SVGID_00000011017067393027268370000012363689254133002117_);
}
.p-main-image .st18 {
  fill: url(#SVGID_00000037660920878779832890000011481993883576252549_);
}
.p-main-image .st19 {
  fill: #C04CA8;
}
.p-main-image .st20 {
  fill: #FBE2CC;
}
.p-main-image .st21 {
  fill: url(#SVGID_00000169527174413276192660000015998104296034771080_);
}
.p-main-image .st22 {
  fill: #ED6C00;
}
.p-main-image .st23 {
  fill: url(#SVGID_00000049904272763994800010000007358193760723564940_);
}
.p-main-image .st24 {
  fill: url(#SVGID_00000060723287515760994070000000805401843383164862_);
}
.p-main-image .st25 {
  fill: #EC7093;
}
.p-main-image .st26 {
  fill: #EC4C9E;
}
.p-main-image .st27 {
  fill: url(#SVGID_00000152975821699781108260000008869600833670652863_);
}
.p-main-image .st28 {
  fill: #E5E5E4;
}
.p-main-image .st29 {
  fill: url(#SVGID_00000015318535115479782300000017746654931229069482_);
}
.p-main-image .st30 {
  fill: url(#SVGID_00000036956674494782492090000018021167441928780192_);
}
.p-main-image .st31 {
  fill: url(#SVGID_00000098206804786584493090000002237924643224744326_);
}
.p-main-image .st32 {
  fill: url(#SVGID_00000053507676528086774330000005922755227532354962_);
}
.p-main-image .st33 {
  fill: url(#SVGID_00000145026891570704136290000003892297151439431859_);
}
.p-main-image .st34 {
  fill: url(#SVGID_00000085231589909135996310000011259805051006054825_);
}
.p-main-image .st35 {
  fill: url(#SVGID_00000069355902409562511080000011890516025665273758_);
}
.p-main-image .st36 {
  fill: #E5E5E6;
}
.p-main-image .st37 {
  fill: url(#SVGID_00000102509586387694393040000014961906858502070451_);
}
.p-main-image .st38 {
  fill: url(#SVGID_00000117656787106586263090000008341796187969844658_);
}
.p-main-image .st39 {
  fill: url(#SVGID_00000132785863131795863040000004975057875021789322_);
}
.p-main-image .st40 {
  fill: #E40075;
}
.p-main-image .st41 {
  fill: #C98464;
}
.p-main-image .st42 {
  fill: url(#SVGID_00000158014043810411987660000017484650862249462703_);
}
.p-main-image .st43 {
  fill: url(#SVGID_00000098926233758968582200000016277243351292367801_);
}
.p-main-image .st44 {
  fill: url(#SVGID_00000000196938260894030310000012616140155264565690_);
}
.p-main-image .st45 {
  fill: url(#SVGID_00000183250978138665202930000012584079513979845801_);
}
.p-main-image .st46 {
  fill: url(#SVGID_00000176731768727313500460000008699162045573318588_);
}
.p-main-image .st47 {
  fill: url(#SVGID_00000159469125738878406150000003234109659242788791_);
}
.p-main-image .st48 {
  fill: url(#SVGID_00000103954005296353491590000003443770810780477878_);
}
.p-main-image .st49 {
  fill: url(#SVGID_00000048499159084365620380000009034368328285753524_);
}
.p-main-image .st50 {
  fill: url(#SVGID_00000138558810103556909130000016356869574692498318_);
}
.p-main-image .st51 {
  fill: #ED88AA;
}
.p-main-image .st52 {
  fill: url(#SVGID_00000023981019048703753840000010277267312507578244_);
}
.p-main-image .st53 {
  fill: url(#SVGID_00000049194041008504035400000013276511579951741865_);
}
.p-main-image .st54 {
  fill: url(#SVGID_00000114778488358598785510000011371323084489098112_);
}
.p-main-image .st55 {
  fill: url(#SVGID_00000125567135103544950220000000540231445314780312_);
}
.p-main-image .st56 {
  fill: url(#SVGID_00000080199680770313715410000013750625444625344408_);
}
.p-main-image .st57 {
  fill: url(#SVGID_00000107552381082073001090000011361020501681973164_);
}
.p-main-image .st58 {
  fill: url(#SVGID_00000105415224379757711800000008749635985816276655_);
}
.p-main-image .st59 {
  fill: url(#SVGID_00000124127280824779828220000000380677561941386626_);
}
.p-main-image .st60 {
  fill: #EC6D45;
}
.p-main-image .st61 {
  fill: #E50012;
}
.p-main-image .st62 {
  fill: #4CA535;
}
.p-main-image .st63 {
  fill: #B7339B;
}
.p-main-image .st64 {
  fill: url(#SVGID_00000075148506327145719240000012891503138138640568_);
}
.p-main-image .st65 {
  fill: url(#SVGID_00000129195130876520304840000007008348552681009571_);
}
.p-main-image .st66 {
  fill: #92B3CC;
}
.p-main-image .st67 {
  fill: url(#SVGID_00000059996835791356096660000010618278466414771853_);
}
.p-main-image .st68 {
  fill: url(#SVGID_00000044160660677952299110000004255529272855891635_);
}
.p-main-image .st69 {
  fill: #39C49E;
}
.p-main-image .st70 {
  fill: #00B381;
}
.p-main-image .st71 {
  fill: #FC896F;
}
.p-main-image .st72 {
  fill: url(#SVGID_00000070102534205733685610000015178750948792711573_);
}
.p-main-image .st73 {
  fill: url(#SVGID_00000053502988617714798580000006831977103999019409_);
}
.p-main-image .st74 {
  fill: url(#SVGID_00000127020766756263413370000015320390584049648564_);
}
.p-main-image .st75 {
  fill: url(#SVGID_00000161592828730413119880000010840769517019103626_);
}
.p-main-image .st76 {
  fill: url(#SVGID_00000070087809457244368130000008988078856972828291_);
}
.p-main-image .st77 {
  fill: url(#SVGID_00000038372088529087468900000001532742808766615966_);
}
.p-main-image .st78 {
  fill: url(#SVGID_00000083087226654134478520000001222280689708194477_);
}
.p-main-image .st79 {
  fill: #FCA167;
}
.p-main-image .st80 {
  fill: #F9C3C0;
}
.p-main-image .st81 {
  fill: #2A424B;
}
.p-main-image .st82 {
  fill: #DEE9E9;
}
.p-main-image .st83 {
  fill: #CCBBAD;
}
.p-main-image .st84 {
  fill: #165B9E;
}
.p-main-image .st85 {
  fill: #F49895;
}
.p-main-image .st86 {
  fill: #F6ABA8;
}
.p-main-image .st87 {
  fill: #9E7F64;
}
.p-main-image .st88 {
  fill: #7B502C;
}
.p-main-image .st89 {
  fill: #ED5053;
}
.p-main-image .st90 {
  fill: #BFD4D5;
}
.p-main-image .st91 {
  fill: #91B1B3;
}
.p-main-image .st92 {
  fill: #F0A4A8;
}
.p-main-image .st93 {
  fill: #EBF1F1;
}
.p-main-image .st94 {
  fill: #FCC47E;
}
.p-main-image .st95 {
  fill: #F2AA46;
}
.p-main-image .st96 {
  fill: #8CBCB5;
}
.p-main-image .st97 {
  fill: #508B82;
}
.p-main-image .st98 {
  fill: #F18134;
}
.p-main-image .st99 {
  fill: #112C36;
}
.p-main-image .st100 {
  fill: #617F88;
}
.p-main-image .st101 {
  fill: #384249;
}
.p-main-image .st102 {
  fill: #4B6561;
}
.p-main-image .st103 {
  fill: #B0BEC3;
}
.p-main-image .st104 {
  fill: none;
  stroke: #B0BEC3;
  stroke-width: 5.1;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.p-main-image .st105 {
  fill: #9CDBDC;
}
.p-main-image .st106 {
  fill: #D8F0F4;
}
.p-main-image .st107 {
  fill: #FFFFFF;
}
.p-main-image .st108 {
  fill: #4FBFC0;
}
.p-main-image .st109 {
  fill: #CEDEE0;
}
.p-main-image .st110 {
  fill: #DAE6E7;
}
.p-main-image .st111 {
  fill: #D2DADC;
}
.p-main-image .st112 {
  fill: #72ADA5;
}
.p-main-image .st113 {
  fill: url(#SVGID_00000129163785174516417390000014770965588409668789_);
}
.p-main-image .st114 {
  fill: url(#SVGID_00000082355752356676940830000016418001019924861835_);
}
.p-main-image .st115 {
  fill: #949393;
}
.p-main-image .st116 {
  fill: #E0E0E0;
}
.p-main-image .st117 {
  fill: url(#SVGID_00000126310189586010701470000002807732423737792676_);
}
.p-main-image .st118 {
  fill: url(#SVGID_00000161607495376293867100000008182838851798827396_);
}
.p-main-image .st119 {
  fill: #B3D5E8;
}
.p-main-image .st120 {
  fill: url(#SVGID_00000139279049225474705780000007619566580887842744_);
}
.p-main-image .st121 {
  fill: url(#SVGID_00000018201563124649122290000010105091210270239380_);
}
.p-main-image .st122 {
  fill: url(#SVGID_00000070093181490991357520000003700478934226612871_);
}
.p-main-image .st123 {
  fill: url(#SVGID_00000039113179925335176620000011864214106080567187_);
}
.p-main-image .st124 {
  fill: url(#SVGID_00000060724161004991564180000014516373001343582363_);
}
.p-main-image .st125 {
  fill: url(#SVGID_00000098901360864870042460000002768390787233312670_);
}
.p-main-image .st126 {
  fill: url(#SVGID_00000016062117260828571890000007432281054911719062_);
}
.p-main-image .st127 {
  fill: url(#SVGID_00000080192714524144630740000008569230561430244006_);
}
.p-main-image .st128 {
  fill: url(#SVGID_00000096018320672847557540000005456803873247808189_);
}
.p-main-image .st129 {
  fill: url(#SVGID_00000176034491066179449040000014493793236005347724_);
}
.p-main-image .st130 {
  fill: url(#SVGID_00000085942614040390575390000000631394710218625437_);
}
.p-main-image .st131 {
  fill: url(#SVGID_00000027581815465267866500000014361545864702685841_);
}
.p-main-image .st132 {
  fill: url(#SVGID_00000059311315657126669070000015063373997799668637_);
}
.p-main-image .st133 {
  fill: url(#SVGID_00000022531219056296261680000017052682981949492609_);
}
.p-main-image .st134 {
  fill: url(#SVGID_00000028283104191550451310000006871083746083895680_);
}
.p-main-image .st135 {
  fill: url(#SVGID_00000014623332252420018930000015217047801647654546_);
}
.p-main-image .st136 {
  fill: url(#SVGID_00000106850169680577836010000001771044087969003949_);
}
.p-main-image .st137 {
  fill: url(#SVGID_00000160176904717297910850000010542741554637111710_);
}
.p-main-image .st138 {
  fill: url(#SVGID_00000134243255916070533750000004535617110864209537_);
}
.p-main-image .st139 {
  fill: url(#SVGID_00000155855503588602605120000013682676752359253140_);
}
.p-main-image .st140 {
  fill: url(#SVGID_00000041295792119111031760000007236031741740627345_);
}
.p-main-image .st141 {
  fill: url(#SVGID_00000036931852584622935760000010948758402402475154_);
}
.p-main-image .st142 {
  fill: url(#SVGID_00000000215453535201824080000012518485764635569323_);
}
.p-main-image .st143 {
  fill: url(#SVGID_00000171687626020414327060000003712283131893912466_);
}
.p-main-image .st144 {
  fill: url(#SVGID_00000132803484200172676550000014475693252455175849_);
}
.p-main-image .st145 {
  fill: url(#SVGID_00000044145717023124399580000005875881799475708087_);
}
.p-main-image .st146 {
  fill: url(#SVGID_00000069371511418967669840000005361748029799330705_);
}
.p-main-image .st147 {
  fill: url(#SVGID_00000152964604379146427130000004266806648094057346_);
}
.p-main-image .st148 {
  fill: url(#SVGID_00000121968799900485438510000008258968311597209016_);
}
.p-main-image .st149 {
  fill: url(#SVGID_00000085220249308872842220000001839786295868450749_);
}
.p-main-image .st150 {
  fill: url(#SVGID_00000170976302197658659650000003201226177056196262_);
}
.p-main-image .st151 {
  fill: url(#SVGID_00000070101537945554514600000012793632437622861473_);
}
.p-main-image .st152 {
  fill: url(#SVGID_00000000905889029569728860000004627694626031444911_);
}
.p-main-image .st153 {
  fill: url(#SVGID_00000170958353373333431340000002907730737993111699_);
}
.p-main-image .st154 {
  fill: url(#SVGID_00000096031234566023889090000002501432117329459389_);
}
.p-main-image .st155 {
  fill: url(#SVGID_00000115497577002025580400000017971431186032264846_);
}
.p-main-image .st156 {
  fill: url(#SVGID_00000139274596548895927590000009660926964049521597_);
}
.p-main-image .st157 {
  fill: url(#SVGID_00000160162119089967134380000014591998544241323926_);
}
.p-main-image .st158 {
  fill: url(#SVGID_00000029754752769144652550000006822329120923910555_);
}
.p-main-image .st159 {
  fill: url(#SVGID_00000091003503525077803820000000211699053054871994_);
}
.p-main-image .st160 {
  fill: url(#SVGID_00000105403596935452141100000008089634478655514293_);
}
.p-main-image .st161 {
  fill: url(#SVGID_00000052793952337694267380000003619100956289187981_);
}
.p-main-image .st162 {
  fill: url(#SVGID_00000070092304722991511730000000790282577308469656_);
}
.p-main-image .st163 {
  fill: url(#SVGID_00000074407423285639604300000008716686198334991756_);
}
.p-main-image .st164 {
  fill: url(#SVGID_00000125594777679330649950000008490886825200034213_);
}
.p-main-image .st165 {
  fill: url(#SVGID_00000021812761372651414970000016156228762750376070_);
}
.p-main-image .st166 {
  fill: url(#SVGID_00000127748650211770156880000005685257496149992325_);
}
.p-main-image .st167 {
  fill: url(#SVGID_00000047041773429800478210000005018117255989232003_);
}
.p-main-image .st168 {
  fill: #F7F7F7;
}
.p-main-image .st169 {
  fill: #D19372;
}
.p-main-image .st170 {
  fill: url(#SVGID_00000021097577282793149850000010096826893159505599_);
}
.p-main-image .st171 {
  fill: url(#SVGID_00000013880002887457486780000017530830404568258195_);
}
.p-main-image .st172 {
  fill: url(#SVGID_00000114068012992220466830000001609265158623758208_);
}
.p-main-image .st173 {
  fill: #F9ED7D;
}
.p-main-image .st174 {
  fill: url(#SVGID_00000105401138979687023550000008231241177728824983_);
}
.p-main-image .st175 {
  fill: #F3A9BE;
}
.p-main-image .st176 {
  fill: url(#SVGID_00000076589328578982422810000006886283493959846831_);
}
.p-main-image .st177 {
  fill: url(#SVGID_00000111912604588604243600000004530652037563448239_);
}
.p-main-image .st178 {
  fill: url(#SVGID_00000105386248815680026910000014820307262561345467_);
}
.p-main-image .st179 {
  fill: #CCECF9;
}
.p-main-image .st180 {
  fill: url(#SVGID_00000003090560684626064630000008940320070286527919_);
}
.p-main-image .st181 {
  fill: url(#SVGID_00000032650409154562116350000001740814827955503797_);
}
.p-main-image .st182 {
  fill: url(#SVGID_00000091714402239123463720000014380105328229291413_);
}
.p-main-image .st183 {
  fill: #ED4C59;
}
.p-main-image .st184 {
  fill: #E60012;
}
.p-main-image .st185 {
  fill: url(#SVGID_00000065069166974137344510000018132720269537538472_);
}
.p-main-image .st186 {
  fill: url(#SVGID_00000124163492138079010520000016902192117482570157_);
}
.p-main-image .st187 {
  fill: url(#SVGID_00000086677497724391940900000006533384723139158438_);
}
.p-main-image .st188 {
  fill: url(#SVGID_00000089540194598286517320000006658291813779684514_);
}
.p-main-image .st189 {
  fill: url(#SVGID_00000039812543755801824570000016462240360367919541_);
}
.p-main-image .st190 {
  fill: url(#SVGID_00000104693033142023989770000000222504385685087128_);
}
.p-main-image .st191 {
  fill: url(#SVGID_00000119101094417793124960000003962745978709847941_);
}
.p-main-image .st192 {
  fill: url(#SVGID_00000013897355739911154060000002563590041952328110_);
}
.p-main-image .st193 {
  fill: #CF95C0;
}
.p-main-image .st194 {
  fill: url(#SVGID_00000005954114712916294180000006550188138856837776_);
}
.p-main-image .st195 {
  fill: #66A1CD;
}
.p-main-image .st196 {
  fill: #2B88CD;
}
.p-main-image .st197 {
  fill: url(#SVGID_00000175303646968669008980000016889310775826708904_);
}
.p-main-image .st198 {
  fill: url(#SVGID_00000081638241957701071900000012686399884284673210_);
}
.p-main-image .st199 {
  fill: #4BBBB7;
}
.p-main-image .st200 {
  fill: #F2A5A0;
}
.p-main-image .st201 {
  fill: #A9CDC8;
}
.p-main-image .st202 {
  fill: #FACDCB;
}
.p-main-image .st203 {
  fill: #A3BCE2;
}
.p-main-image .st204 {
  fill: #FF0F00;
}
.p-main-image .st205 {
  fill: transparent;
}
.p-main-image .st206 {
  fill: #FF2C1F;
}
.p-main-image .st207 {
  fill: none;
}
.p-main-image .st208 {
  fill: #FFEE00;
}

.p-section {
  position: relative;
  padding-bottom: 160px;
}
@media screen and (max-width: 769px) {
  .p-section {
    padding-right: var(--side-padding2);
    padding-bottom: 40px;
    padding-left: var(--side-padding2);
  }
  .p-section:has(.l-contents--w650) {
    padding-bottom: 169px;
  }
}
@media screen and (max-width: 600px) {
  .p-section:has(.l-contents--w650) {
    padding-bottom: 40px;
  }
}
.p-section__title {
  position: relative;
  z-index: 10;
  height: 104px;
  margin-bottom: 48px;
  text-align: center;
}
@media (max-width: 1400px) {
  .p-section__title {
    padding: 0 var(--side-padding2);
  }
}
@media screen and (min-width: 1200px) and (max-height: 720px) {
  .p-section__title {
    padding: 0 var(--side-padding2);
  }
}
@media screen and (max-width: 1024px) {
  .p-section__title {
    width: 65%;
    height: auto;
    padding: 0 var(--side-padding);
    margin: 0 auto 40px auto;
  }
  .p-easy .p-section__title {
    margin-bottom: 96px;
  }
  .p-gradation--pink .p-section__title:not(.a-stiky-logo + .p-section__title) {
    width: 80%;
  }
}
@media screen and (max-width: 769px) {
  .p-section__title {
    width: 45%;
  }
  .p-gradation--pink .p-section__title:not(.a-stiky-logo + .p-section__title) {
    width: 50%;
  }
}
@media screen and (max-width: 600px) {
  .p-section__title {
    width: 67%;
  }
  .p-gradation--pink .p-section__title:not(.a-stiky-logo + .p-section__title) {
    width: 70%;
  }
}
.p-section__title img {
  width: auto;
  height: 100%;
}
@media screen and (max-width: 1024px) {
  .p-section__title img[src*="05-pc"] {
    max-height: 81.5px;
  }
}
@media (max-width: 912px) {
  .p-section__title img[src*="05-pc"] {
    max-height: 73px;
  }
}
@media (max-width: 820px) {
  .p-section__title img[src*="05-pc"] {
    max-height: 64px;
  }
}
@media screen and (max-width: 769px) {
  .p-section__title img {
    width: 100%;
    height: auto;
  }
}
.p-section__title.is-rainbow {
  height: 196px;
  margin-bottom: 0;
}
@media screen and (max-width: 1024px) {
  .p-section__title.is-rainbow {
    width: 64% !important;
    height: auto;
  }
}
@media screen and (max-width: 600px) {
  .p-section__title.is-rainbow {
    width: 84% !important;
  }
}
@media screen and (max-width: 769px) {
  .p-section:has(.p-information__list) {
    overflow: hidden;
  }
}

.p-use {
  position: relative;
  z-index: 10;
  width: 620px;
  margin: 0 auto;
}
@media screen and (max-width: 769px) {
  .p-use {
    width: 100%;
  }
}
.p-use__box {
  position: relative;
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  width: 100%;
  height: 528px;
}
.p-use__box + .p-use__box {
  margin-top: 40px;
}
@media screen and (max-width: 769px) {
  .p-use__box {
    width: 64%;
    margin: 0 auto;
  }
}
@media screen and (max-width: 600px) {
  .p-use__box {
    width: 90%;
    height: 430px;
  }
}
.p-use__box-text {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 335px;
  height: 325px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20335.3%20325.1%22%3E%3Cpath%20d%3D%22M328.1%2096.1c-3.7-11-8.4-20.8-13.9-29.1-5.4-8.1-10.2-14.7-14.2-19.5-12.8-15.4-28.3-27.3-46.4-35.3-35.8-16.1-81.9-16.1-123.6%200-20.8%208-40.3%2019.7-58.1%2034.9-9.2%207.9-17.6%2016.4-25.1%2025.4-8%209.2-15.1%2019-21.1%2029.3-11.3%2019.3-19.1%2040-23.2%2061.6-3.7%2021.7-3.2%2042.5%201.4%2061.9%204.7%2019.5%2013.3%2037.2%2025.7%2052.6%2012.8%2015.4%2028.5%2027.3%2046.7%2035.3%2018.1%208%2038.3%2012.1%2060%2012.1%2010.1%200%2020.8-1.2%2031.5-3.7%2010.7-2.4%2021.3-5.5%2031.4-9.2%2010.1-3.7%2019.7-8%2028.5-12.8%208.8-4.9%2015.9-9.6%2021.2-14.2%2016.6-14.4%2030.6-28.5%2041.6-42.1%204.5-5.4%208.7-10.7%2012.3-15.9%2012.2-17.6%2021-34.4%2026-50.1%205.1-15.7%207.1-30.6%206.2-44.2-.9-13.4-3.3-25.8-7-36.9Z%22%20style%3D%22fill%3A%23fff%3Bstroke-width%3A0%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
}
@media screen and (max-width: 769px) {
  .p-use__box-text {
    width: 64%;
    max-width: 280px;
    height: 272px;
  }
}
@media screen and (max-width: 600px) {
  .p-use__box-text {
    align-items: flex-start;
    width: 64%;
    max-width: 220px;
    height: initial;
    padding-left: 32px;
    aspect-ratio: 220/213;
  }
}
.p-use__box-text * {
  text-align: left;
}
.p-use__box-text h3 {
  margin-bottom: 32px;
}
@media screen and (max-width: 769px) {
  .p-use__box-text h3 {
    margin-bottom: 8px;
  }
}
.p-use__box-image {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 386px;
  height: 412px;
}
@media screen and (max-width: 769px) {
  .p-use__box-image {
    top: 16px;
    width: 86%;
    max-width: 320px;
    height: initial;
    aspect-ratio: 247/264;
  }
}
@media screen and (max-width: 600px) {
  .p-use__box-image {
    top: 16px;
    width: 86%;
    max-width: 247px;
    height: initial;
    aspect-ratio: 247/264;
  }
}
.p-use__box:nth-child(even) {
  align-items: flex-start;
  justify-content: flex-start;
  margin-left: -32px;
}
@media screen and (max-width: 769px) {
  .p-use__box:nth-child(even) {
    align-items: flex-end;
    justify-content: flex-end;
    margin-left: auto;
  }
}
@media screen and (max-width: 600px) {
  .p-use__box:nth-child(even) {
    margin-left: 16px;
  }
}
.p-use__box:nth-child(even) .p-use__box-image {
  top: initial;
  right: 32px;
  bottom: 0;
  left: initial;
}
@media screen and (max-width: 769px) {
  .p-use__box:nth-child(even) .p-use__box-image {
    top: 16px;
    right: initial;
    bottom: initial;
    left: 0;
  }
}
.p-use__image {
  width: 100%;
  max-width: 1520px;
  margin: 0 auto -144px auto;
}
@media screen and (max-width: 769px) {
  .p-use__image {
    margin: 0 auto -40px auto;
  }
}
.p-use__image svg, .p-use__image img {
  width: 100%;
}

.a-badge-rotate {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 136px;
  height: 136px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20data-name%3D%22%E7%B7%A8%E9%9B%86%E3%83%A2%E3%83%BC%E3%83%89%22%20viewBox%3D%220%200%20140.3%20137.5%22%3E%3Cpath%20d%3D%22M0%2070.1c0-5.1%207.6-9.4%208.6-14.2S4.4%2044%206.4%2039.5c2.1-4.5%2010.9-5.1%2013.9-9%203-3.9%201.3-12.6%205.1-15.7%203.8-3.2%2011.9.1%2016.4-2.1C46.2%2010.5%2048.4%202%2053.3.8%2058-.4%2063.9%206.1%2069%206%2074.1%206%2079.7-.8%2084.5.2s7.4%209.5%2011.9%2011.5c4.5%202.1%2012.6-1.5%2016.5%201.5%203.9%203%202.5%2011.7%205.7%2015.5%203.2%203.8%2011.9%204%2014.2%208.5%202.2%204.4-2.8%2011.6-1.6%2016.5%201.2%204.7%209%208.7%209.1%2013.8%200%205.1-7.6%209.4-8.6%2014.2s4.2%2011.9%202.2%2016.4c-2.1%204.5-10.9%205.1-13.9%209-3%203.9-1.3%2012.6-5.1%2015.7-3.8%203.2-11.9-.1-16.4%202.1-4.4%202.2-6.6%2010.7-11.5%2011.9-4.7%201.2-10.6-5.3-15.7-5.2-5.1%200-10.7%206.8-15.5%205.8-4.9-1-7.4-9.5-11.9-11.5-4.5-2.1-12.6%201.5-16.5-1.5-3.9-3-2.5-11.7-5.7-15.5-3.2-3.8-11.9-4-14.2-8.5s2.8-11.6%201.6-16.5C7.9%2079.2%200%2075.1%200%2070.1Z%22%20style%3D%22fill%3A%231fa8ff%3Bstroke-width%3A0%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
}
@media screen and (max-width: 600px) {
  .a-badge-rotate {
    width: 66px;
    height: 66px;
  }
}
.a-badge-rotate__box {
  position: relative;
  display: inline-block;
}
@media screen and (max-width: 600px) {
  .a-badge-rotate__box {
    position: absolute;
    top: -33px;
    left: 16px;
  }
}
.a-badge-rotate__title {
  position: absolute;
  top: 25%;
  left: 50%;
  font-weight: bold;
  color: #fff;
  white-space: nowrap;
  transform: rotate(-15deg) translate(-50%, 0);
}
@media screen and (max-width: 1024px) {
  .a-badge-rotate__title {
    top: 33%;
  }
}
@media screen and (max-width: 600px) {
  .a-badge-rotate__title {
    top: 25%;
  }
}

#badg-rotate {
  animation: 16s linear infinite badgRotate;
}

@keyframes badgRotate {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
#a-flashing {
  animation: 2.4s ease-in-out infinite flashing;
}

@keyframes flashing {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.a-hover-action {
  transition: all 300ms ease-in-out;
}
.a-hover-action:hover {
  transform: scale(1.1);
}

li:has(.a-hover-action):hover {
  transform: scale(1.1) !important;
  transition: all 300ms ease-out;
}

.a-hover-ring {
  position: relative;
  display: inline-block;
}
.a-hover-ring:hover::before {
  position: absolute;
  top: 50%;
  left: 15%;
  width: 160px;
  height: 160px;
  border: 1px solid #000;
  border-radius: 9999px;
  content: "";
  transform: translateY(-50%);
  opacity: 1;
  animation: 1s circleanime forwards;
}

@keyframes circleanime {
  0% {
    transform: translateY(-50%) scale(0);
  }
  100% {
    tranform: translateY(-50%) scale(2);
    opacity: 0;
  }
}
.a-logo-loop {
  position: absolute;
  top: 488px;
  z-index: 0;
  width: 100%;
  height: 320px;
  overflow: hidden;
}
@media screen and (max-width: 1024px) {
  .a-logo-loop {
    top: 640px;
  }
}
@media screen and (max-width: 600px) {
  .a-logo-loop {
    top: 400px;
  }
}
.a-logo-loop__text {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221002%22%20height%3D%22271%22%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%23FFC6C3%22%20d%3D%22M463.82%20221.86h88.25l3.38-21.07H489.4l8.7-49.59h66.08l3.69-21.08h-66.08l7.25-41.37h66.02l3.98-21.27h-88.16L463.8%20221.85l.02.01ZM574.24%2071.49l-2.48%2013.27H505.7l-.58%203.31-7.25%2041.37-.82%204.69h66.08l-2.29%2013.08h-66.08l-.58%203.31-8.7%2049.59-.82%204.69h66.12l-2.1%2013.07H468.6L494.28%2071.5h79.98l-.02-.01Zm292.49%2021.95c-9.89-8.55-22.16-12.89-36.46-12.89s-27.01%203.12-38.33%209.29c-11.31%206.15-20.55%2015.01-27.47%2026.33-6.91%2011.3-10.67%2023.52-11.19%2036.33-.44%2010.89%201.55%2020.79%205.91%2029.43%204.37%208.66%2010.71%2015.38%2018.86%2019.98%208.12%204.58%2017.92%206.9%2029.13%206.9%2013.25%200%2025.83-3.24%2037.39-9.64%2011.57-6.39%2020.93-15.39%2027.83-26.73%206.91-11.34%2010.68-23.79%2011.21-36.98.71-17.56-4.98-31.69-16.89-42.01l.01-.01Zm12.89%2041.85c-.5%2012.51-4.08%2024.31-10.63%2035.06-6.54%2010.74-15.4%2019.25-26.35%2025.31-10.96%206.06-22.89%209.14-35.46%209.14-10.51%200-19.65-2.15-27.17-6.38-7.45-4.2-13.25-10.36-17.25-18.3-4.05-8.03-5.89-17.26-5.48-27.47.49-12.12%204.05-23.7%2010.6-34.41%206.54-10.71%2015.27-19.09%2025.96-24.9%2010.73-5.84%2022.99-8.8%2036.42-8.8%2013.43%200%2024.7%204.01%2033.84%2011.92%2010.95%209.48%2016.17%2022.54%2015.51%2038.83h.01ZM54.76%2074.19c9.6%203.11%2011.68%205.19%2014.79%2014.79a2.534%202.534%200%200%200%202.4%201.75c1.09%200%202.06-.71%202.4-1.75%203.11-9.6%205.19-11.68%2014.79-14.79a2.534%202.534%200%200%200%201.75-2.4c0-1.09-.71-2.06-1.75-2.4-9.6-3.11-11.68-5.19-14.79-14.79a2.534%202.534%200%200%200-2.4-1.75c-1.09%200-2.06.71-2.4%201.75-3.11%209.6-5.19%2011.68-14.79%2014.79a2.534%202.534%200%200%200-1.75%202.4c0%201.09.71%202.06%201.75%202.4Zm17.19-14.42c2.58%206.48%205.53%209.43%2012.02%2012.01-6.49%202.58-9.43%205.53-12.02%2012.02-2.58-6.49-5.53-9.43-12.02-12.02%206.49-2.58%209.43-5.53%2012.02-12.01ZM882.5%2084.34c-13.27-13.65-30.5-20.57-51.21-20.57-17.15%200-33.1%203.94-47.4%2011.71-14.31%207.78-25.87%2018.68-34.36%2032.39-8.47%2013.7-13.1%2028.95-13.76%2045.32-.86%2021.39%205.23%2038.99%2018.09%2052.31%2012.85%2013.32%2030.58%2020.07%2052.7%2020.07%2025.8%200%2048.02-8.66%2066.02-25.74%2018.02-17.09%2027.67-38.48%2028.68-63.57.83-20.78-5.48-38.25-18.77-51.92h.01Zm14.77%2051.76c-.96%2024.01-10.19%2044.48-27.43%2060.83-17.24%2016.35-38.53%2024.64-63.27%2024.64-20.99%200-37.75-6.34-49.82-18.85-12.07-12.5-17.78-29.11-16.97-49.37.63-15.68%205.06-30.27%2013.16-43.38%208.12-13.12%2019.18-23.54%2032.87-30.98%2013.7-7.45%2029.01-11.22%2045.49-11.22%2019.59%200%2035.85%206.51%2048.34%2019.35%2012.49%2012.85%2018.43%2029.32%2017.64%2048.97l-.01.01Zm-839.26-9.06a2.534%202.534%200%200%200%201.75-2.4c0-1.09-.71-2.06-1.75-2.4-16.53-5.36-20.37-9.2-25.73-25.73a2.534%202.534%200%200%200-2.4-1.75c-1.09%200-2.06.71-2.4%201.75-5.36%2016.53-9.21%2020.37-25.73%2025.73a2.534%202.534%200%200%200-1.75%202.4c0%201.09.71%202.06%201.75%202.4%2016.53%205.36%2020.37%209.2%2025.73%2025.73a2.534%202.534%200%200%200%202.4%201.75c1.09%200%202.06-.71%202.4-1.75%205.36-16.53%209.2-20.37%2025.73-25.73Zm-28.13%2020.38c-4.76-13.16-9.62-18.02-22.78-22.78%2013.16-4.76%2018.02-9.62%2022.78-22.78%204.76%2013.16%209.62%2018.02%2022.78%2022.78-13.16%204.76-18.02%209.62-22.78%2022.78Zm71.6%2019.66c-5.7%200-11.44%201.07-17.08%203.19a50.357%2050.357%200%200%200-15.27%209.11c-4.8%204.08-8.78%208.76-11.83%2013.93-3.07%205.18-5.07%2010.62-5.95%2016.19-1.03%205.75-.95%2011.31.23%2016.52%201.18%205.26%203.58%209.97%207.13%2013.99%203.32%204.19%207.44%207.41%2012.26%209.56%204.73%202.11%2010.22%203.22%2015.9%203.22s11.52-1.1%2017-3.19c5.54-2.12%2010.78-5.26%2015.58-9.32l.02-.02.02-.02c4.49-3.91%208.35-8.51%2011.47-13.66%203.14-5.18%205.25-10.71%206.28-16.43l6.76-38.41.83-4.69h-43.34l-.01.03Zm31.81%2042.41c-.94%205.23-2.89%2010.29-5.77%2015.05-2.91%204.8-6.5%209.08-10.67%2012.72-4.45%203.77-9.3%206.68-14.42%208.64-5.12%201.95-10.44%202.92-15.57%202.92-5.13%200-9.98-.96-14.27-2.88-4.26-1.9-7.88-4.72-10.82-8.48-3.14-3.53-5.26-7.66-6.3-12.31-1.06-4.71-1.13-9.73-.19-14.98.8-5.07%202.63-10.06%205.45-14.82%202.83-4.79%206.53-9.14%2011-12.93a46.11%2046.11%200%200%201%2014.07-8.4c5.18-1.95%2010.46-2.93%2015.67-2.93h38.58l-6.76%2038.41v-.01ZM412.66%2088.88c-4.33-2.84-11.93-4.22-23.23-4.22H363.8l-.58%203.31-7.38%2042.07-.82%204.69h17.66c12.72%200%2020.84-.5%2024.8-1.51%206.63-1.62%2012.12-4.84%2016.32-9.59%204.27-4.83%206.48-10.56%206.76-17.53.32-7.86-2.35-13.66-7.91-17.22h.01Zm-1.85%2032.1c-3.65%204.12-8.45%206.93-14.28%208.35-3.62.92-11.65%201.39-23.85%201.39h-12.9l7.38-42.07h22.27c10.35%200%2017.43%201.2%2021.04%203.57%204.37%202.8%206.36%207.28%206.1%2013.71-.24%206.02-2.13%2010.94-5.76%2015.05Zm7.74-49.45c-6.09-2.72-15.75-4.05-29.55-4.05h-40.02L321.9%20221.85h21.89l12.24-69.76h6.76l41.19%2069.07.41.68h24.91l-41.81-69.92c9.51-.52%2017.58-2.31%2024.02-5.33%207.94-3.71%2014.39-9.32%2019.2-16.67%204.78-7.33%207.38-15.38%207.73-23.95.31-7.94-1.38-15.04-5.03-21.09-3.66-6.07-8.66-10.57-14.87-13.36l.01.01Zm15.9%2034.29c-.32%207.83-2.7%2015.2-7.08%2021.92-4.39%206.72-10.29%2011.84-17.55%2015.24-5.97%202.79-13.56%204.46-22.55%204.96l-6.61.36%203.4%205.68%2038.19%2063.87h-15.59l-40.43-67.8-1.16-1.95h-12.4l-.58%203.31-11.66%2066.45h-13.77l25.68-146.37H389c13.04%200%2022.43%201.25%2027.91%203.7%205.45%202.45%209.85%206.41%2013.08%2011.78%203.24%205.37%204.74%2011.72%204.46%2018.87v-.02Zm252.79-19.13c-3.89-1.37-10.88-2.04-21.35-2.04H639.3l-.6%203.29-7.62%2042.07-.85%204.71h21.21c13.98%200%2023.43-.94%2028.9-2.89%205.5-1.95%209.88-5.21%2013.38-9.96%203.45-4.7%205.32-9.99%205.55-15.74.19-4.78-.79-8.91-2.91-12.27-2.13-3.38-5.2-5.8-9.12-7.18v.01Zm8.03%2019.28c-.2%204.94-1.8%209.49-4.77%2013.53-3.01%204.08-6.77%206.89-11.5%208.56-4.96%201.76-14.24%202.66-27.56%202.66h-16.42l7.62-42.07h23.25c9.88%200%2016.61.61%2020.02%201.81%203.1%201.09%205.41%202.9%207.06%205.53%201.68%202.66%202.46%206.02%202.3%209.98ZM210.59%2020.9c-5.53%202.11-10.76%205.17-15.55%209.08l-.05.04-.05.04c-4.62%204.04-8.47%208.71-11.46%2013.88-2.99%205.18-5.02%2010.62-6.04%2016.18l-15.86%2088.53-.84%204.71h71.2l.59-3.3%2022.75-127.67.84-4.7h-28.75c-5.57%200-11.22%201.07-16.78%203.19v.02Zm18%20128.48h-63.07l15.86-88.53c.93-5.09%202.81-10.1%205.57-14.89%202.77-4.79%206.36-9.13%2010.63-12.87%204.46-3.65%209.32-6.49%2014.44-8.45%205.11-1.95%2010.27-2.93%2015.35-2.93h23.97l-22.75%20127.67ZM206.74%204.47c-7.8%202.97-15.19%207.4-21.97%2013.16-6.62%205.62-12.18%2012.16-16.52%2019.46-4.34%207.31-7.21%2015.06-8.51%2023.02l-15.99%2089.27h-39.32c-8.11%200-16.15%201.51-23.91%204.48-7.73%202.96-15.09%207.39-21.84%2013.14-6.79%205.63-12.39%2012.15-16.65%2019.38-4.27%207.24-7.1%2015.03-8.41%2023.15-1.3%208.13-1.15%2015.97.45%2023.3%201.61%207.43%204.9%2014.09%209.73%2019.81%204.69%205.72%2010.54%2010.19%2017.36%2013.27%206.79%203.07%2014.38%204.63%2022.54%204.63%208.16%200%2016.21-1.54%2024.03-4.59%207.78-3.03%2015.16-7.41%2021.96-13.04%206.63-5.62%2012.19-12.17%2016.52-19.46%204.34-7.31%207.27-15.13%208.72-23.23l6.9-39.13h63.07l-9.1%2050.78h21.77l9.1-50.78h28.69l3.66-21.71h-28.66l22.75-127.67h23.27L300.3%200h-69.76c-7.97%200-15.98%201.51-23.8%204.47Zm86.3%2013.24h-23.28l-.59%203.3-22.75%20127.67-.84%204.7h28.7l-2.31%2013.71h-28.66l-.59%203.29-8.51%2047.49h-13.64l8.26-46.07.84-4.71h-71.2l-.58%203.31-6.89%2039.12c-1.36%207.63-4.13%2015-8.22%2021.89-4.11%206.91-9.38%2013.12-15.64%2018.42-6.46%205.35-13.47%209.52-20.86%2012.39-7.35%202.86-14.95%204.32-22.58%204.32-7.63%200-14.62-1.44-20.89-4.27-6.26-2.83-11.62-6.92-15.91-12.16l-.02-.02-.02-.02c-4.42-5.22-7.4-11.3-8.87-18.08-1.49-6.85-1.63-14.2-.41-21.82%201.23-7.63%203.89-14.95%207.9-21.76%204.03-6.83%209.33-13%2015.76-18.33l.02-.02.02-.02c6.42-5.46%2013.38-9.65%2020.68-12.45%207.29-2.79%2014.86-4.21%2022.48-4.21h42.66l.59-3.29%2015.99-89.27v-.03l.01-.03c1.22-7.47%203.92-14.74%208-21.62%204.11-6.91%209.38-13.12%2015.67-18.46%206.42-5.46%2013.42-9.66%2020.79-12.47C215.52%205.42%20223.06%204%20230.54%204h64.97l-2.48%2013.71h.01Zm404.11%2053.77c-6.16-2.68-15.9-3.99-29.78-3.99h-43.09L597.2%20221.86h21.89l12.33-69.66h19.3c15.83%200%2026.7-1%2033.23-3.06%209.09-2.81%2016.84-8.15%2023.02-15.87%206.21-7.75%209.57-16.96%209.99-27.38.32-8.05-1.33-15.18-4.9-21.18-3.6-6.04-8.62-10.49-14.91-13.24v.01Zm15.82%2034.26c-.38%209.54-3.45%2017.97-9.11%2025.04-5.67%207.08-12.76%2011.98-21.1%2014.56-6.14%201.94-16.62%202.88-32.03%202.88h-22.66l-.58%203.3-11.74%2066.36h-13.77l25.68-146.37h39.73c13.13%200%2022.62%201.23%2028.18%203.65%205.51%202.41%209.91%206.32%2013.08%2011.62%203.17%205.32%204.63%2011.71%204.34%2018.97l-.02-.01Z%22%2F%3E%3C%2Fsvg%3E");
  background-size: contain;
  background-repeat: repeat-x;
}

#logo-loop {
  animation: logoLoopAnimation 600s linear infinite;
  animation-duration: 600s;
  animation-timing-function: linear;
  animation-delay: 0s;
  animation-iteration-count: infinite;
  animation-direction: normal;
  animation-fill-mode: none;
  animation-play-state: running;
  animation-name: logoLoopAnimation;
  width: 100%;
  height: 100%;
}

@keyframes logoLoopAnimation {
  0% {
    background-position: 30000px 0;
  }
  100% {
    background-position: 0 0;
  }
}
.a-op-text {
  font-weight: 700;
}
@media (max-width: 820px) {
  .a-op-text {
    white-space: nowrap;
  }
}
.a-op-text__box {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 756px;
  text-align: center;
}
@media (max-width: 820px) {
  .a-op-text__box {
    padding-inline: 24px;
    transform: scale(0.85);
  }
}
@media screen and (max-width: 600px) {
  .a-op-text__box {
    height: 500px;
    padding-inline: 0;
  }
}

[id*=op-text] {
  opacity: 0;
}

.a-stiky-logo {
  position: sticky;
  top: 72px;
  z-index: 1;
  width: 100%;
  height: 252px;
  overflow: hidden;
}
@media screen and (max-width: 769px) {
  .a-stiky-logo {
    width: calc(100% + (var(--side-padding2)) * 2);
    height: 113px;
    margin-left: calc(var(--side-padding2) * -1);
  }
}
@media screen and (max-width: 600px) {
  .a-stiky-logo {
    top: 144px;
  }
}
.a-stiky-logo__wrapper {
  display: flex;
  width: 100%;
  height: 100%;
}
.a-stiky-logo__text {
  display: inline-block;
  height: 100%;
  margin: 0 40px;
}
.a-stiky-logo__text img {
  max-width: initial;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.p-information__list {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
  margin-bottom: 72px;
}
@media screen and (max-width: 1024px) {
  .p-information__list {
    width: calc(100% - 32px);
    margin-right: auto;
    margin-left: auto;
  }
}
@media screen and (max-width: 600px) {
  .p-information__list {
    display: block;
    width: auto;
    margin-bottom: 40px;
  }
}
.p-information__list .slick-list {
  overflow: unset;
}
.p-information__list.slick-dotted.slick-slider {
  margin-bottom: 96px;
}
.p-information__list .slick-dots {
  bottom: -55.5px;
}
.p-information__list .slick-dots li button::before {
  font-size: 16px;
  color: #fff;
  opacity: 1;
}
.p-information__list .slick-dots li.slick-active button::before {
  color: var(--base-color);
}
.p-information__item {
  width: calc(33.333% - 20px);
  background-color: #fff;
  border-radius: 30px;
  overflow: hidden;
  filter: drop-shadow(6px 6px 0px rgba(0, 0, 0, 0.1));
}
@media screen and (max-width: 600px) {
  .p-information__item {
    margin: 0 8px;
  }
}
.p-information__anchor {
  display: block;
}
.p-information__image {
  width: 100%;
  aspect-ratio: 16/9;
  -o-object-fit: cover;
     object-fit: cover;
}
.p-information__box--text {
  position: relative;
  padding: 24px;
}
.p-information__title {
  margin-bottom: 14px;
  line-height: 1.87;
}
.p-information__description {
  margin-bottom: 14px;
  font-weight: 400;
}
.p-information--date {
  color: #999;
  text-align: right;
}

.p-partner__list {
  display: flex;
  flex-wrap: wrap;
  gap: 80px 0;
  margin-top: 40px;
  margin-bottom: 40px;
}
@media screen and (max-width: 769px) {
  .p-partner__list {
    gap: 0;
    margin-bottom: 24px;
  }
}
.p-partner__item {
  display: flex;
  align-items: flex-start;
  gap: 80px;
  width: 100%;
  border-bottom: 1px solid #999;
}
@media screen and (max-width: 1024px) {
  .p-partner__item {
    gap: 32px;
    padding-bottom: 32px;
  }
}
@media screen and (max-width: 600px) {
  .p-partner__item {
    flex-direction: column;
    gap: 16px;
    padding-bottom: 20px;
  }
}
.p-partner__logo {
  display: block;
  width: calc(50% - 20px);
  aspect-ratio: 3/2;
}
@media screen and (max-width: 1024px) {
  .p-partner__logo {
    width: calc(50% - 8px);
  }
}
@media screen and (max-width: 600px) {
  .p-partner__logo {
    width: 100%;
  }
}
.p-partner__logo img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.p-partner__info {
  width: calc(50% - 20px);
}
@media screen and (max-width: 769px) {
  .p-partner__info {
    width: calc(50% - 8px);
  }
}
@media screen and (max-width: 600px) {
  .p-partner__info {
    width: 100%;
  }
}
.p-partner__info-title {
  margin: 20px auto 40px auto;
  font-weight: 700;
}
@media screen and (max-width: 600px) {
  .p-partner__info-title {
    margin-bottom: 16px;
  }
}
.p-partner__info-list {
  display: flex;
  align-items: flex-start;
  margin-bottom: 16px;
}
.p-partner__info-list dt, .p-partner__info-list dd {
  font-weight: 400;
}
.p-partner__info-list dt {
  width: 23%;
}
@media screen and (max-width: 1024px) {
  .p-partner__info-list dt {
    width: 30%;
  }
}
.p-partner__info-list dd {
  width: 77%;
  margin-bottom: 0;
}
@media screen and (max-width: 1024px) {
  .p-partner__info-list dd {
    width: 70%;
  }
}
.p-partner__info-list:nth-last-of-type(1) {
  margin-bottom: 40px;
}

.p-privacy section {
  margin: 0 auto 40px auto;
}
@media screen and (max-width: 600px) {
  .p-privacy section {
    margin: 0 auto 24px auto;
  }
}
.p-privacy section > div {
  padding-left: 16px;
}
.p-privacy h3 {
  font-size: 16px;
  font-weight: 700;
  line-height: 1.8;
}
.p-privacy p, .p-privacy ul li {
  font-size: clamp(14px, 2.333vw, 14px);
  font-weight: 400;
  line-height: 1.8;
}
.p-privacy ul {
  list-style: disc;
  padding-left: 1em;
}
.p-privacy ul li + li {
  margin-top: 4px;
}
.p-privacy ul li:has(ol) {
  list-style: none;
}
.p-privacy ol {
  counter-reset: count 0;
}
.p-privacy ol li {
  padding-left: 1.2em;
  text-indent: -1.2em;
}
.p-privacy ol li::before {
  content: "(" counter(count) ")";
  counter-increment: count 1;
}
.p-privacy table {
  margin-bottom: 16px;
  border-top: 1px solid #999;
  border-right: 1px solid #999;
}
@media screen and (max-width: 600px) {
  .p-privacy table {
    width: 300%;
  }
}
.p-privacy table thead {
  background-color: #f5f5f5;
}
.p-privacy table tr {
  border-bottom: 1px solid #999;
}
.p-privacy table th, .p-privacy table td {
  padding: 20px;
  font-size: 14px;
  font-weight: 400;
  border-left: 1px solid #999;
}
.p-privacy table th {
  text-align: center;
}
.p-privacy table td:not(:first-child),
.p-privacy table td:not(:last-child) {
  width: 18.5%;
}
.p-privacy table td:first-child {
  width: 4%;
  vertical-align: middle;
}
.p-privacy table td:last-child {
  width: 40.5%;
}

.p-shop-list {
  display: flex;
  flex-wrap: wrap;
  gap: 0 30px;
  margin-top: 48px;
  margin-bottom: 232px;
}
@media screen and (max-width: 600px) {
  .p-shop-list {
    margin-bottom: 40px;
  }
}
.p-shop-list__item {
  display: grid;
  grid-template-columns: 50% 1fr;
  grid-template-rows: auto;
  gap: 14px 30px;
  width: calc(50% - 15px);
  padding: 30px 0;
  margin-top: -1px;
  border-top: 1px solid #999;
  border-bottom: 1px solid #999;
}
@media screen and (max-width: 1024px) {
  .p-shop-list__item {
    display: flex;
    flex-direction: column;
  }
}
@media screen and (max-width: 600px) {
  .p-shop-list__item {
    grid-template-columns: auto;
    grid-template-rows: auto;
    gap: 10px 30px;
    width: 100%;
    padding: 20px 0;
  }
}
.p-shop-list__photo {
  grid-column: 1/2;
  grid-row: 1/3;
  aspect-ratio: 30/21;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (max-width: 1024px) {
  .p-shop-list__photo {
    order: 2;
  }
}
@media screen and (max-width: 600px) {
  .p-shop-list__photo {
    grid-column: 1/2;
    grid-row: 2/3;
    width: 100%;
    aspect-ratio: 34/20;
  }
}
.p-shop-list__info {
  grid-column: 2/3;
  grid-row: 1/2;
  border-bottom: 1px solid #999;
}
@media screen and (max-width: 1024px) {
  .p-shop-list__info {
    order: 1;
  }
}
@media screen and (max-width: 600px) {
  .p-shop-list__info {
    grid-column: 1/2;
    grid-row: 1/2;
    border-bottom: none;
  }
}
.p-shop-list__info:has(.p-shop-list__label) .p-shop-list-sub-info {
  margin-top: 14px;
}
.p-shop-list__info--sub {
  grid-column: 2/3;
  grid-row: 2/3;
}
@media screen and (max-width: 1024px) {
  .p-shop-list__info--sub {
    order: 3;
  }
}
@media screen and (max-width: 600px) {
  .p-shop-list__info--sub {
    grid-column: 1/2;
    grid-row: 3/3;
  }
}
.p-shop-list__info-description {
  padding-bottom: 10px;
  margin-bottom: 8px;
  border-bottom: 1px solid #ccc;
}
.p-shop-list__label {
  display: flex;
  align-items: center;
  justify-content: center;
  width: -moz-fit-content;
  width: fit-content;
  padding: 8px 32px;
  color: #fff;
  background-color: var(--base-color);
  border-radius: 100px;
}
.p-shop-list-sub-info {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0 0 14px 0;
}
@media screen and (max-width: 1024px) {
  .p-shop-list-sub-info {
    margin-top: 54px;
  }
}
@media screen and (max-width: 600px) {
  .p-shop-list-sub-info {
    margin-top: 14px;
  }
}
.p-shop-list-sub-info--area {
  display: flex;
  align-items: center;
  justify-content: center;
  width: -moz-fit-content;
  width: fit-content;
  padding: 2px 16px;
  color: #fff;
  background-color: #eee;
}
.p-shop-list--name {
  display: flex;
  align-items: center;
  line-height: 1.7;
  text-align: left;
}
.p-shop-list--name.is-new::after {
  margin-left: 8px;
  line-height: 1.3;
  font-family: Arial;
  font-size: 9px;
  font-weight: 400;
  content: "NEW";
  color: #f00;
}

.p-qa {
  border-bottom: 1px solid #000;
}
.p-qa + .p-qa {
  margin-top: 40px;
}
.p-qa__header, .p-qa__body {
  position: relative;
  padding: 0 40px 0 72px;
  margin-bottom: 60px;
  font-size: clamp(1rem, 0.909rem + 0.45vw, 1.25rem);
}
@media screen and (max-width: 600px) {
  .p-qa__header, .p-qa__body {
    padding: 0 36px 0 48px;
    margin-bottom: 40px;
  }
}
.p-qa__header::before, .p-qa__body::before {
  position: absolute;
  left: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 60px;
  height: 60px;
  padding-bottom: 8px;
  margin-right: 24px;
  font-size: clamp(20px, 3.333vw, 32px);
  font-weight: 700;
  color: #fff;
  background-size: contain;
  background-repeat: no-repeat;
}
@media screen and (max-width: 600px) {
  .p-qa__header::before, .p-qa__body::before {
    width: 36px;
    height: 36px;
  }
}
.p-qa__header p, .p-qa__body p {
  padding-top: 12px;
}
@media screen and (max-width: 600px) {
  .p-qa__header p, .p-qa__body p {
    padding-top: 0;
  }
}
.p-qa__header {
  font-weight: 700;
  cursor: pointer;
}
.p-qa__header::before {
  content: "Q";
  background-image: url("data:image/svg+xml;charset=utf8,%20%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2260%22%20height%3D%2260%22%20viewBox%3D%220%200%2060%2060%22%20fill%3D%22none%22%3E%20%3Cpath%20d%3D%22M59.9548%2024.2882C59.7864%2021.8376%2059.3625%2019.5729%2058.6946%2017.552C58.0268%2015.5369%2057.1906%2013.7483%2056.215%2012.2269C55.2568%2010.7402%2054.3974%209.53818%2053.6715%208.66131C51.3893%205.85067%2048.6019%203.67881%2045.3731%202.2038C38.9621%20-0.728783%2030.7218%20-0.73459%2023.2655%202.18638C19.5489%203.64977%2016.0473%205.7926%2012.8708%208.56839C11.2216%2010.0086%209.72333%2011.5591%208.38189%2013.2083C6.95334%2014.8923%205.68158%2016.6751%204.60146%2018.5624C2.57478%2022.0873%201.17527%2025.8678%200.443575%2029.8166C-0.224242%2033.777%20-0.137136%2037.5749%200.699087%2041.123C1.53531%2044.6828%203.08581%2047.9115%205.30412%2050.728C7.59212%2053.5444%2010.397%2055.7163%2013.6489%2057.1855C16.8893%2058.6547%2020.5013%2059.398%2024.3805%2059.398C26.1981%2059.398%2028.097%2059.1715%2030.025%2058.7302C31.9355%2058.2946%2033.8286%2057.7313%2035.6521%2057.0519C37.4639%2056.3783%2039.177%2055.5885%2040.7507%2054.7058C42.3186%2053.8174%2043.5962%2052.9463%2044.5427%2052.1159C47.5218%2049.4794%2050.013%2046.9011%2051.9932%2044.4215C52.8004%2043.4401%2053.5554%2042.4645%2054.1999%2041.5179C56.3892%2038.3008%2057.9513%2035.223%2058.8514%2032.3717C59.7573%2029.4972%2060.129%2026.7795%2059.9606%2024.2882H59.9548Z%22%20fill%3D%22%231FA8FF%22%2F%3E%20%3C%2Fsvg%3E");
}
.p-qa__header::after {
  position: absolute;
  top: 16px;
  right: 0;
  display: block;
  width: 40px;
  height: 40px;
  content: "";
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2240%22%20height%3D%2241%22%20viewBox%3D%220%200%2040%2041%22%20fill%3D%22none%22%3E%20%3Cpath%20d%3D%22M20.905%2027.3461L34.18%2013.4136C34.4016%2013.1812%2034.5253%2012.8723%2034.5253%2012.5511C34.5253%2012.23%2034.4016%2011.9211%2034.18%2011.6886L34.165%2011.6736C34.0576%2011.5605%2033.9283%2011.4705%2033.7849%2011.409C33.6416%2011.3474%2033.4873%2011.3157%2033.3313%2011.3157C33.1753%2011.3157%2033.0209%2011.3474%2032.8776%2011.409C32.7343%2011.4705%2032.605%2011.5605%2032.4975%2011.6736L19.9975%2024.7936L7.50253%2011.6736C7.3951%2011.5605%207.26578%2011.4705%207.12245%2011.409C6.97911%2011.3474%206.82476%2011.3157%206.66878%2011.3157C6.51279%2011.3157%206.35844%2011.3474%206.21511%2011.409C6.07178%2011.4705%205.94246%2011.5605%205.83503%2011.6736L5.82003%2011.6886C5.59842%2011.9211%205.47479%2012.23%205.47479%2012.5511C5.47479%2012.8723%205.59842%2013.1812%205.82003%2013.4136L19.095%2027.3461C19.2118%2027.4687%2019.3522%2027.5662%2019.5077%2027.6329C19.6633%2027.6995%2019.8308%2027.7339%2020%2027.7339C20.1693%2027.7339%2020.3368%2027.6995%2020.4923%2027.6329C20.6479%2027.5662%2020.7883%2027.4687%2020.905%2027.3461Z%22%20fill%3D%22black%22%2F%3E%3C%2Fsvg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  transition: 400ms all;
}
@media screen and (max-width: 600px) {
  .p-qa__header::after {
    top: 50%;
    width: 24px;
    height: 24px;
    transform: translateY(-50%);
  }
}
.p-qa__header[aria-expanded=true]::after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2240%22%20height%3D%2241%22%20viewBox%3D%220%200%2040%2041%22%20fill%3D%22none%22%3E%20%3Cpath%20d%3D%22M20.905%2027.3461L34.18%2013.4136C34.4016%2013.1812%2034.5253%2012.8723%2034.5253%2012.5511C34.5253%2012.23%2034.4016%2011.9211%2034.18%2011.6886L34.165%2011.6736C34.0576%2011.5605%2033.9283%2011.4705%2033.7849%2011.409C33.6416%2011.3474%2033.4873%2011.3157%2033.3313%2011.3157C33.1753%2011.3157%2033.0209%2011.3474%2032.8776%2011.409C32.7343%2011.4705%2032.605%2011.5605%2032.4975%2011.6736L19.9975%2024.7936L7.50253%2011.6736C7.3951%2011.5605%207.26578%2011.4705%207.12245%2011.409C6.97911%2011.3474%206.82476%2011.3157%206.66878%2011.3157C6.51279%2011.3157%206.35844%2011.3474%206.21511%2011.409C6.07178%2011.4705%205.94246%2011.5605%205.83503%2011.6736L5.82003%2011.6886C5.59842%2011.9211%205.47479%2012.23%205.47479%2012.5511C5.47479%2012.8723%205.59842%2013.1812%205.82003%2013.4136L19.095%2027.3461C19.2118%2027.4687%2019.3522%2027.5662%2019.5077%2027.6329C19.6633%2027.6995%2019.8308%2027.7339%2020%2027.7339C20.1693%2027.7339%2020.3368%2027.6995%2020.4923%2027.6329C20.6479%2027.5662%2020.7883%2027.4687%2020.905%2027.3461Z%22%20fill%3D%22black%22%2F%3E%3C%2Fsvg%3E");
  transform: rotate(180deg);
}
@media screen and (max-width: 600px) {
  .p-qa__header[aria-expanded=true]::after {
    transform: translateY(-50%) rotate(180deg);
  }
}
.p-qa__body {
  padding-right: 0;
}
.p-qa__body::before {
  content: "A";
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2260%22%20height%3D%2260%22%20viewBox%3D%220%200%2060%2060%22%20fill%3D%22none%22%3E%20%3Cpath%20d%3D%22M59.9548%2024.6862C59.7864%2022.2356%2059.3625%2019.9708%2058.6946%2017.9499C58.0268%2015.9349%2057.1906%2014.1463%2056.215%2012.6248C55.2568%2011.1382%2054.3974%209.93613%2053.6715%209.05925C51.3893%206.24862%2048.6019%204.07676%2045.3731%202.60175C38.9621%20-0.330834%2030.7218%20-0.336641%2023.2655%202.58433C19.5489%204.04772%2016.0473%206.19055%2012.8708%208.96634C11.2216%2010.4065%209.72333%2011.957%208.38189%2013.6062C6.95334%2015.2903%205.68158%2017.0731%204.60146%2018.9604C2.57478%2022.4853%201.17527%2026.2657%200.443575%2030.2145C-0.224242%2034.175%20-0.137136%2037.9728%200.699087%2041.521C1.53531%2045.0807%203.08581%2048.3095%205.30412%2051.1259C7.59212%2053.9424%2010.397%2056.1142%2013.6489%2057.5834C16.8893%2059.0526%2020.5013%2059.7959%2024.3805%2059.7959C26.1981%2059.7959%2028.097%2059.5695%2030.025%2059.1281C31.9355%2058.6926%2033.8286%2058.1293%2035.6521%2057.4499C37.4639%2056.7762%2039.177%2055.9865%2040.7507%2055.1038C42.3186%2054.2153%2043.5962%2053.3442%2044.5427%2052.5138C47.5218%2049.8774%2050.013%2047.299%2051.9932%2044.8194C52.8004%2043.838%2053.5554%2042.8624%2054.1999%2041.9159C56.3892%2038.6987%2057.9513%2035.621%2058.8514%2032.7697C59.7573%2029.8951%2060.129%2027.1774%2059.9606%2024.6862H59.9548Z%22%20fill%3D%22%23FF2C1F%22%2F%3E%3C%2Fsvg%3E");
}
.p-qa__body ul {
  padding-left: 40px;
  margin: 8px auto;
}

.u-anchor {
  display: block;
}
.u-anchor--blue {
  color: var(--btn-color2);
}
.u-anchor--underline {
  text-decoration: underline;
}

.u-bg-base-gray {
  background-color: var(--base-gray);
}
.u-bg-base-gray-g {
  background: linear-gradient(to bottom, var(--base-gray) 0%, var(--base-gray) 35%, rgb(255, 255, 255) 35%, rgb(255, 255, 255) 100%);
}
@media screen and (max-width: 769px) {
  .u-bg-base-gray-g {
    background: linear-gradient(to bottom, var(--base-gray) 0%, var(--base-gray) 20%, rgb(255, 255, 255) 20%, rgb(255, 255, 255) 100%);
  }
}

[class^=u-br] {
  height: 0;
  font-size: 0;
}

@media screen and (min-width: 601px) {
  .u-br-tb::before {
    content: "\a";
    white-space: pre;
  }
}

@media screen and (max-width: 600px) {
  .u-br-sp::before {
    content: "\a";
    white-space: pre;
  }
}

.u-clearfix::after {
  display: block;
  clear: both;
  content: "";
}

.u-color--text-gray {
  color: var(--bae-gray) !important;
}
.u-color--text-sub-gray {
  color: var(--sub-gray) !important;
}
.u-color--text-red {
  color: var(--base-color) !important;
}
.u-color--campaign1 {
  color: var(--campaign-color1);
}
.u-color--campaign2 {
  color: var(--campaign-color2);
}
.u-color--campaign3 {
  color: var(--campaign-color3);
}
.u-color--campaign4 {
  color: var(--campaign-color4);
}

.u-display-flex {
  display: flex;
}
.u-display-flex > * {
  flex: 1;
}

.u-ds-none {
  display: none;
}

@media screen and (max-width: 1024px) {
  .u-pc-on {
    display: none !important;
  }
}

@media screen and (min-width: 1025px) {
  .u-tb-on {
    display: none !important;
  }
}

@media (min-width: 769px) {
  .u-tb_min-on {
    display: none !important;
  }
}

@media screen and (min-width: 601px) {
  .u-sp-on {
    display: none !important;
  }
}

@media screen and (max-width: 1024px) {
  .u-tb-none {
    display: none !important;
  }
}

@media (max-width: 769px) {
  .u-tb_min-none {
    display: none !important;
  }
}

@media screen and (max-width: 600px) {
  .u-sp-none {
    display: none !important;
  }
}

.u-flex {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.u-flex-spb {
  display: flex;
  justify-content: space-between;
}
@media (min-width: 769px) and (max-width: 1024px) {
  .l-contents--main > .u-flex-spb {
    width: 100vw;
    padding-right: 32px;
  }
}

@media screen and (max-width: 600px) {
  .u-sp-column {
    flex-direction: column;
  }
  .u-sp-column-r {
    flex-direction: column-reverse;
  }
}
.u-flow > * + * {
  margin-top: var(--flow-space, 1em);
}

.u-ff-lato {
  font-family: "Lato", sans-serif !important;
}

.u-ff-raleway {
  font-family: "Raleway", sans-serif !important;
}

.u-ff-yu-go {
  font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif !important;
  font-weight: 500 !important;
}

.u-ff-yu-min {
  font-family: "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "HGP明朝B", serif !important;
}

.u-ff-notosans {
  font-family: "Noto Sans JP", sans-serif !important;
}

.u-fs-10_12 {
  font-size: clamp(10px, 1.667vw, 12px) !important;
}

.u-fs-11 {
  font-size: clamp(11px, 1.833vw, 11px) !important;
}

.u-fs-12 {
  font-size: clamp(12px, 2vw, 12px) !important;
}

.u-fs-12_15 {
  font-size: clamp(12px, 2vw, 15px) !important;
}

.u-fs-12_16 {
  font-size: clamp(12px, 2vw, 16px) !important;
}

.u-fs-13 {
  font-size: clamp(13px, 2.167vw, 13px) !important;
}

.u-fs-13_14 {
  font-size: clamp(13px, 2.167vw, 14px) !important;
}

.u-fs-13_16 {
  font-size: clamp(13px, 2.167vw, 16px) !important;
}

.u-fs-14 {
  font-size: clamp(14px, 2.333vw, 14px) !important;
}

.u-fs-15_16 {
  font-size: clamp(15px, 2.5vw, 16px) !important;
}

.u-fs-15_24 {
  font-size: clamp(15px, 2.5vw, 24px) !important;
}

.u-fs-16 {
  font-size: clamp(16px, 2.667vw, 16px) !important;
}

.u-fs-16_18 {
  font-size: clamp(16px, 2.667vw, 18px) !important;
}

.u-fs-16_14 {
  font-size: clamp(16px, 2.667vw, 14px) !important;
}

.u-fs-16_20 {
  font-size: clamp(16px, 2.667vw, 20px) !important;
}

.u-fs-16_33 {
  font-size: clamp(16px, 2.667vw, 33px) !important;
}

.u-fs-18_22 {
  font-size: clamp(18px, 3vw, 22px) !important;
}

.u-fs-18_24 {
  font-size: clamp(18px, 3vw, 24px) !important;
}

.u-fs-20_24 {
  font-size: clamp(20px, 3.333vw, 24px) !important;
}

.u-fs-20_40 {
  font-size: clamp(20px, 3.333vw, 40px) !important;
}

.u-fs-24_32 {
  font-size: clamp(24px, 4vw, 32px) !important;
}

.u-fs-26_32 {
  font-size: clamp(26px, 4.333vw, 32px) !important;
}

.u-fs-27_64 {
  font-size: clamp(27px, 4.5vw, 64px) !important;
}

.u-fs-28_44 {
  font-size: clamp(28px, 4.667vw, 44px) !important;
}

.u-fs-32_78 {
  font-size: clamp(32px, 5.333vw, 78px) !important;
}

.u-font-weight--bold {
  font-weight: bold;
}
.u-font-weight--600 {
  font-weight: 600;
}
.u-font-weight--700 {
  font-weight: 700;
}

.u-full-width {
  margin-right: calc((50vw - 50%) * -1);
  margin-left: calc((50vw - 50%) * -1);
}

.u-hr {
  border-top-color: var(--border-color);
}
@media screen and (max-width: 769px) {
  .u-hr {
    width: calc(100% - 64px);
  }
}

.u-margin--0 {
  margin: 0;
}
.u-margin-b--0 {
  margin-bottom: 0;
}
.u-margin-b--8 {
  margin-bottom: 8px;
}
.u-margin-b--10 {
  margin-bottom: 10px;
}
.u-margin-b--10_16 {
  margin-bottom: 16px;
}
@media screen and (max-width: 769px) {
  .u-margin-b--10_16 {
    margin-bottom: 10px;
  }
}
.u-margin-b--13 {
  margin-bottom: 13px;
}
.u-margin-b--16 {
  margin-bottom: 16px;
}
.u-margin-b--16_24 {
  margin-bottom: 24px;
}
@media screen and (max-width: 769px) {
  .u-margin-b--16_24 {
    margin-bottom: 16px;
  }
}
.u-margin-b--16_40 {
  margin-bottom: 40px;
}
@media screen and (max-width: 769px) {
  .u-margin-b--16_40 {
    margin-bottom: 16px;
  }
}
.u-margin-b--24 {
  margin-bottom: 24px;
}
.u-margin-b--24_32 {
  margin-bottom: 32px;
}
@media screen and (max-width: 769px) {
  .u-margin-b--24_32 {
    margin-bottom: 24px;
  }
}
.u-margin-b--24_40 {
  margin-bottom: 24px;
}
@media screen and (max-width: 769px) {
  .u-margin-b--24_40 {
    margin-bottom: 40px;
  }
}
.u-margin-b--24_64 {
  margin-bottom: 64px;
}
@media screen and (max-width: 769px) {
  .u-margin-b--24_64 {
    margin-bottom: 24px;
  }
}
.u-margin-b--28_36 {
  margin-bottom: 36px;
}
@media screen and (max-width: 769px) {
  .u-margin-b--28_36 {
    margin-bottom: 28px;
  }
}
.u-margin-b--32 {
  margin-bottom: 32px;
}
.u-margin-b--32_64 {
  margin: 0 auto 64px auto;
}
@media screen and (max-width: 769px) {
  .u-margin-b--32_64 {
    margin: 0 auto 32px auto;
  }
}
.u-margin-b--32_72 {
  margin-bottom: 72px;
}
@media screen and (max-width: 769px) {
  .u-margin-b--32_72 {
    margin-bottom: 32px;
  }
}
.u-margin-b--32_80 {
  margin-bottom: 80px;
}
@media screen and (max-width: 769px) {
  .u-margin-b--32_80 {
    margin-bottom: 32px;
  }
}
.u-margin-b--40 {
  margin-bottom: 40px;
}
.u-margin-b--40_32 {
  margin-bottom: 32px;
}
@media screen and (max-width: 769px) {
  .u-margin-b--40_32 {
    margin-bottom: 40px;
  }
}
.u-margin-b--40_72 {
  margin-bottom: 72px;
}
@media screen and (max-width: 769px) {
  .u-margin-b--40_72 {
    margin-bottom: 40px;
  }
}
.u-margin-b--40_80 {
  margin-bottom: 80px !important;
}
@media screen and (max-width: 769px) {
  .u-margin-b--40_80 {
    margin-bottom: 40px !important;
  }
}
.u-margin-b--40_100 {
  margin-bottom: 100px;
}
@media screen and (max-width: 769px) {
  .u-margin-b--40_100 {
    margin-bottom: 40px;
  }
}
.u-margin-b--48_96 {
  margin-bottom: 96px;
}
@media screen and (max-width: 769px) {
  .u-margin-b--48_96 {
    margin-bottom: 48px;
  }
}
.u-margin-b--48_124 {
  margin-bottom: 124px;
}
@media screen and (max-width: 769px) {
  .u-margin-b--48_124 {
    margin-bottom: 48px;
  }
}
.u-margin-b--64 {
  margin-bottom: 64px;
}
@media screen and (max-width: 769px) {
  .u-margin-b--64 {
    margin-bottom: 64px;
  }
}
.u-margin-b--64_80 {
  margin-bottom: 80px;
}
@media screen and (max-width: 769px) {
  .u-margin-b--64_80 {
    margin-bottom: 64px;
  }
}
.u-margin-b--80_140 {
  margin-bottom: 140px;
}
@media screen and (max-width: 769px) {
  .u-margin-b--80_140 {
    margin-bottom: 80px;
  }
}
.u-margin-b--32-r--80 {
  margin: 0 80px 0 0;
}
@media screen and (max-width: 769px) {
  .u-margin-b--32-r--80 {
    margin: 0 0 32px 0;
  }
}
.u-margin-x--4 {
  margin: 0 4px;
}
.u-margin-x--8 {
  margin: 0 8px;
}
.u-margin-y--14 {
  margin: 14px auto;
}
.u-margin-y--24 {
  margin: 24px auto;
}
.u-margin-y--48_88 {
  margin: 88px auto;
}
@media screen and (max-width: 769px) {
  .u-margin-y--48_88 {
    margin: 48px auto;
  }
}
.u-margin-y--88 {
  margin: 88px auto;
}
.u-margin-r--8 {
  margin-right: 8px;
}
.u-margin-l--4 {
  margin-left: 4px;
}
.u-margin-l---32 {
  margin-left: -32px;
}
@media screen and (max-width: 1024px) {
  .u-margin-l---32 {
    margin-left: -12px;
  }
}

.u-padding-l--36 {
  padding-left: 36px;
}
@media screen and (max-width: 769px) {
  .u-padding-l--48_0 {
    padding-left: 48px !important;
  }
}
@media screen and (max-width: 769px) {
  .u-padding-x--29_0 {
    padding-right: 29px !important;
    padding-left: 29px !important;
  }
}

.u-scroll {
  overflow-x: auto;
}
.p-qa__body .u-scroll {
  margin-top: 16px;
}
.p-qa__body .u-scroll img {
  width: 1000px;
}
@media screen and (max-width: 1024px) {
  .p-qa__body .u-scroll img {
    padding-right: 16px;
  }
}
@media screen and (max-width: 769px) {
  .p-qa__body .u-scroll img {
    max-width: initial;
    padding-right: 0;
  }
}

.u-ta-c {
  text-align: center;
}

.u-ta-l {
  text-align: left;
}

.u-ta-r {
  text-align: right;
}

.u-width--100 {
  width: 100%;
}
.u-width--100_auto {
  width: auto;
}
@media screen and (max-width: 769px) {
  .u-width--100_auto {
    width: 100%;
  }
}

.u-wrap {
  position: relative;
  width: 100%;
  margin: auto;
}
@media screen and (max-width: 1200px) {
  .u-wrap {
    padding-right: 16px;
    padding-left: 16px;
  }
}
@media screen and (min-width: 1201px) {
  .u-wrap {
    max-width: 1200px;
  }
}
.u-wrap-slider {
  margin: auto;
}
@media screen and (max-width: 880px) {
  .u-wrap-slider {
    padding-right: 16px;
    padding-left: 16px;
  }
}
@media screen and (min-width: 881px) {
  .u-wrap-slider {
    max-width: 880px;
  }
}
.u-wrap-slider .swiper-slide img {
  border-radius: 8px;
}
.u-wrap-min {
  margin: auto;
}
@media screen and (max-width: 1000px) {
  .u-wrap-min {
    padding-right: 16px;
    padding-left: 16px;
  }
}
@media screen and (min-width: 1001px) {
  .u-wrap-min {
    max-width: 1000px;
  }
}
.u-wrap:has(.c-label__list) {
  padding-right: 0;
  padding-left: 0;
}/*# sourceMappingURL=style.css.map */