@charset "UTF-8"; /*! destyle.css v1.0.15 | MIT License | https://github.com/nicolas-cusan/destyle.css */
* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
::after,
::before {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
}
html {
  line-height: 1;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: transparent;
}
body {
  margin: 0;
}
main {
  display: block;
}
address,
blockquote,
dl,
figure,
form,
iframe,
p,
pre,
table {
  margin: 0;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  line-height: inherit;
  font-weight: inherit;
  margin: 0;
}
ol,
ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
dt {
  font-weight: 700;
}
dd {
  margin-left: 0;
}
hr {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
  overflow: visible;
  border: 0;
  border-top: 1px solid;
  margin: 0;
  clear: both;
  color: inherit;
}
pre {
  font-family: monospace, monospace;
  font-size: inherit;
}
address {
  font-style: inherit;
}
a {
  background-color: transparent;
  text-decoration: none;
  color: inherit;
}
abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
}
b,
strong {
  font-weight: bolder;
}
code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: inherit;
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
img {
  border-style: none;
  vertical-align: bottom;
}
embed,
iframe,
object {
  border: 0;
  vertical-align: bottom;
}
button,
input,
optgroup,
select,
textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  vertical-align: middle;
  color: inherit;
  font: inherit;
  border: 0;
  background: 0 0;
  padding: 0;
  margin: 0;
  outline: 0;
  border-radius: 0;
  text-align: inherit;
}
[type="checkbox"] {
  -webkit-appearance: checkbox;
  -moz-appearance: checkbox;
  appearance: checkbox;
}
[type="radio"] {
  -webkit-appearance: radio;
  -moz-appearance: radio;
  appearance: radio;
}
button,
input {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
[type="button"],
[type="reset"],
[type="submit"],
button {
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
[type="button"][disabled],
[type="reset"][disabled],
[type="submit"][disabled],
button[disabled] {
  cursor: default;
}
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner,
button::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring,
button:-moz-focusring {
  outline: 1px dotted ButtonText;
}
select::-ms-expand {
  display: none;
}
option {
  padding: 0;
}
fieldset {
  margin: 0;
  padding: 0;
  border: 0;
  min-width: 0;
}
legend {
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}
progress {
  vertical-align: baseline;
}
textarea {
  overflow: auto;
}
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
[type="search"] {
  outline-offset: -2px;
}
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}
label[for] {
  cursor: pointer;
}
details {
  display: block;
}
summary {
  display: list-item;
}
[contenteditable] {
  outline: 0;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
caption {
  text-align: left;
}
td,
th {
  vertical-align: top;
  padding: 0;
}
th {
  text-align: left;
  font-weight: 700;
}
template {
  display: none;
}
[hidden] {
  display: none;
}
body {
  min-width: 320px;
  color: #373737;
  font-family: "Noto Sans JP", "Helvetica Neue", Arial,
    "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  background-color: #fff;
  background-repeat: repeat-y, repeat;
  background-position: top center, top center;
  -webkit-font-smoothing: antialiased;
}
@media screen and (min-width: 769px) {
  body {
    background-image: url(../../images/pc/common/bg_pattern.png),
      url(../../images/common/bg_grid.png);
    background-size: 100% auto,
      max(40px, 2.0833333333vw) max(40px, 2.0833333333vw);
  }
}
@media screen and (max-width: 768px) {
  body {
    background-image: url(../../images/sp/common/bg_pattern.png),
      url(../../images/common/bg_grid.png);
    background-size: 100% auto, 10.4166666667vw 10.4166666667vw;
    -webkit-text-size-adjust: 100%;
    -webkit-overflow-scrolling: touch;
  }
}
body.fixed {
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  overflow-y: scroll;
}
body.hidden {
  overflow: hidden;
}
a {
  text-decoration: none;
  outline: 0;
  -webkit-tap-highlight-color: transparent;
}
img {
  width: 100%;
  height: auto;
  pointer-events: none;
}
img.rendering {
  image-rendering: -webkit-optimize-contrast;
}
_::-webkit-full-page-media,
_:future,
:root img.rendering {
  image-rendering: auto;
}
@media screen and (max-width: 768px) {
  .pc_i {
    display: none !important;
  }
}
.sp_i {
  display: none !important;
}
@media screen and (max-width: 768px) {
  .sp_i {
    display: inline !important;
  }
}
@media screen and (max-width: 768px) {
  .pc_b {
    display: none !important;
  }
}
.sp_b {
  display: none !important;
}
@media screen and (max-width: 768px) {
  .sp_b {
    display: block !important;
  }
}
.svg {
  display: inline-block;
  font-size: 0;
}
.st-Header {
  top: 0;
  right: 0;
  left: 0;
  z-index: 1000;
  pointer-events: none;
}
@media screen and (min-width: 1281px) {
  .st-Header {
    position: fixed;
  }
}
@media screen and (max-width: 1280px) {
  .st-Header {
    position: absolute;
  }
}
@media screen and (min-width: 1025px) {
  .st-Header .container {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    height: max(96px, 5vw);
    padding: 0 max(40px, 2.0833333333vw) 0 max(30px, 1.5625vw);
    background-color: rgba(255, 255, 255, 0);
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  .st-Header .container {
    padding: 30px;
  }
}
@media screen and (max-width: 768px) {
  .st-Header .container {
    padding: 3.90625vw;
  }
}
.st-Header .logo {
  pointer-events: auto;
}
@media screen and (min-width: 769px) {
  .st-Header .logo {
    position: relative;
    top: min(-3px, -0.15625vw);
    width: max(200px, 10.4166666667vw);
  }
}
@media screen and (max-width: 768px) {
  .st-Header .logo {
    width: 39.0625vw;
  }
}
.st-Header .logo a {
  display: block;
}
@media (any-hover: hover) {
  .st-Header .logo a {
    opacity: 1;
    -webkit-transition: opacity 0.35s;
    transition: opacity 0.35s;
    will-change: opacity;
  }
  .st-Header .logo a:hover {
    opacity: 0.7;
  }
}
@media screen and (min-width: 1281px) {
  .st-Header .container {
    -webkit-transition: height 0.35s, background-color 0.35s;
    transition: height 0.35s, background-color 0.35s;
  }
  .st-Header .logo {
    -webkit-transition: top 0.35s, width 0.35s;
    transition: top 0.35s, width 0.35s;
  }
  .st-Header.shorten .container {
    height: max(70px, 3.6458333333vw);
    background-color: rgba(255, 255, 255, 0.8);
  }
  .st-Header.shorten .logo {
    top: 0;
    width: max(180px, 9.375vw);
  }
}
@media screen and (min-width: 1281px) {
  .st-Header .nav-wrapper {
    margin-left: auto;
  }
}
@media screen and (max-width: 1280px) {
  .st-Header .nav-wrapper {
    position: fixed;
    inset: 0;
    opacity: 0;
  }
  .st-Header .nav-wrapper.closing,
  .st-Header .nav-wrapper.opening {
    -webkit-transition: opacity 0.35s;
    transition: opacity 0.35s;
  }
  .st-Header .nav-wrapper.opened {
    opacity: 1;
    overflow-y: auto;
    height: 100%;
    pointer-events: auto;
  }
}
@media screen and (max-width: 1280px) {
  .st-Header .nav-container {
    min-height: 100%;
    background-color: #fff;
    background-repeat: no-repeat, no-repeat, repeat-y, repeat;
    background-position: top center, bottom center, top center, top center;
  }
}
@media screen and (min-width: 769px) and (max-width: 1280px) {
  .st-Header .nav-container {
    padding: 30px 30px 120px;
    background-image: url(../../images/pc/common/bg_menu_top.png),
      url(../../images/pc/common/bg_pattern.png),
      url(../../images/common/bg_grid.png);
    background-size: 100% auto, 100% auto, 40px 40px;
  }
}
@media screen and (max-width: 768px) {
  .st-Header .nav-container {
    padding: 3.90625vw 3.90625vw 20.8333333333vw;
    background-image: url(../../images/sp/common/bg_menu_top.png),
      url(../../images/sp/common/bg_menu_bottom.png),
      url(../../images/sp/common/bg_pattern.png),
      url(../../images/common/bg_grid.png);
    background-size: 100% auto, 100% auto, 100% auto,
      10.4166666667vw 10.4166666667vw;
  }
}
@media screen and (min-width: 1281px) {
  .st-Header nav {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
  }
}
@media screen and (min-width: 1281px) {
  .st-Header nav .nav-logo {
    display: none;
  }
}
@media screen and (min-width: 769px) and (max-width: 1280px) {
  .st-Header nav .nav-logo {
    width: 284px;
    margin-bottom: 80px;
  }
}
@media screen and (max-width: 768px) {
  .st-Header nav .nav-logo {
    width: 50.78125vw;
    margin-bottom: 17.96875vw;
  }
}
.st-Header nav .nav-logo a {
  display: block;
}
@media (any-hover: hover) {
  .st-Header nav .nav-logo a {
    opacity: 1;
    -webkit-transition: opacity 0.35s;
    transition: opacity 0.35s;
    will-change: opacity;
  }
  .st-Header nav .nav-logo a:hover {
    opacity: 0.7;
  }
}
@media screen and (max-width: 1280px) {
  .st-Header nav ul {
    margin: 0 auto;
  }
}
@media screen and (min-width: 769px) and (max-width: 1280px) {
  .st-Header nav ul {
    width: 480px;
  }
}
@media screen and (max-width: 768px) {
  .st-Header nav ul {
    width: 75.5208333333vw;
  }
}
@media screen and (min-width: 1281px) {
  .st-Header nav ul.main {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    margin-right: max(18px, 1.875vw);
    padding-right: max(18px, 1.875vw);
    border-right: max(2px, 0.1041666667vw) solid rgba(179, 179, 179, 0.4);
  }
  .st-Header nav ul.main li + li {
    margin-left: max(23px, 2.3958333333vw);
  }
}
@media screen and (max-width: 1280px) {
  .st-Header nav ul.main {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (min-width: 769px) and (max-width: 1280px) {
  .st-Header nav ul.main {
    gap: 30px 60px;
    margin-bottom: 18px;
    padding-bottom: 28px;
    border-bottom: 2px solid #f3f3f3;
  }
}
@media screen and (max-width: 768px) {
  .st-Header nav ul.main {
    gap: 4.6875vw 13.0208333333vw;
    margin-bottom: 2.34375vw;
    padding-bottom: 3.6458333333vw;
    border-bottom: 0.2604166667vw solid #f3f3f3;
  }
}
@media screen and (min-width: 769px) and (max-width: 1280px) {
  .st-Header nav ul.member {
    margin-bottom: 80px;
  }
}
@media screen and (max-width: 768px) {
  .st-Header nav ul.member {
    margin-bottom: 14.3229166667vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1280px) {
  .st-Header nav ul.member > li > a {
    margin-bottom: 22px;
  }
}
@media screen and (max-width: 768px) {
  .st-Header nav ul.member > li > a {
    margin-bottom: 1.8229166667vw;
  }
}
@media screen and (min-width: 1281px) {
  .st-Header nav ul.main > li,
  .st-Header nav ul.member > li {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    height: max(36px, 2.0833333333vw);
  }
}
@media screen and (min-width: 1281px) {
  .st-Header nav ul.main > li a:not(.sub-link),
  .st-Header nav ul.member > li a:not(.sub-link) {
    pointer-events: auto;
  }
}
@media screen and (max-width: 1280px) {
  .st-Header nav ul.main > li a:not(.sub-link),
  .st-Header nav ul.member > li a:not(.sub-link) {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
  }
}
@media screen and (min-width: 769px) and (max-width: 1280px) {
  .st-Header nav ul.main > li a:not(.sub-link),
  .st-Header nav ul.member > li a:not(.sub-link) {
    height: 40px;
  }
}
@media screen and (max-width: 768px) {
  .st-Header nav ul.main > li a:not(.sub-link),
  .st-Header nav ul.member > li a:not(.sub-link) {
    height: 10.4166666667vw;
  }
}
.st-Header nav ul.main > li a:not(.sub-link) span,
.st-Header nav ul.member > li a:not(.sub-link) span {
  font-weight: 700;
  letter-spacing: 0.12em;
  white-space: nowrap;
}
@media screen and (min-width: 1281px) {
  .st-Header nav ul.main > li a:not(.sub-link) span,
  .st-Header nav ul.member > li a:not(.sub-link) span {
    font-size: max(14.4px, 0.8333333333vw);
  }
}
@media screen and (min-width: 769px) and (max-width: 1280px) {
  .st-Header nav ul.main > li a:not(.sub-link) span,
  .st-Header nav ul.member > li a:not(.sub-link) span {
    font-size: 24px;
  }
}
@media screen and (max-width: 768px) {
  .st-Header nav ul.main > li a:not(.sub-link) span,
  .st-Header nav ul.member > li a:not(.sub-link) span {
    font-size: 4.1666666667vw;
  }
}
@media (any-hover: hover) {
  .st-Header nav ul.main > li a:not(.sub-link) span,
  .st-Header nav ul.member > li a:not(.sub-link) span {
    -webkit-transition: color 0.2s;
    transition: color 0.2s;
  }
  .st-Header nav ul.main > li a:not(.sub-link):hover span,
  .st-Header nav ul.member > li a:not(.sub-link):hover span {
    color: #ff7596;
  }
}
.st-Header nav ul.main > li a:not(.sub-link).current span,
.st-Header nav ul.member > li a:not(.sub-link).current span {
  position: relative;
  z-index: 0;
}
.st-Header nav ul.main > li a:not(.sub-link).current span::before,
.st-Header nav ul.member > li a:not(.sub-link).current span::before {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: -1;
  background-image: url(../../images/common/bg_menu_current.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  content: "";
}
@media screen and (min-width: 1281px) {
  .st-Header nav ul.main > li a:not(.sub-link).current span::before,
  .st-Header nav ul.member > li a:not(.sub-link).current span::before {
    bottom: min(-4.5px, -0.2604166667vw);
    width: max(72px, 4.1666666667vw);
    height: max(14.4px, 0.8333333333vw);
  }
}
@media screen and (min-width: 769px) and (max-width: 1280px) {
  .st-Header nav ul.main > li a:not(.sub-link).current span::before,
  .st-Header nav ul.member > li a:not(.sub-link).current span::before {
    bottom: -10px;
    width: 102px;
    height: 20px;
  }
}
@media screen and (max-width: 768px) {
  .st-Header nav ul.main > li a:not(.sub-link).current span::before,
  .st-Header nav ul.member > li a:not(.sub-link).current span::before {
    bottom: -1.8229166667vw;
    width: 18.2291666667vw;
    height: 3.6458333333vw;
  }
}
@media screen and (min-width: 1281px) {
  .st-Header nav ul.member-sub {
    display: none;
  }
}
@media screen and (max-width: 1280px) {
  .st-Header nav ul.member-sub {
    display: grid;
    grid-template-columns: auto auto auto;
  }
}
@media screen and (min-width: 769px) and (max-width: 1280px) {
  .st-Header nav ul.member-sub {
    gap: 30px 60px;
  }
}
@media screen and (max-width: 768px) {
  .st-Header nav ul.member-sub {
    gap: 4.6875vw 7.8125vw;
  }
}
@media screen and (max-width: 1280px) {
  .st-Header nav ul.member-sub a {
    color: rgba(55, 55, 55, 0.6);
    font-weight: 700;
    letter-spacing: 0.06em;
    white-space: nowrap;
  }
}
@media screen and (min-width: 769px) and (max-width: 1280px) {
  .st-Header nav ul.member-sub a {
    font-size: 18px;
  }
}
@media screen and (max-width: 768px) {
  .st-Header nav ul.member-sub a {
    font-size: 3.125vw;
  }
}
.st-Header nav ul.member-sub a.current {
  color: #ff7596;
}
@media (any-hover: hover) {
  .st-Header nav ul.member-sub a {
    -webkit-transition: color 0.2s;
    transition: color 0.2s;
  }
  .st-Header nav ul.member-sub a:hover {
    color: #ff7596;
  }
}
@media screen and (min-width: 1281px) {
  .st-Header nav a.sw-Button_Register {
    display: none;
  }
}
@media screen and (max-width: 1280px) {
  .st-Header nav a.sw-Button_Register {
    margin: 0 auto;
  }
}
@media screen and (min-width: 769px) and (max-width: 1280px) {
  .st-Header nav a.sw-Button_Register {
    width: 540px;
    height: 110px;
    padding-left: 88px;
    font-size: 32px;
  }
}
@media screen and (max-width: 768px) {
  .st-Header nav a.sw-Button_Register {
    width: 76.8229166667vw;
    padding-left: 15.7552083333vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1280px) {
  .st-Header nav a.sw-Button_Register span.icon {
    margin-left: 50px;
  }
}
@media screen and (max-width: 768px) {
  .st-Header nav a.sw-Button_Register span.icon {
    margin-left: 6.5104166667vw;
  }
}
@media screen and (min-width: 1281px) {
  .st-Header button[name="menu"] {
    display: none;
  }
}
@media screen and (max-width: 1280px) {
  .st-Header button[name="menu"] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    position: fixed;
    right: 0;
    font-size: 0;
    background-image: url(/assets/bg_button_menu.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    pointer-events: auto;
  }
}
@media screen and (min-width: 769px) and (max-width: 1280px) {
  .st-Header button[name="menu"] {
    top: 20px;
    width: 96px;
    height: 80px;
    padding-top: 26px;
    padding-left: 41px;
  }
}
@media screen and (max-width: 768px) {
  .st-Header button[name="menu"] {
    top: 3.90625vw;
    width: 16.9270833333vw;
    height: 14.3229166667vw;
    padding-top: 4.6875vw;
    padding-left: 7.2916666667vw;
  }
}
@media screen and (max-width: 1280px) {
  .st-Header button[name="menu"] span.menubar {
    display: block;
    position: relative;
  }
}
@media screen and (min-width: 769px) and (max-width: 1280px) {
  .st-Header button[name="menu"] span.menubar {
    width: 32px;
    height: 12px;
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 768px) {
  .st-Header button[name="menu"] span.menubar {
    width: 5.7291666667vw;
    height: 2.0833333333vw;
    margin-bottom: 1.953125vw;
  }
}
@media screen and (max-width: 1280px) {
  .st-Header button[name="menu"] span.menubar::after,
  .st-Header button[name="menu"] span.menubar::before {
    position: absolute;
    background-color: #fff;
    content: "";
    -webkit-transition: top 0.35s, -webkit-transform 0.35s;
    transition: top 0.35s, -webkit-transform 0.35s;
    transition: top 0.35s, transform 0.35s;
    transition: top 0.35s, transform 0.35s, -webkit-transform 0.35s;
  }
}
@media screen and (min-width: 769px) and (max-width: 1280px) {
  .st-Header button[name="menu"] span.menubar::after,
  .st-Header button[name="menu"] span.menubar::before {
    width: 32px;
    height: 2px;
    border-radius: 1px;
  }
}
@media screen and (max-width: 768px) {
  .st-Header button[name="menu"] span.menubar::after,
  .st-Header button[name="menu"] span.menubar::before {
    width: 5.7291666667vw;
    height: 0.390625vw;
    border-radius: 0.1953125vw;
  }
}
.st-Header button[name="menu"] span.menubar::before {
  top: 0;
}
@media screen and (min-width: 769px) and (max-width: 1280px) {
  .st-Header button[name="menu"] span.menubar::after {
    top: 10px;
  }
}
@media screen and (max-width: 768px) {
  .st-Header button[name="menu"] span.menubar::after {
    top: 1.6927083333vw;
  }
}
@media screen and (max-width: 1280px) {
  .st-Header button[name="menu"] span.text {
    display: block;
  }
}
@media screen and (min-width: 769px) and (max-width: 1280px) {
  .st-Header button[name="menu"] span.text {
    width: 32px;
  }
}
@media screen and (max-width: 768px) {
  .st-Header button[name="menu"] span.text {
    width: 5.7291666667vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1280px) {
  .st-Header button[name="menu"].opened span.menubar::after,
  .st-Header button[name="menu"].opened span.menubar::before {
    top: 5px;
  }
}
@media screen and (max-width: 768px) {
  .st-Header button[name="menu"].opened span.menubar::after,
  .st-Header button[name="menu"].opened span.menubar::before {
    top: 0.8463541667vw;
  }
}
.st-Header button[name="menu"].opened span.menubar::before {
  -webkit-transform: rotate(20deg);
  transform: rotate(20deg);
}
.st-Header button[name="menu"].opened span.menubar::after {
  -webkit-transform: rotate(-20deg);
  transform: rotate(-20deg);
}
.st-Footer {
  position: relative;
}
@media screen and (min-width: 769px) {
  .st-Footer {
    background-image: -webkit-gradient(
      linear,
      left top,
      left bottom,
      from(rgba(255, 250, 251, 0)),
      to(#fde8ed)
    );
    background-image: -webkit-linear-gradient(rgba(255, 250, 251, 0), #fde8ed);
    background-image: linear-gradient(rgba(255, 250, 251, 0), #fde8ed);
  }
}
@media screen and (max-width: 768px) {
  .st-Footer {
    background-image: -webkit-gradient(
      linear,
      left top,
      left bottom,
      color-stop(0, rgba(253, 232, 237, 0)),
      color-stop(20%, rgba(253, 232, 237, 0.5)),
      to(#fde8ed)
    );
    background-image: -webkit-linear-gradient(
      rgba(253, 232, 237, 0) 0,
      rgba(253, 232, 237, 0.5) 20%,
      #fde8ed 100%
    );
    background-image: linear-gradient(
      rgba(253, 232, 237, 0) 0,
      rgba(253, 232, 237, 0.5) 20%,
      #fde8ed 100%
    );
  }
}
.st-Footer .container {
  margin: 0 auto;
}
@media screen and (min-width: 769px) {
  .st-Footer .container {
    width: max(1200px, 62.5vw);
    padding-bottom: max(55px, 2.8645833333vw);
  }
}
@media screen and (max-width: 768px) {
  .st-Footer .container {
    width: 92.1875vw;
    border-top: 1px solid #ececec;
    padding-bottom: 9.375vw;
  }
}
.st-Footer .footer-upper {
  margin: 0 auto;
}
@media screen and (min-width: 769px) {
  .st-Footer .footer-upper {
    width: max(960px, 50vw);
    margin-bottom: max(90px, 4.6875vw);
  }
}
@media screen and (max-width: 768px) {
  .st-Footer .footer-upper {
    width: 75.5208333333vw;
    margin-bottom: 15.3645833333vw;
    padding-top: 7.5520833333vw;
  }
}
@media screen and (min-width: 769px) {
  .st-Footer .footer-upper nav {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    align-items: flex-end;
  }
}
.st-Footer .footer-upper nav ul.main {
  display: grid;
}
@media screen and (min-width: 769px) {
  .st-Footer .footer-upper nav ul.main {
    grid-template-columns: auto auto auto auto;
    gap: max(12px, 0.625vw) max(100px, 5.2083333333vw);
  }
}
@media screen and (max-width: 768px) {
  .st-Footer .footer-upper nav ul.main {
    grid-template-columns: repeat(2, 1fr);
    gap: 4.6875vw 13.0208333333vw;
    margin-bottom: 2.34375vw;
    padding-bottom: 3.6458333333vw;
    border-bottom: 1px solid #e8e8e8;
  }
}
@media screen and (min-width: 769px) {
  .st-Footer .footer-upper nav ul.member {
    width: max(208px, 10.8333333333vw);
    margin-left: auto;
  }
}
@media screen and (min-width: 769px) {
  .st-Footer .footer-upper nav ul.member > li {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    border-width: 0 1px;
    border-style: solid;
    border-color: #e8e8e8;
  }
}
@media screen and (max-width: 768px) {
  .st-Footer .footer-upper nav ul.member > li > a {
    margin-bottom: 1.8229166667vw;
  }
}
@media screen and (min-width: 769px) {
  .st-Footer .footer-upper nav ul.main > li,
  .st-Footer .footer-upper nav ul.member > li {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    height: max(34px, 1.7708333333vw);
  }
}
@media screen and (max-width: 768px) {
  .st-Footer .footer-upper nav ul.main > li a:not(.sub-link),
  .st-Footer .footer-upper nav ul.member > li a:not(.sub-link) {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    height: 10.4166666667vw;
  }
}
.st-Footer .footer-upper nav ul.main > li a:not(.sub-link) span,
.st-Footer .footer-upper nav ul.member > li a:not(.sub-link) span {
  font-weight: 700;
  letter-spacing: 0.12em;
  white-space: nowrap;
}
@media screen and (min-width: 769px) {
  .st-Footer .footer-upper nav ul.main > li a:not(.sub-link) span,
  .st-Footer .footer-upper nav ul.member > li a:not(.sub-link) span {
    font-size: max(16px, 0.8333333333vw);
  }
}
@media screen and (max-width: 768px) {
  .st-Footer .footer-upper nav ul.main > li a:not(.sub-link) span,
  .st-Footer .footer-upper nav ul.member > li a:not(.sub-link) span {
    font-size: 4.1666666667vw;
  }
}
@media (any-hover: hover) {
  .st-Footer .footer-upper nav ul.main > li a:not(.sub-link) span,
  .st-Footer .footer-upper nav ul.member > li a:not(.sub-link) span {
    -webkit-transition: color 0.2s;
    transition: color 0.2s;
  }
  .st-Footer .footer-upper nav ul.main > li a:not(.sub-link):hover span,
  .st-Footer .footer-upper nav ul.member > li a:not(.sub-link):hover span {
    color: #ff7596;
  }
}
.st-Footer .footer-upper nav ul.main > li a:not(.sub-link).current span,
.st-Footer .footer-upper nav ul.member > li a:not(.sub-link).current span {
  position: relative;
}
.st-Footer .footer-upper nav ul.main > li a:not(.sub-link).current span::before,
.st-Footer
  .footer-upper
  nav
  ul.member
  > li
  a:not(.sub-link).current
  span::before {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: -1;
  background-image: url(../../images/common/bg_menu_current.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  content: "";
}
@media screen and (min-width: 769px) {
  .st-Footer
    .footer-upper
    nav
    ul.main
    > li
    a:not(.sub-link).current
    span::before,
  .st-Footer
    .footer-upper
    nav
    ul.member
    > li
    a:not(.sub-link).current
    span::before {
    bottom: min(-3px, -0.15625vw);
    width: max(72px, 3.75vw);
    height: max(14px, 0.7291666667vw);
  }
}
@media screen and (max-width: 768px) {
  .st-Footer
    .footer-upper
    nav
    ul.main
    > li
    a:not(.sub-link).current
    span::before,
  .st-Footer
    .footer-upper
    nav
    ul.member
    > li
    a:not(.sub-link).current
    span::before {
    bottom: -1.8229166667vw;
    width: 18.2291666667vw;
    height: 3.6458333333vw;
  }
}
@media screen and (min-width: 769px) {
  .st-Footer .footer-upper nav ul.member-sub {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .st-Footer .footer-upper nav ul.member-sub {
    display: grid;
    grid-template-columns: auto auto auto;
    gap: 4.6875vw 7.8125vw;
  }
}
@media screen and (max-width: 1280px) {
  .st-Footer .footer-upper nav ul.member-sub a {
    color: rgba(55, 55, 55, 0.6);
    font-size: 3.125vw;
    font-weight: 700;
    letter-spacing: 0.06em;
    white-space: nowrap;
  }
}
.st-Footer .footer-upper nav ul.member-sub a.current {
  color: #ff7596;
}
@media (any-hover: hover) {
  .st-Footer .footer-upper nav ul.member-sub a {
    -webkit-transition: color 0.2s;
    transition: color 0.2s;
  }
  .st-Footer .footer-upper nav ul.member-sub a:hover {
    color: #ff7596;
  }
}
@media screen and (min-width: 769px) {
  .st-Footer .footer-middle {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    align-items: flex-end;
    width: max(670px, 34.8958333333vw);
    margin: 0 auto max(90px, 4.6875vw);
  }
}
@media screen and (max-width: 768px) {
  .st-Footer .footer-middle {
    margin-bottom: 14.3229166667vw;
  }
}
@media screen and (min-width: 769px) {
  .st-Footer .footer-middle .logo {
    width: max(310px, 16.1458333333vw);
  }
}
@media screen and (max-width: 768px) {
  .st-Footer .footer-middle .logo {
    width: 52.0833333333vw;
    margin: 0 auto 9.1145833333vw;
  }
}
.st-Footer .footer-middle .logo a {
  display: block;
}
@media (any-hover: hover) {
  .st-Footer .footer-middle .logo a {
    opacity: 1;
    -webkit-transition: opacity 0.35s;
    transition: opacity 0.35s;
    will-change: opacity;
  }
  .st-Footer .footer-middle .logo a:hover {
    opacity: 0.7;
  }
}
@media screen and (min-width: 769px) {
  .st-Footer .footer-middle .official-account {
    margin-left: auto;
  }
}
.st-Footer .footer-middle .official-account p {
  font-weight: 500;
  letter-spacing: 0.08em;
  text-align: center;
}
@media screen and (min-width: 769px) {
  .st-Footer .footer-middle .official-account p {
    margin-bottom: max(20px, 1.0416666667vw);
    font-size: max(14px, 0.7291666667vw);
  }
}
@media screen and (max-width: 768px) {
  .st-Footer .footer-middle .official-account p {
    margin-bottom: 5.2083333333vw;
    font-size: 2.8645833333vw;
  }
}
.st-Footer .footer-middle .official-account ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
}
@media screen and (max-width: 768px) {
  .st-Footer .footer-middle .official-account ul {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
  }
}
@media screen and (min-width: 769px) {
  .st-Footer .footer-middle .official-account ul li + li {
    margin-left: max(14px, 0.7291666667vw);
  }
}
@media screen and (max-width: 768px) {
  .st-Footer .footer-middle .official-account ul li + li {
    margin-left: 2.6041666667vw;
  }
}
.st-Footer .footer-middle .official-account ul li a {
  display: block;
}
@media (any-hover: hover) {
  .st-Footer .footer-middle .official-account ul li a {
    opacity: 1;
    -webkit-transition: opacity 0.35s;
    transition: opacity 0.35s;
    will-change: opacity;
  }
  .st-Footer .footer-middle .official-account ul li a:hover {
    opacity: 0.7;
  }
}
@media screen and (min-width: 769px) {
  .st-Footer .footer-middle .official-account ul li a {
    width: max(64px, 3.3333333333vw);
  }
}
@media screen and (max-width: 768px) {
  .st-Footer .footer-middle .official-account ul li a {
    width: 14.3229166667vw;
  }
}
@media screen and (min-width: 769px) {
  .st-Footer .footer-banner {
    margin-bottom: max(90px, 4.6875vw);
  }
}
@media screen and (max-width: 768px) {
  .st-Footer .footer-banner {
    margin-bottom: 10.4166666667vw;
  }
}
.st-Footer .footer-banner ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
@media screen and (min-width: 769px) {
  .st-Footer .footer-banner ul {
    margin: 0 min(-5px, -0.2604166667vw) min(-10px, -0.5208333333vw);
  }
}
@media screen and (max-width: 768px) {
  .st-Footer .footer-banner ul {
    margin: 0 -1.3020833333vw -2.6041666667vw;
  }
}
@media screen and (min-width: 769px) {
  .st-Footer .footer-banner ul li {
    width: max(242px, 12.6041666667vw);
    padding: 0 max(5px, 0.2604166667vw) max(10px, 0.5208333333vw);
  }
}
@media screen and (max-width: 768px) {
  .st-Footer .footer-banner ul li {
    width: 50%;
    padding: 0 1.3020833333vw 2.6041666667vw;
  }
}
.st-Footer .footer-banner ul li a {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  overflow: hidden;
  border: 1px solid #ececec;
  background-color: #fff;
}
@media screen and (min-width: 769px) {
  .st-Footer .footer-banner ul li a {
    height: max(58px, 3.0208333333vw);
    border-radius: max(6px, 0.3125vw);
  }
}
@media screen and (max-width: 768px) {
  .st-Footer .footer-banner ul li a {
    height: 11.1979166667vw;
    border-radius: 0.78125vw;
  }
}
@media (any-hover: hover) {
  .st-Footer .footer-banner ul li a img {
    -webkit-transition: opacity 0.35s;
    transition: opacity 0.35s;
  }
  .st-Footer .footer-banner ul li a:hover img {
    opacity: 0.7;
  }
}
@media screen and (min-width: 769px) {
  .st-Footer .footer-banner ul li a img[src*="logo_live2d"] {
    width: max(190px, 9.8958333333vw);
  }
}
@media screen and (max-width: 768px) {
  .st-Footer .footer-banner ul li a img[src*="logo_live2d"] {
    width: 36.71875vw;
  }
}
@media screen and (min-width: 769px) {
  .st-Footer .footer-banner ul li a img[src*="logo_cubism"] {
    width: max(160px, 8.3333333333vw);
  }
}
@media screen and (max-width: 768px) {
  .st-Footer .footer-banner ul li a img[src*="logo_cubism"] {
    width: 30.9895833333vw;
  }
}
@media screen and (min-width: 769px) {
  .st-Footer .footer-banner ul li a img[src*="logo_live2dcs"] {
    width: max(100px, 5.2083333333vw);
  }
}
@media screen and (max-width: 768px) {
  .st-Footer .footer-banner ul li a img[src*="logo_live2dcs"] {
    width: 19.2708333333vw;
  }
}
@media screen and (min-width: 769px) {
  .st-Footer .footer-banner ul li a img[src*="logo_nizima"] {
    width: max(102px, 5.3125vw);
  }
}
@media screen and (max-width: 768px) {
  .st-Footer .footer-banner ul li a img[src*="logo_nizima"] {
    width: 19.7916666667vw;
  }
}
@media screen and (min-width: 769px) {
  .st-Footer .footer-lower {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
  }
}
@media screen and (max-width: 768px) {
  .st-Footer .footer-lower .footer-link {
    width: 69.0104166667vw;
    margin: 0 auto 7.8125vw;
  }
}
@media screen and (min-width: 769px) {
  .st-Footer .footer-lower .footer-link ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
  }
}
@media screen and (max-width: 768px) {
  .st-Footer .footer-lower .footer-link ul {
    display: grid;
    grid-template-columns: 41.6666666667vw auto;
    gap: 2.6041666667vw 0;
  }
}
.st-Footer .footer-lower .footer-link ul li {
  font-size: 0;
}
@media screen and (min-width: 769px) {
  .st-Footer .footer-lower .footer-link ul li {
    height: max(22px, 1.1458333333vw);
    padding: max(1px, 0.0520833333vw) max(26px, 1.3541666667vw) 0;
    border-left: 1px solid rgba(55, 55, 55, 0.1);
  }
  .st-Footer .footer-lower .footer-link ul li:last-child {
    border-right: 1px solid rgba(55, 55, 55, 0.1);
  }
}
@media screen and (max-width: 768px) {
  .st-Footer .footer-lower .footer-link ul li {
    height: 4.1666666667vw;
    padding-top: 0.6510416667vw;
    border-left: 0.2604166667vw solid rgba(55, 55, 55, 0.1);
    text-align: center;
  }
  .st-Footer .footer-lower .footer-link ul li:nth-child(even) {
    border-right: 0.2604166667vw solid rgba(55, 55, 55, 0.1);
  }
}
.st-Footer .footer-lower .footer-link ul li a {
  color: rgba(55, 55, 55, 0.5);
  font-weight: 500;
  letter-spacing: 0.08em;
}
@media (any-hover: hover) {
  .st-Footer .footer-lower .footer-link ul li a {
    opacity: 1;
    -webkit-transition: opacity 0.35s;
    transition: opacity 0.35s;
    will-change: opacity;
  }
  .st-Footer .footer-lower .footer-link ul li a:hover {
    opacity: 0.7;
  }
}
@media screen and (min-width: 769px) {
  .st-Footer .footer-lower .footer-link ul li a {
    font-size: max(14px, 0.7291666667vw);
  }
}
@media screen and (max-width: 768px) {
  .st-Footer .footer-lower .footer-link ul li a {
    font-size: 2.6041666667vw;
  }
}
.st-Footer .footer-lower p.copyright {
  color: rgba(55, 55, 55, 0.3);
  font-weight: 500;
  letter-spacing: 0.08em;
}
@media screen and (min-width: 769px) {
  .st-Footer .footer-lower p.copyright {
    margin-left: auto;
    font-size: max(12px, 0.625vw);
  }
}
@media screen and (max-width: 768px) {
  .st-Footer .footer-lower p.copyright {
    font-size: 2.34375vw;
    text-align: center;
  }
}
.st-Footer .page-top {
  position: absolute;
}
@media screen and (min-width: 769px) {
  .st-Footer .page-top {
    bottom: max(50px, 2.6041666667vw);
    right: max(50px, 2.6041666667vw);
  }
}
@media screen and (max-width: 768px) {
  .st-Footer .page-top {
    bottom: 3.90625vw;
    right: 3.90625vw;
  }
}
.st-Footer .page-top a {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  background-color: #ff7596;
}
@media screen and (min-width: 769px) {
  .st-Footer .page-top a {
    width: max(60px, 3.125vw);
    height: max(60px, 3.125vw);
    border-radius: max(10px, 0.5208333333vw);
  }
}
@media screen and (max-width: 768px) {
  .st-Footer .page-top a {
    width: 13.0208333333vw;
    height: 13.0208333333vw;
    border-radius: 1.3020833333vw;
  }
}
@media (any-hover: hover) {
  .st-Footer .page-top a {
    -webkit-transition: -webkit-transform 0.35s;
    transition: -webkit-transform 0.35s;
    transition: transform 0.35s;
    transition: transform 0.35s, -webkit-transform 0.35s;
  }
}
@media screen and (any-hover: hover) and (min-width: 769px) {
  .st-Footer .page-top a:hover {
    -webkit-transform: translateY(min(-8px, -0.4166666667vw));
    transform: translateY(min(-8px, -0.4166666667vw));
  }
}
@media screen and (any-hover: hover) and (max-width: 768px) {
  .st-Footer .page-top a:hover {
    -webkit-transform: translateY(-1.0416666667vw);
    transform: translateY(-1.0416666667vw);
  }
}
@media screen and (min-width: 769px) {
  .st-Footer .page-top a img {
    width: max(20px, 1.0416666667vw);
  }
}
@media screen and (max-width: 768px) {
  .st-Footer .page-top a img {
    width: 4.4270833333vw;
  }
}
.st-Footer .button-register {
  display: none;
  position: fixed;
  z-index: 100;
}
@media screen and (min-width: 769px) {
  .st-Footer .button-register {
    bottom: max(30px, 1.5625vw);
    right: max(30px, 1.5625vw);
  }
}
@media screen and (max-width: 768px) {
  .st-Footer .button-register {
    bottom: 2.6041666667vw;
    right: 2.6041666667vw;
  }
}
.st-Footer .button-register a {
  display: block;
}
@media screen and (min-width: 769px) {
  .st-Footer .button-register a {
    width: max(210px, 10.9375vw);
  }
}
@media screen and (max-width: 768px) {
  .st-Footer .button-register a {
    width: 26.5625vw;
  }
}
@media (any-hover: hover) {
  .st-Footer .button-register a {
    -webkit-transition: -webkit-transform 0.4s
      cubic-bezier(0.34, -0.93, 0.36, 2.77);
    transition: -webkit-transform 0.4s cubic-bezier(0.34, -0.93, 0.36, 2.77);
    transition: transform 0.4s cubic-bezier(0.34, -0.93, 0.36, 2.77);
    transition: transform 0.4s cubic-bezier(0.34, -0.93, 0.36, 2.77),
      -webkit-transform 0.4s cubic-bezier(0.34, -0.93, 0.36, 2.77);
  }
  .st-Footer .button-register a:hover {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
}
.st-Wrapper {
  overflow-x: hidden;
}
@media screen and (min-width: 769px) and (max-width: 1280px) {
  .st-Wrapper {
    overflow-x: auto;
    width: 1280px;
  }
}
.st-Page_Header {
  position: relative;
}
@media screen and (min-width: 769px) {
  .st-Page_Header {
    padding: max(190px, 9.8958333333vw) 0 max(106px, 5.5208333333vw);
  }
}
@media screen and (max-width: 768px) {
  .st-Page_Header {
    padding: 24.0885416667vw 0 11.0677083333vw;
  }
}
.st-Page_Header::before {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: -1;
  background-repeat: no-repeat;
  background-position: top center;
  background-size: 100% auto;
  content: "";
}
@media screen and (min-width: 769px) {
  .st-Page_Header::before {
    height: max(722px, 37.6041666667vw);
    background-image: url(../../images/pc/common/bg_page_header.png);
  }
}
@media screen and (max-width: 768px) {
  .st-Page_Header::before {
    height: 33.8541666667vw;
    background-image: url(../../images/sp/common/bg_page_header.png);
  }
}
.st-Page_Header .page-title {
  text-align: center;
}
.st-Page_Header .page-title span.title {
  display: inline-block;
  position: relative;
  z-index: 0;
  font-weight: 900;
  letter-spacing: 0.06em;
}
@media screen and (min-width: 769px) {
  .st-Page_Header .page-title span.title {
    font-size: max(50px, 2.6041666667vw);
  }
}
@media screen and (max-width: 768px) {
  .st-Page_Header .page-title span.title {
    font-size: 6.5104166667vw;
  }
}
.st-Page_Header .page-title span.title::before {
  position: absolute;
  z-index: -1;
  border-radius: 100%;
  background-color: #fff1f6;
  content: "";
}
@media screen and (min-width: 769px) {
  .st-Page_Header .page-title span.title::before {
    top: min(-27px, -1.40625vw);
    left: min(-54px, -2.8125vw);
    width: max(110px, 5.7291666667vw);
    height: max(110px, 5.7291666667vw);
  }
}
@media screen and (max-width: 768px) {
  .st-Page_Header .page-title span.title::before {
    top: -3.515625vw;
    left: -5.2083333333vw;
    width: 14.3229166667vw;
    height: 14.3229166667vw;
  }
}
.st-Page_Header .page-title span.title::after {
  position: absolute;
  z-index: -1;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  content: "";
}
.st-News_List ul {
  display: grid;
  margin: 0 auto;
}
@media screen and (min-width: 769px) {
  .st-News_List ul {
    grid-template-columns: repeat(4, 1fr);
    gap: max(40px, 2.0833333333vw);
    width: max(1200px, 62.5vw);
  }
}
@media screen and (max-width: 768px) {
  .st-News_List ul {
    grid-template-columns: repeat(2, 1fr);
    gap: 6.5104166667vw 4.1666666667vw;
    width: 92.1875vw;
  }
}
@media (any-hover: hover) {
  .st-News_List ul li article a .article-media img {
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
  }
  .st-News_List ul li article a .title {
    -webkit-transition: color 0.3s;
    transition: color 0.3s;
  }
  .st-News_List ul li article a:hover .article-media img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  .st-News_List ul li article a:hover .title {
    color: #ff7596;
  }
}
.st-News_List ul li article .article-media {
  position: relative;
  z-index: 0;
  overflow: hidden;
  background-color: #ececec;
  aspect-ratio: 16/9;
}
@media screen and (min-width: 769px) {
  .st-News_List ul li article .article-media {
    margin-bottom: max(16px, 0.8333333333vw);
    border-radius: max(6px, 0.3125vw);
    -webkit-box-shadow: max(6px, 0.3125vw) max(6px, 0.3125vw) 0 #f5d8df;
    box-shadow: max(6px, 0.3125vw) max(6px, 0.3125vw) 0 #f5d8df;
  }
}
@media screen and (max-width: 768px) {
  .st-News_List ul li article .article-media {
    margin-bottom: 2.6041666667vw;
    border-radius: 0.78125vw;
    -webkit-box-shadow: 0.78125vw 0.78125vw 0 #f5d8df;
    box-shadow: 0.78125vw 0.78125vw 0 #f5d8df;
  }
}
.st-News_List ul li article .meta {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
}
@media screen and (min-width: 769px) {
  .st-News_List ul li article .meta {
    margin-bottom: max(10px, 0.5208333333vw);
  }
}
@media screen and (max-width: 768px) {
  .st-News_List ul li article .meta {
    margin-bottom: 1.3020833333vw;
  }
}
.st-News_List ul li article .meta span.date {
  color: #f93866;
  font-family: Montserrat, sans-serif;
  font-weight: 900;
  line-height: 1.2;
  letter-spacing: 0.08em;
}
@media screen and (min-width: 769px) {
  .st-News_List ul li article .meta span.date {
    font-size: max(14px, 0.7291666667vw);
  }
}
@media screen and (max-width: 768px) {
  .st-News_List ul li article .meta span.date {
    font-size: 3.125vw;
  }
}
.st-News_List ul li article .meta span.new {
  margin-left: auto;
  font-size: 0;
}
.st-News_List ul li article .meta span.new span.label {
  display: inline-block;
  color: #fff;
  font-family: Montserrat, sans-serif;
  font-weight: 900;
  letter-spacing: 0.06em;
  text-align: center;
  background-color: #f93866;
}
@media screen and (min-width: 769px) {
  .st-News_List ul li article .meta span.new span.label {
    width: max(40px, 2.0833333333vw);
    padding: max(3px, 0.15625vw) 0 max(2px, 0.1041666667vw);
    border-radius: max(2px, 0.1041666667vw);
    font-size: max(12px, 0.625vw);
  }
}
@media screen and (max-width: 768px) {
  .st-News_List ul li article .meta span.new span.label {
    width: 8.59375vw;
    padding: 0.390625vw 0 0.2604166667vw;
    border-radius: 0.2604166667vw;
    font-size: 2.6041666667vw;
  }
}
.st-News_List ul li article h2,
.st-News_List ul li article h3 {
  font-weight: 500;
  letter-spacing: 0.06em;
}
@media screen and (min-width: 769px) {
  .st-News_List ul li article h2,
  .st-News_List ul li article h3 {
    font-size: max(16px, 0.8333333333vw);
    line-height: 1.6;
  }
}
@media screen and (max-width: 768px) {
  .st-News_List ul li article h2,
  .st-News_List ul li article h3 {
    font-size: 3.125vw;
    line-height: 1.5;
  }
}
.st-News_List ul li article h2 a,
.st-News_List ul li article h3 a {
  border-bottom: 1px solid;
  color: #ff7596;
}
@media (any-hover: hover) {
  .st-News_List ul li article h2 a,
  .st-News_List ul li article h3 a {
    opacity: 1;
    -webkit-transition: opacity 0.35s;
    transition: opacity 0.35s;
    will-change: opacity;
  }
  .st-News_List ul li article h2 a:hover,
  .st-News_List ul li article h3 a:hover {
    opacity: 0.7;
  }
}
.st-Course_List ul.course-list {
  margin: 0 auto;
}
@media screen and (min-width: 769px) {
  .st-Course_List ul.course-list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: max(40px, 2.0833333333vw) max(30px, 1.5625vw);
    width: max(1200px, 62.5vw);
  }
}
@media screen and (max-width: 768px) {
  .st-Course_List ul.course-list {
    width: 84.375vw;
  }
}
@media screen and (max-width: 768px) {
  .st-Course_List ul.course-list li.list-item + li.list-item {
    margin-top: 3.90625vw;
  }
}
.st-Course_List ul.course-list li.list-item article {
  position: relative;
  z-index: 0;
  overflow: hidden;
  background-color: #fff;
}
@media screen and (min-width: 769px) {
  .st-Course_List ul.course-list li.list-item article {
    height: 100%;
    border-radius: max(10px, 0.5208333333vw);
    -webkit-box-shadow: 0 0 max(20px, 1.0416666667vw) rgba(243, 202, 212, 0.4);
    box-shadow: 0 0 max(20px, 1.0416666667vw) rgba(243, 202, 212, 0.4);
  }
}
@media screen and (max-width: 768px) {
  .st-Course_List ul.course-list li.list-item article {
    border-radius: 2.34375vw;
    -webkit-box-shadow: 0 0 2.6041666667vw rgba(243, 202, 212, 0.4);
    box-shadow: 0 0 2.6041666667vw rgba(243, 202, 212, 0.4);
  }
}
.st-Course_List ul.course-list li.list-item article span.new {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  font-size: 0;
}
.st-Course_List ul.course-list li.list-item article span.new span.label {
  display: inline-block;
  color: #fff;
  font-family: Montserrat, sans-serif;
  font-weight: 900;
  letter-spacing: 0.06em;
  text-align: center;
  background-color: #f93866;
}
@media screen and (min-width: 769px) {
  .st-Course_List ul.course-list li.list-item article span.new span.label {
    width: max(60px, 3.125vw);
    height: max(26px, 1.3541666667vw);
    padding-top: max(6px, 0.3125vw);
    border-radius: max(2px, 0.1041666667vw);
    font-size: max(14px, 0.7291666667vw);
  }
}
@media screen and (max-width: 768px) {
  .st-Course_List ul.course-list li.list-item article span.new span.label {
    width: 13.28125vw;
    height: 5.7291666667vw;
    padding-top: 1.3020833333vw;
    border-radius: 0.2604166667vw;
    font-size: 3.125vw;
  }
}
.st-Course_List ul.course-list li.list-item article a.article-link {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
}
@media (any-hover: hover) {
  .st-Course_List
    ul.course-list
    li.list-item
    article
    a.article-link
    + .article-media
    img {
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
  }
  .st-Course_List
    ul.course-list
    li.list-item
    article
    a.article-link
    + .article-media
    + .article-body
    .title {
    -webkit-transition: color 0.3s;
    transition: color 0.3s;
  }
  .st-Course_List
    ul.course-list
    li.list-item
    article
    a.article-link:hover
    + .article-media
    img {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
  }
  .st-Course_List
    ul.course-list
    li.list-item
    article
    a.article-link:hover
    + .article-media
    + .article-body
    .title {
    color: #ff7596;
  }
}
.st-Course_List ul.course-list li.list-item article .article-media {
  overflow: hidden;
  background-color: #ececec;
  aspect-ratio: 16/9;
}
@media screen and (min-width: 769px) {
  .st-Course_List ul.course-list li.list-item article .article-body {
    padding: max(16px, 0.8333333333vw) max(20px, 1.0416666667vw)
      max(30px, 1.5625vw);
  }
}
@media screen and (max-width: 768px) {
  .st-Course_List ul.course-list li.list-item article .article-body {
    padding: 3.3854166667vw 4.4270833333vw 6.5104166667vw;
  }
}
@media screen and (min-width: 769px) {
  .st-Course_List ul.course-list li.list-item article .st-Article_Category {
    margin-bottom: max(16px, 0.8333333333vw);
  }
}
@media screen and (max-width: 768px) {
  .st-Course_List ul.course-list li.list-item article .st-Article_Category {
    margin-bottom: 3.6458333333vw;
  }
}
.st-Course_List ul.course-list li.list-item article .st-Article_Category ul li {
  position: relative;
}
.st-Course_List ul.course-list li.list-item article .title {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  font-weight: 700;
  line-height: 1.6;
  letter-spacing: 0.06em;
}
@media screen and (min-width: 769px) {
  .st-Course_List ul.course-list li.list-item article .title {
    margin-bottom: max(20px, 1.0416666667vw);
    font-size: max(18px, 0.9375vw);
  }
}
@media screen and (max-width: 768px) {
  .st-Course_List ul.course-list li.list-item article .title {
    margin-bottom: 4.4270833333vw;
    font-size: 3.90625vw;
  }
}
.st-Course_List ul.course-list li.list-item article .st-Article_Tag ul li {
  position: relative;
}
.st-Movie_List ul.movie-list {
  display: grid;
  margin: 0 auto;
}
@media screen and (min-width: 769px) {
  .st-Movie_List ul.movie-list {
    grid-template-columns: repeat(4, 1fr);
    gap: max(30px, 1.5625vw) max(32px, 1.6666666667vw);
    width: max(1200px, 62.5vw);
  }
}
@media screen and (max-width: 768px) {
  .st-Movie_List ul.movie-list {
    grid-template-columns: repeat(2, 1fr);
    gap: 3.90625vw 2.6041666667vw;
    width: 92.1875vw;
  }
}
.st-Movie_List ul.movie-list li.list-item article {
  position: relative;
  z-index: 0;
  overflow: hidden;
  height: 100%;
  background-color: #fff;
}
@media screen and (min-width: 769px) {
  .st-Movie_List ul.movie-list li.list-item article {
    border-radius: max(10px, 0.5208333333vw);
    -webkit-box-shadow: 0 0 max(20px, 1.0416666667vw) rgba(243, 202, 212, 0.4);
    box-shadow: 0 0 max(20px, 1.0416666667vw) rgba(243, 202, 212, 0.4);
  }
}
@media screen and (max-width: 768px) {
  .st-Movie_List ul.movie-list li.list-item article {
    border-radius: 1.5625vw;
    -webkit-box-shadow: 0 0 2.6041666667vw rgba(243, 202, 212, 0.4);
    box-shadow: 0 0 2.6041666667vw rgba(243, 202, 212, 0.4);
  }
}
.st-Movie_List ul.movie-list li.list-item article a.article-link {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
}
@media (any-hover: hover) {
  .st-Movie_List
    ul.movie-list
    li.list-item
    article
    a.article-link
    + .article-media
    img {
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
  }
  .st-Movie_List
    ul.movie-list
    li.list-item
    article
    a.article-link
    + .article-media
    + .article-body
    .title {
    -webkit-transition: color 0.3s;
    transition: color 0.3s;
  }
  .st-Movie_List
    ul.movie-list
    li.list-item
    article
    a.article-link:hover
    + .article-media
    img {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
  }
  .st-Movie_List
    ul.movie-list
    li.list-item
    article
    a.article-link:hover
    + .article-media
    + .article-body
    .title {
    color: #ff7596;
  }
}
.st-Movie_List ul.movie-list li.list-item article .article-media {
  overflow: hidden;
  background-color: #ececec;
  aspect-ratio: 16/9;
}
@media screen and (min-width: 769px) {
  .st-Movie_List ul.movie-list li.list-item article .article-body {
    padding: max(16px, 0.8333333333vw) max(16px, 0.8333333333vw)
      max(30px, 1.5625vw);
  }
}
@media screen and (max-width: 768px) {
  .st-Movie_List ul.movie-list li.list-item article .article-body {
    padding: 2.6041666667vw 2.6041666667vw 3.90625vw;
  }
}
.st-Movie_List ul.movie-list li.list-item article .meta {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
}
@media screen and (min-width: 769px) {
  .st-Movie_List ul.movie-list li.list-item article .meta {
    margin-bottom: max(10px, 0.5208333333vw);
  }
}
@media screen and (max-width: 768px) {
  .st-Movie_List ul.movie-list li.list-item article .meta {
    margin-bottom: 1.3020833333vw;
  }
}
.st-Movie_List ul.movie-list li.list-item article .meta span.date {
  color: #f93866;
  font-family: Montserrat, sans-serif;
  font-weight: 900;
  line-height: 1.2;
  letter-spacing: 0.08em;
}
@media screen and (min-width: 769px) {
  .st-Movie_List ul.movie-list li.list-item article .meta span.date {
    font-size: max(14px, 0.7291666667vw);
  }
}
@media screen and (max-width: 768px) {
  .st-Movie_List ul.movie-list li.list-item article .meta span.date {
    font-size: 3.125vw;
  }
}
.st-Movie_List ul.movie-list li.list-item article .meta span.new {
  margin-left: auto;
  font-size: 0;
}
.st-Movie_List ul.movie-list li.list-item article .meta span.new span.label {
  display: inline-block;
  color: #fff;
  font-family: Montserrat, sans-serif;
  font-weight: 900;
  letter-spacing: 0.06em;
  text-align: center;
  background-color: #f93866;
}
@media screen and (min-width: 769px) {
  .st-Movie_List ul.movie-list li.list-item article .meta span.new span.label {
    width: max(40px, 2.0833333333vw);
    padding: max(3px, 0.15625vw) 0 max(2px, 0.1041666667vw);
    border-radius: max(2px, 0.1041666667vw);
    font-size: max(12px, 0.625vw);
  }
}
@media screen and (max-width: 768px) {
  .st-Movie_List ul.movie-list li.list-item article .meta span.new span.label {
    width: 8.59375vw;
    padding: 0.390625vw 0 0.2604166667vw;
    border-radius: 0.2604166667vw;
    font-size: 2.6041666667vw;
  }
}
.st-Movie_List ul.movie-list li.list-item article .title {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  font-weight: 700;
  line-height: 1.6;
  letter-spacing: 0.06em;
}
@media screen and (min-width: 769px) {
  .st-Movie_List ul.movie-list li.list-item article .title {
    margin-bottom: max(20px, 1.0416666667vw);
    font-size: max(16px, 0.8333333333vw);
  }
}
@media screen and (max-width: 768px) {
  .st-Movie_List ul.movie-list li.list-item article .title {
    margin-bottom: 2.6041666667vw;
    font-size: 3.6458333333vw;
  }
}
.st-Movie_List ul.movie-list li.list-item article .st-Article_Tag ul li {
  position: relative;
}
.st-Faq_List ul {
  margin: 0 auto;
  border-width: 1px 0;
  border-style: solid;
  border-color: #ececec;
  background-color: #fff;
}
@media screen and (min-width: 769px) {
  .st-Faq_List ul {
    width: max(960px, 50vw);
  }
}
@media screen and (max-width: 768px) {
  .st-Faq_List ul {
    width: 92.1875vw;
  }
}
.st-Faq_List ul li + li {
  border-top: 1px solid #ececec;
}
@media screen and (min-width: 769px) {
  .st-Faq_List ul li dl {
    padding: max(30px, 1.5625vw) max(40px, 2.0833333333vw);
  }
}
@media screen and (max-width: 768px) {
  .st-Faq_List ul li dl {
    padding: 5.2083333333vw 3.90625vw;
  }
}
.st-Faq_List ul li dl dt {
  position: relative;
  font-weight: 700;
  letter-spacing: 0.06em;
  cursor: pointer;
}
@media screen and (min-width: 769px) {
  .st-Faq_List ul li dl dt {
    padding-right: max(56px, 2.9166666667vw);
    padding-left: max(48px, 2.5vw);
    font-size: max(18px, 0.9375vw);
    line-height: 2;
  }
}
@media screen and (max-width: 768px) {
  .st-Faq_List ul li dl dt {
    padding-right: 7.8125vw;
    padding-left: 7.5520833333vw;
    font-size: 3.3854166667vw;
    line-height: 1.8;
  }
}
.st-Faq_List ul li dl dt::before {
  position: absolute;
  left: 0;
  color: #ff7596;
  font-family: Montserrat, sans-serif;
  font-weight: 900;
  line-height: 1.3;
  letter-spacing: 0.08em;
  content: "Q.";
}
@media screen and (min-width: 769px) {
  .st-Faq_List ul li dl dt::before {
    top: max(3px, 0.15625vw);
    font-size: max(26px, 1.3541666667vw);
  }
}
@media screen and (max-width: 768px) {
  .st-Faq_List ul li dl dt::before {
    top: 0.390625vw;
    font-size: 4.4270833333vw;
  }
}
.st-Faq_List ul li dl dt span.icon {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  position: absolute;
  right: 0;
}
@media screen and (min-width: 769px) {
  .st-Faq_List ul li dl dt span.icon {
    top: max(8px, 0.4166666667vw);
    width: max(21px, 1.09375vw);
    height: max(21px, 1.09375vw);
  }
}
@media screen and (max-width: 768px) {
  .st-Faq_List ul li dl dt span.icon {
    top: 1.0416666667vw;
    width: 3.90625vw;
    height: 3.90625vw;
  }
}
.st-Faq_List ul li dl dt span.icon::after,
.st-Faq_List ul li dl dt span.icon::before {
  position: absolute;
  background-color: #ff7596;
  content: "";
}
@media screen and (min-width: 769px) {
  .st-Faq_List ul li dl dt span.icon::after,
  .st-Faq_List ul li dl dt span.icon::before {
    width: max(21px, 1.09375vw);
    height: max(3px, 0.15625vw);
  }
}
@media screen and (max-width: 768px) {
  .st-Faq_List ul li dl dt span.icon::after,
  .st-Faq_List ul li dl dt span.icon::before {
    width: 3.90625vw;
    height: 0.5208333333vw;
  }
}
.st-Faq_List ul li dl dt span.icon::before {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-transition: -webkit-transform 0.35s;
  transition: -webkit-transform 0.35s;
  transition: transform 0.35s;
  transition: transform 0.35s, -webkit-transform 0.35s;
}
.st-Faq_List ul li dl dt.show span.icon::before {
  -webkit-transform: rotate(0);
  transform: rotate(0);
}
.st-Faq_List ul li dl dd {
  display: none;
}
.st-Faq_List ul li dl dd .inner {
  position: relative;
  font-weight: 500;
  line-height: 2;
  letter-spacing: 0.06em;
}
@media screen and (min-width: 769px) {
  .st-Faq_List ul li dl dd .inner {
    margin-top: max(20px, 1.0416666667vw);
    padding-right: max(56px, 2.9166666667vw);
    padding-left: max(48px, 2.5vw);
    font-size: 16px;
  }
}
@media screen and (max-width: 768px) {
  .st-Faq_List ul li dl dd .inner {
    margin-top: 2.6041666667vw;
    padding-right: 7.8125vw;
    padding-left: 7.5520833333vw;
    font-size: 3.125vw;
  }
}
.st-Faq_List ul li dl dd .inner::before {
  position: absolute;
  left: 0;
  font-family: Montserrat, sans-serif;
  font-weight: 900;
  line-height: 1.3;
  letter-spacing: 0.08em;
  content: "A.";
}
@media screen and (min-width: 769px) {
  .st-Faq_List ul li dl dd .inner::before {
    top: max(3px, 0.15625vw);
    font-size: max(26px, 1.3541666667vw);
  }
}
@media screen and (max-width: 768px) {
  .st-Faq_List ul li dl dd .inner::before {
    top: 0.390625vw;
    font-size: 4.4270833333vw;
  }
}
.st-Pagination {
  margin: 0 auto;
}
@media screen and (min-width: 769px) {
  .st-Pagination {
    width: max(1200px, 62.5vw);
    margin-top: max(60px, 3.125vw);
  }
}
@media screen and (max-width: 768px) {
  .st-Pagination {
    width: 92.1875vw;
    margin-top: 9.1145833333vw;
  }
}
.st-Pagination .wp-pagenavi {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
@media screen and (min-width: 769px) {
  .st-Pagination .wp-pagenavi {
    height: max(50px, 2.6041666667vw);
  }
}
@media screen and (max-width: 768px) {
  .st-Pagination .wp-pagenavi {
    height: 11.71875vw;
  }
}
.st-Pagination .current,
.st-Pagination .first,
.st-Pagination .last,
.st-Pagination .page {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  border: 1px solid;
  font-family: Montserrat, sans-serif;
  font-weight: 900;
  line-height: 1.5;
  letter-spacing: 0.09em;
}
@media screen and (min-width: 769px) {
  .st-Pagination .current,
  .st-Pagination .first,
  .st-Pagination .last,
  .st-Pagination .page {
    width: max(50px, 2.6041666667vw);
    height: max(50px, 2.6041666667vw);
    margin: 0 max(5px, 0.2604166667vw);
    border-radius: max(8px, 0.4166666667vw);
    font-size: max(20px, 1.0416666667vw);
  }
}
@media screen and (max-width: 768px) {
  .st-Pagination .current,
  .st-Pagination .first,
  .st-Pagination .last,
  .st-Pagination .page {
    width: 10.4166666667vw;
    height: 10.4166666667vw;
    margin: 0 1.0416666667vw;
    border-radius: 1.0416666667vw;
    font-size: 4.6875vw;
  }
}
.st-Pagination .first,
.st-Pagination .last,
.st-Pagination .page {
  border-color: #ededed;
  background-color: #fff;
}
@media (any-hover: hover) {
  .st-Pagination .first,
  .st-Pagination .last,
  .st-Pagination .page {
    -webkit-transition: color 0.2s;
    transition: color 0.2s;
  }
  .st-Pagination .first:hover,
  .st-Pagination .last:hover,
  .st-Pagination .page:hover {
    color: #ff7596;
  }
}
.st-Pagination .current {
  border-color: #ffeef4;
  background-color: #ffeef4;
}
.st-Pagination .extend {
  opacity: 0.7;
  font-family: Montserrat, sans-serif;
  font-weight: 900;
  line-height: 1.5;
  letter-spacing: 0.09em;
}
@media screen and (min-width: 769px) {
  .st-Pagination .extend {
    margin: 0 max(10px, 0.5208333333vw);
    font-size: max(16px, 0.8333333333vw);
  }
}
@media screen and (max-width: 768px) {
  .st-Pagination .extend {
    font-size: 2.6041666667vw;
  }
}
.st-Pagination .nextpostslink,
.st-Pagination .previouspostslink {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  border-radius: 100%;
  font-size: 0;
  background-color: #ff7596;
}
@media screen and (min-width: 769px) {
  .st-Pagination .nextpostslink,
  .st-Pagination .previouspostslink {
    width: max(40px, 2.0833333333vw);
    height: max(40px, 2.0833333333vw);
  }
}
@media screen and (max-width: 768px) {
  .st-Pagination .nextpostslink,
  .st-Pagination .previouspostslink {
    width: 9.1145833333vw;
    height: 9.1145833333vw;
  }
}
@media (any-hover: hover) {
  .st-Pagination .nextpostslink,
  .st-Pagination .previouspostslink {
    -webkit-transition: -webkit-transform 0.2s;
    transition: -webkit-transform 0.2s;
    transition: transform 0.2s;
    transition: transform 0.2s, -webkit-transform 0.2s;
  }
}
.st-Pagination .nextpostslink::before,
.st-Pagination .previouspostslink::before {
  position: relative;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  content: "";
}
@media screen and (min-width: 769px) {
  .st-Pagination .nextpostslink::before,
  .st-Pagination .previouspostslink::before {
    width: max(14px, 0.7291666667vw);
    height: max(14px, 0.7291666667vw);
  }
}
@media screen and (max-width: 768px) {
  .st-Pagination .nextpostslink::before,
  .st-Pagination .previouspostslink::before {
    width: 3.3854166667vw;
    height: 3.3854166667vw;
  }
}
@media screen and (min-width: 769px) {
  .st-Pagination .previouspostslink {
    margin-right: max(35px, 1.8229166667vw);
  }
}
@media screen and (max-width: 768px) {
  .st-Pagination .previouspostslink {
    margin-right: 2.0833333333vw;
  }
}
@media screen and (any-hover: hover) and (min-width: 769px) {
  .st-Pagination .previouspostslink:hover {
    -webkit-transform: translateX(min(-4px, -0.2083333333vw));
    transform: translateX(min(-4px, -0.2083333333vw));
  }
}
@media screen and (any-hover: hover) and (max-width: 768px) {
  .st-Pagination .previouspostslink:hover {
    -webkit-transform: translateX(-0.5208333333vw);
    transform: translateX(-0.5208333333vw);
  }
}
.st-Pagination .previouspostslink::before {
  background-image: url(../../images/common/arrow_left.svg);
}
@media screen and (min-width: 769px) {
  .st-Pagination .nextpostslink {
    margin-left: max(35px, 1.8229166667vw);
  }
}
@media screen and (max-width: 768px) {
  .st-Pagination .nextpostslink {
    margin-left: 2.0833333333vw;
  }
}
@media screen and (any-hover: hover) and (min-width: 769px) {
  .st-Pagination .nextpostslink:hover {
    -webkit-transform: translateX(min(4px, 0.2083333333vw));
    transform: translateX(min(4px, 0.2083333333vw));
  }
}
@media screen and (any-hover: hover) and (max-width: 768px) {
  .st-Pagination .nextpostslink:hover {
    -webkit-transform: translateX(0.5208333333vw);
    transform: translateX(0.5208333333vw);
  }
}
.st-Pagination .nextpostslink::before {
  background-image: url(../../images/common/arrow_right.svg);
}
.st-Article_Pagination {
  text-align: center;
}
@media screen and (min-width: 769px) {
  .st-Article_Pagination {
    margin-top: max(50px, 2.6041666667vw);
  }
}
@media screen and (max-width: 768px) {
  .st-Article_Pagination {
    margin-top: 7.8125vw;
  }
}
.st-Article_Search {
  margin: 0 auto;
}
@media screen and (min-width: 769px) {
  .st-Article_Search {
    width: max(1200px, 62.5vw);
    margin-bottom: max(80px, 4.1666666667vw);
  }
}
@media screen and (max-width: 768px) {
  .st-Article_Search {
    width: 92.1875vw;
    margin-bottom: 6.5104166667vw;
  }
}
@media screen and (min-width: 769px) {
  .st-Article_Search .filter-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    margin-bottom: max(40px, 2.0833333333vw);
  }
  .st-Article_Search .filter-container .filter-block:nth-child(2) {
    margin-top: 0;
    margin-left: auto;
  }
}
@media screen and (max-width: 768px) {
  .st-Article_Search .filter-container {
    margin-bottom: 5.2083333333vw;
  }
}
@media screen and (min-width: 769px) {
  .st-Article_Search .filter-block + .filter-block {
    margin-top: max(40px, 2.0833333333vw);
  }
}
@media screen and (max-width: 768px) {
  .st-Article_Search .filter-block + .filter-block {
    margin-top: 5.2083333333vw;
  }
}
@media screen and (min-width: 769px) {
  .st-Article_Search .filter-block dl.list {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: baseline;
    -webkit-align-items: baseline;
    align-items: baseline;
  }
}
@media screen and (max-width: 768px) {
  .st-Article_Search .filter-block dl.list dt {
    margin-bottom: 2.34375vw;
  }
}
@media screen and (min-width: 769px) {
  .st-Article_Search .filter-block dl.list dd {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
  }
}
.st-Article_Search .filter-block dl.date {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  align-items: baseline;
}
@media screen and (max-width: 768px) {
  .st-Article_Search .filter-block dl.date dt {
    margin-right: 2.6041666667vw;
  }
}
.st-Article_Search .filter-block dl.date dd {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
}
.st-Article_Search .filter-block dl dt {
  font-weight: 500;
  line-height: 1.8;
  letter-spacing: 0.08em;
}
@media screen and (min-width: 769px) {
  .st-Article_Search .filter-block dl dt {
    width: max(98px, 5.1041666667vw);
    font-size: max(16px, 0.8333333333vw);
  }
}
@media screen and (max-width: 768px) {
  .st-Article_Search .filter-block dl dt {
    font-size: 3.3854166667vw;
  }
}
.st-Article_Search .category-list ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media screen and (min-width: 769px) {
  .st-Article_Search .category-list ul {
    margin: 0 min(-5px, -0.2604166667vw) min(-10px, -0.5208333333vw);
  }
}
@media screen and (max-width: 768px) {
  .st-Article_Search .category-list ul {
    margin: 0 -1.0416666667vw -2.0833333333vw;
  }
}
.st-Article_Search .category-list ul li {
  font-size: 0;
}
@media screen and (min-width: 769px) {
  .st-Article_Search .category-list ul li {
    padding: 0 max(5px, 0.2604166667vw) max(10px, 0.5208333333vw);
  }
}
@media screen and (max-width: 768px) {
  .st-Article_Search .category-list ul li {
    padding: 0 1.0416666667vw 2.0833333333vw;
  }
}
.st-Article_Search .category-list ul li a {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  font-weight: 700;
  letter-spacing: 0.08em;
  background-color: #fff;
}
@media screen and (min-width: 769px) {
  .st-Article_Search .category-list ul li a {
    height: max(34px, 1.7708333333vw);
    padding: 0 max(15px, 0.78125vw) max(2px, 0.1041666667vw);
    border: 1px solid #ececec;
    border-radius: max(4px, 0.2083333333vw);
    font-size: max(16px, 0.8333333333vw);
  }
}
@media screen and (max-width: 768px) {
  .st-Article_Search .category-list ul li a {
    height: 6.7708333333vw;
    padding: 0 2.6041666667vw 0.2604166667vw;
    border: 0.2604166667vw solid #ececec;
    border-radius: 0.78125vw;
    font-size: 3.3854166667vw;
  }
}
.st-Article_Search .category-list ul li a.current {
  border-color: #ffeef4;
  background-color: #ffeef4;
}
@media (any-hover: hover) {
  .st-Article_Search .category-list ul li a {
    -webkit-transition: border-color 0.2s, color 0.2s;
    transition: border-color 0.2s, color 0.2s;
  }
  .st-Article_Search .category-list ul li a:hover {
    border-color: rgba(255, 117, 150, 0.4);
    color: #ff7596;
  }
}
.st-Article_Search .category-list ul li a span.color {
  border-radius: 100%;
}
@media screen and (min-width: 769px) {
  .st-Article_Search .category-list ul li a span.color {
    width: max(8px, 0.4166666667vw);
    height: max(8px, 0.4166666667vw);
    margin-right: max(8px, 0.4166666667vw);
  }
}
@media screen and (max-width: 768px) {
  .st-Article_Search .category-list ul li a span.color {
    width: 1.5625vw;
    height: 1.5625vw;
    margin-right: 1.5625vw;
  }
}
.st-Article_Search .tag-list-container .tag-list {
  overflow: hidden;
  -webkit-mask-image: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(50%, #000),
    color-stop(90%, transparent)
  );
  -webkit-mask-image: -webkit-linear-gradient(black 50%, transparent 90%);
  mask-image: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(50%, #000),
    color-stop(90%, transparent)
  );
  mask-image: linear-gradient(black 50%, transparent 90%);
  -webkit-transition: height 0.35s;
  transition: height 0.35s;
}
@media screen and (min-width: 769px) {
  .st-Article_Search .tag-list-container .tag-list {
    height: max(116px, 6.0416666667vw);
  }
}
@media screen and (max-width: 768px) {
  .st-Article_Search .tag-list-container .tag-list {
    height: 30.7291666667vw;
  }
}
.st-Article_Search .tag-list-container .tag-list.show {
  -webkit-mask-image: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(100%, #000),
    to(transparent)
  );
  -webkit-mask-image: -webkit-linear-gradient(black 100%, transparent 100%);
  mask-image: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(100%, #000),
    to(transparent)
  );
  mask-image: linear-gradient(black 100%, transparent 100%);
}
.st-Article_Search .tag-list-container .tag-list ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media screen and (min-width: 769px) {
  .st-Article_Search .tag-list-container .tag-list ul {
    margin: 0 min(-5px, -0.2604166667vw) min(-10px, -0.5208333333vw);
  }
}
@media screen and (max-width: 768px) {
  .st-Article_Search .tag-list-container .tag-list ul {
    margin: 0 -0.9114583333vw -1.8229166667vw;
  }
}
.st-Article_Search .tag-list-container .tag-list ul li {
  font-size: 0;
}
@media screen and (min-width: 769px) {
  .st-Article_Search .tag-list-container .tag-list ul li {
    padding: 0 max(5px, 0.2604166667vw) max(10px, 0.5208333333vw);
  }
}
@media screen and (max-width: 768px) {
  .st-Article_Search .tag-list-container .tag-list ul li {
    padding: 0 0.9114583333vw 1.8229166667vw;
  }
}
.st-Article_Search .tag-list-container .tag-list ul li a {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  color: #898989;
  font-weight: 500;
  line-height: 1.2;
  letter-spacing: 0.08em;
  background-color: #fff;
}
@media screen and (min-width: 769px) {
  .st-Article_Search .tag-list-container .tag-list ul li a {
    min-height: max(28px, 1.4583333333vw);
    padding: max(4px, 0.2083333333vw) max(15px, 0.78125vw)
      max(5px, 0.2604166667vw);
    border: 1px solid #e8e8e8;
    border-radius: max(14px, 0.7291666667vw);
    font-size: max(14px, 0.7291666667vw);
  }
}
@media screen and (max-width: 768px) {
  .st-Article_Search .tag-list-container .tag-list ul li a {
    min-height: 6.5104166667vw;
    padding: 1.015625vw 2.8645833333vw 1.2265625vw;
    border: 0.2604166667vw solid #e8e8e8;
    border-radius: 3.2552083333vw;
    font-size: 3.125vw;
  }
}
.st-Article_Search .tag-list-container .tag-list ul li a.current {
  border-color: #ffeef4;
  color: #6b6b6b;
  background-color: #ffeef4;
}
@media (any-hover: hover) {
  .st-Article_Search .tag-list-container .tag-list ul li a {
    -webkit-transition: border-color 0.2s, color 0.2s;
    transition: border-color 0.2s, color 0.2s;
  }
  .st-Article_Search .tag-list-container .tag-list ul li a:hover {
    border-color: rgba(255, 117, 150, 0.4);
    color: #ff7596;
  }
}
.st-Article_Search .tag-list-container .tag-more {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  position: relative;
}
@media screen and (min-width: 769px) {
  .st-Article_Search .tag-list-container .tag-more {
    width: max(1200px, 62.5vw);
    height: max(32px, 1.6666666667vw);
    margin-top: max(18px, 0.9375vw);
    margin-left: min(-98px, -5.1041666667vw);
  }
}
@media screen and (max-width: 768px) {
  .st-Article_Search .tag-list-container .tag-more {
    width: 100%;
    height: 7.8125vw;
    margin-top: 5.2083333333vw;
  }
}
.st-Article_Search .tag-list-container .tag-more::before {
  position: absolute;
  right: 0;
  left: 0;
  height: 1px;
  background-color: #e8e8e8;
  content: "";
}
.st-Article_Search .tag-list-container .tag-more button[name="more"] {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  position: relative;
  margin: 0 auto;
  border-radius: 100%;
  background-color: #ff7596;
}
@media screen and (min-width: 769px) {
  .st-Article_Search .tag-list-container .tag-more button[name="more"] {
    width: max(32px, 1.6666666667vw);
    height: max(32px, 1.6666666667vw);
  }
}
@media screen and (max-width: 768px) {
  .st-Article_Search .tag-list-container .tag-more button[name="more"] {
    width: 7.8125vw;
    height: 7.8125vw;
  }
}
.st-Article_Search .tag-list-container .tag-more button[name="more"]::after,
.st-Article_Search .tag-list-container .tag-more button[name="more"]::before {
  position: absolute;
  background-color: #fff;
  content: "";
}
@media screen and (min-width: 769px) {
  .st-Article_Search .tag-list-container .tag-more button[name="more"]::after,
  .st-Article_Search .tag-list-container .tag-more button[name="more"]::before {
    width: max(12px, 0.625vw);
    height: max(2px, 0.1041666667vw);
  }
}
@media screen and (max-width: 768px) {
  .st-Article_Search .tag-list-container .tag-more button[name="more"]::after,
  .st-Article_Search .tag-list-container .tag-more button[name="more"]::before {
    width: 2.8645833333vw;
    height: 0.390625vw;
  }
}
.st-Article_Search .tag-list-container .tag-more button[name="more"]::before {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-transition: -webkit-transform 0.35s;
  transition: -webkit-transform 0.35s;
  transition: transform 0.35s;
  transition: transform 0.35s, -webkit-transform 0.35s;
}
@media (any-hover: hover) {
  .st-Article_Search .tag-list-container .tag-more button[name="more"] {
    -webkit-transition: background-color 0.2s;
    transition: background-color 0.2s;
  }
  .st-Article_Search .tag-list-container .tag-more button[name="more"]:hover {
    background-color: #ffa0b7;
  }
}
.st-Article_Search
  .tag-list-container
  .tag-more
  button[name="more"].show::before {
  -webkit-transform: rotate(0);
  transform: rotate(0);
}
.st-Article_Search .release-date {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
}
@media screen and (min-width: 769px) {
  .st-Article_Search .release-date .sort {
    margin-right: max(30px, 1.5625vw);
  }
}
.st-Article_Search .release-date .sort ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
}
@media screen and (min-width: 769px) {
  .st-Article_Search .release-date .sort ul li + li {
    margin-left: max(12px, 0.625vw);
  }
}
@media screen and (max-width: 768px) {
  .st-Article_Search .release-date .sort ul li + li {
    margin-left: 1.5625vw;
  }
}
.st-Article_Search .release-date .sort ul li a {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  font-weight: 500;
  letter-spacing: 0.08em;
  background-color: #fff;
}
@media screen and (min-width: 769px) {
  .st-Article_Search .release-date .sort ul li a {
    width: max(80px, 4.1666666667vw);
    height: max(34px, 1.7708333333vw);
    padding-bottom: max(2px, 0.1041666667vw);
    border: 1px solid #ececec;
    border-radius: max(4px, 0.2083333333vw);
    font-size: max(16px, 0.8333333333vw);
  }
}
@media screen and (max-width: 768px) {
  .st-Article_Search .release-date .sort ul li a {
    width: 16.6666666667vw;
    height: 6.7708333333vw;
    padding-bottom: 0.2604166667vw;
    border: 0.2604166667vw solid #ececec;
    border-radius: 0.5208333333vw;
    font-size: 3.3854166667vw;
  }
}
@media (any-hover: hover) {
  .st-Article_Search .release-date .sort ul li a {
    -webkit-transition: border-color 0.2s, color 0.2s;
    transition: border-color 0.2s, color 0.2s;
  }
  .st-Article_Search .release-date .sort ul li a:hover {
    border-color: rgba(255, 117, 150, 0.4);
    color: #ff7596;
  }
}
.st-Article_Search .release-date .sort ul li a.active {
  border-color: #ff7596;
  color: #fff;
  background-color: #ff7596;
}
.st-Article_Search .release-date .archive {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  position: relative;
}
@media screen and (min-width: 769px) {
  .st-Article_Search .release-date .archive {
    width: max(200px, 10.4166666667vw);
    height: max(40px, 2.0833333333vw);
    border: 1px solid #ececec;
    border-radius: max(20px, 1.0416666667vw);
  }
}
@media screen and (max-width: 768px) {
  .st-Article_Search .release-date .archive {
    width: 36.4583333333vw;
    height: 7.2916666667vw;
    margin-left: auto;
    border: 0.2604166667vw solid #ececec;
    border-radius: 3.6458333333vw;
  }
}
.st-Article_Search .release-date .archive select {
  width: 100%;
  height: 100%;
  font-weight: 500;
  line-height: 1.8;
  letter-spacing: 0.08em;
  cursor: pointer;
}
@media screen and (min-width: 769px) {
  .st-Article_Search .release-date .archive select {
    padding: 0 max(24px, 1.25vw) max(2px, 0.1041666667vw);
    font-size: max(14px, 0.7291666667vw);
  }
}
@media screen and (max-width: 768px) {
  .st-Article_Search .release-date .archive select {
    padding: 0 2.8645833333vw 0.2604166667vw;
    font-size: 2.8645833333vw;
  }
}
.st-Article_Search .release-date .archive span.svg {
  position: absolute;
  pointer-events: none;
}
@media screen and (min-width: 769px) {
  .st-Article_Search .release-date .archive span.svg {
    right: max(16px, 0.8333333333vw);
    width: max(16px, 0.8333333333vw);
  }
}
@media screen and (max-width: 768px) {
  .st-Article_Search .release-date .archive span.svg {
    right: 2.34375vw;
    width: 2.8645833333vw;
  }
}
.st-Article_Search .search-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  position: relative;
  margin-left: auto;
  background-color: #fff;
}
@media screen and (min-width: 769px) {
  .st-Article_Search .search-box {
    width: max(300px, 15.625vw);
    height: max(40px, 2.0833333333vw);
    border: 1px solid #ececec;
    border-radius: max(4px, 0.2083333333vw);
  }
}
@media screen and (max-width: 768px) {
  .st-Article_Search .search-box {
    width: 100%;
    height: 10.9375vw;
    border: 0.2604166667vw solid #ececec;
    border-radius: 0.5208333333vw;
  }
}
.st-Article_Search .search-box form {
  width: 100%;
}
.st-Article_Search .search-box input[type="search"] {
  width: 100%;
  height: 100%;
  font-weight: 500;
  letter-spacing: 0.08em;
}
@media screen and (min-width: 769px) {
  .st-Article_Search .search-box input[type="search"] {
    padding: 0 max(40px, 2.0833333333vw) max(2px, 0.1041666667vw)
      max(24px, 1.25vw);
    font-size: max(14px, 0.7291666667vw);
  }
}
@media screen and (max-width: 768px) {
  .st-Article_Search .search-box input[type="search"] {
    padding: 0 10.4166666667vw 0.2604166667vw 5.2083333333vw;
    font-size: 2.8645833333vw;
  }
}
.st-Article_Search .search-box input[type="search"]::-webkit-input-placeholder {
  color: #b3b3b3;
}
.st-Article_Search .search-box input[type="search"]:-ms-input-placeholder {
  color: #b3b3b3;
}
.st-Article_Search .search-box input[type="search"]::-moz-placeholder {
  color: #b3b3b3;
}
.st-Article_Search .search-box input[type="search"]:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px #fff inset;
}
.st-Article_Search
  .search-box
  input[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: none;
}
.st-Article_Search .search-box button {
  position: absolute;
  font-size: 0;
  text-align: center;
}
@media screen and (min-width: 769px) {
  .st-Article_Search .search-box button {
    right: max(16px, 0.8333333333vw);
    width: max(20px, 1.0416666667vw);
    height: max(20px, 1.0416666667vw);
  }
}
@media screen and (max-width: 768px) {
  .st-Article_Search .search-box button {
    right: 3.90625vw;
    width: 5.2083333333vw;
    height: 5.2083333333vw;
  }
}
@media screen and (min-width: 769px) {
  .st-Article_Search .search-box button span.svg {
    width: max(14px, 0.7291666667vw);
  }
}
@media screen and (max-width: 768px) {
  .st-Article_Search .search-box button span.svg {
    width: 3.125vw;
  }
}
.st-Article_Search .current-filter {
  display: inline-grid;
  grid-template-columns: repeat(2, auto);
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
}
@media screen and (min-width: 769px) {
  .st-Article_Search .current-filter {
    gap: max(16px, 0.8333333333vw);
    margin-top: max(20px, 1.0416666667vw);
  }
}
@media screen and (max-width: 768px) {
  .st-Article_Search .current-filter {
    gap: 3.90625vw;
    margin: 5.2083333333vw 0 9.1145833333vw;
  }
}
.st-Article_Search .current-filter p.title {
  font-weight: 500;
  line-height: 1.8;
  letter-spacing: 0.08em;
}
@media screen and (min-width: 769px) {
  .st-Article_Search .current-filter p.title {
    font-size: max(16px, 0.8333333333vw);
  }
}
@media screen and (max-width: 768px) {
  .st-Article_Search .current-filter p.title {
    font-size: 3.3854166667vw;
  }
}
.st-Article_Search .current-filter a.btn-clear {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  position: relative;
  color: #939393;
  font-weight: 500;
  line-height: 1.2;
  letter-spacing: 0.08em;
  background-color: #fff;
}
@media screen and (min-width: 769px) {
  .st-Article_Search .current-filter a.btn-clear {
    top: max(1px, 0.0520833333vw);
    width: max(60px, 3.125vw);
    height: max(21px, 1.09375vw);
    padding: max(4px, 0.2083333333vw) 0;
    border: 1px solid #dcdcdc;
    border-radius: max(10.5px, 0.546875vw);
    font-size: max(12px, 0.625vw);
  }
}
@media screen and (max-width: 768px) {
  .st-Article_Search .current-filter a.btn-clear {
    top: 0.2604166667vw;
    width: 13.0208333333vw;
    height: 4.4270833333vw;
    padding: 0.6796875vw 0 1.09375vw;
    border: 0.2604166667vw solid #dcdcdc;
    border-radius: 2.2135416667vw;
    font-size: 2.34375vw;
  }
}
@media (any-hover: hover) {
  .st-Article_Search .current-filter a.btn-clear {
    -webkit-transition: background-color 0.2s;
    transition: background-color 0.2s;
  }
  .st-Article_Search .current-filter a.btn-clear:hover {
    background-color: #f1f1f1;
  }
}
.st-Article_Contents h2 {
  font-weight: 700;
  line-height: 1.6;
  letter-spacing: 0.06em;
  word-break: break-word;
}
@media screen and (min-width: 769px) {
  .st-Article_Contents h2 {
    margin-bottom: max(16px, 0.8333333333vw);
    padding-bottom: max(8px, 0.4166666667vw);
    border-bottom: max(2px, 0.1041666667vw) solid rgba(255, 117, 150, 0.4);
    font-size: max(20px, 1.0416666667vw);
  }
}
@media screen and (max-width: 768px) {
  .st-Article_Contents h2 {
    margin-bottom: 2.6041666667vw;
    padding-bottom: 1.5625vw;
    border-bottom: 0.2604166667vw solid rgba(255, 117, 150, 0.4);
    font-size: 3.90625vw;
  }
}
@media screen and (min-width: 769px) {
  .st-Article_Contents h2:not(:first-child) {
    margin-top: max(40px, 2.0833333333vw);
  }
}
@media screen and (max-width: 768px) {
  .st-Article_Contents h2:not(:first-child) {
    margin-top: 6.5104166667vw;
  }
}
.st-Article_Contents h3 {
  color: #ff7596;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: 0.06em;
  word-break: break-word;
}
@media screen and (min-width: 769px) {
  .st-Article_Contents h3 {
    margin-bottom: max(10px, 0.5208333333vw);
    font-size: max(18px, 0.9375vw);
  }
}
@media screen and (max-width: 768px) {
  .st-Article_Contents h3 {
    margin-bottom: 1.3020833333vw;
    font-size: 3.3854166667vw;
  }
}
@media screen and (min-width: 769px) {
  .st-Article_Contents h3:not(:first-child) {
    margin-top: max(40px, 2.0833333333vw);
  }
}
@media screen and (max-width: 768px) {
  .st-Article_Contents h3:not(:first-child) {
    margin-top: 6.5104166667vw;
  }
}
.st-Article_Contents p {
  font-weight: 500;
  letter-spacing: 0.06em;
  word-break: break-word;
}
@media screen and (min-width: 769px) {
  .st-Article_Contents p {
    margin-bottom: max(30px, 1.5625vw);
    font-size: max(16px, 0.8333333333vw);
    line-height: 2;
  }
}
@media screen and (max-width: 768px) {
  .st-Article_Contents p {
    margin-bottom: 5.2083333333vw;
    font-size: 3.125vw;
    line-height: 1.8;
  }
}
.st-Article_Contents p img {
  display: block;
  max-width: 100%;
  width: auto;
}
.st-Article_Contents p img.alignleft {
  margin-left: 0;
}
.st-Article_Contents p img.aligncenter {
  margin-right: auto;
  margin-left: auto;
}
.st-Article_Contents p img.alignright {
  margin-left: auto;
}
.st-Article_Contents p .youtube-wrapper {
  margin-top: 1em;
}
@media screen and (min-width: 769px) {
  .st-Article_Contents ol,
  .st-Article_Contents ul {
    margin-bottom: max(30px, 1.5625vw);
  }
}
@media screen and (max-width: 768px) {
  .st-Article_Contents ol,
  .st-Article_Contents ul {
    margin-bottom: 5.2083333333vw;
  }
}
.st-Article_Contents ol li,
.st-Article_Contents ul li {
  font-weight: 500;
  letter-spacing: 0.06em;
  word-break: break-word;
}
@media screen and (min-width: 769px) {
  .st-Article_Contents ol li,
  .st-Article_Contents ul li {
    font-size: max(16px, 0.8333333333vw);
    line-height: 2;
  }
}
@media screen and (max-width: 768px) {
  .st-Article_Contents ol li,
  .st-Article_Contents ul li {
    font-size: 3.125vw;
    line-height: 1.8;
  }
}
.st-Article_Contents ul li {
  padding-left: 1em;
  text-indent: -1em;
}
.st-Article_Contents ul li::before {
  content: "・";
}
.st-Article_Contents ul.attention li::before {
  content: "※";
}
.st-Article_Contents ol {
  counter-reset: item;
}
.st-Article_Contents ol li {
  position: relative;
  padding-left: 1.5em;
}
.st-Article_Contents ol li::before {
  position: absolute;
  top: 0;
  left: 0;
  counter-increment: item;
  content: counter(item) ".";
}
.st-Article_Contents ol.circle li {
  padding-left: 1.3em;
}
.st-Article_Contents ol.circle li::before {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  border-radius: 100%;
  font-size: 0.8em;
  letter-spacing: 0;
  content: counter(item);
}
@media screen and (min-width: 769px) {
  .st-Article_Contents ol.circle li::before {
    top: max(9px, 0.46875vw);
    width: max(16px, 0.8333333333vw);
    height: max(16px, 0.8333333333vw);
    border: max(1px, 0.0520833333vw) solid;
  }
}
@media screen and (max-width: 768px) {
  .st-Article_Contents ol.circle li::before {
    top: 1.4322916667vw;
    width: 3.125vw;
    height: 3.125vw;
    border: 0.1302083333vw solid;
  }
}
.st-Article_Contents a:not(.button):not(.img-link) {
  color: #ff828d;
  text-decoration: underline;
}
@media (any-hover: hover) {
  .st-Article_Contents a:not(.button):not(.img-link) {
    opacity: 1;
    -webkit-transition: opacity 0.35s;
    transition: opacity 0.35s;
    will-change: opacity;
  }
  .st-Article_Contents a:not(.button):not(.img-link):hover {
    opacity: 0.6;
  }
}
.st-Article_Contents a:not(.button):not(.img-link)[target="_blank"]::after {
  display: inline-block;
  position: relative;
  margin-right: 0.5em;
  margin-left: 0.5em;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2210%22%20height%3D%2210%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M8.889%208.889H1.11V1.11H5V0H1.111A1.11%201.11%200%200%200%200%201.111V8.89A1.11%201.11%200%200%200%201.111%2010H8.89A1.11%201.11%200%200%200%2010%208.889V5H8.889v3.889Z%22%20fill%3D%22%23ff828d%22%2F%3E%3Cpath%20d%3D%22M5.97%200v1.111H7.96L2.5%206.572l.786.786%205.461-5.46v1.99h1.111V0H5.97Z%22%20fill%3D%22%23ff828d%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  content: "";
}
@media screen and (min-width: 769px) {
  .st-Article_Contents a:not(.button):not(.img-link)[target="_blank"]::after {
    width: max(12px, 0.625vw);
    height: max(12px, 0.625vw);
  }
}
@media screen and (max-width: 768px) {
  .st-Article_Contents a:not(.button):not(.img-link)[target="_blank"]::after {
    width: 2.34375vw;
    height: 2.34375vw;
  }
}
.st-Article_Contents a.button {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  position: relative;
  margin: 0 auto;
  color: #fff;
  font-weight: 900;
  line-height: 1.4;
  letter-spacing: 0.08em;
  background-image: url(../../images/common/icon_chevron_right.svg),
    -webkit-gradient(linear, left top, right top, from(#ff4370), to(#fa5c5c));
  background-image: url(../../images/common/icon_chevron_right.svg),
    -webkit-linear-gradient(left, #ff4370, #fa5c5c);
  background-image: url(../../images/common/icon_chevron_right.svg),
    linear-gradient(90deg, #ff4370, #fa5c5c);
  background-repeat: no-repeat;
}
@media screen and (min-width: 769px) {
  .st-Article_Contents a.button {
    width: max(360px, 18.75vw);
    height: max(70px, 3.6458333333vw);
    margin-top: max(60px, 3.125vw);
    border-radius: max(70px, 3.6458333333vw);
    font-size: max(18px, 0.9375vw);
    background-position: center right max(40px, 2.0833333333vw), center;
    background-size: max(8px, 0.4166666667vw) max(14px, 0.7291666667vw),
      100% auto;
    -webkit-box-shadow: max(4px, 0.2083333333vw) max(4px, 0.2083333333vw) 0
      #f3cad4;
    box-shadow: max(4px, 0.2083333333vw) max(4px, 0.2083333333vw) 0 #f3cad4;
  }
}
@media screen and (max-width: 768px) {
  .st-Article_Contents a.button {
    width: 65.1041666667vw;
    height: 13.0208333333vw;
    margin-top: 7.8125vw;
    border-radius: 13.0208333333vw;
    font-size: 3.6458333333vw;
    background-position: center right 5.2083333333vw, center;
    background-size: 1.5625vw 2.8645833333vw, 100% auto;
    -webkit-box-shadow: 0.78125vw 0.78125vw 0 #f3cad4;
    box-shadow: 0.78125vw 0.78125vw 0 #f3cad4;
  }
}
@media (any-hover: hover) {
  .st-Article_Contents a.button {
    -webkit-transition: -webkit-transform 0.2s, -webkit-box-shadow 0.2s;
    transition: -webkit-transform 0.2s, -webkit-box-shadow 0.2s;
    transition: transform 0.2s, box-shadow 0.2s;
    transition: transform 0.2s, box-shadow 0.2s, -webkit-transform 0.2s,
      -webkit-box-shadow 0.2s;
  }
  .st-Article_Contents a.button:hover {
    -webkit-box-shadow: 0 0 0 #f3cad4;
    box-shadow: 0 0 0 #f3cad4;
  }
}
@media screen and (any-hover: hover) and (min-width: 769px) {
  .st-Article_Contents a.button:hover {
    -webkit-transform: translate(
      max(4px, 0.2083333333vw),
      max(4px, 0.2083333333vw)
    );
    transform: translate(max(4px, 0.2083333333vw), max(4px, 0.2083333333vw));
  }
}
@media screen and (any-hover: hover) and (max-width: 768px) {
  .st-Article_Contents a.button:hover {
    -webkit-transform: translate(0.78125vw, 0.78125vw);
    transform: translate(0.78125vw, 0.78125vw);
  }
}
.st-Article_Contents a.button[target="_blank"] {
  background-image: url(../../images/common/icon_external_white.svg),
    -webkit-gradient(linear, left top, right top, from(#ff4370), to(#fa5c5c));
  background-image: url(../../images/common/icon_external_white.svg),
    -webkit-linear-gradient(left, #ff4370, #fa5c5c);
  background-image: url(../../images/common/icon_external_white.svg),
    linear-gradient(90deg, #ff4370, #fa5c5c);
}
@media screen and (min-width: 769px) {
  .st-Article_Contents a.button[target="_blank"] {
    background-size: max(18px, 0.9375vw) max(18px, 0.9375vw), 100% auto;
  }
}
@media screen and (max-width: 768px) {
  .st-Article_Contents a.button[target="_blank"] {
    background-size: 3.6458333333vw 3.6458333333vw, 100% auto;
  }
}
.st-Article_Contents a.img-link {
  display: inline-block;
}
@media (any-hover: hover) {
  .st-Article_Contents a.img-link {
    opacity: 1;
    -webkit-transition: opacity 0.35s;
    transition: opacity 0.35s;
    will-change: opacity;
  }
  .st-Article_Contents a.img-link:hover {
    opacity: 0.6;
  }
}
.st-Article_Contents .youtube-wrapper {
  position: relative;
  width: 100%;
  margin: 0 auto;
  aspect-ratio: 16/9;
}
.st-Article_Contents .youtube-wrapper iframe {
  width: 100%;
  height: 100%;
}
.st-Article_Contents .gallery-wrapper {
  margin: 0 auto;
}
@media screen and (min-width: 769px) {
  .st-Article_Contents .gallery-wrapper {
    margin-bottom: max(30px, 1.5625vw);
  }
}
@media screen and (max-width: 768px) {
  .st-Article_Contents .gallery-wrapper {
    margin-bottom: 5.2083333333vw;
  }
}
.st-Article_Contents .gallery-wrapper .gallery {
  display: grid;
}
@media screen and (min-width: 769px) {
  .st-Article_Contents .gallery-wrapper .gallery {
    gap: max(20px, 1.0416666667vw);
  }
}
@media screen and (max-width: 768px) {
  .st-Article_Contents .gallery-wrapper .gallery {
    gap: 2.6041666667vw;
  }
}
.st-Article_Contents
  .gallery-wrapper
  .gallery.gallery-columns-1
  .gallery-item
  img {
  max-width: 100%;
  width: auto;
}
.st-Article_Contents .gallery-wrapper .gallery.gallery-columns-2 {
  grid-template-columns: repeat(2, 1fr);
}
.st-Article_Contents .gallery-wrapper .gallery.gallery-columns-3 {
  grid-template-columns: repeat(3, 1fr);
}
.st-Article_Contents .gallery-wrapper .gallery.gallery-columns-4 {
  grid-template-columns: repeat(4, 1fr);
}
.st-Article_Contents .gallery-wrapper .gallery.gallery-columns-5 {
  grid-template-columns: repeat(5, 1fr);
}
.st-Article_Contents .gallery-wrapper .gallery.gallery-columns-6 {
  grid-template-columns: repeat(6, 1fr);
}
.st-Article_Contents .gallery-wrapper .gallery.gallery-columns-7 {
  grid-template-columns: repeat(7, 1fr);
}
.st-Article_Contents .gallery-wrapper .gallery.gallery-columns-8 {
  grid-template-columns: repeat(8, 1fr);
}
.st-Article_Contents .gallery-wrapper .gallery.gallery-columns-9 {
  grid-template-columns: repeat(9, 1fr);
}
.st-Article_Contents .gallery-wrapper .gallery .gallery-icon a {
  pointer-events: none;
}
.st-Article_Contents .gallery-wrapper .gallery .gallery-caption {
  line-height: 1.3;
  letter-spacing: 0.06em;
  text-align: center;
}
@media screen and (min-width: 769px) {
  .st-Article_Contents .gallery-wrapper .gallery .gallery-caption {
    margin-top: max(10px, 0.5208333333vw);
    margin-bottom: max(5px, 0.2604166667vw);
    font-size: max(14px, 0.7291666667vw);
  }
}
@media screen and (max-width: 768px) {
  .st-Article_Contents .gallery-wrapper .gallery .gallery-caption {
    margin-top: 2.6041666667vw;
    margin-bottom: 1.3020833333vw;
    font-size: 2.34375vw;
  }
}
.st-Article_Contents .gallery-wrapper .gallery br {
  display: none;
}
.st-Article_Contents .mb0 {
  margin-bottom: 0 !important;
}
.st-Article_Contents .indent {
  padding-left: 2em;
}
.st-Article_Contents .text-center {
  text-align: center;
}
.st-Article_Contents .text-right {
  text-align: right;
}
.st-Article_Contents .border {
  border: 1px solid rgba(255, 117, 150, 0.3);
}
.st-Article_Contents .bold,
.st-Article_Contents strong {
  font-weight: 700;
}
.st-Article_Contents .small {
  font-size: 0.8em;
}
.st-Article_Contents .em,
.st-Article_Contents em {
  font-style: italic;
}
.st-Article_Contents .underline {
  border-bottom: 1px solid;
}
.st-Article_Contents > *:last-child {
  margin-bottom: 0 !important;
}
.st-Article_Category ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media screen and (min-width: 769px) {
  .st-Article_Category ul {
    margin: 0 min(-4px, -0.2083333333vw) min(-8px, -0.4166666667vw);
  }
}
@media screen and (max-width: 768px) {
  .st-Article_Category ul {
    margin: 0 -0.9114583333vw -1.8229166667vw;
  }
}
.st-Article_Category ul li {
  font-size: 0;
}
@media screen and (min-width: 769px) {
  .st-Article_Category ul li {
    padding: 0 max(4px, 0.2083333333vw) max(8px, 0.4166666667vw);
  }
}
@media screen and (max-width: 768px) {
  .st-Article_Category ul li {
    padding: 0 0.9114583333vw 1.8229166667vw;
  }
}
.st-Article_Category ul li .label {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  font-weight: 700;
  letter-spacing: 0.08em;
  background-color: #fff;
}
@media screen and (min-width: 769px) {
  .st-Article_Category ul li .label {
    height: max(26px, 1.3541666667vw);
    padding: 0 max(13px, 0.6770833333vw) max(1px, 0.0520833333vw);
    border: 1px solid #ececec;
    border-radius: max(4px, 0.2083333333vw);
    font-size: max(12px, 0.625vw);
  }
}
@media screen and (max-width: 768px) {
  .st-Article_Category ul li .label {
    height: 5.9895833333vw;
    padding: 0 2.34375vw 0.2604166667vw;
    border: 0.2604166667vw solid #ececec;
    border-radius: 0.78125vw;
    font-size: 2.8645833333vw;
  }
}
.st-Article_Category ul li .label span.color {
  border-radius: 100%;
}
@media screen and (min-width: 769px) {
  .st-Article_Category ul li .label span.color {
    width: max(6px, 0.3125vw);
    height: max(6px, 0.3125vw);
    margin-right: max(6px, 0.3125vw);
  }
}
@media screen and (max-width: 768px) {
  .st-Article_Category ul li .label span.color {
    width: 1.3020833333vw;
    height: 1.3020833333vw;
    margin-right: 1.3020833333vw;
  }
}
@media (any-hover: hover) {
  .st-Article_Category ul li a.label {
    -webkit-transition: border-color 0.2s, color 0.2s;
    transition: border-color 0.2s, color 0.2s;
  }
  .st-Article_Category ul li a.label:hover {
    border-color: rgba(255, 117, 150, 0.4);
    color: #ff7596;
  }
}
.st-Article_Tag ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media screen and (min-width: 769px) {
  .st-Article_Tag ul {
    margin: 0 min(-4px, -0.2083333333vw) min(-8px, -0.4166666667vw);
  }
}
@media screen and (max-width: 768px) {
  .st-Article_Tag ul {
    margin: 0 -0.9114583333vw -1.8229166667vw;
  }
}
.st-Article_Tag ul li {
  font-size: 0;
}
@media screen and (min-width: 769px) {
  .st-Article_Tag ul li {
    padding: 0 max(4px, 0.2083333333vw) max(8px, 0.4166666667vw);
  }
}
@media screen and (max-width: 768px) {
  .st-Article_Tag ul li {
    padding: 0 0.9114583333vw 1.8229166667vw;
  }
}
.st-Article_Tag ul li .label {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  color: #939393;
  font-weight: 500;
  line-height: 1.2;
  letter-spacing: 0.08em;
  background-color: #fff;
}
@media screen and (min-width: 769px) {
  .st-Article_Tag ul li .label {
    min-height: max(25px, 1.3020833333vw);
    padding: max(4px, 0.2083333333vw) max(13px, 0.6770833333vw);
    border: 1px solid #e8e8e8;
    border-radius: max(12.5px, 0.6510416667vw);
    font-size: max(12px, 0.625vw);
  }
}
@media screen and (max-width: 768px) {
  .st-Article_Tag ul li .label {
    min-height: 5.7291666667vw;
    padding: 0.6796875vw 2.8645833333vw 1.09375vw;
    border: 0.2604166667vw solid #e8e8e8;
    border-radius: 2.8645833333vw;
    font-size: 2.8645833333vw;
  }
}
@media (any-hover: hover) {
  .st-Article_Tag ul li a.label {
    -webkit-transition: border-color 0.2s, color 0.2s;
    transition: border-color 0.2s, color 0.2s;
  }
  .st-Article_Tag ul li a.label:hover {
    border-color: rgba(255, 117, 150, 0.4);
    color: #ff7596;
  }
}
.st-Movie_Modal {
  display: none;
  position: fixed;
  inset: 0;
  z-index: 9999;
}
.st-Movie_Modal .container {
  height: 100%;
  background-color: rgba(0, 0, 0, 0.9);
}
.st-Movie_Modal iframe {
  width: 100%;
  height: 100%;
}
.st-Modal {
  display: none;
  position: fixed;
  inset: 0;
  z-index: 9999;
  overflow-y: auto;
  background-color: rgba(0, 0, 0, 0.8);
}
.st-Modal .container {
  height: 100%;
  margin: 0 auto;
}
@media screen and (min-width: 769px) {
  .st-Modal .container.image {
    width: max(960px, 50vw);
    min-height: max(915px, 47.65625vw);
  }
}
@media screen and (max-width: 768px) {
  .st-Modal .container.image {
    width: 89.5833333333vw;
    min-height: 131.25vw;
  }
}
.st-Modal .container.image .container-inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  min-height: 100%;
}
@media screen and (min-width: 769px) {
  .st-Modal .container.image .container-inner {
    padding: max(120px, 6.25vw) 0;
  }
}
@media screen and (max-width: 768px) {
  .st-Modal .container.image .container-inner {
    padding: 20.8333333333vw 0;
  }
}
.st-Modal .container .content {
  position: relative;
  opacity: 0;
  width: 100%;
  -webkit-transition: opacity 0.35s 0.2s;
  transition: opacity 0.35s 0.2s;
}
.st-Modal .container .content.showed {
  opacity: 1;
}
.st-Modal .container button[name="close"] {
  position: absolute;
  right: 0;
}
@media screen and (min-width: 769px) {
  .st-Modal .container button[name="close"] {
    top: min(-60px, -3.125vw);
    width: max(50px, 2.6041666667vw);
    height: max(50px, 2.6041666667vw);
  }
}
@media screen and (max-width: 768px) {
  .st-Modal .container button[name="close"] {
    top: -11.4583333333vw;
    width: 9.1145833333vw;
    height: 9.1145833333vw;
  }
}
.st-Modal .container button[name="close"]::after,
.st-Modal .container button[name="close"]::before {
  position: absolute;
  background-color: #fff;
  content: "";
}
@media screen and (min-width: 769px) {
  .st-Modal .container button[name="close"]::after,
  .st-Modal .container button[name="close"]::before {
    top: max(23px, 1.1979166667vw);
    left: min(-9px, -0.46875vw);
    width: max(67px, 3.4895833333vw);
    height: max(3px, 0.15625vw);
  }
}
@media screen and (max-width: 768px) {
  .st-Modal .container button[name="close"]::after,
  .st-Modal .container button[name="close"]::before {
    top: 4.4270833333vw;
    left: -1.6927083333vw;
    width: 12.3697916667vw;
    height: 0.390625vw;
  }
}
.st-Modal .container button[name="close"]::before {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.st-Modal .container button[name="close"]::after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
@media (any-hover: hover) {
  .st-Modal .container button[name="close"]::after,
  .st-Modal .container button[name="close"]::before {
    -webkit-transition: background-color 0.3s;
    transition: background-color 0.3s;
  }
  .st-Modal .container button[name="close"]:hover::after,
  .st-Modal .container button[name="close"]:hover::before {
    background-color: #ff7596;
  }
}
.sw-Button {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
}
@media screen and (min-width: 769px) {
  .sw-Button {
    height: max(46px, 2.3958333333vw);
  }
}
@media screen and (max-width: 768px) {
  .sw-Button {
    height: 10.4166666667vw;
  }
}
.sw-Button span.text {
  font-weight: 700;
  letter-spacing: 0.06em;
}
@media screen and (min-width: 769px) {
  .sw-Button span.text {
    font-size: max(16px, 0.8333333333vw);
  }
}
@media screen and (max-width: 768px) {
  .sw-Button span.text {
    font-size: 3.125vw;
  }
}
.sw-Button span.icon {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  border-radius: 100%;
  background-color: #fff;
}
@media screen and (min-width: 769px) {
  .sw-Button span.icon {
    width: max(46px, 2.3958333333vw);
    height: max(46px, 2.3958333333vw);
    border: max(2px, 0.1041666667vw) solid #ff7596;
  }
}
@media screen and (max-width: 768px) {
  .sw-Button span.icon {
    width: 10.4166666667vw;
    height: 10.4166666667vw;
    border: 0.390625vw solid #ff7596;
  }
}
.sw-Button span.svg {
  fill: #ff7596;
}
@media screen and (min-width: 769px) {
  .sw-Button span.svg {
    width: max(16px, 0.8333333333vw);
  }
}
@media screen and (max-width: 768px) {
  .sw-Button span.svg {
    width: 3.6458333333vw;
  }
}
@media screen and (min-width: 769px) {
  .sw-Button.right span.text {
    margin-right: max(20px, 1.0416666667vw);
  }
}
@media screen and (max-width: 768px) {
  .sw-Button.right span.text {
    margin-right: 3.3854166667vw;
  }
}
@media screen and (min-width: 769px) {
  .sw-Button.left span.text {
    margin-left: max(20px, 1.0416666667vw);
  }
}
@media screen and (max-width: 768px) {
  .sw-Button.left span.text {
    margin-left: 3.3854166667vw;
  }
}
@media (any-hover: hover) {
  .sw-Button span.text {
    -webkit-transition: color 0.2s;
    transition: color 0.2s;
  }
  .sw-Button span.icon {
    -webkit-transition: background-color 0.2s;
    transition: background-color 0.2s;
  }
  .sw-Button span.svg {
    -webkit-transition: fill 0.2s;
    transition: fill 0.2s;
  }
  .sw-Button:hover span.text {
    color: #ff7596;
  }
  .sw-Button:hover span.icon {
    background-color: #ff7596;
  }
  .sw-Button:hover span.svg {
    fill: #fff;
  }
}
.sw-Button_Primary {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  position: relative;
  margin: 0 auto;
  color: #fff;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: 0.08em;
  background-image: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#ff4370),
    to(#fa5c5c)
  );
  background-image: -webkit-linear-gradient(left, #ff4370, #fa5c5c);
  background-image: linear-gradient(90deg, #ff4370, #fa5c5c);
}
@media screen and (min-width: 769px) {
  .sw-Button_Primary {
    width: max(420px, 21.875vw);
    height: max(80px, 4.1666666667vw);
    border-radius: max(40px, 2.0833333333vw);
    font-size: max(22px, 1.1458333333vw);
    -webkit-box-shadow: max(4px, 0.2083333333vw) max(4px, 0.2083333333vw) 0
      #f3cad4;
    box-shadow: max(4px, 0.2083333333vw) max(4px, 0.2083333333vw) 0 #f3cad4;
  }
}
@media screen and (max-width: 768px) {
  .sw-Button_Primary {
    width: 65.1041666667vw;
    height: 13.0208333333vw;
    border-radius: 6.5104166667vw;
    font-size: 3.6458333333vw;
    -webkit-box-shadow: 0.78125vw 0.78125vw 0 #f3cad4;
    box-shadow: 0.78125vw 0.78125vw 0 #f3cad4;
  }
}
.sw-Button_Primary span.svg {
  position: absolute;
  fill: #fff;
}
@media screen and (min-width: 769px) {
  .sw-Button_Primary span.svg {
    right: max(40px, 2.0833333333vw);
    width: max(8px, 0.4166666667vw);
  }
}
@media screen and (max-width: 768px) {
  .sw-Button_Primary span.svg {
    right: 5.2083333333vw;
    width: 1.5625vw;
  }
}
@media (any-hover: hover) {
  .sw-Button_Primary {
    -webkit-transition: -webkit-transform 0.2s, -webkit-box-shadow 0.2s;
    transition: -webkit-transform 0.2s, -webkit-box-shadow 0.2s;
    transition: transform 0.2s, box-shadow 0.2s;
    transition: transform 0.2s, box-shadow 0.2s, -webkit-transform 0.2s,
      -webkit-box-shadow 0.2s;
  }
  .sw-Button_Primary:hover {
    -webkit-box-shadow: 0 0 0 #f3cad4 !important;
    box-shadow: 0 0 0 #f3cad4 !important;
  }
}
@media screen and (any-hover: hover) and (min-width: 769px) {
  .sw-Button_Primary:hover {
    -webkit-transform: translate(
      max(4px, 0.2083333333vw),
      max(4px, 0.2083333333vw)
    );
    transform: translate(max(4px, 0.2083333333vw), max(4px, 0.2083333333vw));
  }
}
@media screen and (any-hover: hover) and (max-width: 768px) {
  .sw-Button_Primary:hover {
    -webkit-transform: translate(0.78125vw, 0.78125vw);
    transform: translate(0.78125vw, 0.78125vw);
  }
}
.sw-Button_Register {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  color: #fff;
  font-weight: 900;
  letter-spacing: 0.08em;
  background-image: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#ff4370),
    to(#fa5c5c)
  );
  background-image: -webkit-linear-gradient(left, #ff4370, #fa5c5c);
  background-image: linear-gradient(90deg, #ff4370, #fa5c5c);
}
@media screen and (min-width: 769px) {
  .sw-Button_Register {
    width: max(710px, 36.9791666667vw);
    height: max(120px, 6.25vw);
    padding-left: max(62px, 3.2291666667vw);
    border-radius: max(60px, 3.125vw);
    font-size: max(34px, 1.7708333333vw);
    -webkit-box-shadow: max(6px, 0.3125vw) max(8px, 0.4166666667vw) 0
      rgba(229, 0, 0, 0.3);
    box-shadow: max(6px, 0.3125vw) max(8px, 0.4166666667vw) 0
      rgba(229, 0, 0, 0.3);
  }
}
@media screen and (max-width: 768px) {
  .sw-Button_Register {
    width: 92.1875vw;
    height: 15.625vw;
    padding-left: 8.0729166667vw;
    border-radius: 7.8125vw;
    font-size: 4.4270833333vw;
    -webkit-box-shadow: 0.78125vw 1.0416666667vw 0 rgba(229, 0, 0, 0.3);
    box-shadow: 0.78125vw 1.0416666667vw 0 rgba(229, 0, 0, 0.3);
  }
}
@media screen and (min-width: 769px) {
  .sw-Button_Register span.icon {
    width: max(50px, 2.6041666667vw);
    margin-left: max(28px, 1.4583333333vw);
  }
}
@media screen and (max-width: 768px) {
  .sw-Button_Register span.icon {
    width: 6.5104166667vw;
    margin-left: 3.6458333333vw;
  }
}
@media (any-hover: hover) {
  .sw-Button_Register {
    -webkit-transition: -webkit-transform 0.3s, -webkit-box-shadow 0.3s;
    transition: -webkit-transform 0.3s, -webkit-box-shadow 0.3s;
    transition: transform 0.3s, box-shadow 0.3s;
    transition: transform 0.3s, box-shadow 0.3s, -webkit-transform 0.3s,
      -webkit-box-shadow 0.3s;
  }
  .sw-Button_Register:hover {
    -webkit-box-shadow: 0 0 0 rgba(229, 0, 0, 0.3) !important;
    box-shadow: 0 0 0 rgba(229, 0, 0, 0.3) !important;
  }
}
@media screen and (any-hover: hover) and (min-width: 769px) {
  .sw-Button_Register:hover {
    -webkit-transform: translate(max(8px, 0.4166666667vw), max(6px, 0.3125vw));
    transform: translate(max(8px, 0.4166666667vw), max(6px, 0.3125vw));
  }
}
@media screen and (any-hover: hover) and (max-width: 768px) {
  .sw-Button_Register:hover {
    -webkit-transform: translate(1.0416666667vw, 0.78125vw);
    transform: translate(1.0416666667vw, 0.78125vw);
  }
}
@media screen and (min-width: 769px) {
  .index-catch {
    width: max(544px, 28.3333333333vw);
  }
}
@media screen and (max-width: 768px) {
  .index-catch {
    width: 84.375vw;
  }
}
.index-more {
  text-align: right;
}
@media screen and (max-width: 768px) {
  .index-more {
    width: 92.1875vw;
    margin: 0 auto;
  }
}
.index-KeyVisual {
  position: relative;
  background-repeat: no-repeat;
  background-position: top center;
  background-size: auto 100%;
}
@media screen and (min-width: 769px) {
  .index-KeyVisual {
    height: max(946px, 49.2708333333vw);
    background-image: url(../../images/pc/index/bg_kv.png);
  }
}
@media screen and (max-width: 768px) {
  .index-KeyVisual {
    height: 173.1770833333vw;
    margin-bottom: 10.15625vw;
    background-image: url(../../images/sp/index/bg_kv.png);
  }
}
.index-KeyVisual #coordinate {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1;
}
@media screen and (min-width: 769px) {
  .index-KeyVisual #coordinate {
    bottom: min(-200px, -10.4166666667vw);
  }
}
@media screen and (max-width: 768px) {
  .index-KeyVisual #coordinate {
    bottom: 0;
  }
}
.index-KeyVisual .container {
  position: relative;
  margin: 0 auto;
}
@media screen and (min-width: 769px) {
  .index-KeyVisual .container {
    width: max(1200px, 62.5vw);
    padding-top: max(178px, 9.2708333333vw);
  }
}
@media screen and (max-width: 768px) {
  .index-KeyVisual .container {
    padding-top: 88.8020833333vw;
  }
}
.index-KeyVisual .content {
  position: relative;
}
@media screen and (min-width: 769px) {
  .index-KeyVisual .content {
    width: max(722px, 37.6041666667vw);
  }
}
@media screen and (max-width: 768px) {
  .index-KeyVisual .content {
    z-index: 1;
  }
}
.index-KeyVisual .content h1.title {
  position: relative;
}
@media screen and (min-width: 769px) {
  .index-KeyVisual .content h1.title {
    margin-bottom: max(70px, 3.6458333333vw);
  }
}
@media screen and (max-width: 768px) {
  .index-KeyVisual .content h1.title {
    margin-bottom: 6.7708333333vw;
  }
}
.index-KeyVisual .content h1.title::before {
  position: absolute;
  background-repeat: no-repeat;
  content: "";
}
@media screen and (min-width: 769px) {
  .index-KeyVisual .content h1.title::before {
    top: min(-77px, -4.0104166667vw);
    left: min(-90px, -4.6875vw);
    width: max(868px, 45.2083333333vw);
    height: max(450px, 23.4375vw);
    background-image: url(../../images/pc/index/bg_kv_balloon.png);
    background-position: center;
    background-size: cover;
  }
}
@media screen and (max-width: 768px) {
  .index-KeyVisual .content h1.title::before {
    top: -10.546875vw;
    left: 0;
    width: 100%;
    height: 58.59375vw;
    background-image: url(../../images/sp/index/bg_kv_balloon.png);
    background-position: top left -3.515625vw;
    background-size: 105.2083333333vw 58.59375vw;
  }
}
@media screen and (max-width: 768px) {
  .index-KeyVisual .content h1.title::after {
    position: absolute;
    top: -6.25vw;
    bottom: -3.90625vw;
    right: 0;
    left: 0;
    z-index: -1;
    background-color: #fff;
    content: "";
    -webkit-filter: blur(23.4375vw);
    filter: blur(23.4375vw);
  }
}
@media screen and (min-width: 769px) {
  .index-KeyVisual .content p.index-catch {
    width: max(544px, 28.3333333333vw);
    margin-bottom: max(30px, 1.5625vw);
    margin-left: max(83px, 4.3229166667vw);
  }
}
@media screen and (max-width: 768px) {
  .index-KeyVisual .content p.index-catch {
    margin: 0 auto 3.90625vw;
  }
}
@media screen and (min-width: 769px) {
  .index-KeyVisual .content .sw-Button_Register {
    position: relative;
    z-index: 1;
    width: max(710px, 36.9791666667vw);
    height: max(120px, 6.25vw);
    padding-left: max(62px, 3.2291666667vw);
    border-radius: max(60px, 3.125vw);
    font-size: max(34px, 1.7708333333vw);
    -webkit-box-shadow: max(4.8px, 0.3125vw) max(6.4px, 0.4166666667vw) 0
      rgba(229, 0, 0, 0.3);
    box-shadow: max(4.8px, 0.3125vw) max(6.4px, 0.4166666667vw) 0
      rgba(229, 0, 0, 0.3);
  }
}
@media screen and (max-width: 768px) {
  .index-KeyVisual .content .sw-Button_Register {
    margin: 0 auto;
  }
}
@media screen and (min-width: 769px) {
  .index-KeyVisual .content .sw-Button_Register span.icon {
    width: max(50px, 2.6041666667vw);
    margin-left: max(28px, 1.4583333333vw);
  }
}
.index-KeyVisual .chara {
  position: absolute;
}
@media screen and (min-width: 769px) {
  .index-KeyVisual .chara {
    top: 0;
    right: min(-328px, -17.0833333333vw);
    width: max(900px, 46.875vw);
    height: max(1560px, 81.25vw);
  }
}
@media screen and (max-width: 768px) {
  .index-KeyVisual .chara {
    top: 1.3020833333vw;
    right: -10.4166666667vw;
    width: 106.7708333333vw;
    height: 184.8958333333vw;
  }
}
.index-KeyVisual .chara canvas#root {
  width: 100%;
  height: 100%;
}
@media screen and (min-width: 769px) {
  .index-KeyVisual .chara canvas#root {
    -webkit-mask-image: -webkit-gradient(
      linear,
      left top,
      left bottom,
      color-stop(63%, #000),
      color-stop(68%, transparent)
    );
    -webkit-mask-image: -webkit-linear-gradient(black 63%, transparent 68%);
    mask-image: -webkit-gradient(
      linear,
      left top,
      left bottom,
      color-stop(63%, #000),
      color-stop(68%, transparent)
    );
    mask-image: linear-gradient(black 63%, transparent 68%);
  }
}
@media screen and (max-width: 768px) {
  .index-KeyVisual .chara canvas#root {
    -webkit-mask-image: -webkit-gradient(
      linear,
      left top,
      left bottom,
      color-stop(64%, #000),
      color-stop(78%, transparent)
    );
    -webkit-mask-image: -webkit-linear-gradient(black 64%, transparent 78%);
    mask-image: -webkit-gradient(
      linear,
      left top,
      left bottom,
      color-stop(64%, #000),
      color-stop(78%, transparent)
    );
    mask-image: linear-gradient(black 64%, transparent 78%);
  }
}
.index-Banner {
  position: relative;
  z-index: 1;
}
@media screen and (min-width: 769px) {
  .index-Banner {
    margin-top: min(-50px, -2.6041666667vw);
    margin-bottom: max(156px, 8.125vw);
  }
}
@media screen and (max-width: 768px) {
  .index-Banner {
    margin-top: -4.4270833333vw;
    margin-bottom: 16.015625vw;
  }
}
.index-Banner .banner-wrapper {
  position: relative;
  margin: 0 auto;
}
@media screen and (min-width: 769px) {
  .index-Banner .banner-wrapper {
    width: max(1200px, 62.5vw);
  }
}
@media screen and (max-width: 768px) {
  .index-Banner .banner-wrapper {
    width: 65.8854166667vw;
  }
}
.index-Banner .banner-wrapper ul li a,
.index-Banner .banner-wrapper ul li span {
  display: block;
  overflow: hidden;
}
@media screen and (min-width: 769px) {
  .index-Banner .banner-wrapper ul li a,
  .index-Banner .banner-wrapper ul li span {
    border-radius: max(10px, 0.5208333333vw);
    -webkit-box-shadow: max(6px, 0.3125vw) max(6px, 0.3125vw) 0 #f5d8df;
    box-shadow: max(6px, 0.3125vw) max(6px, 0.3125vw) 0 #f5d8df;
  }
}
@media screen and (max-width: 768px) {
  .index-Banner .banner-wrapper ul li a,
  .index-Banner .banner-wrapper ul li span {
    border-radius: 1.3020833333vw;
    -webkit-box-shadow: 0.78125vw 0.78125vw 0 #f5d8df;
    box-shadow: 0.78125vw 0.78125vw 0 #f5d8df;
  }
}
@media (any-hover: hover) {
  .index-Banner .banner-wrapper ul li a img {
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
  }
  .index-Banner .banner-wrapper ul li a:hover img {
    -webkit-transform: scale(1.08);
    transform: scale(1.08);
  }
}
.index-Banner .banner-wrapper ul:not(.swiper-wrapper) li {
  margin: 0 auto;
}
@media screen and (min-width: 769px) {
  .index-Banner .banner-wrapper ul:not(.swiper-wrapper) li {
    width: max(380px, 19.7916666667vw);
  }
}
@media screen and (max-width: 768px) {
  .index-Banner .banner-wrapper ul:not(.swiper-wrapper) li {
    width: 61.1979166667vw;
  }
}
@media screen and (min-width: 769px) {
  .index-Banner .banner-wrapper.col2-pc .swiper-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
  }
  .index-Banner .banner-wrapper.col2-pc .swiper-slide {
    width: max(410px, 21.3541666667vw);
  }
  .index-Banner .banner-wrapper.col2-pc .navigation {
    display: none;
  }
}
@media screen and (min-width: 769px) {
  .index-Banner .banner-wrapper .swiper-container {
    overflow: hidden;
    width: max(1230px, 64.0625vw);
    margin: 0 min(-15px, -0.78125vw);
  }
}
.index-Banner .banner-wrapper .swiper-slide {
  cursor: -webkit-grab;
  cursor: grab;
}
@media screen and (min-width: 769px) {
  .index-Banner .banner-wrapper .swiper-slide {
    padding: 0 max(15px, 0.78125vw) max(6px, 0.3125vw);
  }
}
@media screen and (max-width: 768px) {
  .index-Banner .banner-wrapper .swiper-slide {
    padding: 0 2.34375vw;
  }
}
.index-Banner .banner-wrapper .swiper-slide:active {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}
.index-Banner .banner-wrapper .pagination {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  width: auto;
}
@media screen and (min-width: 769px) {
  .index-Banner .banner-wrapper .pagination {
    margin-top: max(20px, 1.0416666667vw);
  }
}
@media screen and (max-width: 768px) {
  .index-Banner .banner-wrapper .pagination {
    margin-top: 3.90625vw;
  }
}
.index-Banner .banner-wrapper .pagination .swiper-pagination-bullet {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  opacity: 1;
  border: 1px solid rgba(255, 117, 150, 0);
  background: 0 0;
}
@media screen and (min-width: 769px) {
  .index-Banner .banner-wrapper .pagination .swiper-pagination-bullet {
    width: max(14px, 0.7291666667vw);
    height: max(14px, 0.7291666667vw);
    margin: 0 max(4px, 0.2083333333vw);
  }
}
@media screen and (min-width: 481px) and (max-width: 768px) {
  .index-Banner .banner-wrapper .pagination .swiper-pagination-bullet {
    width: 22px;
    height: 22px;
    margin: 0 4px;
  }
}
@media screen and (max-width: 480px) {
  .index-Banner .banner-wrapper .pagination .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    margin: 0 2px;
  }
}
.index-Banner .banner-wrapper .pagination .swiper-pagination-bullet::before {
  border-radius: 100%;
  background-color: #b3b3b3;
  content: "";
}
@media screen and (min-width: 769px) {
  .index-Banner .banner-wrapper .pagination .swiper-pagination-bullet::before {
    width: max(8px, 0.4166666667vw);
    height: max(8px, 0.4166666667vw);
  }
}
@media screen and (min-width: 481px) and (max-width: 768px) {
  .index-Banner .banner-wrapper .pagination .swiper-pagination-bullet::before {
    width: 12px;
    height: 12px;
  }
}
@media screen and (max-width: 480px) {
  .index-Banner .banner-wrapper .pagination .swiper-pagination-bullet::before {
    width: 6px;
    height: 6px;
  }
}
@media (any-hover: hover) {
  .index-Banner .banner-wrapper .pagination .swiper-pagination-bullet::before {
    -webkit-transition: background-color 0.3s;
    transition: background-color 0.3s;
  }
  .index-Banner
    .banner-wrapper
    .pagination
    .swiper-pagination-bullet:hover::before {
    background-color: #ff7596;
  }
}
.index-Banner .banner-wrapper .pagination .swiper-pagination-bullet-active {
  border: 1px solid #ff7596;
}
.index-Banner
  .banner-wrapper
  .pagination
  .swiper-pagination-bullet-active::before {
  background-color: #ff7596;
}
.index-Banner .banner-wrapper button {
  position: absolute;
  z-index: 1;
  border-radius: 100%;
  font-size: 0;
  text-align: center;
  background-color: #ff7596;
}
@media screen and (min-width: 769px) {
  .index-Banner .banner-wrapper button {
    top: max(80px, 4.1666666667vw);
    width: max(54px, 2.8125vw);
    height: max(54px, 2.8125vw);
    border: max(2px, 0.1041666667vw) solid #fff;
  }
}
@media screen and (max-width: 768px) {
  .index-Banner .banner-wrapper button {
    top: 11.9791666667vw;
    width: 10.4166666667vw;
    height: 10.4166666667vw;
    border: 0.2604166667vw solid #fff;
  }
}
@media (any-hover: hover) {
  .index-Banner .banner-wrapper button {
    -webkit-transition: -webkit-transform 0.2s;
    transition: -webkit-transform 0.2s;
    transition: transform 0.2s;
    transition: transform 0.2s, -webkit-transform 0.2s;
  }
}
.index-Banner .banner-wrapper button span.svg {
  position: relative;
  fill: #fff;
}
@media screen and (min-width: 769px) {
  .index-Banner .banner-wrapper button span.svg {
    width: max(16px, 0.8333333333vw);
  }
}
@media screen and (max-width: 768px) {
  .index-Banner .banner-wrapper button span.svg {
    width: 3.3854166667vw;
  }
}
@media screen and (min-width: 769px) {
  .index-Banner .banner-wrapper button[name="prev"] {
    left: min(-27px, -1.40625vw);
  }
}
@media screen and (max-width: 768px) {
  .index-Banner .banner-wrapper button[name="prev"] {
    left: -5.2083333333vw;
  }
}
@media screen and (any-hover: hover) and (min-width: 769px) {
  .index-Banner .banner-wrapper button[name="prev"]:hover {
    -webkit-transform: translateX(min(-4px, -0.2083333333vw));
    transform: translateX(min(-4px, -0.2083333333vw));
  }
}
@media screen and (any-hover: hover) and (max-width: 768px) {
  .index-Banner .banner-wrapper button[name="prev"]:hover {
    -webkit-transform: translateX(-0.5208333333vw);
    transform: translateX(-0.5208333333vw);
  }
}
@media screen and (min-width: 769px) {
  .index-Banner .banner-wrapper button[name="next"] {
    right: min(-27px, -1.40625vw);
  }
}
@media screen and (max-width: 768px) {
  .index-Banner .banner-wrapper button[name="next"] {
    right: -5.2083333333vw;
  }
}
@media screen and (any-hover: hover) and (min-width: 769px) {
  .index-Banner .banner-wrapper button[name="next"]:hover {
    -webkit-transform: translateX(min(4px, 0.2083333333vw));
    transform: translateX(min(4px, 0.2083333333vw));
  }
}
@media screen and (any-hover: hover) and (max-width: 768px) {
  .index-Banner .banner-wrapper button[name="next"]:hover {
    -webkit-transform: translateX(0.5208333333vw);
    transform: translateX(0.5208333333vw);
  }
}
.index-News {
  position: relative;
  z-index: 1;
  pointer-events: none;
}
@media screen and (min-width: 769px) {
  .index-News {
    margin-bottom: max(180px, 9.375vw);
  }
}
@media screen and (max-width: 768px) {
  .index-News {
    margin-bottom: 19.53125vw;
  }
}
.index-News .section-header {
  margin: 0 auto;
}
@media screen and (min-width: 769px) {
  .index-News .section-header {
    width: max(1200px, 62.5vw);
    margin-bottom: max(50px, 2.6041666667vw);
  }
}
@media screen and (max-width: 768px) {
  .index-News .section-header {
    width: 92.1875vw;
    margin-bottom: 8.4635416667vw;
    padding-left: 3.90625vw;
  }
}
.index-News .section-header h2 span.title {
  display: inline-block;
  position: relative;
  z-index: 0;
  font-weight: 900;
  letter-spacing: 0.06em;
}
@media screen and (min-width: 769px) {
  .index-News .section-header h2 span.title {
    font-size: max(30px, 1.5625vw);
  }
}
@media screen and (max-width: 768px) {
  .index-News .section-header h2 span.title {
    font-size: 5.2083333333vw;
  }
}
.index-News .section-header h2 span.title::before {
  position: absolute;
  z-index: -1;
  border-radius: 100%;
  background-color: #fff1f6;
  content: "";
}
@media screen and (min-width: 769px) {
  .index-News .section-header h2 span.title::before {
    top: min(-36px, -1.875vw);
    left: min(-40px, -2.0833333333vw);
    width: max(90px, 4.6875vw);
    height: max(90px, 4.6875vw);
  }
}
@media screen and (max-width: 768px) {
  .index-News .section-header h2 span.title::before {
    top: -4.1666666667vw;
    left: -3.90625vw;
    width: 14.3229166667vw;
    height: 14.3229166667vw;
  }
}
.index-News .section-header h2 span.title::after {
  position: absolute;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  content: "";
}
@media screen and (min-width: 769px) {
  .index-News .section-header h2 span.title::after {
    top: min(-25px, -1.3020833333vw);
    right: min(-77px, -4.0104166667vw);
    width: max(92px, 4.7916666667vw);
    height: max(54px, 2.8125vw);
    background-image: url(../../images/pc/index/ttl_topics.png);
  }
}
@media screen and (max-width: 768px) {
  .index-News .section-header h2 span.title::after {
    top: -3.2552083333vw;
    right: -10.4166666667vw;
    width: 13.8020833333vw;
    height: 8.0729166667vw;
    background-image: url(../../images/sp/index/ttl_topics.png);
  }
}
.index-News .section-body {
  margin: 0 auto;
}
@media screen and (min-width: 769px) {
  .index-News .section-body {
    width: max(1200px, 62.5vw);
  }
}
@media screen and (min-width: 769px) {
  .index-News .st-News_List {
    margin-bottom: max(50px, 2.6041666667vw);
  }
}
@media screen and (max-width: 768px) {
  .index-News .st-News_List {
    margin-bottom: 3.90625vw;
  }
}
.index-News .st-News_List ul li article {
  pointer-events: auto;
}
.index-News .index-more {
  pointer-events: auto;
}
.index-News .background {
  position: absolute;
  right: 0;
  left: 0;
  z-index: -1;
}
@media screen and (min-width: 769px) {
  .index-News .background {
    top: max(15px, 0.78125vw);
    height: max(430px, 22.3958333333vw);
  }
}
@media screen and (max-width: 768px) {
  .index-News .background {
    top: 2.8645833333vw;
    height: 72.9166666667vw;
  }
}
.index-News .background-inner {
  position: relative;
  height: 100%;
}
@media screen and (min-width: 769px) {
  .index-News .background-inner {
    width: max(440px, 22.9166666667vw);
    margin: 0 auto;
  }
}
.index-News .background-inner::before {
  position: absolute;
  top: 0;
  bottom: 0;
  background-image: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#ffe8f0),
    to(#ffedd3)
  );
  background-image: -webkit-linear-gradient(left, #ffe8f0, #ffedd3);
  background-image: linear-gradient(90deg, #ffe8f0, #ffedd3);
  content: "";
}
@media screen and (min-width: 769px) {
  .index-News .background-inner::before {
    right: 0;
    width: max(1062px, 61.4583333333vw);
    border-radius: 0 max(200px, 10.4166666667vw) max(200px, 10.4166666667vw) 0;
  }
}
@media screen and (max-width: 768px) {
  .index-News .background-inner::before {
    left: 0;
    width: 92.1875vw;
    border-radius: 0 36.4583333333vw 36.4583333333vw 0;
  }
}
.index-About {
  background-repeat: no-repeat;
  background-position: top center;
  background-size: 100% auto;
}
@media screen and (min-width: 769px) {
  .index-About {
    margin-bottom: max(130px, 6.7708333333vw);
    padding-top: max(22px, 1.1458333333vw);
    background-image: url(../../images/pc/index/bg_section.png);
  }
}
@media screen and (max-width: 768px) {
  .index-About {
    margin-bottom: 19.53125vw;
    background-image: url(../../images/sp/index/bg_section.png);
  }
}
@media screen and (min-width: 769px) {
  .index-About .section-header {
    margin-bottom: max(100px, 5.2083333333vw);
  }
}
@media screen and (max-width: 768px) {
  .index-About .section-header {
    margin-bottom: 12.3697916667vw;
  }
}
.index-About .section-header h2 {
  text-align: center;
}
.index-About .section-header h2 span.title {
  display: inline-block;
  position: relative;
  z-index: 0;
  font-weight: 900;
  letter-spacing: 0.06em;
}
@media screen and (min-width: 769px) {
  .index-About .section-header h2 span.title {
    font-size: max(60px, 3.125vw);
  }
}
@media screen and (max-width: 768px) {
  .index-About .section-header h2 span.title {
    font-size: 6.5104166667vw;
  }
}
.index-About .section-header h2 span.title::before {
  position: absolute;
  z-index: -1;
  border-radius: 100%;
  background-color: #fff1f6;
  content: "";
}
@media screen and (min-width: 769px) {
  .index-About .section-header h2 span.title::before {
    top: min(-22px, -1.1458333333vw);
    left: min(-54px, -2.8125vw);
    width: max(110px, 5.7291666667vw);
    height: max(110px, 5.7291666667vw);
  }
}
@media screen and (max-width: 768px) {
  .index-About .section-header h2 span.title::before {
    top: -2.8645833333vw;
    left: -5.2083333333vw;
    width: 13.0208333333vw;
    height: 13.0208333333vw;
  }
}
.index-About .section-header h2 span.title::after {
  position: absolute;
  background-image: url(../../images/common/index/ttl_about.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  content: "";
}
@media screen and (min-width: 769px) {
  .index-About .section-header h2 span.title::after {
    top: min(-29px, -1.5104166667vw);
    right: min(-135px, -7.03125vw);
    width: max(188px, 9.7916666667vw);
    height: max(70px, 3.6458333333vw);
  }
}
@media screen and (max-width: 768px) {
  .index-About .section-header h2 span.title::after {
    top: -2.9947916667vw;
    right: -14.3229166667vw;
    width: 24.4791666667vw;
    height: 9.1145833333vw;
  }
}
.index-About .section-body {
  margin: 0 auto;
}
@media screen and (min-width: 769px) {
  .index-About .section-body {
    width: max(1200px, 62.5vw);
  }
}
@media screen and (max-width: 768px) {
  .index-About .section-body {
    width: 92.1875vw;
  }
}
@media screen and (min-width: 769px) {
  .index-About .section-body .introduction {
    margin-bottom: max(100px, 5.2083333333vw);
  }
}
@media screen and (max-width: 768px) {
  .index-About .section-body .introduction {
    margin-bottom: 10.4166666667vw;
  }
}
.index-About .section-body .introduction p {
  font-weight: 900;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-align: center;
}
@media screen and (min-width: 769px) {
  .index-About .section-body .introduction p {
    font-size: max(24px, 1.25vw);
  }
}
@media screen and (max-width: 768px) {
  .index-About .section-body .introduction p {
    font-size: 3.90625vw;
  }
}
.index-About .section-body .introduction p.pc_b span.line:nth-of-type(1) {
  display: inline-block;
  margin-bottom: max(18px, 0.9375vw);
}
.index-About .section-body .introduction p.pc_b span.line:nth-of-type(2) {
  display: inline-block;
  margin-bottom: max(23px, 1.1979166667vw);
}
.index-About .section-body .introduction p.sp_b span.line:nth-of-type(1),
.index-About .section-body .introduction p.sp_b span.line:nth-of-type(2),
.index-About .section-body .introduction p.sp_b span.line:nth-of-type(3),
.index-About .section-body .introduction p.sp_b span.line:nth-of-type(4) {
  display: inline-block;
  margin-bottom: 2.6041666667vw;
}
.index-About .section-body .introduction p span.em {
  display: inline-block;
  color: #fff;
  background-color: #ff7596;
}
@media screen and (min-width: 769px) {
  .index-About .section-body .introduction p span.em {
    margin: 0 max(6px, 0.3125vw);
    padding: max(3px, 0.15625vw) max(6px, 0.3125vw) max(5px, 0.2604166667vw);
    border-radius: max(4px, 0.2083333333vw);
    font-size: max(30px, 1.5625vw);
  }
}
@media screen and (max-width: 768px) {
  .index-About .section-body .introduction p span.em {
    margin: 0 0.78125vw;
    padding: 0.390625vw 0.78125vw 0.6510416667vw;
    border-radius: 0.5208333333vw;
    font-size: 4.6875vw;
  }
}
.index-About .section-body .introduction p span.underline {
  position: relative;
}
.index-About .section-body .introduction p span.underline::before {
  position: absolute;
  left: 0;
  z-index: -1;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  content: "";
}
@media screen and (min-width: 769px) {
  .index-About .section-body .introduction p span.underline::before {
    bottom: min(-9px, -0.46875vw);
    width: max(240px, 12.5vw);
    height: max(36px, 1.875vw);
    background-image: url(../../images/pc/index/bg_about_underline.png);
  }
}
@media screen and (max-width: 768px) {
  .index-About .section-body .introduction p span.underline::before {
    bottom: -1.5625vw;
    width: 37.7604166667vw;
    height: 5.9895833333vw;
    background-image: url(../../images/sp/index/bg_about_underline.png);
  }
}
.index-About .section-body .about-overview {
  position: relative;
}
@media screen and (min-width: 769px) {
  .index-About .section-body .about-overview {
    margin-bottom: max(100px, 5.2083333333vw);
    padding: 0 max(120px, 6.25vw) max(50px, 2.6041666667vw);
  }
}
@media screen and (max-width: 768px) {
  .index-About .section-body .about-overview {
    margin-bottom: 13.0208333333vw;
    padding: 0 3.90625vw 5.2083333333vw;
  }
}
.index-About .section-body .about-overview::before {
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: -1;
  background-color: #fff1f6;
  content: "";
}
@media screen and (min-width: 769px) {
  .index-About .section-body .about-overview::before {
    top: max(27px, 1.40625vw);
    border-radius: max(10px, 0.5208333333vw);
  }
}
@media screen and (max-width: 768px) {
  .index-About .section-body .about-overview::before {
    top: 4.4270833333vw;
    border-radius: 1.3020833333vw;
  }
}
.index-About .section-body .about-overview h3 {
  margin: 0 auto;
}
@media screen and (min-width: 769px) {
  .index-About .section-body .about-overview h3 {
    margin-bottom: max(48px, 2.5vw);
  }
}
@media screen and (max-width: 768px) {
  .index-About .section-body .about-overview h3 {
    margin-bottom: 5.9895833333vw;
  }
}
.index-About .section-body .about-overview ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
}
@media screen and (min-width: 769px) {
  .index-About .section-body .about-overview ul {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
  }
}
@media screen and (max-width: 768px) {
  .index-About .section-body .about-overview ul {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    margin: 0 -0.78125vw -1.5625vw;
  }
}
@media screen and (min-width: 769px) {
  .index-About .section-body .about-overview ul li {
    width: max(300px, 15.625vw);
  }
}
@media screen and (max-width: 768px) {
  .index-About .section-body .about-overview ul li {
    width: 50%;
    padding: 0 0.78125vw 1.5625vw;
  }
}
.index-About .section-body .about-overview ul li .container {
  text-align: center;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
@media screen and (min-width: 769px) {
  .index-About .section-body .about-overview ul li .container {
    height: max(200px, 10.4166666667vw);
    padding-top: max(25px, 1.3020833333vw);
    background-image: url(../../images/pc/index/bg_about_overview.png);
  }
}
@media screen and (max-width: 768px) {
  .index-About .section-body .about-overview ul li .container {
    height: 32.9427083333vw;
    padding-top: 3.3854166667vw;
    background-image: url(../../images/sp/index/bg_about_overview.png);
  }
}
.index-About .section-body .about-overview ul li .container .icon {
  margin: 0 auto;
}
@media screen and (min-width: 769px) {
  .index-About .section-body .about-overview ul li .container .icon {
    width: max(50px, 2.6041666667vw);
    margin-bottom: max(25px, 1.3020833333vw);
  }
}
@media screen and (max-width: 768px) {
  .index-About .section-body .about-overview ul li .container .icon {
    width: 6.7708333333vw;
    margin-bottom: 2.6041666667vw;
  }
}
.index-About .section-body .about-overview ul li .container p.catch {
  display: inline-block;
  color: #ff7596;
  font-weight: 700;
  letter-spacing: 0.1em;
  background-repeat: no-repeat;
  background-position: bottom left, bottom right;
}
@media screen and (min-width: 769px) {
  .index-About .section-body .about-overview ul li .container p.catch {
    margin-bottom: max(12px, 0.625vw);
    padding: 0 max(20px, 1.0416666667vw);
    font-size: max(16px, 0.8333333333vw);
    background-image: url(../../images/pc/index/icon_overview_emphasis_left.png),
      url(../../images/pc/index/icon_overview_emphasis_right.png);
    background-size: max(16px, 0.8333333333vw) max(14px, 0.7291666667vw);
  }
}
@media screen and (max-width: 768px) {
  .index-About .section-body .about-overview ul li .container p.catch {
    margin-bottom: 1.5625vw;
    padding: 0 2.8645833333vw;
    font-size: 2.8645833333vw;
    line-height: 1.45;
    background-image: url(../../images/sp/index/icon_overview_emphasis_left.png),
      url(../../images/sp/index/icon_overview_emphasis_right.png);
    background-size: 2.34375vw 2.0833333333vw;
  }
}
.index-About .section-body .about-overview ul li .container p.text {
  font-weight: 900;
  line-height: 1.4;
  letter-spacing: 0.06em;
}
@media screen and (min-width: 769px) {
  .index-About .section-body .about-overview ul li .container p.text {
    font-size: max(26px, 1.3541666667vw);
  }
}
@media screen and (max-width: 768px) {
  .index-About .section-body .about-overview ul li .container p.text {
    font-size: 4.1666666667vw;
  }
}
.index-About .section-body h3.sub-title {
  position: relative;
  font-weight: 900;
  line-height: 1.4;
  letter-spacing: 0.06em;
  text-align: center;
}
@media screen and (min-width: 769px) {
  .index-About .section-body h3.sub-title {
    margin-bottom: max(40px, 2.0833333333vw);
    padding-bottom: max(22px, 1.1458333333vw);
    font-size: max(34px, 1.7708333333vw);
  }
}
@media screen and (max-width: 768px) {
  .index-About .section-body h3.sub-title {
    margin-bottom: 6.5104166667vw;
    padding-bottom: 4.1666666667vw;
    font-size: 5.46875vw;
  }
}
.index-About .section-body h3.sub-title::before {
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  margin: 0 auto;
  background-color: #f7931e;
  content: "";
}
@media screen and (min-width: 769px) {
  .index-About .section-body h3.sub-title::before {
    width: max(44px, 2.2916666667vw);
    height: max(2px, 0.1041666667vw);
  }
}
@media screen and (max-width: 768px) {
  .index-About .section-body h3.sub-title::before {
    width: 5.7291666667vw;
    height: 0.2604166667vw;
  }
}
.index-About .section-body .about-movie {
  margin: 0 auto;
}
@media screen and (min-width: 769px) {
  .index-About .section-body .about-movie {
    width: max(960px, 50vw);
    margin-bottom: max(100px, 5.2083333333vw);
  }
}
@media screen and (max-width: 768px) {
  .index-About .section-body .about-movie {
    margin-bottom: 19.53125vw;
  }
}
.index-About .section-body .about-movie .video {
  position: relative;
}
.index-About .section-body .about-movie .video::before {
  position: absolute;
  z-index: -1;
  background-image: url(../../images/common/index/bg_about_movie_emphasis.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  content: "";
}
@media screen and (min-width: 769px) {
  .index-About .section-body .about-movie .video::before {
    top: min(-51px, -2.65625vw);
    left: min(-49px, -2.5520833333vw);
    width: max(60px, 3.125vw);
    height: max(60px, 3.125vw);
  }
}
@media screen and (max-width: 768px) {
  .index-About .section-body .about-movie .video::before {
    top: -6.7708333333vw;
    left: -6.5104166667vw;
    width: 11.71875vw;
    height: 11.71875vw;
  }
}
.index-About .section-body .about-movie .video::after {
  position: absolute;
  z-index: -1;
  background-image: url(../../images/common/index/txt_check.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  content: "";
}
@media screen and (min-width: 769px) {
  .index-About .section-body .about-movie .video::after {
    bottom: min(-63px, -3.28125vw);
    right: min(-115px, -5.9895833333vw);
    width: max(232px, 12.0833333333vw);
    height: max(90px, 4.6875vw);
  }
}
@media screen and (max-width: 768px) {
  .index-About .section-body .about-movie .video::after {
    bottom: -10.4166666667vw;
    right: -4.5572916667vw;
    width: 30.2083333333vw;
    height: 11.71875vw;
  }
}
.index-About .section-body .about-movie .video .inner {
  position: relative;
  overflow: hidden;
  aspect-ratio: 16/9;
}
@media screen and (min-width: 769px) {
  .index-About .section-body .about-movie .video .inner {
    border-radius: max(12px, 0.625vw);
    -webkit-box-shadow: max(12px, 0.625vw) max(12px, 0.625vw) 0 #f5d8df;
    box-shadow: max(12px, 0.625vw) max(12px, 0.625vw) 0 #f5d8df;
  }
}
@media screen and (max-width: 768px) {
  .index-About .section-body .about-movie .video .inner {
    border-radius: 1.5625vw;
    -webkit-box-shadow: 1.5625vw 1.5625vw 0 #f5d8df;
    box-shadow: 1.5625vw 1.5625vw 0 #f5d8df;
  }
}
.index-About .section-body .about-movie .video .inner iframe {
  width: 100%;
  height: 100%;
}
.index-About .section-body .about-flow {
  margin: 0 auto;
}
@media screen and (min-width: 769px) {
  .index-About .section-body .about-flow {
    width: max(960px, 50vw);
    margin-bottom: max(55px, 2.8645833333vw);
  }
}
@media screen and (max-width: 768px) {
  .index-About .section-body .about-flow {
    width: 92.1875vw;
    margin-bottom: 6.5104166667vw;
  }
}
.index-About .section-body .about-flow .flow ul li {
  position: relative;
  border: 1px solid #ececec;
  background-color: #fff;
}
@media screen and (min-width: 769px) {
  .index-About .section-body .about-flow .flow ul li {
    padding: max(24px, 1.25vw) max(40px, 2.0833333333vw) max(24px, 1.25vw)
      max(30px, 1.5625vw);
    border-radius: max(6px, 0.3125vw);
    -webkit-box-shadow: max(4px, 0.2083333333vw) max(4px, 0.2083333333vw) 0
      #ededed;
    box-shadow: max(4px, 0.2083333333vw) max(4px, 0.2083333333vw) 0 #ededed;
  }
}
@media screen and (max-width: 768px) {
  .index-About .section-body .about-flow .flow ul li {
    padding: 4.4270833333vw 3.90625vw;
    border-radius: 0.78125vw;
    -webkit-box-shadow: 0.5208333333vw 0.5208333333vw 0 #ededed;
    box-shadow: 0.5208333333vw 0.5208333333vw 0 #ededed;
  }
}
@media screen and (min-width: 769px) {
  .index-About .section-body .about-flow .flow ul li + li {
    margin-top: max(40px, 2.0833333333vw);
  }
}
@media screen and (max-width: 768px) {
  .index-About .section-body .about-flow .flow ul li + li {
    margin-top: 6.5104166667vw;
  }
}
.index-About .section-body .about-flow .flow ul li + li::before {
  position: absolute;
  right: 0;
  left: 0;
  margin: 0 auto;
  background-image: url(../../images/common/arrow_flow.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  content: "";
}
@media screen and (min-width: 769px) {
  .index-About .section-body .about-flow .flow ul li + li::before {
    top: min(-25px, -1.3020833333vw);
    width: max(22px, 1.1458333333vw);
    height: max(13px, 0.6770833333vw);
  }
}
@media screen and (max-width: 768px) {
  .index-About .section-body .about-flow .flow ul li + li::before {
    top: -4.1666666667vw;
    width: 3.6458333333vw;
    height: 2.0833333333vw;
  }
}
.index-About .section-body .about-flow .flow ul li p {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.index-About .section-body .about-flow .flow ul li p span.number {
  color: #ffc7d4;
  font-family: Montserrat, sans-serif;
  font-weight: 900;
  letter-spacing: 0.06em;
}
@media screen and (min-width: 769px) {
  .index-About .section-body .about-flow .flow ul li p span.number {
    width: max(88px, 4.5833333333vw);
    font-size: max(46px, 2.3958333333vw);
  }
}
@media screen and (max-width: 768px) {
  .index-About .section-body .about-flow .flow ul li p span.number {
    width: 13.0208333333vw;
    font-size: 7.03125vw;
  }
}
.index-About .section-body .about-flow .flow ul li p span.text {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  font-weight: 700;
  letter-spacing: 0.08em;
}
@media screen and (min-width: 769px) {
  .index-About .section-body .about-flow .flow ul li p span.text {
    font-size: max(20px, 1.0416666667vw);
    line-height: 1.6;
  }
}
@media screen and (max-width: 768px) {
  .index-About .section-body .about-flow .flow ul li p span.text {
    font-size: 3.3854166667vw;
    line-height: 1.4;
  }
}
@media screen and (min-width: 769px) {
  .index-About .section-body .index-more {
    width: max(960px, 50vw);
    margin: 0 auto;
  }
}
section.index-Section .section-header h2 {
  text-align: center;
}
section.index-Section .section-header h2 span.title {
  display: inline-block;
  position: relative;
  z-index: 0;
  font-weight: 900;
  line-height: 1.4;
  letter-spacing: 0.06em;
}
@media screen and (min-width: 769px) {
  section.index-Section .section-header h2 span.title {
    font-size: max(50px, 2.6041666667vw);
  }
}
@media screen and (max-width: 768px) {
  section.index-Section .section-header h2 span.title {
    font-size: 6.5104166667vw;
  }
}
section.index-Section .section-header h2 span.title::before {
  position: absolute;
  z-index: -1;
  border-radius: 100%;
  background-color: #fff1f6;
  content: "";
}
@media screen and (min-width: 769px) {
  section.index-Section .section-header h2 span.title::before {
    top: min(-16px, -0.8333333333vw);
    left: min(-54px, -2.8125vw);
    width: max(110px, 5.7291666667vw);
    height: max(110px, 5.7291666667vw);
  }
}
@media screen and (max-width: 768px) {
  section.index-Section .section-header h2 span.title::before {
    top: -1.6927083333vw;
    left: -5.2083333333vw;
    width: 13.0208333333vw;
    height: 13.0208333333vw;
  }
}
section.index-Section .section-header h2 span.title::after {
  position: absolute;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  content: "";
}
@media screen and (min-width: 769px) {
  section.index-Section .section-header h2 span.small {
    font-size: max(34px, 1.7708333333vw);
  }
}
@media screen and (max-width: 768px) {
  section.index-Section .section-header h2 span.small {
    font-size: 5.2083333333vw;
  }
}
section.index-Section .section-header h2 span.marker {
  background-repeat: no-repeat;
}
@media screen and (min-width: 769px) {
  section.index-Section .section-header h2 span.marker {
    background-image: -webkit-gradient(
      linear,
      left top,
      left bottom,
      color-stop(70%, transparent),
      color-stop(0, #ffff84)
    );
    background-image: -webkit-linear-gradient(transparent 70%, #ffff84 0);
    background-image: linear-gradient(transparent 70%, #ffff84 0);
    background-position: bottom max(5px, 0.2604166667vw) left;
  }
}
@media screen and (max-width: 768px) {
  section.index-Section .section-header h2 span.marker {
    background-image: -webkit-gradient(
      linear,
      left top,
      left bottom,
      color-stop(66%, transparent),
      color-stop(0, #ffff84)
    );
    background-image: -webkit-linear-gradient(transparent 66%, #ffff84 0);
    background-image: linear-gradient(transparent 66%, #ffff84 0);
    background-position: bottom 0.2604166667vw left;
  }
}
.index-Point {
  background-repeat: no-repeat;
  background-position: top center;
  background-size: 100% auto;
}
@media screen and (min-width: 769px) {
  .index-Point {
    margin-bottom: max(130px, 6.7708333333vw);
    padding-top: max(20px, 1.0416666667vw);
    background-image: url(../../images/pc/index/bg_section.png);
  }
}
@media screen and (max-width: 768px) {
  .index-Point {
    margin-bottom: 23.4375vw;
    background-image: url(../../images/sp/index/bg_section.png);
  }
}
@media screen and (min-width: 769px) {
  .index-Point .section-header {
    margin-bottom: max(76px, 3.9583333333vw);
  }
}
@media screen and (max-width: 768px) {
  .index-Point .section-header {
    margin-bottom: 10.4166666667vw;
  }
}
.index-Point .section-header h2 span.title::after {
  background-image: url(../../images/common/index/ttl_point.png);
}
@media screen and (min-width: 769px) {
  .index-Point .section-header h2 span.title::after {
    top: min(-25px, -1.3020833333vw);
    right: min(-131px, -6.8229166667vw);
    width: max(168px, 8.75vw);
    height: max(70px, 3.6458333333vw);
  }
}
@media screen and (max-width: 768px) {
  .index-Point .section-header h2 span.title::after {
    top: -3.2552083333vw;
    right: -14.0625vw;
    width: 21.875vw;
    height: 9.1145833333vw;
  }
}
.index-Point .section-body .point-overview {
  margin: 0 auto;
}
@media screen and (min-width: 769px) {
  .index-Point .section-body .point-overview {
    width: max(1200px, 62.5vw);
    margin-bottom: max(70px, 3.6458333333vw);
  }
}
@media screen and (max-width: 768px) {
  .index-Point .section-body .point-overview {
    width: 84.375vw;
    margin-bottom: 10.4166666667vw;
  }
}
@media screen and (min-width: 769px) {
  .index-Point .section-body .point-overview ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    margin: 0 min(-15px, -0.78125vw) min(-60px, -3.125vw);
  }
}
@media screen and (min-width: 769px) {
  .index-Point .section-body .point-overview ul li {
    width: 33.33%;
    padding: 0 max(15px, 0.78125vw) max(60px, 3.125vw);
  }
}
@media screen and (max-width: 768px) {
  .index-Point .section-body .point-overview ul li + li {
    margin-top: 7.8125vw;
  }
}
.index-Point .section-body .point-overview ul li h3 {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  z-index: 0;
  font-size: 0;
}
@media screen and (min-width: 769px) {
  .index-Point .section-body .point-overview ul li h3 {
    margin-bottom: max(20px, 1.0416666667vw);
  }
}
@media screen and (max-width: 768px) {
  .index-Point .section-body .point-overview ul li h3 {
    margin-bottom: 2.6041666667vw;
  }
}
.index-Point .section-body .point-overview ul li h3 span.number {
  text-align: center;
}
@media screen and (min-width: 769px) {
  .index-Point .section-body .point-overview ul li h3 span.number {
    margin-right: max(14px, 0.7291666667vw);
  }
}
@media screen and (max-width: 768px) {
  .index-Point .section-body .point-overview ul li h3 span.number {
    margin-right: 2.6041666667vw;
  }
}
.index-Point .section-body .point-overview ul li h3 span.number span {
  color: #ff7596;
  font-family: Montserrat, sans-serif;
  font-weight: 900;
  letter-spacing: 0.04em;
}
@media screen and (min-width: 769px) {
  .index-Point
    .section-body
    .point-overview
    ul
    li
    h3
    span.number
    span:nth-of-type(1) {
    font-size: max(12px, 0.625vw);
  }
}
@media screen and (max-width: 768px) {
  .index-Point
    .section-body
    .point-overview
    ul
    li
    h3
    span.number
    span:nth-of-type(1) {
    font-size: 2.6041666667vw;
  }
}
@media screen and (min-width: 769px) {
  .index-Point
    .section-body
    .point-overview
    ul
    li
    h3
    span.number
    span:nth-of-type(2) {
    font-size: max(22px, 1.1458333333vw);
  }
}
@media screen and (max-width: 768px) {
  .index-Point
    .section-body
    .point-overview
    ul
    li
    h3
    span.number
    span:nth-of-type(2) {
    font-size: 3.90625vw;
  }
}
.index-Point .section-body .point-overview ul li h3 span.title {
  font-weight: 700;
  letter-spacing: 0.06em;
}
@media screen and (min-width: 769px) {
  .index-Point .section-body .point-overview ul li h3 span.title {
    font-size: max(28px, 1.4583333333vw);
    line-height: 1.3;
  }
}
@media screen and (max-width: 768px) {
  .index-Point .section-body .point-overview ul li h3 span.title {
    font-size: 4.9479166667vw;
    line-height: 1.4;
  }
}
@media screen and (min-width: 769px) {
  .index-Point .section-body .point-overview ul li .image {
    margin-bottom: max(18px, 0.9375vw);
  }
}
@media screen and (max-width: 768px) {
  .index-Point .section-body .point-overview ul li .image {
    margin-bottom: 2.6041666667vw;
  }
}
.index-Point .section-body .point-overview ul li p {
  font-weight: 500;
  line-height: 1.6;
  letter-spacing: 0.06em;
}
@media screen and (min-width: 769px) {
  .index-Point .section-body .point-overview ul li p {
    font-size: max(16px, 0.8333333333vw);
  }
}
@media screen and (max-width: 768px) {
  .index-Point .section-body .point-overview ul li p {
    font-size: 3.125vw;
  }
}
@media screen and (min-width: 769px) {
  .index-Purpose {
    margin-bottom: max(160px, 8.3333333333vw);
  }
}
@media screen and (max-width: 768px) {
  .index-Purpose {
    margin-bottom: 20.8333333333vw;
  }
}
@media screen and (min-width: 769px) {
  .index-Purpose .section-header {
    margin-bottom: max(65px, 3.3854166667vw);
  }
}
@media screen and (max-width: 768px) {
  .index-Purpose .section-header {
    margin-bottom: 6.5104166667vw;
  }
}
.index-Purpose .section-header h2 span.title::after {
  background-image: url(../../images/common/ttl_objective.png);
}
@media screen and (min-width: 769px) {
  .index-Purpose .section-header h2 span.title::after {
    top: min(-22px, -1.1458333333vw);
    right: min(-101px, -5.2604166667vw);
    width: max(212px, 11.0416666667vw);
    height: max(90px, 4.6875vw);
  }
}
@media screen and (max-width: 768px) {
  .index-Purpose .section-header h2 span.title::after {
    top: -3.2552083333vw;
    right: -10.6770833333vw;
    width: 27.6041666667vw;
    height: 11.71875vw;
  }
}
.index-Purpose .section-body .purpose-overview {
  margin: 0 auto;
}
@media screen and (min-width: 769px) {
  .index-Purpose .section-body .purpose-overview {
    width: max(960px, 50vw);
    margin-bottom: max(70px, 3.6458333333vw);
  }
}
@media screen and (max-width: 768px) {
  .index-Purpose .section-body .purpose-overview {
    width: 84.375vw;
    margin-bottom: 7.8125vw;
  }
}
.index-Purpose .section-body .purpose-overview ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
}
@media screen and (min-width: 769px) {
  .index-Purpose .section-body .purpose-overview ul {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
  }
}
@media screen and (max-width: 768px) {
  .index-Purpose .section-body .purpose-overview ul {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    margin: 0 -0.78125vw -1.5625vw;
  }
}
@media screen and (min-width: 769px) {
  .index-Purpose .section-body .purpose-overview ul li {
    width: max(300px, 15.625vw);
  }
}
@media screen and (max-width: 768px) {
  .index-Purpose .section-body .purpose-overview ul li {
    width: 50%;
    padding: 0 0.78125vw 1.5625vw;
  }
}
.index-Purpose .section-body .purpose-overview ul li .container {
  text-align: center;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
@media screen and (min-width: 769px) {
  .index-Purpose .section-body .purpose-overview ul li .container {
    height: max(220px, 11.4583333333vw);
    padding-top: max(20px, 1.0416666667vw);
    background-image: url(../../images/pc/index/bg_purpose_overview.png);
  }
}
@media screen and (max-width: 768px) {
  .index-Purpose .section-body .purpose-overview ul li .container {
    height: 39.1927083333vw;
    padding-top: 3.3854166667vw;
    background-image: url(../../images/sp/index/bg_purpose_overview.png);
  }
}
.index-Purpose .section-body .purpose-overview ul li .container .icon {
  margin: 0 auto;
}
@media screen and (min-width: 769px) {
  .index-Purpose .section-body .purpose-overview ul li .container .icon {
    width: max(60px, 3.125vw);
    margin-bottom: max(20px, 1.0416666667vw);
  }
}
@media screen and (max-width: 768px) {
  .index-Purpose .section-body .purpose-overview ul li .container .icon {
    width: 8.59375vw;
  }
}
.index-Purpose .section-body .purpose-overview ul li .container p.catch {
  display: inline-block;
  color: #ff7596;
  font-weight: 700;
  letter-spacing: 0.1em;
  background-image: url(../../images/common/index/icon_overview_emphasis_left.png),
    url(../../images/common/index/icon_overview_emphasis_right.png);
  background-repeat: no-repeat;
  background-position: bottom left, bottom right;
}
@media screen and (min-width: 769px) {
  .index-Purpose .section-body .purpose-overview ul li .container p.catch {
    margin-bottom: max(12px, 0.625vw);
    padding: 0 max(20px, 1.0416666667vw);
    font-size: max(16px, 0.8333333333vw);
    line-height: 1.3;
    background-image: url(../../images/pc/index/icon_overview_emphasis_left.png),
      url(../../images/pc/index/icon_overview_emphasis_right.png);
    background-size: max(16px, 0.8333333333vw) max(14px, 0.7291666667vw);
  }
}
@media screen and (max-width: 768px) {
  .index-Purpose .section-body .purpose-overview ul li .container p.catch {
    margin-bottom: 1.5625vw;
    padding: 0 2.8645833333vw;
    font-size: 2.8645833333vw;
    line-height: 1.45;
    background-image: url(../../images/sp/index/icon_overview_emphasis_left.png),
      url(../../images/sp/index/icon_overview_emphasis_right.png);
    background-size: 2.34375vw 2.0833333333vw;
  }
}
.index-Purpose .section-body .purpose-overview ul li .container p.text {
  font-weight: 900;
  line-height: 1.3;
  letter-spacing: 0.06em;
}
@media screen and (min-width: 769px) {
  .index-Purpose .section-body .purpose-overview ul li .container p.text {
    font-size: max(26px, 1.3541666667vw);
  }
}
@media screen and (max-width: 768px) {
  .index-Purpose .section-body .purpose-overview ul li .container p.text {
    font-size: 4.1666666667vw;
  }
}
@media screen and (max-width: 768px) {
  .index-Purpose
    .section-body
    .purpose-overview
    ul
    li:nth-child(1)
    .container
    .icon {
    margin-bottom: 4.8177083333vw;
  }
  .index-Purpose
    .section-body
    .purpose-overview
    ul
    li:nth-child(2)
    .container
    .icon {
    margin-bottom: 1.8229166667vw;
  }
  .index-Purpose
    .section-body
    .purpose-overview
    ul
    li:nth-child(3)
    .container
    .icon {
    margin-bottom: 3.515625vw;
  }
}
.index-Course {
  background-repeat: no-repeat;
  background-position: top center;
  background-size: 100% auto;
}
@media screen and (min-width: 769px) {
  .index-Course {
    margin-bottom: max(160px, 8.3333333333vw);
    padding-top: max(20px, 1.0416666667vw);
    background-image: url(../../images/pc/index/bg_section.png);
  }
}
@media screen and (max-width: 768px) {
  .index-Course {
    margin-bottom: 20.8333333333vw;
    background-image: url(../../images/sp/index/bg_section.png);
  }
}
@media screen and (min-width: 769px) {
  .index-Course .section-header {
    margin-bottom: max(106px, 5.5208333333vw);
  }
}
@media screen and (max-width: 768px) {
  .index-Course .section-header {
    margin-bottom: 9.1145833333vw;
  }
}
.index-Course .section-header h2 span.title::after {
  background-image: url(../../images/common/ttl_course.png);
}
@media screen and (min-width: 769px) {
  .index-Course .section-header h2 span.title::after {
    top: min(-15px, -0.78125vw);
    right: min(-103px, -5.3645833333vw);
    width: max(156px, 8.125vw);
    height: max(76px, 3.9583333333vw);
  }
}
@media screen and (max-width: 768px) {
  .index-Course .section-header h2 span.title::after {
    top: -3.2552083333vw;
    right: -10.6770833333vw;
    width: 20.3125vw;
    height: 9.8958333333vw;
  }
}
@media screen and (min-width: 769px) {
  .index-Course .section-body .introduction {
    margin-bottom: max(100px, 5.2083333333vw);
  }
}
@media screen and (max-width: 768px) {
  .index-Course .section-body .introduction {
    margin-bottom: 10.4166666667vw;
  }
}
.index-Course .section-body .introduction p {
  font-weight: 900;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-align: center;
}
@media screen and (min-width: 769px) {
  .index-Course .section-body .introduction p {
    font-size: max(24px, 1.25vw);
  }
}
@media screen and (max-width: 768px) {
  .index-Course .section-body .introduction p {
    font-size: 3.90625vw;
  }
}
.index-Course .section-body .introduction p span.line:nth-of-type(1) {
  display: inline-block;
}
@media screen and (min-width: 769px) {
  .index-Course .section-body .introduction p span.line:nth-of-type(1) {
    margin-bottom: max(16px, 0.8333333333vw);
  }
}
@media screen and (max-width: 768px) {
  .index-Course .section-body .introduction p span.line:nth-of-type(1) {
    margin-bottom: 1.8229166667vw;
    line-height: 2;
  }
}
.index-Course .section-body .introduction p span.em {
  display: inline-block;
  color: #fff;
  background-color: #ff7596;
}
@media screen and (min-width: 769px) {
  .index-Course .section-body .introduction p span.em {
    margin: 0 max(6px, 0.3125vw);
    padding: max(3px, 0.15625vw) max(6px, 0.3125vw) max(5px, 0.2604166667vw);
    border-radius: max(4px, 0.2083333333vw);
    font-size: max(30px, 1.5625vw);
  }
}
@media screen and (max-width: 768px) {
  .index-Course .section-body .introduction p span.em {
    margin-right: 0.78125vw;
    padding: 0.390625vw 0.78125vw 0.6510416667vw;
    border-radius: 0.5208333333vw;
    font-size: 4.6875vw;
  }
}
@media screen and (min-width: 769px) {
  .index-Course .st-Course_List {
    margin-bottom: max(60px, 3.125vw);
  }
}
@media screen and (max-width: 768px) {
  .index-Course .st-Course_List {
    margin-bottom: 7.8125vw;
  }
}
.index-Movie {
  background-repeat: no-repeat;
  background-position: top center;
  background-size: 100% auto;
}
@media screen and (min-width: 769px) {
  .index-Movie {
    margin-bottom: max(160px, 8.3333333333vw);
    padding-top: max(20px, 1.0416666667vw);
    background-image: url(../../images/pc/index/bg_section.png);
  }
}
@media screen and (max-width: 768px) {
  .index-Movie {
    margin-bottom: 20.8333333333vw;
    background-image: url(../../images/sp/index/bg_section.png);
  }
}
@media screen and (min-width: 769px) {
  .index-Movie .section-header {
    margin-bottom: max(106px, 5.5208333333vw);
  }
}
@media screen and (max-width: 768px) {
  .index-Movie .section-header {
    margin-bottom: 9.1145833333vw;
  }
}
.index-Movie .section-header h2 span.title::after {
  background-image: url(../../images/common/ttl_movie.png);
}
@media screen and (min-width: 769px) {
  .index-Movie .section-header h2 span.title::after {
    top: min(-15px, -0.78125vw);
    right: min(-101px, -5.2604166667vw);
    width: max(152px, 7.9166666667vw);
    height: max(74px, 3.8541666667vw);
  }
}
@media screen and (max-width: 768px) {
  .index-Movie .section-header h2 span.title::after {
    top: -3.2552083333vw;
    right: 0;
    width: 19.7916666667vw;
    height: 9.6354166667vw;
  }
}
@media screen and (min-width: 769px) {
  .index-Movie .section-body .introduction {
    margin-bottom: max(100px, 5.2083333333vw);
  }
}
@media screen and (max-width: 768px) {
  .index-Movie .section-body .introduction {
    margin-bottom: 10.4166666667vw;
  }
}
.index-Movie .section-body .introduction p {
  font-weight: 900;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-align: center;
}
@media screen and (min-width: 769px) {
  .index-Movie .section-body .introduction p {
    font-size: max(24px, 1.25vw);
  }
}
@media screen and (max-width: 768px) {
  .index-Movie .section-body .introduction p {
    font-size: 3.90625vw;
  }
}
.index-Movie .section-body .introduction p span.em {
  display: inline-block;
  color: #fff;
  background-color: #ff7596;
}
@media screen and (min-width: 769px) {
  .index-Movie .section-body .introduction p span.em {
    margin: 0 max(6px, 0.3125vw);
    padding: max(3px, 0.15625vw) max(6px, 0.3125vw) max(5px, 0.2604166667vw);
    border-radius: max(4px, 0.2083333333vw);
    font-size: max(30px, 1.5625vw);
  }
}
@media screen and (max-width: 768px) {
  .index-Movie .section-body .introduction p span.em {
    margin: 0 0.78125vw;
    padding: 0.390625vw 0.78125vw 0.6510416667vw;
    border-radius: 0.5208333333vw;
    font-size: 4.6875vw;
  }
}
@media screen and (min-width: 769px) {
  .index-Movie .st-Movie_List {
    margin-bottom: max(60px, 3.125vw);
  }
}
@media screen and (max-width: 768px) {
  .index-Movie .st-Movie_List {
    margin-bottom: 7.8125vw;
  }
}
.index-Faq {
  background-repeat: no-repeat;
  background-position: top center;
  background-size: 100% auto;
}
@media screen and (min-width: 769px) {
  .index-Faq {
    margin-bottom: max(120px, 6.25vw);
    padding-top: max(20px, 1.0416666667vw);
    background-image: url(../../images/pc/index/bg_section.png);
  }
}
@media screen and (max-width: 768px) {
  .index-Faq {
    margin-bottom: 26.8229166667vw;
    background-image: url(../../images/sp/index/bg_section.png);
  }
}
@media screen and (min-width: 769px) {
  .index-Faq .section-header {
    margin-bottom: max(106px, 5.5208333333vw);
  }
}
@media screen and (max-width: 768px) {
  .index-Faq .section-header {
    margin-bottom: 11.0677083333vw;
  }
}
.index-Faq .section-header h2 span.title::after {
  background-image: url(../../images/common/ttl_question.png);
}
@media screen and (min-width: 769px) {
  .index-Faq .section-header h2 span.title::after {
    top: min(-15px, -0.78125vw);
    right: min(-101px, -5.2604166667vw);
    width: max(210px, 10.9375vw);
    height: max(76px, 3.9583333333vw);
  }
}
@media screen and (max-width: 768px) {
  .index-Faq .section-header h2 span.title::after {
    top: -3.2552083333vw;
    right: -10.6770833333vw;
    width: 27.34375vw;
    height: 9.8958333333vw;
  }
}
.index-Faq .section-body {
  margin: 0 auto;
}
@media screen and (min-width: 769px) {
  .index-Faq .section-body {
    width: max(960px, 50vw);
  }
}
@media screen and (min-width: 769px) {
  .index-Faq .st-Faq_List {
    margin-bottom: max(60px, 3.125vw);
  }
}
@media screen and (max-width: 768px) {
  .index-Faq .st-Faq_List {
    margin-bottom: 6.5104166667vw;
  }
}
.index-Offer {
  position: relative;
}
.index-Offer::before {
  position: absolute;
  right: 0;
  left: 0;
  background-repeat: no-repeat;
  background-position: center;
  background-size: auto 100%;
  content: "";
}
@media screen and (min-width: 769px) {
  .index-Offer::before {
    top: min(-120px, -6.25vw);
    height: max(674px, 35.1041666667vw);
    background-image: url(../../images/pc/index/bg_offer.png);
  }
}
@media screen and (max-width: 768px) {
  .index-Offer::before {
    top: -30.46875vw;
    height: 102.6041666667vw;
    background-image: url(../../images/sp/index/bg_offer.png);
  }
}
.index-Offer .container {
  position: relative;
}
@media screen and (min-width: 769px) {
  .index-Offer .container {
    width: max(1200px, 62.5vw);
    margin: 0 auto;
  }
}
@media screen and (min-width: 769px) {
  .index-Offer .offer-appeal {
    width: max(830px, 43.2291666667vw);
  }
}
.index-Offer .offer-appeal .balloon {
  background-repeat: no-repeat;
}
@media screen and (min-width: 769px) {
  .index-Offer .offer-appeal .balloon {
    width: max(824px, 42.9166666667vw);
    height: max(242px, 12.6041666667vw);
    margin-bottom: max(20px, 1.0416666667vw);
    padding: max(70px, 3.6458333333vw) 0 max(70px, 3.6458333333vw)
      max(87px, 4.53125vw);
    background-image: url(../../images/pc/index/bg_offer_balloon_left.png),
      url(../../images/pc/index/bg_offer_balloon_right.png);
    background-position: top left, bottom right;
    background-size: max(200px, 10.4166666667vw) max(204px, 10.625vw),
      max(152px, 7.9166666667vw) max(142px, 7.3958333333vw);
  }
}
@media screen and (max-width: 768px) {
  .index-Offer .offer-appeal .balloon {
    width: 68.75vw;
    margin-bottom: 5.46875vw;
    padding: 9.1145833333vw 0 6.5104166667vw 3.90625vw;
    background-image: url(../../images/sp/index/bg_offer_balloon_top.png),
      url(../../images/sp/index/bg_offer_balloon_bottom.png);
    background-position: top left -2.0833333333vw, bottom right;
    background-size: 20.8333333333vw 21.09375vw, 20.8333333333vw 19.53125vw;
  }
}
.index-Offer .offer-appeal .balloon p {
  display: inline-block;
  font-weight: 900;
  line-height: 1.7;
  letter-spacing: 0.08em;
  text-align: center;
}
@media screen and (min-width: 769px) {
  .index-Offer .offer-appeal .balloon p {
    font-size: max(30px, 1.5625vw);
  }
}
@media screen and (max-width: 768px) {
  .index-Offer .offer-appeal .balloon p {
    font-size: 4.4270833333vw;
  }
}
.index-Offer .offer-appeal .balloon p span.marker {
  background-image: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(62%, transparent),
    color-stop(0, rgba(255, 117, 150, 0.2))
  );
  background-image: -webkit-linear-gradient(
    transparent 62%,
    rgba(255, 117, 150, 0.2) 0
  );
  background-image: linear-gradient(
    transparent 62%,
    rgba(255, 117, 150, 0.2) 0
  );
  background-repeat: no-repeat;
}
@media screen and (min-width: 769px) {
  .index-Offer .offer-appeal .balloon p span.marker {
    background-position: bottom max(2px, 0.1041666667vw) left;
  }
}
@media screen and (max-width: 768px) {
  .index-Offer .offer-appeal .balloon p span.marker {
    background-position: bottom 0.2604166667vw left;
  }
}
.index-Offer .offer-appeal p.index-catch {
  margin: 0 auto;
}
@media screen and (min-width: 769px) {
  .index-Offer .offer-appeal p.index-catch {
    margin-bottom: max(30px, 1.5625vw);
  }
}
@media screen and (max-width: 768px) {
  .index-Offer .offer-appeal p.index-catch {
    margin-bottom: 3.90625vw;
  }
}
.index-Offer .offer-appeal a.sw-Button_Register {
  margin: 0 auto;
}
.index-Offer .chara {
  position: absolute;
}
@media screen and (min-width: 769px) {
  .index-Offer .chara {
    top: max(26px, 1.3541666667vw);
    right: min(-26px, -1.3541666667vw);
    width: max(440px, 22.9166666667vw);
  }
}
@media screen and (max-width: 768px) {
  .index-Offer .chara {
    top: -15.625vw;
    right: -7.2916666667vw;
    width: 57.2916666667vw;
  }
}
@media screen and (min-width: 769px) {
  .st-Footer {
    margin-top: max(244px, 12.7083333333vw);
  }
}
@media screen and (max-width: 768px) {
  .st-Footer {
    margin-top: 21.484375vw;
  }
}