@charset "UTF-8";
/*! destyle.css v4.0.1 | MIT License | https://github.com/nicolas-cusan/destyle.css */
/* Reset box-model and set borders */
/* ============================================ */
*,
::before,
::after {
  box-sizing: border-box;
  border-style: solid;
  border-width: 0;
  min-width: 0;
}

/* 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;
  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-top-width: 1px;
  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] {
  -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;
}

/* Replaced content */
/* ============================================ */
/**
 * Prevent vertical alignment issues.
 */
svg,
img,
embed,
object,
iframe {
  vertical-align: bottom;
}

/* Forms */
/* ============================================ */
/**
 * Reset form fields to make them styleable.
 * 1. Make form elements stylable across systems iOS especially.
 * 2. Inherit text-transform from parent.
 */
button,
input,
optgroup,
select,
textarea {
  -webkit-appearance: none; /* 1 */
  -moz-appearance: none;
       appearance: none;
  vertical-align: middle;
  color: inherit;
  font: inherit;
  background: transparent;
  padding: 0;
  margin: 0;
  border-radius: 0;
  text-align: inherit;
  text-transform: inherit; /* 2 */
}

/**
 * Correct cursors for clickable elements.
 */
button,
[type=button],
[type=reset],
[type=submit] {
  cursor: pointer;
}

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

/**
 * Improve outlines for Firefox and unify style with input elements & buttons.
 */
:-moz-focusring {
  outline: auto;
}

select:disabled {
  opacity: inherit;
}

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

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

legend {
  padding: 0;
}

/**
 * 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;
}

/**
 * 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;
}

/**
 * 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. Fix font inheritance.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/**
 * Fix appearance for Firefox
 */
[type=number] {
  -moz-appearance: textfield;
}

/**
 * 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;
}

/*
 * Remove outline for editable content.
 */
[contenteditable]:focus {
  outline: auto;
}

/* Tables */
/* ============================================ */
/**
1. Correct table border color inheritance in all Chrome and Safari.
*/
table {
  border-color: inherit; /* 1 */
  border-collapse: collapse;
}

caption {
  text-align: left;
}

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

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

:root {
  --reveal-ease: cubic-bezier(0.16, 1, 0.3, 1);
  --bounce-duration: 760ms;
  --bg_pink: #fdf4f4;
  --bg_red: #b3001d;
  --bg_red2: #a1001a;
  --bg_yellow: #fffaf3;
  --color-black: #000;
  --color-dark-gray: #3c3c3c;
  --color-darkred: #7e0e14;
  --color-deep-yellow: #ffbd58;
  --color-gold: #e9c573;
  --gradient-gold: linear-gradient(90deg, #e9c573 0%, #e2b666 30.7%, #d69a4c 100%);
  --color-gray: #787878;
  --color-light-gray: #f0f0f0;
  --color-red: #d2213b;
  --color-red_10: #fbe9e9;
  --color-red_20: #f8d4d4;
  --color-red_60: #ea7d7d;
  --color-white: #fff;
  --color-yellow: #fce2ba;
  --color-yellow_50: #fdf1dd;
  --transition-duration-hover: 0.3s;
  --transition-duration-background: 0.8s ease-in-out;
  --icon-open-in-new: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 20 20"><path d="M15 10C14.448 10 14 10.448 14 11V15.5C14 15.776 13.776 16 13.5 16H4.5C4.224 16 4 15.776 4 15.5V6.5C4 6.224 4.224 6 4.5 6H9C9.552 6 10 5.552 10 5C10 4.448 9.552 4 9 4H3C2.448 4 2 4.448 2 5V17C2 17.552 2.448 18 3 18H15C15.552 18 16 17.552 16 17V11C16 10.448 15.552 10 15 10Z"/><path d="M17.976 2.876C17.965 2.789 17.958 2.702 17.924 2.62C17.823 2.374 17.627 2.178 17.381 2.077C17.286 2.038 17.185 2.026 17.084 2.017C17.055 2.014 17.03 2 17.001 2H13.001C12.449 2 12.001 2.448 12.001 3C12.001 3.552 12.449 4 13.001 4H14.587L8.637 9.951C8.246 10.342 8.246 10.975 8.637 11.365C8.832 11.56 9.088 11.658 9.344 11.658C9.6 11.658 9.856 11.56 10.051 11.365L16.001 5.414V7C16.001 7.552 16.449 8 17.001 8C17.553 8 18.001 7.552 18.001 7V3C18.001 2.956 17.981 2.918 17.976 2.876Z"/></svg>');
  --container-spacing-horizontal: 4%;
  --container-max-width: calc(var(--base-rem) * 72.75);
  --container-width: min(
  	calc(100% - var(--container-spacing-horizontal) * 2),
  	var(--container-max-width)
  );
  --base-rem: clamp(0.85rem, calc(100vw / 375 * var(--rem, 16)), 1rem);
}

html {
  overflow-x: hidden;
  font-size: var(--root-font-size, 100%);
  line-height: normal;
  scroll-behavior: auto;
  -ms-overflow-style: none;
  scrollbar-color: auto transparent;
}

img,
video {
  display: block;
  max-width: 100%;
  height: auto;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  img {
    image-rendering: -webkit-optimize-contrast;
  }
  img _::-webkit-full-page-media,
  img _:future, :root img {
    image-rendering: auto;
  }
}

main,
.header,
.footer {
  font-family: "Noto Sans JP", sans-serif;
  color: var(--color-black);
}

p {
  font-size: calc(var(--base-rem) * 1);
  line-height: 1.8;
  letter-spacing: 0.04em;
}

.wrapper {
  padding: 0 1.25rem;
}

.u-mt-40 {
  margin-top: 2.5rem;
}

.u-mt-16 {
  margin-top: 1rem;
}

.u-mt-32 {
  margin-top: 2rem;
}

.u-mt-8 {
  margin-top: 0.5rem;
}

.u-mt-12 {
  margin-top: 0.75rem;
}

.u-mt-6 {
  margin-top: 0.375rem;
}

.u-mb-24 {
  margin-bottom: 1.5rem;
}

.u-mb-32 {
  margin-bottom: 2rem;
}

.u-mb-4 {
  margin-bottom: 0.25rem;
}

.u-mb-8 {
  margin-bottom: 0.5rem;
}

.u-mb-16 {
  margin-bottom: 1rem;
}

.u-mb-12 {
  margin-bottom: 0.75rem;
}

.u-mb-20 {
  margin-bottom: 1.25rem;
}

.u-mb-28 {
  margin-bottom: 1.75rem;
}

.u-mb-40 {
  margin-bottom: 2.5rem;
}

.u-mw-184 {
  max-width: 184px;
}

.u-pb-0 {
  padding-bottom: 0 !important;
}

[data-reveal] {
  opacity: 0;
  transform: translate3d(0, 16px, 0);
}

[data-reveal].is-revealed {
  opacity: 1;
  transform: none;
}

[data-reveal~=bounce] {
  transform: translate3d(0, 8px, 0) scale(0.9);
}

@keyframes bounce-in {
  0% {
    opacity: 0;
    transform: translate3d(0, 12px, 0) scale(0.9);
  }
  38% {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(1.1);
  }
  55% {
    transform: translate3d(0, 0, 0) scale(0.98);
  }
  72% {
    transform: translate3d(0, 0, 0) scale(1.1);
  }
  100% {
    transform: translate3d(0, 0, 0) scale(1);
  }
}
@keyframes bounceIn {
  0%, 20%, 40%, 60%, 80%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    transform: scale3d(0.97, 0.97, 0.97);
  }
  to {
    opacity: 1;
    transform: scaleX(1);
  }
}
[data-reveal~=bounce].is-revealed {
  opacity: 1;
  animation-duration: 0.75s;
  animation-name: bounceIn;
}

::-webkit-scrollbar-track {
  background: transparent;
}

::-webkit-scrollbar-thumb {
  background: -webkit-scrollbar-thumb;
}

.accordion {
  width: 100%;
  background-color: var(--color-light-gray);
  padding: 0.75rem;
  border-radius: 0.25rem;
}
.accordion:hover .accordion__title__text,
.accordion:hover .accordion__title__toggle {
  opacity: 0.8;
  transition: opacity var(--transition-duration-hover);
}
.accordion.isWhite {
  background-color: var(--color-white);
  border-radius: 0;
  border-bottom: 2px solid var(--color-red_20);
  padding: 0 0 0.375rem 0;
}
.accordion.isWhite.isOpen {
  padding: 0 0 1rem 0;
}

.accordion__title {
  cursor: pointer;
  display: grid;
  grid-template-columns: 1.25rem auto 1.25rem;
  -moz-column-gap: 0.375rem;
       column-gap: 0.375rem;
}
.accordion__title .accordion__title__text {
  opacity: 1;
  transition: all var(--transition-duration-hover);
  font-family: "Noto Sans JP";
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: 0.04em;
}
.accordion__title .accordion__title__text {
  color: var(--color-darkred);
  font-weight: 700;
}
.isWhite .accordion__title .accordion__title__text {
  font-family: "Noto Sans JP";
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.65;
  letter-spacing: 0.04em;
}
.accordion__title__logo {
  width: 100%;
  aspect-ratio: 1/1;
  display: block;
  background-image: url("data:image/svg+xml,%3csvg%20width='21'%20height='21'%20viewBox='0%200%2021%2021'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20x='6.33203'%20y='4.14209'%20width='5.85786'%20height='5.85786'%20transform='rotate(-45%206.33203%204.14209)'%20fill='%23EA7D7D'/%3e%3crect%20x='0.474609'%20y='9.94971'%20width='5.85786'%20height='5.85786'%20transform='rotate(-45%200.474609%209.94971)'%20fill='%23EA7D7D'/%3e%3crect%20x='12.1914'%20y='10'%20width='5.85786'%20height='5.85786'%20transform='rotate(-45%2012.1914%2010)'%20fill='%23EA7D7D'/%3e%3crect%20x='6.33203'%20y='16.1421'%20width='5.85786'%20height='5.85786'%20transform='rotate(-45%206.33203%2016.1421)'%20fill='%23EA7D7D'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-size: contain;
}
.isWhite .accordion__title__logo {
  transform: translateY(0.25rem);
}

.accordion__title__toggle {
  width: 100%;
  aspect-ratio: 1/1;
  display: block;
  background-image: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M11%2019V5C11%204.44772%2011.4477%204%2012%204C12.5523%204%2013%204.44772%2013%205V19C13%2019.5523%2012.5523%2020%2012%2020C11.4477%2020%2011%2019.5523%2011%2019Z'%20fill='%23D2213B'/%3e%3cpath%20d='M19%2013H5C4.44772%2013%204%2012.5523%204%2012C4%2011.4477%204.44772%2011%205%2011H19C19.5523%2011%2020%2011.4477%2020%2012C20%2012.5523%2019.5523%2013%2019%2013Z'%20fill='%23D2213B'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-size: contain;
  opacity: 1;
  transition: all var(--transition-duration-hover);
}
.isOpen .accordion__title__toggle {
  background-image: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M19%2013L5%2013C4.44772%2013%204%2012.5523%204%2012C4%2011.4477%204.44772%2011%205%2011L19%2011C19.5523%2011%2020%2011.4477%2020%2012C20%2012.5523%2019.5523%2013%2019%2013Z'%20fill='%23D2213B'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-size: contain;
}

.accordion__inner {
  max-height: 0;
  overflow: hidden;
  transition: max-height 260ms ease;
}

.box {
  font-family: "Noto Sans JP";
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1.6;
  letter-spacing: 0.04em;
}
.box {
  color: var(--color-white);
  border-radius: 0.25rem;
  outline: 2px solid var(--color-red);
  outline-offset: -2px;
  overflow: hidden;
}
.box.box--noLine {
  outline: none;
  border-radius: 0;
}

.box__title {
  display: flex;
  position: relative;
  text-align: center;
  width: 100%;
  padding: 0.5rem 1rem;
  justify-content: center;
  align-items: center;
  gap: 0.625rem;
  background: #d2213b;
}
.box__title::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  background-image: url("../bg_obi.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top center;
  pointer-events: none;
  z-index: 0;
}
.box__title span {
  z-index: 1;
}
.box--noLine .box__title {
  border-radius: 0.25rem;
  overflow: hidden;
}

.box__contents {
  padding: 1.5rem 1.25rem;
  color: var(--color-black);
  font-family: "Noto Sans JP";
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.65;
  letter-spacing: 0.04em;
}
.box__contents {
  background: var(--color-white);
}
.box__contents.box__contents--noTitle {
  padding-block: 2.5rem;
}
.box--noLine .box__contents {
  padding-inline: 0;
  padding-bottom: 0;
}
#install .box__contents {
  padding: 2.5rem 1.25rem;
}

@keyframes boxRevealItem {
  from {
    opacity: 0;
    transform: translateY(8px);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.box02 {
  padding: 2.75rem 1.5rem;
  background: var(--color-white);
  position: relative;
  overflow: hidden;
  outline: 2px solid var(--color-darkred);
  outline-offset: -2px;
}
.box02.box02--isGold {
  outline: 0.25rem solid var(--color-gold);
  outline-offset: -0.25rem;
}

.box02__top {
  z-index: 1;
}
.box02__top::before, .box02__top::after {
  position: absolute;
  content: "";
  width: 2.5rem;
  height: 2.5rem;
  background-color: var(--bg_red);
  top: -1.25rem;
  border-radius: 9999px;
  border: 2px solid var(--color-darkred);
}
.box02--isGold .box02__top::before, .box02--isGold .box02__top::after {
  border: 0.25rem solid var(--color-gold);
}
.box02__top::before {
  left: -1.25rem;
}
.box02__top::after {
  right: -1.25rem;
}

.box02__bottom {
  z-index: 1;
}
.box02__bottom::before, .box02__bottom::after {
  position: absolute;
  content: "";
  width: 2.5rem;
  height: 2.5rem;
  background-color: var(--bg_red);
  bottom: -1.25rem;
  border-radius: 9999px;
  border: 2px solid var(--color-darkred);
}
.box02--isGold .box02__bottom::before, .box02--isGold .box02__bottom::after {
  border: 0.25rem solid var(--color-gold);
}
.box02__bottom::before {
  left: -1.25rem;
}
.box02__bottom::after {
  right: -1.25rem;
}

.box02__inner {
  max-height: 0;
  overflow: hidden;
  opacity: 0;
}

.box02__inner.isOpen {
  opacity: 1;
}

.box03 {
  padding: 3rem 2rem;
  position: relative;
  background-color: var(--color-white);
  clip-path: url(#myClip);
  width: calc(100% - 8px);
  height: calc(100% - 8px);
}
.box03::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  display: block;
  top: 4px;
  left: 4px;
  clip-path: url(#myClip);
  background-color: var(--color-white);
}

.box03__char {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  z-index: 3;
  left: 0;
  top: 10rem;
}
.box03__char::before {
  content: "";
  position: absolute;
  width: 19.25rem;
  height: 11rem;
  display: block;
  background-image: url("../chara_ichihime_anshin.png");
  z-index: 3;
  background-size: contain;
  right: 0;
}

.box03__top {
  z-index: 1;
}
.box03__top::before, .box03__top::after {
  position: absolute;
  content: "";
  width: 2.5rem;
  height: 2.5rem;
  background-color: var(--bg_red);
  top: -1.25rem;
  border-radius: 9999px;
  border: 4px solid #e9c573;
}
.box03__top::before {
  left: -1.25rem;
}
.box03__top::after {
  right: -1.25rem;
}

.box03__top02 {
  z-index: 2;
}
.box03__top02::before, .box03__top02::after {
  position: absolute;
  content: "";
  width: 0.72rem;
  height: 0.72rem;
  top: 0.25rem;
  border-radius: 0 0 9999px 0;
  border-top: 4px solid #e9c573;
}
.box03__top02::before {
  left: 0.25rem;
  border-left: 4px solid #e9c573;
}
.box03__top02::after {
  right: -1.25rem;
}

.box03__bottom {
  z-index: 1;
}
.box03__bottom::before, .box03__bottom::after {
  position: absolute;
  content: "";
  width: 2.5rem;
  height: 2.5rem;
  background-color: var(--bg_red);
  bottom: -1.25rem;
  border-radius: 9999px;
  border: 4px solid #e9c573;
}
.box03__bottom::before {
  left: -1.25rem;
}
.box03__bottom::after {
  right: -1.25rem;
}

.box03__inner {
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  transition: max-height 0.6s ease, opacity 0.3s ease;
}

.box03__inner.isOpen {
  opacity: 1;
}

.box04 {
  font-family: "Noto Sans JP";
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1.6;
  letter-spacing: 0.04em;
}
.box04 {
  color: var(--color-white);
  border-radius: 0.25rem;
  outline: 2px solid var(--color-red);
  outline-offset: -2px;
  overflow: hidden;
}

.box04__title {
  display: flex;
  position: relative;
  text-align: center;
  width: 100%;
  padding: 0.5rem 1rem;
  justify-content: center;
  align-items: center;
  gap: 0.625rem;
  background: #d2213b;
}
.box04__title::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  background-image: url("../bg_obi.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top center;
  pointer-events: none;
  z-index: 0;
}
.box04__title span {
  z-index: 1;
}

.box04__inner {
  padding: 0 1.25rem;
  color: var(--color-black);
  font-family: "Noto Sans JP";
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.65;
  letter-spacing: 0.04em;
}
.box04__inner {
  background: var(--color-white);
  max-height: 0;
  overflow: hidden;
  transition: max-height 2s ease;
  will-change: max-height;
}

.bubble {
  position: relative;
  width: 100%;
  background-color: var(--color-light-gray);
  padding: 0.25rem 0.5rem;
  text-align: center;
  margin-bottom: 0.375rem;
  border-radius: 0.25rem;
}
.bubble::after {
  position: absolute;
  left: 2rem;
  bottom: -0.5rem;
  content: "";
  width: 1rem;
  height: 0.5rem;
  display: block;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='10' viewBox='0 0 16 10' fill='none'><path d='M8 10L-1.03312e-06 -4.4509e-07L16 9.53674e-07L8 10Z' fill='%23F0F0F0'/></svg>");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.bubble__text {
  font-family: "Noto Sans JP";
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: 0.04em;
}
.bubble__text {
  display: flex;
  align-items: center;
  justify-content: center;
}

.cvArea__inner {
  margin-block-end: auto;
  display: grid;
  grid-template-columns: auto auto;
  gap: 1.5rem;
}

.cvArea__logo {
  max-width: 6.25rem;
  margin-inline: auto;
}

.cvArea__store {
  display: flex;
  gap: 0.5rem;
  justify-content: center;
  margin-top: auto;
  margin-bottom: 0.75rem;
}

.cvArea__store__play img {
  width: 6.75rem;
  height: 2rem;
  aspect-ratio: 27/8;
}

.cvArea__store__app img {
  width: 5.44256rem;
  height: 2rem;
  aspect-ratio: 87.08/32;
}

.introduction__char {
  display: block;
  position: absolute;
  width: 19.25rem;
  height: 11rem;
  bottom: 2.5rem;
  right: 1.25rem;
  background-image: url("../chara_ichihime_anshin.png");
  background-size: contain;
  z-index: 5;
  animation: introduction_ichihime 3s ease-in-out infinite;
  animation-direction: alternate;
}
@media screen and (max-width: 47.99em) {
  .introduction__char {
    bottom: 0;
  }
}

.wrapper.wrapper--introduction {
  position: relative;
  padding-bottom: 12rem;
}
@media screen and (max-width: 47.99em) {
  .wrapper.wrapper--introduction {
    padding-bottom: 8rem;
  }
}

.introduction__cloud {
  display: block;
  position: absolute;
  width: 9.5rem;
  height: 3rem;
  top: -1.5rem;
  left: -3.75rem;
  background-image: url("data:image/svg+xml,%3csvg%20width='166'%20height='56'%20viewBox='0%200%20166%2056'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M124.276%2037.3323C119.642%2037.3323%20115.851%2033.5522%20115.851%2028.9324V27.0656C115.851%2022.4458%20119.642%2018.6657%20124.276%2018.6657H142.531C147.165%2018.6657%20150.957%2014.8855%20150.957%2010.2658V8.39891C150.957%203.78015%20147.165%200%20142.531%200H8.42555C3.79168%200%200%203.78015%200%208.3999V10.2668C0%2014.8865%203.79168%2018.6667%208.42555%2018.6667H61.7869C66.4208%2018.6667%2070.2125%2022.4468%2070.2125%2027.0666V28.9334C70.2125%2033.5532%2066.4208%2037.3333%2061.7869%2037.3333H50.5525C45.9186%2037.3333%2042.1269%2041.1135%2042.1269%2045.7332V47.6001C42.1269%2052.2198%2045.9186%2056%2050.5525%2056H157.574C162.208%2056%20166%2052.2198%20166%2047.6001V45.7332C166%2041.1135%20162.208%2037.3333%20157.574%2037.3333L124.276%2037.3323Z'%20fill='url(%23paint0_linear_934_14487)'/%3e%3cdefs%3e%3clinearGradient%20id='paint0_linear_934_14487'%20x1='0'%20y1='27.999'%20x2='166'%20y2='27.999'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23E9C573'/%3e%3cstop%20offset='0.307'%20stop-color='%23E2B666'/%3e%3cstop%20offset='1'%20stop-color='%23D69A4C'/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e");
  background-size: contain;
  background-repeat: no-repeat;
  z-index: 5;
  animation: cloudFloat4 8s ease-in-out infinite;
}

@keyframes cloudFloat4 {
  0% {
    transform: translateX(0) skewX(0deg) scaleY(1);
  }
  25% {
    transform: translateX(-0.5rem) skewX(10deg) scaleY(1.02);
  }
  50% {
    transform: translateX(0) skewX(0deg) scaleY(1);
  }
  75% {
    transform: translateX(-0.5rem) skewX(-10deg) scaleY(0.98);
  }
  100% {
    transform: translateX(0) skewX(0deg) scaleY(1);
  }
}
@keyframes introduction_ichihime {
  0% {
    transform: rotate(3deg);
  }
  100% {
    transform: rotate(-3deg);
  }
}
.list01 {
  display: flex;
  flex-direction: column;
}

.list01__item {
  display: grid;
  grid-template-columns: 0.71rem auto;
  gap: 0.5rem;
  color: var(--color-dark-gray);
}
.list01__item::before {
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  background-image: url("data:image/svg+xml;charset=UTF-8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='20' viewBox='0 0 12 20' fill='none'><rect y='9.65686' width='8' height='8' transform='rotate(-45 0 9.65686)' fill='%23D2213B'/></svg>");
  background-repeat: no-repeat;
  background-position: top 2px center;
}

.list01__item.list01__item--yellow {
  font-size: 0.75rem;
}
.list01__item.list01__item--yellow::before {
  content: "";
  background-image: url("data:image/svg+xml;charset=UTF-8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='20' viewBox='0 0 12 20' fill='none'><rect y='9.65686' width='8' height='8' transform='rotate(-45 0 9.65686)' fill='%23FFBD58'/></svg>");
  background-repeat: no-repeat;
  background-position: top 2px center;
}

.listOrdered {
  display: flex;
  flex-direction: column;
  counter-reset: item;
  list-style: none;
  gap: 0.25rem;
}

.listOrdered__item {
  display: grid;
  grid-template-columns: 1.25rem 1fr;
  -moz-column-gap: 0.5rem;
       column-gap: 0.5rem;
  counter-increment: item;
}
.listOrdered__item::before {
  content: "";
  display: grid;
  place-items: center;
  width: 1.25rem;
  height: 1.25rem;
  margin-block: 0.25rem;
  color: var(--color-red);
  font-size: 0.88238rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.03531rem;
  background-repeat: no-repeat;
  background-size: contain;
}
.listOrdered__item--1::before {
  background-image: url("data:image/svg+xml,%3csvg%20width='21'%20height='20'%20viewBox='0%200%2021%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M10.7949%2019.9587C5.2816%2019.9587%200.794922%2015.4816%200.794922%209.98007C0.794922%204.47853%205.2816%200%2010.7949%200C16.3082%200%2020.7949%204.4771%2020.7949%209.97864C20.7949%2015.4802%2016.3082%2019.9587%2010.7949%2019.9587ZM10.7949%201.63078C6.18153%201.63078%202.42919%205.3751%202.42919%209.97864C2.42919%2014.5822%206.18153%2018.3279%2010.7964%2018.3279C15.4112%2018.3279%2019.1635%2014.5836%2019.1635%209.97864C19.1635%205.37366%2015.4083%201.63078%2010.7949%201.63078Z'%20fill='%23D2213B'/%3e%3cpath%20d='M10.0033%207.51933H9.97445L8.4309%208.57395C8.34595%208.63142%208.27539%208.60269%208.27539%208.48774V6.7219C8.27539%206.63569%208.30419%206.57822%208.37474%206.52075L10.0033%205.35406C10.0738%205.29659%2010.1602%205.26785%2010.2596%205.26785H11.8593C11.9457%205.26785%2012.0033%205.32389%2012.0033%205.4101V14.8154C12.0033%2014.9017%2011.9457%2014.9591%2011.8593%2014.9591H10.1472C10.0594%2014.9591%2010.0033%2014.9017%2010.0033%2014.8154V7.51933Z'%20fill='%23D2213B'/%3e%3c/svg%3e");
}
.listOrdered__item--2::before {
  background-image: url("data:image/svg+xml,%3csvg%20width='21'%20height='20'%20viewBox='0%200%2021%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M10.7949%2019.9573C5.2816%2019.9573%200.794922%2015.4802%200.794922%209.97863C0.794922%204.4771%205.2816%200%2010.7949%200C16.3082%200%2020.7949%204.4771%2020.7949%209.97863C20.7949%2015.4802%2016.3082%2019.9573%2010.7949%2019.9573ZM10.7949%201.63078C6.18153%201.63078%202.42775%205.3751%202.42775%209.98007C2.42775%2014.585%206.18009%2018.3294%2010.7949%2018.3294C15.4098%2018.3294%2019.1621%2014.585%2019.1621%209.98007C19.1621%205.3751%2015.4098%201.63078%2010.7949%201.63078Z'%20fill='%23D2213B'/%3e%3cpath%20d='M7.75339%2013.2363C7.75339%2013.15%207.76779%2013.1069%207.82539%2013.0365L11.2379%208.98905C11.6094%208.56231%2011.8095%208.14851%2011.8095%207.64994C11.8095%207.00912%2011.4222%206.53785%2010.7527%206.53785C10.0961%206.53785%209.6958%206.93728%209.6094%207.67867C9.6094%207.76488%209.55325%207.80655%209.4539%207.79218L7.88298%207.53499C7.79659%207.52063%207.75339%207.44879%207.76779%207.36545C7.86714%206.02491%208.95282%204.85678%2010.8247%204.85678C12.6807%204.85678%2013.8081%206.05365%2013.8081%207.6212C13.8081%208.54795%2013.4366%209.27353%2012.8232%209.97326L10.2674%2012.9805V13.0092H13.6656C13.752%2013.0092%2013.8081%2013.0667%2013.8081%2013.1529V14.5624C13.8081%2014.6486%2013.752%2014.7061%2013.6656%2014.7061H7.89594C7.80955%2014.7061%207.75195%2014.6486%207.75195%2014.5624V13.2377L7.75339%2013.2363Z'%20fill='%23D2213B'/%3e%3c/svg%3e");
}
.listOrdered__item--3::before {
  background-image: url("data:image/svg+xml,%3csvg%20width='21'%20height='20'%20viewBox='0%200%2021%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M10.7949%2019.9986C5.2816%2019.9986%200.794922%2015.5133%200.794922%2010C0.794922%204.48668%205.2816%200%2010.7949%200C16.3082%200%2020.7949%204.48524%2020.7949%2010C20.7949%2015.5148%2016.3082%2019.9986%2010.7949%2019.9986ZM10.7949%201.63283C6.18153%201.63283%202.42919%205.38661%202.42919%2010C2.42919%2014.6134%206.18153%2018.3672%2010.7964%2018.3672C15.4112%2018.3672%2019.1635%2014.6134%2019.1635%2010C19.1635%205.38661%2015.4098%201.63283%2010.7949%201.63283Z'%20fill='%23D01C3A'/%3e%3cpath%20d='M7.73809%2012.4807L9.309%2012.1812C9.3954%2012.1668%209.45299%2012.21%209.48035%2012.295C9.6517%2012.809%2010.0649%2013.2093%2010.7518%2013.2093C11.4947%2013.2093%2011.9512%2012.6823%2011.9512%2011.9537C11.9512%2011.0826%2011.4228%2010.5829%2010.5948%2010.5829H10.1816C10.0952%2010.5829%2010.0376%2010.5253%2010.0376%2010.439V9.05379C10.0376%208.96739%2010.0952%208.9098%2010.1816%208.9098H10.5675C11.296%208.9098%2011.7669%208.43896%2011.7669%207.69598C11.7669%207.00915%2011.3536%206.55271%2010.6668%206.55271C10.052%206.55271%209.71073%206.9098%209.56674%207.45264C9.53794%207.53903%209.48035%207.56783%209.3954%207.55199L7.83888%207.25249C7.75249%207.23809%207.71073%207.1805%207.72513%207.09554C7.95263%205.80973%209.0527%204.86804%2010.7662%204.86804C12.6654%204.86804%2013.7654%205.99547%2013.7654%207.55199C13.7654%208.37992%2013.3796%209.0941%2012.6798%209.55199V9.58222C13.2644%209.86732%2013.9512%2010.6521%2013.9512%2011.9379C13.9512%2013.7089%2012.6078%2014.8954%2010.7806%2014.8954C9.1247%2014.8954%207.89648%2014.0675%207.62578%2012.6665C7.61138%2012.5801%207.65458%2012.511%207.73953%2012.4807H7.73809Z'%20fill='%23D01C3A'/%3e%3c/svg%3e");
}
.listOrdered__item--4::before {
  background-image: url("data:image/svg+xml,%3csvg%20width='21'%20height='20'%20viewBox='0%200%2021%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_723_6118)'%3e%3cpath%20d='M19.1633%2010.0001C19.1632%205.37907%2015.4164%201.63357%2010.7954%201.63357C6.17439%201.63362%202.42891%205.3791%202.42885%2010.0001C2.42885%2014.6211%206.17436%2018.368%2010.7954%2018.368C15.4164%2018.368%2019.1633%2014.6211%2019.1633%2010.0001ZM20.7958%2010.0001C20.7958%2015.5229%2016.3182%2020.0005%2010.7954%2020.0005C5.27257%2020.0005%200.794922%2015.5229%200.794922%2010.0001C0.794977%204.47732%205.2726%20-0.000311298%2010.7954%20-0.000366211C16.3182%20-0.000366211%2020.7958%204.47728%2020.7958%2010.0001Z'%20fill='%23D01C3A'/%3e%3cpath%20d='M7.13672%2013.4341V11.977C7.13672%2011.9208%207.13672%2011.8646%207.16552%2011.8056L10.0784%205.39381C10.1216%205.30885%2010.1778%205.28149%2010.2785%205.28149H12.0914C12.1907%205.28149%2012.2195%205.33765%2012.1907%205.4226L9.27783%2011.8071V11.8517H11.0633C11.1209%2011.8517%2011.1497%2011.8215%2011.1497%2011.7639V9.66594C11.1497%209.57811%2011.2073%209.52195%2011.2922%209.52195H12.9481C13.0345%209.52195%2013.0906%209.57811%2013.0906%209.66594V11.7639C13.0906%2011.82%2013.1194%2011.8517%2013.177%2011.8517H13.8192C13.9056%2011.8517%2013.9618%2011.9078%2013.9618%2011.9928V13.4356C13.9618%2013.5234%2013.9042%2013.5795%2013.8192%2013.5795H13.177C13.1194%2013.5795%2013.0906%2013.6083%2013.0906%2013.6645V14.851C13.0906%2014.9359%2013.033%2014.995%2012.9481%2014.995H11.2922C11.2058%2014.995%2011.1497%2014.9359%2011.1497%2014.851V13.6645C11.1497%2013.6083%2011.1209%2013.5795%2011.0633%2013.5795H7.27927C7.19287%2013.5795%207.13672%2013.5234%207.13672%2013.4356V13.4341Z'%20fill='%23D01C3A'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_723_6118'%3e%3crect%20width='20'%20height='20'%20fill='white'%20transform='translate(0.794922)'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
}
.listOrdered__item--5::before {
  background-image: url("data:image/svg+xml,%3csvg%20width='21'%20height='20'%20viewBox='0%200%2021%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_723_6121)'%3e%3cpath%20d='M19.1633%209.94497C19.1632%205.32395%2015.4164%201.57845%2010.7954%201.57845C6.17439%201.57851%202.42891%205.32399%202.42885%209.94497C2.42885%2014.566%206.17436%2018.3128%2010.7954%2018.3129C15.4164%2018.3129%2019.1633%2014.566%2019.1633%209.94497ZM20.7958%209.94497C20.7958%2015.4678%2016.3182%2019.9454%2010.7954%2019.9454C5.27257%2019.9454%200.794922%2015.4678%200.794922%209.94497C0.794977%204.4222%205.2726%20-0.055426%2010.7954%20-0.055481C16.3182%20-0.055481%2020.7958%204.42217%2020.7958%209.94497Z'%20fill='%23D01C3A'/%3e%3cpath%20d='M7.91422%2012.8495L9.4549%2012.5486C9.54129%2012.5342%209.59889%2012.5788%209.62624%2012.6638C9.79759%2013.1217%2010.1403%2013.4629%2010.7551%2013.4629C11.2404%2013.4629%2011.6248%2013.2354%2011.7688%2012.779C11.8552%2012.5486%2011.8825%2012.2779%2011.8825%2011.8344C11.8825%2011.365%2011.8537%2011.1058%2011.7688%2010.8783C11.6118%2010.3945%2011.226%2010.2088%2010.7551%2010.2088C10.2267%2010.2088%209.91134%2010.4795%209.76879%2010.766C9.7256%2010.8639%209.6824%2010.9071%209.58305%2010.9071H8.05389C7.9675%2010.9071%207.91134%2010.851%207.91134%2010.766V5.4226C7.91134%205.33765%207.9675%205.28149%208.05389%205.28149H13.4823C13.5672%205.28149%2013.6248%205.33765%2013.6248%205.4226V6.83657C13.6248%206.9244%2013.5672%206.98056%2013.4823%206.98056H9.75439C9.6968%206.98056%209.668%207.00936%209.668%207.06551V8.98056H9.70976C9.9531%208.76745%2010.4383%208.52267%2011.1669%208.52267C12.4095%208.52267%2013.3095%209.07991%2013.6666%2010.1656C13.7947%2010.5673%2013.8667%2011.0094%2013.8667%2011.8215C13.8667%2012.4377%2013.7803%2012.9345%2013.6522%2013.3376C13.2663%2014.5212%2012.1676%2015.1519%2010.7825%2015.1519C9.1266%2015.1519%207.96894%2014.2808%207.79759%2013.0094C7.78319%2012.9359%207.82783%2012.8654%207.91278%2012.8524L7.91422%2012.8495Z'%20fill='%23D01C3A'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_723_6121'%3e%3crect%20width='20'%20height='20'%20fill='white'%20transform='translate(0.794922)'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
}
.listOrdered__item--6::before {
  background-image: url("data:image/svg+xml,%3csvg%20width='21'%20height='20'%20viewBox='0%200%2021%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_723_6375)'%3e%3cpath%20d='M10.7949%2020C5.28016%2020%200.794922%2015.5136%200.794922%2010.0007C0.794922%204.4878%205.28016%200%2010.7949%200C16.3097%200%2020.7949%204.48636%2020.7949%209.99928C20.7949%2015.5122%2016.3097%2020%2010.7949%2020ZM10.7949%201.63415C6.18153%201.63415%202.42775%205.38622%202.42775%209.99928C2.42775%2014.6123%206.18153%2018.3658%2010.7949%2018.3658C15.4083%2018.3658%2019.1621%2014.6138%2019.1621%209.99928C19.1621%205.38478%2015.4083%201.63415%2010.7949%201.63415Z'%20fill='%23D01C3A'/%3e%3cpath%20d='M7.97785%209.69262L10.3349%205.37903C10.3767%205.29409%2010.4055%205.28113%2010.5063%205.28113H12.3191C12.4343%205.28113%2012.4631%205.33728%2012.4185%205.42223L10.3623%209.17862L10.3911%209.20741C10.4905%209.16566%2010.7338%209.12246%2010.9915%209.12246C12.5207%209.12246%2013.7763%2010.2642%2013.7763%2012.0495C13.7763%2014.0033%2012.3637%2015.1479%2010.5207%2015.1479C8.66324%2015.1479%207.26367%2014.0033%207.26367%2012.0913C7.26367%2011.262%207.52141%2010.5191%207.97785%209.69262ZM10.5193%2013.462C11.304%2013.462%2011.8051%2012.9048%2011.8051%2012.1201C11.8051%2011.321%2011.304%2010.7653%2010.5193%2010.7653C9.73451%2010.7653%209.23343%2011.3224%209.23343%2012.1201C9.23343%2012.9048%209.73307%2013.462%2010.5193%2013.462Z'%20fill='%23D01C3A'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_723_6375'%3e%3crect%20width='20'%20height='20'%20fill='white'%20transform='translate(0.794922)'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
}

.text {
  font-family: "Noto Sans JP";
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.65;
  letter-spacing: 0.04em;
}
.link {
  font-family: "Noto Sans JP";
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.65;
  letter-spacing: 0.04em;
}
.link {
  font-weight: 700;
  display: inline;
  vertical-align: baseline;
  color: var(--color-red);
  text-decoration-line: underline;
  text-decoration-style: solid;
  -webkit-text-decoration-skip: ink;
          text-decoration-skip-ink: auto;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
  transition: all var(--transition-duration-hover);
}
@media (hover: hover) {
  .link:where(:-moz-any-link, :enabled, summary):hover {
    text-decoration-line: none;
    opacity: 0.8;
    -moz-transition: all var(--transition-duration-hover);
    transition: all var(--transition-duration-hover);
  }
  .link:where(:any-link, :enabled, summary):hover {
    text-decoration-line: none;
    opacity: 0.8;
    transition: all var(--transition-duration-hover);
  }
}
.link.isExternal {
  display: inline;
}
.link.isExternal::after {
  content: "";
  display: inline-block;
  width: 1em;
  height: 1em;
  margin-left: 0.25rem;
  -webkit-mask-image: url("data:image/svg+xml,%3csvg%20width='14'%20height='14'%20viewBox='0%200%2014%2014'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20x='5'%20y='1'%20width='7.99916'%20height='7.99999'%20stroke='white'%20stroke-width='2'%20stroke-linejoin='round'/%3e%3cpath%20d='M1%205V13H8.99916'%20stroke='white'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e");
          mask-image: url("data:image/svg+xml,%3csvg%20width='14'%20height='14'%20viewBox='0%200%2014%2014'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20x='5'%20y='1'%20width='7.99916'%20height='7.99999'%20stroke='white'%20stroke-width='2'%20stroke-linejoin='round'/%3e%3cpath%20d='M1%205V13H8.99916'%20stroke='white'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  background-color: var(--color-red);
  transform: translateY(1px);
}
.link.isIndex {
  font-family: "Noto Sans JP";
  font-size: 15px;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.04em;
}
.link.isIndex {
  text-decoration: none;
  justify-content: center;
  margin-inline: auto;
  color: var(--color-white);
  gap: 1rem;
  margin-bottom: 0.5rem;
}
.link.isIndex::after {
  margin-left: 0.5rem;
  background-color: var(--color-white);
}
.link.isPc {
  color: var(--color-red);
  transition: color var(--transition-duration-hover);
  margin-inline: auto;
}
.link.isPc::after {
  margin-left: 0.5rem;
  background-color: var(--color-red);
  transition: background-color var(--transition-duration-hover);
}
.isRedMenu .link.isPc {
  color: var(--color-white);
  transition: color var(--transition-duration-hover);
}
.isRedMenu .link.isPc::after {
  margin-left: 0.5rem;
  background-color: var(--color-white);
  transition: background-color var(--transition-duration-hover);
}

.textUnderline {
  font-family: "Noto Sans JP";
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.65;
  letter-spacing: 0.04em;
}
.textUnderline {
  color: var(--color-red);
  background: var(--color-yellow_50);
  mix-blend-mode: multiply;
  font-weight: 700;
  padding-bottom: 0.1em;
}

.note {
  font-family: "Noto Sans JP";
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: 0.04em;
}
.iconInline {
  padding-bottom: 0 !important;
}
.iconInline.iconInline--1 {
  width: 1.25rem;
  height: 1.25rem;
  display: inline-block;
  background-image: url("data:image/svg+xml,%3csvg%20width='21'%20height='20'%20viewBox='0%200%2021%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M10.7949%2019.9587C5.2816%2019.9587%200.794922%2015.4816%200.794922%209.98007C0.794922%204.47853%205.2816%200%2010.7949%200C16.3082%200%2020.7949%204.4771%2020.7949%209.97864C20.7949%2015.4802%2016.3082%2019.9587%2010.7949%2019.9587ZM10.7949%201.63078C6.18153%201.63078%202.42919%205.3751%202.42919%209.97864C2.42919%2014.5822%206.18153%2018.3279%2010.7964%2018.3279C15.4112%2018.3279%2019.1635%2014.5836%2019.1635%209.97864C19.1635%205.37366%2015.4083%201.63078%2010.7949%201.63078Z'%20fill='%23D2213B'/%3e%3cpath%20d='M10.0033%207.51933H9.97445L8.4309%208.57395C8.34595%208.63142%208.27539%208.60269%208.27539%208.48774V6.7219C8.27539%206.63569%208.30419%206.57822%208.37474%206.52075L10.0033%205.35406C10.0738%205.29659%2010.1602%205.26785%2010.2596%205.26785H11.8593C11.9457%205.26785%2012.0033%205.32389%2012.0033%205.4101V14.8154C12.0033%2014.9017%2011.9457%2014.9591%2011.8593%2014.9591H10.1472C10.0594%2014.9591%2010.0033%2014.9017%2010.0033%2014.8154V7.51933Z'%20fill='%23D2213B'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-size: contain;
  transform: translateY(0.25rem);
  margin-right: 0.1925rem;
}
.iconInline.iconInline--2 {
  width: 1.25rem;
  height: 1.25rem;
  display: inline-block;
  background-image: url("data:image/svg+xml,%3csvg%20width='21'%20height='20'%20viewBox='0%200%2021%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M10.7949%2019.9573C5.2816%2019.9573%200.794922%2015.4802%200.794922%209.97863C0.794922%204.4771%205.2816%200%2010.7949%200C16.3082%200%2020.7949%204.4771%2020.7949%209.97863C20.7949%2015.4802%2016.3082%2019.9573%2010.7949%2019.9573ZM10.7949%201.63078C6.18153%201.63078%202.42775%205.3751%202.42775%209.98007C2.42775%2014.585%206.18009%2018.3294%2010.7949%2018.3294C15.4098%2018.3294%2019.1621%2014.585%2019.1621%209.98007C19.1621%205.3751%2015.4098%201.63078%2010.7949%201.63078Z'%20fill='%23D2213B'/%3e%3cpath%20d='M7.75339%2013.2363C7.75339%2013.15%207.76779%2013.1069%207.82539%2013.0365L11.2379%208.98905C11.6094%208.56231%2011.8095%208.14851%2011.8095%207.64994C11.8095%207.00912%2011.4222%206.53785%2010.7527%206.53785C10.0961%206.53785%209.6958%206.93728%209.6094%207.67867C9.6094%207.76488%209.55325%207.80655%209.4539%207.79218L7.88298%207.53499C7.79659%207.52063%207.75339%207.44879%207.76779%207.36545C7.86714%206.02491%208.95282%204.85678%2010.8247%204.85678C12.6807%204.85678%2013.8081%206.05365%2013.8081%207.6212C13.8081%208.54795%2013.4366%209.27353%2012.8232%209.97326L10.2674%2012.9805V13.0092H13.6656C13.752%2013.0092%2013.8081%2013.0667%2013.8081%2013.1529V14.5624C13.8081%2014.6486%2013.752%2014.7061%2013.6656%2014.7061H7.89594C7.80955%2014.7061%207.75195%2014.6486%207.75195%2014.5624V13.2377L7.75339%2013.2363Z'%20fill='%23D2213B'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-size: contain;
  transform: translateY(0.25rem);
  margin-right: 0.1925rem;
}
.iconInline.iconInline--3 {
  width: 1.25rem;
  height: 1.25rem;
  display: inline-block;
  background-image: url("data:image/svg+xml,%3csvg%20width='21'%20height='20'%20viewBox='0%200%2021%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M10.7949%2019.9986C5.2816%2019.9986%200.794922%2015.5133%200.794922%2010C0.794922%204.48668%205.2816%200%2010.7949%200C16.3082%200%2020.7949%204.48524%2020.7949%2010C20.7949%2015.5148%2016.3082%2019.9986%2010.7949%2019.9986ZM10.7949%201.63283C6.18153%201.63283%202.42919%205.38661%202.42919%2010C2.42919%2014.6134%206.18153%2018.3672%2010.7964%2018.3672C15.4112%2018.3672%2019.1635%2014.6134%2019.1635%2010C19.1635%205.38661%2015.4098%201.63283%2010.7949%201.63283Z'%20fill='%23D01C3A'/%3e%3cpath%20d='M7.73809%2012.4807L9.309%2012.1812C9.3954%2012.1668%209.45299%2012.21%209.48035%2012.295C9.6517%2012.809%2010.0649%2013.2093%2010.7518%2013.2093C11.4947%2013.2093%2011.9512%2012.6823%2011.9512%2011.9537C11.9512%2011.0826%2011.4228%2010.5829%2010.5948%2010.5829H10.1816C10.0952%2010.5829%2010.0376%2010.5253%2010.0376%2010.439V9.05379C10.0376%208.96739%2010.0952%208.9098%2010.1816%208.9098H10.5675C11.296%208.9098%2011.7669%208.43896%2011.7669%207.69598C11.7669%207.00915%2011.3536%206.55271%2010.6668%206.55271C10.052%206.55271%209.71073%206.9098%209.56674%207.45264C9.53794%207.53903%209.48035%207.56783%209.3954%207.55199L7.83888%207.25249C7.75249%207.23809%207.71073%207.1805%207.72513%207.09554C7.95263%205.80973%209.0527%204.86804%2010.7662%204.86804C12.6654%204.86804%2013.7654%205.99547%2013.7654%207.55199C13.7654%208.37992%2013.3796%209.0941%2012.6798%209.55199V9.58222C13.2644%209.86732%2013.9512%2010.6521%2013.9512%2011.9379C13.9512%2013.7089%2012.6078%2014.8954%2010.7806%2014.8954C9.1247%2014.8954%207.89648%2014.0675%207.62578%2012.6665C7.61138%2012.5801%207.65458%2012.511%207.73953%2012.4807H7.73809Z'%20fill='%23D01C3A'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-size: contain;
  transform: translateY(0.25rem);
  margin-right: 0.1925rem;
}
.iconInline.iconInline--4 {
  width: 1.25rem;
  height: 1.25rem;
  display: inline-block;
  background-image: url("data:image/svg+xml,%3csvg%20width='21'%20height='20'%20viewBox='0%200%2021%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_723_6118)'%3e%3cpath%20d='M19.1633%2010.0001C19.1632%205.37907%2015.4164%201.63357%2010.7954%201.63357C6.17439%201.63362%202.42891%205.3791%202.42885%2010.0001C2.42885%2014.6211%206.17436%2018.368%2010.7954%2018.368C15.4164%2018.368%2019.1633%2014.6211%2019.1633%2010.0001ZM20.7958%2010.0001C20.7958%2015.5229%2016.3182%2020.0005%2010.7954%2020.0005C5.27257%2020.0005%200.794922%2015.5229%200.794922%2010.0001C0.794977%204.47732%205.2726%20-0.000311298%2010.7954%20-0.000366211C16.3182%20-0.000366211%2020.7958%204.47728%2020.7958%2010.0001Z'%20fill='%23D01C3A'/%3e%3cpath%20d='M7.13672%2013.4341V11.977C7.13672%2011.9208%207.13672%2011.8646%207.16552%2011.8056L10.0784%205.39381C10.1216%205.30885%2010.1778%205.28149%2010.2785%205.28149H12.0914C12.1907%205.28149%2012.2195%205.33765%2012.1907%205.4226L9.27783%2011.8071V11.8517H11.0633C11.1209%2011.8517%2011.1497%2011.8215%2011.1497%2011.7639V9.66594C11.1497%209.57811%2011.2073%209.52195%2011.2922%209.52195H12.9481C13.0345%209.52195%2013.0906%209.57811%2013.0906%209.66594V11.7639C13.0906%2011.82%2013.1194%2011.8517%2013.177%2011.8517H13.8192C13.9056%2011.8517%2013.9618%2011.9078%2013.9618%2011.9928V13.4356C13.9618%2013.5234%2013.9042%2013.5795%2013.8192%2013.5795H13.177C13.1194%2013.5795%2013.0906%2013.6083%2013.0906%2013.6645V14.851C13.0906%2014.9359%2013.033%2014.995%2012.9481%2014.995H11.2922C11.2058%2014.995%2011.1497%2014.9359%2011.1497%2014.851V13.6645C11.1497%2013.6083%2011.1209%2013.5795%2011.0633%2013.5795H7.27927C7.19287%2013.5795%207.13672%2013.5234%207.13672%2013.4356V13.4341Z'%20fill='%23D01C3A'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_723_6118'%3e%3crect%20width='20'%20height='20'%20fill='white'%20transform='translate(0.794922)'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-size: contain;
  transform: translateY(0.25rem);
  margin-right: 0.1925rem;
}
.iconInline.iconInline--5 {
  width: 1.25rem;
  height: 1.25rem;
  display: inline-block;
  background-image: url("data:image/svg+xml,%3csvg%20width='21'%20height='20'%20viewBox='0%200%2021%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_723_6121)'%3e%3cpath%20d='M19.1633%209.94497C19.1632%205.32395%2015.4164%201.57845%2010.7954%201.57845C6.17439%201.57851%202.42891%205.32399%202.42885%209.94497C2.42885%2014.566%206.17436%2018.3128%2010.7954%2018.3129C15.4164%2018.3129%2019.1633%2014.566%2019.1633%209.94497ZM20.7958%209.94497C20.7958%2015.4678%2016.3182%2019.9454%2010.7954%2019.9454C5.27257%2019.9454%200.794922%2015.4678%200.794922%209.94497C0.794977%204.4222%205.2726%20-0.055426%2010.7954%20-0.055481C16.3182%20-0.055481%2020.7958%204.42217%2020.7958%209.94497Z'%20fill='%23D01C3A'/%3e%3cpath%20d='M7.91422%2012.8495L9.4549%2012.5486C9.54129%2012.5342%209.59889%2012.5788%209.62624%2012.6638C9.79759%2013.1217%2010.1403%2013.4629%2010.7551%2013.4629C11.2404%2013.4629%2011.6248%2013.2354%2011.7688%2012.779C11.8552%2012.5486%2011.8825%2012.2779%2011.8825%2011.8344C11.8825%2011.365%2011.8537%2011.1058%2011.7688%2010.8783C11.6118%2010.3945%2011.226%2010.2088%2010.7551%2010.2088C10.2267%2010.2088%209.91134%2010.4795%209.76879%2010.766C9.7256%2010.8639%209.6824%2010.9071%209.58305%2010.9071H8.05389C7.9675%2010.9071%207.91134%2010.851%207.91134%2010.766V5.4226C7.91134%205.33765%207.9675%205.28149%208.05389%205.28149H13.4823C13.5672%205.28149%2013.6248%205.33765%2013.6248%205.4226V6.83657C13.6248%206.9244%2013.5672%206.98056%2013.4823%206.98056H9.75439C9.6968%206.98056%209.668%207.00936%209.668%207.06551V8.98056H9.70976C9.9531%208.76745%2010.4383%208.52267%2011.1669%208.52267C12.4095%208.52267%2013.3095%209.07991%2013.6666%2010.1656C13.7947%2010.5673%2013.8667%2011.0094%2013.8667%2011.8215C13.8667%2012.4377%2013.7803%2012.9345%2013.6522%2013.3376C13.2663%2014.5212%2012.1676%2015.1519%2010.7825%2015.1519C9.1266%2015.1519%207.96894%2014.2808%207.79759%2013.0094C7.78319%2012.9359%207.82783%2012.8654%207.91278%2012.8524L7.91422%2012.8495Z'%20fill='%23D01C3A'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_723_6121'%3e%3crect%20width='20'%20height='20'%20fill='white'%20transform='translate(0.794922)'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-size: contain;
  transform: translateY(0.25rem);
  margin-right: 0.1925rem;
}
.iconInline.iconInline--6 {
  width: 1.25rem;
  height: 1.25rem;
  display: inline-block;
  background-image: url("data:image/svg+xml,%3csvg%20width='21'%20height='20'%20viewBox='0%200%2021%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_723_6375)'%3e%3cpath%20d='M10.7949%2020C5.28016%2020%200.794922%2015.5136%200.794922%2010.0007C0.794922%204.4878%205.28016%200%2010.7949%200C16.3097%200%2020.7949%204.48636%2020.7949%209.99928C20.7949%2015.5122%2016.3097%2020%2010.7949%2020ZM10.7949%201.63415C6.18153%201.63415%202.42775%205.38622%202.42775%209.99928C2.42775%2014.6123%206.18153%2018.3658%2010.7949%2018.3658C15.4083%2018.3658%2019.1621%2014.6138%2019.1621%209.99928C19.1621%205.38478%2015.4083%201.63415%2010.7949%201.63415Z'%20fill='%23D01C3A'/%3e%3cpath%20d='M7.97785%209.69262L10.3349%205.37903C10.3767%205.29409%2010.4055%205.28113%2010.5063%205.28113H12.3191C12.4343%205.28113%2012.4631%205.33728%2012.4185%205.42223L10.3623%209.17862L10.3911%209.20741C10.4905%209.16566%2010.7338%209.12246%2010.9915%209.12246C12.5207%209.12246%2013.7763%2010.2642%2013.7763%2012.0495C13.7763%2014.0033%2012.3637%2015.1479%2010.5207%2015.1479C8.66324%2015.1479%207.26367%2014.0033%207.26367%2012.0913C7.26367%2011.262%207.52141%2010.5191%207.97785%209.69262ZM10.5193%2013.462C11.304%2013.462%2011.8051%2012.9048%2011.8051%2012.1201C11.8051%2011.321%2011.304%2010.7653%2010.5193%2010.7653C9.73451%2010.7653%209.23343%2011.3224%209.23343%2012.1201C9.23343%2012.9048%209.73307%2013.462%2010.5193%2013.462Z'%20fill='%23D01C3A'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_723_6375'%3e%3crect%20width='20'%20height='20'%20fill='white'%20transform='translate(0.794922)'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-size: contain;
  transform: translateY(0.25rem);
  margin-right: 0.1925rem;
}
.iconInline::after {
  display: none;
}
.iconInline.iconInline--ichihime {
  width: 1.875rem;
  height: 1.875rem;
  display: inline-flex;
  align-items: center;
  background-image: url("../chara_circle_ichihime.png");
  background-repeat: no-repeat;
  background-size: contain;
}
.iconInline.iconInline--wanjiro {
  width: 1.875rem;
  height: 1.875rem;
  display: inline-flex;
  align-items: center;
  background-image: url("../chara_circle_wanjiro.png");
  background-repeat: no-repeat;
  background-size: contain;
}

#before_start {
  padding-top: 3rem;
  padding-bottom: 3rem;
  background: var(--color-white);
}

#install {
  padding-top: 3rem;
  background: var(--bg_pink);
}

#introduction {
  padding-top: 1.25rem;
  background: #b3001d;
  position: relative;
}

#index {
  padding-block: 3rem;
  background: var(--bg_red);
}
@media screen and (min-width: 60.0625em), print {
  #index {
    display: none;
  }
}
#index .wrapper {
  display: flex;
  flex-direction: column;
}

#initial_setup {
  padding-top: 3rem;
  padding-bottom: 3rem;
  background: var(--bg_pink);
}

#tutorial {
  padding-top: 3rem;
  padding-bottom: 3rem;
  background: var(--bg_pink);
}

#faq {
  padding-top: 3rem;
  padding-bottom: 3rem;
  background: var(--color-white);
}

#cv {
  padding-top: 1rem;
  padding-bottom: 1rem;
  background: var(--color-white);
}

#login {
  padding-bottom: 3rem;
  background: var(--bg_pink);
}

#features {
  padding-top: 3rem;
  padding-bottom: 3rem;
  background: var(--bg_red);
}
#features .wrapper {
  background-color: var(--bg_red);
}

.login__column {
  display: grid;
  grid-template-columns: 3.75rem auto;
  -moz-column-gap: 0.75rem;
       column-gap: 0.75rem;
  align-items: center;
}
.login__column p {
  color: var(--color-dark-gray);
  font-family: "Noto Sans JP";
  font-size: 14px;
  font-weight: 700;
  line-height: 1.6;
  letter-spacing: 0.04em;
}
.login__column p {
  font-weight: 400;
}

.h2Title {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.75rem;
  padding-block: 1.25rem;
  position: relative;
  margin-bottom: 2rem;
}
.h2Title::before, .h2Title::after {
  content: "";
  display: block;
  width: 2rem;
  height: 2rem;
  position: absolute;
  -webkit-mask-image: url("data:image/svg+xml,%3csvg%20width='26'%20height='26'%20viewBox='0%200%2026%2026'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M0%2024C5.78363%2024%208.94069%2024%208.94069%2024V16H16M16%2016V24H24V16H16ZM16%2016V8.94073H24C24%208.94073%2024%205.7968%2024%200'%20stroke='%23D2213B'%20stroke-width='3'%20stroke-miterlimit='10'/%3e%3c/svg%3e");
          mask-image: url("data:image/svg+xml,%3csvg%20width='26'%20height='26'%20viewBox='0%200%2026%2026'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M0%2024C5.78363%2024%208.94069%2024%208.94069%2024V16H16M16%2016V24H24V16H16ZM16%2016V8.94073H24C24%208.94073%2024%205.7968%2024%200'%20stroke='%23D2213B'%20stroke-width='3'%20stroke-miterlimit='10'/%3e%3c/svg%3e");
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: contain;
          mask-size: contain;
  background-color: var(--color-red);
  transition: background-color var(--transition-duration-hover);
}
.h2Title::before {
  top: 0;
  left: 0;
  transform: rotate(180deg);
}
.h2Title::after {
  bottom: 0;
  right: 0;
}
.h2Title.isWhite::before, .h2Title.isWhite::after {
  background-color: var(--color-white);
}
.isRedMenu .pageLayout__menu .h2Title::before, .isRedMenu .pageLayout__menu .h2Title::after {
  background-color: var(--color-white);
  transition: background-color var(--transition-duration-hover);
}
@media screen and (min-width: 48em), print {
  .h2Title.isMenu {
    margin-bottom: 1.5rem;
  }
}

.h2Title__heading {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  row-gap: 0.75rem;
  padding-inline: 2rem;
}
.h2Title__heading img {
  max-width: 100%;
  height: auto;
  fill: var(--color-white);
}
.h2Title__heading.isMenu svg {
  fill: var(--color-red);
  transition: fill var(--transition-duration-hover);
}
.isRedMenu .h2Title__heading.isMenu svg {
  transition: fill var(--transition-duration-hover);
  fill: var(--color-white);
}

.h2Title__lead {
  font-family: "Noto Sans JP";
  font-size: 14px;
  font-weight: 700;
  line-height: 1.6;
  letter-spacing: 0.04em;
}
.h2Title__lead {
  color: var(--color-darkred);
  text-align: center;
}
.isWhite .h2Title__lead {
  color: var(--color-white);
}
.isRed .h2Title__lead {
  color: var(--color-red);
}
.isRedMenu .pageLayout__menu .h2Title__lead {
  color: var(--color-white);
}

.h3Title {
  width: 100%;
  margin-bottom: 0.75rem;
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.h3Title.h3Title--center {
  margin-bottom: 2rem;
}
.box02--isGold .h3Title.h3Title--center {
  margin-bottom: 1.5rem;
}

.h3Title__lead {
  font-family: "Noto Sans JP";
  font-size: 14px;
  font-weight: 700;
  line-height: 1.6;
  letter-spacing: 0.04em;
}
.h3Title__lead {
  color: var(--color-red);
  text-align: center;
}

.h3Title__heading {
  display: grid;
  grid-template-columns: auto;
  -moz-column-gap: 0.25rem;
       column-gap: 0.25rem;
}
.h3Title--hasNumber .h3Title__heading {
  grid-template-columns: 1.625rem auto;
}
.h3Title--isTutorial .h3Title__heading {
  display: flex;
  -moz-column-gap: 0;
       column-gap: 0;
  align-items: center;
}

.h3Title__heading__tutorial {
  font-family: "Noto Sans JP";
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.65;
  letter-spacing: 0.04em;
}
.h3Title__heading__tutorial {
  color: var(--color-red);
  margin-right: 0.125rem;
}

.h3Title__heading__number {
  margin-block: 0.125rem;
  display: block;
  position: relative;
  width: 1.625rem;
  height: 1.625rem;
}
.h3Title__heading__number span {
  position: absolute;
  color: var(--color-white);
  top: 20%;
  left: 34%;
  font-size: 0.88238rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.03531rem;
}
.h3Title__heading__number::before {
  content: "";
  display: block;
  position: absolute;
  top: 4px;
  left: 4px;
  width: 1.14706rem;
  height: 1.14706rem;
  transform: rotate(-45deg);
  background-color: var(--color-red);
  outline: 1px solid var(--color-red_60);
  outline-offset: -2px;
}
.h3Title--isTutorial .h3Title__heading__number {
  margin-right: 0.25rem;
}

.h3Title__heading__title {
  display: inline-block;
}
.h3Title--2line .h3Title__heading__title {
  display: flex;
  flex-direction: column;
}
.h3Title--center .h3Title__heading__title {
  text-align: center;
}
#features .h3Title--center .h3Title__heading__title span {
  font-family: "Noto Sans JP";
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.04em;
}
.h3Title__heading__title .textUnderline {
  color: var(--color-red);
  padding-bottom: 0;
}
.h3Title__heading__title .textUnderline::after {
  display: none;
}
.h3Title__heading__title span {
  width: -moz-fit-content;
  width: fit-content;
  font-family: "Noto Sans JP";
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1.6;
  letter-spacing: 0.04em;
}
.h3Title__heading__title span {
  color: var(--color-darkred);
  position: relative;
  --d: 3;
  --gap: 3;
  position: relative;
  display: inline-block;
  padding-bottom: calc(var(--d) / 2 * 1px);
}
.h3Title__heading__title span::after {
  content: "";
  position: absolute;
  left: 0;
  right: var(--underline-trim, 0px);
  bottom: 0;
  height: calc(var(--d) * 1px);
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 3 3'>  <circle cx='1.5' cy='1.5' r='1.5' fill='%23D2213B'/></svg>");
  background-size: calc((var(--d) + var(--gap)) * 1px) calc(var(--d) * 1px);
  background-repeat: repeat-x;
  background-position: left bottom;
}

.balloon {
  width: 100%;
  position: relative;
  --balloon--01: 5.9375rem;
  --balloon--02: 5.25rem;
  --balloon--03: 4.5rem;
  --balloon--04: 5.3125rem;
  --balloon--05: 5.625rem;
  --crossover: 1.5rem;
}

.balloon__text {
  width: 100%;
  padding: 1.25rem;
  border-radius: 0.25rem;
  background-color: var(--color-yellow_50);
  border: 2px solid var(--color-yellow);
  font-family: "Noto Sans JP";
  font-size: 14px;
  font-weight: 700;
  line-height: 1.6;
  letter-spacing: 0.04em;
}
.balloon__text p {
  font-family: "Noto Sans JP";
  font-size: 14px;
  font-weight: 700;
  line-height: 1.6;
  letter-spacing: 0.04em;
}
.balloon__text p {
  color: var(--color-dark-gray);
  font-weight: 400;
}
.balloon__text a {
  font-family: "Noto Sans JP";
  font-size: 14px;
  font-weight: 700;
  line-height: 1.6;
  letter-spacing: 0.04em;
}
.balloon__text {
  color: var(--color-dark-gray);
  font-weight: 400;
}
.balloon--01 .balloon__text {
  padding-left: 2.5rem;
  margin-left: calc(var(--balloon--01) - var(--crossover));
  max-width: calc(100% - var(--balloon--01) + var(--crossover));
}
.balloon--02 .balloon__text {
  padding-left: 2.5rem;
  margin-left: calc(var(--balloon--02) - var(--crossover));
  max-width: calc(100% - var(--balloon--02) + var(--crossover));
}
.balloon--03 .balloon__text {
  padding-left: 2rem;
  margin-left: calc(var(--balloon--03) - var(--crossover));
  max-width: calc(100% - var(--balloon--03) + var(--crossover));
}
.balloon--04 .balloon__text {
  padding-left: 2rem;
  margin-left: calc(var(--balloon--04) - var(--crossover));
  max-width: calc(100% - var(--balloon--04) + var(--crossover));
}
.balloon--05 .balloon__text {
  padding-left: 2rem;
  margin-left: calc(var(--balloon--05) - var(--crossover));
  max-width: calc(100% - var(--balloon--05) + var(--crossover));
}

.balloon__img {
  z-index: 1;
  position: absolute;
  bottom: 0;
  left: 0;
}
.balloon--01 .balloon__img {
  width: var(--balloon--01);
  max-height: 6.5rem;
}
.balloon--02 .balloon__img {
  width: var(--balloon--02);
  max-height: 5.25rem;
}
.balloon--03 .balloon__img {
  width: var(--balloon--03);
  max-height: 6.875rem;
}
.balloon--04 .balloon__img {
  width: var(--balloon--04);
  max-height: 7.3125rem;
}
.balloon--05 .balloon__img {
  width: var(--balloon--05);
  max-height: 6.625rem;
}

.balloon02 {
  width: 100%;
  padding: 0.75rem;
  background: var(--color-red_10);
  font-family: "Noto Sans JP";
  font-size: 14px;
  font-weight: 700;
  line-height: 1.6;
  letter-spacing: 0.04em;
}
.balloon02 {
  font-weight: 400;
  border-radius: 0.25rem;
}
.balloon02.isYellow {
  padding: 1.25rem;
  border-radius: 0.25rem;
  border: 2px solid var(--color-yellow);
  background: var(--color-yellow_50);
}

.imgColumn {
  width: 100%;
  height: auto;
  display: grid;
  -moz-column-gap: 1rem;
       column-gap: 1rem;
  max-width: 31.25rem;
  margin-inline: auto;
}
.imgColumn.imgColumn--col2 {
  grid-template-columns: 1fr 1fr;
}
.imgColumn.imgColumn--isGray {
  padding: 0.5rem;
  background-color: var(--color-light-gray);
  border-radius: 0.5rem;
}

.imgColumn__item {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
}
.imgColumn__item img {
  border-radius: 0.5rem;
  overflow: hidden;
}
.imgColumn--border .imgColumn__item img {
  border: 1px solid var(--color-gray);
}
.imgColumn--icon .imgColumn__item img {
  max-width: 5rem;
}
.imgColumn--narrow .imgColumn__item img {
  max-width: 11.5rem;
}
.imgColumn--isGray .imgColumn__item img {
  border-radius: 0;
}
.imgColumn__item span {
  font-family: "Noto Sans JP";
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: 0.04em;
}
.menu {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 1.75rem;
}
.menu.isPc {
  gap: 0;
  margin-bottom: 30px;
}

.menu__item {
  width: 100%;
}
.menu__item a {
  display: grid;
  align-items: center;
  grid-template-columns: 1.25rem auto 1.125rem;
  -moz-column-gap: 0.5rem;
       column-gap: 0.5rem;
  border-bottom: 2px solid var(--color-white);
  padding-bottom: 0.25rem;
  transition: all var(--transition-duration-hover);
}
.isPc .menu__item a {
  border-bottom: 2px solid var(--color-red);
  padding: 0.625rem 0.5rem 0.75rem 0.5rem;
}
.isRedMenu .pageLayout__menu .menu__item a {
  border-bottom: 2px solid var(--color-white);
}
.menu__item a.isCurrent:not(:hover) {
  background-color: var(--color-red_10);
  transition: all var(--transition-duration-hover);
}
.isRedMenu .menu__item a.isCurrent:not(:hover) {
  background-color: var(--color-red_20);
  transition: all var(--transition-duration-hover);
}
.isRedMenu .menu__item a.isCurrent:not(:hover) .meun__item__title {
  color: var(--color-red);
}
.isRedMenu .menu__item a.isCurrent:not(:hover) .meun__item__arrow {
  background-color: var(--color-red);
}
@media (hover: hover) {
  .menu__item a:where(:-moz-any-link, :enabled, summary):hover .meun__item__title {
    opacity: 0.8;
    -moz-transition: all var(--transition-duration-hover);
    transition: all var(--transition-duration-hover);
  }
  .menu__item a:where(:any-link, :enabled, summary):hover .meun__item__title {
    opacity: 0.8;
    transition: all var(--transition-duration-hover);
  }
  .isIndex .menu__item a:where(:-moz-any-link, :enabled, summary):hover .menu__item__arrow {
    transform: translateY(0.25rem);
    -moz-transition: all var(--transition-duration-hover);
    transition: all var(--transition-duration-hover);
  }
  .isIndex .menu__item a:where(:any-link, :enabled, summary):hover .menu__item__arrow {
    transform: translateY(0.25rem);
    transition: all var(--transition-duration-hover);
  }
  .isPc .menu__item a:where(:-moz-any-link, :enabled, summary):hover .menu__item__arrow {
    transform: translateX(0.25rem);
    -moz-transition: all var(--transition-duration-hover);
    transition: all var(--transition-duration-hover);
  }
  .isPc .menu__item a:where(:any-link, :enabled, summary):hover .menu__item__arrow {
    transform: translateX(0.25rem);
    transition: all var(--transition-duration-hover);
  }
}

.meun__item__title {
  font-family: "Noto Sans JP";
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.8px;
}
.meun__item__title {
  color: var(--color-white);
  opacity: 1;
  transition: all var(--transition-duration-hover);
}
.isPc .meun__item__title {
  color: var(--color-red);
}
.isRedMenu .pageLayout__menu .meun__item__title {
  color: var(--color-white);
}

.menu__item__point {
  width: 100%;
  aspect-ratio: 1/1;
  display: block;
  background-image: url("data:image/svg+xml,%3csvg%20width='21'%20height='21'%20viewBox='0%200%2021%2021'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20x='6.33203'%20y='4.14209'%20width='5.85786'%20height='5.85786'%20transform='rotate(-45%206.33203%204.14209)'%20fill='%23EA7D7D'/%3e%3crect%20x='0.474609'%20y='9.94971'%20width='5.85786'%20height='5.85786'%20transform='rotate(-45%200.474609%209.94971)'%20fill='%23EA7D7D'/%3e%3crect%20x='12.1914'%20y='10'%20width='5.85786'%20height='5.85786'%20transform='rotate(-45%2012.1914%2010)'%20fill='%23EA7D7D'/%3e%3crect%20x='6.33203'%20y='16.1421'%20width='5.85786'%20height='5.85786'%20transform='rotate(-45%206.33203%2016.1421)'%20fill='%23EA7D7D'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-size: contain;
}

.menu__item__arrow {
  width: 100%;
  aspect-ratio: 1/1;
  display: block;
  -webkit-mask-image: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M12.793%205.29302C13.1835%204.90249%2013.8165%204.90249%2014.207%205.29302L20.207%2011.293C20.5976%2011.6835%2020.5976%2012.3166%2020.207%2012.7071L14.207%2018.7071C13.8165%2019.0976%2013.1835%2019.0976%2012.793%2018.7071C12.4024%2018.3166%2012.4024%2017.6835%2012.793%2017.293L17.0859%2013H4.5C3.94772%2013%203.5%2012.5523%203.5%2012C3.5%2011.4478%203.94772%2011%204.5%2011H17.0859L12.793%206.70708C12.4024%206.31655%2012.4024%205.68354%2012.793%205.29302Z'%20fill='%23D2213B'/%3e%3c/svg%3e");
          mask-image: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M12.793%205.29302C13.1835%204.90249%2013.8165%204.90249%2014.207%205.29302L20.207%2011.293C20.5976%2011.6835%2020.5976%2012.3166%2020.207%2012.7071L14.207%2018.7071C13.8165%2019.0976%2013.1835%2019.0976%2012.793%2018.7071C12.4024%2018.3166%2012.4024%2017.6835%2012.793%2017.293L17.0859%2013H4.5C3.94772%2013%203.5%2012.5523%203.5%2012C3.5%2011.4478%203.94772%2011%204.5%2011H17.0859L12.793%206.70708C12.4024%206.31655%2012.4024%205.68354%2012.793%205.29302Z'%20fill='%23D2213B'/%3e%3c/svg%3e");
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: contain;
          mask-size: contain;
  transform: translateY(0) translateX(0);
  background-color: var(--color-white);
  transition: all var(--transition-duration-hover);
}
.isIndex .menu__item__arrow {
  -webkit-mask-image: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M10.9999%2018.5V4.5C10.9999%203.94772%2011.4476%203.5%2011.9999%203.5C12.5522%203.5%2012.9999%203.94772%2012.9999%204.5V18.5C12.9999%2019.0523%2012.5522%2019.5%2011.9999%2019.5C11.4476%2019.5%2010.9999%2019.0523%2010.9999%2018.5Z'%20fill='%23D2213B'/%3e%3cpath%20d='M17.2929%2012.793C17.6834%2012.4024%2018.3164%2012.4024%2018.707%2012.793C19.0975%2013.1835%2019.0975%2013.8165%2018.707%2014.207L12.707%2020.207C12.3164%2020.5976%2011.6834%2020.5976%2011.2929%2020.207L5.29289%2014.207C4.90237%2013.8165%204.90237%2013.1835%205.29289%2012.793C5.68342%2012.4024%206.31643%2012.4024%206.70696%2012.793L11.9999%2018.0859L17.2929%2012.793Z'%20fill='%23D2213B'/%3e%3c/svg%3e");
          mask-image: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M10.9999%2018.5V4.5C10.9999%203.94772%2011.4476%203.5%2011.9999%203.5C12.5522%203.5%2012.9999%203.94772%2012.9999%204.5V18.5C12.9999%2019.0523%2012.5522%2019.5%2011.9999%2019.5C11.4476%2019.5%2010.9999%2019.0523%2010.9999%2018.5Z'%20fill='%23D2213B'/%3e%3cpath%20d='M17.2929%2012.793C17.6834%2012.4024%2018.3164%2012.4024%2018.707%2012.793C19.0975%2013.1835%2019.0975%2013.8165%2018.707%2014.207L12.707%2020.207C12.3164%2020.5976%2011.6834%2020.5976%2011.2929%2020.207L5.29289%2014.207C4.90237%2013.8165%204.90237%2013.1835%205.29289%2012.793C5.68342%2012.4024%206.31643%2012.4024%206.70696%2012.793L11.9999%2018.0859L17.2929%2012.793Z'%20fill='%23D2213B'/%3e%3c/svg%3e");
}
.isPc .menu__item__arrow {
  background-color: var(--color-red);
}
.isRedMenu .pageLayout__menu .menu__item__arrow {
  background-color: var(--color-white);
}
.isPc .isCurrent .menu__item__arrow {
  background-color: var(--color-red);
}
.isPc .isCurrent:hover .menu__item__arrow {
  background-color: var(--color-white);
}

.mvArea {
  width: 100%;
  height: 100dvh;
  display: block;
  position: relative;
  background: #b3001d;
  max-height: 1080px;
}
.mvArea::after {
  content: "";
  width: 100%;
  height: 20rem;
  display: block;
  position: absolute;
  bottom: 0;
  background: linear-gradient(rgba(179, 0, 29, 0) 0%, #b3001d 90%);
}
@media screen and (max-width: 47.99em) {
  .mvArea {
    max-height: 920px;
  }
}

.mvArea__logo {
  position: absolute;
  display: block;
  aspect-ratio: 8/9;
  width: 20%;
  top: 2rem;
  left: 1.95rem;
}
.mvArea__logo img {
  display: block;
  width: 100%;
  height: auto;
  filter: drop-shadow(0 0 20px rgba(255, 255, 255, 0.8));
}

.mvArea__bg {
  width: 100%;
  height: auto;
  position: absolute;
  top: 0;
  height: 100%;
  display: block;
  background-image: url("../mv_bg.png");
  background-repeat: no-repeat;
  background-size: 100% auto;
}

.mvArea__line01 {
  width: 92%;
  height: 84%;
  top: 8%;
  left: 4%;
  position: absolute;
  display: block;
}
.mvArea__line01::before {
  width: 100%;
  position: absolute;
  top: -4%;
  content: "";
  display: block;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='337' height='35' viewBox='0 0 337 35' fill='none'%3E%3Cpath d='M324.43 12.582V22.802H336V35M324.43 12.582H336V1H324.43V12.582ZM324.43 12.582H314.22V1H22.779V12.582H12.57M12.57 12.582V1H1V12.582H12.57ZM12.57 12.582V22.803H1V35' stroke='%23D28D6B' stroke-width='2' stroke-miterlimit='10'/%3E%3C/svg%3E");
  aspect-ratio: 335/34;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.mvArea__line01::after {
  width: 100%;
  position: absolute;
  bottom: -2rem;
  content: "";
  display: block;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='337' height='35' viewBox='0 0 337 35' fill='none'%3E%3Cpath d='M324.43 12.582V22.802H336V35M324.43 12.582H336V1H324.43V12.582ZM324.43 12.582H314.22V1H22.779V12.582H12.57M12.57 12.582V1H1V12.582H12.57ZM12.57 12.582V22.803H1V35' stroke='%23D28D6B' stroke-width='2' stroke-miterlimit='10'/%3E%3C/svg%3E");
  transform: rotate(180deg);
  aspect-ratio: 335/34;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.mvArea__line02 {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
}
.mvArea__line02::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  width: 0.7%;
  height: 100%;
  background-color: #d28d6b;
}

.mvArea__char {
  width: 100%;
  position: absolute;
  top: 0;
  height: 100%;
  display: block;
  background-image: url("../mv_ichihime.png");
  background-repeat: no-repeat;
  background-size: 100% auto;
}

.mvArea__blur {
  width: 100%;
  position: absolute;
  z-index: 1;
  bottom: -2rem;
  height: 20rem;
  display: block;
  background: linear-gradient(rgba(86, 0, 0, 0) 0%, rgba(86, 0, 0, 0.7) 26.92%, rgba(86, 0, 0, 0.8) 50%, rgba(86, 0, 0, 0.7) 77.4%, rgba(86, 0, 0, 0) 100%);
  background-blend-mode: multiply;
}

.mvArea__title {
  position: absolute;
  left: 1.25rem;
  bottom: 3rem;
  width: calc(100% - 2.5rem);
  z-index: 1;
  margin: auto;
  aspect-ratio: 335/151;
  display: block;
  background-image: url("../logo_white.png");
  background-repeat: no-repeat;
  background-size: 100% auto;
}

@media screen and (min-width: 60.0625em), print {
  .modal {
    display: none;
  }
  .spMenu {
    display: none !important;
  }
}
@media screen and (min-width: 48em) and (max-width: 60.0525em) {
  .modal {
    position: fixed;
    max-width: 500px;
    inset: 0;
    z-index: 10;
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.35s ease, visibility 0s linear 0.35s;
    will-change: opacity;
    margin-inline: auto;
  }
  .spMenu {
    left: calc(50% + 250px - 4.5rem);
  }
  .modal__container {
    position: absolute;
    top: 0;
    right: 0;
    padding: 1rem 1.25rem 1.5rem 1.25rem;
    height: 100%;
    width: 100%;
    background: var(--bg_red);
    transform: translateX(0) !important;
    transition: opacity 0.35s ease;
    will-change: opacity;
    opacity: 1;
  }
}
.modal {
  position: fixed;
  inset: 0;
  z-index: 10;
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.35s ease, visibility 0s linear 0.35s;
  will-change: opacity;
}

.modal[aria-hidden=false] {
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
  transition: opacity 0.35s ease, visibility 0s;
}

.modal__overlay {
  position: absolute;
  inset: 0;
  opacity: 0;
  transition: opacity 0.35s ease;
  will-change: opacity;
}

.modal[aria-hidden=false] .modal__overlay {
  opacity: 1;
}

.modal__container {
  position: absolute;
  top: 0;
  right: 0;
  padding: 1rem 1.25rem 1.5rem 1.25rem;
  height: 100%;
  width: 100%;
  background: var(--bg_red);
  transform: translateX(100%);
  transition: transform 0.35s ease;
  will-change: transform;
  overflow-y: auto;
}

.modal[aria-hidden=false] .modal__container {
  transform: translateX(0);
}

.modal__content {
  display: flex;
  flex-direction: column;
  gap: 2.5rem;
}

.spMenu {
  position: fixed;
  width: 4rem;
  height: 4rem;
  display: block;
  right: 0.5rem;
  top: 0.5rem;
  z-index: 11;
}
.spMenu::before {
  position: absolute;
  z-index: 12;
  content: "";
  width: 2.3rem;
  height: 2.3rem;
  right: 14px;
  top: 13px;
  transform: rotate(-45deg);
  border: 2px solid var(--color-red_60);
  transition: transform 0.35s ease;
}
.spMenu.isOpen::before {
  transform: rotate(135deg);
  transition: transform 0.35s ease;
}
.spMenu.isOpen::after {
  position: absolute;
  width: 1.5rem;
  height: 1.5rem;
  display: block;
  content: "";
  z-index: 12;
  right: 20px;
  top: 20px;
  background-image: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M11%2019V5C11%204.44772%2011.4477%204%2012%204C12.5523%204%2013%204.44772%2013%205V19C13%2019.5523%2012.5523%2020%2012%2020C11.4477%2020%2011%2019.5523%2011%2019Z'%20fill='%23D2213B'/%3e%3cpath%20d='M19%2013H5C4.44772%2013%204%2012.5523%204%2012C4%2011.4477%204.44772%2011%205%2011H19C19.5523%2011%2020%2011.4477%2020%2012C20%2012.5523%2019.5523%2013%2019%2013Z'%20fill='%23D2213B'/%3e%3c/svg%3e");
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  transform: rotate(-45deg);
}

.spMenu__bg {
  margin: auto;
  display: block;
  width: 2.82844rem;
  height: 2.82844rem;
  transform: rotate(-45deg);
  background: var(--color-white);
}

.spMenu__logo {
  display: grid;
  height: 4.5rem;
  grid-template-columns: 3.125rem 10rem;
  gap: 0.5rem;
  align-items: center;
}

.spMenu__line01 {
  position: absolute;
  display: block;
  width: 1.125rem;
  height: 2px;
  background-color: var(--color-red);
  border-radius: 9999px;
  z-index: 20;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(calc(-50% - 0.375rem));
}
.isOpen .spMenu__line01 {
  transform: translateX(-50%) translateY(-50%) rotate(45deg);
}

.spMenu__line02 {
  position: absolute;
  display: block;
  width: 1.125rem;
  height: 2px;
  background-color: var(--color-red);
  border-radius: 9999px;
  z-index: 20;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
}
.isOpen .spMenu__line02 {
  transform: translateX(-50%) translateY(-50%) rotate(-45deg);
}

.spMenu__line03 {
  position: absolute;
  display: block;
  width: 1.125rem;
  height: 2px;
  background-color: var(--color-red);
  border-radius: 9999px;
  z-index: 20;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(calc(-50% + 0.375rem));
}
.isOpen .spMenu__line03 {
  display: none;
}

.buttonAnchor {
  display: flex;
  width: 100%;
  padding: 1rem 1.5rem 1rem 2rem;
  justify-content: space-between;
  align-items: center;
  border-radius: 100px;
  border: 2px solid var(--color-red_20);
  background: var(--color-white);
  transition: all var(--transition-duration-hover);
}
@media (hover: hover) {
  .buttonAnchor:where(:-moz-any-link, :enabled, summary):hover {
    -moz-transition: all var(--transition-duration-hover);
    transition: all var(--transition-duration-hover);
    border: 2px solid var(--color-red);
  }
  .buttonAnchor:where(:any-link, :enabled, summary):hover {
    transition: all var(--transition-duration-hover);
    border: 2px solid var(--color-red);
  }
  .buttonAnchor:where(:-moz-any-link, :enabled, summary):hover .buttonAnchor__text {
    opacity: 0.8;
  }
  .buttonAnchor:where(:any-link, :enabled, summary):hover .buttonAnchor__text {
    opacity: 0.8;
  }
  .buttonAnchor:where(:-moz-any-link, :enabled, summary):hover .buttonAnchor__icon {
    transform: translateY(0.25rem);
    -moz-transition: all var(--transition-duration-hover);
    transition: all var(--transition-duration-hover);
  }
  .buttonAnchor:where(:any-link, :enabled, summary):hover .buttonAnchor__icon {
    transform: translateY(0.25rem);
    transition: all var(--transition-duration-hover);
  }
}

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

.buttonAnchor__text {
  font-family: "Noto Sans JP";
  font-size: 15px;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.04em;
}
.buttonAnchor__text {
  transition: all var(--transition-duration-hover);
  opacity: 1;
}

.buttonAnchor__icon {
  display: inline-block;
  width: 1rem;
  height: 1rem;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("data:image/svg+xml;charset=UTF-8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='14' viewBox='0 0 12 14' fill='none'><path d='M4.99992 12.0003V1.00016C4.99992 0.447878 5.4478 -1.64649e-09 6.00009 0C6.55237 1.64649e-09 7.00025 0.447878 7.00025 1.00016V12.0003C7.00016 12.5525 6.55232 13.0005 6.00009 13.0005C5.44786 13.0005 5.00001 12.5525 4.99992 12.0003Z' fill='%23D2213B'/><path d='M10.2929 7.29297C10.6834 6.90244 11.3168 6.90244 11.7073 7.29297C12.0978 7.68349 12.0978 8.31683 11.7073 8.70736L6.70728 13.7074C6.31676 14.0979 5.68342 14.0979 5.29289 13.7074L0.292893 8.70736C-0.0976311 8.31683 -0.0976311 7.68349 0.292893 7.29297C0.683418 6.90244 1.31676 6.90244 1.70728 7.29297L6.00009 11.5858L10.2929 7.29297Z' fill='%23D2213B'/></svg>");
  transform: translateY(0);
  transition: all var(--transition-duration-hover);
}

.buttonPdf {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
}
.buttonPdf.isPc {
  margin-bottom: 24px;
}

.buttonPdf__button {
  display: flex;
  width: 100%;
  padding: 1rem 1.5rem;
  justify-content: space-between;
  align-items: center;
  border-radius: 100px;
  background-color: var(--color-white);
  transition: all var(--transition-duration-hover);
}
@media (hover: hover) {
  .buttonPdf__button:where(:-moz-any-link, :enabled, summary):hover {
    background-color: var(--color-red_20);
  }
  .buttonPdf__button:where(:any-link, :enabled, summary):hover {
    background-color: var(--color-red_20);
  }
  .isPc .buttonPdf__button:where(:-moz-any-link, :enabled, summary):hover {
    background-color: var(--color-red_20);
  }
  .isPc .buttonPdf__button:where(:any-link, :enabled, summary):hover {
    background-color: var(--color-red_20);
  }
  .isPc .buttonPdf__button:where(:-moz-any-link, :enabled, summary):hover span {
    color: var(--color-red);
  }
  .isPc .buttonPdf__button:where(:any-link, :enabled, summary):hover span {
    color: var(--color-red);
  }
  .isPc .buttonPdf__button:where(:-moz-any-link, :enabled, summary):hover .buttonPdf__button__icon {
    background-color: var(--color-red);
  }
  .isPc .buttonPdf__button:where(:any-link, :enabled, summary):hover .buttonPdf__button__icon {
    background-color: var(--color-red);
  }
  .buttonPdf__button:where(:-moz-any-link, :enabled, summary):hover {
    -moz-transition: all var(--transition-duration-hover);
    transition: all var(--transition-duration-hover);
  }
  .buttonPdf__button:where(:any-link, :enabled, summary):hover {
    transition: all var(--transition-duration-hover);
  }
  .buttonPdf__button:where(:-moz-any-link, :enabled, summary):hover span {
    opacity: 0.8;
  }
  .buttonPdf__button:where(:any-link, :enabled, summary):hover span {
    opacity: 0.8;
  }
}
.isPc .buttonPdf__button {
  background-color: var(--color-red);
  transition: background-color var(--transition-duration-hover);
}
.isRedMenu .pageLayout__menu .buttonPdf__button {
  background-color: var(--color-white);
  transition: background-color var(--transition-duration-hover);
}
@media (hover: hover) {
  .isRedMenu .pageLayout__menu .buttonPdf__button:where(:-moz-any-link, :enabled, summary):hover {
    background-color: var(--color-red_20);
    -moz-transition: background-color var(--transition-duration-hover);
    transition: background-color var(--transition-duration-hover);
  }
  .isRedMenu .pageLayout__menu .buttonPdf__button:where(:any-link, :enabled, summary):hover {
    background-color: var(--color-red_20);
    transition: background-color var(--transition-duration-hover);
  }
}

.buttonPdf__button__text {
  font-family: "Noto Sans JP";
  font-size: 15px;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.04em;
}
.buttonPdf__button__text {
  color: var(--color-red);
  text-align: center;
  width: 100%;
}
.isPc .buttonPdf__button__text {
  color: var(--color-white);
  transition: color var(--transition-duration-hover);
}
.buttonPdf__button__text {
  transition: all var(--transition-duration-hover);
}
.isRedMenu .pageLayout__menu .buttonPdf__button__text {
  color: var(--color-red);
  transition: color var(--transition-duration-hover);
}

.buttonPdf__button__icon {
  display: inline-block;
  width: 1.5rem;
  height: 1.5rem;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-image: url("data:image/svg+xml;charset=UTF-8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'><path d='M12 13L12 6' stroke='%23D2213B' stroke-width='2' stroke-linecap='round'/><path d='M9 11L12 14L15 11' stroke='%23D2213B' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/><path d='M6 15V18H18V15' stroke='%23D2213B' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/></svg>");
          mask-image: url("data:image/svg+xml;charset=UTF-8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'><path d='M12 13L12 6' stroke='%23D2213B' stroke-width='2' stroke-linecap='round'/><path d='M9 11L12 14L15 11' stroke='%23D2213B' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/><path d='M6 15V18H18V15' stroke='%23D2213B' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/></svg>");
  background-color: var(--color-red);
  transition: all var(--transition-duration-hover);
}
.isPc .buttonPdf__button__icon {
  background-color: var(--color-white);
  transition: background-color var(--transition-duration-hover);
}
.isRedMenu .pageLayout__menu .buttonPdf__button__icon {
  background-color: var(--color-red);
  transition: background-color var(--transition-duration-hover);
}

.buttonPdf__lead {
  font-family: "Noto Sans JP";
  font-size: 14px;
  font-weight: 700;
  line-height: 1.6;
  letter-spacing: 0.04em;
}
.buttonPdf__lead {
  color: var(--color-white);
  display: flex;
  align-items: center;
  gap: 0.25rem;
  transition: all var(--transition-duration-hover);
}
.isPc .buttonPdf__lead {
  color: var(--color-red);
  transition: color var(--transition-duration-hover);
}
.isPc .buttonPdf__lead::before, .isPc .buttonPdf__lead::after {
  background-color: var(--color-red);
  transition: background-color var(--transition-duration-hover);
}
.buttonPdf__lead::before {
  content: "";
  width: 0.625rem;
  height: 0.75rem;
  display: inline-block;
  -webkit-mask-image: url("data:image/svg+xml;charset=UTF-8,<svg xmlns='http://www.w3.org/2000/svg' width='11' height='13' viewBox='0 0 11 13' fill='currentColor'><path d='M10.3848 12.3201L0.384766 0.320091' stroke='currentColor'/></svg>");
          mask-image: url("data:image/svg+xml;charset=UTF-8,<svg xmlns='http://www.w3.org/2000/svg' width='11' height='13' viewBox='0 0 11 13' fill='currentColor'><path d='M10.3848 12.3201L0.384766 0.320091' stroke='currentColor'/></svg>");
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: contain;
          mask-size: contain;
  background-color: var(--color-white);
  transition: all var(--transition-duration-hover);
}
.buttonPdf__lead::after {
  content: "";
  width: 0.625rem;
  height: 0.75rem;
  display: inline-block;
  -webkit-mask-image: url("data:image/svg+xml;charset=UTF-8,<svg xmlns='http://www.w3.org/2000/svg' width='11' height='13' viewBox='0 0 11 13' fill='currentColor'><path d='M0.384766 12.3201L10.3848 0.320091' stroke='currentColor'/></svg>");
          mask-image: url("data:image/svg+xml;charset=UTF-8,<svg xmlns='http://www.w3.org/2000/svg' width='11' height='13' viewBox='0 0 11 13' fill='currentColor'><path d='M0.384766 12.3201L10.3848 0.320091' stroke='currentColor'/></svg>");
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: contain;
          mask-size: contain;
  background-color: var(--color-white);
  transition: all var(--transition-duration-hover);
}
.isRedMenu .pageLayout__menu .buttonPdf__lead {
  color: var(--color-white);
  transition: color var(--transition-duration-hover);
}
.isRedMenu .pageLayout__menu .buttonPdf__lead::before, .isRedMenu .pageLayout__menu .buttonPdf__lead::after {
  background-color: var(--color-white);
  transition: background-color var(--transition-duration-hover);
}

.buttonNext {
  position: relative;
  height: 78px;
}
.buttonNext a {
  position: absolute;
  display: grid;
  z-index: 2;
  width: 100%;
  height: 72px;
  padding: 1rem 1.5rem 1rem 2rem;
  grid-template-columns: auto 40px;
  align-items: center;
  border-radius: 100px;
  background: var(--color-red_10);
  transform: translateY(0);
  transition: all var(--transition-duration-hover);
  box-shadow: 0px 6px 0px 0px var(--color-red);
}
@media (hover: hover) {
  .buttonNext a:where(:-moz-any-link, :enabled, summary):hover {
    -moz-transition: all var(--transition-duration-hover);
    transition: all var(--transition-duration-hover);
    transform: translateY(6px);
    box-shadow: 0px 0px 0px 0px var(--color-red);
  }
  .buttonNext a:where(:any-link, :enabled, summary):hover {
    transition: all var(--transition-duration-hover);
    transform: translateY(6px);
    box-shadow: 0px 0px 0px 0px var(--color-red);
  }
  .buttonNext a:where(:-moz-any-link, :enabled, summary):hover span {
    opacity: 0.8;
  }
  .buttonNext a:where(:any-link, :enabled, summary):hover span {
    opacity: 0.8;
  }
  .buttonNext a:where(:-moz-any-link, :enabled, summary):hover .buttonNext__arrow__icon {
    transform: translateY(0.25rem);
    -moz-transition: all var(--transition-duration-hover);
    transition: all var(--transition-duration-hover);
  }
  .buttonNext a:where(:any-link, :enabled, summary):hover .buttonNext__arrow__icon {
    transform: translateY(0.25rem);
    transition: all var(--transition-duration-hover);
  }
}

.buttonNext__text {
  font-family: "Noto Sans JP";
  font-size: 15px;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.04em;
}
.buttonNext__text {
  text-align: center;
  width: 100%;
  color: var(--color-red);
}

.buttonNext__arrow {
  position: relative;
  display: block;
  width: 40px;
  height: 40px;
  background-color: var(--color-white);
  border-radius: 9999px;
}

.buttonNext__arrow__icon {
  position: absolute;
  display: block;
  top: calc(50% - 8.5px);
  left: calc(50% - 7px);
  width: 14px;
  height: 17px;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("data:image/svg+xml;charset=UTF-8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='14' viewBox='0 0 12 14' fill='none'><path d='M4.99992 12.0003V1.00016C4.99992 0.447878 5.4478 -1.64649e-09 6.00009 0C6.55237 1.64649e-09 7.00025 0.447878 7.00025 1.00016V12.0003C7.00016 12.5525 6.55232 13.0005 6.00009 13.0005C5.44786 13.0005 5.00001 12.5525 4.99992 12.0003Z' fill='%23D2213B'/><path d='M10.2929 7.29297C10.6834 6.90244 11.3168 6.90244 11.7073 7.29297C12.0978 7.68349 12.0978 8.31683 11.7073 8.70736L6.70728 13.7074C6.31676 14.0979 5.68342 14.0979 5.29289 13.7074L0.292893 8.70736C-0.0976311 8.31683 -0.0976311 7.68349 0.292893 7.29297C0.683418 6.90244 1.31676 6.90244 1.70728 7.29297L6.00009 11.5858L10.2929 7.29297Z' fill='%23D2213B'/></svg>");
  transform: translateY(0);
  transition: all var(--transition-duration-hover);
}

.buttonToggle {
  display: grid;
  grid-template-columns: auto 1.25rem;
  -moz-column-gap: 0.8125rem;
       column-gap: 0.8125rem;
  width: 100%;
  padding: 1rem 1.5rem 1rem 2rem;
  border-radius: 100px;
  border: 2px solid var(--color-red_20);
  background: var(--color-red_10);
  transition: all var(--transition-duration-hover);
}
@media (hover: hover) {
  .buttonToggle:where(:-moz-any-link, :enabled, summary):hover {
    -moz-transition: all var(--transition-duration-hover);
    transition: all var(--transition-duration-hover);
    border: 2px solid var(--color-red);
  }
  .buttonToggle:where(:any-link, :enabled, summary):hover {
    transition: all var(--transition-duration-hover);
    border: 2px solid var(--color-red);
  }
  .buttonToggle:where(:-moz-any-link, :enabled, summary):hover span {
    opacity: 0.8;
  }
  .buttonToggle:where(:any-link, :enabled, summary):hover span {
    opacity: 0.8;
  }
}

.buttonToggle__text {
  font-family: "Noto Sans JP";
  font-size: 15px;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.04em;
}
.buttonToggle__text {
  text-align: center;
  color: var(--color-dark-gray);
}

.buttonToggle__icon {
  display: inline-block;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  background-image: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M11%2019V5C11%204.44772%2011.4477%204%2012%204C12.5523%204%2013%204.44772%2013%205V19C13%2019.5523%2012.5523%2020%2012%2020C11.4477%2020%2011%2019.5523%2011%2019Z'%20fill='%23D2213B'/%3e%3cpath%20d='M19%2013H5C4.44772%2013%204%2012.5523%204%2012C4%2011.4477%204.44772%2011%205%2011H19C19.5523%2011%2020%2011.4477%2020%2012C20%2012.5523%2019.5523%2013%2019%2013Z'%20fill='%23D2213B'/%3e%3c/svg%3e");
  transform: translateY(0);
  transition: all var(--transition-duration-hover);
}
.buttonToggle__icon.isOpen {
  background-image: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M19%2013L5%2013C4.44772%2013%204%2012.5523%204%2012C4%2011.4477%204.44772%2011%205%2011L19%2011C19.5523%2011%2020%2011.4477%2020%2012C20%2012.5523%2019.5523%2013%2019%2013Z'%20fill='%23D2213B'/%3e%3c/svg%3e");
}

.pageLayout {
  position: relative;
  top: 0;
  min-height: 100dvh;
  display: grid;
  grid-template-areas: "main";
  grid-template-columns: 1fr;
  background-color: var(--bg_yellow);
  transition: background-color var(--transition-duration-background);
}
.pageLayout::after {
  content: "";
  display: block;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  inset: 0;
  background-image: url("../bg_pc.png");
  background-size: 70%;
  background-repeat: repeat-x;
  background-position: left center;
  background-attachment: fixed;
  z-index: 0;
}
@media screen and (min-width: 48em) and (max-width: 60.0525em) {
  .pageLayout::after {
    background-size: cover;
  }
}
.pageLayout.isRedMenu {
  background-color: var(--bg_red2);
  transition: background-color var(--transition-duration-background);
}

.pageLayout__mainArea {
  width: 100vw;
  margin: 0;
  background-color: #fff;
  z-index: 2;
  overflow: hidden;
}

.pageLayout__leftArea {
  display: block;
}

.pageLayout__rightArea {
  display: none;
}

@media screen and (max-width: 47.99em) {
  .pageLayout__leftArea {
    display: none;
  }
}
/* 768〜960px */
@media screen and (min-width: 48em) and (max-width: 60.0525em) {
  .pageLayout__mainArea {
    width: 500px;
    margin: 0 auto;
    background: #fff;
    overflow: hidden;
  }
  .pageLayout__rightArea {
    display: none;
  }
  .pageLayout__leftArea {
    display: none;
  }
}
/* 961px〜*/
@media screen and (min-width: 60.0625em), print {
  .pageLayout {
    grid-template-areas: "left main right";
    grid-template-columns: auto 500px 415px;
    width: 100vw;
    margin: 0 auto;
  }
  .pageLayout__mainArea {
    width: 500px;
    margin: 0;
    background: var(--bg_pink);
  }
  .pageLayout__rightArea {
    display: block;
    position: sticky;
    top: 0;
    grid-area: right;
    background-color: var(--bg_yellow);
    transition: background-color var(--transition-duration-background);
    z-index: 1;
    width: 100%;
  }
  .isRedMenu .pageLayout__rightArea {
    background-color: var(--bg_red2);
    transition: background-color var(--transition-duration-background);
  }
  .pageLayout__leftArea {
    position: sticky;
    top: 0;
    z-index: 2;
  }
  .pageLayout__leftArea__inner {
    display: none;
  }
  .logo_jantama {
    display: none;
  }
  .pageLayout__menu {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100dvh;
    position: sticky;
    padding-inline: 2.5rem;
    padding-top: 2rem;
    padding-bottom: 2rem;
    min-width: 300px;
    top: 0;
    transition: background-color var(--transition-duration-background);
  }
}
@media screen and (min-width: 75em), print {
  .pageLayout__rightArea {
    width: 415px;
  }
  .pageLayout {
    grid-template-areas: "left main right";
    grid-template-columns: auto 500px 415px;
    width: 100vw;
    margin: 0 auto;
  }
  .logo_jantama {
    position: sticky;
    display: block;
    width: 4.875rem;
    top: calc(100dvh - 15%);
    margin-inline: auto;
  }
  .logo_jantama img {
    display: block;
    width: 100%;
    height: auto;
  }
  .isRedMenu .logo_jantama img {
    filter: drop-shadow(0 0 20px rgba(255, 255, 255, 0.8));
  }
  .pageLayout__leftArea__inner {
    position: sticky;
    width: 54%;
    height: auto;
    margin-inline: auto;
    top: 50dvh;
    transform: translateY(-50%);
    max-width: 25rem;
    display: grid;
    aspect-ratio: 164.54/143.68;
    grid-template-rows: auto auto;
  }
  .pageLayout__leftArea__inner .leftArea__logo {
    display: block;
    width: 100%;
    aspect-ratio: 20/9;
    background-image: url("../logo_red.png");
    background-size: contain;
    transition: all var(--transition-duration-background);
    background-repeat: no-repeat;
  }
  .isRedMenu .pageLayout__leftArea__inner .leftArea__logo {
    background-image: url("../logo_white.png");
    transition: all var(--transition-duration-background);
  }
  .pageLayout__leftArea__inner .leftArea__char {
    display: grid;
    align-items: center;
    grid-template-columns: 1fr 1fr 1fr;
    width: 100%;
    padding-inline: 5%;
    -moz-column-gap: 7.5%;
         column-gap: 7.5%;
  }
  .pageLayout__leftArea__inner .leftArea__char .leftArea__char__nikaido {
    transform: rotate(0deg) scale(1);
    transition: all var(--transition-duration-hover);
  }
  .pageLayout__leftArea__inner .leftArea__char .leftArea__char__nikaido:hover {
    transform: rotate(-7deg) scale(1.05);
    transition: all var(--transition-duration-hover);
  }
  .pageLayout__leftArea__inner .leftArea__char .leftArea__char__ichihime {
    transform: rotate(0deg) scale(1) translateY(1%) translateX(-3%);
    transition: all var(--transition-duration-hover);
  }
  .pageLayout__leftArea__inner .leftArea__char .leftArea__char__ichihime:hover {
    transform: rotate(7deg) scale(1.05) translateY(1%) translateX(-3%);
    transition: all var(--transition-duration-hover);
  }
  .pageLayout__leftArea__inner .leftArea__char .leftArea__char__wanjiro {
    transform: rotate(0deg) scale(1.07);
    transition: all var(--transition-duration-hover);
  }
  .pageLayout__leftArea__inner .leftArea__char .leftArea__char__wanjiro:hover {
    transform: rotate(5deg) scale(1.12);
    transition: all var(--transition-duration-hover);
  }
}
@media screen and (min-width: 90em), print {
  .pageLayout__leftArea {
    position: relative;
    isolation: isolate;
  }
  .pageLayout__leftArea::before, .pageLayout__leftArea::after {
    content: "";
    display: block;
    position: sticky;
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 0;
    transform-origin: center center;
  }
  .pageLayout__leftArea::before {
    width: 11.75rem;
    height: 5.6875rem;
    background-image: url("data:image/svg+xml,%3csvg%20width='188'%20height='91'%20viewBox='0%200%20188%2091'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M146.328%2072.2944C141.7%2072.2944%20137.913%2068.5066%20137.913%2063.8775V62.0068C137.913%2057.3777%20141.7%2053.5899%20146.328%2053.5899H164.561C169.19%2053.5899%20172.977%2049.802%20172.977%2045.1729V43.3022C172.977%2038.6731%20169.19%2034.8853%20164.561%2034.8853H124.128C119.499%2034.8853%20115.712%2031.2449%20115.712%2026.7949C115.712%2022.345%20119.499%2018.7046%20124.128%2018.7046H142.361C146.989%2018.7046%20150.776%2014.9168%20150.776%2010.2877V8.41699C150.776%203.78786%20146.989%200%20142.361%200H8.4155C3.78717%200.000989765%200%203.78882%200%208.41795V10.2886C0%2014.9178%203.78717%2018.7056%208.4155%2018.7056H61.713C66.3414%2018.7056%2070.1285%2022.3459%2070.1285%2026.7959C70.1285%2031.2459%2066.3414%2034.8862%2061.713%2034.8862H30.6151C25.9867%2034.8862%2022.1996%2038.6741%2022.1996%2043.3032V45.1738C22.1996%2049.803%2025.9867%2053.5908%2030.6151%2053.5908H83.9126C88.5409%2053.5908%2092.3281%2057.3787%2092.3281%2062.0078V63.8784C92.3281%2068.5076%2088.5409%2072.2954%2083.9126%2072.2954H72.6916C68.0632%2072.2954%2064.2761%2076.0832%2064.2761%2080.7123V82.583C64.2761%2087.2121%2068.0632%2091%2072.6916%2091H179.585C184.213%2091%20188%2087.2121%20188%2082.583V80.7123C188%2076.0832%20184.213%2072.2954%20179.585%2072.2954H146.326L146.328%2072.2944Z'%20fill='url(%23paint0_linear_934_14486)'/%3e%3cdefs%3e%3clinearGradient%20id='paint0_linear_934_14486'%20x1='0'%20y1='45.4995'%20x2='188.002'%20y2='45.4995'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23E9C573'/%3e%3cstop%20offset='0.307'%20stop-color='%23E2B666'/%3e%3cstop%20offset='1'%20stop-color='%23D69A4C'/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e");
    top: 2.5rem;
    left: calc(100dvw - 915px);
    animation: cloudFloat 8s ease-in-out infinite;
  }
  .pageLayout__leftArea::after {
    width: 10.375rem;
    height: 3.5rem;
    background-image: url("data:image/svg+xml,%3csvg%20width='166'%20height='56'%20viewBox='0%200%20166%2056'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M124.276%2037.3323C119.642%2037.3323%20115.851%2033.5522%20115.851%2028.9324V27.0656C115.851%2022.4458%20119.642%2018.6657%20124.276%2018.6657H142.531C147.165%2018.6657%20150.957%2014.8855%20150.957%2010.2658V8.39891C150.957%203.78015%20147.165%200%20142.531%200H8.42555C3.79168%200%200%203.78015%200%208.3999V10.2668C0%2014.8865%203.79168%2018.6667%208.42555%2018.6667H61.7869C66.4208%2018.6667%2070.2125%2022.4468%2070.2125%2027.0666V28.9334C70.2125%2033.5532%2066.4208%2037.3333%2061.7869%2037.3333H50.5525C45.9186%2037.3333%2042.1269%2041.1135%2042.1269%2045.7332V47.6001C42.1269%2052.2198%2045.9186%2056%2050.5525%2056H157.574C162.208%2056%20166%2052.2198%20166%2047.6001V45.7332C166%2041.1135%20162.208%2037.3333%20157.574%2037.3333L124.276%2037.3323Z'%20fill='url(%23paint0_linear_934_14487)'/%3e%3cdefs%3e%3clinearGradient%20id='paint0_linear_934_14487'%20x1='0'%20y1='27.999'%20x2='166'%20y2='27.999'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23E9C573'/%3e%3cstop%20offset='0.307'%20stop-color='%23E2B666'/%3e%3cstop%20offset='1'%20stop-color='%23D69A4C'/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e");
    top: calc(100dvh - 6rem);
    animation: cloudFloat2 8s ease-in-out infinite;
  }
  @keyframes cloudFloat {
    0% {
      transform: translateX(2rem) skewX(0deg) scaleY(1);
    }
    25% {
      transform: translateX(2.5rem) skewX(1deg) scaleY(1.02);
    }
    50% {
      transform: translateX(2rem) skewX(0deg) scaleY(1);
    }
    75% {
      transform: translateX(1.5rem) skewX(-1deg) scaleY(0.98);
    }
    100% {
      transform: translateX(2rem) skewX(0deg) scaleY(1);
    }
  }
  @keyframes cloudFloat2 {
    0% {
      transform: translateX(-2rem) skewX(0deg) scaleY(1);
    }
    25% {
      transform: translateX(-1.5rem) skewX(10deg) scaleY(1.02);
    }
    50% {
      transform: translateX(-2rem) skewX(0deg) scaleY(1);
    }
    75% {
      transform: translateX(-1.5rem) skewX(-10deg) scaleY(0.98);
    }
    100% {
      transform: translateX(-2rem) skewX(0deg) scaleY(1);
    }
  }
  @keyframes cloudFloat3 {
    0% {
      transform: translateX(5.25rem) skewX(0deg) scaleY(1);
    }
    25% {
      transform: translateX(4.75rem) skewX(10deg) scaleY(1.02);
    }
    50% {
      transform: translateX(5.25rem) skewX(0deg) scaleY(1);
    }
    75% {
      transform: translateX(4.75rem) skewX(-10deg) scaleY(0.98);
    }
    100% {
      transform: translateX(5.25rem) skewX(0deg) scaleY(1);
    }
  }
  .pageLayout__menu {
    overflow: hidden;
    transition: background-color color var(--transition-duration-background);
  }
  .pageLayout__menu::after {
    content: "";
    width: 10.375rem;
    height: 3.5rem;
    display: block;
    background-image: url("data:image/svg+xml,%3csvg%20width='166'%20height='56'%20viewBox='0%200%20166%2056'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M124.276%2037.3323C119.642%2037.3323%20115.851%2033.5522%20115.851%2028.9324V27.0656C115.851%2022.4458%20119.642%2018.6657%20124.276%2018.6657H142.531C147.165%2018.6657%20150.957%2014.8855%20150.957%2010.2658V8.39891C150.957%203.78015%20147.165%200%20142.531%200H8.42555C3.79168%200%200%203.78015%200%208.3999V10.2668C0%2014.8865%203.79168%2018.6667%208.42555%2018.6667H61.7869C66.4208%2018.6667%2070.2125%2022.4468%2070.2125%2027.0666V28.9334C70.2125%2033.5532%2066.4208%2037.3333%2061.7869%2037.3333H50.5525C45.9186%2037.3333%2042.1269%2041.1135%2042.1269%2045.7332V47.6001C42.1269%2052.2198%2045.9186%2056%2050.5525%2056H157.574C162.208%2056%20166%2052.2198%20166%2047.6001V45.7332C166%2041.1135%20162.208%2037.3333%20157.574%2037.3333L124.276%2037.3323Z'%20fill='url(%23paint0_linear_934_14487)'/%3e%3cdefs%3e%3clinearGradient%20id='paint0_linear_934_14487'%20x1='0'%20y1='27.999'%20x2='166'%20y2='27.999'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23E9C573'/%3e%3cstop%20offset='0.307'%20stop-color='%23E2B666'/%3e%3cstop%20offset='1'%20stop-color='%23D69A4C'/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    right: 1rem;
    bottom: 2.5rem;
    z-index: 0;
    animation: cloudFloat3 8s ease-in-out infinite;
  }
}
#footer {
  position: relative;
  z-index: 2;
  width: 100%;
  background-color: var(--color-black);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  overflow-x: hidden;
  gap: 2rem;
  padding: 2.5rem 1.25rem;
}

.footer-logo {
  display: grid;
  grid-template-columns: auto auto;
  gap: 1.5rem;
  justify-content: center;
  max-width: 360px;
}

.footer-aside {
  display: flex;
  gap: 1.5rem;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.footer-aside__linkList {
  text-align: center;
}
.footer-aside__linkList a {
  font-size: 0.75rem;
  color: #fff;
  padding: 0 0.5rem;
  position: relative;
  letter-spacing: 0.075rem;
}
.footer-aside__linkList a::after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  height: 1rem;
  width: 0.075rem;
  background-color: var(--color-white);
}

.footer-aside__lnc {
  text-align: center;
  font-size: 0.5rem;
  color: var(--color-white);
}