@charset "UTF-8";
/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/
a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video, main {
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, main {
  display: block;
}

body, html {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: 400;
  font-size: 1em;
}

blockquote, q {
  quotes: none;
}

blockquote:after, blockquote:before {
  content: "";
  content: none;
}

q:after, q:before {
  content: "";
  content: none;
}

a img {
  border: none;
}

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

/* iOSでのデフォルトスタイルをリセット */
input[type=button], input[type=text], input[type=tel], input[type=email], input[type=submit], input[type=image], textarea {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  -moz-appearance: button;
       appearance: button;
  border: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer;
}

input[type=submit]::-webkit-search-decoration,
input[type=button]::-webkit-search-decoration {
  display: none;
}

input[type=submit]::focus,
input[type=button]::focus {
  outline-offset: -2px;
}

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  outline: none;
  background: transparent;
}

button,
input[type=submit] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 0;
  border: none;
  outline: none;
  background: transparent;
}

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

input[type=radio]:checked + label {
  background: #5f5f5f;
}

select::-ms-expand {
  display: none;
}

figure img {
  vertical-align: bottom;
}

video {
  -webkit-filter: drop-shadow(0px 0px #000);
          filter: drop-shadow(0px 0px #000);
  outline: none;
  border: none;
}

em {
  font-style: normal;
}

/*******************************

BREAK POINTS

*******************************/
/*******************************

    COLORS

*******************************/
/* Rectangle 70 */
/*******************************

    FONTS

*******************************/
@font-face {
  font-family: "Fresno";
  src: url("./fonts/fresno-regular-webfont.woff2") format("woff2"), url("./fonts/fresno-regular-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap; /* 読み込み中に代替フォントを表示させたい場合 */
}
/* FONT SIZE */
/* FONT SET */
/*******************************

    DISPLAY

*******************************/
@media screen and (min-width: 641px) {
  .sp {
    display: none !important;
  }
}

@media screen and (max-width: 640px) {
  .lsp {
    display: none !important;
  }
}

@media screen and (min-width: 769px) {
  .tbmin {
    display: none !important;
  }
}

@media screen and (max-width: 768px) {
  .ltbmin {
    display: none !important;
  }
}

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

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

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

/*******************************

    HOVER

*******************************/
/*******************************

    BLOCK

*******************************/
/*******************************

    UTILS

*******************************/
/*******************************

    BASE

*******************************/
html,
body {
  height: 100%;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-family: "Noto Sans JP", "游ゴシック Medium", YuGothic, YuGothicM, "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, sans-serif;
  font-weight: 500;
  font-style: normal;
}

html {
  position: relative;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
}
@media screen and (min-width: 1025px) {
  html {
    font-size: 0.6944444444vw;
  }
}
@media screen and (min-width: 1600px) {
  html {
    font-size: 10px;
  }
}
@media screen and (max-width: 1024px) {
  html {
    font-size: 0.9765625vw;
  }
}
@media screen and (max-width: 768px) {
  html {
    font-size: 1.3020833333vw;
  }
}
@media screen and (max-width: 640px) {
  html {
    font-size: 2.6666666667vw;
  }
}

body {
  background: #FFF;
  color: #1F1F1F;
  font-size: 1.6rem;
  font-weight: 500;
}

body.is-fixed {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
}

img {
  max-width: 100%;
}

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

a {
  text-decoration: none;
  color: #1F1F1F;
}

p {
  word-wrap: break-word;
}

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

input[type=button], input[type=text], input[type=tel], input[type=email], input[type=submit], input[type=image], textarea, button, select {
  color: #1F1F1F;
}

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

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

.en {
  font-family: "Fresno", "Noto Sans JP", "游ゴシック Medium", YuGothic, YuGothicM, "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, sans-serif;
  font-weight: 400;
  font-style: normal;
}

body {
  opacity: 0;
}

@font-face {
  font-family: "icomoon";
  src: url("fonts/icomoon.eot?kauz33");
  src: url("fonts/icomoon.eot?kauz33#iefix") format("embedded-opentype"), url("fonts/icomoon.ttf?kauz33") format("truetype"), url("fonts/icomoon.woff?kauz33") format("woff"), url("fonts/icomoon.svg?kauz33#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
[class^=icon-], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-threads:before {
  content: "\e90b";
}

.icon-podcast:before {
  content: "\e90a";
}

.icon-map:before {
  content: "\e909";
}

.icon-blank:before {
  content: "\e900";
}

.icon-fb:before {
  content: "\e901";
}

.icon-x:before {
  content: "\e902";
}

.icon-insta:before {
  content: "\e903";
}

.icon-youtube:before {
  content: "\e904";
}

.icon-tiktok:before {
  content: "\e905";
}

.icon-arrow01:before {
  content: "\e906";
}

.icon-slidearrow:before {
  content: "\e907";
}

.icon-buyarrow:before {
  content: "\e908";
}

/*******************************

    HEAD

*******************************/
.headMenu__mainlist__item > a .icon {
  position: absolute;
  right: 1.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.headMenu__mainlist__item > a .icon::before, .headMenu__mainlist__item > a .icon::after {
  content: "";
  background: #E61E7D;
  width: 1.2rem;
  height: 2px;
  display: block;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}
.headMenu__mainlist__item > a .icon::after {
  position: absolute;
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
}

.headMenu__mainlist__sub__inner > a {
  background: #E61E7D;
  font-size: 1.6rem;
  color: #fff;
  padding: 0.25rem 1.5rem;
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-weight: 700;
  margin-bottom: 2rem;
}
@media (any-hover: hover) {
  .headMenu__mainlist__sub__inner > a {
    -webkit-transition: 0.3s ease;
    transition: 0.3s ease;
  }
  .headMenu__mainlist__sub__inner > a:hover {
    background: #f95ca5;
  }
}
.headMenu__mainlist__sub__inner .list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 4rem;
}
.headMenu__mainlist__sub__inner .list a {
  font-size: 1.6rem;
  gap: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-weight: 700;
}
@media (any-hover: hover) {
  .headMenu__mainlist__sub__inner .list a {
    -webkit-transition: 0.3s ease;
    transition: 0.3s ease;
  }
  .headMenu__mainlist__sub__inner .list a i {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    -webkit-transition: 0.3s ease;
    transition: 0.3s ease;
  }
  .headMenu__mainlist__sub__inner .list a:hover {
    color: #E61E7D;
  }
  .headMenu__mainlist__sub__inner .list a:hover i {
    -webkit-transform: translateX(5px);
            transform: translateX(5px);
  }
}
.headMenu__mainlist__sub__inner .list span {
  font-size: 1.6rem;
  gap: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-weight: 700;
}
.headMenu__mainlist__sub__inner .list span.is-disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.headMenu__mainlist__sub__inner .list i {
  color: #E61E7D;
}
.headMenu__mainlist__sub__inner .list + a {
  margin-top: 3rem;
}

.headMenu__mainlist__item.is-active .headMenu__mainlist__sub {
  display: block;
}
.headMenu__mainlist__item.is-active .icon::after {
  -webkit-transform: rotate(0);
          transform: rotate(0);
}

@media screen and (min-width: 1025px) {
  .head {
    position: fixed;
    background: #fff;
    z-index: 9999;
    left: 0;
    top: 0;
    width: 100%;
    border-bottom: 1px solid #E1E1E1;
  }
  .head__btn {
    display: none;
  }
  .head__inner {
    max-width: calc(124rem);
    width: calc(100% - 6rem * 2);
    margin-left: auto;
    margin-right: auto;
    height: 14rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1024px) {
  .head__inner {
    width: calc(100% - 4rem * 2);
  }
}
@media screen and (min-width: 1025px) and (max-width: 640px) {
  .head__inner {
    width: calc(100% - 2rem * 2);
  }
}
@media screen and (min-width: 1025px) {
  .head__logo {
    width: 37.3rem;
    -webkit-transition: opacity ease 0.3s;
    transition: opacity ease 0.3s;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1024px) {
  .head__logo {
    width: 27.975rem;
  }
}
@media screen and (min-width: 1025px) and (max-width: 640px) {
  .head__logo {
    width: 18.65rem;
  }
}
@media screen and (min-width: 1025px) and (any-hover: hover) and (min-width: 1025px) {
  .head__logo:hover {
    opacity: 0.7;
  }
}
@media screen and (min-width: 1025px) {
  .head__toparea {
    padding-top: 2rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .headMenu__sublist {
    border-radius: 100vh;
    background: #E61E7D;
    padding: 1rem 1rem 1rem 3rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-left: auto;
    -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.15);
            box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.15);
  }
  .headMenu__sublist a {
    color: #fff;
  }
  .headMenu__sublist .iconlist {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 1.2rem;
    margin-right: 3rem;
  }
}
@media screen and (min-width: 1025px) and (any-hover: hover) {
  .headMenu__sublist .iconlist a {
    -webkit-transition: 0.3s ease;
    transition: 0.3s ease;
  }
  .headMenu__sublist .iconlist a:hover {
    color: #ffebf3;
  }
}
@media screen and (min-width: 1025px) {
  .headMenu__sublist .iconlist a {
    font-size: 1.8rem;
  }
  .headMenu__sublist .iconlist .icon-podcast {
    font-size: 1.025em;
  }
  .headMenu__sublist .txtlist {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 2rem;
    margin-right: 2rem;
  }
  .headMenu__sublist .txtlist:first-of-type {
    margin-left: 1.2rem;
  }
}
@media screen and (min-width: 1025px) and (any-hover: hover) {
  .headMenu__sublist .txtlist a {
    -webkit-transition: 0.3s ease;
    transition: 0.3s ease;
  }
  .headMenu__sublist .txtlist a:hover {
    color: #ffebf3;
  }
}
@media screen and (min-width: 1025px) {
  .headMenu__sublist .txtlist a {
    font-family: "Fresno", "Noto Sans JP", "游ゴシック Medium", YuGothic, YuGothicM, "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 1.8rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 0.5rem;
  }
}
@media screen and (min-width: 1025px) and (max-width: 640px) {
  .headMenu__sublist .txtlist a {
    font-size: 1.53rem;
  }
}
@media screen and (min-width: 1025px) {
  .headMenu__sublist .txtlist a i {
    font-size: 0.5em;
  }
  .headMenu__sublist .buybtn {
    font-family: "Fresno", "Noto Sans JP", "游ゴシック Medium", YuGothic, YuGothicM, "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, sans-serif;
    font-weight: 400;
    font-style: normal;
    color: #E61E7D;
    background: #fff;
    border-radius: 100vh;
    aspect-ratio: 18/4;
    width: 18rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    position: relative;
    padding-right: 1.5rem;
    font-size: 1.8rem;
  }
}
@media screen and (min-width: 1025px) and (max-width: 640px) {
  .headMenu__sublist .buybtn {
    font-size: 1.53rem;
  }
}
@media screen and (min-width: 1025px) and (any-hover: hover) {
  .headMenu__sublist .buybtn {
    -webkit-transition: 0.3s ease;
    transition: 0.3s ease;
  }
  .headMenu__sublist .buybtn i::before {
    -webkit-transition: 0.3s ease;
    transition: 0.3s ease;
  }
  .headMenu__sublist .buybtn:hover {
    background: #ffebf3;
  }
  .headMenu__sublist .buybtn:hover i::before {
    -webkit-transform: translate(2px, -2px);
            transform: translate(2px, -2px);
  }
}
@media screen and (min-width: 1025px) {
  .headMenu__sublist .buybtn i {
    aspect-ratio: 1/1;
    width: 3rem;
    border-radius: 50%;
    background: #E61E7D;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    position: absolute;
    right: 0.5rem;
    top: 0.5rem;
    font-size: 1.2rem;
  }
  .headMenu__sublist .buybtn i::before {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  .headMenu__mainlist {
    display: -ms-grid;
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: 1fr;
    margin-top: 0.5rem;
  }
  .headMenu__mainlist__item {
    text-align: center;
    position: relative;
  }
  .headMenu__mainlist__item > a {
    position: relative;
    color: #E61E7D;
    font-size: 1.6rem;
    font-weight: 700;
    padding: 1.5rem 0 2rem;
    display: block;
  }
}
@media screen and (min-width: 1025px) and (max-width: 640px) {
  .headMenu__mainlist__item > a {
    font-size: 1.36rem;
  }
}
@media screen and (min-width: 1025px) {
  .headMenu__mainlist__item > a::after {
    content: "";
    display: block;
    height: 0.5rem;
    width: 100%;
    background: #fff;
    position: absolute;
    left: 0;
    bottom: 0;
    -webkit-transition: 0.3s ease;
    transition: 0.3s ease;
  }
  .headMenu__mainlist__item > a span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 100%;
  }
  .headMenu__mainlist__sub {
    display: none;
    width: 100%;
    position: fixed;
    z-index: 9999;
    background: #fff;
    z-index: 1;
    padding: 1rem;
    top: 14rem;
    left: 0;
    padding: 3rem;
  }
  .headMenu__mainlist__sub__inner {
    max-width: calc(124rem);
    width: calc(100% - 6rem * 2);
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1024px) {
  .headMenu__mainlist__sub__inner {
    width: calc(100% - 4rem * 2);
  }
}
@media screen and (min-width: 1025px) and (max-width: 640px) {
  .headMenu__mainlist__sub__inner {
    width: calc(100% - 2rem * 2);
  }
}
@media screen and (min-width: 1025px) {
  .headMenu__mainlist__item.is-active a::after {
    background: #E61E7D;
  }
}
@media screen and (max-width: 1024px) {
  .headMenu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
  .head__toparea {
    position: fixed;
    z-index: 1000;
    width: 100%;
    background: #fff;
    height: 8rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 0 2rem;
    border-bottom: 1px solid #E1E1E1;
    left: 0;
    top: 0;
  }
}
@media screen and (max-width: 1024px) and (max-width: 640px) {
  .head__toparea {
    height: 7rem;
  }
}
@media screen and (max-width: 1024px) {
  .head__logo {
    width: 37.3rem;
  }
}
@media screen and (max-width: 1024px) and (max-width: 1024px) {
  .head__logo {
    width: 27.975rem;
  }
}
@media screen and (max-width: 1024px) and (max-width: 640px) {
  .head__logo {
    width: 23.3125rem;
  }
}
@media screen and (max-width: 1024px) {
  .head__btn {
    width: 6rem;
    height: 6rem;
    background: #E61E7D;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    cursor: pointer;
    border-radius: 0.5rem;
    margin-right: -1rem;
  }
}
@media screen and (max-width: 1024px) and (max-width: 1024px) {
  .head__btn {
    width: 6rem;
  }
}
@media screen and (max-width: 1024px) and (max-width: 640px) {
  .head__btn {
    width: 4.5rem;
  }
}
@media screen and (max-width: 1024px) and (max-width: 1024px) {
  .head__btn {
    height: 6rem;
  }
}
@media screen and (max-width: 1024px) and (max-width: 640px) {
  .head__btn {
    height: 4.5rem;
  }
}
@media screen and (max-width: 1024px) and (max-width: 640px) {
  .head__btn {
    height: 5rem;
    width: 5rem;
  }
}
@media screen and (max-width: 1024px) {
  .head__btn span {
    width: 60%;
    height: 1px;
    display: block;
    background: #fff;
    margin: 3px 0;
    -webkit-transition: 0.3s ease;
    transition: 0.3s ease;
  }
  .head__btn.is-active span {
    margin: 0;
  }
  .head__btn.is-active span:first-child {
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
  }
  .head__btn.is-active span:nth-child(2) {
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
  }
  .headMenu__wrap {
    position: fixed;
    overflow-x: hidden;
    width: 100%;
    height: 100dvh;
    left: 0;
    top: 0;
    background: #fff;
    z-index: 999;
    -webkit-transform-origin: center top;
            transform-origin: center top;
    clip-path: polygon(0 0, 100% 0%, 100% 0, 0 0);
    visibility: hidden;
    padding-top: 8rem;
  }
}
@media screen and (max-width: 1024px) and (max-width: 640px) {
  .headMenu__wrap {
    padding-top: 7rem;
  }
}
@media screen and (max-width: 1024px) {
  .headMenu__sublist {
    padding-top: 6rem;
    margin-bottom: 6rem;
  }
}
@media screen and (max-width: 1024px) and (max-width: 640px) {
  .headMenu__sublist {
    padding-top: 3rem;
    margin-bottom: 3rem;
  }
}
@media screen and (max-width: 1024px) {
  .headMenu__sublist .txtlist {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 20rem 2rem 20rem;
    grid-template-columns: repeat(2, 20rem);
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 2rem;
    margin-bottom: 2rem;
  }
}
@media screen and (max-width: 1024px) and (max-width: 640px) {
  .headMenu__sublist .txtlist {
    -ms-grid-columns: (10rem)[2];
    grid-template-columns: repeat(2, 10rem);
  }
}
@media screen and (max-width: 1024px) {
  .headMenu__sublist .txtlist li img {
    width: 100%;
  }
  .headMenu__sublist .txtlist li a {
    display: block;
    background: #E61E7D;
    border-radius: 1.5rem;
  }
  .headMenu__sublist .iconlist {
    width: 42rem;
    border-radius: 100vh;
    background: #E61E7D;
    margin: 0 auto;
    padding: 1.25rem 3.4rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.15);
            box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.15);
  }
}
@media screen and (max-width: 1024px) and (max-width: 640px) {
  .headMenu__sublist .iconlist {
    width: 22rem;
  }
}
@media screen and (max-width: 1024px) {
  .headMenu__sublist .iconlist a {
    color: #fff;
  }
  .headMenu__sublist .iconlist a {
    font-size: 3.6rem;
  }
}
@media screen and (max-width: 1024px) and (max-width: 640px) {
  .headMenu__sublist .iconlist a {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 1024px) {
  .headMenu__sublist .iconlist .icon-podcast {
    font-size: 1.025em;
  }
  .headMenu__mainlist {
    width: calc(100% - 3rem);
    margin: 0 auto;
    border-top: 1px solid #E1E1E1;
    margin-top: 6rem;
  }
}
@media screen and (max-width: 1024px) and (max-width: 640px) {
  .headMenu__mainlist {
    margin-top: 3rem;
  }
}
@media screen and (max-width: 1024px) {
  .headMenu__mainlist__item {
    border-bottom: 1px solid #E1E1E1;
  }
  .headMenu__mainlist__item > a {
    position: relative;
    color: #E61E7D;
    font-size: 1.65rem;
    font-weight: 700;
    padding: 1.5rem 0;
    display: block;
  }
}
@media screen and (max-width: 1024px) and (max-width: 640px) {
  .headMenu__mainlist__item > a {
    font-size: 1.4025rem;
  }
}
@media screen and (max-width: 1024px) {
  .headMenu__mainlist__item > a span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
  }
  .headMenu__mainlist__sub {
    height: 0;
    opacity: 0;
    visibility: hidden;
    overflow: hidden;
  }
  .headMenu__mainlist__sub__inner {
    padding: 1.5rem 0 3rem;
  }
  .headMenu__mainlist__sub__inner > a {
    font-size: 1.4rem;
  }
  .headMenu__mainlist__sub__inner .list {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 1.5rem 2rem;
  }
  .headMenu__mainlist__sub__inner .list a, .headMenu__mainlist__sub__inner .list span {
    font-size: 1.4rem;
  }
  .headMenu__mainlist__sub__inner .list .is-disabled {
    opacity: 0.5;
    cursor: not-allowed;
  }
}
/*******************************

    FOOT

*******************************/
.foot {
  padding-top: 10rem;
  padding-bottom: 8rem;
}
@media screen and (max-width: 1024px) {
  .foot {
    padding-top: 7.5rem;
  }
}
@media screen and (max-width: 640px) {
  .foot {
    padding-top: 4.5rem;
  }
}
@media screen and (max-width: 1024px) {
  .foot {
    padding-bottom: 6rem;
  }
}
@media screen and (max-width: 640px) {
  .foot {
    padding-bottom: 3.6rem;
  }
}
.foot .copyright {
  text-align: center;
  font-size: 1.2rem;
  line-height: 1.35;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 640px) {
  .foot .copyright {
    font-size: 1.02rem;
  }
}

/* partners
----------------------------- */
.footPartner {
  margin-bottom: 10rem;
}
@media screen and (max-width: 1024px) {
  .footPartner {
    margin-bottom: 7.5rem;
  }
}
@media screen and (max-width: 640px) {
  .footPartner {
    margin-bottom: 4.5rem;
  }
}
.footPartner__inner {
  max-width: calc(124rem);
  width: calc(100% - 6rem * 2);
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1024px) {
  .footPartner__inner {
    width: calc(100% - 4rem * 2);
  }
}
@media screen and (max-width: 640px) {
  .footPartner__inner {
    width: calc(100% - 2rem * 2);
  }
}

/* sns
----------------------------- */
.footSns {
  background: #F4F4F4;
  padding-top: 10rem;
  padding-bottom: 10rem;
}
@media screen and (max-width: 1024px) {
  .footSns {
    padding-top: 7.5rem;
  }
}
@media screen and (max-width: 640px) {
  .footSns {
    padding-top: 4.5rem;
  }
}
@media screen and (max-width: 1024px) {
  .footSns {
    padding-bottom: 7.5rem;
  }
}
@media screen and (max-width: 640px) {
  .footSns {
    padding-bottom: 4.5rem;
  }
}
.footSns__inner {
  max-width: calc(100rem);
  width: calc(100% - 6rem * 2);
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1024px) {
  .footSns__inner {
    width: calc(100% - 4rem * 2);
  }
}
@media screen and (max-width: 640px) {
  .footSns__inner {
    width: calc(100% - 2rem * 2);
  }
}
.footSns .list {
  display: -ms-grid;
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: 1fr;
  gap: 1.3rem;
}
@media screen and (max-width: 768px) {
  .footSns .list {
    grid-auto-flow: unset;
    grid-auto-columns: unset;
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
  }
}
.footSns .list li {
  border-radius: 1rem;
  overflow: hidden;
  background: #fff;
  padding: 2rem;
}
@media screen and (max-width: 640px) {
  .footSns .list li {
    border-radius: 0.5rem;
  }
}
.footSns .list .ttl {
  text-align: center;
  font-weight: 700;
  font-size: 2rem;
  margin-bottom: 2rem;
}
@media screen and (max-width: 640px) {
  .footSns .list .ttl {
    font-size: 1.7rem;
  }
}
.footSns .list .img {
  width: 6.5rem;
  margin: 0 auto;
  margin-bottom: 2rem;
}
@media screen and (max-width: 1024px) {
  .footSns .list .img {
    width: 4.875rem;
  }
}
@media screen and (max-width: 640px) {
  .footSns .list .img {
    width: 3.25rem;
  }
}
@media screen and (max-width: 1024px) {
  .footSns .list .img {
    margin-bottom: 1.5rem;
  }
}
@media screen and (max-width: 640px) {
  .footSns .list .img {
    margin-bottom: 0.9rem;
  }
}
.footSns .list .txt {
  display: block;
  text-align: center;
  color: rgba(31, 31, 31, 0.3);
  font-size: 1.4rem;
  line-height: 1.35;
  letter-spacing: 0.05em;
  margin-bottom: 3rem;
}
@media screen and (max-width: 640px) {
  .footSns .list .txt {
    font-size: 1.19rem;
  }
}
@media screen and (max-width: 1024px) {
  .footSns .list .txt {
    margin-bottom: 2.25rem;
  }
}
@media screen and (max-width: 640px) {
  .footSns .list .txt {
    margin-bottom: 1.35rem;
  }
}

/* nav
----------------------------- */
.footNav {
  padding-top: 10rem;
  margin-bottom: 6rem;
  max-width: calc(100rem);
  width: calc(100% - 6rem * 2);
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1024px) {
  .footNav {
    padding-top: 7.5rem;
  }
}
@media screen and (max-width: 640px) {
  .footNav {
    padding-top: 4.5rem;
  }
}
@media screen and (max-width: 1024px) {
  .footNav {
    margin-bottom: 4.5rem;
  }
}
@media screen and (max-width: 640px) {
  .footNav {
    margin-bottom: 2.7rem;
  }
}
@media screen and (max-width: 1024px) {
  .footNav {
    width: calc(100% - 4rem * 2);
  }
}
@media screen and (max-width: 640px) {
  .footNav {
    width: calc(100% - 2rem * 2);
  }
}
.footNav .logo {
  display: block;
  -webkit-transition: opacity ease 0.3s;
  transition: opacity ease 0.3s;
  width: 10rem;
  margin: 0 auto;
  margin-bottom: 4rem;
}
@media screen and (any-hover: hover) and (min-width: 1025px) {
  .footNav .logo:hover {
    opacity: 0.7;
  }
}
@media screen and (max-width: 1024px) {
  .footNav .logo {
    width: 7.5rem;
  }
}
@media screen and (max-width: 640px) {
  .footNav .logo {
    width: 5rem;
  }
}
@media screen and (max-width: 1024px) {
  .footNav .logo {
    margin-bottom: 3rem;
  }
}
@media screen and (max-width: 640px) {
  .footNav .logo {
    margin-bottom: 1.8rem;
  }
}
.footNav .list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 2rem;
  font-size: 1.4rem;
  line-height: 1.35;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1024px) {
  .footNav .list {
    gap: 1.5rem;
  }
}
@media screen and (max-width: 640px) {
  .footNav .list {
    gap: 1rem;
  }
}
@media screen and (max-width: 640px) {
  .footNav .list {
    font-size: 1.19rem;
  }
}

/*******************************

    CMN

*******************************/
/* ttl,txt,btn
----------------------------- */
.icon-x {
  font-size: 0.9em;
}

.cmn__ttl01 {
  text-align: center;
  margin-bottom: 6rem;
}
@media screen and (max-width: 1024px) {
  .cmn__ttl01 {
    margin-bottom: 4.5rem;
  }
}
@media screen and (max-width: 640px) {
  .cmn__ttl01 {
    margin-bottom: 2.7rem;
  }
}
.cmn__ttl01 span {
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
  line-height: 1.35;
}
.cmn__ttl01 .en {
  color: #E61E7D;
  font-size: 6.4rem;
}
@media screen and (max-width: 640px) {
  .cmn__ttl01 .en {
    font-size: 4.16rem;
  }
}
.cmn__ttl01 .ja {
  font-size: 2rem;
  font-weight: 700;
}
@media screen and (max-width: 640px) {
  .cmn__ttl01 .ja {
    font-size: 1.7rem;
  }
}

.cmn__ttl02 {
  font-family: "Fresno", "Noto Sans JP", "游ゴシック Medium", YuGothic, YuGothicM, "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 3.6rem;
  line-height: 0.65;
  letter-spacing: 0.05em;
  margin-bottom: 6rem;
  color: #000;
}
@media screen and (max-width: 640px) {
  .cmn__ttl02 {
    font-size: 3.06rem;
  }
}
@media screen and (max-width: 1024px) {
  .cmn__ttl02 {
    margin-bottom: 4.5rem;
  }
}
@media screen and (max-width: 640px) {
  .cmn__ttl02 {
    margin-bottom: 2.7rem;
  }
}
.cmn__ttl02.is-center {
  text-align: center;
}

.cmn__ttl03 {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
  margin-bottom: 6rem;
  font-weight: 700;
  font-size: 2rem;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1024px) {
  .cmn__ttl03 {
    margin-bottom: 4.5rem;
  }
}
@media screen and (max-width: 640px) {
  .cmn__ttl03 {
    margin-bottom: 2.7rem;
  }
}
@media screen and (max-width: 640px) {
  .cmn__ttl03 {
    font-size: 1.7rem;
  }
}
.cmn__ttl03::after {
  content: "";
  display: block;
  width: 3rem;
  height: 2px;
  background: #E61E7D;
  margin: 0 auto;
  margin-top: 1.5rem;
}
@media screen and (max-width: 1024px) {
  .cmn__ttl03::after {
    margin-top: 1.125rem;
  }
}
@media screen and (max-width: 640px) {
  .cmn__ttl03::after {
    margin-top: 0.675rem;
  }
}

.cmn__btn01 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 auto;
  max-width: 100%;
  width: 40rem;
  height: 6.4rem;
  color: #fff;
  background: #E61E7D;
  border-radius: 0.5rem;
  font-weight: 700;
  position: relative;
  font-size: 2rem;
}
@media screen and (max-width: 1024px) {
  .cmn__btn01 {
    width: 30rem;
  }
}
@media screen and (max-width: 640px) {
  .cmn__btn01 {
    width: 20rem;
  }
}
@media screen and (max-width: 1024px) {
  .cmn__btn01 {
    height: 4.8rem;
  }
}
@media screen and (max-width: 640px) {
  .cmn__btn01 {
    height: 4.16rem;
  }
}
@media screen and (max-width: 640px) {
  .cmn__btn01 {
    font-size: 1.5rem;
  }
}
@media (any-hover: hover) {
  .cmn__btn01 {
    -webkit-transition: 0.3s ease;
    transition: 0.3s ease;
  }
  .cmn__btn01 .icon-arrow01 {
    -webkit-transition: 0.3s ease;
    transition: 0.3s ease;
  }
  .cmn__btn01:hover {
    background: #f95ca5;
  }
  .cmn__btn01:hover .icon-arrow01 {
    -webkit-transform: translateX(5px);
            transform: translateX(5px);
  }
}
.cmn__btn01 span {
  position: relative;
  z-index: 1;
}
.cmn__btn01 .icon-arrow01 {
  position: absolute;
  z-index: 1;
  right: 2.5rem;
  font-size: 0.85em;
  -webkit-transform: translateX(0);
          transform: translateX(0);
}
@media screen and (max-width: 640px) {
  .cmn__btn01 .icon-arrow01 {
    right: 1rem;
  }
}

.cmn__btn02 {
  background: #fff;
  border: 1px solid #E61E7D;
  border-radius: 100vh;
  width: 100%;
  padding: 0.9rem 1rem 1.1rem;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #E61E7D;
  font-weight: 700;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  line-height: 1.35;
  font-size: 1.6rem;
}
@media screen and (max-width: 640px) {
  .cmn__btn02 {
    font-size: 1.36rem;
  }
}
@media (any-hover: hover) {
  .cmn__btn02 {
    -webkit-transition: 0.3s ease;
    transition: 0.3s ease;
  }
  .cmn__btn02 i {
    -webkit-transition: 0.3s ease;
    transition: 0.3s ease;
  }
  .cmn__btn02:hover {
    background: #ffebf3;
  }
  .cmn__btn02:hover i {
    -webkit-transform: translateX(5px);
            transform: translateX(5px);
  }
}
.cmn__btn02 i {
  position: absolute;
  right: 1.5rem;
  -webkit-transform: translateX(0);
          transform: translateX(0);
  margin-top: 0.125em;
}
@media screen and (max-width: 640px) {
  .cmn__btn02 i {
    right: 1rem;
  }
}

.cmn__pager {
  margin-top: 8rem;
}
@media screen and (max-width: 1024px) {
  .cmn__pager {
    margin-top: 6rem;
  }
}
@media screen and (max-width: 640px) {
  .cmn__pager {
    margin-top: 3.6rem;
  }
}
.cmn__pager-links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  --gap: min(2rem, 1.5vw);
  gap: var(--gap);
  font-size: 1.6rem;
  line-height: 1.35;
  letter-spacing: 0.05em;
  font-weight: 700;
}
@media screen and (max-width: 640px) {
  .cmn__pager-links {
    font-size: 1.36rem;
  }
}
.cmn__pager-links a,
.cmn__pager-links span {
  --btn-size: min(4rem, 10vw);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5rem;
  padding: 0.5rem;
  border-radius: 0.8rem;
  min-width: var(--btn-size);
  min-height: var(--btn-size);
}
.cmn__pager-links span:not(.dots) {
  background-color: #E61E7D;
  color: #fff;
}
.cmn__pager-links span.dots {
  margin-left: calc(var(--gap) / 2 * -1);
  margin-right: calc(var(--gap) / 2 * -1);
}
.cmn__pager-links a {
  background-color: #1F1F1F;
  color: #fff;
  cursor: pointer;
  -webkit-transition: opacity ease 0.3s;
  transition: opacity ease 0.3s;
}
@media screen and (any-hover: hover) and (min-width: 1025px) {
  .cmn__pager-links a:hover {
    opacity: 0.7;
  }
}
.cmn__pager-links a.is-disabled {
  opacity: 0.5;
  pointer-events: none;
  cursor: not-allowed;
}
.cmn__pager-links i {
  font-size: 0.85em;
}
.cmn__pager-links .icon-arrow::before {
  content: "";
  display: block;
  width: 0.6em;
  height: 0.6em;
  border-style: solid;
  border-width: 2px 2px 0 0;
}
.cmn__pager-links .icon-arrow.next::before {
  -webkit-transform: translateX(-25%) rotate(45deg);
          transform: translateX(-25%) rotate(45deg);
}
.cmn__pager-links .icon-arrow.prev::before {
  -webkit-transform: translateX(25%) rotate(-135deg);
          transform: translateX(25%) rotate(-135deg);
}

/* block
----------------------------- */
.lower {
  padding-top: 14rem;
}
@media screen and (max-width: 1024px) {
  .lower {
    padding-top: 8rem;
  }
}
@media screen and (max-width: 640px) {
  .lower {
    padding-top: 7rem;
  }
}

.cmn__inner01 {
  max-width: calc(100rem);
  width: calc(100% - 6rem * 2);
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1024px) {
  .cmn__inner01 {
    width: calc(100% - 4rem * 2);
  }
}
@media screen and (max-width: 640px) {
  .cmn__inner01 {
    width: calc(100% - 2rem * 2);
  }
}

.cmn__main01 {
  padding-top: 8rem;
  padding-bottom: 8rem;
  background: #F4F4F4;
}
@media screen and (max-width: 1024px) {
  .cmn__main01 {
    padding-top: 6rem;
  }
}
@media screen and (max-width: 640px) {
  .cmn__main01 {
    padding-top: 3.6rem;
  }
}
@media screen and (max-width: 1024px) {
  .cmn__main01 {
    padding-bottom: 6rem;
  }
}
@media screen and (max-width: 640px) {
  .cmn__main01 {
    padding-bottom: 3.6rem;
  }
}
.cmn__main01__inner {
  max-width: calc(100rem);
  width: calc(100% - 6rem * 2);
  margin-left: auto;
  margin-right: auto;
  background: #fff;
  border-radius: 1.5rem;
  overflow: hidden;
  padding-top: 8rem;
  padding-bottom: 8rem;
  padding-left: 6rem;
  padding-right: 6rem;
}
@media screen and (max-width: 1024px) {
  .cmn__main01__inner {
    width: calc(100% - 4rem * 2);
  }
}
@media screen and (max-width: 640px) {
  .cmn__main01__inner {
    width: calc(100% - 2rem * 2);
  }
}
@media screen and (max-width: 640px) {
  .cmn__main01__inner {
    border-radius: 0.75rem;
  }
}
@media screen and (max-width: 1024px) {
  .cmn__main01__inner {
    padding-top: 6rem;
  }
}
@media screen and (max-width: 640px) {
  .cmn__main01__inner {
    padding-top: 3.6rem;
  }
}
@media screen and (max-width: 1024px) {
  .cmn__main01__inner {
    padding-bottom: 6rem;
  }
}
@media screen and (max-width: 640px) {
  .cmn__main01__inner {
    padding-bottom: 3.6rem;
  }
}
@media screen and (max-width: 1024px) {
  .cmn__main01__inner {
    padding-left: 4.5rem;
  }
}
@media screen and (max-width: 640px) {
  .cmn__main01__inner {
    padding-left: 2.7rem;
  }
}
@media screen and (max-width: 1024px) {
  .cmn__main01__inner {
    padding-right: 4.5rem;
  }
}
@media screen and (max-width: 640px) {
  .cmn__main01__inner {
    padding-right: 2.7rem;
  }
}
@media screen and (max-width: 640px) {
  .cmn__main01__inner {
    width: 100%;
    border-radius: 0;
    padding-right: 2rem;
    padding-left: 2rem;
  }
}

.cmn__pankuzu {
  padding-top: 3rem;
  padding-bottom: 3rem;
  max-width: calc(124rem);
  width: calc(100% - 6rem * 2);
  margin-left: auto;
  margin-right: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media screen and (max-width: 1024px) {
  .cmn__pankuzu {
    padding-top: 2.25rem;
  }
}
@media screen and (max-width: 640px) {
  .cmn__pankuzu {
    padding-top: 0.75rem;
  }
}
@media screen and (max-width: 1024px) {
  .cmn__pankuzu {
    padding-bottom: 2.25rem;
  }
}
@media screen and (max-width: 640px) {
  .cmn__pankuzu {
    padding-bottom: 0.75rem;
  }
}
@media screen and (max-width: 1024px) {
  .cmn__pankuzu {
    width: calc(100% - 4rem * 2);
  }
}
@media screen and (max-width: 640px) {
  .cmn__pankuzu {
    width: calc(100% - 2rem * 2);
  }
}
.cmn__pankuzu li a, .cmn__pankuzu li span {
  font-family: "Fresno", "Noto Sans JP", "游ゴシック Medium", YuGothic, YuGothicM, "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.6rem;
  line-height: 1;
  letter-spacing: 0.05em;
  word-break: break-all;
}
@media screen and (max-width: 640px) {
  .cmn__pankuzu li a, .cmn__pankuzu li span {
    font-size: 1.2rem;
  }
}
.cmn__pankuzu li a {
  color: #A6A6A6;
}
@media (any-hover: hover) {
  .cmn__pankuzu li a {
    -webkit-transition: 0.3s ease;
    transition: 0.3s ease;
  }
  .cmn__pankuzu li a:hover {
    color: #E61E7D;
  }
}
.cmn__pankuzu li span {
  color: #E61E7D;
}
.cmn__pankuzu li:not(:last-of-type)::after {
  content: ">";
  color: #A6A6A6;
  font-family: "Fresno", "Noto Sans JP", "游ゴシック Medium", YuGothic, YuGothicM, "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, sans-serif;
  font-weight: 400;
  font-style: normal;
  margin: 0 0.25em;
}

.cmn__kv01 {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: #E61E7D;
  min-height: 27rem;
  padding-top: 6rem;
  padding-bottom: 6rem;
}
@media screen and (max-width: 1024px) {
  .cmn__kv01 {
    min-height: 20.25rem;
  }
}
@media screen and (max-width: 640px) {
  .cmn__kv01 {
    min-height: 13.5rem;
  }
}
@media screen and (max-width: 1024px) {
  .cmn__kv01 {
    padding-top: 4.5rem;
  }
}
@media screen and (max-width: 640px) {
  .cmn__kv01 {
    padding-top: 2.7rem;
  }
}
@media screen and (max-width: 1024px) {
  .cmn__kv01 {
    padding-bottom: 4.5rem;
  }
}
@media screen and (max-width: 640px) {
  .cmn__kv01 {
    padding-bottom: 2.7rem;
  }
}
.cmn__kv01 .ttl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  color: #fff;
  text-align: center;
}
.cmn__kv01 .ttl .en {
  font-size: 6.4rem;
  line-height: 1;
  letter-spacing: 0.05em;
  margin-bottom: 0.2em;
}
@media screen and (max-width: 640px) {
  .cmn__kv01 .ttl .en {
    font-size: 4.16rem;
  }
}
.cmn__kv01 .ttl .ja {
  font-weight: 700;
  font-size: 2rem;
  line-height: 1.35;
  letter-spacing: 0.05em;
  text-align: center;
}
@media screen and (max-width: 640px) {
  .cmn__kv01 .ttl .ja {
    font-size: 1.3rem;
  }
}

body:not(:has(.cmn__search)):not(:has(.cmn__main01)) .cmn__kv01 {
  margin-bottom: 8rem;
}
@media screen and (max-width: 1024px) {
  body:not(:has(.cmn__search)):not(:has(.cmn__main01)) .cmn__kv01 {
    margin-bottom: 6rem;
  }
}
@media screen and (max-width: 640px) {
  body:not(:has(.cmn__search)):not(:has(.cmn__main01)) .cmn__kv01 {
    margin-bottom: 3.6rem;
  }
}

.cmn__search {
  margin-bottom: 8rem;
  background: #EBE9E9;
  padding-top: 3rem;
  padding-bottom: 3rem;
}
@media screen and (max-width: 1024px) {
  .cmn__search {
    margin-bottom: 6rem;
  }
}
@media screen and (max-width: 640px) {
  .cmn__search {
    margin-bottom: 3.6rem;
  }
}
@media screen and (max-width: 1024px) {
  .cmn__search {
    padding-top: 2.25rem;
  }
}
@media screen and (max-width: 640px) {
  .cmn__search {
    padding-top: 1.35rem;
  }
}
@media screen and (max-width: 1024px) {
  .cmn__search {
    padding-bottom: 2.25rem;
  }
}
@media screen and (max-width: 640px) {
  .cmn__search {
    padding-bottom: 1.35rem;
  }
}
.cmn__search .list {
  max-width: calc(100rem);
  width: calc(100% - 6rem * 2);
  margin-left: auto;
  margin-right: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 8rem;
}
@media screen and (max-width: 1024px) {
  .cmn__search .list {
    width: calc(100% - 4rem * 2);
  }
}
@media screen and (max-width: 640px) {
  .cmn__search .list {
    width: calc(100% - 2rem * 2);
  }
}
@media screen and (max-width: 1024px) {
  .cmn__search .list {
    gap: 6rem;
  }
}
@media screen and (max-width: 640px) {
  .cmn__search .list {
    gap: 4rem;
  }
}
.cmn__search .list li {
  position: relative;
}
.cmn__search .list li:not(:last-of-type)::after {
  content: "";
  width: 1px;
  height: 100%;
  background: #C7C7C7;
  position: absolute;
  right: -4rem;
  top: 0;
}
@media screen and (max-width: 1024px) {
  .cmn__search .list li:not(:last-of-type)::after {
    right: -3rem;
  }
}
@media screen and (max-width: 640px) {
  .cmn__search .list li:not(:last-of-type)::after {
    right: -2rem;
  }
}
.cmn__search select {
  font-size: 1.6rem;
  padding-right: 1.5rem;
  background: url(../img/icon-select.svg) right top 55% no-repeat;
  background-size: 1rem auto;
  -webkit-transition: opacity ease 0.3s;
  transition: opacity ease 0.3s;
  cursor: pointer;
  font-weight: 500;
}
@media screen and (max-width: 640px) {
  .cmn__search select {
    font-size: 1.28rem;
  }
}
@media screen and (any-hover: hover) and (min-width: 1025px) {
  .cmn__search select:hover {
    opacity: 0.7;
  }
}

.cmnGameInfo {
  --game-color:#E61E7D;
}

.cmnGameInfo.is-away {
  --game-color:#ED95BD;
}

.topNextgame .cmnGameInfo.is-away {
  --game-color:#1C2A78;
}

.cmnGameInfo {
  font-size: 1.6rem;
}
@media screen and (max-width: 640px) {
  .cmnGameInfo {
    font-size: 1.36rem;
  }
}
.cmnGameInfo__area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 2rem;
}
@media screen and (max-width: 1024px) {
  .cmnGameInfo__area {
    gap: 1.5rem;
  }
}
@media screen and (max-width: 640px) {
  .cmnGameInfo__area {
    gap: 1rem;
  }
}
.cmnGameInfo__area .type {
  display: block;
  aspect-ratio: 18/4.8;
  width: 18rem;
  font-size: 3.2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: var(--game-color);
  border-radius: 1rem;
  overflow: hidden;
  color: #fff;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
@media screen and (max-width: 1024px) {
  .cmnGameInfo__area .type {
    width: 13.5rem;
  }
}
@media screen and (max-width: 640px) {
  .cmnGameInfo__area .type {
    width: 9rem;
  }
}
@media screen and (max-width: 640px) {
  .cmnGameInfo__area .type {
    font-size: 2.08rem;
  }
}
@media screen and (max-width: 640px) {
  .cmnGameInfo__area .type {
    border-radius: 0.5rem;
  }
}
.cmnGameInfo__area .venue {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 0.35em;
  font-weight: 700;
  line-height: 1.35;
}
.cmnGameInfo__area .venue i {
  font-size: 1.25em;
}
.cmnGameInfo__date .date {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1.5rem;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  margin-bottom: 1.5rem;
}
@media screen and (max-width: 1024px) {
  .cmnGameInfo__date .date {
    gap: 1.125rem;
  }
}
@media screen and (max-width: 640px) {
  .cmnGameInfo__date .date {
    gap: 0.75rem;
  }
}
@media screen and (max-width: 1024px) {
  .cmnGameInfo__date .date {
    margin-bottom: 1.125rem;
  }
}
@media screen and (max-width: 640px) {
  .cmnGameInfo__date .date {
    margin-bottom: 0.675rem;
  }
}
.cmnGameInfo__date .date .day {
  font-size: 8rem;
  margin-bottom: -0.125em;
}
@media screen and (max-width: 640px) {
  .cmnGameInfo__date .date .day {
    font-size: 5.6rem;
  }
}
.cmnGameInfo__date .date .week {
  background: #1F1F1F;
  color: #fff;
  font-size: 2rem;
  padding: 0.25rem 1rem;
  margin-bottom: 0.25em;
}
@media screen and (max-width: 640px) {
  .cmnGameInfo__date .date .week {
    font-size: 1.6rem;
  }
}
.cmnGameInfo__date .date .week[data-day=SUN] {
  background: #E83030;
}
.cmnGameInfo__date .date .week[data-day=SAT] {
  background: #3881D5;
}
.cmnGameInfo__date .date .time {
  font-size: 3.6rem;
}
@media screen and (max-width: 640px) {
  .cmnGameInfo__date .date .time {
    font-size: 2.88rem;
  }
}
.cmnGameInfo__date .season {
  display: block;
  margin-top: 0.75em;
}

.cmnSlide__dots {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 1rem;
}
.cmnSlide__dots span {
  width: 1rem;
  height: 1rem;
  background: #fff;
  opacity: 1;
  margin: 0 !important;
  -webkit-transition: opacity ease 0.3s;
  transition: opacity ease 0.3s;
  display: block;
}
@media screen and (any-hover: hover) and (min-width: 1025px) {
  .cmnSlide__dots span:hover {
    opacity: 0.7;
  }
}
.cmnSlide__dots .swiper-pagination-bullet-active {
  background: #E61E7D;
}
.cmnSlide__prev, .cmnSlide__next {
  background: #E61E7D;
  border-radius: 50%;
  aspect-ratio: 1/1;
  width: 6rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: #E61E7D;
  color: #fff;
  font-size: 2.5rem;
}
@media screen and (max-width: 1024px) {
  .cmnSlide__prev, .cmnSlide__next {
    width: 4.5rem;
  }
}
@media screen and (max-width: 640px) {
  .cmnSlide__prev, .cmnSlide__next {
    width: 3rem;
  }
}
@media screen and (max-width: 640px) {
  .cmnSlide__prev, .cmnSlide__next {
    font-size: 1.25rem;
  }
}
.cmnSlide__prev i {
  -webkit-transform: rotate(-180deg);
          transform: rotate(-180deg);
  padding-left: 0.15em;
}
@media screen and (max-width: 640px) {
  .cmnSlide__prev i {
    padding-top: 0.15em;
  }
}

.cmnNewsList {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 4rem 1fr;
  grid-template-columns: repeat(2, 1fr);
  gap: 4rem;
}
@media screen and (max-width: 1024px) {
  .cmnNewsList {
    gap: 3rem;
  }
}
@media screen and (max-width: 640px) {
  .cmnNewsList {
    gap: 1.8rem;
  }
}
.cmnNewsList a {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 16rem 3rem minmax(0, 1fr);
  grid-template-columns: 16rem minmax(0, 1fr);
  gap: 3rem;
}
.cmnNewsList a figure img {
  -webkit-transition: ease 0.3s;
  transition: ease 0.3s;
  -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
@media (any-hover: hover) {
  .cmnNewsList a:hover figure img {
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
  }
}
@media screen and (max-width: 1024px) {
  .cmnNewsList a {
    gap: 2.25rem;
  }
}
@media screen and (max-width: 640px) {
  .cmnNewsList a {
    gap: 1.5rem;
  }
}
@media screen and (max-width: 768px) {
  .cmnNewsList a {
    -ms-grid-columns: 10rem minmax(0, 1fr);
    grid-template-columns: 10rem minmax(0, 1fr);
  }
}
@media screen and (max-width: 640px) {
  .cmnNewsList a {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}
.cmnNewsList .img {
  aspect-ratio: 31/38.6;
  border-radius: 1rem;
  overflow: hidden;
}
@media screen and (max-width: 640px) {
  .cmnNewsList .img {
    border-radius: 0.5rem;
  }
}
.cmnNewsList .img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 641px) {
  .cmnNewsList .cont {
    padding-top: 2rem;
  }
}
.cmnNewsList .cont .summary {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 1.5rem;
  margin-bottom: 2rem;
}
@media screen and (max-width: 1024px) {
  .cmnNewsList .cont .summary {
    margin-bottom: 1.5rem;
  }
}
@media screen and (max-width: 640px) {
  .cmnNewsList .cont .summary {
    margin-bottom: 1.3rem;
  }
}
@media screen and (max-width: 640px) {
  .cmnNewsList .cont .summary {
    gap: 0.5rem;
  }
}
.cmnNewsList .cont .summary .date {
  font-size: 2rem;
}
@media screen and (max-width: 640px) {
  .cmnNewsList .cont .summary .date {
    font-size: 1.7rem;
  }
}
.cmnNewsList .cont .summary .cat {
  border-radius: 0.5rem;
  background: #E61E7D;
  color: #fff;
  font-weight: 700;
  font-size: 1.4rem;
  min-width: 13rem;
  padding: 0.75rem;
  text-align: center;
}
@media screen and (max-width: 640px) {
  .cmnNewsList .cont .summary .cat {
    font-size: 1.19rem;
  }
}
.cmnNewsList .cont .ttl {
  font-size: 2rem;
  line-height: 1.35;
  letter-spacing: 0.05em;
  font-weight: 700;
}
@media screen and (max-width: 640px) {
  .cmnNewsList .cont .ttl {
    font-size: 1.7rem;
  }
}

.cmnTabList {
  border-radius: 100vh;
  overflow: hidden;
  background: #EBE9E9;
  display: -ms-grid;
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: 1fr;
  margin-bottom: 6rem;
  max-width: calc(100rem);
  width: calc(100% - 6rem * 2);
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1024px) {
  .cmnTabList {
    margin-bottom: 4.5rem;
  }
}
@media screen and (max-width: 640px) {
  .cmnTabList {
    margin-bottom: 2.7rem;
  }
}
@media screen and (max-width: 1024px) {
  .cmnTabList {
    width: calc(100% - 4rem * 2);
  }
}
@media screen and (max-width: 640px) {
  .cmnTabList {
    width: calc(100% - 2rem * 2);
  }
}
@media screen and (max-width: 640px) {
  .cmnTabList {
    grid-auto-flow: row;
    grid-auto-columns: unset;
    grid-auto-rows: 1fr;
    border-radius: 1.5rem;
  }
}
.cmnTabList--archive {
  width: 100%;
}
.cmnTabList li label,
.cmnTabList li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  height: 4.8rem;
  position: relative;
  color: #A6A6A6;
  cursor: pointer;
  font-size: 1.6rem;
  -webkit-transition: opacity ease 0.3s;
  transition: opacity ease 0.3s;
  cursor: pointer;
}
@media screen and (max-width: 640px) {
  .cmnTabList li label,
  .cmnTabList li a {
    font-size: 1.36rem;
  }
}
@media screen and (any-hover: hover) and (min-width: 1025px) {
  .cmnTabList li label:hover,
  .cmnTabList li a:hover {
    opacity: 0.7;
  }
}
@media screen and (max-width: 640px) {
  .cmnTabList li label,
  .cmnTabList li a {
    height: 3rem;
  }
}
.cmnTabList li label span,
.cmnTabList li a span {
  position: relative;
  z-index: 1;
}
.cmnTabList li label::before,
.cmnTabList li a::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: transparent;
  border-radius: 100vh;
}
.cmnTabList li input[type=radio] {
  display: none;
}
.cmnTabList li input:checked + label, .cmnTabList li.is-active a {
  opacity: 1 !important;
  color: #fff;
  background: transparent;
}
.cmnTabList li input:checked + label::before, .cmnTabList li.is-active a::before {
  background: #E61E7D;
}
.cmnTabList li input:disabled + label,
.cmnTabList li input[disabled] + label {
  opacity: 0.5;
  cursor: not-allowed;
}

.cmnMemberList {
  --member-color:#E61E7D;
}
.cmnMemberList .img {
  background: url(../img/member/player-bg.jpg) center center no-repeat;
  background-size: cover;
}

.cmnMemberList.is-staff {
  --member-color:#1C2A78;
}
.cmnMemberList.is-staff .img {
  background: url(../img/member/staff-bg.jpg) center center no-repeat;
  background-size: cover;
}

.cmnMemberList__item {
  background: #fff;
  -webkit-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.1);
  border-radius: 1.75rem;
  overflow: hidden;
  padding: 1rem 1rem 3rem;
}
@media screen and (max-width: 640px) {
  .cmnMemberList__item {
    border-radius: 0.875rem;
  }
}
@media screen and (max-width: 640px) {
  .cmnMemberList__item {
    padding-bottom: 2rem;
  }
}
.cmnMemberList__item .summary {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  position: relative;
}
.cmnMemberList__item .summary .icon {
  width: 4.9rem;
}
@media screen and (max-width: 1024px) {
  .cmnMemberList__item .summary .icon {
    width: 3.675rem;
  }
}
@media screen and (max-width: 640px) {
  .cmnMemberList__item .summary .icon {
    width: 4.655rem;
  }
}
.cmnMemberList__item .summary .ttl {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.5;
}
@media screen and (max-width: 640px) {
  .cmnMemberList__item .summary .ttl {
    font-size: 1.36rem;
  }
}
.cmnMemberList__item .summary .ttl em {
  font-size: 1.4rem;
  font-weight: 500;
  display: block;
}
@media screen and (max-width: 640px) {
  .cmnMemberList__item .summary .ttl em {
    font-size: 1.33rem;
  }
}
.cmnMemberList__item .summary .sns {
  font-size: 1.8rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1rem;
  position: absolute;
  right: 1rem;
  bottom: 0;
}
.cmnMemberList__item .summary .sns .icon-fb {
  font-size: 1.2em;
}
.cmnMemberList__item .summary .sns a {
  color: var(--member-color);
  -webkit-transition: opacity ease 0.3s;
  transition: opacity ease 0.3s;
}
@media screen and (any-hover: hover) and (min-width: 1025px) {
  .cmnMemberList__item .summary .sns a:hover {
    opacity: 0.7;
  }
}
.cmnMemberList__item .img {
  aspect-ratio: 1/1;
  position: relative;
  border-radius: 1rem;
  overflow: hidden;
  margin-bottom: 2rem;
}
@media screen and (max-width: 640px) {
  .cmnMemberList__item .img {
    border-radius: 0.5rem;
  }
}
.cmnMemberList__item .img img {
  width: 100%;
}
.cmnMemberList__item .img .uniform {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  left: 0;
  top: 0;
}
.cmnMemberList__item .img .num {
  position: absolute;
  right: 2rem;
  bottom: calc(1.5rem - 0.1em);
  color: #fff;
  font-size: 8rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
@media screen and (max-width: 640px) {
  .cmnMemberList__item .img .num {
    font-size: 6.8rem;
  }
}
.cmnMemberList__item .img .num em {
  display: block;
  padding-bottom: 0.1em;
}
.cmnMemberList__item .cont .ttl {
  font-size: 3.6rem;
  margin-bottom: 0.25em;
  color: var(--member-color);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0 0.25em;
}
@media screen and (max-width: 640px) {
  .cmnMemberList__item .cont .ttl {
    font-size: 3.06rem;
  }
}
@media screen and (max-width: 640px) {
  .cmnMemberList__item .cont .ttl {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.cmnMemberList__item .cont .position {
  margin-bottom: 3rem;
  font-size: 1.6rem;
  line-height: 1.35;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1024px) {
  .cmnMemberList__item .cont .position {
    margin-bottom: 2.25rem;
  }
}
@media screen and (max-width: 640px) {
  .cmnMemberList__item .cont .position {
    margin-bottom: 1.95rem;
  }
}
@media screen and (max-width: 640px) {
  .cmnMemberList__item .cont .position {
    font-size: 1.36rem;
  }
}
.cmnMemberList__item .cont .job {
  font-size: 1.6rem;
  line-height: 1.35;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 640px) {
  .cmnMemberList__item .cont .job {
    font-size: 1.36rem;
  }
}
.cmnMemberList__item .cont .birth {
  font-size: 1.6rem;
  line-height: 1.35;
  letter-spacing: 0.05em;
  margin-top: 0.15em;
}
@media screen and (max-width: 640px) {
  .cmnMemberList__item .cont .birth {
    font-size: 1.36rem;
  }
}
.cmnMemberList__item .cont .btn {
  max-width: 31rem;
  margin: 0 auto;
}

/* js
----------------------------- */
.js-accordionItem summary .icon {
  margin: 0 0 0 auto;
  top: calc(2rem + 0.35em);
  position: absolute;
  right: 0;
}
@media screen and (max-width: 640px) {
  .js-accordionItem summary .icon {
    top: calc(1.5rem + 0.35em);
  }
}
.js-accordionItem summary .icon span {
  width: 2rem;
  height: 2rem;
  display: block;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}
.js-accordionItem summary .icon span::before, .js-accordionItem summary .icon span::after {
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
  content: "";
  background: #E61E7D;
}
.js-accordionItem summary .icon span::before {
  width: 100%;
  height: 1px;
}
.js-accordionItem summary .icon span::after {
  width: 100%;
  height: 1px;
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
  position: absolute;
}

.js-accordionItem.is-active .icon span::after {
  -webkit-transform: rotate(0) !important;
          transform: rotate(0) !important;
}

.cmn__partnerList .ttl {
  margin-bottom: 3rem;
}
@media screen and (max-width: 1024px) {
  .cmn__partnerList .ttl {
    margin-bottom: 2.25rem;
  }
}
@media screen and (max-width: 640px) {
  .cmn__partnerList .ttl {
    margin-bottom: 1.95rem;
  }
}
.cmn__partnerList .ttl .en {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: block;
  font-size: 3.6rem;
  margin: 0 auto;
  margin-bottom: 0.15em;
  text-align: center;
}
@media screen and (max-width: 640px) {
  .cmn__partnerList .ttl .en {
    font-size: 2.34rem;
  }
}
.cmn__partnerList .ttl .ja {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: block;
  font-size: 2rem;
  margin: 0 auto;
  font-weight: 700;
}
@media screen and (max-width: 640px) {
  .cmn__partnerList .ttl .ja {
    font-size: 1.3rem;
  }
}
.cmn__partnerList .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 5rem;
     -moz-column-gap: 5rem;
          column-gap: 5rem;
  row-gap: 2rem;
}
@media screen and (max-width: 1024px) {
  .cmn__partnerList .item {
    -webkit-column-gap: 3.75rem;
       -moz-column-gap: 3.75rem;
            column-gap: 3.75rem;
  }
}
@media screen and (max-width: 640px) {
  .cmn__partnerList .item {
    -webkit-column-gap: 2.5rem;
       -moz-column-gap: 2.5rem;
            column-gap: 2.5rem;
  }
}
@media screen and (max-width: 1024px) {
  .cmn__partnerList .item {
    row-gap: 1.5rem;
  }
}
@media screen and (max-width: 640px) {
  .cmn__partnerList .item {
    row-gap: 1rem;
  }
}
.cmn__partnerList .item a {
  display: block;
  width: calc(var(--data-width) * 0.05rem);
  -webkit-transition: opacity ease 0.3s;
  transition: opacity ease 0.3s;
}
@media screen and (any-hover: hover) and (min-width: 1025px) {
  .cmn__partnerList .item a:hover {
    opacity: 0.7;
  }
}
@media screen and (max-width: 640px) {
  .cmn__partnerList .item a {
    width: calc(var(--data-width) * 0.025rem);
  }
}
.cmn__partnerList .item + dt {
  margin-top: 10rem;
}
@media screen and (max-width: 1024px) {
  .cmn__partnerList .item + dt {
    margin-top: 7.5rem;
  }
}
@media screen and (max-width: 640px) {
  .cmn__partnerList .item + dt {
    margin-top: 4.5rem;
  }
}

/* faq
----------------------------- */
.cmn__faqlist {
  border-top: 1px solid #DADADA;
}
.cmn__faqlist li {
  border-bottom: 1px solid #DADADA;
}
.cmn__faqlist li .q,
.cmn__faqlist li .a {
  font-family: "Fresno", "Noto Sans JP", "游ゴシック Medium", YuGothic, YuGothicM, "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 4rem;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  margin-right: 2rem;
  line-height: 1;
  margin-top: -0.15em;
}
@media screen and (max-width: 640px) {
  .cmn__faqlist li .q,
  .cmn__faqlist li .a {
    font-size: 3.4rem;
  }
}
@media screen and (max-width: 1024px) {
  .cmn__faqlist li .q,
  .cmn__faqlist li .a {
    margin-right: 1.5rem;
  }
}
@media screen and (max-width: 640px) {
  .cmn__faqlist li .q,
  .cmn__faqlist li .a {
    margin-right: 0.9rem;
  }
}
.cmn__faqlist li .q {
  color: #E61E7D;
}
.cmn__faqlist li .a {
  color: #EC94BC;
}
.cmn__faqlist li summary {
  font-size: 1.6rem;
  line-height: 1.35;
  letter-spacing: 0.05em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: relative;
  cursor: pointer;
  -webkit-transition: opacity ease 0.3s;
  transition: opacity ease 0.3s;
  padding: 2rem 4rem 2rem 2rem;
}
@media screen and (max-width: 640px) {
  .cmn__faqlist li summary {
    font-size: 1.36rem;
  }
}
@media screen and (any-hover: hover) and (min-width: 1025px) {
  .cmn__faqlist li summary:hover {
    opacity: 0.7;
  }
}
@media screen and (max-width: 640px) {
  .cmn__faqlist li summary {
    padding: 1.5rem 3rem 1.5rem 0;
  }
}
.cmn__faqlist li summary .ttl {
  padding-top: 0.35em;
  margin-right: auto;
}
.cmn__faqlist li .cont__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 1.6rem;
  line-height: 1.35;
  letter-spacing: 0.05em;
  padding: 0 4rem 2rem 2rem;
}
@media screen and (max-width: 640px) {
  .cmn__faqlist li .cont__inner {
    font-size: 1.36rem;
  }
}
@media screen and (max-width: 640px) {
  .cmn__faqlist li .cont__inner {
    padding: 0 3rem 1.5rem 0;
  }
}
.cmn__faqlist li .cont__inner .txt {
  padding-top: 0.35em;
}
.cmn__faqlist li .cont__inner a {
  text-decoration: underline;
  color: #E61E7D;
}

/* form
----------------------------- */
.form-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 1.6rem;
}
.form-title:not(:first-of-type) {
  margin-top: 3.5rem;
}
.form-title.is-required::after {
  content: "*必須";
  display: inline-block;
  color: #fff;
  background: #E61E7D;
  font-weight: 700;
  font-size: 1.2rem;
  line-height: 1.35;
  letter-spacing: 0.05em;
  padding: 0.3em 0.6em;
  border-radius: 0.5rem;
  margin-left: 1.5rem;
  line-height: 1.2;
}
@media screen and (max-width: 640px) {
  .form-title.is-required::after {
    font-size: 1.02rem;
  }
}
.form-title label {
  font-size: 1.6rem;
  font-weight: 700;
}
@media screen and (max-width: 640px) {
  .form-title label {
    font-size: 1.36rem;
  }
}

.form-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 1rem;
  font-size: 1.4rem;
}
.form-item input[type=text],
.form-item input[type=email],
.form-item input[type=tel],
.form-item select,
.form-item textarea {
  background-color: hsl(0, 0%, 96%);
  border-radius: 0.5rem;
  padding: 1rem 2rem;
  font-size: 1.4rem;
  line-height: 1.7;
  min-height: 4rem;
}
.form-item input[type=text] ::-webkit-input-placeholder, .form-item input[type=email] ::-webkit-input-placeholder, .form-item input[type=tel] ::-webkit-input-placeholder, .form-item select ::-webkit-input-placeholder, .form-item textarea ::-webkit-input-placeholder {
  color: hsl(0, 0%, 79%);
}
.form-item input[type=text] ::-moz-placeholder, .form-item input[type=email] ::-moz-placeholder, .form-item input[type=tel] ::-moz-placeholder, .form-item select ::-moz-placeholder, .form-item textarea ::-moz-placeholder {
  color: hsl(0, 0%, 79%);
}
.form-item input[type=text] :-ms-input-placeholder, .form-item input[type=email] :-ms-input-placeholder, .form-item input[type=tel] :-ms-input-placeholder, .form-item select :-ms-input-placeholder, .form-item textarea :-ms-input-placeholder {
  color: hsl(0, 0%, 79%);
}
.form-item input[type=text] ::-ms-input-placeholder, .form-item input[type=email] ::-ms-input-placeholder, .form-item input[type=tel] ::-ms-input-placeholder, .form-item select ::-ms-input-placeholder, .form-item textarea ::-ms-input-placeholder {
  color: hsl(0, 0%, 79%);
}
.form-item input[type=text] ::placeholder,
.form-item input[type=email] ::placeholder,
.form-item input[type=tel] ::placeholder,
.form-item select ::placeholder,
.form-item textarea ::placeholder {
  color: hsl(0, 0%, 79%);
}
@media screen and (max-width: 640px) {
  .form-item input[type=text],
  .form-item input[type=email],
  .form-item input[type=tel],
  .form-item select,
  .form-item textarea {
    font-size: 16px;
  }
}
.form-item input[type=text],
.form-item input[type=email],
.form-item input[type=tel],
.form-item textarea {
  width: 100%;
}
@media screen and (max-width: 640px) {
  .form-item select {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
  }
}
.form-item .wpcf7-form-control-wrap {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.form-item .wpcf7-form-control-wrap:has(.p-postal-code) {
  width: min(20rem, 40%);
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
}
@media screen and (max-width: 640px) {
  .form-item .wpcf7-form-control-wrap:has(.p-postal-code) {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
  }
}
.form-item .wpcf7-not-valid-tip {
  margin-top: 0.5em;
  color: #E61E7D;
  font-size: 1.4rem;
}
.form-item .wpcf7-not-valid-tip::before {
  content: "⚠️ ";
}

.contact-form7-submit {
  margin-top: 8rem;
}
@media screen and (max-width: 1024px) {
  .contact-form7-submit {
    margin-top: 6rem;
  }
}
@media screen and (max-width: 640px) {
  .contact-form7-submit {
    margin-top: 3.6rem;
  }
}

/*******************************

    TOP

*******************************/
/* kv
----------------------------- */
.topKv {
  width: 100%;
  margin: 0 auto;
  padding-top: 14rem;
  background: #FFC0DA;
  background: radial-gradient(90.38% 276.39% at 4.13% 112.34%, #FFFFFF 0%, #FFF0F6 30.31%, #FFB9D6 100%);
  margin-bottom: 10rem;
}
@media screen and (max-width: 1024px) {
  .topKv {
    margin-bottom: 7.5rem;
  }
}
@media screen and (max-width: 640px) {
  .topKv {
    margin-bottom: 4.5rem;
  }
}
@media screen and (max-width: 1024px) {
  .topKv {
    padding-top: 8rem;
  }
}
@media screen and (max-width: 640px) {
  .topKv {
    padding-top: 7rem;
  }
}
.topKv__inner {
  padding: 4rem 0;
}
@media screen and (max-width: 640px) {
  .topKv__inner {
    padding: 2rem 0;
  }
}
.topKv__mainslide {
  width: 100%;
  margin: 0 auto;
  margin-bottom: 2rem;
}
@media screen and (max-width: 1024px) {
  .topKv__mainslide {
    margin-bottom: 2rem;
  }
}
@media screen and (max-width: 640px) {
  .topKv__mainslide {
    margin-bottom: 0.9rem;
  }
}
@media screen and (max-width: 640px) {
  .topKv__mainslide {
    max-width: calc(100rem);
    width: calc(100% - 6rem * 2);
    margin-left: auto;
    margin-right: auto;
    border-radius: 1rem;
    overflow: hidden;
  }
}
@media screen and (max-width: 640px) and (max-width: 1024px) {
  .topKv__mainslide {
    width: calc(100% - 4rem * 2);
  }
}
@media screen and (max-width: 640px) and (max-width: 640px) {
  .topKv__mainslide {
    width: calc(100% - 2rem * 2);
  }
}
@media screen and (max-width: 640px) and (max-width: 640px) {
  .topKv__mainslide {
    border-radius: 0.5rem;
  }
}
.topKv__mainslide .swiper-slide {
  cursor: pointer;
}
.topKv__mainslide .swiper-slide a {
  display: block;
  aspect-ratio: 100/46;
  border-radius: 1rem;
  overflow: hidden;
  -webkit-transition: opacity ease 0.3s;
  transition: opacity ease 0.3s;
}
@media screen and (max-width: 640px) {
  .topKv__mainslide .swiper-slide a {
    border-radius: 0.5rem;
  }
}
@media screen and (any-hover: hover) and (min-width: 1025px) {
  .topKv__mainslide .swiper-slide a:hover {
    opacity: 0.7;
  }
}
@media screen and (max-width: 640px) {
  .topKv__mainslide .swiper-slide a {
    aspect-ratio: 335/447;
  }
}
.topKv__mainslide .swiper-slide a[href="#"] {
  opacity: 1 !important;
  cursor: auto;
}
.topKv__mainslide .swiper-slide img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.topKv__thumbslide {
  width: 100%;
}
.topKv__thumbslide .swiper-slide {
  cursor: pointer;
  -webkit-transition: opacity ease 0.3s;
  transition: opacity ease 0.3s;
  border-radius: 1rem;
  overflow: hidden;
  position: relative;
}
@media screen and (any-hover: hover) and (min-width: 1025px) {
  .topKv__thumbslide .swiper-slide:hover {
    opacity: 0.7;
  }
}
@media screen and (max-width: 640px) {
  .topKv__thumbslide .swiper-slide {
    border-radius: 0.5rem;
  }
}
.topKv__thumbslide .swiper-slide::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.25);
  -webkit-transition: background 0.3s ease;
  transition: background 0.3s ease;
}
.topKv__thumbslide .swiper-slide img {
  display: block;
  aspect-ratio: 175/100;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (max-width: 640px) {
  .topKv__thumbslide .swiper-slide img {
    aspect-ratio: 62/77;
  }
}
.topKv__thumbslide .swiper-slide.swiper-slide-thumb-active::after {
  background: rgba(0, 0, 0, 0);
}

/* next game
----------------------------- */
.topNextgame {
  margin-bottom: 12rem;
  overflow: hidden;
}
@media screen and (max-width: 1024px) {
  .topNextgame {
    margin-bottom: 9rem;
  }
}
@media screen and (max-width: 640px) {
  .topNextgame {
    margin-bottom: 5.4rem;
  }
}
.topNextgame__main {
  background: url(../img/bg-text.png) center center no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(53.23%, #FCE6EF), to(#EC8AB5));
  background: url(../img/bg-text.png) center center no-repeat, linear-gradient(180deg, #FCE6EF 53.23%, #EC8AB5 100%);
  background-size: cover, auto;
  padding: 6rem 0 21rem;
  position: relative;
  --overlay-opacity: 0;
}
.topNextgame__main::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  opacity: var(--overlay-opacity, 0);
  backdrop-filter: brightness(0.5);
}
@media screen and (max-width: 768px) {
  .topNextgame__main {
    padding-bottom: 15rem;
  }
}
.topNextgame__main__inner {
  max-width: calc(124rem);
  width: calc(100% - 6rem * 2);
  margin-left: auto;
  margin-right: auto;
      grid-template-areas: "left center right";
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: minmax(0, 1fr) 6rem 46rem 6rem minmax(0, 1fr);
  grid-template-columns: minmax(0, 1fr) 46rem minmax(0, 1fr);
  gap: 6rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  -webkit-perspective: 4000px;
          perspective: 4000px;
  position: relative;
  z-index: 1;
  --vs-appear: 0;
  --vs-size: min(50rem, 20vw);
}
@media screen and (max-width: 1024px) {
  .topNextgame__main__inner {
    width: calc(100% - 4rem * 2);
  }
}
@media screen and (max-width: 640px) {
  .topNextgame__main__inner {
    width: calc(100% - 2rem * 2);
  }
}
@media screen and (max-width: 1024px) {
  .topNextgame__main__inner {
    gap: 4.5rem;
  }
}
@media screen and (max-width: 640px) {
  .topNextgame__main__inner {
    gap: 1.05rem;
  }
}
@media screen and (max-width: 1024px) {
  .topNextgame__main__inner {
    -ms-grid-columns: (33rem)[2];
    grid-template-columns: repeat(2, 33rem);
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
        grid-template-areas: "left right" "center center";
  }
}
@media screen and (max-width: 768px) {
  .topNextgame__main__inner {
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
  }
}
.topNextgame__main__inner::before {
  content: "VS";
  font-family: "Fresno", "Noto Sans JP", "游ゴシック Medium", YuGothic, YuGothicM, "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, sans-serif;
  font-weight: 400;
  font-style: normal;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: absolute;
  z-index: -1;
  top: calc(50% - var(--vs-size) * 0.6);
  left: calc(50% - var(--vs-size) * 0.6);
  font-size: var(--vs-size);
  width: calc(var(--vs-size) * 1.2);
  height: calc(var(--vs-size) * 1.2);
  color: #fff;
  opacity: var(--vs-appear, 0);
  -webkit-transform: translateY(calc(2rem - var(--vs-appear, 0) * 2rem));
          transform: translateY(calc(2rem - var(--vs-appear, 0) * 2rem));
}
.topNextgame__main .card01 {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  grid-area: left;
}
.topNextgame__main .card02 {
  -ms-grid-row: 1;
  -ms-grid-column: 5;
  grid-area: right;
}
.topNextgame__main .card {
  position: relative;
  aspect-ratio: 33/45;
  max-width: 33rem;
}
.topNextgame__main .card .img {
  width: 100%;
  height: 100%;
}
.topNextgame__main .card .img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (max-width: 768px) {
  .topNextgame__main .card {
    max-width: 100%;
  }
}
.topNextgame__main .card .num {
  position: absolute;
  right: 1.5rem;
  top: 1.5rem;
  color: #fff;
  font-size: 9rem;
  -webkit-filter: drop-shadow(2px 0 var(--team-color)) drop-shadow(-2px 0 var(--team-color)) drop-shadow(0 2px var(--team-color)) drop-shadow(0 -2px var(--team-color));
          filter: drop-shadow(2px 0 var(--team-color)) drop-shadow(-2px 0 var(--team-color)) drop-shadow(0 2px var(--team-color)) drop-shadow(0 -2px var(--team-color));
}
@media screen and (max-width: 640px) {
  .topNextgame__main .card .num {
    font-size: 4.5rem;
  }
}
@media screen and (max-width: 640px) {
  .topNextgame__main .card .num {
    right: 0.75rem;
    top: 0.75rem;
    -webkit-filter: drop-shadow(1px 0 var(--team-color)) drop-shadow(-1px 0 var(--team-color)) drop-shadow(0 1px var(--team-color)) drop-shadow(0 -1px var(--team-color));
            filter: drop-shadow(1px 0 var(--team-color)) drop-shadow(-1px 0 var(--team-color)) drop-shadow(0 1px var(--team-color)) drop-shadow(0 -1px var(--team-color));
  }
}
.topNextgame__main .card .playerName {
  font-size: 2rem;
  position: absolute;
  left: 2.25rem;
  top: 2.25rem;
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
  color: #fff;
  z-index: 2;
}
@media screen and (max-width: 640px) {
  .topNextgame__main .card .playerName {
    font-size: 1rem;
  }
}
@media screen and (max-width: 640px) {
  .topNextgame__main .card .playerName {
    left: 1.125rem;
    top: 1.125rem;
  }
}
.topNextgame__main .card .playerName em {
  font-size: 4rem;
}
@media screen and (max-width: 640px) {
  .topNextgame__main .card .playerName em {
    font-size: 2rem;
  }
}
.topNextgame__main .card .logo {
  position: absolute;
  z-index: 4;
  left: 1rem;
  bottom: 2.5rem;
  width: 7.25rem;
}
@media screen and (max-width: 640px) {
  .topNextgame__main .card .logo {
    left: 0.5rem;
    bottom: 1.25rem;
    width: 3.625rem;
  }
}
.topNextgame__main .card .team {
  background: #fff;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  padding: 1.25rem 0 2rem 12rem;
  z-index: 3;
  color: var(--team-color);
  font-size: 1.6rem;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 640px) {
  .topNextgame__main .card .team {
    font-size: 0.8rem;
  }
}
@media screen and (max-width: 640px) {
  .topNextgame__main .card .team {
    padding: 0.625rem 0 1rem 6rem;
  }
}
.topNextgame__main .card .team::before {
  content: "";
  aspect-ratio: 1/1;
  background: #fff;
  display: block;
  position: absolute;
  border-radius: 50%;
  z-index: -1;
  width: 12.5rem;
  left: -1.75rem;
  bottom: -1rem;
}
@media screen and (max-width: 640px) {
  .topNextgame__main .card .team::before {
    width: 6.25rem;
    left: -0.875rem;
    bottom: -0.5rem;
  }
}
.topNextgame__main .card .team::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  background: var(--team-color);
  left: 0;
  bottom: 1rem;
}
@media screen and (max-width: 640px) {
  .topNextgame__main .card .team::after {
    bottom: 0.5rem;
  }
}
.topNextgame__main .card .team em {
  font-size: 3rem;
  display: block;
}
@media screen and (max-width: 640px) {
  .topNextgame__main .card .team em {
    font-size: 1.5rem;
  }
}
.topNextgame__main .card .line {
  position: absolute;
  background: var(--team-color);
  width: 4.4rem;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 1;
}
@media screen and (max-width: 640px) {
  .topNextgame__main .card .line {
    width: 2.2rem;
  }
}
.topNextgame__main .card .cardface {
  border-radius: 1rem;
  overflow: hidden;
  overflow: hidden;
  position: absolute;
  inset: 0;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
@media screen and (max-width: 640px) {
  .topNextgame__main .card .cardface {
    border-radius: 0.5rem;
  }
}
.topNextgame__main .card .frontface {
  z-index: 1;
  -webkit-transform: rotateY(calc(0deg + var(--spin)));
          transform: rotateY(calc(0deg + var(--spin)));
}
.topNextgame__main .card .backface {
  z-index: 0;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-transform: rotateY(calc(180deg + var(--spin)));
          transform: rotateY(calc(180deg + var(--spin)));
  background: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.topNextgame__main .card .backface img {
  display: block;
  max-width: 50%;
}
.topNextgame__main .card .backface::before, .topNextgame__main .card .backface::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  background: var(--team-color);
  left: 0;
}
.topNextgame__main .card .backface::before {
  top: 1rem;
}
.topNextgame__main .card .backface::after {
  bottom: 1rem;
}
.topNextgame__main .lightning {
  position: absolute;
  top: 0;
  left: calc((100% - 100vw) * 0.5);
  width: 100vw;
  height: min(100svh, 100%);
  pointer-events: none;
  z-index: 10;
}
.topNextgame__main .lightning__canvas {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.topNextgame__bnr {
  max-width: calc(100rem);
  width: calc(100% - 6rem * 2);
  margin-left: auto;
  margin-right: auto;
  display: -ms-grid;
  display: grid;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 6rem;
  position: relative;
  margin-top: -15rem;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
}
@media screen and (max-width: 1024px) {
  .topNextgame__bnr {
    width: calc(100% - 4rem * 2);
  }
}
@media screen and (max-width: 640px) {
  .topNextgame__bnr {
    width: calc(100% - 2rem * 2);
  }
}
@media screen and (max-width: 1024px) {
  .topNextgame__bnr {
    gap: 4.5rem;
  }
}
@media screen and (max-width: 640px) {
  .topNextgame__bnr {
    gap: 1.05rem;
  }
}
@media screen and (max-width: 768px) {
  .topNextgame__bnr {
    margin-top: -10rem;
  }
}
@media screen and (max-width: 640px) {
  .topNextgame__bnr {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}
.topNextgame__bnr .btn {
  border-radius: 1rem;
  overflow: hidden;
  background: #f95ca5;
  max-width: 47rem;
  margin: 0 auto;
}
@media screen and (max-width: 640px) {
  .topNextgame__bnr .btn {
    border-radius: 0.5rem;
  }
}
.topNextgame__bnr .btn img {
  width: 100%;
  vertical-align: bottom;
}
@media (any-hover: hover) {
  .topNextgame__bnr .btn img {
    -webkit-transition: 0.3s ease;
    transition: 0.3s ease;
  }
  .topNextgame__bnr .btn:hover img {
    opacity: 0.9;
  }
}

.topNextgameData {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
  grid-area: center;
  background: #fff;
  padding: 2rem 2rem 3rem;
  border-radius: 1rem;
  overflow: hidden;
}

@media screen and (max-width: 1024px){
  .topNextgame__main .card01 {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .topNextgame__main .card02 {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
  }
  .topNextgameData {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
}
@media screen and (max-width: 640px) {
  .topNextgameData {
    border-radius: 0.5rem;
  }
}
@media screen and (max-width: 1024px) {
  .topNextgameData {
    padding: 4rem 2rem;
  }
}
@media screen and (max-width: 640px) {
  .topNextgameData {
    padding: 2rem 2rem 3rem 2rem;
  }
}
.topNextgameData__area {
  margin-bottom: 3rem;
}
@media screen and (max-width: 1024px) {
  .topNextgameData__area {
    margin-bottom: 2.25rem;
  }
}
@media screen and (max-width: 640px) {
  .topNextgameData__area {
    margin-bottom: 1.35rem;
  }
}
@media screen and (max-width: 1024px) {
  .topNextgameData__area {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
@media screen and (max-width: 640px) {
  .topNextgameData__area {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}
.topNextgameData__vs {
  display: -ms-grid;
  display: grid;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  position: relative;
  -ms-grid-columns: 1fr 0.5rem 8rem 0.5rem 1fr;
  grid-template-columns: 1fr 8rem 1fr;
  gap: 0.5rem;
  margin-bottom: 3rem;
}
@media screen and (max-width: 1024px) {
  .topNextgameData__vs {
    margin-bottom: 2.25rem;
  }
}
@media screen and (max-width: 640px) {
  .topNextgameData__vs {
    margin-bottom: 1.35rem;
  }
}
@media screen and (max-width: 640px) {
  .topNextgameData__vs {
    -ms-grid-columns: 1fr 5rem 1fr;
    grid-template-columns: 1fr 5rem 1fr;
  }
}
.topNextgameData__vs .vs {
  color: #E61E7D;
  text-align: center;
  font-size: 8rem;
  margin-top: 0.25em;
}
@media screen and (max-width: 640px) {
  .topNextgameData__vs .vs {
    font-size: 5.2rem;
  }
}
@media screen and (max-width: 1024px) {
  .topNextgameData__vs .vs {
    margin-top: 6rem;
  }
}
@media screen and (max-width: 640px) {
  .topNextgameData__vs .vs {
    margin-top: 4rem;
  }
}
.topNextgameData__vs .img img {
  display: block;
  max-width: 70%;
  margin: 0 auto;
}
.topNextgameData__vs .img figcaption {
  margin-top: 1em;
  letter-spacing: 0.05em;
  font-weight: 700;
  line-height: 1.35;
  text-align: center;
}
.topNextgameData__date {
  margin-bottom: 4rem;
}
@media screen and (max-width: 1024px) {
  .topNextgameData__date {
    margin-bottom: 3rem;
  }
}
@media screen and (max-width: 640px) {
  .topNextgameData__date {
    margin-bottom: 2.4rem;
  }
}
.topNextgameData__date .date {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.topNextgameData__date .season {
  text-align: center;
}
.topNextgameData__btns {
  max-width: 40rem;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 2rem;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media screen and (max-width: 1024px) {
  .topNextgameData__btns {
    gap: 1.5rem;
  }
}
@media screen and (max-width: 640px) {
  .topNextgameData__btns {
    gap: 1rem;
  }
}

.topNextgame.is-away .topNextgame__main {
  background: url(../img/bg-text.png) center center no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(53.23%, #CFD7ED), to(#1C2A78));
  background: url(../img/bg-text.png) center center no-repeat, linear-gradient(180deg, #CFD7ED 53.23%, #1C2A78 100%);
  background-size: cover, auto;
}
.topNextgame.is-away .card01 {
  grid-area: "right";
}
.topNextgame.is-away .card02 {
  grid-area: "left";
}
.topNextgame.is-away .topNextgameData__area {
  direction: ltr;
}

/* schedule
----------------------------- */
.topSkd {
  background: #F2CBDA;
  padding-bottom: 10rem;
  padding-top: 10rem;
  position: relative;
  overflow: hidden;
}
@media screen and (max-width: 1024px) {
  .topSkd {
    padding-bottom: 7.5rem;
  }
}
@media screen and (max-width: 640px) {
  .topSkd {
    padding-bottom: 4.5rem;
  }
}
@media screen and (max-width: 1024px) {
  .topSkd {
    padding-top: 7.5rem;
  }
}
@media screen and (max-width: 640px) {
  .topSkd {
    padding-top: 4.5rem;
  }
}
.topSkd .deco {
  width: 14rem;
  position: absolute;
  bottom: 4rem;
  right: 3rem;
}
@media screen and (max-width: 1024px) {
  .topSkd .deco {
    width: 10.5rem;
  }
}
@media screen and (max-width: 640px) {
  .topSkd .deco {
    width: 7rem;
  }
}
@media screen and (max-width: 640px) {
  .topSkd .deco {
    right: 2rem;
    bottom: 2rem;
  }
}
.topSkd__main {
  position: relative;
  z-index: 1;
}
.topSkd__main .swiper {
  overflow: visible;
}
.topSkd__slide {
  position: relative;
}
.topSkd__slide__dots {
  margin-top: 4rem;
}
@media screen and (max-width: 1024px) {
  .topSkd__slide__dots {
    margin-top: 3rem;
  }
}
@media screen and (max-width: 640px) {
  .topSkd__slide__dots {
    margin-top: 1.8rem;
  }
}
.topSkd__slide__prev, .topSkd__slide__next {
  position: absolute;
  top: 17rem;
  z-index: 2;
  cursor: pointer;
  -webkit-transition: opacity ease 0.3s;
  transition: opacity ease 0.3s;
}
@media screen and (any-hover: hover) and (min-width: 1025px) {
  .topSkd__slide__prev:hover, .topSkd__slide__next:hover {
    opacity: 0.7;
  }
}
@media screen and (max-width: 1024px) {
  .topSkd__slide__prev, .topSkd__slide__next {
    top: 15rem;
  }
}
.topSkd__slide__prev {
  left: calc(28.25% + 4rem - 3rem);
}
@media screen and (max-width: 1024px) {
  .topSkd__slide__prev {
    left: calc(8% + 4rem - 2.25rem);
  }
}
@media screen and (max-width: 768px) {
  .topSkd__slide__prev {
    left: calc(7.5% + 4rem - 2.25rem);
  }
}
@media screen and (max-width: 640px) {
  .topSkd__slide__prev {
    left: calc(8.5% + 1rem - 1.5rem);
  }
}
.topSkd__slide__next {
  right: calc(28.25% + 4rem - 3rem);
}
@media screen and (max-width: 1024px) {
  .topSkd__slide__next {
    right: calc(8% + 4rem - 2.25rem);
  }
}
@media screen and (max-width: 768px) {
  .topSkd__slide__next {
    right: calc(7.5% + 4rem - 2.25rem);
  }
}
@media screen and (max-width: 640px) {
  .topSkd__slide__next {
    right: calc(8.5% + 1rem - 1.5rem);
  }
}
.topSkd__btn {
  margin-top: 6rem;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 1024px) {
  .topSkd__btn {
    margin-top: 4.5rem;
  }
}
@media screen and (max-width: 640px) {
  .topSkd__btn {
    margin-top: 2.7rem;
  }
}

.topSkdItem {
  padding: 0 2rem;
}
@media screen and (max-width: 640px) {
  .topSkdItem {
    padding: 0 0.5rem;
  }
}
.topSkdItem__inner {
  background: #fff;
  border-radius: 1rem;
  overflow: hidden;
  padding: 5rem;
  position: relative;
}
@media screen and (max-width: 640px) {
  .topSkdItem__inner {
    border-radius: 0.5rem;
  }
}
@media screen and (max-width: 1024px) {
  .topSkdItem__inner {
    padding: 3.75rem;
  }
}
@media screen and (max-width: 640px) {
  .topSkdItem__inner {
    padding: 2.25rem;
  }
}
@media screen and (max-width: 640px) {
  .topSkdItem__inner {
    padding: 2rem 2rem 3rem;
  }
}
.topSkdItem__area {
  margin-top: -3rem;
  margin-left: -3rem;
  margin-bottom: 2rem;
}
@media screen and (max-width: 1024px) {
  .topSkdItem__area {
    margin-top: -2.25rem;
  }
}
@media screen and (max-width: 640px) {
  .topSkdItem__area {
    margin-top: -1.35rem;
  }
}
@media screen and (max-width: 1024px) {
  .topSkdItem__area {
    margin-left: -2.25rem;
  }
}
@media screen and (max-width: 640px) {
  .topSkdItem__area {
    margin-left: -1.35rem;
  }
}
@media screen and (max-width: 1024px) {
  .topSkdItem__area {
    margin-bottom: 1.5rem;
  }
}
@media screen and (max-width: 640px) {
  .topSkdItem__area {
    margin-bottom: 0.9rem;
  }
}
@media screen and (max-width: 640px) {
  .topSkdItem__area {
    margin: 0 auto 2rem;
  }
}
.topSkdItem__date {
  padding-right: 20rem;
  margin-bottom: 6rem;
}
@media screen and (max-width: 1024px) {
  .topSkdItem__date {
    margin-bottom: 4.5rem;
  }
}
@media screen and (max-width: 640px) {
  .topSkdItem__date {
    margin-bottom: 2.7rem;
  }
}
@media screen and (max-width: 640px) {
  .topSkdItem__date {
    padding-right: 0;
    margin-bottom: 4rem;
  }
}
.topSkdItem__date .vstxt {
  font-size: 1.4rem;
  margin-top: 4rem;
  font-weight: 700;
}
@media screen and (max-width: 640px) {
  .topSkdItem__date .vstxt {
    font-size: 1.19rem;
  }
}
@media screen and (max-width: 1024px) {
  .topSkdItem__date .vstxt {
    margin-top: 3rem;
  }
}
@media screen and (max-width: 640px) {
  .topSkdItem__date .vstxt {
    margin-top: 1.8rem;
  }
}
.topSkdItem__date .vstxt em {
  font-size: 1.4em;
}
.topSkdItem .vsimg {
  position: absolute;
  width: 20rem;
  right: 3rem;
  top: 8rem;
}
@media screen and (max-width: 1024px) {
  .topSkdItem .vsimg {
    width: 15rem;
  }
}
@media screen and (max-width: 640px) {
  .topSkdItem .vsimg {
    width: 7rem;
  }
}
@media screen and (max-width: 640px) {
  .topSkdItem .vsimg {
    top: 12.5rem;
    right: 2rem;
  }
}
.topSkdItem__btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 2rem;
}
@media screen and (max-width: 1024px) {
  .topSkdItem__btns {
    gap: 1.5rem;
  }
}
@media screen and (max-width: 640px) {
  .topSkdItem__btns {
    gap: 1rem;
  }
}
@media screen and (max-width: 640px) {
  .topSkdItem__btns {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.topSkdItem__btns a {
  max-width: 40rem;
}

/* result
----------------------------- */
.topResult {
  padding-top: 10rem;
}
@media screen and (max-width: 1024px) {
  .topResult {
    padding-top: 7.5rem;
  }
}
@media screen and (max-width: 640px) {
  .topResult {
    padding-top: 4.5rem;
  }
}
.topResult__main {
  background: #EC94BC;
}

/* ranking
----------------------------- */
/* goods
----------------------------- */
/* news
----------------------------- */
.topNews {
  padding-top: 10rem;
}
@media screen and (max-width: 1024px) {
  .topNews {
    padding-top: 7.5rem;
  }
}
@media screen and (max-width: 640px) {
  .topNews {
    padding-top: 4.5rem;
  }
}
.topNews__inner {
  max-width: calc(100rem);
  width: calc(100% - 6rem * 2);
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1024px) {
  .topNews__inner {
    width: calc(100% - 4rem * 2);
  }
}
@media screen and (max-width: 640px) {
  .topNews__inner {
    width: calc(100% - 2rem * 2);
  }
}
.topNews__main__cat {
  width: 100% !important;
}
.topNews__btn {
  margin-top: 6rem;
}
@media screen and (max-width: 1024px) {
  .topNews__btn {
    margin-top: 4.5rem;
  }
}
@media screen and (max-width: 640px) {
  .topNews__btn {
    margin-top: 2.7rem;
  }
}

.topNewsHot {
  margin-bottom: 6rem;
}
@media screen and (max-width: 1024px) {
  .topNewsHot {
    margin-bottom: 4.5rem;
  }
}
@media screen and (max-width: 640px) {
  .topNewsHot {
    margin-bottom: 2.7rem;
  }
}
.topNewsHot__ttl {
  margin-bottom: 2rem;
}
@media screen and (max-width: 640px) {
  .topNewsHot__ttl {
    text-align: center;
  }
}
.topNewsHot .list {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 3.5rem 1fr 3.5rem 1fr;
  grid-template-columns: repeat(3, 1fr);
  gap: 3.5rem;
}
@media screen and (max-width: 1024px) {
  .topNewsHot .list {
    gap: 2.625rem;
  }
}
@media screen and (max-width: 640px) {
  .topNewsHot .list {
    gap: 2.625rem;
  }
}
@media screen and (max-width: 640px) {
  .topNewsHot .list {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    max-width: 24rem;
    margin: 0 auto;
  }
}
.topNewsHot .list a {
  display: block;
}
.topNewsHot .list a figure img {
  -webkit-transition: ease 0.3s;
  transition: ease 0.3s;
  -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
@media (any-hover: hover) {
  .topNewsHot .list a:hover figure img {
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
  }
}
.topNewsHot .list .img {
  aspect-ratio: 31/38.6;
  border-radius: 1rem;
  overflow: hidden;
  margin-bottom: 4rem;
}
@media screen and (max-width: 640px) {
  .topNewsHot .list .img {
    border-radius: 0.5rem;
  }
}
@media screen and (max-width: 1024px) {
  .topNewsHot .list .img {
    margin-bottom: 3rem;
  }
}
@media screen and (max-width: 640px) {
  .topNewsHot .list .img {
    margin-bottom: 1.8rem;
  }
}
.topNewsHot .list .img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.topNewsHot .list .summary {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1.5rem;
  margin-bottom: 2rem;
}
@media screen and (max-width: 1024px) {
  .topNewsHot .list .summary {
    margin-bottom: 1.5rem;
  }
}
@media screen and (max-width: 640px) {
  .topNewsHot .list .summary {
    margin-bottom: 0.9rem;
  }
}
.topNewsHot .list .summary .date {
  font-size: 2rem;
}
@media screen and (max-width: 640px) {
  .topNewsHot .list .summary .date {
    font-size: 1.7rem;
  }
}
.topNewsHot .list .summary .cat {
  border-radius: 0.5rem;
  background: #E61E7D;
  color: #fff;
  font-weight: 700;
  font-size: 1.4rem;
  min-width: 13rem;
  padding: 0.75rem;
  text-align: center;
}
@media screen and (max-width: 640px) {
  .topNewsHot .list .summary .cat {
    font-size: 1.19rem;
  }
}
.topNewsHot .list .ttl {
  font-size: 2rem;
  line-height: 1.35;
  letter-spacing: 0.05em;
  color: #E61E7D;
  font-weight: 700;
}
@media screen and (max-width: 640px) {
  .topNewsHot .list .ttl {
    font-size: 1.7rem;
  }
}

@-webkit-keyframes panelFadeIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(1rem);
            transform: translateX(1rem);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}

@keyframes panelFadeIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(1rem);
            transform: translateX(1rem);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
.topNewsPanels {
  margin-top: 6rem;
}
@media screen and (max-width: 1024px) {
  .topNewsPanels {
    margin-top: 4.5rem;
  }
}
@media screen and (max-width: 640px) {
  .topNewsPanels {
    margin-top: 2.7rem;
  }
}
.topNewsPanels__panel {
  display: none;
}
.topNewsPanels__panel.is-active {
  display: block;
  -webkit-animation: panelFadeIn 0.5s ease forwards;
          animation: panelFadeIn 0.5s ease forwards;
}

/* member
----------------------------- */
.topMember {
  padding-top: 10rem;
  padding-bottom: 10rem;
  overflow: hidden;
}
@media screen and (max-width: 1024px) {
  .topMember {
    padding-top: 7.5rem;
  }
}
@media screen and (max-width: 640px) {
  .topMember {
    padding-top: 4.5rem;
  }
}
@media screen and (max-width: 1024px) {
  .topMember {
    padding-bottom: 7.5rem;
  }
}
@media screen and (max-width: 640px) {
  .topMember {
    padding-bottom: 4.5rem;
  }
}
.topMember .swiper {
  padding: 5px 0;
  margin-top: -5px;
}
.topMember__main {
  background: url(../img/bg-line.jpg) bottom center no-repeat;
  background-size: 100% 90%;
}
.topMember__main__slide__prev, .topMember__main__slide__next {
  position: absolute;
  top: calc(50% - 3rem);
  z-index: 2;
  cursor: pointer;
  -webkit-transition: opacity ease 0.3s;
  transition: opacity ease 0.3s;
}
@media screen and (any-hover: hover) and (min-width: 1025px) {
  .topMember__main__slide__prev:hover, .topMember__main__slide__next:hover {
    opacity: 0.7;
  }
}
.topMember__main__slide__prev {
  left: calc(8.25% + 4rem - 3rem);
}
@media screen and (max-width: 1024px) {
  .topMember__main__slide__prev {
    left: calc(23% + 4rem - 2.25rem);
  }
}
@media screen and (max-width: 768px) {
  .topMember__main__slide__prev {
    left: calc(22.5% + 4rem - 2.25rem);
  }
}
@media screen and (max-width: 640px) {
  .topMember__main__slide__prev {
    left: calc(8.5% + 1rem - 1.5rem);
  }
}
.topMember__main__slide__next {
  right: calc(8.25% + 4rem - 3rem);
}
@media screen and (max-width: 1024px) {
  .topMember__main__slide__next {
    right: calc(23% + 4rem - 2.25rem);
  }
}
@media screen and (max-width: 768px) {
  .topMember__main__slide__next {
    right: calc(22.5% + 4rem - 2.25rem);
  }
}
@media screen and (max-width: 640px) {
  .topMember__main__slide__next {
    right: calc(8.5% + 1rem - 1.5rem);
  }
}
.topMember__btn {
  margin-top: 6rem;
}
@media screen and (max-width: 1024px) {
  .topMember__btn {
    margin-top: 4.5rem;
  }
}
@media screen and (max-width: 640px) {
  .topMember__btn {
    margin-top: 2.7rem;
  }
}

.topMemberItem {
  padding: 0 2rem;
}
@media screen and (max-width: 640px) {
  .topMemberItem {
    padding: 0 0.5rem;
  }
}

/* fc
----------------------------- */
.topFc {
  -webkit-filter: drop-shadow(0px 0px 1rem rgba(0, 0, 0, 0.15));
          filter: drop-shadow(0px 0px 1rem rgba(0, 0, 0, 0.15));
}
@media screen and (max-width: 640px) {
  .topFc {
    -webkit-filter: drop-shadow(0px 0px 0.5rem rgba(0, 0, 0, 0.15));
            filter: drop-shadow(0px 0px 0.5rem rgba(0, 0, 0, 0.15));
  }
}
.topFc__inner {
  max-width: 144rem;
  margin: 0 auto;
}
.topFc a {
  display: block;
  -webkit-transition: opacity ease 0.3s;
  transition: opacity ease 0.3s;
}
@media screen and (any-hover: hover) and (min-width: 1025px) {
  .topFc a:hover {
    opacity: 0.7;
  }
}
.topFc img {
  display: block;
  width: 100%;
  margin: 0 auto;
}

/* special
----------------------------- */
/*******************************

    GAME

*******************************/
/* main
----------------------------- */
.gameMain {
  background: #EC94BC;
  padding-top: 8rem;
  padding-bottom: 8rem;
}
@media screen and (max-width: 1024px) {
  .gameMain {
    padding-top: 6rem;
  }
}
@media screen and (max-width: 640px) {
  .gameMain {
    padding-top: 3.6rem;
  }
}
@media screen and (max-width: 1024px) {
  .gameMain {
    padding-bottom: 6rem;
  }
}
@media screen and (max-width: 640px) {
  .gameMain {
    padding-bottom: 3.6rem;
  }
}
.gameMain .none {
  font-size: 1.6rem;
  line-height: 1.35;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 640px) {
  .gameMain .none {
    font-size: 1.36rem;
  }
}
.gameMain .list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 4rem;
}
@media screen and (max-width: 1024px) {
  .gameMain .list {
    gap: 3rem;
  }
}
@media screen and (max-width: 640px) {
  .gameMain .list {
    gap: 2rem;
  }
}
.gameMain .item {
  padding: 5rem;
  background: #fff;
  border-radius: 1rem;
  overflow: hidden;
  position: relative;
}
@media screen and (max-width: 1024px) {
  .gameMain .item {
    padding: 3.75rem;
  }
}
@media screen and (max-width: 640px) {
  .gameMain .item {
    padding: 2.25rem;
  }
}
@media screen and (max-width: 640px) {
  .gameMain .item {
    border-radius: 0.5rem;
  }
}
@media screen and (max-width: 640px) {
  .gameMain .item {
    padding: 2rem;
  }
}
.gameMain .item__area {
  position: absolute;
  top: 1.5rem;
  left: 2rem;
}
@media screen and (max-width: 768px) {
  .gameMain .item__area {
    margin-bottom: 3rem;
    position: relative;
    left: auto;
    top: auto;
  }
}
@media screen and (max-width: 768px) and (max-width: 1024px) {
  .gameMain .item__area {
    margin-bottom: 2.25rem;
  }
}
@media screen and (max-width: 768px) and (max-width: 640px) {
  .gameMain .item__area {
    margin-bottom: 1.35rem;
  }
}
.gameMain .item__area .venue br {
  display: none;
}
@media screen and (max-width: 768px) {
  .gameMain .item__area .venue br {
    display: inherit;
  }
}
.gameMain .item__cont {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (max-width: 768px) {
  .gameMain .item__cont {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.gameMain .item__cont__date {
  padding-bottom: 3rem;
}
@media screen and (max-width: 768px) {
  .gameMain .item__cont__date {
    padding-bottom: 0;
  }
}
@media screen and (max-width: 768px) {
  .gameMain .item__cont__date .season {
    text-align: center;
  }
}
.gameMain .item__cont__team {
  display: -ms-grid;
  display: grid;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  -ms-grid-columns: 16rem 2rem minmax(0, 1fr) 2rem 16rem;
  grid-template-columns: 16rem minmax(0, 1fr) 16rem;
  gap: 2rem;
}
@media screen and (max-width: 1024px) {
  .gameMain .item__cont__team {
    gap: 1.5rem;
  }
}
@media screen and (max-width: 640px) {
  .gameMain .item__cont__team {
    gap: 1rem;
  }
}
@media screen and (max-width: 768px) {
  .gameMain .item__cont__team {
    margin-bottom: 3rem;
  }
}
@media screen and (max-width: 768px) and (max-width: 1024px) {
  .gameMain .item__cont__team {
    margin-bottom: 2.25rem;
  }
}
@media screen and (max-width: 768px) and (max-width: 640px) {
  .gameMain .item__cont__team {
    margin-bottom: 1.35rem;
  }
}
@media screen and (max-width: 640px) {
  .gameMain .item__cont__team {
    -ms-grid-columns: 1fr auto 1fr;
    grid-template-columns: 1fr auto 1fr;
  }
}
.gameMain .item__cont__team .vs {
  text-align: center;
  font-size: 6.4rem;
}
@media screen and (max-width: 640px) {
  .gameMain .item__cont__team .vs {
    font-size: 4.16rem;
  }
}
.gameMain .item__cont__team .result {
  font-size: 10rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1.5rem;
}
@media screen and (max-width: 640px) {
  .gameMain .item__cont__team .result {
    font-size: 6rem;
  }
}
@media screen and (max-width: 1024px) {
  .gameMain .item__cont__team .result {
    gap: 1.125rem;
  }
}
@media screen and (max-width: 640px) {
  .gameMain .item__cont__team .result {
    gap: 0.75rem;
  }
}
.gameMain .item__cont__team .result .line {
  display: block;
  aspect-ratio: 22/9;
  width: 2.2rem;
  background: #1F1F1F;
}
@media screen and (max-width: 1024px) {
  .gameMain .item__cont__team .result .line {
    width: 1.65rem;
  }
}
@media screen and (max-width: 640px) {
  .gameMain .item__cont__team .result .line {
    width: 1.1rem;
  }
}
.gameMain .item__cont__team .result .is-win {
  color: #E61E7D;
}
.gameMain .item__cont__team .img img {
  display: block;
  margin: 0 auto;
}
@media screen and (max-width: 640px) {
  .gameMain .item__cont__team .img img {
    max-width: 70%;
  }
}
.gameMain .item__cont__team .img figcaption {
  margin-top: 0.5em;
  letter-spacing: 0.05em;
  font-weight: 700;
  line-height: 1.35;
  text-align: center;
  font-size: 2rem;
}
@media screen and (max-width: 640px) {
  .gameMain .item__cont__team .img figcaption {
    font-size: 1.3rem;
  }
}
.gameMain .item__btns {
  margin-top: 4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 2rem;
}
@media screen and (max-width: 1024px) {
  .gameMain .item__btns {
    margin-top: 3rem;
  }
}
@media screen and (max-width: 640px) {
  .gameMain .item__btns {
    margin-top: 2.4rem;
  }
}
@media screen and (max-width: 1024px) {
  .gameMain .item__btns {
    gap: 1.5rem;
  }
}
@media screen and (max-width: 640px) {
  .gameMain .item__btns {
    gap: 1rem;
  }
}
@media screen and (max-width: 640px) {
  .gameMain .item__btns {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.gameMain .item__btns a {
  margin: 0 auto;
  max-width: 44rem;
}
@media screen and (max-width: 768px) {
  .gameMain .item__btns a {
    max-width: 40rem;
  }
}

/*******************************

    FAQ

*******************************/
.cmn__faqlist + .faqMain__ttl {
  margin-top: 8rem;
}
@media screen and (max-width: 1024px) {
  .cmn__faqlist + .faqMain__ttl {
    margin-top: 6rem;
  }
}
@media screen and (max-width: 640px) {
  .cmn__faqlist + .faqMain__ttl {
    margin-top: 3.6rem;
  }
}
.faqMain__ttl {
  color: #E61E7D;
  margin-bottom: 3rem;
  font-size: 2rem;
  line-height: 1.35;
  letter-spacing: 0.05em;
  font-weight: 700;
}
@media screen and (max-width: 1024px) {
  .faqMain__ttl {
    margin-bottom: 2.25rem;
  }
}
@media screen and (max-width: 640px) {
  .faqMain__ttl {
    margin-bottom: 1.35rem;
  }
}
@media screen and (max-width: 640px) {
  .faqMain__ttl {
    font-size: 1.7rem;
  }
}
.faqMain__note {
  margin-top: 8rem;
}
@media screen and (max-width: 1024px) {
  .faqMain__note {
    margin-top: 6rem;
  }
}
@media screen and (max-width: 640px) {
  .faqMain__note {
    margin-top: 3.6rem;
  }
}
.faqMain__note .ttl {
  font-size: 2.8rem;
  line-height: 1.35;
  letter-spacing: 0.05em;
  color: #E61E7D;
  margin-bottom: 4rem;
  font-weight: 700;
  text-align: center;
}
@media screen and (max-width: 640px) {
  .faqMain__note .ttl {
    font-size: 1.82rem;
  }
}
@media screen and (max-width: 1024px) {
  .faqMain__note .ttl {
    margin-bottom: 3rem;
  }
}
@media screen and (max-width: 640px) {
  .faqMain__note .ttl {
    margin-bottom: 1.8rem;
  }
}
.faqMain__note .btn {
  aspect-ratio: 50/10;
  width: 100%;
  max-width: 50rem;
  border-radius: 0.5rem;
  background: #E61E7D;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 2rem;
  line-height: 1.35;
  letter-spacing: 0.05em;
  font-weight: 700;
  margin: 0 auto;
}
@media screen and (max-width: 640px) {
  .faqMain__note .btn {
    font-size: 1.7rem;
  }
}
@media (any-hover: hover) {
  .faqMain__note .btn {
    -webkit-transition: 0.3s ease;
    transition: 0.3s ease;
  }
  .faqMain__note .btn:hover {
    background: #f95ca5;
  }
}

/*******************************

    TEAM

*******************************/
.teamSect {
  max-width: 80rem;
  margin: 0 auto;
}
.teamSect:not(:first-of-type) {
  padding-top: 6rem;
}
@media screen and (max-width: 1024px) {
  .teamSect:not(:first-of-type) {
    padding-top: 4.5rem;
  }
}
@media screen and (max-width: 640px) {
  .teamSect:not(:first-of-type) {
    padding-top: 2.7rem;
  }
}
.teamSect:not(:last-of-type) {
  padding-bottom: 6rem;
  border-bottom: 1px solid #DDDDDD;
}
@media screen and (max-width: 1024px) {
  .teamSect:not(:last-of-type) {
    padding-bottom: 4.5rem;
  }
}
@media screen and (max-width: 640px) {
  .teamSect:not(:last-of-type) {
    padding-bottom: 2.7rem;
  }
}

/* about
----------------------------- */
.teamAbout {
  padding-bottom: 10rem;
}
@media screen and (max-width: 1024px) {
  .teamAbout {
    padding-bottom: 7.5rem;
  }
}
@media screen and (max-width: 640px) {
  .teamAbout {
    padding-bottom: 4.5rem;
  }
}
.teamAbout__ttl {
  color: #E61E7D;
  font-size: 10rem;
  margin-bottom: 4rem;
}
@media screen and (max-width: 640px) {
  .teamAbout__ttl {
    font-size: 6.5rem;
  }
}
@media screen and (max-width: 1024px) {
  .teamAbout__ttl {
    margin-bottom: 3rem;
  }
}
@media screen and (max-width: 640px) {
  .teamAbout__ttl {
    margin-bottom: 1.8rem;
  }
}
@media screen and (max-width: 768px) {
  .teamAbout__ttl {
    font-size: 8rem;
  }
}
@media screen and (max-width: 768px) and (max-width: 640px) {
  .teamAbout__ttl {
    font-size: 4.4rem;
  }
}
.teamAbout__ttl span {
  display: block;
}
.teamAbout__ttl span + span {
  margin-top: -0.15em;
}
.teamAbout .cont {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6rem;
}
@media screen and (max-width: 1024px) {
  .teamAbout .cont {
    gap: 4.5rem;
  }
}
@media screen and (max-width: 640px) {
  .teamAbout .cont {
    gap: 3rem;
  }
}
@media screen and (max-width: 768px) {
  .teamAbout .cont {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}
.teamAbout .cont .img {
  display: block;
  width: 18rem;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
@media screen and (max-width: 768px) {
  .teamAbout .cont .img {
    margin: 0 auto;
  }
}
@media screen and (max-width: 640px) {
  .teamAbout .cont .img {
    width: 12rem;
  }
}
.teamAbout .cont .img img {
  width: 100%;
}
.teamAbout .cont .txtbox {
  font-size: 1.6rem;
  line-height: 2;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 640px) {
  .teamAbout .cont .txtbox {
    font-size: 1.36rem;
  }
}
.teamAbout .cont .txtbox p + p {
  margin-top: 2em;
}
@media screen and (max-width: 640px) {
  .teamAbout .cont .txtbox p + p {
    margin-top: 1.5em;
  }
}

/* company
----------------------------- */
.teamComapny .ttl,
.teamComapny dl {
  font-size: 1.6rem;
  line-height: 2;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 640px) {
  .teamComapny .ttl,
  .teamComapny dl {
    font-size: 1.36rem;
  }
}
.teamComapny .list {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 21rem 1fr;
  grid-template-columns: 21rem 1fr;
}
@media screen and (max-width: 768px) {
  .teamComapny .list {
    -ms-grid-columns: 16rem 1fr;
    grid-template-columns: 16rem 1fr;
  }
}
@media screen and (max-width: 640px) {
  .teamComapny .list {
    -ms-grid-columns: 12rem 1fr;
    grid-template-columns: 12rem 1fr;
  }
}
.teamComapny .list + .ttl,
.teamComapny .list + .list {
  margin-top: 4rem;
}
@media screen and (max-width: 1024px) {
  .teamComapny .list + .ttl,
  .teamComapny .list + .list {
    margin-top: 3rem;
  }
}
@media screen and (max-width: 640px) {
  .teamComapny .list + .ttl,
  .teamComapny .list + .list {
    margin-top: 1.8rem;
  }
}

/* emblem
----------------------------- */
.teamEmblem .list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 8rem;
}
@media screen and (max-width: 1024px) {
  .teamEmblem .list {
    gap: 6rem;
  }
}
@media screen and (max-width: 640px) {
  .teamEmblem .list {
    gap: 4rem;
  }
}
.teamEmblem .list .is-m1 {
  width: 12rem;
}
@media screen and (max-width: 1024px) {
  .teamEmblem .list .is-m1 {
    width: 9rem;
  }
}
@media screen and (max-width: 640px) {
  .teamEmblem .list .is-m1 {
    width: 7.8rem;
  }
}
.teamEmblem .list .is-m2 {
  width: 20rem;
}
@media screen and (max-width: 1024px) {
  .teamEmblem .list .is-m2 {
    width: 15rem;
  }
}
@media screen and (max-width: 640px) {
  .teamEmblem .list .is-m2 {
    width: 13rem;
  }
}
.teamEmblem .list img {
  width: 100%;
}

/* mascot
----------------------------- */
.teamMascot .img {
  margin: 0 auto;
  width: 19rem;
  margin-bottom: 4rem;
}
@media screen and (max-width: 1024px) {
  .teamMascot .img {
    width: 14.25rem;
  }
}
@media screen and (max-width: 640px) {
  .teamMascot .img {
    width: 9.5rem;
  }
}
@media screen and (max-width: 1024px) {
  .teamMascot .img {
    margin-bottom: 3rem;
  }
}
@media screen and (max-width: 640px) {
  .teamMascot .img {
    margin-bottom: 1.8rem;
  }
}
.teamMascot .cont {
  max-width: 58rem;
  margin: 0 auto;
  font-size: 1.6rem;
  line-height: 2;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 640px) {
  .teamMascot .cont {
    font-size: 1.36rem;
  }
}
.teamMascot .cont .ttl {
  color: #E61E7D;
  font-weight: 700;
  margin-bottom: 0.75em;
}

/*******************************

    ACCESS

*******************************/
.access {
  padding-bottom: 8rem;
}
@media screen and (max-width: 1024px) {
  .access {
    padding-bottom: 6rem;
  }
}
@media screen and (max-width: 640px) {
  .access {
    padding-bottom: 3.6rem;
  }
}

/* info
----------------------------- */
.accessInfo {
  margin-bottom: 10rem;
}
@media screen and (max-width: 1024px) {
  .accessInfo {
    margin-bottom: 7.5rem;
  }
}
@media screen and (max-width: 640px) {
  .accessInfo {
    margin-bottom: 4.5rem;
  }
}
.accessInfo .mapimg {
  margin-bottom: 8rem;
}
@media screen and (max-width: 1024px) {
  .accessInfo .mapimg {
    margin-bottom: 6rem;
  }
}
@media screen and (max-width: 640px) {
  .accessInfo .mapimg {
    margin-bottom: 3.6rem;
  }
}
.accessInfo .mapimg img {
  width: 100%;
}
.accessInfo .mapIframe {
  aspect-ratio: 10/5;
  width: 100%;
  margin-bottom: 4rem;
}
@media screen and (max-width: 1024px) {
  .accessInfo .mapIframe {
    margin-bottom: 3rem;
  }
}
@media screen and (max-width: 640px) {
  .accessInfo .mapIframe {
    margin-bottom: 1.8rem;
  }
}
@media screen and (max-width: 640px) {
  .accessInfo .mapIframe {
    aspect-ratio: 4/5;
  }
}
.accessInfo .mapIframe iframe {
  width: 100%;
  height: 100%;
}
.accessInfo .btn {
  margin-bottom: 10rem;
}
@media screen and (max-width: 1024px) {
  .accessInfo .btn {
    margin-bottom: 7.5rem;
  }
}
@media screen and (max-width: 640px) {
  .accessInfo .btn {
    margin-bottom: 4.5rem;
  }
}
.accessInfo .btn .icon-map {
  margin-right: 0.5em;
}
.accessInfo .timeImg {
  max-width: calc(var(--data-width) * 0.1rem);
  margin: 0 auto;
}

/* guide
----------------------------- */
.accessGuide .mapImg {
  max-width: calc(var(--data-width) * 0.1rem);
  margin: 0 auto;
  margin-bottom: 4rem;
}
@media screen and (max-width: 1024px) {
  .accessGuide .mapImg {
    margin-bottom: 3rem;
  }
}
@media screen and (max-width: 640px) {
  .accessGuide .mapImg {
    margin-bottom: 1.8rem;
  }
}
.accessGuide .address {
  font-style: normal;
}
.accessGuide .address .ttl {
  font-size: 2rem;
  line-height: 1.35;
  letter-spacing: 0.05em;
  font-weight: 700;
  margin-bottom: 0.5em;
}
@media screen and (max-width: 640px) {
  .accessGuide .address .ttl {
    font-size: 1.7rem;
  }
}
.accessGuide .address .txt {
  font-size: 1.4rem;
  line-height: 1.35;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 640px) {
  .accessGuide .address .txt {
    font-size: 1.19rem;
  }
}

/*******************************

    MEMBER

*******************************/
.memberMain {
  margin-bottom: 2rem;
}
@media screen and (max-width: 1024px) {
  .memberMain {
    margin-bottom: 1.5rem;
  }
}
@media screen and (max-width: 640px) {
  .memberMain {
    margin-bottom: 0.9rem;
  }
}
.memberMain__inner {
  max-width: calc(114rem);
  width: calc(100% - 6rem * 2);
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1024px) {
  .memberMain__inner {
    width: calc(100% - 4rem * 2);
  }
}
@media screen and (max-width: 640px) {
  .memberMain__inner {
    width: calc(100% - 2rem * 2);
  }
}
.memberMain__list {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 4.5rem 1fr 4.5rem 1fr;
  grid-template-columns: repeat(3, 1fr);
  gap: 4rem 4.5rem;
}
@media screen and (max-width: 1024px) {
  .memberMain__list {
    gap: 2rem 2.25rem;
  }
}
@media screen and (max-width: 768px) {
  .memberMain__list {
    -ms-grid-columns: (minmax(0, 1fr))[2];
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media screen and (max-width: 640px) {
  .memberMain__list {
    gap: 2rem 1rem;
  }
}
@media screen and (max-width: 640px) {
  .memberMain .cmnMemberList__item {
    height: 100%;
  }
  .memberMain .summary {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 1rem 0.5rem;
  }
  .memberMain .summary .icon {
    width: 3.25rem;
  }
  .memberMain .summary .ttl {
    font-size: 1rem;
  }
  .memberMain .summary .ttl em {
    font-size: 1.2rem;
  }
  .memberMain .summary .sns {
    position: relative;
    right: auto;
    bottom: auto;
    margin-left: auto;
  }
  .memberMain .img {
    margin-bottom: 1rem;
  }
  .memberMain .img .num {
    right: 1rem;
    bottom: -0.05em;
    font-size: 5.1rem;
  }
  .memberMain .cont .ttl {
    font-size: 2.4rem;
  }
  .memberMain .cont .position {
    margin-bottom: 1.5rem;
  }
  .memberMain .btn {
    padding: 0.4rem 1.25em 0.6rem 0.5rem;
  }
}

/*******************************

    PLAYER SINGLE

*******************************/
.playerSingleMain {
  background: url(../img/member/member-single-bg02.jpg) center center no-repeat;
  background-size: 100% 100%;
}
.playerSingleMain__inner {
  -webkit-box-shadow: 0px 0px 1rem 0px rgba(0, 0, 0, 0.15);
          box-shadow: 0px 0px 1rem 0px rgba(0, 0, 0, 0.15);
  background: #fff;
  border-radius: 1rem;
  overflow: hidden;
  padding: 6rem;
  max-width: calc(100rem);
  width: calc(100% - 6rem * 2);
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 640px) {
  .playerSingleMain__inner {
    border-radius: 0.5rem;
  }
}
@media screen and (max-width: 1024px) {
  .playerSingleMain__inner {
    padding: 4.5rem;
  }
}
@media screen and (max-width: 640px) {
  .playerSingleMain__inner {
    padding: 2.7rem;
  }
}
@media screen and (max-width: 1024px) {
  .playerSingleMain__inner {
    width: calc(100% - 4rem * 2);
  }
}
@media screen and (max-width: 640px) {
  .playerSingleMain__inner {
    width: calc(100% - 2rem * 2);
  }
}

/* kv
----------------------------- */
.playerSingleKv {
  background: url(../img/member/member-single-bg01.jpg) center center no-repeat;
  background-size: cover;
  width: 100%;
  height: 60rem;
  position: relative;
  margin-bottom: 8rem;
  overflow: hidden;
  opacity: 0;
  -webkit-mask-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0)), color-stop(33%, rgba(0, 0, 0, 0)), color-stop(66%, rgb(0, 0, 0)), to(rgb(0, 0, 0)));
  -webkit-mask-image: linear-gradient(to left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 33%, rgb(0, 0, 0) 66%, rgb(0, 0, 0) 100%);
          mask-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0)), color-stop(33%, rgba(0, 0, 0, 0)), color-stop(66%, rgb(0, 0, 0)), to(rgb(0, 0, 0)));
          mask-image: linear-gradient(to left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 33%, rgb(0, 0, 0) 66%, rgb(0, 0, 0) 100%);
  -webkit-mask-size: 300% 100%;
          mask-size: 300% 100%;
  -webkit-mask-position: 100% 0%;
          mask-position: 100% 0%;
}
@media screen and (max-width: 1024px) {
  .playerSingleKv {
    margin-bottom: 6rem;
  }
}
@media screen and (max-width: 640px) {
  .playerSingleKv {
    margin-bottom: 3.6rem;
  }
}
@media screen and (max-width: 1024px) {
  .playerSingleKv {
    aspect-ratio: 144/60;
    height: auto;
  }
}
@media screen and (max-width: 640px) {
  .playerSingleKv {
    aspect-ratio: 1/1;
    background: url(../img/member/member-single-bg01.jpg) center right 40% no-repeat;
    background-size: cover;
  }
}
.playerSingleKv .line {
  position: absolute;
  right: -1px;
  top: 0;
  height: 100%;
  width: auto;
  max-width: none;
}
.playerSingleKv__inner {
  max-width: 144rem;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  z-index: 1;
}
.playerSingleKv__inner .mainimg {
  width: 100%;
  height: 100%;
}
.playerSingleKv__inner .mainimg img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (max-width: 640px) {
  .playerSingleKv__inner .mainimg {
    position: absolute;
    width: 100%;
    height: auto;
    left: 25%;
    bottom: 0;
  }
}
.playerSingleKv__inner .sign {
  position: absolute;
  width: 25rem;
  left: 17.5rem;
  bottom: 7.5rem;
  z-index: 1;
}
@media screen and (max-width: 1024px) {
  .playerSingleKv__inner .sign {
    width: 18.75rem;
  }
}
@media screen and (max-width: 640px) {
  .playerSingleKv__inner .sign {
    width: 12.5rem;
  }
}
@media screen and (max-width: 1024px) {
  .playerSingleKv__inner .sign {
    left: 13.125rem;
  }
}
@media screen and (max-width: 640px) {
  .playerSingleKv__inner .sign {
    left: 8.75rem;
  }
}
@media screen and (max-width: 1024px) {
  .playerSingleKv__inner .sign {
    bottom: 5.625rem;
  }
}
@media screen and (max-width: 640px) {
  .playerSingleKv__inner .sign {
    bottom: 3.75rem;
  }
}
@media screen and (max-width: 768px) {
  .playerSingleKv__inner .sign {
    left: 8rem;
    bottom: 4rem;
    width: 17rem;
  }
}
@media screen and (max-width: 640px) {
  .playerSingleKv__inner .sign {
    width: 15rem;
    left: 3rem;
    bottom: 2rem;
  }
}
.playerSingleKv__inner .logo {
  z-index: 1;
  position: absolute;
  width: 18rem;
  right: 20rem;
  padding-bottom: 5rem;
}
@media screen and (max-width: 1024px) {
  .playerSingleKv__inner .logo {
    width: 13.5rem;
  }
}
@media screen and (max-width: 640px) {
  .playerSingleKv__inner .logo {
    width: 9rem;
  }
}
@media screen and (max-width: 1024px) {
  .playerSingleKv__inner .logo {
    right: 15rem;
  }
}
@media screen and (max-width: 640px) {
  .playerSingleKv__inner .logo {
    right: 10rem;
  }
}
@media screen and (max-width: 1024px) {
  .playerSingleKv__inner .logo {
    padding-bottom: 3.75rem;
  }
}
@media screen and (max-width: 640px) {
  .playerSingleKv__inner .logo {
    padding-bottom: 2.5rem;
  }
}
@media screen and (max-width: 768px) {
  .playerSingleKv__inner .logo {
    right: 10rem;
    padding-bottom: 0;
  }
}
@media screen and (max-width: 640px) {
  .playerSingleKv__inner .logo {
    display: none;
  }
}
.playerSingleKv__inner .cont {
  z-index: 2;
  position: absolute;
  max-width: 30rem;
  right: 23rem;
  padding-bottom: 2rem;
}
@media screen and (max-width: 1024px) {
  .playerSingleKv__inner .cont {
    right: 8.05rem;
  }
}
@media screen and (max-width: 640px) {
  .playerSingleKv__inner .cont {
    right: 11.5rem;
  }
}
@media screen and (max-width: 1024px) {
  .playerSingleKv__inner .cont {
    padding-bottom: 1.5rem;
  }
}
@media screen and (max-width: 640px) {
  .playerSingleKv__inner .cont {
    padding-bottom: 1rem;
  }
}
@media screen and (max-width: 768px) {
  .playerSingleKv__inner .cont {
    max-width: 26rem;
    right: 6rem;
  }
}
@media screen and (max-width: 640px) {
  .playerSingleKv__inner .cont {
    position: absolute;
    left: 2rem;
    top: 3rem;
    max-width: calc(100% - 4rem);
  }
}
.playerSingleKv__inner .cont .numwrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  gap: 1rem;
  margin-bottom: 3rem;
}
@media screen and (max-width: 1024px) {
  .playerSingleKv__inner .cont .numwrap {
    margin-bottom: 2.25rem;
  }
}
@media screen and (max-width: 640px) {
  .playerSingleKv__inner .cont .numwrap {
    margin-bottom: 1.95rem;
  }
}
.playerSingleKv__inner .cont .numwrap .num {
  margin-bottom: -0.25em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  font-size: 8rem;
  color: #fff;
  -webkit-filter: drop-shadow(2px 0 #E61E7D) drop-shadow(-2px 0 #E61E7D) drop-shadow(0 2px #E61E7D) drop-shadow(0 -2px #E61E7D);
          filter: drop-shadow(2px 0 #E61E7D) drop-shadow(-2px 0 #E61E7D) drop-shadow(0 2px #E61E7D) drop-shadow(0 -2px #E61E7D);
}
@media screen and (max-width: 640px) {
  .playerSingleKv__inner .cont .numwrap .num {
    font-size: 6.8rem;
  }
}
@media screen and (max-width: 768px) {
  .playerSingleKv__inner .cont .numwrap .num {
    font-size: 6rem;
  }
}
@media screen and (max-width: 768px) and (max-width: 640px) {
  .playerSingleKv__inner .cont .numwrap .num {
    font-size: 5.1rem;
  }
}
.playerSingleKv__inner .cont .numwrap .num em {
  margin-bottom: 0.1em;
}
.playerSingleKv__inner .cont .numwrap .note {
  color: #fff;
  background: #E61E7D;
  font-size: 2rem;
  border-radius: 0.5rem;
  padding: 0.15em 1.25em;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 640px) {
  .playerSingleKv__inner .cont .numwrap .note {
    font-size: 1.7rem;
  }
}
@media screen and (max-width: 768px) {
  .playerSingleKv__inner .cont .numwrap .note {
    letter-spacing: 0.05em;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 768px) and (max-width: 640px) {
  .playerSingleKv__inner .cont .numwrap .note {
    font-size: 1.275rem;
  }
}
.playerSingleKv__inner .cont .pos {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  font-size: 1.6rem;
  line-height: 1.35;
  letter-spacing: 0.05em;
  color: #fff;
}
@media screen and (max-width: 640px) {
  .playerSingleKv__inner .cont .pos {
    font-size: 1.36rem;
  }
}
@media screen and (max-width: 640px) {
  .playerSingleKv__inner .cont .pos {
    margin-bottom: 0.25em;
  }
}
.playerSingleKv__inner .cont .ttl {
  font-size: 5.4rem;
  line-height: 1.25;
  letter-spacing: 0.05em;
  font-weight: 700;
  color: #fff;
}
@media screen and (max-width: 640px) {
  .playerSingleKv__inner .cont .ttl {
    font-size: 4.59rem;
  }
}
@media screen and (max-width: 768px) {
  .playerSingleKv__inner .cont .ttl {
    font-size: 4rem;
    line-height: 1.25;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 768px) and (max-width: 640px) {
  .playerSingleKv__inner .cont .ttl {
    font-size: 3.4rem;
  }
}
.playerSingleKv__inner .cont .kana {
  font-size: 1.6rem;
  line-height: 1.35;
  letter-spacing: 0.05em;
  color: #fff;
  margin-top: 0.25em;
}
@media screen and (max-width: 640px) {
  .playerSingleKv__inner .cont .kana {
    font-size: 1.36rem;
  }
}

/* prof
----------------------------- */
.playerSinglePfof {
  margin-bottom: 8rem;
}
@media screen and (max-width: 1024px) {
  .playerSinglePfof {
    margin-bottom: 6rem;
  }
}
@media screen and (max-width: 640px) {
  .playerSinglePfof {
    margin-bottom: 3.6rem;
  }
}
.playerSinglePfof .cmn__ttl03 {
  margin-bottom: 4rem;
}
@media screen and (max-width: 1024px) {
  .playerSinglePfof .cmn__ttl03 {
    margin-bottom: 3rem;
  }
}
@media screen and (max-width: 640px) {
  .playerSinglePfof .cmn__ttl03 {
    margin-bottom: 1.8rem;
  }
}
.playerSinglePfof .catch {
  margin-bottom: 6rem;
  color: #E61E7D;
  font-size: 2rem;
  line-height: 1.35;
  letter-spacing: 0.05em;
  text-align: center;
  font-weight: 700;
}
@media screen and (max-width: 1024px) {
  .playerSinglePfof .catch {
    margin-bottom: 4.5rem;
  }
}
@media screen and (max-width: 640px) {
  .playerSinglePfof .catch {
    margin-bottom: 2.7rem;
  }
}
@media screen and (max-width: 640px) {
  .playerSinglePfof .catch {
    font-size: 1.5rem;
  }
}
.playerSinglePfof .list {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 3rem 1fr;
  grid-template-columns: repeat(2, 1fr);
  gap: 3rem;
}
@media screen and (max-width: 1024px) {
  .playerSinglePfof .list {
    gap: 2.25rem;
  }
}
@media screen and (max-width: 640px) {
  .playerSinglePfof .list {
    gap: 1.35rem;
  }
}
@media screen and (max-width: 768px) {
  .playerSinglePfof .list {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    gap: 2rem 2.5rem;
  }
}
.playerSinglePfof .list div {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 22rem 2.5rem 1fr;
  grid-template-columns: 22rem 1fr;
  gap: 2rem 2.5rem;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  font-size: 1.6rem;
  line-height: 2;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 640px) {
  .playerSinglePfof .list div {
    font-size: 1.28rem;
  }
}
@media screen and (max-width: 640px) {
  .playerSinglePfof .list div {
    gap: 1rem 1.5rem;
    -ms-grid-columns: 12rem 1.5rem 1fr;
    grid-template-columns: 12rem 1fr;
  }
}
.playerSinglePfof .list dt {
  color: #E61E7D;
  border: 1px solid #E61E7D;
  aspect-ratio: 22/3;
  border-radius: 0.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-bottom: 0.05em;
}
.playerSinglePfof .list dd {
  font-weight: 700;
}
.playerSinglePfof .list .position {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.playerSinglePfof .list .sns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 1.8rem;
  gap: 1.8rem;
}
@media screen and (max-width: 640px) {
  .playerSinglePfof .list .sns {
    font-size: 1.53rem;
  }
}
@media screen and (max-width: 1024px) {
  .playerSinglePfof .list .sns {
    gap: 1.35rem;
  }
}
@media screen and (max-width: 640px) {
  .playerSinglePfof .list .sns {
    gap: 0.81rem;
  }
}
.playerSinglePfof .list .sns a {
  -webkit-transition: opacity ease 0.3s;
  transition: opacity ease 0.3s;
}
@media screen and (any-hover: hover) and (min-width: 1025px) {
  .playerSinglePfof .list .sns a:hover {
    opacity: 0.7;
  }
}

/* qa
----------------------------- */
.playerSingleQa .list {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[2];
  grid-template-columns: repeat(2, 1fr);
  font-size: 1.4rem;
  line-height: 1.35;
  letter-spacing: 0.05em;
  border-top: 1px solid #E61E7D;
  position: relative;
}
@media screen and (max-width: 640px) {
  .playerSingleQa .list {
    font-size: 1.26rem;
  }
}
@media screen and (max-width: 640px) {
  .playerSingleQa .list {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}
.playerSingleQa .list::before {
  content: "";
  display: block;
  height: 100%;
  width: 1px;
  border-left: 1px dashed #E61E7D;
  position: absolute;
  left: 50%;
}
@media screen and (max-width: 640px) {
  .playerSingleQa .list::before {
    display: none;
  }
}
.playerSingleQa .list dt,
.playerSingleQa .list dd {
  padding: 2rem;
  border-bottom: 1px solid #E61E7D;
}
@media screen and (max-width: 1024px) {
  .playerSingleQa .list dt,
  .playerSingleQa .list dd {
    padding: 1.5rem;
  }
}
@media screen and (max-width: 640px) {
  .playerSingleQa .list dt,
  .playerSingleQa .list dd {
    padding: 0.9rem;
  }
}
.playerSingleQa .list dt {
  color: #E61E7D;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 640px) {
  .playerSingleQa .list dt {
    padding-bottom: 0;
    border-bottom: none;
    padding-top: 1.5rem;
  }
}
@media screen and (max-width: 640px) {
  .playerSingleQa .list dd {
    padding-bottom: 1.5rem;
  }
}

/*******************************

    RULE

*******************************/
.rule__lead {
  margin-bottom: 6rem;
}
@media screen and (max-width: 1024px) {
  .rule__lead {
    margin-bottom: 4.5rem;
  }
}
@media screen and (max-width: 640px) {
  .rule__lead {
    margin-bottom: 2.7rem;
  }
}
.rule__lead .ttl {
  font-size: 2.8rem;
  line-height: 1.35;
  letter-spacing: 0.05em;
  color: #E61E7D;
  font-weight: 700;
  text-align: center;
  margin-bottom: 3rem;
}
@media screen and (max-width: 640px) {
  .rule__lead .ttl {
    font-size: 2.38rem;
  }
}
@media screen and (max-width: 1024px) {
  .rule__lead .ttl {
    margin-bottom: 2.25rem;
  }
}
@media screen and (max-width: 640px) {
  .rule__lead .ttl {
    margin-bottom: 1.35rem;
  }
}
.rule__lead .txt {
  font-size: 1.6rem;
  line-height: 1.35;
  letter-spacing: 0.05em;
  text-align: center;
}
@media screen and (max-width: 640px) {
  .rule__lead .txt {
    font-size: 1.36rem;
  }
}

.ruleKv {
  margin-bottom: 8rem;
}
@media screen and (max-width: 1024px) {
  .ruleKv {
    margin-bottom: 6rem;
  }
}
@media screen and (max-width: 640px) {
  .ruleKv {
    margin-bottom: 3.6rem;
  }
}

.ruleMain .iconlist {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 2rem 6rem;
  margin-bottom: 8rem;
}
@media screen and (max-width: 1024px) {
  .ruleMain .iconlist {
    margin-bottom: 6rem;
  }
}
@media screen and (max-width: 640px) {
  .ruleMain .iconlist {
    margin-bottom: 3.6rem;
  }
}
@media screen and (max-width: 1024px) {
  .ruleMain .iconlist {
    max-width: 70rem;
    margin-left: auto;
    margin-right: auto;
    gap: 2rem 1rem;
  }
}
@media screen and (max-width: 640px) {
  .ruleMain .iconlist {
    max-width: 30rem;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }
}
.ruleMain .iconlist .img {
  width: 14rem;
}
@media screen and (max-width: 1024px) {
  .ruleMain .iconlist .img {
    width: 12.6rem;
  }
}
@media screen and (max-width: 640px) {
  .ruleMain .iconlist .img {
    width: 7rem;
  }
}
@media screen and (max-width: 640px) {
  .ruleMain .iconlist .img {
    text-align: center;
    width: 100%;
  }
}
.ruleMain .iconlist .img figcaption {
  text-align: center;
  font-size: 1.4rem;
  line-height: 1.75;
  letter-spacing: 0.05em;
  margin-top: 1em;
  font-weight: 700;
  color: #E61E7D;
}
@media screen and (max-width: 640px) {
  .ruleMain .iconlist .img figcaption {
    font-size: 1.19rem;
  }
}
@media screen and (max-width: 640px) {
  .ruleMain .iconlist .img img {
    width: 10rem;
  }
}
.ruleMain .txtlist dt {
  position: relative;
  font-size: 1.6rem;
  line-height: 1.35;
  letter-spacing: 0.05em;
  font-weight: 700;
  padding-left: 1rem;
  margin-bottom: 2rem;
}
@media screen and (max-width: 640px) {
  .ruleMain .txtlist dt {
    font-size: 1.36rem;
  }
}
@media screen and (max-width: 1024px) {
  .ruleMain .txtlist dt {
    margin-bottom: 1.5rem;
  }
}
@media screen and (max-width: 640px) {
  .ruleMain .txtlist dt {
    margin-bottom: 0.9rem;
  }
}
.ruleMain .txtlist dt::before {
  content: "";
  display: block;
  height: 80%;
  width: 4px;
  background: #E61E7D;
  position: absolute;
  left: 0;
  top: 10%;
}
.ruleMain .txtlist dd {
  font-size: 1.6rem;
  line-height: 2;
  letter-spacing: 0;
  padding-left: 1em;
  text-indent: -1em;
  margin-left: 1rem;
  -webkit-font-feature-settings: normal;
          font-feature-settings: normal;
}
@media screen and (max-width: 640px) {
  .ruleMain .txtlist dd {
    font-size: 1.36rem;
  }
}
.ruleMain .txtlist dd + dt {
  margin-top: 6rem;
}
@media screen and (max-width: 1024px) {
  .ruleMain .txtlist dd + dt {
    margin-top: 4.5rem;
  }
}
@media screen and (max-width: 640px) {
  .ruleMain .txtlist dd + dt {
    margin-top: 2.7rem;
  }
}
.ruleMain .txtlist .note {
  margin-top: 4rem;
  margin-bottom: 4rem;
  font-size: 1.4rem;
  line-height: 1.35;
  letter-spacing: 0.05em;
  font-weight: 700;
  color: #E61E7D;
}
@media screen and (max-width: 1024px) {
  .ruleMain .txtlist .note {
    margin-top: 3rem;
  }
}
@media screen and (max-width: 640px) {
  .ruleMain .txtlist .note {
    margin-top: 1.8rem;
  }
}
@media screen and (max-width: 1024px) {
  .ruleMain .txtlist .note {
    margin-bottom: 3rem;
  }
}
@media screen and (max-width: 640px) {
  .ruleMain .txtlist .note {
    margin-bottom: 1.8rem;
  }
}
@media screen and (max-width: 640px) {
  .ruleMain .txtlist .note {
    font-size: 1.19rem;
  }
}
.ruleMain .txtlist .note p + p {
  margin-top: 2em;
}
.ruleMain .txtlist a {
  color: #0F87F0;
  text-decoration: underline;
  -webkit-transition: opacity ease 0.3s;
  transition: opacity ease 0.3s;
}
@media screen and (any-hover: hover) and (min-width: 1025px) {
  .ruleMain .txtlist a:hover {
    opacity: 0.7;
  }
}

/*******************************

    POLICY

*******************************/
.policyMain .ttl-l {
  font-size: 2.8rem;
  line-height: 1.35;
  letter-spacing: 0.05em;
  margin-bottom: 1em;
  font-weight: 700;
  text-align: center;
  color: #E61E7D;
}
@media screen and (max-width: 640px) {
  .policyMain .ttl-l {
    font-size: 2.38rem;
  }
}
.policyMain .ttl {
  font-size: 2rem;
  line-height: 1.35;
  letter-spacing: 0.05em;
  font-weight: 700;
  color: #E61E7D;
  margin-bottom: 0.5em;
}
@media screen and (max-width: 640px) {
  .policyMain .ttl {
    font-size: 1.7rem;
  }
}
.policyMain p {
  font-size: 1.6rem;
  line-height: 1.35;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 640px) {
  .policyMain p {
    font-size: 1.36rem;
  }
}
.policyMain .list {
  margin-top: 1em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  font-size: 1.6rem;
  line-height: 1.35;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 640px) {
  .policyMain .list {
    font-size: 1.36rem;
  }
}
.policyMain .list li::before {
  content: "・";
}
.policyMain a {
  font-size: 1.6rem;
  line-height: 1.35;
  letter-spacing: 0.05em;
  text-decoration: underline;
  -webkit-transition: opacity ease 0.3s;
  transition: opacity ease 0.3s;
}
@media screen and (max-width: 640px) {
  .policyMain a {
    font-size: 1.36rem;
  }
}
@media screen and (any-hover: hover) and (min-width: 1025px) {
  .policyMain a:hover {
    opacity: 0.7;
  }
}
.policyMain .list + p {
  margin-top: 1em;
}
.policyMain p + .ttl,
.policyMain .list + .ttl {
  margin-top: 4rem;
}
@media screen and (max-width: 1024px) {
  .policyMain p + .ttl,
  .policyMain .list + .ttl {
    margin-top: 3rem;
  }
}
@media screen and (max-width: 640px) {
  .policyMain p + .ttl,
  .policyMain .list + .ttl {
    margin-top: 1.8rem;
  }
}

/*******************************

    404

*******************************/
.page404Main {
  text-align: center;
}
.page404Main .txt {
  font-size: 1.6rem;
  line-height: 2;
  letter-spacing: 0.05em;
  margin-bottom: 4rem;
}
@media screen and (max-width: 640px) {
  .page404Main .txt {
    font-size: 1.36rem;
  }
}
@media screen and (max-width: 1024px) {
  .page404Main .txt {
    margin-bottom: 3rem;
  }
}
@media screen and (max-width: 640px) {
  .page404Main .txt {
    margin-bottom: 1.8rem;
  }
}

/*******************************

    sitemap

*******************************/
.sitemapMain {
  margin-bottom: 4rem;
}
@media screen and (max-width: 1024px) {
  .sitemapMain {
    margin-bottom: 3rem;
  }
}
@media screen and (max-width: 640px) {
  .sitemapMain {
    margin-bottom: 1.8rem;
  }
}
.sitemapMain__mainlist {
  display: -ms-grid;
  display: grid;
      grid-template-areas: "a b c" "d e f";
  gap: 10rem;
}
@media screen and (max-width: 1024px) {
  .sitemapMain__mainlist {
    gap: 8rem 4rem;
  }
}
@media screen and (max-width: 640px) {
  .sitemapMain__mainlist {
        grid-template-areas: none;
    -ms-grid-columns: 1fr 2rem 1fr;
    grid-template-columns: 1fr 1fr;
    gap: 4rem 2rem;
  }
}
@media screen and (min-width: 641px) {
  .sitemapMain__mainlist__item:nth-of-type(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    grid-area: a;
  }
  .sitemapMain__mainlist__item:nth-of-type(2) {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
    grid-area: b;
  }
  .sitemapMain__mainlist__item:nth-of-type(3) {
    -ms-grid-row: 1;
    -ms-grid-column: 5;
    grid-area: c;
  }
  .sitemapMain__mainlist__item:nth-of-type(4) {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    grid-area: d;
  }
  .sitemapMain__mainlist__item:nth-of-type(5) {
    -ms-grid-row: 3;
    -ms-grid-column: 3;
    grid-area: e;
  }
  .sitemapMain__mainlist__item:nth-of-type(6) {
    -ms-grid-row: 3;
    -ms-grid-column: 5;
    grid-area: f;
  }
}
.sitemapMain__mainlist__item.is-single > a {
  color: #1F1F1F;
  font-size: 2rem;
  line-height: 1.35;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 640px) {
  .sitemapMain__mainlist__item.is-single > a {
    font-size: 1.5rem;
  }
}
.sitemapMain__mainlist__item a {
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  -webkit-transition: opacity ease 0.3s;
  transition: opacity ease 0.3s;
}
@media screen and (any-hover: hover) and (min-width: 1025px) {
  .sitemapMain__mainlist__item a:hover {
    opacity: 0.7;
  }
}
.sitemapMain__mainlist__item > a {
  font-size: 2rem;
  line-height: 1.35;
  letter-spacing: 0.05em;
  color: #E61E7D;
  font-weight: 700;
  margin-bottom: 3rem;
}
@media screen and (max-width: 640px) {
  .sitemapMain__mainlist__item > a {
    font-size: 1.7rem;
  }
}
@media screen and (max-width: 1024px) {
  .sitemapMain__mainlist__item > a {
    margin-bottom: 2.25rem;
  }
}
@media screen and (max-width: 640px) {
  .sitemapMain__mainlist__item > a {
    margin-bottom: 1.35rem;
  }
}
.sitemapMain__mainlist__sub > a {
  font-size: 1.6rem;
  line-height: 1.35;
  letter-spacing: 0.05em;
  font-weight: 700;
  margin-bottom: 2rem;
}
@media screen and (max-width: 640px) {
  .sitemapMain__mainlist__sub > a {
    font-size: 1.36rem;
  }
}
@media screen and (max-width: 1024px) {
  .sitemapMain__mainlist__sub > a {
    margin-bottom: 1.5rem;
  }
}
@media screen and (max-width: 640px) {
  .sitemapMain__mainlist__sub > a {
    margin-bottom: 0.9rem;
  }
}
.sitemapMain__mainlist__sub .list {
  font-size: 1.6rem;
  line-height: 1.35;
  letter-spacing: 0.05em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1em;
}
@media screen and (max-width: 640px) {
  .sitemapMain__mainlist__sub .list {
    font-size: 1.36rem;
  }
}
.sitemapMain__mainlist__sub .list a, .sitemapMain__mainlist__sub .list span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.sitemapMain__mainlist__sub .list a::before, .sitemapMain__mainlist__sub .list span::before {
  content: "";
  display: block;
  width: 1em;
  height: 2px;
  background: #E61E7D;
  margin-right: 0.5em;
}
.sitemapMain__mainlist__sub .list .is-disabled {
  color: #ccc;
}
.sitemapMain__mainlist__sub .list .is-disabled::before {
  background: #ccc;
}
.sitemapMain__mainlist__sub .list + a {
  margin-top: 3rem;
}
@media screen and (max-width: 1024px) {
  .sitemapMain__mainlist__sub .list + a {
    margin-top: 2.25rem;
  }
}
@media screen and (max-width: 640px) {
  .sitemapMain__mainlist__sub .list + a {
    margin-top: 1.35rem;
  }
}

/*******************************

    FC

*******************************/
.fcKv {
  padding-top: 8rem;
  position: relative;
  margin-bottom: 8rem;
}
@media screen and (max-width: 1024px) {
  .fcKv {
    margin-bottom: 6rem;
  }
}
@media screen and (max-width: 640px) {
  .fcKv {
    margin-bottom: 3.6rem;
  }
}
@media screen and (max-width: 640px) {
  .fcKv {
    padding-top: 0;
    margin-bottom: 0;
  }
}
.fcKv::before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: calc(100% - 1.2rem);
  background: url(../img/fc/fc-kv-bg.png) center center repeat, url(../img/fc/fc-kv-bg02.jpg) center center no-repeat;
  background-size: 40rem auto, cover;
  top: 0;
  left: 0;
}
@media screen and (max-width: 768px) {
  .fcKv::before {
    background-size: 30rem auto, cover;
  }
}
@media screen and (max-width: 640px) {
  .fcKv::before {
    display: none;
  }
}
.fcKv .ttl {
  position: relative;
  z-index: 1;
  width: 80rem;
  margin: 0 auto;
  max-width: 100%;
}

.fcMain {
  background: url(../img/fc/fc-bg.jpg) center top no-repeat;
  background-size: 100% 100%;
}

.fcPlan {
  margin-bottom: 8rem;
}
@media screen and (max-width: 1024px) {
  .fcPlan {
    margin-bottom: 6rem;
  }
}
@media screen and (max-width: 640px) {
  .fcPlan {
    margin-bottom: 3.6rem;
  }
}
.fcPlan__item {
  background: #fff;
  -webkit-filter: drop-shadow(0px 0px 1rem rgba(0, 0, 0, 0.15));
          filter: drop-shadow(0px 0px 1rem rgba(0, 0, 0, 0.15));
  border-radius: 1rem;
  overflow: hidden;
  max-width: calc(100rem);
  width: calc(100% - 6rem * 2);
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  padding: 2rem 0;
}
@media screen and (max-width: 640px) {
  .fcPlan__item {
    border-radius: 0.5rem;
  }
}
@media screen and (max-width: 1024px) {
  .fcPlan__item {
    width: calc(100% - 4rem * 2);
  }
}
@media screen and (max-width: 640px) {
  .fcPlan__item {
    width: calc(100% - 2rem * 2);
  }
}
@media screen and (max-width: 640px) {
  .fcPlan__item {
    padding: 3rem 2rem;
    -webkit-filter: drop-shadow(0px 0px 0.5rem rgba(0, 0, 0, 0.15));
            filter: drop-shadow(0px 0px 0.5rem rgba(0, 0, 0, 0.15));
  }
}
.fcPlan__item .img {
  width: 93.8rem;
  margin: 0 auto;
  max-width: calc(100% - 4rem);
}
@media screen and (max-width: 1024px) {
  .fcPlan__item .img {
    width: 70.35rem;
  }
}
@media screen and (max-width: 640px) {
  .fcPlan__item .img {
    width: 46.9rem;
  }
}
@media screen and (max-width: 640px) {
  .fcPlan__item .img {
    max-width: 100%;
  }
}

.fcBenefit {
  position: relative;
  background: #fff;
  -webkit-filter: drop-shadow(0px 0px 1rem rgba(0, 0, 0, 0.15));
          filter: drop-shadow(0px 0px 1rem rgba(0, 0, 0, 0.15));
  border-radius: 1rem;
  overflow: hidden;
  max-width: calc(100rem);
  width: calc(100% - 6rem * 2);
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  overflow: visible;
  margin-bottom: 10rem;
}
@media screen and (max-width: 640px) {
  .fcBenefit {
    border-radius: 0.5rem;
  }
}
@media screen and (max-width: 1024px) {
  .fcBenefit {
    width: calc(100% - 4rem * 2);
  }
}
@media screen and (max-width: 640px) {
  .fcBenefit {
    width: calc(100% - 2rem * 2);
  }
}
@media screen and (max-width: 1024px) {
  .fcBenefit {
    margin-bottom: 7.5rem;
  }
}
@media screen and (max-width: 640px) {
  .fcBenefit {
    margin-bottom: 4.5rem;
  }
}
@media screen and (max-width: 640px) {
  .fcBenefit {
    -webkit-filter: drop-shadow(0px 0px 0.5rem rgba(0, 0, 0, 0.15));
            filter: drop-shadow(0px 0px 0.5rem rgba(0, 0, 0, 0.15));
    overflow: hidden;
  }
}
.fcBenefit__inner {
  padding: 6rem;
}
@media screen and (max-width: 1024px) {
  .fcBenefit__inner {
    padding: 4.5rem;
  }
}
@media screen and (max-width: 640px) {
  .fcBenefit__inner {
    padding: 2.7rem;
  }
}
@media screen and (max-width: 640px) {
  .fcBenefit__inner {
    padding: 3rem 2rem 1.5rem;
  }
}
.fcBenefit__ttl {
  margin-bottom: 3rem;
}
@media screen and (max-width: 1024px) {
  .fcBenefit__ttl {
    margin-bottom: 2.25rem;
  }
}
@media screen and (max-width: 640px) {
  .fcBenefit__ttl {
    margin-bottom: 1.35rem;
  }
}
.fcBenefit__img {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 65%;
}
@media screen and (max-width: 640px) {
  .fcBenefit__img {
    position: relative;
    right: auto;
    bottom: auto;
    width: 100%;
  }
}
.fcBenefit__badge {
  position: absolute;
  width: 25rem;
  right: -6rem;
  bottom: -6rem;
}
@media screen and (max-width: 1024px) {
  .fcBenefit__badge {
    width: 18.75rem;
  }
}
@media screen and (max-width: 640px) {
  .fcBenefit__badge {
    width: 12.5rem;
  }
}
@media screen and (max-width: 1024px) {
  .fcBenefit__badge {
    right: -3rem;
  }
}
@media screen and (max-width: 640px) {
  .fcBenefit__badge {
    right: -3rem;
  }
}
@media screen and (max-width: 1024px) {
  .fcBenefit__badge {
    bottom: -3rem;
  }
}
@media screen and (max-width: 640px) {
  .fcBenefit__badge {
    bottom: -3rem;
  }
}
@media screen and (max-width: 640px) {
  .fcBenefit__badge {
    right: auto;
    left: 1rem;
    bottom: 3rem;
  }
}

.fcBenefitInfo {
  margin-bottom: 1rem;
}
@media screen and (max-width: 640px) {
  .fcBenefitInfo {
    width: calc(100% + 2rem);
    margin-left: -0.5rem;
    margin-bottom: 2rem;
  }
}

.fcBenefitCase {
  margin-bottom: 10rem;
}
@media screen and (max-width: 1024px) {
  .fcBenefitCase {
    margin-bottom: 7.5rem;
  }
}
@media screen and (max-width: 640px) {
  .fcBenefitCase {
    margin-bottom: 4.5rem;
  }
}
.fcBenefitCase .list {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 6rem 1fr 6rem 1fr;
  grid-template-columns: repeat(3, 1fr);
  max-width: 78rem;
  margin: 0 auto;
  gap: 6rem;
}
@media screen and (max-width: 1024px) {
  .fcBenefitCase .list {
    gap: 4.5rem;
  }
}
@media screen and (max-width: 640px) {
  .fcBenefitCase .list {
    gap: 3rem;
  }
}
@media screen and (max-width: 768px) {
  .fcBenefitCase .list {
    gap: 2rem;
  }
}
@media screen and (max-width: 640px) {
  .fcBenefitCase .list {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}
.fcBenefitCase .list .img {
  max-width: 20.7rem;
  margin: 0 auto;
  margin-bottom: 2rem;
}
@media screen and (max-width: 1024px) {
  .fcBenefitCase .list .img {
    margin-bottom: 1.5rem;
  }
}
@media screen and (max-width: 640px) {
  .fcBenefitCase .list .img {
    margin-bottom: 0.9rem;
  }
}
@media screen and (max-width: 640px) {
  .fcBenefitCase .list .img {
    width: 18rem;
  }
}
.fcBenefitCase .list .ttl {
  color: #E61E7D;
  font-size: 2rem;
  line-height: 1.35;
  letter-spacing: 0.05em;
  font-weight: 700;
  text-align: center;
  white-space: nowrap;
  margin-bottom: 2rem;
}
@media screen and (max-width: 640px) {
  .fcBenefitCase .list .ttl {
    font-size: 1.7rem;
  }
}
@media screen and (max-width: 1024px) {
  .fcBenefitCase .list .ttl {
    margin-bottom: 1.5rem;
  }
}
@media screen and (max-width: 640px) {
  .fcBenefitCase .list .ttl {
    margin-bottom: 0.9rem;
  }
}
@media screen and (max-width: 768px) {
  .fcBenefitCase .list .ttl {
    white-space: initial;
  }
}
.fcBenefitCase .list .txt {
  font-size: 1.6rem;
  line-height: 1.35;
  letter-spacing: 0.05em;
  text-align: center;
}
@media screen and (max-width: 640px) {
  .fcBenefitCase .list .txt {
    font-size: 1.36rem;
  }
}

.fcBenefitCoin {
  position: relative;
  z-index: 1;
  margin-bottom: 10rem;
}
@media screen and (max-width: 1024px) {
  .fcBenefitCoin {
    margin-bottom: 7.5rem;
  }
}
@media screen and (max-width: 640px) {
  .fcBenefitCoin {
    margin-bottom: 4.5rem;
  }
}
@media screen and (max-width: 640px) {
  .fcBenefitCoin {
    margin-bottom: 0;
  }
}
.fcBenefitCoin > .ttl {
  margin-bottom: 3rem;
}
@media screen and (max-width: 1024px) {
  .fcBenefitCoin > .ttl {
    margin-bottom: 2.25rem;
  }
}
@media screen and (max-width: 640px) {
  .fcBenefitCoin > .ttl {
    margin-bottom: 1.35rem;
  }
}
.fcBenefitCoin__about {
  margin-bottom: 11rem;
}
@media screen and (max-width: 1024px) {
  .fcBenefitCoin__about {
    margin-bottom: 8.25rem;
  }
}
@media screen and (max-width: 640px) {
  .fcBenefitCoin__about {
    margin-bottom: 4.95rem;
  }
}
.fcBenefitCoin__about .txt {
  font-size: 1.6rem;
  line-height: 1.35;
  letter-spacing: 0.05em;
  text-align: center;
  margin-bottom: 4rem;
}
@media screen and (max-width: 640px) {
  .fcBenefitCoin__about .txt {
    font-size: 1.36rem;
  }
}
@media screen and (max-width: 1024px) {
  .fcBenefitCoin__about .txt {
    margin-bottom: 3rem;
  }
}
@media screen and (max-width: 640px) {
  .fcBenefitCoin__about .txt {
    margin-bottom: 1.8rem;
  }
}
.fcBenefitCoin__about .img {
  width: 40rem;
  margin: 0 auto;
}
@media screen and (max-width: 1024px) {
  .fcBenefitCoin__about .img {
    width: 30rem;
  }
}
@media screen and (max-width: 640px) {
  .fcBenefitCoin__about .img {
    width: 18rem;
  }
}
.fcBenefitCoin__luna {
  max-width: 50%;
}
@media screen and (max-width: 640px) {
  .fcBenefitCoin__luna {
    max-width: 100%;
  }
}
.fcBenefitCoin__luna .subttl {
  color: #E61E7D;
  font-weight: 700;
  font-size: 3.2rem;
  line-height: 1.35;
  letter-spacing: 0.05em;
  margin-bottom: 4rem;
}
@media screen and (max-width: 640px) {
  .fcBenefitCoin__luna .subttl {
    font-size: 2.08rem;
  }
}
@media screen and (max-width: 1024px) {
  .fcBenefitCoin__luna .subttl {
    margin-bottom: 3rem;
  }
}
@media screen and (max-width: 640px) {
  .fcBenefitCoin__luna .subttl {
    margin-bottom: 1.8rem;
  }
}
.fcBenefitCoin__luna .txt {
  color: #E61E7D;
  font-weight: 700;
  font-size: 2rem;
  line-height: 1.75;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 640px) {
  .fcBenefitCoin__luna .txt {
    font-size: 1.7rem;
  }
}

.fcJoin {
  max-width: calc(124rem);
  width: calc(100% - 6rem * 2);
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 8rem;
}
@media screen and (max-width: 1024px) {
  .fcJoin {
    width: calc(100% - 4rem * 2);
  }
}
@media screen and (max-width: 640px) {
  .fcJoin {
    width: calc(100% - 2rem * 2);
  }
}
@media screen and (max-width: 1024px) {
  .fcJoin {
    margin-bottom: 6rem;
  }
}
@media screen and (max-width: 640px) {
  .fcJoin {
    margin-bottom: 3.6rem;
  }
}
.fcJoin__ttl {
  margin-bottom: 4rem;
}
@media screen and (max-width: 1024px) {
  .fcJoin__ttl {
    margin-bottom: 3rem;
  }
}
@media screen and (max-width: 640px) {
  .fcJoin__ttl {
    margin-bottom: 1.8rem;
  }
}
.fcJoin .list {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 2.8rem 1fr 2.8rem 1fr 2.8rem 1fr;
  grid-template-columns: repeat(4, 1fr);
  gap: 2.8rem;
}
@media screen and (max-width: 1024px) {
  .fcJoin .list {
    gap: 2.1rem;
  }
}
@media screen and (max-width: 640px) {
  .fcJoin .list {
    gap: 1.4rem;
  }
}
@media screen and (max-width: 768px) {
  .fcJoin .list {
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 640px) {
  .fcJoin .list {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}
.fcJoin .list li {
  background: #fff;
  -webkit-filter: drop-shadow(0px 0px 1rem rgba(0, 0, 0, 0.15));
          filter: drop-shadow(0px 0px 1rem rgba(0, 0, 0, 0.15));
  border-radius: 1rem;
  overflow: hidden;
  padding: 3rem 1.5rem 5rem;
}
@media screen and (max-width: 640px) {
  .fcJoin .list li {
    border-radius: 0.5rem;
  }
}
@media screen and (max-width: 640px) {
  .fcJoin .list li {
    -webkit-filter: drop-shadow(0px 0px 0.5rem rgba(0, 0, 0, 0.15));
            filter: drop-shadow(0px 0px 0.5rem rgba(0, 0, 0, 0.15));
    padding: 3rem 2rem;
  }
}
.fcJoin .list .step {
  border-radius: 100vh;
  border: 1px solid #E61E7D;
  aspect-ratio: 8/2;
  width: 8rem;
  font-size: 1.2rem;
  font-weight: 700;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 auto;
  color: #E61E7D;
  margin-bottom: 1.5rem;
}
@media screen and (max-width: 640px) {
  .fcJoin .list .step {
    font-size: 1.02rem;
  }
}
.fcJoin .list .ttl {
  margin-bottom: 2rem;
  text-align: center;
  color: #E61E7D;
  font-weight: 700;
  font-size: 2rem;
}
@media screen and (max-width: 640px) {
  .fcJoin .list .ttl {
    font-size: 1.7rem;
  }
}
.fcJoin .list .img {
  width: 100%;
  margin-bottom: 3rem;
}
@media screen and (max-width: 1024px) {
  .fcJoin .list .img {
    margin-bottom: 2.25rem;
  }
}
@media screen and (max-width: 640px) {
  .fcJoin .list .img {
    margin-bottom: 1.35rem;
  }
}
@media screen and (max-width: 640px) {
  .fcJoin .list .img {
    max-width: 20rem;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 2rem;
  }
}
.fcJoin .list .img img {
  width: 100%;
}
.fcJoin .list .txt {
  font-size: 1.4rem;
  line-height: 1.35;
  letter-spacing: 0.05em;
  padding: 0 0.5rem;
}
@media screen and (max-width: 640px) {
  .fcJoin .list .txt {
    font-size: 1.19rem;
  }
}
.fcJoin .list .note {
  color: #B9B9B9;
  font-size: 1.2rem;
  line-height: 1.35;
  letter-spacing: 0.05em;
  margin-top: 1em;
  padding: 0 0.5rem;
}
@media screen and (max-width: 640px) {
  .fcJoin .list .note {
    font-size: 1.02rem;
  }
}

.fcBnr__inner {
  max-width: 144rem;
  margin: 0 auto;
}
.fcBnr img {
  display: block;
  width: 100%;
  margin: 0 auto;
}
.fcBnr .btn {
  -webkit-filter: drop-shadow(0px 0px 1rem rgba(0, 0, 0, 0.15));
          filter: drop-shadow(0px 0px 1rem rgba(0, 0, 0, 0.15));
  aspect-ratio: 50/10;
  width: 100%;
  max-width: 64rem;
  border-radius: 0.5rem;
  background: #E61E7D;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 2.8rem;
  line-height: 1.35;
  letter-spacing: 0.05em;
  font-weight: 700;
  margin: 0 auto;
  margin-top: 8rem;
  color: #fff;
}
@media screen and (max-width: 640px) {
  .fcBnr .btn {
    font-size: 1.82rem;
  }
}
@media screen and (max-width: 1024px) {
  .fcBnr .btn {
    margin-top: 6rem;
  }
}
@media screen and (max-width: 640px) {
  .fcBnr .btn {
    margin-top: 3.6rem;
  }
}
@media screen and (max-width: 640px) {
  .fcBnr .btn {
    max-width: calc(100% - 4rem);
  }
}
@media (any-hover: hover) {
  .fcBnr .btn {
    -webkit-transition: 0.3s ease;
    transition: 0.3s ease;
  }
  .fcBnr .btn:hover {
    background: #f95ca5;
  }
}

.fcFaq {
  margin-top: 10rem;
}
@media screen and (max-width: 1024px) {
  .fcFaq {
    margin-top: 7.5rem;
  }
}
@media screen and (max-width: 640px) {
  .fcFaq {
    margin-top: 4.5rem;
  }
}
.fcFaq__inner {
  padding: 6rem;
  border-radius: 1rem;
  overflow: hidden;
  background: #fff;
}
@media screen and (max-width: 1024px) {
  .fcFaq__inner {
    padding: 4.5rem;
  }
}
@media screen and (max-width: 640px) {
  .fcFaq__inner {
    padding: 2.7rem;
  }
}
@media screen and (max-width: 640px) {
  .fcFaq__inner {
    border-radius: 0.5rem;
  }
}

.fcFixedbnr {
  position: fixed;
  z-index: 5;
  right: 0.5rem;
  bottom: 1rem;
  width: 40rem;
}
@media screen and (max-width: 1024px) {
  .fcFixedbnr {
    width: 30rem;
  }
}
@media screen and (max-width: 640px) {
  .fcFixedbnr {
    width: 24rem;
  }
}
.fcFixedbnr a {
  -webkit-transition: opacity ease 0.3s;
  transition: opacity ease 0.3s;
}
@media screen and (any-hover: hover) and (min-width: 1025px) {
  .fcFixedbnr a:hover {
    opacity: 0.7;
  }
}

/*******************************

    SINGLE

*******************************/
.newsSingle .summary {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 1.5rem;
  margin-bottom: 2rem;
}
@media screen and (max-width: 1024px) {
  .newsSingle .summary {
    margin-bottom: 1.5rem;
  }
}
@media screen and (max-width: 640px) {
  .newsSingle .summary {
    margin-bottom: 1.3rem;
  }
}
@media screen and (max-width: 640px) {
  .newsSingle .summary {
    gap: 0.5rem;
  }
}
.newsSingle .summary .date {
  font-size: 2rem;
}
@media screen and (max-width: 640px) {
  .newsSingle .summary .date {
    font-size: 1.7rem;
  }
}
.newsSingle .summary .cat {
  border-radius: 0.5rem;
  background: #E61E7D;
  color: #fff;
  font-weight: 700;
  font-size: 1.4rem;
  min-width: 13rem;
  padding: 0.75rem;
  text-align: center;
}
@media screen and (max-width: 640px) {
  .newsSingle .summary .cat {
    font-size: 1.19rem;
  }
}
.newsSingle .ttl {
  font-size: 2.8rem;
  line-height: 1.35;
  letter-spacing: 0.05em;
  font-weight: 700;
  color: #E61E7D;
  margin-bottom: 4rem;
}
@media screen and (max-width: 640px) {
  .newsSingle .ttl {
    font-size: 2.38rem;
  }
}
@media screen and (max-width: 1024px) {
  .newsSingle .ttl {
    margin-bottom: 3rem;
  }
}
@media screen and (max-width: 640px) {
  .newsSingle .ttl {
    margin-bottom: 1.8rem;
  }
}
.newsSingle__thumbnail {
  margin-bottom: 4rem;
}
@media screen and (max-width: 1024px) {
  .newsSingle__thumbnail {
    margin-bottom: 3rem;
  }
}
@media screen and (max-width: 640px) {
  .newsSingle__thumbnail {
    margin-bottom: 1.8rem;
  }
}
.newsSingle__thumbnail img {
  display: block;
  height: auto;
  margin: 0 auto;
}
.newsSingle__body {
  font-size: 1.6rem;
  line-height: 1.35;
  letter-spacing: 0.05em;
  line-height: 1.8;
  word-break: break-word;
}
@media screen and (max-width: 640px) {
  .newsSingle__body {
    font-size: 1.36rem;
  }
}
.newsSingle__body img {
  max-width: 100%;
  height: auto;
  display: block;
  margin: 1em 0;
}
.newsSingle__body h2 {
  font-size: 2.4rem;
  line-height: 1.35;
  letter-spacing: 0.05em;
  font-weight: 700;
  color: #E61E7D;
  margin-bottom: 3rem;
}
@media screen and (max-width: 640px) {
  .newsSingle__body h2 {
    font-size: 2.04rem;
  }
}
@media screen and (max-width: 1024px) {
  .newsSingle__body h2 {
    margin-bottom: 2.25rem;
  }
}
@media screen and (max-width: 640px) {
  .newsSingle__body h2 {
    margin-bottom: 1.95rem;
  }
}
.newsSingle__body h3 {
  font-size: 2rem;
  line-height: 1.35;
  letter-spacing: 0.05em;
  font-weight: 700;
  color: #E61E7D;
  margin-bottom: 2.5rem;
}
@media screen and (max-width: 640px) {
  .newsSingle__body h3 {
    font-size: 1.7rem;
  }
}
@media screen and (max-width: 1024px) {
  .newsSingle__body h3 {
    margin-bottom: 1.875rem;
  }
}
@media screen and (max-width: 640px) {
  .newsSingle__body h3 {
    margin-bottom: 1.625rem;
  }
}
.newsSingle__body a {
  color: #E61E7D;
  text-decoration: underline;
}
.newsSingle__body ul,
.newsSingle__body ol {
  padding-left: 2rem;
  margin-bottom: 2rem;
}
.newsSingle__body ul li,
.newsSingle__body ol li {
  position: relative;
  margin-bottom: 1rem;
}
@media screen and (max-width: 1024px) {
  .newsSingle__body ul li,
  .newsSingle__body ol li {
    margin-bottom: 0.75rem;
  }
}
@media screen and (max-width: 640px) {
  .newsSingle__body ul li,
  .newsSingle__body ol li {
    margin-bottom: 0.65rem;
  }
}
.newsSingle__body ul li::before,
.newsSingle__body ol li::before {
  content: "•";
  position: absolute;
  left: -1.5rem;
  top: 0;
  color: #E61E7D;
}
.newsSingle__body blockquote {
  border-left: 4px solid #E61E7D;
  background: #f9f9f9;
  padding: 1rem 1.5rem;
  margin-bottom: 2rem;
}
.newsSingle__body blockquote p {
  margin: 0;
  margin-bottom: 0;
}
@media screen and (max-width: 1024px) {
  .newsSingle__body blockquote p {
    margin-bottom: 0;
  }
}
@media screen and (max-width: 640px) {
  .newsSingle__body blockquote p {
    margin-bottom: 0;
  }
}
.newsSingle__footer {
  margin-top: 6rem;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 21rem auto 21rem;
  grid-template-columns: 21rem auto 21rem;
      grid-template-areas: "prev . next";
}
@media screen and (max-width: 1024px) {
  .newsSingle__footer {
    margin-top: 4.5rem;
  }
}
@media screen and (max-width: 640px) {
  .newsSingle__footer {
    margin-top: 2.7rem;
  }
}
.newsSingle__footer .prev {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  grid-area: prev;
  position: relative;
  padding-left: 0.5em;
}
.newsSingle__footer .prev::before {
  content: "";
  display: block;
  position: absolute;
  border-style: solid;
  border-width: 1px 1px 0 0;
  width: 0.3em;
  height: auto;
  aspect-ratio: 1/1;
  left: 1em;
  -webkit-transform: rotate(-135deg);
          transform: rotate(-135deg);
}
.newsSingle__footer .next {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
  grid-area: next;
  position: relative;
  padding-right: 0.5em;
}
.newsSingle__footer .next::before {
  content: "";
  display: block;
  position: absolute;
  border-style: solid;
  border-width: 1px 1px 0 0;
  width: 0.3em;
  height: auto;
  aspect-ratio: 1/1;
  right: 1em;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

/*******************************

    CATEGORY

*******************************/
/* tag
----------------------------- */