@charset "UTF-8";
/* ======================================================================
 reset
====================================================================== */
/*
  Josh's Custom CSS Reset
  https://www.joshwcomeau.com/css/custom-css-reset/
*/
*, *::before, *::after {
  box-sizing: border-box;
}

* {
  margin: 0;
}

html {
  overflow-y: scroll;
}

body {
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
}

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

input, button, textarea, select {
  font: inherit;
}

p, h1, h2, h3, h4, h5, h6 {
  overflow-wrap: break-word;
}

ul {
  list-style: none;
  padding-left: 0;
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video,
input, select, textarea {
  box-sizing: border-box;
}

html {
  /* Sets a specific default `font-size` for user with `rem` type scales.*/
  font-size: 62.5%;
  /* Changes the default tap highlight to be completely transparent in iOS.*/
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

body {
  color: #555555;
  line-height: 1.6;
  background: url(../img/bg.png) center top/auto repeat-y #fff;
  font-family: "Noto Sans JP", 游ゴシック体, "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Avenir, "Helvetica Neue", Helvetica, Arial, Verdana, Roboto, sans-serif;
  font-weight: 400;
  word-wrap: break-word;
  word-break: break-all;
  min-width: 1300px;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  body {
    background: url(../img/sp/bg.png) center top/100% repeat-y #fff;
    min-width: inherit;
  }
}

img {
  vertical-align: bottom;
  max-width: 100%;
  height: auto;
}

strong {
  font-weight: bold;
}

a {
  transition: opacity 0.2s;
}
a:link {
  color: #555555;
  text-decoration: none;
  cursor: pointer;
}
a:visited {
  color: #555555;
  text-decoration: none;
}
a:hover {
  color: #555555;
  text-decoration: none;
  opacity: 0.8;
}
a:active {
  color: #555555;
  text-decoration: none;
}

a[href^=tel] {
  color: #555555;
}

:focus-ring {
  outline: none;
}

.contain {
  width: 1300px;
  min-width: 1300px;
  margin: 0 auto;
  padding: 0 20px;
}

/* input */
input, textarea, select {
  display: block;
  margin: 0;
  padding: 0;
  outline: none;
  border: none;
  -o-border-image: none;
     border-image: none;
  background: transparent;
  font-family: inherit;
  border-radius: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
input::-ms-expand, textarea::-ms-expand, select::-ms-expand {
  display: none;
}

textarea {
  resize: vertical;
}

input:-moz-placeholder, textarea:-moz-placeholder {
  color: #555555;
}

input:placeholder-shown, textarea:placeholder-shown {
  color: #555555;
}
input::-moz-placeholder, textarea::-moz-placeholder {
  color: #555555;
}
input::placeholder, textarea::placeholder {
  color: #555555;
}
input:focus:-moz-placeholder, textarea:focus:-moz-placeholder {
  color: #555555;
}
input:focus:placeholder-shown, textarea:focus:placeholder-shown {
  color: #555555;
}
input:focus::-moz-placeholder, textarea:focus::-moz-placeholder {
  color: #555555;
}
input:focus::placeholder, textarea:focus::placeholder {
  color: #555555;
}

/* ======================================================================
 layout
====================================================================== */
/* =================================
 l-footer
================================= */
.l-footer__top {
  background: #fff;
  padding-block: 20px;
}
@media screen and (max-width: 768px) {
  .l-footer__top {
    padding-block: calc(30 /750*100vw);
  }
}
.l-footer__copy {
  color: #777777;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .l-footer__copy {
    font-size: calc(18 /750*100vw);
  }
}
.l-footer__bottom {
  background: #ff396b;
  padding-block: 19px;
}
@media screen and (max-width: 768px) {
  .l-footer__bottom {
    padding-block: calc(30 /750*100vw);
  }
}
.l-footer__attend {
  color: #fff;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .l-footer__attend {
    font-size: calc(18 /750*100vw);
  }
}

/* ======================================================================
 layout
====================================================================== */
/* =================================
 l-content__size
================================= */
.l-content__size-sp-1 {
  padding: 0 4%;
}
@media screen and (min-width: 1025px) {
  .l-content__size-sp-1 {
    max-width: 1300px;
    margin: 0 auto;
  }
}

.l-content__size-pc-1 {
  width: 1300px;
  margin: 0 auto;
  padding-inline: 50px;
}
@media screen and (max-width: 768px) {
  .l-content__size-pc-1 {
    width: auto;
    padding-inline: 0;
  }
}

/* =================================
 l-header
================================= */
.l-header {
  position: relative;
  z-index: 998;
  margin-bottom: -81px;
  margin-bottom: -169px;
}
@media screen and (max-width: 768px) {
  .l-header {
    margin-bottom: 0;
  }
}
.l-header nav {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 768px) {
  .l-header nav {
    justify-content: center;
  }
}
.l-header__logos {
  display: flex;
  align-items: center;
  gap: 13px;
  margin: 17px 0 0 17px;
}
@media screen and (max-width: 768px) {
  .l-header__logos {
    justify-content: center;
    gap: calc(13 /750*100vw);
    margin: calc(27 /750*100vw) 0 0;
  }
  .l-header__logos-kyoraku {
    width: calc(328 /750*100vw);
  }
  .l-header__logos-kakeru {
    width: calc(43 /750*100vw);
  }
  .l-header__logos-universal {
    width: calc(251 /750*100vw);
  }
}
.l-header__sns {
  display: flex;
  gap: 9px;
  margin: 20px 20px 0 0;
}
@media screen and (max-width: 768px) {
  .l-header__sns {
    display: none;
  }
}

/* =================================
 l-header__sp
================================= */
.l-header__sp {
  z-index: 998;
}

/* =================================
 l-menu__sp
================================= */
.l-menu__sp {
  z-index: 999;
}

/* ======================================================================
 layout
====================================================================== */
/* =================================
 l-loader
================================= */
.l-loader {
  z-index: 1000;
  position: fixed;
  z-index: 1000;
  width: 100%;
  height: 100vh;
  height: 100dvh;
  min-height: 190px;
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background: url(../img/loading_chara.png) calc(50% - 45px) 20px/auto no-repeat #e9b5cb;
}
@media screen and (max-width: 768px) {
  .l-loader {
    min-height: calc(306 /750*100vw);
    background: url(../img/sp/loading_chara.png) center calc(30 /750*100vw)/100% no-repeat #e9b5cb;
  }
}
.l-loader__logo {
  margin-bottom: 7px;
}
@media screen and (max-width: 768px) {
  .l-loader__logo {
    width: calc(646 /750*100vw);
    margin-bottom: calc(18 /750*100vw);
    margin-inline: auto;
  }
}
.l-loader__txt {
  display: flex;
  justify-content: center;
  animation: loading 800ms linear 0ms infinite normal both;
}
@media screen and (max-width: 768px) {
  .l-loader__txt {
    width: calc(255 /750*100vw);
    margin-inline: auto;
  }
}
.l-loader__copy {
  background: rgba(255, 57, 107, 0.15);
  padding-block: 20px;
  text-align: center;
  color: #fff;
  width: 100%;
  position: fixed;
  bottom: 0;
  left: 0;
}
@media screen and (max-width: 768px) {
  .l-loader__copy {
    padding-block: calc(30 /750*100vw);
    font-size: calc(18 /750*100vw);
  }
}
.l-loader.hide {
  opacity: 0;
  pointer-events: none;
  transition: opacity 500ms;
}

@keyframes loading {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
}
/* =================================
 l_breadcrumbs
================================= */
/* =================================
 l_main_visual
================================= */
/* =================================
 l_main
================================= */
/* ======================================================================
 layout
====================================================================== */
/* =================================
 l_side
================================= */
.l_side {
  z-index: 996;
}

@keyframes bound {
  0% {
    transform: matrix3d(0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  3.4% {
    transform: matrix3d(0.316, 0, 0, 0, 0, 0.407, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  4.7% {
    transform: matrix3d(0.45, 0, 0, 0, 0, 0.599, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  6.81% {
    transform: matrix3d(0.659, 0, 0, 0, 0, 0.893, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  9.41% {
    transform: matrix3d(0.883, 0, 0, 0, 0, 1.168, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  10.21% {
    transform: matrix3d(0.942, 0, 0, 0, 0, 1.226, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  13.61% {
    transform: matrix3d(1.123, 0, 0, 0, 0, 1.332, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  14.11% {
    transform: matrix3d(1.141, 0, 0, 0, 0, 1.331, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  17.52% {
    transform: matrix3d(1.208, 0, 0, 0, 0, 1.239, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  18.72% {
    transform: matrix3d(1.212, 0, 0, 0, 0, 1.187, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  21.32% {
    transform: matrix3d(1.196, 0, 0, 0, 0, 1.069, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  24.32% {
    transform: matrix3d(1.151, 0, 0, 0, 0, 0.96, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  25.23% {
    transform: matrix3d(1.134, 0, 0, 0, 0, 0.938, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  29.03% {
    transform: matrix3d(1.063, 0, 0, 0, 0, 0.897, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  29.93% {
    transform: matrix3d(1.048, 0, 0, 0, 0, 0.899, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  35.54% {
    transform: matrix3d(0.979, 0, 0, 0, 0, 0.962, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  36.74% {
    transform: matrix3d(0.972, 0, 0, 0, 0, 0.979, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  41.04% {
    transform: matrix3d(0.961, 0, 0, 0, 0, 1.022, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  44.44% {
    transform: matrix3d(0.966, 0, 0, 0, 0, 1.032, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  52.15% {
    transform: matrix3d(0.991, 0, 0, 0, 0, 1.006, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  59.86% {
    transform: matrix3d(1.006, 0, 0, 0, 0, 0.99, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  63.26% {
    transform: matrix3d(1.007, 0, 0, 0, 0, 0.992, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  75.28% {
    transform: matrix3d(1.001, 0, 0, 0, 0, 1.003, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  85.49% {
    transform: matrix3d(0.999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  90.69% {
    transform: matrix3d(0.999, 0, 0, 0, 0, 0.999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  100% {
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
}
@keyframes up {
  0% {
    transform: translateY(20px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
/* アニメーション */
.animation {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 5%;
  box-sizing: border-box;
}
.animation div {
  width: 23%;
  height: 300px;
  margin: 0 0 2.5vw;
  padding: 3%;
  box-sizing: border-box;
  background: #09c;
}

.c-sa {
  opacity: 0;
}
.c-sa.show {
  opacity: 1;
}

.c-sa__up.show {
  animation: up 0.5s ease-in-out;
}

.c-sa__bound.show {
  animation: bound 1000ms linear both;
}

.c-toTop {
  position: fixed;
  right: 30px;
  bottom: 30px;
  opacity: 0;
  cursor: pointer;
  transition: opacity 1s ease;
  z-index: 20;
  pointer-events: none;
}
@media screen and (max-width: 768px) {
  .c-toTop {
    width: calc(124 /750*100vw);
    right: calc(20 /750*100vw);
    bottom: calc(65 /750*100vw);
  }
  .c-toTop:hover {
    opacity: 0;
  }
}
.c-toTop.fade-in {
  opacity: 1;
  pointer-events: auto;
}

.p-index__mv-inner {
  position: relative;
}
.p-index__mv-chara {
  margin: 0 0 -734px -64px;
  margin: 0 0 -697px -64px;
}
@media screen and (max-width: 768px) {
  .p-index__mv-chara {
    margin: 0 0 calc(-646 /750*100vw) 0;
    margin: 0 0 calc(-701 /750*100vw) 0;
  }
}
.p-index__mv-ttl {
  position: relative;
  z-index: 2;
  margin-left: 4px;
}
@media screen and (max-width: 768px) {
  .p-index__mv-ttl {
    width: calc(711 /750*100vw);
    margin-left: calc(4 /750*100vw);
  }
}
.p-index__mv-date {
  position: absolute;
  top: 348px;
  right: 0;
  margin-right: -15px;
  z-index: 2;
}
@media screen and (max-width: 768px) {
  .p-index__mv-date {
    top: calc(391 /750*100vw);
    margin-right: 0;
    width: calc(370 /750*100vw);
  }
}
.p-index__bg {
  position: relative;
}
.p-index__bg:before {
  content: "";
  width: 100%;
  height: 1042px;
  position: absolute;
  top: 471px;
  left: 0;
  right: 0;
  background: url(../img/bg_mv.png) center top/auto no-repeat;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .p-index__bg:before {
    height: calc(1008 /750*100vw);
    top: calc(765 /750*100vw);
    background: url(../img/sp/bg_mv.png) center top/100% no-repeat;
  }
}
.p-index__bg:after {
  content: "";
  width: 100%;
  height: 2408px;
  position: absolute;
  top: 720px;
  left: 0;
  right: 0;
  background: url(../img/bg_overview02.png) center top/auto no-repeat;
  z-index: 2;
}
@media screen and (max-width: 768px) {
  .p-index__bg:after {
    height: calc(3694 /750*100vw);
    top: calc(1223 /750*100vw);
    background: url(../img/sp/bg_overview02.png) center top/100% no-repeat;
  }
}
.p-index__bg:not(:has(.p-index__message)):after {
  height: 967px;
  background: url(../img/bg_overview01.png) center top/auto no-repeat;
}
@media screen and (max-width: 768px) {
  .p-index__bg:not(:has(.p-index__message)):after {
    height: calc(1776 /750*100vw);
    background: url(../img/sp/bg_overview01.png) center top/100% no-repeat;
  }
}
.p-index__overview {
  position: relative;
  z-index: 11;
}
.p-index__overview-img {
  margin: 0 -35px -66px -28px;
}
@media screen and (max-width: 768px) {
  .p-index__overview-img {
    margin: calc(57 /750*100vw) auto calc(63 /750*100vw);
    width: calc(725 /750*100vw);
  }
}
.p-index__overview-period {
  display: flex;
  justify-content: center;
  margin-bottom: 10px;
}
@media screen and (max-width: 768px) {
  .p-index__overview-period {
    margin: 0 calc(30 /750*100vw) calc(65 /750*100vw);
  }
}
.p-index__overview-present {
  margin-left: 86px;
}
@media screen and (max-width: 768px) {
  .p-index__overview-present {
    margin-left: 0;
  }
}
.p-index__message {
  position: relative;
  z-index: 10;
  background: url(../img/bg_message.png) center top/auto no-repeat;
  margin-top: -171px;
  padding-top: 296px;
}
@media screen and (max-width: 768px) {
  .p-index__message {
    background: url(../img/sp/bg_message.png) center top/100% no-repeat;
    margin-top: calc(0 /750*100vw);
    padding-top: calc(409 /750*100vw);
  }
}
.p-index__message-ttl {
  display: flex;
  justify-content: center;
  margin-bottom: 68px;
}
@media screen and (max-width: 768px) {
  .p-index__message-ttl {
    margin: 0 auto calc(72 /750*100vw);
    width: calc(691 /750*100vw);
  }
}
.p-index__message-txt {
  display: flex;
  justify-content: center;
  margin-bottom: 49px;
}
@media screen and (max-width: 768px) {
  .p-index__message-txt {
    margin: 0 auto calc(61 /750*100vw);
    width: calc(660 /750*100vw);
  }
}
.p-index__message-slides-toright {
  margin-top: 6px;
}
@media screen and (max-width: 768px) {
  .p-index__message-slides-toright {
    margin-top: calc(16 /750*100vw);
  }
}
.p-index__message-slides-item a {
  width: 292px;
  height: 382px;
  padding: 41px;
  display: flex;
  align-items: center;
  font-size: 1.5rem;
  font-weight: 500;
  color: #ff396b;
}
@media screen and (max-width: 768px) {
  .p-index__message-slides-item a {
    width: calc(434 /750*100vw);
    height: calc(570 /750*100vw);
    padding: calc(54 /750*100vw);
    font-size: calc(24 /750*100vw);
  }
}
.p-index__message-slides-item.item1 a {
  background: url(../img/bg_message_item01.png) center center/auto no-repeat;
}
@media screen and (max-width: 768px) {
  .p-index__message-slides-item.item1 a {
    background: url(../img/sp/bg_message_item01.png) center center/100% no-repeat;
  }
}
.p-index__message-slides-item.item2 a {
  background: url(../img/bg_message_item02.png) center center/auto no-repeat;
  color: #2a32d0;
}
@media screen and (max-width: 768px) {
  .p-index__message-slides-item.item2 a {
    background: url(../img/sp/bg_message_item02.png) center center/100% no-repeat;
  }
}
.p-index__message-slides-item.item3 a {
  background: url(../img/bg_message_item03.png) center center/auto no-repeat;
  color: #811fcd;
}
@media screen and (max-width: 768px) {
  .p-index__message-slides-item.item3 a {
    background: url(../img/sp/bg_message_item03.png) center center/100% no-repeat;
  }
}
.p-index__message-slides-item.item4 a {
  background: url(../img/bg_message_item04.png) center center/auto no-repeat;
  color: #d04f10;
}
@media screen and (max-width: 768px) {
  .p-index__message-slides-item.item4 a {
    background: url(../img/sp/bg_message_item04.png) center center/100% no-repeat;
  }
}
.p-index__message-slides-item.item5 a {
  background: url(../img/bg_message_item05.png) center center/auto no-repeat;
  color: #0cae89;
}
@media screen and (max-width: 768px) {
  .p-index__message-slides-item.item5 a {
    background: url(../img/sp/bg_message_item05.png) center center/100% no-repeat;
  }
}
.p-index__message-slides-item.item6 a {
  background: url(../img/bg_message_item06.png) center center/auto no-repeat;
  color: #927015;
}
@media screen and (max-width: 768px) {
  .p-index__message-slides-item.item6 a {
    background: url(../img/sp/bg_message_item06.png) center center/100% no-repeat;
  }
}
.p-index__message-slides-txt {
  text-align: left;
}
.p-index__message-slides-sign {
  margin-top: 14px;
  text-align: right;
}
@media screen and (max-width: 768px) {
  .p-index__message-slides-sign {
    margin-top: calc(25 /750*100vw);
  }
}
.p-index__message-btn {
  margin-block: 33px 31px;
  display: flex;
  justify-content: center;
}
@media screen and (max-width: 768px) {
  .p-index__message-btn {
    width: calc(522 /750*100vw);
    margin-block: calc(61 /750*100vw);
    margin-inline: auto;
  }
}
.p-index__message-obo {
  background: url(../img/bg_obo.png) center top/auto no-repeat;
  padding-top: 59px;
  margin-bottom: -5px;
  height: 460px;
}
@media screen and (max-width: 768px) {
  .p-index__message-obo {
    background: url(../img/sp/bg_obo.png) center top/100% no-repeat;
    padding-top: calc(94 /750*100vw);
    margin-bottom: calc(4 /750*100vw);
    height: calc(921 /750*100vw);
  }
}
.p-index__message-obo-ttl {
  display: flex;
  justify-content: center;
  margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
  .p-index__message-obo-ttl {
    width: calc(657 /750*100vw);
    margin-bottom: calc(40 /750*100vw);
    margin-inline: auto;
  }
}
.p-index__message-obo-btn {
  display: flex;
  justify-content: center;
  margin-bottom: 61px;
}
@media screen and (max-width: 768px) {
  .p-index__message-obo-btn {
    width: calc(712 /750*100vw);
    margin-bottom: calc(107 /750*100vw);
    margin-inline: auto;
  }
}
.p-index__message-obo-txt {
  display: flex;
  justify-content: center;
  margin-bottom: 11px;
}
@media screen and (max-width: 768px) {
  .p-index__message-obo-txt {
    width: calc(564 /750*100vw);
    margin-bottom: calc(25 /750*100vw);
    margin-inline: auto;
  }
}
.p-index__message-obo-btns {
  display: flex;
  justify-content: center;
}
@media screen and (max-width: 768px) {
  .p-index__message-obo-btns {
    flex-direction: column;
    gap: calc(6 /750*100vw);
  }
}
@media screen and (max-width: 768px) {
  .p-index__message-obo-btns-item {
    width: calc(592 /750*100vw);
    margin-inline: auto;
  }
}
.p-index__message-obo-btns-item + .p-index__message-obo-btns-item {
  margin-left: 8px;
}
@media screen and (max-width: 768px) {
  .p-index__message-obo-btns-item + .p-index__message-obo-btns-item {
    margin-left: auto;
  }
}
.p-index__comiket-img {
  margin: 0 -76px 110px -6px;
}
@media screen and (max-width: 768px) {
  .p-index__comiket-img {
    width: calc(728 /750*100vw);
    margin: 0 0 calc(124 /750*100vw) calc(20 /750*100vw);
  }
}
.p-index__comiket.before .p-index__comiket-img {
  margin-top: 8px;
}
@media screen and (max-width: 768px) {
  .p-index__comiket.before .p-index__comiket-img {
    margin-top: calc(4 /750*100vw);
  }
}
.p-index__bottom {
  background: rgba(255, 255, 255, 0.25);
  padding-block: 70px 90px;
}
@media screen and (max-width: 768px) {
  .p-index__bottom {
    padding-block: calc(70 /750*100vw) calc(60 /750*100vw);
  }
}
.p-index__bottom-note {
  width: 800px;
  height: 220px;
  overflow-y: auto;
  padding: 30px;
  margin-inline: auto;
  margin-bottom: 59px;
  border-radius: 10px;
  border: 1px solid rgba(255, 57, 107, 0.4);
  background: rgba(255, 255, 255, 0.4);
  font-size: 1.3rem;
}
@media screen and (max-width: 768px) {
  .p-index__bottom-note {
    width: calc(610 /750*100vw);
    height: calc(300 /750*100vw);
    padding: calc(40 /750*100vw) calc(30 /750*100vw);
    margin-bottom: calc(30 /750*100vw);
    border-radius: calc(16 /750*100vw);
    font-size: calc(20 /750*100vw);
  }
}
.p-index__bottom-note-ttl {
  font-size: 1.3rem;
  text-align: center;
  margin-bottom: 1em;
}
@media screen and (max-width: 768px) {
  .p-index__bottom-note-ttl {
    font-size: calc(20 /750*100vw);
  }
}
.p-index__bottom-note-txt + .p-index__bottom-note-txt {
  margin-top: 1.5em;
}
.p-index__bottom-note-txt + .p-index__bottom-note-num {
  margin-top: 1.5em;
}
.p-index__bottom-note-num {
  padding-left: 1em;
}
.p-index__bottom-note-num li + li {
  margin-top: 1.5em;
}
.p-index__bottom-note-num .p-index__bottom-note-num li + li {
  margin-top: 0;
}
.p-index__bottom-note strong {
  color: red;
}
.p-index__bottom-bnrs {
  display: flex;
  justify-content: center;
  gap: 30px;
}
@media screen and (max-width: 768px) {
  .p-index__bottom-bnrs {
    flex-direction: column;
    gap: calc(42 /750*100vw);
  }
  .p-index__bottom-bnrs li {
    width: calc(670 /750*100vw);
    margin-inline: auto;
  }
}
.p-index__bottom-sns {
  display: none;
}
@media screen and (max-width: 768px) {
  .p-index__bottom-sns {
    display: flex;
    justify-content: center;
    gap: calc(42 /750*100vw);
    margin-top: calc(55 /750*100vw);
  }
  .p-index__bottom-sns li {
    width: calc(68 /750*100vw);
  }
}

@media screen and (min-width: 769px) {
  .u-pc {
    display: block;
  }
  .u-sp {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .u-pc {
    display: none;
  }
  .u-sp {
    display: block;
  }
}