@charset "UTF-8";

:root {
  --c-base: #ececec;
  --c-base-dark: #e3e3e3;
  --c-main-text: #3d3d3d;
  --c-sub-text: #fff;
  --c-black: #3d3d3d;
  --c-white: #fff;
  --c-sub: #707070;
  --c-error: #ff387f;
  --c-blue: #51b5ff;
  --c-gray: #b8b8b8;
  --c-base-accent: #414141;
  --gradation01: #D8303F;
  --gradation02: #1B2F1B;
  --eventcolor-accent: #D8303F;
  --eventcolor-main: #D8303F;
  --c-platinum: #3D3D3D;
  --c-gold: #D2C39D;
  --c-silver: #bdebfa;
  --c-bronze: #ff8457;
  --c-base-rgb: 236, 236, 236;
  --c-base-dark-rgb: 227, 227, 227;
  --c-main-text-rgb: 61, 61, 61;
  --c-sub-text-rgb: 255, 255, 255;
  --c-black-rgb: 61, 61, 61;
  --c-white-rgb: 255, 255, 255;
  --c-beige-rgb: 250, 250, 236;
  --c-sub-rgb: 112, 112, 112;
  --c-error-rgb: 255, 56, 127;
  --c-blue-rgb: 81, 181, 255;
  --c-gray-rgb: 217, 217, 217;
  --c-base-accent-rgb: 65, 65, 65;
  --c-gold-rgb: 210, 195, 157;
  --c-silver-rgb: 189, 235, 250;
  --c-bronze-rgb: 255, 132, 87;
  /* ローディングの色 */
  --loading-bg: var(--c-base-dark);
  --loading-text: var(--c-main-text);
  --loading-progress-base: var(--c-main-text);
  --loading-progress-mask: var(--gradation01);
  --loading-progress-mask-accent: var(--eventcolor-accent);
}

@font-face {
  font-family: "ATK-Studio-Tiposka";
  src: url(../font/ATK-Studio-Tiposka.ttf) format("woff2");
  font-weight: 400;
  font-style: normal;
}

/* Tiposkaフォントの半角スペースを-25%圧縮 */
.l-header__logo-text,
.c-banner__heading,
.c-contact-links__title,
.c-contact-links__loop-item,
.c-404__404-text,
.c-section__title,
.c-section__content-title,
.p-top-about__vis-text,
.p-top-about__heading,
.p-top-about__scrolling-text-item,
.p-top-datetime,
.p-top-fv__runby-label,
.p-top-loading__percentage,
.p-event-contents__definitions-item-title,
.p-event-contents__definitions-caution-title,
.p-event-contents__definitions-title,
.p-event-contents__exhibition-title,
.p-event-contents__head,
.p-event-contents__head--jp,
.p-event-contents__number,
.p-event-contents__game-title,
.p-event-contents__game-creator,
.p-event-contents__game-modal-headline,
.p-event-contents__creator-text,
.p-event-cta__label,
.p-event-faq__head-question,
.p-event-faq__answer-inner,
.p-event-fv__title,
.p-event-fv__place,
.p-event-fv__label,
.p-event-fv__time,
.p-event-sponsors__item,
.p-event-theme__heading,
.p-event-theme__title,
.p-single__title,
.p-page-news__category-item,
.p-page-news__title,
.p-faq__title,
.p-faq__head-question,
.p-faq__answer-inner,
.p-contact__text,
.p-thanks__text,
.p-entry__text,
.p-creators-archive__lead,
.p-creators-archive__tag-head,
.p-creators-archive__tag-link,
.p-creators-archive__name span,
.p-creators-archive__sub,
.p-creators-archive__game-title span,
.p-creators-archive__none,
.p-creators-fv__prize-title span,
.p-creators-fv__creator-name,
.p-creators-fv__creator-lead,
.p-creators-fv__creator-sns-name,
.p-creators-games__prize span,
.p-creators-games__title,
.p-creators-games__lead,
.p-creators-games__tags-label,
.p-creators-games__tags-value,
.p-creators-games__Publisher-label,
.p-creators-games__Publisher-link,
.p-creators-games__buy-on-head,
.p-creators-games__buy-on-link,
.p-archives-award__title,
.p-archives-award__creator,
.p-archives-award__publisher,
.p-archives-award__prize,
.p-archives-award__detail,
.p-archives-games__title,
.p-archives-games__creator,
.p-archives-games__publisher,
.p-archives-review__content p,
.p-archives-review__content blockquote,
.p-archives-review__content a,
.p-archives-review__content h1,
.p-archives-review__content h2,
.p-archives-review__content h3,
.p-archives-review__content h4,
.p-archives-review__content h5,
.p-archives-review__content h6,
.p-archives-review__content ul li,
.p-archives-review__content ol li,
.p-archives-review__content table,
.p-archives-review__content dl,
.p-archives-single-fv__title,
.p-archives-single-fv__date-place,
.p-page-archives__title,
.p-guide__wrapper,
.p-requirements__dt,
.p-requirements__dd,
.p-terms__title,
.p-terms__item,
.p-privacy__lead,
.p-privacy__head,
.p-privacy__body-items,
.p-privacy__body-item,
.p-privacy__body-items--lower-alpha li,
.p-privacy__body-items--lower-roman li {
  word-spacing: -0.25em;
}

/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/

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

/* HTML5 display-role reset for older browsers */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

body {
  line-height: 1;
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

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

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

html {
  scroll-behavior: smooth;
  scroll-padding-top: 5.375rem;
  /* リキッドレイアウト対応のための設定 */
  font-size: 16px;
}

*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  min-inline-size: 0;
}

body {
  line-height: 2.1333333333;
  font-family: "YakuHanJP", "sofia-pro", "dnp-shuei-gothic-gin-std", sans-serif;
  font-weight: 500;
  color: var(--c-main-text);
  background-color: var(--c-base);
  position: relative;
  letter-spacing: 0em;
}

body.is-fixed {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

a {
  color: inherit;
  text-decoration: none;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}

li {
  list-style: none;
}

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

input,
textarea {
  margin: 0;
  padding: 0;
  font: inherit;
  color: inherit;
  outline: none;
  border: none;
  border-radius: 0;
  resize: none;
}

select {
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  /* デフォルトの矢印を非表示 */
}

select::-ms-expand {
  display: none;
  /* デフォルトの矢印を非表示(IE用) */
}

button {
  margin: 0;
  padding: 0;
  font: inherit;
  color: inherit;
  background-color: transparent;
  border: none;
  cursor: pointer;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}

*:focus {
  outline: none;
}

details summary {
  list-style: none;
  cursor: pointer;
}

details summary::-webkit-details-marker {
  display: none;
}

figure {
  margin: 0;
}

picture {
  display: block;
  height: 100%;
}

svg {
  width: 100%;
  height: auto;
  display: block;
}

:where(dialog) {
  width: unset;
  max-width: unset;
  height: unset;
  max-height: unset;
  padding: unset;
  color: unset;
  background-color: unset;
  border: unset;
  overflow: auto;
  -ms-scroll-chaining: none;
      overscroll-behavior: contain;
}

:where(dialog)::-webkit-backdrop {
  background: unset;
}

:where(dialog)::backdrop {
  background: unset;
}

:where(:root) {
  --hover-transition: 0.3s ease;
}

/* ===============================================
# l-footer
=============================================== */

.l-footer {
  padding: 3.75rem 0 10rem 0;
  border-top: 1px solid var(--c-main-text);
  position: relative;
  z-index: 0;
  overflow: hidden;
  --opa: 0;
}

.l-footer::after {
  content: "";
  position: absolute;
  display: block;
  left: -3.75rem;
  width: calc(100% + 7.5rem);
  height: auto;
  aspect-ratio: 1558/812;
  background: var(--gradation01);
  background: var(--gradation01);
  background-repeat: no-repeat;
  will-change: filter;
  -webkit-filter: blur(4.375rem);
          filter: blur(4.375rem);
  bottom: 0;
  -webkit-transform: translateY(90%);
          transform: translateY(90%);
  opacity: var(--opa);
  -webkit-transition: opacity 0.4s ease;
  transition: opacity 0.4s ease;
  pointer-events: none;
}

.l-footer__inner {
  margin: auto;
  max-width: 30rem;
  width: 100%;
  padding-inline: 1.875rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.l-footer__logo {
  display: inline-block;
  width: 8.75rem;
  height: 4.875rem;
  margin: auto;
}

/* footer-right
-------------------------------------*/

.l-footer__right {
  margin-left: 0;
}

.l-footer__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-top: 3.75rem;
}

.l-footer__nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0 2.6875rem;
}

.l-footer__nav-items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.l-footer__nav-items:nth-of-type(1) {
  width: 7.1875rem;
}

.l-footer__nav-items:nth-of-type(2) {
  width: 7.1875rem;
}

.l-footer__nav-item a {
  white-space: nowrap;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 2;
}

/* footer-sns
-------------------------------------*/

.l-footer__sns-text {
  margin-top: 3.75rem;
}

.l-footer__sns-items {
  margin-top: 1.25rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1.25rem;
}

.l-footer__drawer-snsLink {
  display: inline-block;
  width: 1.5rem;
  height: auto;
  aspect-ratio: 1/1;
}

.l-footer__drawer-snsLink.--note {
  width: 4rem;
  aspect-ratio: 64/14;
}

.l-footer__drawer-snsLink.--note img {
  -o-object-fit: contain;
     object-fit: contain;
}

.l-footer__sns-text {
  font-size: 0.9375rem;
  font-weight: 500;
  line-height: 1;
}

/* footer-info
-------------------------------------*/

.l-footer__info {
  display: grid;
  gap: 0.75rem 1.25rem;
  grid-template-columns: 5.5rem 1fr;
  margin-top: 2.5rem;
  font-size: 0.75rem;
}

.l-footer__privacy,
.l-footer__makers {
  width: 7.1875rem;
}

.l-footer__copyright {
  color: #787878;
  grid-column: 1/3;
  grid-row: 2/3;
  display: block;
  word-break: keep-all;
}

/* ===============================================
# l-header
=============================================== */

.l-header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 5.375rem;
  z-index: 10;
  pointer-events: none;
}

.l-header__inner {
  max-width: 90rem;
  height: 100%;
  width: 100%;
  margin: auto;
  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-inline: 1.5625rem 5rem;
  pointer-events: none;
}

.l-header__inner > * {
  pointer-events: all;
}

.l-header__logo {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 4rem;
  height: auto;
}

.l-header__logo-img {
  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%;
  aspect-ratio: 64/15;
  -o-object-fit: contain;
     object-fit: contain;
  height: auto;
}

.l-header__logo-text{
  display: none;
  -webkit-transition: color 0.4s ease;
  transition: color 0.4s ease;
}

/* header-nav
-------------------------------------*/

.l-header__nav-items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.l-header__nav-item + .l-header__nav-item {
  margin-left: 2.5rem;
}

.l-header__nav-item {
  font-size: 0.875rem;
  line-height: normal;
  -webkit-transition: color 0.4s ease;
  transition: color 0.4s ease;
}

.l-header__nav-item.l-header__nav-item--rightbar {
  position: relative;
}

.l-header__nav-item.l-header__nav-item--rightbar::after {
  content: "";
  position: absolute;
  width: 1px;
  height: 1rem;
  background: currentColor;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: -2.5rem;
}

.l-header__nav-item.l-header__nav-item--event {
  margin-left: 0;
  position: relative;
}

.l-header__nav-item.l-header__nav-item--event::after {
  content: "";
  position: absolute;
  width: 0.75rem;
  height: 0.75rem;
  right: -1.6875rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background-color: currentColor;
  -webkit-mask: url(../img/00_common/arrow.svg) no-repeat center/contain;
          mask: url(../img/00_common/arrow.svg) no-repeat center/contain;
  -webkit-transition: background-color 0.4s ease;
  transition: background-color 0.4s ease;
}

.l-header__nav-item.l-header__nav-item--entry {
  position: relative;
  z-index: 0;
}

.l-header__nav-item.--line a {
  position: relative;
}

.l-header__nav-item.--line a::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  background-color: currentColor;
  bottom: -2px;
  left: 0;
}

/* ハンバーガーメニュー
-------------------------------------*/

.l-header__menu-btn {
  position: fixed;
  top: 1.3125rem;
  right: 1.5625rem;
  width: 2.75rem;
  height: 2.75rem;
  z-index: 100;
  text-align: center;
  border: 1px solid var(--c-main-text);
  -webkit-transition: border 0.4s ease;
  transition: border 0.4s ease;
  border-radius: 0.25rem;
}

.l-header__menu-btn--bar {
  display: block;
  width: 1.5rem;
  height: 0.0625rem;
  background-color: var(--c-main-text);
  -webkit-transition: background-color 0.4s ease, -webkit-transform 0.3s ease;
  transition: background-color 0.4s ease, -webkit-transform 0.3s ease;
  transition: transform 0.3s ease, background-color 0.4s ease;
  transition: transform 0.3s ease, background-color 0.4s ease, -webkit-transform 0.3s ease;
  position: relative;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

.l-header__menu-btn--bar:nth-of-type(1) {
  top: 0.25rem;
}

.l-header__menu-btn--bar:nth-of-type(2) {
  top: -0.25rem;
}

.l-header.is-open .l-header__menu-btn--bar:nth-of-type(1) {
  top: 0.0625rem;
  -webkit-transform: translateX(-50%) rotate(-30deg);
          transform: translateX(-50%) rotate(-30deg);
}

.l-header.is-open .l-header__menu-btn--bar:nth-of-type(2) {
  top: 0;
  -webkit-transform: translateX(-50%) rotate(30deg);
          transform: translateX(-50%) rotate(30deg);
}

.l-header.is-open .l-header__nav {
  opacity: 1;
  visibility: visible;
}

/* drawer
-------------------------------------*/

body.is-fixed {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.l-header__drawer {
  position: fixed;
  top: 0;
  right: 0;
  z-index: 10;
  width: 100%;
  height: 100%;
  padding: 0 1.5625rem 0 2rem;
  overflow-x: hidden;
  overflow-y: scroll;
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
  -webkit-transition: -webkit-transform 0.4s ease;
  transition: -webkit-transform 0.4s ease;
  transition: transform 0.4s ease;
  transition: transform 0.4s ease, -webkit-transform 0.4s ease;
  background-color: var(--c-base-dark);
}

.l-header__drawer.is-open {
  -webkit-transform: translateX(0);
          transform: translateX(0);
}

.l-header__drawer-nav {
  width: min(100%, 30rem);
  margin-inline: auto;
}

.l-header__drawer-items {
  margin-top: 3.75rem;
  display: grid;
  grid-auto-flow: column;
  grid-template-rows: repeat(3, 1fr);
  grid-template-columns: 5.5625rem auto;
  gap: 0 4.625rem;
  padding-bottom: 1.5rem;
}

.l-header__drawer-item {
  font-size: 1.5rem;
  line-height: 2;
  font-weight: 400;
}

.l-header__drawer-right {
  width: min(100%, 30rem);
  margin-inline: auto;
  padding-bottom: 3.75rem;
}

.l-header__drawer-event {
  -ms-flex-negative: 1;
      flex-shrink: 1;
  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;
  gap: 2.5rem;
  padding-bottom: 3.75rem;
  padding-top: 26px;
  border-top: 1px solid rgba(61, 61, 61, 0.3);
}

/* SNS
-------------------------------------*/

.l-header__sns {
  margin-top: 1.25rem;
}

.l-header__sns-text {
  text-transform: uppercase;
  font-size: 0.9375rem;
  font-weight: 500;
}

.l-header__sns-items {
  margin-top: 0.875rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1.25rem;
}

.l-header__sns-item {
  width: 1.5rem;
  height: 1.5rem;
}

.l-header__sns-item.--note {
  width: 4rem;
  height: 0.875rem;
}

/* info(privacyなど)
-------------------------------------*/

.l-header__drawer-info {
  font-size: 0.75rem;
  line-height: normal;
  display: grid;
  gap: 1.25rem;
  margin-top: 2.3125rem;
  grid-template-columns: 4.8125rem 1fr;
}

.l-header__drawer-info--border {
  display: inline-block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  position: relative;
}

.l-header__drawer-info--border::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  background: currentColor;
  left: 0;
  bottom: 0;
}

.l-header__drawer-copy {
  grid-column: 1/3;
  grid-row: 2/3;
}

/* entry-button
-------------------------------------*/

.l-header__drawer-item.l-header__drawer-item--entry {
  border-radius: 0.25rem;
  overflow: hidden;
  color: var(--c-black);
  border: 1px solid currentColor;
  position: relative;
  z-index: 0;
  line-height: 1;
  -webkit-transition: color var(--hover-transition);
  transition: color var(--hover-transition);
  /* hover */
}

.l-header__drawer-item.l-header__drawer-item--entry::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  opacity: 0;
  visibility: hidden;
  background: -webkit-gradient(linear, left top, right top, from(var(--gradation01)), to(var(--gradation02)));
  background: linear-gradient(90deg, var(--gradation01) 0%, var(--gradation02) 100%);
  background-repeat: no-repeat;
  -webkit-transition: opacity var(--hover-transition), visibility var(--hover-transition);
  transition: opacity var(--hover-transition), visibility var(--hover-transition);
}

.l-header__drawer-item.l-header__drawer-item--entry a,
.l-header__drawer-item.l-header__drawer-item--entry .text {
  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: 1.5rem;
  padding-block: 0.5625rem 0.6875rem;
  padding-inline: 3.0625rem 3.125rem;
  color: var(--c-black);
  -webkit-transition: color var(--hover-transition);
  transition: color var(--hover-transition);
}

/*
//drawer-bg
-------------------------------------*/

.l-header__drawer-bg {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.4s ease, visibility 0.4s ease;
  transition: opacity 0.4s ease, visibility 0.4s ease;
}

.l-header__drawer-bg.is-open {
  opacity: 1;
  visibility: visible;
}

.l-header__drawer-logo {
  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-top: 6.25rem;
}

.l-header__drawer-logo-img {
  width: 8.75rem;
  height: auto;
  aspect-ratio: 140/78;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

/* ===============================================
# invert
=============================================== */

.l-header:not(.is-open).is-invert .l-header__nav-item {
  color: var(--c-white);
}

.l-header:not(.is-open).is-invert .l-header__menu-btn {
  border: 1px solid var(--c-white);
}

.l-header:not(.is-open).is-invert .l-header__menu-btn--bar {
  background: var(--c-white);
}

.l-header:not(.is-open).is-invert .l-header__logo-img path {
  fill: var(--c-white);
}

.l-header:not(.is-open).is-invert .l-header__logo-text {
  color: var(--c-white);
}

.l-header__page-name.is-invert {
  color: var(--c-white);
}

.p-top-datetime.is-invert {
  color: var(--c-white);
}

.l-header__logo-img path {
  -webkit-transition: fill 0.4s ease;
  transition: fill 0.4s ease;
}

/* ===============================================
# l-header__page-name
=============================================== */

.l-header__page-name {
  position: fixed;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(90deg);
          transform: translateY(-50%) rotate(90deg);
  -webkit-transform-origin: center;
          transform-origin: center;
  z-index: 10;
  font-size: 11px;
  font-weight: 400;
  color: var(--c-main-text);
  font-family: "ATK-Studio-Tiposka", sans-serif;
  pointer-events: none;
  white-space: nowrap;
  padding-right: 1.5rem;
  -webkit-transition: color 0.4s ease;
  transition: color 0.4s ease;
  opacity: 0;
  visibility: hidden;
}

.l-header__page-name.is-visible {
  opacity: 1;
  visibility: visible;
}

/* ===============================================
# l-inner
=============================================== */

.l-inner {
  max-width: 30rem;
  width: 100%;
  margin-inline: auto;
  padding-inline: 25px;
}

/* ===============================================
# c-banner
=============================================== */

.c-banner {
  padding-top: 3.125rem;
}

.c-banner__heading {
  font-size: 1rem;
  font-family: "ATK-Studio-Tiposka", sans-serif;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.c-banner__heading::before {
  content: "";
  display: inline-block;
  margin-right: 0.875rem;
  height: 1em;
  width: 0.6em;
  background-color: currentColor;
  -webkit-mask: url(../img/00_common/arrow.svg) no-repeat center/contain;
          mask: url(../img/00_common/arrow.svg) no-repeat center/contain;
  -webkit-transition: background-color 0.4s ease;
  transition: background-color 0.4s ease;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}

.c-banner__img img {
  aspect-ratio: 325/500;
  -o-object-fit: cover;
     object-fit: cover;
  height: auto;
}

/* ===============================================
# c-btn
=============================================== */

.c-btn {
  width: 13.3125rem;
  height: 3.25rem;
  border-radius: 0.25rem;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 0.6875rem 0 1.25rem;
  background: var(--c-black);
  color: var(--c-base);
  cursor: pointer;
}

.c-btn__arrow {
  width: 1.875rem;
  height: 1.875rem;
  background: var(--c-base);
  border-radius: 0.25rem;
  margin-left: 0.75rem;
  position: relative;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  cursor: pointer;
  pointer-events: none;
}

.c-btn__arrow::before {
  content: "";
  position: absolute;
  width: 0.9375rem;
  height: 0.625rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 0.4375rem;
  background-color: var(--c-black);
  -webkit-mask: url(../img/00_common/arrow.svg) no-repeat center/contain;
          mask: url(../img/00_common/arrow.svg) no-repeat center/contain;
  -webkit-transition: background-color 0.4s ease;
  transition: background-color 0.4s ease;
}

/* ===============================================
# blank
=============================================== */

.c-btn.c-btn--blank .c-btn__arrow::before {
  -webkit-mask: url(../img/00_common/icon_blank.svg) no-repeat center/contain;
          mask: url(../img/00_common/icon_blank.svg) no-repeat center/contain;
}

/* ===============================================
# c-btn large
=============================================== */

/* ===============================================
# MARK: c-btn disabled
=============================================== */

.c-btn.c-btn--disabled {
  cursor: not-allowed;
}

/* ===============================================
# c-btn wide
=============================================== */

/* ===============================================
# c-btn reverse
=============================================== */

.c-btn--reverse {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  padding: 0 1.25rem 0 0.6875rem;
}

.c-btn--reverse .c-btn__arrow {
  margin-left: 0;
  margin-right: 1.25rem;
}

.c-btn--reverse .c-btn__arrow::before {
  right: auto;
  left: 0.4375rem;
  -webkit-transform: translateY(-50%) scaleX(-1);
          transform: translateY(-50%) scaleX(-1);
}

/* ===============================================
# c-btn-entry
=============================================== */

.c-btn-entry {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.625rem;
  font-size: 0.875rem;
  height: 2.75rem;
  padding: 0.5rem 0.75rem;
  border-radius: 4px;
  align-items: center;
  background: -webkit-gradient(linear, left top, right top, from(var(--gradation01)), to(var(--gradation02)));
  background: linear-gradient(90deg, var(--gradation01) 0%, var(--gradation02) 100%);
  background-repeat: no-repeat;
  position: relative;
  z-index: 0;
  color: var(--c-sub-text);
  -webkit-transition: opacity 0.4s ease, visibility 0.4s ease;
  transition: opacity 0.4s ease, visibility 0.4s ease;
}

.c-btn-entry .text {
  color: var(--c-sub-text);
  pointer-events: none;
}

.c-btn-entry::after {
  pointer-events: none;
  content: "";
  background-color: currentColor;
  -webkit-mask: url(../img/00_common/icon_blank.svg) no-repeat center/contain;
          mask: url(../img/00_common/icon_blank.svg) no-repeat center/contain;
  -webkit-transition: background-color 0.4s ease;
  transition: background-color 0.4s ease;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 0.9375rem;
  height: 0.6875rem;
  pointer-events: none;
}

.c-btn-entry__hover {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.625rem;
  font-size: 0.875rem;
  height: 2.75rem;
  padding: 0.5rem 0.75rem;
  border-radius: 4px;
  align-items: center;
  background-color: var(--c-white);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  color: var(--c-sub-text);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  -webkit-transition: opacity 0.4s ease, visibility 0.4s ease;
  transition: opacity 0.4s ease, visibility 0.4s ease;
}

.c-btn-entry__hover .text {
  background: -webkit-gradient(linear, left top, right top, from(var(--gradation01)), to(var(--gradation02)));
  background: linear-gradient(90deg, var(--gradation01) 0%, var(--gradation02) 100%);
  background-repeat: no-repeat;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;
}

.c-btn-entry__hover .icon {
  content: "";
  display: block;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 0.9375rem;
  height: 0.6875rem;
}

/* Entry button disabled state */
.c-btn-entry.is-disabled,
.l-header__drawer-item--entry.is-disabled .text {
  cursor: not-allowed;
  pointer-events: none;
}

.l-header__nav-item--entry.is-disabled .c-btn-entry__hover {
  display: none;
}

/* ===============================================
# l-contact-link
=============================================== */

.c-contact-links {
  padding: 6.25rem 0 5rem;
}

.c-contact-links__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.c-contact-links__title {
  font-family: "ATK-Studio-Tiposka", sans-serif;
  font-size: 3rem;
  line-height: normal;
}

/* contact-link
-------------------------------------*/

.c-contact-links__text {
  margin-top: 1.25rem;
  font-size: 0.9375rem;
  font-weight: 500;
  line-height: 2.13;
}

.c-contact-links__contact {
  border: 1px solid var(--c-black);
  overflow: hidden;
  max-width: 35.625rem;
  border-radius: 0.5rem;
  margin-top: 3.75rem;
  padding: 1.5625rem 0;
  position: relative;
}

.c-contact-links__contact .swiper-container {
  pointer-events: none;
}

.c-contact-links__mouseStalker {
  position: absolute;
  display: block;
  left: -2.9375rem;
  top: -2.9375rem;
  width: 5.875rem;
  height: auto;
  aspect-ratio: 1/1;
  cursor: initial;
  z-index: -1;
  -webkit-transition: -webkit-transform 0.3s linear;
  transition: -webkit-transform 0.3s linear;
  transition: transform 0.3s linear;
  transition: transform 0.3s linear, -webkit-transform 0.3s linear;
}

.c-contact-links__mouseStalker::before {
  content: "";
  display: block;
  background-color: var(--gradation01);
  will-change: filter;
  -webkit-filter: blur(25px);
          filter: blur(25px);
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  -webkit-animation-name: scale;
          animation-name: scale;
  -webkit-animation-fill-mode: backwards;
          animation-fill-mode: backwards;
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-direction: normal;
          animation-direction: normal;
  -webkit-animation-timing-function: ease;
          animation-timing-function: ease;
}

@-webkit-keyframes scale {
  0% {
    -webkit-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1);
  }

  50% {
    -webkit-transform: translate(-50%, -50%) scale(0.8);
            transform: translate(-50%, -50%) scale(0.8);
  }

  100% {
    -webkit-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1);
  }
}

@keyframes scale {
  0% {
    -webkit-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1);
  }

  50% {
    -webkit-transform: translate(-50%, -50%) scale(0.8);
            transform: translate(-50%, -50%) scale(0.8);
  }

  100% {
    -webkit-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1);
  }
}

.c-contact-links__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 0 2rem;
  margin-top: 1rem;
}

.c-section__title.c-contact-links__title {
  font-size: 2.625rem;
}

.c-contact-links__contact-text {
  font-size: 0.9375rem;
  line-height: 2.13;
}

.c-contact-links__link {
  margin-top: 1.5rem;
}

/* Newsletter
-------------------------------------*/

.c-contact-links__submit {
  margin-top: 2rem;
}

/* loop アニメーション
-------------------------------------*/

.c-contact-links__contact .swiper-slide {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.c-contact-links__loop-item {
  font-family: "ATK-Studio-Tiposka", sans-serif;
  font-size: 7.5rem;
  width: 55.625rem;
  line-height: 1;
  padding-inline: 0.625rem;
}

.c-contact-links__wrapper {
  -webkit-transition-timing-function: linear;
          transition-timing-function: linear;
}

/* ===============================================
# 404
=============================================== */

.c-404 {
  margin-top: 11.5625rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-align: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  font-weight: 400;
}

.c-404__404 {
  margin-top: 0.215rem;
  font-size: 5.468125rem;
  line-height: 1.2;
  font-family: "ATK-Studio-Tiposka", sans-serif;
}

.c-404__404-text {
  margin-top: 0.215rem;
  font-size: 3.125rem;
  line-height: 1.2;
  font-family: "ATK-Studio-Tiposka", sans-serif;
  text-transform: capitalize;
}

.c-404__text {
  margin: 3.9725rem auto 0;
  font-size: 1rem;
  line-height: 1.15;
  white-space: nowrap;
}

/* ===============================================
# c-form
=============================================== */

.c-form__wrapper {
  max-width: 54.75rem;
  margin: 3.75rem auto 0;
}

.c-form {
  margin-top: 3.75rem;
  background: var(--c-base-dark);
  padding: 3.75rem 1.25rem;
  border-radius: 0.5rem;
}

.c-form__text {
  font-size: 0.9375rem;
  line-height: 2.1333333333;
}

.c-form__attention-warp {
  display: block;
  margin-top: 1.25rem;
  color: var(--c-main-text);
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 2;
}

.c-form__row + .c-form__row {
  margin-top: 3.75rem;
}

.c-form__label {
  font-size: 1.125rem;
  line-height: 1;
  font-weight: 600;
}

.c-form__input,
.c-form__select {
  font-size: 1rem;
  border-radius: 0.5rem;
}

.c-form__select select {
  border: none;
}

.c-form__required {
  color: var(--c-error);
  font-size: 1.125rem;
}

.c-form__body {
  position: relative;
  z-index: 0;
  margin-top: 1rem;
}

.c-form__input.--explanation {
  height: 18rem;
}

/*
    //同一項目で入力フォームが分かれているもの
    -------------------------------------*/

.c-form__input.--separate + .c-form__input.--separate {
  margin-top: 1.25rem;
}

.c-form__validation {
  display: block;
  margin-top: 4px;
  top: 100%;
  left: 0;
  color: var(--c-error);
  font-size: 12px;
  position: absolute;
  left: 0;
  bottom: 0;
  word-break: keep-all;
}

/* checkbox radio
-------------------------------------*/

.c-form__body.--checkbox,
.c-form__body.--radio {
  margin-top: 0.5rem;
}

.c-form__checkbox-wrap .wpcf7-form-control.wpcf7-checkbox,
.c-form__radio-wrap .wpcf7-form-control.wpcf7-radio {
  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: 1rem 1.25rem;
}

.c-form__checkbox-wrap label input[type=checkbox],
.c-form__checkbox-wrap label input[type=radio],
.c-form__radio-wrap label input[type=checkbox],
.c-form__radio-wrap label input[type=radio],
.c-form__row--agreement label input[type=checkbox],
.c-form__row--agreement label input[type=radio] {
  display: none;
}

.c-form__checkbox-wrap label .wpcf7-list-item-label,
.c-form__radio-wrap label .wpcf7-list-item-label,
.c-form__row--agreement label .wpcf7-list-item-label {
  display: inline-block;
  padding-left: 1.5rem;
  font-size: 1rem;
  position: relative;
  line-height: 2;
}

.c-form__checkbox-wrap label .wpcf7-list-item-label::before,
.c-form__radio-wrap label .wpcf7-list-item-label::before,
.c-form__row--agreement label .wpcf7-list-item-label::before {
  content: "";
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 0;
  width: 1rem;
  height: 1rem;
  background: var(--c-white);
  border-radius: 2px;
}

.c-form__checkbox-wrap label .wpcf7-list-item-label::after,
.c-form__radio-wrap label .wpcf7-list-item-label::after,
.c-form__row--agreement label .wpcf7-list-item-label::after {
  content: "";
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 0.25rem;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 0.125rem;
  background: var(--c-main-text);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.1s ease, visibility 0.1s ease;
  transition: opacity 0.1s ease, visibility 0.1s ease;
}

.c-form__checkbox-wrap label:hover,
.c-form__radio-wrap label:hover,
.c-form__row--agreement label:hover {
  cursor: pointer;
}

.c-form__checkbox-wrap label span,
.c-form__radio-wrap label span,
.c-form__row--agreement label span {
  margin: 0;
}

.c-form__checkbox-wrap label input[type=checkbox]:checked + .wpcf7-list-item-label::after,
.c-form__checkbox-wrap label input[type=radio]:checked + .wpcf7-list-item-label::after,
.c-form__radio-wrap label input[type=checkbox]:checked + .wpcf7-list-item-label::after,
.c-form__radio-wrap label input[type=radio]:checked + .wpcf7-list-item-label::after,
.c-form__row--agreement label input[type=checkbox]:checked + .wpcf7-list-item-label::after,
.c-form__row--agreement label input[type=radio]:checked + .wpcf7-list-item-label::after {
  opacity: 1;
  visibility: visible;
}

/* select
-------------------------------------*/

.c-form__select-wrap {
  position: relative;
}

.c-form__select-wrap::after {
  content: "";
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 0.9375rem;
  width: 0;
  height: 0;
  border-style: solid;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  border-top: 9px solid var(--c-main-text);
  border-bottom: 0;
  pointer-events: none;
}

/* プライバシーポリシー・規約同意
-------------------------------------*/

.c-form__row.c-form__row--agreement {
  text-align: center;
  font-size: 0.9375rem;
}

.c-form__row.c-form__row--agreement + .c-form__row--agreement {
  margin-top: 1rem;
}

/* LINK
-------------------------------------*/

.c-form__link {
  color: var(--c-blue);
}

/* デフォルト初期化
-------------------------------------*/

input[type=text],
input[type=email],
input[type=url],
textarea {
  width: 100%;
  height: auto;
  padding: 1rem 1.5rem;
  font-size: 1rem;
  line-height: 1.5;
  background: var(--c-base-dark);
  display: block;
}

input[type=text]::-webkit-input-placeholder, input[type=email]::-webkit-input-placeholder, input[type=url]::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
  color: #ababab;
  font-size: 0.875rem;
}

input[type=text]::-moz-placeholder, input[type=email]::-moz-placeholder, input[type=url]::-moz-placeholder, textarea::-moz-placeholder {
  color: #ababab;
  font-size: 0.875rem;
}

input[type=text]:-ms-input-placeholder, input[type=email]:-ms-input-placeholder, input[type=url]:-ms-input-placeholder, textarea:-ms-input-placeholder {
  color: #ababab;
  font-size: 0.875rem;
}

input[type=text]::-ms-input-placeholder, input[type=email]::-ms-input-placeholder, input[type=url]::-ms-input-placeholder, textarea::-ms-input-placeholder {
  color: #ababab;
  font-size: 0.875rem;
}

input[type=text]::placeholder,
input[type=email]::placeholder,
input[type=url]::placeholder,
textarea::placeholder {
  color: #ababab;
  font-size: 0.875rem;
}

textarea {
  height: 12.5rem;
}

input[type=submit],
input[type=button] {
  border-radius: 0px;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  -moz-appearance: button;
       appearance: button;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer;
  background: transparent;
}

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

select {
  width: 100%;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  border: 1px solid var(--c-white);
  font-size: 0.9375rem;
  line-height: 2.1333333333;
  grid-row: 500;
  border-radius: 0.5rem;
  padding: 1rem 1.5rem 1rem 2.375rem;
  color: var(--c-main-text);
  outline: none;
  background: transparent;
  background: var(--c-base-dark);
}

select:hover {
  cursor: pointer;
}

/* フォーカス時のoutline
-------------------------------------*/

.c-form__body {
  position: relative;
  z-index: 0;
}

.c-form__body::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  display: block;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  pointer-events: none;
  border-radius: 0.5625rem;
  z-index: -1;
  background: -webkit-gradient(linear, left top, right top, from(var(--gradation01)), to(var(--gradation02)));
  background: linear-gradient(90deg, var(--gradation01) 0%, var(--gradation02) 100%);
  background-repeat: no-repeat;
}

.c-form__body.--textarea::before {
  width: calc(100% + 2px);
  height: calc(100% + 2px);
}

.c-form__select select,
.c-form__input,
.c-form__textarea {
  width: 100%;
  outline: 1px solid rgba(var(--c-main-text-rgb), 1);
  -webkit-transition: outline 0.3s ease;
  transition: outline 0.3s ease;
  border-radius: 0.5rem;
}

.c-form__select select:focus,
.c-form__input:focus,
.c-form__textarea:focus {
  outline: 1px solid rgba(var(--c-main-text-rgb), 0) !important;
}

.c-form__body.--file label {
  cursor: pointer;
  -webkit-transition: outline 0.3s ease;
  transition: outline 0.3s ease;
}

.c-form__body.--file::before,
.c-form__body.--checkbox::before,
.c-form__body.--radio::before {
  display: none;
}

/* newsletter
-------------------------------------*/

.c-form__newsletter {
  margin-top: 0.625rem;
}

.c-form__body--newsletter {
  width: 100%;
  position: relative;
  z-index: 0;
}

.c-form__input.--newsletter {
  border: none;
  border-bottom: 1px solid var(--c-black);
  border-radius: 0;
  padding: 0.75rem 0;
  font-size: 1.25rem;
  background: transparent;
  outline: none !important;
  -webkit-transition: none;
  transition: none;
}

.c-form__input.--newsletter::-webkit-input-placeholder {
  color: var(--c-black);
}

.c-form__input.--newsletter::-moz-placeholder {
  color: var(--c-black);
}

.c-form__input.--newsletter:-ms-input-placeholder {
  color: var(--c-black);
}

.c-form__input.--newsletter::-ms-input-placeholder {
  color: var(--c-black);
}

.c-form__input.--newsletter::placeholder {
  color: var(--c-black);
}

.c-form__row--submit,
.c-form__row--prev {
  text-align: center;
  margin-top: 1.5rem;
}

.c-form__submit:has(input:disabled) {
  cursor: not-allowed;
}

.c-form__row--prev {
  cursor: pointer;
}

/* ===============================================
# comfirm
=============================================== */

.c-form--confirm .c-form__body::before {
  display: none;
}

.c-form--confirm .c-form__row:not(:first-of-type) {
  margin-top: 2rem;
  padding-top: 2rem;
  border-top: 1px solid rgba(112, 112, 112, 0.2);
}

.c-form--confirm .p-entry__row--file {
  display: block;
}

.c-form--confirm .p-entry__row--file .c-form__row:nth-of-type(1) {
  margin-top: 0;
  padding-top: 0;
  border-top: none;
}

.c-form--confirm .p-entry__row--file .c-form__row:nth-of-type(2) {
  margin-top: 2rem;
}

.c-form--confirm .p-entry__file {
  width: auto;
  height: auto;
  border: none;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.c-form--confirm .p-entry__file-text {
  padding-left: 0;
}

.c-form--confirm .p-entry__file-text::before {
  display: none;
}

.c-form--confirm .c-form__select::after {
  display: none;
}

.c-form--confirm .c-form__row--agreement {
  display: none;
}

/* ===============================================
# cf7
=============================================== */

div.wpcf7 .wpcf7-spinner {
  display: none !important;
}

div.wpcf7 .wpcf7-not-valid-tip {
  display: none !important;
}

div.wpcf7 .wpcf7-response-output {
  display: none !important;
}

div.wpcf7 .wpcf7-list-item {
  margin-left: 0 !important;
}

/* ===============================================
# c-pagination
=============================================== */

.p-page-news .c-pagination,
.p-creators-archive__pagination .c-pagination {
  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: 0.875rem;
  margin-top: 3.5rem;
}

.p-page-news .page-numbers,
.p-creators-archive__pagination .page-numbers {
  color: var(--c-gray);
  font-size: 0.875rem;
  padding: 0.5rem 0.5rem;
  -webkit-transition: color var(--hover-transition);
  transition: color var(--hover-transition);
  /* hover */
}

.p-page-news .page-numbers.current,
.p-creators-archive__pagination .page-numbers.current {
  color: var(--c-main-text);
}

.p-page-news .prev,
.p-page-news .next,
.p-creators-archive__pagination .prev,
.p-creators-archive__pagination .next {
  width: 2.5rem;
  height: 2.5rem;
  padding-block: 0;
}

.p-page-news .c-pagination__prev-arrow,
.p-page-news .c-pagination__next-arrow,
.p-creators-archive__pagination .c-pagination__prev-arrow,
.p-creators-archive__pagination .c-pagination__next-arrow {
  display: inline-block;
  width: 2.5rem;
  height: 2.5rem;
  border: 1px solid var(--c-main-text);
  border-radius: 0.25rem;
  position: relative;
  -webkit-transition: background-color 0.4s ease;
  transition: background-color 0.4s ease;
}

.p-page-news .c-pagination__prev-arrow::before,
.p-page-news .c-pagination__next-arrow::before,
.p-creators-archive__pagination .c-pagination__prev-arrow::before,
.p-creators-archive__pagination .c-pagination__next-arrow::before {
  content: "";
  position: absolute;
  width: 1rem;
  height: 0.625rem;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background-color: var(--c-main-text);
  -webkit-mask: url(../img/00_common/arrow.svg) no-repeat center/contain;
          mask: url(../img/00_common/arrow.svg) no-repeat center/contain;
  -webkit-transition: background-color 0.4s ease;
  transition: background-color 0.4s ease;
}

.p-page-news .c-pagination__prev-arrow::after,
.p-page-news .c-pagination__next-arrow::after,
.p-creators-archive__pagination .c-pagination__prev-arrow::after,
.p-creators-archive__pagination .c-pagination__next-arrow::after {
  content: "";
  position: absolute;
  inset: 0;
  background: -webkit-gradient(linear, left top, right top, from(var(--gradation01)), to(var(--gradation02)));
  background: linear-gradient(90deg, var(--gradation01) 0%, var(--gradation02) 100%);
  background-repeat: no-repeat;
  border-radius: 0.25rem;
  z-index: -1;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity var(--hover-transition), visibility var(--hover-transition);
  transition: opacity var(--hover-transition), visibility var(--hover-transition);
}

.p-page-news .c-pagination__prev-arrow::before,
.p-creators-archive__pagination .c-pagination__prev-arrow::before {
  -webkit-transform: translate(-50%, -50%) rotate(180deg);
          transform: translate(-50%, -50%) rotate(180deg);
}

/* ===============================================
# c-section
=============================================== */

.c-section {
  padding-top: 9.125rem;
}

.c-section__title {
  font-size: 3rem;
  font-family: "ATK-Studio-Tiposka", sans-serif;
  line-height: normal;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.c-contact-links__title.c-section__title{
  flex-direction: row;
}

.c-section__title--jp {
  display: block;
  margin-top: 1rem;
  font-family: "YakuHanJP", "sofia-pro", "dnp-shuei-gothic-gin-std", sans-serif;
  font-size: 0.875rem;
  font-weight: 600;
}

.c-section__content-title {
  font-size: 2.25rem;
  font-family: "ATK-Studio-Tiposka", sans-serif;
  line-height: normal;
  display: flex;
  flex-direction: column;
}

.c-section__content-title-inner {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0;
}

.c-section__content-title--jp {
  display: block;
  margin-top: 0.75rem;
  font-family: "YakuHanJP", "sofia-pro", "dnp-shuei-gothic-gin-std", sans-serif;
  font-size: 0.8125rem;
  font-weight: 600;
}

.c-section__content-title--white {
  color: var(--c-white);
}

/* ===============================================
# c-terms
=============================================== */

/* ===============================================
# top-about
=============================================== */
.pin-spacer{
  width: auto !important;
  height: auto !important;
  padding: 0 !important;
}

.p-top-about {
  overflow: hidden;
  position: relative !important;
  z-index: 0;
  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;
  /* height: 100dvh; スクロール固定の演出を削除 */
  height: auto !important;
  padding-top: 0 !important;
  padding-bottom: 42px !important;
  /* JavaScriptによる固定を無効化 */
  transform: none !important;
  will-change: auto !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  bottom: auto !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

@media (max-width: 768px) {
  .p-top-about {
    padding-bottom: 10px !important;
  }
}

.p-top-about .p-top-about__vis rect {
  -webkit-clip-path: inset(0 100% 0 0);
          clip-path: inset(0 100% 0 0);
}

.p-top-about .p-top-about__inner {
  /* opacity: 0; 削除された要素のアニメーションを無効化 */
  /* visibility: hidden; 削除された要素のアニメーションを無効化 */
  opacity: 1 !important;
  visibility: visible !important;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  transform: none !important;
}

.p-top-about .js-about-text-anim {
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  overflow: hidden;
  padding: 0.25rem 0.625rem;
  background-color: var(--c-white);
  -webkit-hyphens: manual;
  -ms-hyphens: manual;
  hyphens: manual;
}

.p-top-about__vis {
  width: 100%;
  max-width: 1440px;
  margin-inline: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: -2;
}

.p-top-about__vis svg {
  width: 50.625rem;
  position: relative;
  z-index: 0;
  left: 50%;
  -webkit-transform: translateX(-42%);
          transform: translateX(-42%);
}

.p-top-about__vis-text {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 18.125rem;
  margin-inline: auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  font-size: 2.0625rem;
  line-height: 1.2065217391;
  font-family: "ATK-Studio-Tiposka", sans-serif;
}

.p-top-about__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.p-top-about__heading {
  font-size: 1.375rem;
  line-height: 1;
  font-family: "ATK-Studio-Tiposka", sans-serif;
}

.p-top-about__catch {
  font-size: 2rem;
  margin-top: 2rem;
  font-weight: 600;
  line-height: 1.6;
}

.p-top-about__catch-sub {
  margin-top: 1.5rem;
  font-size: 0.875rem;
  line-height: 1.6;
  font-family: "sofia-pro", serif;
}

.p-top-about__body {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-top: 2rem;
}

.p-top-about__text {
  font-size: 0.875rem;
}

.p-top-about__btn {
  margin-top: 2.5rem;
}

.p-top-about__scrolling-text {
  overflow: hidden;
  width: 100%;
  margin-top: 49px;
  position: relative;
}

.p-top-about__scrolling-text-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  white-space: nowrap;
  will-change: transform;
}

.p-top-about__scrolling-text-item {
  font-size: 84px;
  font-weight: 400;
  color: #3D3D3D;
  font-family: "ATK-Studio-Tiposka", sans-serif;
  padding-right: 2rem;
  white-space: nowrap;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: inline-block;
  line-height: 1;
}

/* ===============================================
# p-top-datetime
=============================================== */

.p-top-datetime {
  position: fixed;
  bottom: 20px;
  left: 20px;
  z-index: 1000;
  font-family: "ATK-Studio-Tiposka", sans-serif;
  font-size: 11px;
  line-height: 1.2;
  color: var(--c-black);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  pointer-events: none;
  -webkit-transition: color 0.4s ease;
  transition: color 0.4s ease;
  opacity: 0;
  visibility: hidden;
}

.p-top-datetime.is-visible {
  opacity: 1;
  visibility: visible;
}

@media (max-width: 768px) {
  .p-top-datetime{
    display: none;
  }
}

/* ===============================================
# home-common
=============================================== */

/* ===============================================
# top-fv
=============================================== */

.p-top-fv {
  overflow: hidden;
  padding-block: 5.5rem 0;
  position: relative;
  z-index: 0;
}

.p-top-fv .js-fv-text-anim {
  display: inline-block;
  opacity: 0;
  visibility: hidden;
}

.p-top-fv__inner {
  max-width: 30rem;
  width: 100%;
  margin-inline: auto;
  padding-inline: 25px;
}

.p-top-fv__main {
  overflow: hidden;
}

.p-top-fv__title {
  margin-inline: auto;
  -webkit-clip-path: inset(0 100% 0 0);
          clip-path: inset(0 100% 0 0);
}

.p-top-fv__sub-title {
  display: block;
  margin-top: 2rem;
  width: 100%;
  margin-inline: auto;
  -webkit-clip-path: inset(0 100% 0 0);
          clip-path: inset(0 100% 0 0);
}

.p-top-fv__sub-wrap {
  display: block;
  width: 100%;
  margin-inline: auto;
  aspect-ratio: 1116/95;
  overflow: hidden;
}

.p-top-fv__sub-wrap svg path {
  display: block;
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
}

.p-top-fv__sub-wrap:nth-of-type(3) {
  aspect-ratio: 1116/95;
}

.p-top-fv__foot {
  margin-top: 1.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 2rem;
}

.p-top-fv__sub {
  font-size: 1.125rem;
  line-height: 1.8;
  font-weight: 400;
}

/* modifier */

.p-top-fv__sub .p-top-fv__sub--large {
  font-size: 1.625rem;
  font-weight: 700;
  line-height: 1.4;
}

.p-top-fv__runby-label {
  font-size: 0.75rem;
  line-height: 1;
  font-family: "ATK-Studio-Tiposka", sans-serif;
}

.p-top-fv__runby-wrap {
  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;
  margin-top: 1.25rem;
}

.p-top-fv__runby-logo {
  display: block;
  height: auto;
}

.p-top-fv__runby-logo--makers {
  width: 7.5625rem;
  aspect-ratio: 142/31;
}

.p-top-fv__runby-logo--ndl {
  width: 3.8125rem;
  aspect-ratio: 72/28;
}

.p-top-fv__runby-logo--worldmap {
  width: 6.375rem;
  aspect-ratio: 120/37;
}

/* ===============================================
# top-loading
=============================================== */

.p-top-loading {
  display: block;
  position: fixed;
  inset: 0;
  background-color: var(--loading-bg);
  z-index: 9999;
}

.p-top-loading__inner {
  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;
  height: 100%;
  padding-block: 2rem;
}

.p-top-loading__logo {
  width: 10.1875rem;
}

.p-top-loading__progress {
  display: block;
  width: 10.125rem;
  margin-inline: auto;
  position: relative;
  z-index: 0;
}

.p-top-loading__progress img {
  aspect-ratio: 228/81;
  -o-object-fit: contain;
     object-fit: contain;
  height: auto;
}

/* ローディング進捗の色を変更する場合は、.p-top-loading__progress-maskにfilterプロパティを追加してください */
/* 例: filter: brightness(0) saturate(100%) invert(27%) sepia(100%) saturate(5000%) hue-rotate(0deg); */

.p-top-loading__progress img.p-top-loading__progress-mask {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  -webkit-clip-path: inset(0 100% 0 0);
          clip-path: inset(0 100% 0 0);
  z-index: 10;
}

.p-top-loading__progress::after {
  content: "";
  position: absolute;
  display: block;
  top: -1.25rem;
  left: 100%;
  -webkit-transform: translate(0, -100%);
          transform: translate(0, -100%);
  width: 5rem;
  height: auto;
  aspect-ratio: 87/20;
  background-image: url(../img/00_common/loading.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

.p-top-loading__percentage {
  font-size: 4rem;
  font-family: "ATK-Studio-Tiposka", sans-serif;
  line-height: 1;
  text-align: right;
  color: var(--loading-text);
}

/* ===============================================
# top-news
=============================================== */

.p-top-news {
  padding-top: 6.25rem;
  padding-bottom: 6.25rem;
}

.p-top-news__container {
  margin-top: 3.1875rem;
}

.p-top-news__items {
  width: 100%;
}

.p-top-news__item {
  width: inherit;
}

.p-top-news__item + .p-top-news__item {
  margin-top: 3.1875rem;
}

.p-top-news__link {
  width: inherit;
  display: block;
  padding-block: 2.5rem;
  padding-inline: 1.25rem 3.375rem;
  border: 1px solid currentColor;
  border-radius: 0 0.5rem 0.5rem 0.5rem;
  position: relative;
  z-index: 0;
  -webkit-transition: border 0.4s ease, color 0.4s ease, -webkit-transform 0.4s ease;
  transition: border 0.4s ease, color 0.4s ease, -webkit-transform 0.4s ease;
  transition: border 0.4s ease, transform 0.4s ease, color 0.4s ease;
  transition: border 0.4s ease, transform 0.4s ease, color 0.4s ease, -webkit-transform 0.4s ease;
  -webkit-transform: translate(0rem, 0.5rem);
          transform: translate(0rem, 0.5rem);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.5rem;
  background: -webkit-gradient(linear, left top, right top, from(var(--gradation01)), to(var(--gradation02)));
  background: linear-gradient(90deg, var(--gradation01) 0%, var(--gradation02) 100%);
  background-repeat: no-repeat;
}

.p-top-news__link::before {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  z-index: -1;
  background-color: var(--c-base);
  border-radius: 0 0.4375rem 0.4375rem 0.4375rem;
  top: 0;
  left: 0;
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity 0.4s ease, visibility 0.4s ease;
  transition: opacity 0.4s ease, visibility 0.4s ease;
}

.p-top-news__link::after {
  content: "";
  position: absolute;
  display: block;
  right: 1.25rem;
  width: 0.75rem;
  height: 1.25rem;
  top: 50%;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  z-index: 20;
  background-color: currentColor;
  -webkit-mask: url(../img/00_common/arrow.svg) no-repeat center/contain;
          mask: url(../img/00_common/arrow.svg) no-repeat center/contain;
}

.p-top-news__label {
  position: absolute;
  top: 0;
  left: 0;
  background-color: var(--c-black);
  font-size: 1rem;
  line-height: 1;
  border-radius: 0.125rem;
  padding: 0.375rem 0.5rem;
  color: var(--c-white);
  -webkit-transition: color 0.4s ease, -webkit-transform 0.4s ease;
  transition: color 0.4s ease, -webkit-transform 0.4s ease;
  transition: color 0.4s ease, transform 0.4s ease;
  transition: color 0.4s ease, transform 0.4s ease, -webkit-transform 0.4s ease;
  -webkit-transform: translate(-1px, -70%);
          transform: translate(-1px, -70%);
  pointer-events: none;
}

.p-top-news__date {
  font-size: 0.9375rem;
  line-height: 1;
}

.p-top-news__title {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-size: 0.9375rem;
}

/* ===============================================
# top-sponsors
=============================================== */

.p-top-sponpors {
  -webkit-padding-before: 6.25rem;
          padding-block-start: 6.25rem;
}

.p-top-sponpors__container {
  -webkit-margin-before: 2.5rem;
          margin-block-start: 2.5rem;
}

.p-top-sponpors__items {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.25rem;
}

.p-top-sponpors__item {
  background-color: var(--c-white);
  border-radius: 1.25rem;
  overflow: hidden;
  position: relative;
  z-index: 0;
}

.p-top-sponpors__item img {
  aspect-ratio: 352/245;
  -o-object-fit: cover;
     object-fit: cover;
  height: auto;
  -webkit-transition: scale var(--hover-transition);
  transition: scale var(--hover-transition);
}

.p-top-sponpors__link {
  position: absolute;
  inset: 0;
  z-index: 1;
  /* hover */
}

.p-top-sponpors__term {
  position: absolute;
  z-index: 1;
  top: 1rem;
  left: 1rem;
  font-family: "sofia-pro", serif;
  font-weight: 500;
  font-size: 1rem;
  line-height: 1.1875;
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  text-decoration-line: underline;
  text-decoration-color: currentColor;
  text-decoration-thickness: 1px;
  text-underline-offset: 0.1875rem;
  -webkit-text-decoration-skip-ink: none;
          text-decoration-skip-ink: none;
}

/* ===============================================
# home-common
=============================================== */

/* ===============================================
# p-about-community
=============================================== */

.p-about-community {
  padding-top: 6.25rem;
}

.p-about-community__container {
  margin-top: 2.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 3.75rem;
}

.p-about-community__wrap {
  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;
  gap: 2rem;
}

.p-about-community__title {
  font-size: 1.75rem;
  font-weight: 500;
  line-height: 1.6;
}

.p-about-community__text {
  margin-top: 1.5rem;
}

.p-about-community__btn {
  margin-top: 2rem;
}

.p-about-community__img {
  width: 100%;
}

/* ===============================================
# p-about-fv
=============================================== */

.p-about-fv {
  overflow: hidden;
}

.p-about-fv__box{
  position: relative;
}

.p-about-fv__balloons{
  position: relative;
  z-index: 1;
}

.p-about-fv__typing-showcase{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.p-about-fv__vis {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.p-about-fv__vis svg rect {
  -webkit-clip-path: inset(0 100% 0 0);
          clip-path: inset(0 100% 0 0);
}

.p-about-fv__head {
  display: contents;
  opacity: 1;
  visibility: visible;
}

.p-about-fv__catch {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  font-size: 2rem;
  line-height: 1.53125;
  font-weight: 700;
}

.p-about-fv__img {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  margin-top: 0;
  margin-left: -25px;
}

.p-about-fv__img svg {
  width: 100%;
  max-width: 45rem;
}

.p-about-fv__lead {
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
  margin-top: 2rem;
  opacity: 1;
  visibility: visible;
}

.p-about-fv__text + .p-about-fv__text {
  margin-top: 2.5rem;
}

.p-about-fv__text br{
  display: none;
}

/* ===============================================
# p-about-management
=============================================== */

.p-about-management {
  padding-top: 6.25rem;
}

.p-about-management__container {
  margin-top: 2.5rem;
  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;
  gap: 2rem;
}

.p-about-management__title {
  font-size: 1.75rem;
  font-weight: 500;
  line-height: 1.6;
}

.p-about-management__text {
  margin-top: 1.5rem;
}

.p-about-management__btn {
  margin-top: 2rem;
}

.p-about-management__img {
  width: 100%;
}

/* ===============================================
# p-about-slider
=============================================== */

.p-about-slider {
  padding-top: 5rem;
  overflow: hidden;
}

.p-about-slider .swiper,
.p-about-slider .p-about-slider-swiper {
  overflow: visible;
  margin-inline: calc(50% - 50vw);
}

.p-about-slider__wrapper {
  display: flex;
  will-change: transform;
}

.p-about-slider__slide {
  width: 19.5rem;
  padding-inline: 0.625rem;
  position: relative;
  z-index: 0;
  flex-shrink: 0;
}

.p-about-slider__slide img {
  aspect-ratio: 292/164;
  -o-object-fit: cover;
     object-fit: cover;
  height: auto;
}

.p-about-slider__slide::before {
  /* マスクを削除 */
  display: none;
}

.p-about-slider__slide.is-active::before {
  /* マスクを削除 */
  display: none;
}

/* ===============================================
# p-about-venn-diagram
=============================================== */
.p-about-venn-diagram{
  padding-top: 6.25rem;
}

.p-about-venn-diagram__container{
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 34px;
}

.venn-diagram__wrap{
  width: 100%;
}

.venn-diagram__content{
  width: 100%;
}

.venn-diagram__title{
  font-size: 32px;
  margin-bottom: 40px;
  font-weight: 600;
  line-height: 160%;
  display: flex;
  flex-direction: column;
}

.venn-diagram__text br{
  display: none;
}

.venn-diagram__text{
  margin-bottom: 32px;
  font-size: 15px;
}

/* ===============================================
# p-sponsors-benefits
=============================================== */

.p-sponsors-benefits {
  padding-block: 5rem;
}

.p-sponsors-benefits__inner {
  max-width: 30rem;
  margin-inline: auto;
  position: relative;
  z-index: 0;
  padding-inline: 25px;
}

.p-sponsors-benefits__bg-grad {
  display: block;
  position: absolute;
  z-index: -1;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -webkit-filter: blur(4.375rem);
          filter: blur(4.375rem);
  will-change: filter;
  opacity: 0;
  visibility: hidden;
  background: -webkit-gradient(linear, left top, right top, from(var(--gradation01)), to(var(--gradation02)));
  background: linear-gradient(90deg, var(--gradation01) 0%, var(--gradation02) 100%);
  background-repeat: no-repeat;
}

.p-sponsors-benefits__container {
  position: relative;
  z-index: 1;
  background-color: var(--c-base-dark);
  padding-block: 2rem;
  padding-inline: 1.75rem;
  border-radius: 1.25rem;
}

.p-sponsors-benefits__items {
  display: grid;
  grid-template-columns: 1fr;
  gap: 2.5rem;
}

.p-sponsors-benefits__item {
  position: relative;
  z-index: 0;
}

.p-sponsors-benefits__img {
  width: 12.5rem;
  margin-inline: auto;
}

.p-sponsors-benefits__title {
  font-size: 1.5rem;
  line-height: 1.6;
  font-weight: 700;
  margin-top: 1rem;
}

.p-sponsors-benefits__text {
  font-size: 0.9375rem;
  margin-top: 1.25rem;
}

/* ===============================================
# p-sponsors-faq
=============================================== */

.p-sponsors-faq__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.p-sponsors-faq__heading {
  padding-top: 6.25rem;
}

.p-sponsors-faq__content {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding-top: 3.375rem;
}

/* ===============================================
# p-sponsors-flow
=============================================== */

.p-sponsors-flow__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.p-sponsors-flow__heading {
  padding-top: 6.25rem;
}

.p-sponsors-flow__content {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding-top: 3.375rem;
}

.p-sponsors-flow__items {
  counter-reset: flowNum 0;
}

.p-sponsors-flow__item {
  counter-increment: flowNum 1;
  padding-bottom: 2rem;
  border-bottom: 1px solid #707070;
}

.p-sponsors-flow__item + .p-sponsors-flow__item {
  margin-top: 2rem;
}

.p-sponsors-flow__label {
  font-size: 1.375rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-transform: capitalize;
}

.p-sponsors-flow__label::before {
  content: "";
  display: inline-block;
  width: 0.625rem;
  height: auto;
  aspect-ratio: 1/1;
  background-color: var(--c-white);
  margin-right: 0.5rem;
}

.p-sponsors-flow__label::after {
  content: counter(flowNum, decimal-leading-zero);
  display: inline-block;
  font-size: 1em;
}

.p-sponsors-flow__title {
  line-height: 1.6;
  font-size: 1.75rem;
  margin-top: 1.5rem;
}

.p-sponsors-flow__text {
  font-size: 0.9375rem;
  margin-top: 1.5rem;
}

/* ===============================================
# p-sponsors-fv
=============================================== */

.p-sponsors-fv__vis {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 2rem;
  margin-top: 4rem;
}

.p-sponsors-fv__head {
  font-size: 2rem;
  line-height: 1.53125;
  font-weight: 700;
}

.p-sponsors-fv__btn {
  margin-top: 2rem;
}

.p-sponsors-fv__container {
  margin-top: 3.125rem;
  background-color: var(--c-white);
  border-radius: 1rem 0 0 1rem;
  padding-block: 1.5rem;
  margin-inline: 0 calc(50% - 50vw + 10px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1.5rem;
}

.p-sponsors-fv__items {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.p-sponsors-fv__items.swiper-wrapper {
  -webkit-transition-timing-function: linear;
          transition-timing-function: linear;
}

.p-sponsors-fv__item {
  padding-inline: 1.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;
  max-height: 1.5rem;
  width: auto;
}

.p-sponsors-fv__item img {
  max-height: inherit;
  height: auto;
  width: auto;
}

/* ===============================================
# p-sponsors-plans
=============================================== */

.p-sponsors-plans {
  padding-top: 1.25rem;
  overflow: hidden;
}

.p-sponsors-plans .swiper {
  overflow: visible;
}

.p-sponsors-plans__heading {
  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;
  gap: 3.75rem;
}

.p-sponsors-plans__btn {
  height: 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;
  gap: 1rem;
  position: relative;
  z-index: 0;
}

.p-sponsors-plans__btn .swiper-button-prev,
.p-sponsors-plans__btn .swiper-button-next {
  left: 0;
  top: 0;
  margin: 0;
  position: relative;
  width: 2.5rem;
  height: auto;
  aspect-ratio: 1/1;
  border: 1px solid var(--c-white);
  background-color: var(--c-base);
  -webkit-transition: background-color 0.4s ease, opacity 0.4s ease;
  transition: background-color 0.4s ease, opacity 0.4s ease;
  border-radius: 0.25rem;
  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;
}

.p-sponsors-plans__btn .swiper-button-prev::after,
.p-sponsors-plans__btn .swiper-button-next::after {
  content: "";
}

.p-sponsors-plans__btn-prev,
.p-sponsors-plans__btn-next {
  display: block;
  width: 20%;
  height: auto;
  aspect-ratio: 13/21;
  background-color: var(--c-white);
  -webkit-mask: url(../img/00_common/arrow.svg) no-repeat center/contain;
          mask: url(../img/00_common/arrow.svg) no-repeat center/contain;
  -webkit-transition: background-color 0.4s ease;
  transition: background-color 0.4s ease;
  -webkit-transform: translateX(10%);
          transform: translateX(10%);
  -webkit-transform-origin: center;
          transform-origin: center;
}

.p-sponsors-plans__btn-prev {
  -webkit-transform: translateX(-10%) scaleX(-1);
          transform: translateX(-10%) scaleX(-1);
}

.p-sponsors-plans__container {
  margin-top: 2.5rem;
}

.p-sponsors-plans__item {
  height: auto;
  border-radius: 0.5rem;
  background-color: var(--c-base-dark);
  padding-block: 2rem;
  padding-inline: 1.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1.5rem;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.p-sponsors-plans__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.875rem;
  font-size: 1.75rem;
  text-transform: capitalize;
}

.p-sponsors-plans__title svg {
  display: inline-block;
  height: 0.9em;
  width: auto;
}

.p-sponsors-plans__title svg .cls-1 {
  stroke: currentColor;
}

.p-sponsors-plans__title svg .cls-2 {
  fill: currentColor;
}

.p-sponsors-plans__title.--platinum {
  color: var(--c-platinum);
}

.p-sponsors-plans__title.--gold {
  color: var(--c-gold);
}

.p-sponsors-plans__title.--silver {
  color: var(--c-silver);
}

.p-sponsors-plans__title.--bronze {
  color: var(--c-bronze);
}

.p-sponsors-plans__lead {
  margin-top: 1.0625rem;
  line-height: 1.8;
  font-size: 0.9375rem;
}

.p-sponsors-plans__price {
  font-size: 1.75rem;
  line-height: 1;
}

.p-sponsors-plans__content {
  margin-top: 0.625rem;
}

.p-sponsors-plans__row {
  padding-top: 1.25rem;
  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;
}

.p-sponsors-plans__row + .p-sponsors-plans__row {
  border-top: 1px solid #707070;
  margin-top: 1.25rem;
}

.p-sponsors-plans__key {
  font-size: 1rem;
  line-height: 1.8;
}

.p-sponsors-plans__value {
  display: block;
  width: 1.5rem;
  height: auto;
  aspect-ratio: 1/1;
}

.p-sponsors-plans__value--circle {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  border: 1px solid var(--c-white);
}

.p-sponsors-plans__value--cross {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 0;
}

.p-sponsors-plans__value--cross::before,
.p-sponsors-plans__value--cross::after {
  content: "";
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 0;
  width: 120%;
  height: 1px;
  background-color: var(--c-white);
  -webkit-transform: translate(-10%, -50%) rotate(45deg);
          transform: translate(-10%, -50%) rotate(45deg);
  -webkit-transform-origin: center;
          transform-origin: center;
}

.p-sponsors-plans__value--cross::after {
  -webkit-transform: translate(-10%, -50%) rotate(-45deg);
          transform: translate(-10%, -50%) rotate(-45deg);
}

/* ===============================================
# p-event-about
=============================================== */
.p-event-about{
  background: var(--c-black);
  color: var(--c-white);
}

.p-event-about__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.p-event-about__heading {
  padding-top: 6.25rem;
}

.p-event-about__content {
  padding-top: 2.5rem;
}

.p-event-about__row {
  padding-bottom: 1rem;
}

.p-event-about__row:not(:first-child) {
  padding-top: 1.5rem;
  border-top: 1px solid var(--c-gray);
}

.p-event-about__body .u-underline {
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.p-event-about__body-line {
  display: inline-block;
  width: 1.25rem;
  height: 1px;
  margin-inline: 0.625rem;
  margin-bottom: 0.5rem;
  background-color: currentColor;
}

/* ===============================================
# p-event-animation
=============================================== */

.p-event-animation {
  position: fixed;
  width: 100%;
  z-index: 100;
  height: 100%;
  height: 100vh;
  top: 0;
  left: 0;
  z-index: 10000;
  overflow: hidden;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

.p-event-animation__bug {
  display: block;
  position: absolute;
  z-index: 1;
  background: var(--eventcolor-main);
  height: 100%;
  top: 0;
  opacity: 0;
  visibility: hidden;
}

.p-event-animation__bug:nth-of-type(1) {
  width: 2.5vw;
  left: 30.625vw;
}

.p-event-animation__bug:nth-of-type(2) {
  width: 0.2777777778vw;
  left: 54.7222222222vw;
}

.p-event-animation__bug:nth-of-type(3) {
  width: 0.2777777778vw;
  left: 37.7083333333vw;
}

.p-event-animation__bug:nth-of-type(4) {
  width: 0.2777777778vw;
  left: 38.5416666667vw;
}

.p-event-animation__bug:nth-of-type(5) {
  width: 0.2777777778vw;
  left: 9.4444444444vw;
}

.p-event-animation__bug:nth-of-type(6) {
  width: 0.2777777778vw;
  left: 10.2777777778vw;
}

.p-event-animation__bug:nth-of-type(7) {
  width: 2.5vw;
  left: 97.5vw;
}

.p-event-animation__bug:nth-of-type(8) {
  width: 5.5555555556vw;
  left: 0;
}

.p-event-animation__bug:nth-of-type(9) {
  width: 11.5972222222vw;
  left: 15.4861111111vw;
  -webkit-clip-path: polygon(0 0, 2.7777777778vw 0, 2.7777777778vw 44%, 5.6944444444vw 44%, 5.6944444444vw 0, 100% 0, 100% 100%, 0 100%);
          clip-path: polygon(0 0, 2.7777777778vw 0, 2.7777777778vw 44%, 5.6944444444vw 44%, 5.6944444444vw 0, 100% 0, 100% 100%, 0 100%);
}

.p-event-animation__bug:nth-of-type(10) {
  width: 0.2777777778vw;
  left: 67.1527777778vw;
}

.p-event-animation__bug:nth-of-type(11) {
  width: 0.2777777778vw;
  left: 67.9861111111vw;
}

.p-event-animation__bug:nth-of-type(12) {
  width: 24.7916666667vw;
  left: 40vw;
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 33%, 14.0972222222vw 33%, 14.0972222222vw 100%, 0 100%);
          clip-path: polygon(0 0, 100% 0, 100% 33%, 14.0972222222vw 33%, 14.0972222222vw 100%, 0 100%);
}

.p-event-animation__bug:nth-of-type(13) {
  width: 24.7916666667vw;
  left: 68.8888888889vw;
  -webkit-clip-path: polygon(0 22%, 10.6944444444vw 22%, 10.6944444444vw 0%, 100% 0%, 100% 100%, 0 100%);
          clip-path: polygon(0 22%, 10.6944444444vw 22%, 10.6944444444vw 0%, 100% 0%, 100% 100%, 0 100%);
}

.p-event-animation__bug:nth-of-type(14) {
  top: 55%;
  width: 31.6666666667vw;
  left: 31.6666666667vw;
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 29.8611111111vw 100%, 29.8611111111vw 22%, 10.8333333333vw 22%, 10.8333333333vw 100%, 0 100%);
          clip-path: polygon(0 0, 100% 0, 100% 100%, 29.8611111111vw 100%, 29.8611111111vw 22%, 10.8333333333vw 22%, 10.8333333333vw 100%, 0 100%);
}

.p-event-animation__bg {
  position: absolute;
  width: 100%;
  z-index: 100;
  height: 100%;
  height: 100vh;
  top: 0;
  left: 0;
  z-index: 10;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -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;
  padding-inline: 25px;
  opacity: 0;
  visibility: hidden;
}

.p-event-animation__bg:nth-of-type(2),
.p-event-animation__bg:nth-of-type(3) {
  opacity: 0;
  visibility: hidden;
  z-index: 0;
}

.p-event-animation__error {
  font-size: 2.5rem;
  line-height: 1;
  text-transform: capitalize;
  color: #fff;
  width: min(100%, 30rem);
  margin-inline: auto;
  font-family: "auger-mono", monospace;
}

.p-event-animation__text {
  overflow-wrap: anywhere;
  /* 収まらない場合に折り返す */
  word-break: normal;
  /* 単語の分割はデフォルトに依存 */
  line-break: strict;
  /* 禁則処理を厳格に適用 */
  margin-top: 2rem;
  font-size: 0.875rem;
  line-height: 2;
  color: #fff;
  width: min(100%, 30rem);
  margin-inline: auto;
  font-family: "auger-mono", monospace;
}

.p-event-animation__label {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  width: 3.9375rem;
  height: 1.75rem;
  z-index: 500;
  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;
  border-radius: 100vmax;
  color: #fff;
  border: 1px solid currentColor;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 40%;
}

.p-event-animation__label[data-error-label=DR] {
  background-image: url(../img/03_event/error_label_DR.svg);
}

.p-event-animation__label[data-error-label=EA] {
  background-image: url(../img/03_event/error_label_EA.svg);
}

.p-event-animation__label[data-error-label=MS] {
  background-image: url(../img/03_event/error_label_MS.svg);
}

.p-event-animation__label[data-error-label=CA] {
  background-image: url(../img/03_event/error_label_CA.svg);
}

.p-event-animation__label[data-error-label=PE] {
  background-image: url(../img/03_event/error_label_PE.svg);
}

.p-event-animation__fin {
  position: fixed;
  width: 100%;
  z-index: 100;
  height: 100%;
  height: 100vh;
  top: 0;
  left: 0;
  z-index: 1000;
  background-color: var(--eventcolor-main);
  background-image: url(../img/03_event/event_error_img.png);
  background-position: 100%;
  background-repeat: repeat;
  background-size: 150%;
  opacity: 0;
  visibility: hidden;
}

/* ===============================================
# p-event-contents
=============================================== */

.p-event-contents {
  background-color: var(--c-black);
  color: var(--c-white);
  padding-top: 9.5625rem;
  padding-bottom: 9.5625rem;
}

.p-event-contents__heading {
  color: var(--c-white);
}

.p-event-contents__definitions{
  margin-top: 40px;
  padding: 52px 20px;
  border-radius: 20px;
  border: 1px solid var(--c-white);
}

.p-event-contents__definitions-items{
  display: grid;
  grid-template-columns: repeat(1, 1fr);
}

.p-event-contents__definitions-item{
  padding-top: 52px;
  padding-bottom: 52px;
  border-bottom: 1px solid var(--c-white);
}

.p-event-contents__definitions-item:first-child{
  padding-top: 0;
}

.p-event-contents__definitions-item:last-child{
  border-bottom: none;
  padding-bottom: 0;
}

.p-event-contents__definitions-title{
  text-align: center;
  font-size: 36px;
  font-weight: 400;
  line-height: 1;
  leading-trim: both;
  text-edge: cap;
  color: var(--c-white);
  font-family: "ATK-Studio-Tiposka", sans-serif;
}

.p-event-contents__definitions-items-list{
  margin-top: 40px;
  font-size: 15px;
  line-height: 2.13;
}

.p-event-contents__definitions-value{
  position: relative;
  padding-left: 1em;
}

.p-event-contents__definitions-value::before{
  content: "";
  position: absolute;
  left: .3em;
  top: 0.9em;
  display: block;
  width: 0.25rem;
  height: 0.25rem;
  border-radius: 50%;
  background: currentColor;
}

.p-event-contents__definitions-caution{
  margin-top: 52px;
  padding-top: 47px;
  border-top: 1px solid var(--c-white);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 40px;
}

.p-event-contents__definitions-caution svg{
  width: 60px;
  height: 60px;
}

.p-event-contents__definitions-caution-title{
  display: flex;
  align-items: center;
  gap: 24px;
  flex-shrink: 0;
  font-family: "ATK-Studio-Tiposka", sans-serif;
  color: var(--eventcolor-main);
  leading-trim: both;
  text-edge: cap;
  font-size: 40px;
  font-weight: 400;
  line-height: 1;
}

.p-event-contents__definitions-caution-text{
  color: var(--c-white);
  font-size: 15px;
  font-weight: 500;
  line-height: 2.13;
}

.p-event-contents__exhibition {
  margin-top: 3.75rem;
  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;
}

.p-event-contents__exhibition-title {
  font-size: 2.375rem;
  line-height: 1.5;
  font-family: superclarendon, serif;
  font-weight: 400;
  color: var(--c-white);
}

.p-event-contents__exhibition-head {
  color: var(--c-white);
  font-size: 1.75rem;
  line-height: 1.6;
  font-weight: 700;
}

.p-event-contents__exhibition-text {
  margin-top: 2.5rem;
  color: var(--c-white);
  font-size: 0.9375rem;
}

.p-event-contents__band {
  margin-top: 6rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 5rem;
}

.p-event-contents__head-wrap{
  display: flex;
  flex-direction: column;
}

.p-event-contents__head {
  font-size: 2.25rem;
  line-height: 1.2;
  color: var(--c-white);
  font-weight: 400;
  font-family: "ATK-Studio-Tiposka", sans-serif;
  overflow-wrap: anywhere;
  /* 収まらない場合に折り返す */
  word-break: normal;
  /* 単語の分割はデフォルトに依存 */
  line-break: strict;
  /* 禁則処理を厳格に適用 */
}

.p-event-contents__head .reveal-text {
  display: inline;
}

.p-event-contents__number {
  display: inline;
  font-size: 0.875rem;
  color: var(--c-white);
  font-weight: 400;
  font-family: "ATK-Studio-Tiposka", sans-serif;
  margin-left: 0.5rem;
  vertical-align: top;
}

.p-event-contents__games {
  display: grid;
  grid-template-columns: 1fr;
  margin-top: 2.5rem;
  gap: 2.5rem;
}

.p-event-contents__game {
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.75rem;
}

.p-event-contents__game-badge {
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-family: "sofia-pro", serif;
  font-weight: 500;
  font-size: 1.125rem;
  line-height: 1;
  color: var(--c-white);
  background-color: var(--c-black);
  padding-block: 0.375rem 0.625rem;
  padding-inline: 0.5rem;
}

.p-event-contents__game-badge[data-sponsor=false] {
  height: 1.5rem;
  background-color: transparent;
  padding: 0;
  width: 1px;
  display: none;
}

.p-event-contents__game-inner {
  display: grid;
  grid-template-rows: auto auto 1fr;
  gap: 0;
  grid-template-areas: "img" "title" "creator";
}

.p-event-contents__game-title {
  grid-area: title;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.6;
  margin-top: 1rem;
  overflow-wrap: anywhere;
  word-break: normal;
  line-break: strict;
}

.p-event-contents__game-creator {
  grid-area: creator;
  font-size: 0.875rem;
  margin-top: 0.5rem;
  line-height: 1.6;
  overflow-wrap: anywhere;
  word-break: normal;
  line-break: strict;
}

.p-event-contents__game-img {
  grid-area: img;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  overflow: hidden;
}

.p-event-contents__game-img img {
  aspect-ratio: 320/180;
  -o-object-fit: cover;
     object-fit: cover;
  height: auto;
  -webkit-transition: -webkit-transform var(--hover-transition);
  transition: -webkit-transform var(--hover-transition);
  transition: transform var(--hover-transition);
  transition: transform var(--hover-transition), -webkit-transform var(--hover-transition);
  -webkit-transform: scale(1);
          transform: scale(1);
}

/* hover */

/* ===============================================
# MARK: Game Modal
=============================================== */

.p-event-contents__game-modal {
  width: min(30rem, 100% - 50px);
  height: 80vh;
  height: 90dvh;
  max-height: -webkit-max-content;
  max-height: -moz-max-content;
  max-height: max-content;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity var(--hover-transition), visibility var(--hover-transition);
  transition: opacity var(--hover-transition), visibility var(--hover-transition);
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.p-event-contents__game-modal::-webkit-scrollbar {
  display: none;
}

.p-event-contents__game-modal::-webkit-backdrop {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity var(--hover-transition), visibility var(--hover-transition);
  transition: opacity var(--hover-transition), visibility var(--hover-transition);
  background: var(--eventcolor-main);
}

.p-event-contents__game-modal::backdrop {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity var(--hover-transition), visibility var(--hover-transition);
  transition: opacity var(--hover-transition), visibility var(--hover-transition);
  background: var(--eventcolor-main);
}

.p-event-contents__game-modal.is-show {
  opacity: 1;
  visibility: visible;
}

.p-event-contents__game-modal.is-show::-webkit-backdrop {
  opacity: 0.6;
  visibility: visible;
}

.p-event-contents__game-modal.is-show::backdrop {
  opacity: 0.6;
  visibility: visible;
}

.p-event-contents__game-modal-container {
  background-color: var(--c-white);
  padding: 3.75rem 1.25rem;
  color: var(--c-black);
}

.p-event-contents__game-modal-img img {
  aspect-ratio: 500/282;
  -o-object-fit: cover;
     object-fit: cover;
  height: auto;
}

.p-event-contents__game-modal-headline {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.6;
  margin-top: 1rem;
  overflow-wrap: anywhere;
  word-break: normal;
  line-break: strict;
}

.p-event-contents__game-modal-creator {
  font-size: 1rem;
  margin-top: 0.375rem;
  line-height: 1.6;
  overflow-wrap: anywhere;
  word-break: normal;
  line-break: strict;
}

.p-event-contents__game-modal-description {
  font-size: 0.9375rem;
  margin-top: 1.9375rem;
  overflow-wrap: anywhere;
  word-break: normal;
  line-break: strict;
}

.p-event-contents__game-modal-video {
  -webkit-margin-before: 2.5rem;
          margin-block-start: 2.5rem;
  position: relative;
  z-index: 0;
  cursor: pointer;
}

.p-event-contents__game-modal-video video {
  width: 100%;
  height: 100%;
  aspect-ratio: 500/282;
}

.p-event-contents__game-modal-video::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 1;
  pointer-events: none;
  display: block;
  width: 3rem;
  height: auto;
  aspect-ratio: 1/1;
  background-image: url(../img/00_common/icon_play_red.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity var(--hover-transition), visibility var(--hover-transition);
  transition: opacity var(--hover-transition), visibility var(--hover-transition);
}

.p-event-contents__game-modal-video.is-played::before {
  opacity: 0;
  visibility: hidden;
}

.p-event-contents__game-modal-btn {
  -webkit-margin-before: 1.375rem;
          margin-block-start: 1.375rem;
  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: 0.625rem;
  font-family: "sofia-pro", serif;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.1428571429;
  color: var(--c-white);
  padding-block: 0.875rem;
  border-radius: 0.25rem;
  background-color: var(--c-black);
  -webkit-transition: color var(--hover-transition), background-color var(--hover-transition);
  transition: color var(--hover-transition), background-color var(--hover-transition);
  /* hover */
}

.p-event-contents__game-modal-btn::after {
  content: "";
  display: block;
  width: 0.9375rem;
  height: auto;
  aspect-ratio: 15/11;
  background-color: currentColor;
  -webkit-mask: url(../img/00_common/icon_blank.svg) no-repeat center/contain;
          mask: url(../img/00_common/icon_blank.svg) no-repeat center/contain;
  -webkit-transition: background-color var(--hover-transition);
  transition: background-color var(--hover-transition);
}

.p-event-contents__game-modal-close {
  display: block;
  position: absolute;
  display: block;
  width: 1.3125rem;
  height: auto;
  aspect-ratio: 21/12;
  top: 1.25rem;
  right: 1.25rem;
}

.p-event-contents__game-modal-close::before,
.p-event-contents__game-modal-close::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(30deg);
          transform: translate(-50%, -50%) rotate(30deg);
  -webkit-transform-origin: center center;
          transform-origin: center center;
  display: block;
  width: 1.5rem;
  height: 1px;
  background-color: var(--c-black);
}

.p-event-contents__game-modal-close::after {
  -webkit-transform: translate(-50%, -50%) rotate(-30deg);
          transform: translate(-50%, -50%) rotate(-30deg);
}

.p-event-contents__notice {
  font-size: 0.9375rem;
  -webkit-margin-before: 1.5rem;
          margin-block-start: 1.5rem;
}

.p-event-contents__creator{
  border-radius: 20px;
  background: #212121;
  padding: 40px 25px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 40px;
}

.p-event-contents__creator--img{
  width: 100%;
  max-width: 183px;
  flex-shrink: 0;
}

.p-event-contents__creator-text{
  color: var(--c-white);
  font-size: 15px;
  font-weight: 500;
  line-height: 2.13;
}

/* ===============================================
# p-event-cta
=============================================== */

.p-event-cta {
  padding-top: 5rem;
}

.p-event-cta__wrap {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.25rem;
}

.p-event-cta__btn {
  font-size: 0.875rem;
  line-height: 1;
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1rem;
  width: min(100%, 20.25rem);
  padding-block: 1.75rem 2.375rem;
  margin-inline: auto;
  border-radius: 0.25rem;
  position: relative;
  z-index: 0;
  background-color: var(--eventcolor-main);
  color: var(--c-white);
  -webkit-transition: background-color 0.4s ease, color 0.4s ease;
  transition: background-color 0.4s ease, color 0.4s ease;
}

.p-event-cta__btn.--gray {
  background-color: var(--c-gray);
}

.p-event-cta__btn::after {
  content: "";
  position: absolute;
  top: 0.75rem;
  right: 0.75rem;
  display: block;
  width: 0.9375rem;
  height: auto;
  aspect-ratio: 15/11;
  background-color: currentColor;
  -webkit-mask: url(../img/00_common/icon_blank.svg) no-repeat center/contain;
          mask: url(../img/00_common/icon_blank.svg) no-repeat center/contain;
  -webkit-transition: background-color 0.4s ease;
  transition: background-color 0.4s ease;
}

/* modifier */

.p-event-cta__btn.p-event-cta__btn--disabled {
  background-color: var(--c-gray);
  color: var(--c-white);
}

.p-event-cta__btn.p-event-cta__btn--invert {
  background-color: var(--c-white);
  color: var(--eventcolor-main);
}

.p-event-cta__btn.p-event-cta__btn--invert::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: -webkit-gradient(linear, left top, right top, from(var(--gradation01)), to(var(--gradation02)));
  background: linear-gradient(90deg, var(--gradation01) 0%, var(--gradation02) 100%);
  background-repeat: no-repeat;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity var(--hover-transition), visibility var(--hover-transition);
  transition: opacity var(--hover-transition), visibility var(--hover-transition);
}

.p-event-cta__label {
  font-size: 2rem;
  font-family: "sofia-pro", serif;
  font-weight: 500;
}

.p-event-cta__text {
  text-align: center;
  font-size: 0.9375rem;
  margin-top: 2rem;
}

.p-event-cta__link {
  text-decoration-line: underline;
  text-decoration-color: currentColor;
  text-decoration-thickness: 1px;
  text-underline-offset: 2px;
  -webkit-text-decoration-skip-ink: none;
          text-decoration-skip-ink: none;
}

/* ===============================================
# p-event-faq
=============================================== */

.p-event-faq__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.p-event-faq__heading {
  padding-top: 6.25rem;
}

.p-event-faq__content {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding-top: 3.375rem;
}

/* ===============================================
# p-event-fv
=============================================== */

.p-event-fv {
  padding-top: 5.375rem;
}

.p-event-fv__inner {
  border-radius: 1rem;
  background-color: var(--eventcolor-main);
  width: calc(100% - 50px);
  height: 100%;
  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;
  gap: 3.5rem;
  padding-block: 3.25rem 2.75rem;
}

.p-event-fv__title {
  width: 63.2716049383%;
  margin-inline: auto;
}

.p-event-fv__place {
  color: var(--c-white);
  font-size: 0.875rem;
  line-height: 1.4;
  text-align: center;
  margin-top: 1rem;
}

.p-event-fv__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 2.5rem;
}

.p-event-fv__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 2rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.p-event-fv__date {
  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-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.875rem;
}

.p-event-fv__deadline {
  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-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.875rem;
}

.p-event-fv__label {
  font-size: 1.25rem;
  font-family: "sofia-pro", serif;
  font-weight: 400;
  line-height: 1;
  color: var(--c-white);
}

.p-event-fv__value {
  color: var(--c-white);
}

.p-event-fv__time {
  font-size: 1.25rem;
  font-family: "sofia-pro", serif;
  font-weight: 400;
  line-height: 1;
  color: var(--c-white);
}

.p-event-fv__body-line {
  display: inline-block;
  width: 1.9375rem;
  height: 1px;
  margin-inline: 0.625rem;
  margin-bottom: 0.5rem;
  background-color: currentColor;
}

/* ===============================================
# p-event-sponsors
=============================================== */

.p-event-sponsors {
  padding-top: 6.25rem;
}

.p-event-sponsors__container {
  margin-top: 2.5rem;
  background-color: var(--c-white);
  border-radius: 1rem 0 0 1rem;
  padding-block: 1.5rem;
  margin-inline: 0 calc(50% - 50vw + 10px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1.5rem;
}

.p-event-sponsors__items {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.p-event-sponsors__items.swiper-wrapper {
  -webkit-transition-timing-function: linear;
          transition-timing-function: linear;
}

.p-event-sponsors__item {
  padding-inline: 1.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;
  max-height: 1.5rem;
  width: auto;
}

.p-event-sponsors__item img {
  max-height: inherit;
  height: auto;
  width: auto;
}

/* ===============================================
# p-event-theme
=============================================== */

.p-event-theme {
  padding-top: 4.375rem;
  background: var(--c-black);
  color: var(--c-white);
}

.p-event-theme__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 2rem;
}

.p-event-theme__head {
  font-weight: 700;
  display: flex;
  flex-direction: column;
}

.p-event-theme__heading {
  font-size: 0.875rem;
  font-family: "ATK-Studio-Tiposka", sans-serif;
  line-height: 1.5;
  font-weight: 400;
}

.p-event-theme__title {
  margin-top: 0.5rem;
  font-size: 3rem;
  font-weight: 400;
  font-family: "sofia-pro", serif;
  line-height: 1.2;
  color: var(--eventcolor-main);
}

.p-event-theme__text {
  font-size: 1rem;
  line-height: 2.5;
}

/* ===============================================
# p-single
=============================================== */

.p-single {
  overflow: hidden;
  padding-top: 8.3125rem;
}

.p-single__wrapper {
  max-width: 53.125rem;
  margin: 0 auto;
}

.p-single__date {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 0.8125rem;
}

.p-single__date-time {
  position: relative;
  z-index: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.p-single__date-time::after {
  content: "/";
  display: inline-block;
  margin-left: 0.25rem;
}

.p-page-news-single__categories {
  margin-left: 0.25rem;
  font-size: 0.8125rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 1.25rem;
     -moz-column-gap: 1.25rem;
          column-gap: 1.25rem;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.p-single__title-wrapper {
  margin-top: 1.125rem;
}

/* sns
-------------------------------------*/

.p-single__title {
  word-break: break-all;
  font-size: 1.625rem;
  font-weight: 600;
  line-height: 1.6;
}

.p-single__sns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1.25rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-margin-before: 2rem;
          margin-block-start: 2rem;
}

.p-single__sns .p-single__snsLink {
  display: block;
}

.p-single__sns .p-single__snsLink[data-sns=facebook] {
  display: inline-block;
  width: 1.75rem;
  height: 1.75rem;
}

.p-single__sns .p-single__snsLink[data-sns=x] {
  display: inline-block;
  width: 1.5rem;
  height: 1.5rem;
}

.p-single__thumbnail {
  margin-top: 1.875rem;
  border-radius: 1rem;
  aspect-ratio: 16/9;
  overflow: hidden;
}

.p-single__thumbnail img {
  aspect-ratio: 16/9;
  -o-object-fit: cover;
     object-fit: cover;
  height: auto;
}

/*記事内
-------------------------------------*/

.p-single__content {
  margin-top: 2.5rem;
}

.p-single__content .wysiwyg > * + * {
  margin-top: 1.5rem;
}

.p-single__content p,
.p-single__content blockquote {
  margin-top: 2rem;
  font-weight: 500;
  font-size: 0.9375rem;
  line-height: 2.1333333333;
}

.p-single__content blockquote {
  padding-left: 1.5625rem;
  position: relative;
}

.p-single__content blockquote cite {
  display: block;
  margin-top: 1em;
  font-style: italic;
}

.p-single__content blockquote::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 0.125rem;
  height: 100%;
  background: #707070;
}

.p-single__content a {
  font-size: 0.875rem;
  text-decoration-line: underline;
  text-decoration-color: rgba(var(--c-main-text), 1);
  text-decoration-thickness: 1px;
  text-underline-offset: 4px;
  -webkit-text-decoration-skip-ink: none;
          text-decoration-skip-ink: none;
  -webkit-transition: text-decoration-color 0.4s ease;
  transition: text-decoration-color 0.4s ease;
  overflow-wrap: anywhere;
  word-break: normal;
  line-break: strict;
}

.p-single__content h1 {
  font-size: 1.625rem;
  font-weight: 600;
  line-height: 1.6;
}

.p-single__content h2 {
  font-size: 1.375rem;
  line-height: 1.4;
  font-weight: 600;
}

.p-single__content h3 {
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.7222222222;
}

.p-single__content h3::before {
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  border-style: solid;
  border-right: 0.55em solid transparent;
  border-left: 0.55em solid transparent;
  border-top: 0.8em solid currentColor;
  border-bottom: 0;
  margin-right: 0.2em;
}

.p-single__content h4 {
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.7222222222;
  position: relative;
  z-index: 0;
}

.p-single__content h4::after {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: 0.125rem;
  border-radius: 0.125rem;
  bottom: 0;
  left: 0;
  background-color: #cbc7c4;
}

.p-single__content h5 {
  font-size: 1rem;
  line-height: 1.6875;
  font-weight: 700;
  position: relative;
  z-index: 0;
  padding-left: 0.5em;
}

.p-single__content h5::before {
  content: "";
  position: absolute;
  display: block;
  width: 0.125rem;
  height: 85%;
  border-radius: 0.125rem;
  top: 0.2em;
  left: 0;
  background-color: currentColor;
}

.p-single__content h6 {
  font-size: 0.9375rem;
  line-height: 1.7333333333;
  font-weight: 700;
}

.p-single__content ul li {
  padding-left: 1em;
  position: relative;
  z-index: 0;
}

.p-single__content ul li::before {
  content: "・";
  position: absolute;
  display: inline-block;
  top: 0;
  left: 0;
}

.p-single__content ol {
  counter-reset: Num 0;
}

.p-single__content ol li {
  counter-increment: Num 1;
  padding-left: 1em;
  position: relative;
  z-index: 0;
}

.p-single__content ol li::before {
  content: counter(Num) ".";
  position: absolute;
  display: inline-block;
  top: 0;
  left: 0;
}

.p-single__content table {
  width: 100%;
  table-layout: fixed;
  font-weight: 500;
}

.p-single__content table thead th,
.p-single__content table thead td {
  background-color: var(--c-base-dark);
  padding-block: 1em;
  padding-inline: 0;
  text-align: left;
}

.p-single__content table tr {
  border-bottom: 1px solid #968f8a;
}

.p-single__content table tr th:first-child,
.p-single__content table tr td:first-child {
  min-width: 10.625rem;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  text-align: left;
}

.p-single__content table tr th,
.p-single__content table tr td {
  padding-block: 2rem;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.p-single__content table tr th:not(:first-child),
.p-single__content table tr td:not(:first-child) {
  padding-left: 2em;
}

.p-single__content dl {
  width: 100%;
  font-weight: 500;
}

.p-single__content dl dt {
  min-width: 10.625rem;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  text-align: left;
  padding-block: 2rem;
  border-bottom: 1px solid #968f8a;
  display: inline-block;
}

.p-single__content dl dd {
  width: calc(100% - 12.5rem);
  border-bottom: 1px solid #968f8a;
  padding-block: 2rem;
  padding-left: 2em;
  display: inline-block;
}

.p-single__content pre {
  white-space: pre-wrap;
}

/* ===============================================
# p-page-news
=============================================== */

.p-page-news__content {
  margin-top: 3.75rem;
}

.p-page-news__category-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 1.75rem;
     -moz-column-gap: 1.75rem;
          column-gap: 1.75rem;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.p-page-news__category-item {
  font-size: 0.9375rem;
  font-weight: 500;
  color: var(--c-gray);
  position: relative;
}

.p-page-news__category-item::before {
  content: "";
  position: absolute;
  width: 1px;
  height: 0.5625rem;
  background: var(--c-gray);
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(45deg);
          transform: translateY(-50%) rotate(45deg);
  right: -0.875rem;
}

.p-page-news__category-item:last-child::before {
  display: none;
}

.p-page-news__category-item.is-current {
  color: var(--c-main-text);
}

.p-page-news__list {
  margin-top: 6.1875rem;
}

.p-page-news__item {
  width: 100%;
  position: relative;
}

.p-page-news__item + .p-page-news__item {
  margin-top: 2.875rem;
}

.p-page-news__date {
  position: absolute;
  background: var(--c-base);
  padding-right: 1rem;
  padding-bottom: 1rem;
  line-height: normal;
  font-weight: 500;
  left: -0.25rem;
  top: -0.71875rem;
}

.p-page-news__img {
  width: 100%;
  height: auto;
  aspect-ratio: 352/198;
  overflow: hidden;
}

.p-page-news__category {
  font-size: 0.9375rem;
  line-height: normal;
  display: inline-block;
  position: relative;
}

.p-page-news__category::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  background: currentColor;
  bottom: -0.25rem;
  left: 0;
}

.p-page-news__title {
  font-size: 0.9375rem;
  font-weight: 500;
  word-break: break-all;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  margin-top: 0.5rem;
}

/* ===============================================
# p-faq
=============================================== */

.p-faq__title {
  text-transform: uppercase;
}

.p-faq__list {
  max-width: 53.125rem;
  margin: 6.25rem auto 0;
}

.p-faq__accordion {
  border-top: 1px solid #C9C9C9;
}

.p-faq__accordion:last-of-type {
  border-bottom: 1px solid #C9C9C9;
}

.p-faq__head-question {
  display: inline-block;
  font-size: 0.9375rem;
  line-height: 2.1333333333;
  padding: 1.4375rem 4.4375rem 1.4375rem 2.375rem;
}

.p-faq__head-question::before {
  content: "Q.";
  position: absolute;
  left: 0;
  top: 1.4375rem;
  width: 1rem;
  height: 1.875rem;
}

.p-faq__answer-inner {
  padding: 1rem 4.4375rem 1.4375rem 2.375rem;
  font-size: 0.9375rem;
  line-height: 2.1333333333;
  position: relative;
  cursor: pointer;
}

.p-faq__answer-inner::before {
  content: "A.";
  position: absolute;
  left: 0;
  top: 1rem;
  width: 1rem;
  height: 1.875rem;
}

.p-faq__head {
  position: relative;
}

.p-faq__head .p-faq__question-marker {
  position: absolute;
  content: "";
  top: 1.875rem;
  right: 1.625rem;
  height: 1.25rem;
  width: 0.125rem;
  background: var(--c-main-text);
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}

.p-faq__question-marker {
  position: relative;
  z-index: 0;
}

.p-faq__question-marker::after {
  position: absolute;
  content: "";
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  height: 0.125rem;
  width: 1.25rem;
  background: var(--c-main-text);
  -webkit-transition: opacity 0.3s ease, visibility 0.3s ease;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  opacity: 1;
  visibility: visible;
}

/* アコーディオンが開いた時のスタイル */

details.is-open .p-faq__question-marker {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}

details.is-open .p-faq__question-marker::after {
  opacity: 0;
  visibility: hidden;
}

/* ===============================================
# p-contact
=============================================== */

.p-contact__text {
  font-size: 0.9375rem;
  line-height: 2.1333333333;
}

.p-contact__text-required {
  color: var(--c-error);
}

/* ===============================================
# p-thanks
=============================================== */

.p-page-thanks {
  padding-bottom: 5.5rem;
}

.p-page-thanks__content {
  padding-top: 9.5625rem;
  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: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.p-page-thanks__img {
  width: 11.25rem;
  height: auto;
  aspect-ratio: 1/1;
}

.p-page-thanks__text {
  margin-top: 2.9375rem;
  font-size: 1.75rem;
  font-weight: 600;
  line-height: 1.66;
}

/* ===============================================
# p-entry
=============================================== */

.p-entry__text {
  font-size: 0.9375rem;
  line-height: 2.1333333333;
}

.p-entry__text-required {
  color: var(--c-error);
}

.p-entry__checkbox-wrap--genre {
  max-width: 38.75rem;
}

.p-entry__row--file {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 2.5rem;
}

.p-entry__row--file .c-form__row:nth-child(2) {
  margin-top: 0;
}

.p-entry__file {
  width: 100%;
  height: 7.5rem;
  border: 1px dashed var(--c-white);
  border-radius: 0.5rem;
  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;
}

.p-entry__file-text {
  font-size: 0.9375rem;
  font-weight: 500;
  padding-left: 2rem;
  position: relative;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  pointer-events: none;
}

.p-entry__file-text::before {
  content: "";
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 0;
  width: 1.5rem;
  height: 1.5rem;
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity 0.3s ease, visibility 0.3s ease;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  background: url(../img/00_common/plus_icon.svg) no-repeat center center/cover;
}

.p-entry__file-text.is-has-file {
  padding-left: 0;
}

.p-entry__file-text.is-has-file::before {
  opacity: 0;
  visibility: hidden;
}

.p-entry__input--file {
  display: none;
}

/* ===============================================
# p-creators-archive
=============================================== */

.p-creators-archive__lead {
  margin-top: 1.5rem;
  font-size: 0.9375rem;
  line-height: 2.1333333333;
}

.p-creators-archive__container {
  margin-top: 4.6875rem;
}

.p-creators-archive__container.--single {
  padding-bottom: 5rem;
}

.p-creators-archive__tags {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 1rem;
}

.p-creators-archive__tag-head {
  font-size: 0.9375rem;
  font-family: "sofia-pro", serif;
}

.p-creators-archive__tag-items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 0.75rem;
}

.p-creators-archive__tag-link {
  display: block;
  font-size: 0.9375rem;
  line-height: 1;
  padding: 0.5rem;
  border-radius: 0.25rem;
  background-color: var(--c-white);
  color: #2e2e2e;
  font-family: "sofia-pro", serif;
}

.p-creators-archive__content {
  margin-top: 4.125rem;
}

.p-creators-archive__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  row-gap: 2.9375rem;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.p-creators-archive__item {
  position: relative;
  z-index: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 100%;
}

.p-creators-archive__img {
  overflow: hidden;
  width: 100%;
}

.p-creators-archive__img img {
  aspect-ratio: 352/198;
  -o-object-fit: cover;
     object-fit: cover;
  height: auto;
  -webkit-transition: -webkit-transform 0.4s ease;
  transition: -webkit-transform 0.4s ease;
  transition: transform 0.4s ease;
  transition: transform 0.4s ease, -webkit-transform 0.4s ease;
}

.p-creators-archive__label {
  pointer-events: none;
  display: block;
  position: absolute;
  top: -0.4375rem;
  left: -0.25rem;
  z-index: 10;
  line-height: 1;
  padding: 0.0625rem 0.75rem 0.75rem 0.0625rem;
  background-color: var(--c-base);
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  word-break: keep-all;
}

.p-creators-archive__label span {
  display: inline-block;
  font-family: "sofia-pro", serif;
  font-size: 0.9375rem;
  height: 100%;
  line-height: 1;
  color: transparent;
  -webkit-text-fill-color: transparent;
}

.p-creators-archive__label span.is-grand-prix {
  background: -webkit-gradient(linear, left top, right top, from(var(--gradation01)), to(var(--gradation02)));
  background: linear-gradient(90deg, var(--gradation01) 0%, var(--gradation02) 100%);
  background-repeat: no-repeat;
  background-clip: text;
  -webkit-background-clip: text;
}

.p-creators-archive__label span.is-gold {
  background: #d2c39d;
  background-clip: text;
  -webkit-background-clip: text;
}

.p-creators-archive__label span.is-silver {
  background: #bdebfa;
  background-clip: text;
  -webkit-background-clip: text;
}

.p-creators-archive__label span.is-bronze {
  background: #ff8457;
  background-clip: text;
  -webkit-background-clip: text;
}

.p-creators-archive__body {
  width: 100%;
}

.p-creators-archive__name {
  overflow: hidden;
  margin-top: 1rem;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  max-width: 100%;
}

.p-creators-archive__name span {
  display: inline-block;
  font-family: "sofia-pro", serif;
  font-size: 1.75rem;
  line-height: 1.6;
  white-space: nowrap;
}

.p-creators-archive__sub {
  margin-top: 0.25rem;
  font-size: 0.9375rem;
  line-height: 2.1333333333;
  display: block;
  border-bottom: 1px solid #bbbbbb;
}

.p-creators-archive__game-title {
  overflow: hidden;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  max-width: 100%;
}

.p-creators-archive__game-title span {
  display: inline-block;
  font-family: "sofia-pro", serif;
  font-size: 1.25rem;
  height: 100%;
  color: var(--c-white);
  white-space: nowrap;
}

.p-creators-archive__game-title span.is-grand-prix {
  background: -webkit-gradient(linear, left top, right top, from(var(--gradation01)), to(var(--gradation02)));
  background: linear-gradient(90deg, var(--gradation01) 0%, var(--gradation02) 100%);
  background-repeat: no-repeat;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
}

.p-creators-archive__none {
  font-size: 0.9375rem;
}

.p-creators-archive__pagination {
  margin-top: 5rem;
}

.is-overflow-title.is-marquee span {
  -webkit-animation-name: marquee;
          animation-name: marquee;
  -webkit-animation-fill-mode: backwards;
          animation-fill-mode: backwards;
  -webkit-animation-duration: 15s;
          animation-duration: 15s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s;
  -webkit-animation-direction: normal;
          animation-direction: normal;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
}

@-webkit-keyframes marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }

  100% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
}

@keyframes marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }

  100% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
}

/* ===============================================
# p-creators-fv
=============================================== */

.p-creators-fv__vis {
  margin-top: 5.375rem;
  width: 100%;
  max-width: 90rem;
  margin-inline: auto;
  height: 10rem;
}

.p-creators-fv__vis img {
  aspect-ratio: 1440/360;
  -o-object-fit: cover;
     object-fit: cover;
  height: 100%;
}

.p-creators-fv__creator {
  position: relative;
  z-index: 0;
  padding-block: 6.5rem 2.5rem;
  border-bottom: 1px solid #707070;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 2rem;
}

.p-creators-fv__prize {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1rem;
  position: absolute;
  top: 2.25rem;
  left: 0;
}

.p-creators-fv__prize-icon {
  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: 2.6875rem;
}

.p-creators-fv__prize-title span {
  display: inline-block;
  font-family: "sofia-pro", serif;
  height: 100%;
  font-size: 1.125rem;
  line-height: 1.3333333333;
}

.p-creators-fv__prize svg {
  width: 100%;
  height: 100%;
}

.p-creators-fv__prize.is-grand-prix .p-creators-fv__prize-title {
  background: -webkit-gradient(linear, left top, right top, from(var(--gradation01)), to(var(--gradation02)));
  background: linear-gradient(90deg, var(--gradation01) 0%, var(--gradation02) 100%);
  background-repeat: no-repeat;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;
}

.p-creators-fv__prize.is-gold path {
  fill: #d2c39d;
}

.p-creators-fv__prize.is-gold .p-creators-fv__prize-title {
  color: #d2c39d;
}

.p-creators-fv__prize.is-silver path {
  fill: #bdebfa;
}

.p-creators-fv__prize.is-silver .p-creators-fv__prize-title {
  color: #bdebfa;
}

.p-creators-fv__prize.is-bronze path {
  fill: #ff8457;
}

.p-creators-fv__prize.is-bronze .p-creators-fv__prize-title {
  color: #ff8457;
}

.p-creators-fv__creator-img {
  width: 9.375rem;
  margin-inline: auto;
}

.p-creators-fv__creator-img img {
  aspect-ratio: 1/1;
  -o-object-fit: cover;
     object-fit: cover;
  height: auto;
  border-radius: 50%;
}

.p-creators-fv__creator-name {
  font-size: 2rem;
  line-height: 1.6;
  word-break: break-all;
}

.p-creators-fv__creator-lead {
  font-size: 0.9375rem;
  margin-top: 1.5rem;
}

.p-creators-fv__creator-sns {
  display: block;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.75rem 1.875rem;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 2rem;
}

.p-creators-fv__creator-sns-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 0.625rem;
}

.p-creators-fv__creator-sns-icon img {
  width: 1.875rem;
  aspect-ratio: 30/30;
  -o-object-fit: contain;
     object-fit: contain;
  height: auto;
}

.p-creators-fv__creator-sns-name {
  font-size: 0.9375rem;
  line-height: 1.6;
  padding-block: 0.1875rem;
  word-break: break-all;
}

.p-creators-fv__creator-sns-link.--note img {
  width: 4.375rem;
  aspect-ratio: 70/30;
}

/* ===============================================
# p-creators-games
=============================================== */

.p-creators-games {
  padding-top: 3.75rem;
}

.p-creators-games__container {
  margin-top: 2.875rem;
  width: 100%;
}

.p-creators-games__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: 4.125rem;
  width: 100%;
}

.p-creators-games__item {
  display: grid;
  grid-template-columns: min(30rem - 50px, 100vw - 50px);
  width: 100%;
}

.p-creators-games__vis {
  position: relative;
  z-index: 0;
  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%;
  aspect-ratio: 528/296;
  height: auto;
}

.p-creators-games__vis .swiper {
  width: 100%;
}

.p-creators-games__vis .swiper-wrapper {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.p-creators-games__img {
  width: 100%;
  overflow: hidden;
  aspect-ratio: 528/296;
}

.p-creators-games__img img {
  aspect-ratio: 528/296;
  -o-object-fit: contain;
     object-fit: contain;
  height: auto;
  width: 100%;
}

.p-creators-games__prize {
  pointer-events: none;
  display: block;
  position: absolute;
  top: -0.4375rem;
  left: -0.25rem;
  z-index: 10;
  line-height: 1;
  padding: 0.0625rem 0.75rem 0.75rem 0.0625rem;
  background-color: var(--c-base);
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  word-break: keep-all;
}

.p-creators-games__prize span {
  display: inline-block;
  font-family: "sofia-pro", serif;
  font-size: 1rem;
  height: 100%;
  line-height: 1;
  color: transparent;
  -webkit-text-fill-color: transparent;
}

.p-creators-games__prize span.is-grand-prix {
  background: -webkit-gradient(linear, left top, right top, from(var(--gradation01)), to(var(--gradation02)));
  background: linear-gradient(90deg, var(--gradation01) 0%, var(--gradation02) 100%);
  background-repeat: no-repeat;
  background-clip: text;
  -webkit-background-clip: text;
}

.p-creators-games__prize span.is-gold {
  background: #d2c39d;
  background-clip: text;
  -webkit-background-clip: text;
}

.p-creators-games__prize span.is-silver {
  background: #bdebfa;
  background-clip: text;
  -webkit-background-clip: text;
}

.p-creators-games__prize span.is-bronze {
  background: #ff8457;
  background-clip: text;
  -webkit-background-clip: text;
}

.p-creators-games__body {
  margin-top: 1rem;
}

.p-creators-games__title {
  word-break: break-all;
  font-size: 1.75rem;
  line-height: 1.6;
}

.p-creators-games__lead {
  font-size: 0.9375rem;
  margin-top: 1rem;
}

.p-creators-games__option {
  margin-top: 1.5rem;
  padding-bottom: 2rem;
  border-bottom: 1px solid #707070;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 2.75rem;
     -moz-column-gap: 2.75rem;
          column-gap: 2.75rem;
  row-gap: 1.25rem;
}

.p-creators-games__tags {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 1rem;
}

.p-creators-games__tags-label {
  font-size: 0.9375rem;
  font-family: "sofia-pro", serif;
}

.p-creators-games__tags-values {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 0.75rem;
}

.p-creators-games__tags-value {
  display: block;
  font-size: 0.9375rem;
  line-height: 1;
  padding: 0.4375rem 0.5rem 0.5625rem 0.5rem;
  border-radius: 0.25rem;
  background-color: var(--c-white);
  color: #2e2e2e;
  font-family: "sofia-pro", serif;
  position: relative;
  z-index: 0;
}

.p-creators-games__tags-value:last-of-type::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translate(1.5rem, -50%);
          transform: translate(1.5rem, -50%);
  display: inline-block;
  width: 1px;
  height: 1.875rem;
  background-color: #707070;
  margin-left: 1rem;
}

.p-creators-games__Publisher {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 0.625rem;
}

.p-creators-games__Publisher-label {
  font-size: 0.9375rem;
  position: relative;
  z-index: 0;
}

.p-creators-games__Publisher-label::after {
  content: "/";
  margin-left: 0.625rem;
}

.p-creators-games__Publisher-values {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 0.75rem;
}

.p-creators-games__Publisher-link {
  font-size: 0.9375rem;
  position: relative;
  z-index: 0;
}

.p-creators-games__Publisher-link::after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 1px;
  left: 0;
  bottom: -0.125rem;
  background-color: currentColor;
  -webkit-transform-origin: left;
          transform-origin: left;
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
  -webkit-transform: scaleX(0);
          transform: scaleX(0);
}

.p-creators-games__buy-on {
  margin-top: 1.5rem;
}

.p-creators-games__buy-on-head {
  font-size: 1.25rem;
  line-height: 1.6;
}

.p-creators-games__buy-on-list {
  margin-top: 1.5rem;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  row-gap: 1.5rem;
  -webkit-column-gap: 1.0625rem;
     -moz-column-gap: 1.0625rem;
          column-gap: 1.0625rem;
}

.p-creators-games__buy-on-link {
  border: 1px solid currentColor;
  border-radius: 0.25rem;
  width: 100%;
  padding: 0.875rem;
  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: 0.875rem;
  line-height: 1;
  font-family: "sofia-pro", serif;
  -webkit-transition: color 0.3s ease, background-color 0.3s ease;
  transition: color 0.3s ease, background-color 0.3s ease;
}

/* ===============================================
# p-creators-related
=============================================== */

.p-creators-related {
  padding-top: 6.25rem;
}

.p-creators-related__back {
  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;
}

/* ===============================================
# p-archives-award
=============================================== */

.p-archives-award {
  padding-top: 6.25rem;
}

.p-archives-award__list {
  margin-top: 2.5rem;
  display: grid;
  grid-template-columns: 1fr;
  gap: 3.75rem;
}

.p-archives-award__item {
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(7, auto);
  gap: 0;
  grid-template-areas: "img" "prize" "title" "creator" "publisher" "detail" "btn";
}

.p-archives-award__title {
  grid-area: title;
  font-size: 1.75rem;
  line-height: 1.6;
  font-weight: 700;
  overflow-wrap: anywhere;
  /* 収まらない場合に折り返す */
  word-break: normal;
  /* 単語の分割はデフォルトに依存 */
  line-break: strict;
  /* 禁則処理を厳格に適用 */
  margin-top: 0.75rem;
}

.p-archives-award__creator {
  grid-area: creator;
  font-size: 1rem;
  line-height: 1.6;
  font-weight: 700;
  overflow-wrap: anywhere;
  /* 収まらない場合に折り返す */
  word-break: normal;
  /* 単語の分割はデフォルトに依存 */
  line-break: strict;
  /* 禁則処理を厳格に適用 */
  margin-top: 0.625rem;
}

.p-archives-award__publisher {
  grid-area: publisher;
  font-size: 1rem;
  line-height: 1.6;
  font-weight: 700;
  overflow-wrap: anywhere;
  /* 収まらない場合に折り返す */
  word-break: normal;
  /* 単語の分割はデフォルトに依存 */
  line-break: strict;
  /* 禁則処理を厳格に適用 */
}

.p-archives-award__prize {
  margin-top: 1.5rem;
  grid-area: prize;
  line-height: 1;
  display: block;
}

.p-archives-award__detail {
  grid-area: detail;
  margin-top: 1.5rem;
  font-size: 0.9375rem;
}

.p-archives-award__btn {
  grid-area: btn;
  margin-top: 2rem;
}

.p-archives-award__img {
  grid-area: img;
  aspect-ratio: 529/296;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  display: block;
  overflow: hidden;
}

.p-archives-award__img img {
  aspect-ratio: 529/296;
  -o-object-fit: cover;
     object-fit: cover;
  height: auto;
}

/* ===============================================
# p-archives-games
=============================================== */

.p-archives-games {
  padding-top: 6.25rem;
}

.p-archives-games__list {
  margin-top: 2.5rem;
  display: grid;
  grid-template-columns: 1fr;
  gap: 2.5rem;
}

.p-archives-games__item {
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  display: grid;
  grid-template-columns: 1fr;
  gap: 0;
  grid-template-areas: "img" "title" "creator" "publisher";
}

.p-archives-games__title {
  grid-area: title;
  overflow-wrap: anywhere;
  /* 収まらない場合に折り返す */
  word-break: normal;
  /* 単語の分割はデフォルトに依存 */
  line-break: strict;
  /* 禁則処理を厳格に適用 */
  font-weight: 700;
  font-size: 1.75rem;
  line-height: 1.6;
  margin-top: 1rem;
}

.p-archives-games__creator {
  grid-area: creator;
  overflow-wrap: anywhere;
  /* 収まらない場合に折り返す */
  word-break: normal;
  /* 単語の分割はデフォルトに依存 */
  line-break: strict;
  /* 禁則処理を厳格に適用 */
  font-weight: 700;
  font-size: 1rem;
  line-height: 1.6;
  margin-top: 0.625rem;
}

.p-archives-games__publisher {
  grid-area: publisher;
  font-size: 1rem;
  line-height: 1.6;
  font-weight: 700;
  overflow-wrap: anywhere;
  /* 収まらない場合に折り返す */
  word-break: normal;
  /* 単語の分割はデフォルトに依存 */
  line-break: strict;
  /* 禁則処理を厳格に適用 */
}

.p-archives-games__img {
  grid-area: img;
  aspect-ratio: 352/197;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  display: block;
  overflow: hidden;
}

.p-archives-games__img img {
  aspect-ratio: 352/197;
  -o-object-fit: cover;
     object-fit: cover;
  height: auto;
}

/* ===============================================
# p-archives-review
=============================================== */

.p-archives-review {
  padding-top: 5rem;
}

.p-archives-review__content {
  margin-top: 2.5rem;
}

.p-archives-review__content .wysiwyg > * + * {
  margin-top: 1.5rem;
}

.p-archives-review__content .wysiwyg h2 {
  margin-top: 5rem;
}

.p-archives-review__content p,
.p-archives-review__content blockquote {
  margin-top: 2rem;
  font-weight: 500;
  font-size: 0.9375rem;
  line-height: 2.1333333333;
}

.p-archives-review__content blockquote {
  padding-left: 1.5625rem;
  position: relative;
}

.p-archives-review__content blockquote cite {
  display: block;
  margin-top: 1em;
  font-style: italic;
}

.p-archives-review__content blockquote::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 0.125rem;
  height: 100%;
  background: #707070;
}

.p-archives-review__content a {
  font-size: 0.875rem;
  text-decoration-line: underline;
  text-decoration-color: rgba(var(--c-main-text), 1);
  text-decoration-thickness: 1px;
  text-underline-offset: 4px;
  -webkit-text-decoration-skip-ink: none;
          text-decoration-skip-ink: none;
  -webkit-transition: text-decoration-color 0.4s ease;
  transition: text-decoration-color 0.4s ease;
}

.p-archives-review__content h1 {
  font-size: 1.625rem;
  font-weight: 600;
  line-height: 1.6;
}

.p-archives-review__content h2 {
  font-size: 1.375rem;
  line-height: 1.4;
  font-weight: 600;
}

.p-archives-review__content h3 {
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.7222222222;
}

.p-archives-review__content h3::before {
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  border-style: solid;
  border-right: 0.55em solid transparent;
  border-left: 0.55em solid transparent;
  border-top: 0.8em solid currentColor;
  border-bottom: 0;
  margin-right: 0.2em;
}

.p-archives-review__content h4 {
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.7222222222;
  position: relative;
  z-index: 0;
}

.p-archives-review__content h4::after {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: 0.125rem;
  border-radius: 0.125rem;
  bottom: 0;
  left: 0;
  background-color: #cbc7c4;
}

.p-archives-review__content h5 {
  font-size: 1rem;
  line-height: 1.6875;
  font-weight: 700;
  position: relative;
  z-index: 0;
  padding-left: 0.5em;
}

.p-archives-review__content h5::before {
  content: "";
  position: absolute;
  display: block;
  width: 0.125rem;
  height: 85%;
  border-radius: 0.125rem;
  top: 0.2em;
  left: 0;
  background-color: currentColor;
}

.p-archives-review__content h6 {
  font-size: 0.9375rem;
  line-height: 1.7333333333;
  font-weight: 700;
}

.p-archives-review__content ul li {
  padding-left: 1em;
  position: relative;
  z-index: 0;
}

.p-archives-review__content ul li::before {
  content: "・";
  position: absolute;
  display: inline-block;
  top: 0;
  left: 0;
}

.p-archives-review__content ol {
  counter-reset: Num 0;
}

.p-archives-review__content ol li {
  counter-increment: Num 1;
  padding-left: 1em;
  position: relative;
  z-index: 0;
}

.p-archives-review__content ol li::before {
  content: counter(Num) ".";
  position: absolute;
  display: inline-block;
  top: 0;
  left: 0;
}

.p-archives-review__content table {
  width: 100%;
  table-layout: fixed;
  font-weight: 500;
}

.p-archives-review__content table thead th,
.p-archives-review__content table thead td {
  background-color: var(--c-base-dark);
  padding-block: 1em;
  padding-inline: 0;
  text-align: left;
}

.p-archives-review__content table tr {
  border-bottom: 1px solid #968f8a;
}

.p-archives-review__content table tr th:first-child,
.p-archives-review__content table tr td:first-child {
  min-width: 10.625rem;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  text-align: left;
}

.p-archives-review__content table tr th,
.p-archives-review__content table tr td {
  padding-block: 2rem;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.p-archives-review__content table tr th:not(:first-child),
.p-archives-review__content table tr td:not(:first-child) {
  padding-left: 2em;
}

.p-archives-review__content dl {
  width: 100%;
  font-weight: 500;
}

.p-archives-review__content dl dt {
  min-width: 10.625rem;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  text-align: left;
  padding-block: 2rem;
  border-bottom: 1px solid #968f8a;
  display: inline-block;
}

.p-archives-review__content dl dd {
  width: calc(100% - 12.5rem);
  border-bottom: 1px solid #968f8a;
  padding-block: 2rem;
  padding-left: 2em;
  display: inline-block;
}

.p-archives-review__content pre {
  white-space: pre-wrap;
}

/* ===============================================
# p-single
=============================================== */

.p-archives-single-fv__inner {
  max-width: 30rem;
  width: 100%;
  margin-inline: auto;
  padding-inline: 25px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 2rem;
}

.p-archives-single-fv__wrap {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.p-archives-single-fv__title {
  font-size: 2rem;
  line-height: 1.6;
  font-weight: 600;
  font-family: "sofia-pro", serif;
}

.p-archives-single-fv__date-place {
  font-size: 0.875rem;
  line-height: 1.6;
  font-family: "sofia-pro", serif;
  font-weight: 600;
  margin-top: 1.25rem;
}

.p-archives-single-fv__date {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.p-archives-single-fv__place {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.p-archives-single-fv__label {
  width: 3.75rem;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.p-archives-single-fv__value {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.p-archives-single-fv__title {
  font-size: 1.625rem;
  font-weight: 600;
  line-height: 1.6;
  font-family: "sofia-pro", serif;
}

.p-archives-single-fv__thumbnail {
  aspect-ratio: 864/477;
  overflow: hidden;
}

.p-archives-single-fv__thumbnail img {
  aspect-ratio: 864/477;
  -o-object-fit: cover;
     object-fit: cover;
  height: auto;
}

/* ===============================================
# p-single
=============================================== */

.p-archives-single {
  overflow: hidden;
  padding-top: 6.625rem;
}

/* ===============================================
# p-page-archives
=============================================== */

.p-page-archives__content {
  margin-top: 3.75rem;
}

.p-page-archives__list {
  margin-top: 6.1875rem;
}

.p-page-archives__item {
  width: 100%;
  position: relative;
}

.p-page-archives__item + .p-page-archives__item {
  margin-top: 2.875rem;
}

.p-page-archives__date {
  position: absolute;
  background: var(--c-base);
  padding-right: 1rem;
  padding-bottom: 1rem;
  line-height: normal;
  font-weight: 500;
  left: -0.25rem;
  top: -0.71875rem;
}

.p-page-archives__img {
  width: 100%;
  height: auto;
  aspect-ratio: 1280/670;
  overflow: hidden;
}

.p-page-archives__img img {
  aspect-ratio: 1280/670;
  -o-object-fit: cover;
     object-fit: cover;
  height: auto;
}

.p-page-archives__title {
  font-size: 1.5rem;
  line-height: 1.4;
  font-weight: 500;
  word-break: break-all;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  -webkit-margin-before: 1.25rem;
          margin-block-start: 1.25rem;
}

/* ===============================================
# guide
=============================================== */

.p-guide__wrapper {
  padding-top: 3.75rem;
}

.p-guide__wrapper + .p-guide__wrapper {
  padding-top: 4rem;
}

/* 募集要項
-------------------------------------*/

.p-requirements {
  margin-top: 2.75rem;
}

.p-requirements__row {
  padding: 1rem 0;
  border-bottom: 1px solid #707070;
}

.p-requirements__attention {
  color: var(--c-error);
  display: block;
}

.p-requirements__dt {
  font-size: 1rem;
}

.p-requirements__dd {
  font-size: 0.9375rem;
  margin-top: 0.5rem;
}

.p-requirements__item {
  padding-left: 1em;
  position: relative;
  z-index: 0;
}

.p-requirements__item::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.9em;
  display: block;
  width: 0.25rem;
  height: 0.25rem;
  border-radius: 50%;
  background: currentColor;
}

.p-requirements__item--head {
  padding-left: 0;
}

.p-requirements__item--head::before {
  background: transparent;
}

.p-requirements__num-list {
  padding-left: 1em;
}

.p-requirements__num-item {
  list-style: decimal;
}

.p-requirements__list-sub {
  padding-left: 1em;
}

.p-requirements__list-sub-item {
  list-style-type: lower-alpha;
}

.p-requirements__link {
  text-decoration-line: underline;
  text-decoration-color: currentColor;
  text-decoration-thickness: 1px;
  text-underline-offset: 2px;
  -webkit-text-decoration-skip-ink: none;
          text-decoration-skip-ink: none;
}

.p-requirements__examine-dt {
  padding-left: 1.0625rem;
  position: relative;
}

.p-requirements__examine-dt::before {
  content: "▼";
  position: absolute;
  width: 0.9375rem;
  height: 100%;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 0;
  color: currentColor;
}

.p-requirements__second-examine {
  margin-top: 2.8125rem;
}

/* 応募規約
-------------------------------------*/

.p-terms {
  margin-top: 3.75rem;
}

.p-terms__wrapper + .p-terms__wrapper {
  margin-top: 3.75rem;
}

.p-terms__title {
  font-size: 1.5rem;
  font-weight: 600;
}

.p-terms__list {
  margin-top: 1.1875rem;
}

.p-terms__item {
  padding-left: 1.4375rem;
  font-size: 0.9375rem;
  line-height: 2.1333333333;
  position: relative;
}

.p-terms__item::before {
  content: "";
  position: absolute;
  width: 0.25rem;
  height: 0.25rem;
  border-radius: 50%;
  left: 0.5625rem;
  top: 0.9375rem;
  background: currentColor;
}

.p-terms__list-number li {
  counter-increment: number;
  margin-left: -1.125rem;
}

.p-terms__list-number li:before {
  content: counter(number) ". ";
}

/* ===============================================
# privacy
=============================================== */

.p-privacy__container {
  margin-top: 3.625rem;
}

.p-privacy__lead {
  font-size: 0.875rem;
  line-height: 2;
}

.p-privacy__items {
  counter-reset: privacyNum 0;
  margin-top: 5rem;
}

.p-privacy__item {
  counter-increment: privacyNum 1;
}

.p-privacy__item + .p-privacy__item {
  margin-top: 3.75rem;
}

.p-privacy__head {
  font-size: 1.5rem;
  line-height: 1.6;
  font-weight: 700;
}

.p-privacy__body {
  margin-top: 2rem;
}

.p-privacy__text {
  margin-top: 2rem;
}

.p-privacy__body-items {
  font-size: 0.9375rem;
  line-height: 2.1333333333;
  counter-reset: privacyBodyNum 0;
}

.p-privacy__body-item {
  counter-increment: privacyBodyNum 1;
  padding-left: 1em;
  position: relative;
  z-index: 0;
}

.p-privacy__body-item::before {
  content: counter(privacyBodyNum) ". ";
  position: absolute;
  left: 0;
  top: 0;
}

.p-privacy__enactment {
  margin-top: 2rem;
}

.p-privacy__body-items--lower-alpha li {
  counter-increment: number 1;
  padding-left: 1em;
  position: relative;
}

.p-privacy__body-items--lower-alpha li::before {
  content: counter(number, lower-alpha) ". ";
  position: absolute;
  left: 0;
  top: 0;
}

.p-privacy__body-items--lower-roman {
  counter-reset: number 0;
}

.p-privacy__body-items--lower-roman li {
  counter-increment: number 1;
  padding-left: 1em;
  position: relative;
}

.p-privacy__body-items--lower-roman li::before {
  content: counter(number, lower-roman) ". ";
  position: absolute;
  left: 0;
  top: 0;
}

/* ===============================================
# u-animation
=============================================== */

/* ===============================================
# 汎用クラス
=============================================== */

.u-hidden-mobile {
  display: none !important;
}

.u-block-hidden-mobile {
  display: none !important;
}

.u-grid-hidden-mobile {
  display: none !important;
}

.u-flex-hidden-mobile {
  display: none !important;
}

.u-hidden-pc {
  display: inline-block !important;
}

.u-block-hidden-pc {
  display: block !important;
}

.u-grid-hidden-pc {
  display: grid !important;
}

.u-flex-hidden-pc {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}

.u-hidden {
  visibility: hidden;
  display: none;
}

.u-visible {
  visibility: visible !important;
  opacity: 1 !important;
}

.u-alternative {
  position: fixed !important;
  inset-block-start: 0 !important;
  inset-inline-start: 0 !important;
  display: block !important;
  inline-size: 4px !important;
  block-size: 4px !important;
  contain: strict !important;
  pointer-events: none !important;
  opacity: 0 !important;
}

/* ===============================================
# u-text
=============================================== */

.u-bold {
  font-weight: 700 !important;
}

.u-txtUpper {
  text-transform: uppercase !important;
}

.u-text-en {
  font-family: "sofia-pro", serif !important;
}

.u-text-event {
  font-family: superclarendon, serif !important;
}

.u-fz-large {
  font-size: 1.6em;
}

.u-underline {
  text-decoration-line: underline;
  text-decoration-color: currentColor;
  text-decoration-thickness: 1px;
  text-underline-offset: 2px;
  -webkit-text-decoration-skip-ink: none;
          text-decoration-skip-ink: none;
}

.u-text-grad {
  display: block;
  padding: inherit;
  font-size: inherit;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background: -webkit-gradient(linear, left top, right top, from(var(--gradation01)), to(var(--gradation02)));
  background: linear-gradient(90deg, var(--gradation01) 0%, var(--gradation02) 100%);
  background-repeat: no-repeat;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;
  -webkit-transition: opacity 0.4s ease, visibility 0.4s ease;
  transition: opacity 0.4s ease, visibility 0.4s ease;
  opacity: 0;
  visibility: hidden;
}

@media screen and (min-width: 768px) {
  html {
    font-size: 1.4285714286vw;
    scroll-padding-top: min(10.0694444444vw, 145px);
  }

  a[href^="tel:"] {
    pointer-events: none;
  }

  .l-footer {
    padding: 6.25rem 0;
  }

  .l-footer::after {
    -webkit-filter: blur(4.375rem);
            filter: blur(4.375rem);
  }

  .l-footer__inner {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    max-width: 1070px;
    padding-inline: 25px;
  }

  .l-footer__logo {
    margin: 0.8125rem 0 0 0;
    width: 13.125rem;
    height: auto;
    aspect-ratio: 116/210;
  }

  .l-footer__right {
    margin-left: auto;
  }

  .l-footer__container {
    margin-top: 0;
    gap: 5.25rem;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }

  .l-footer__nav {
    -webkit-column-gap: 5.25rem;
       -moz-column-gap: 5.25rem;
            column-gap: 5.25rem;
  }

  .l-footer__sns-text {
    margin-top: 1.25rem;
  }

  .l-footer__sns-items {
    margin-top: 1.75rem;
  }

  .l-footer__info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 5.1875rem;
  }

  .l-header {
    height: 8.75rem;
  }

  .l-header__inner {
    padding: 0 9rem 0 3.75rem;
  }

  .l-header__logo-wrap{
    display: flex;
    align-items: center;
    gap: 3.75rem;
  }

  .l-header__logo {
    width: 8.5rem;
    height: 4.6875rem;
  }

  .l-header__logo-img {
    aspect-ratio: 136/75;
  }

  .l-header__logo-text{
    display: block;
    font-family: "ATK-Studio-Tiposka", sans-serif;
    font-size: 11px;
    font-weight: 400;
    line-height: 120%;
    opacity: 0;
    visibility: hidden;
  }

  .l-header__logo-text.is-visible {
    opacity: 1;
    visibility: visible;
  }

  .l-header__nav {
    display: block;
    margin-left: auto;
  }

  .l-header__nav-item.l-header__nav-item--event {
    margin-left: 5rem;
  }

  .l-header__menu-btn {
    top: 3rem;
    right: 3.75rem;
  }

  .l-header__drawer {
    width: 54.125rem;
    border-radius: 1.25rem 0px 0px 1.25rem;
    padding-inline: min(7.7777777778vw, 112px) min(8.3333333333vw, 120px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .l-header__drawer-nav {
    padding-block: min(11.1111111111vw, 160px) 0;
    width: 18.5rem;
  }

  .l-header__drawer-items {
    grid-template-columns: 5.5625rem 6.5rem;
    gap: 0 4.5625rem;
    margin-top: 0;
    display: block;
    padding-bottom: 2.5rem;
  }

  .l-header__drawer-item {
    font-size: 3rem;
    line-height: 2;
  }

  .l-header__drawer-right {
    width: auto;
    margin-inline: auto 0;
    padding-top: min(11.1111111111vw, 160px);
  }

  .l-header__drawer-event {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 1.3125rem;
    padding-bottom: min(11.1111111111vw, 160px);
    padding-top: 40px;
  }

  .l-header__sns {
    margin-top: 1.5625rem;
  }

  .l-header__sns-items {
    margin-top: 0.8125rem;
  }

  .l-header__drawer-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-top: 3.5625rem;
    gap: 0.9375rem 1.125rem;
  }

  .l-header__drawer-item.l-header__drawer-item--entry a,
  .l-header__drawer-item.l-header__drawer-item--entry .text {
    font-size: 1.875rem;
    padding-block: 0.8125rem 0.9375rem;
    padding-inline: 6.8125rem 7.1875rem;
  }

  .l-header__drawer-logo {
    margin-top: 2.5rem;
    margin-inline: auto;
    width: 14.25rem;
    height: 7.875rem;
  }

  .l-header__drawer-logo-img {
    width: 14.25rem;
  }

  .l-inner {
    max-width: 1170px;
    padding-inline: 25px;
  }

  .l-inner--s {
    max-width: 876px;
  }

  .l-inner--ss {
    max-width: 850px;
  }

  .c-banner {
    padding-top: 5rem;
  }

  .c-banner__heading {
    font-size: 1.25rem;
  }

  .c-banner__img img {
    aspect-ratio: 1120/300;
  }

  .c-btn--large {
    width: 16.25rem;
  }

  .c-btn-entry {
    padding: 0.5rem 1.25rem;
  }

  .c-btn-entry__hover {
    padding: 0.5rem 1.25rem;
  }

  .c-contact-links {
    padding: 11.25rem 0 10rem;
  }

  .c-contact-links__inner {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 4.1875rem;
  }

  .c-contact-links__contact {
    margin-top: 0;
  }

  .c-contact-links__content {
    -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-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    margin-top: 1.8125rem;
    padding: 0 2.5rem;
  }

  .c-section__title.c-contact-links__title {
    font-size: 3rem;
  }

  .c-contact-links__link {
    margin-top: 0;
  }

  .c-contact-links__newsletter {
    width: 50%;
  }

  .c-contact-links__submit {
    margin-top: 2.5rem;
  }

  .c-404 {
    margin-top: 16.25rem;
  }

  .c-404__404 {
    font-size: 6.25rem;
    line-height: 1.1931818182;
  }

  .c-404__404-text {
    margin-top: 1.5rem;
  }

  .c-404__text {
    margin-top: 5rem;
  }

  .c-form {
    padding: 3.75rem;
  }

  .c-form__body {
    margin-top: 1.25rem;
  }

  .c-form__body.--separate {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .c-form__input.--separate + .c-form__input.--separate {
    margin-top: 0;
    margin-left: 1.5rem;
  }

  .c-form__body.--checkbox,
  .c-form__body.--radio {
    margin-top: 0.75rem;
  }

  .c-form__checkbox-wrap .wpcf7-form-control.wpcf7-checkbox,
  .c-form__radio-wrap .wpcf7-form-control.wpcf7-radio {
    gap: 0.5rem 1.25rem;
  }

  .c-form__row.c-form__row--agreement {
    margin-top: 2.5rem;
  }

  textarea {
    height: 16.875rem;
  }

  .c-form__select select,
  .c-form__input,
  .c-form__textarea {
    outline: 1px solid rgba(var(--c-main-text-rgb), 1);
  }

  .c-form__newsletter {
    margin-top: 1.375rem;
  }

  .c-form__input.--newsletter {
    font-size: 1.5rem;
    padding: 1rem 0;
  }

  .c-form__row--submit,
  .c-form__row--prev {
    margin-top: 2.5rem;
  }

  .p-page-news .c-pagination,
  .p-creators-archive__pagination .c-pagination {
    gap: 1.875rem;
    margin-top: 5rem;
  }

  .c-section {
    padding-top: 13.75rem;
  }

  .c-section__title {
    font-size: 4rem;
  }

  .c-section__title--jp {
    font-size: 1rem;
  }

  .c-section__content-title {
    font-size: 3rem;
  }

  .c-section__content-title-inner {
    flex-direction: row;
    align-items: flex-end;
    gap: 0.5em;
  }

  .c-section__content-title--jp {
    font-size: 0.875rem;
  }

  .p-top-about__vis svg {
    width: 90rem;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }

  .p-top-about__vis-text {
    font-size: 4.625rem;
    width: 100%;
    max-width: 61.25rem;
  }

  .p-top-about__inner {
    gap: min(3.8194444444vw, 55px);
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }

  .p-top-about__head {
    width: calc(28.25rem + min(6.1111111111vw, 88px));
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }

  .p-top-about__heading {
    font-size: 1.5rem;
  }

  .p-top-about__catch {
    font-size: 2.5rem;
    line-height: 1.6;
    margin-top: 20px;
  }

  .p-top-about__catch-sub {
    font-size: 1rem;
    margin-top: 5.9375rem;
  }

  .p-top-about__body {
    margin-top: 48px;
    width: auto;
  }

  .p-top-about__text {
    font-size: 1rem;
    line-height: 2.5;
  }

  .p-top-about__btn {
    margin-top: 1.875rem;
  }

  .p-top-about__scrolling-text {
    margin-top: 6rem;
  }

  .p-top-about__scrolling-text-item {
    font-size: 134.854px;
  }

  .p-top-fv {
    padding-block: 6.25rem 2.125rem;
  }

  .p-top-fv__inner {
    max-width: 800px;
    padding-inline: 25px;
  }

  .p-top-fv__main {
    height: auto;
  }

  .p-top-fv__title {
    width: 100%;
    height: auto;
  }

  .p-top-fv__sub-title {
    width: 100%;
    margin-top: 2.25rem;
  }

  .p-top-fv__foot {
    margin-top: 2rem;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }

  .p-top-fv__sub {
    font-size: 1.25rem;
  }

  .p-top-fv__sub .p-top-fv__sub--large {
    font-size: 2rem;
    line-height: 1.6;
  }

  .p-top-fv__runby-wrap {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 2.5rem;
  }

  .p-top-fv__runby-logo--makers {
    width: 8.875rem;
  }

  .p-top-fv__runby-logo--ndl {
    width: 4.5rem;
  }

  .p-top-fv__runby-logo--worldmap {
    width: 7.5rem;
  }

  .p-top-loading__inner {
    padding-block: min(4.1666666667vw, 60px);
  }

  .p-top-loading__logo {
    width: min(11.3194444444vw, 163px);
  }

  .p-top-loading__progress {
    width: min(15.8333333333vw, 228px);
  }

  .p-top-loading__progress::after {
    top: -2rem;
    width: min(5.4166666667vw, 78px);
  }

  .p-top-loading__percentage {
    font-size: min(5.625vw, 81px);
  }

  .p-top-news {
    padding-top: 6.875rem;
    padding-bottom: 9.5625rem;
  }

  .p-top-news__container {
    margin-top: 4.375rem;
  }

  .p-top-news__item + .p-top-news__item {
    margin-top: 2.1875rem;
  }

  .p-top-news__link {
    padding-block: 2.1875rem;
    padding-inline: 2rem 5rem;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 1.5rem;
  }

  .p-top-news__link::after {
    right: 2rem;
  }

  .p-top-news__date {
    font-size: 1rem;
  }

  .p-top-news__title {
    -webkit-line-clamp: 1;
    font-size: 1rem;
    line-height: 1;
  }

  .p-top-sponpors {
    -webkit-padding-before: 8.75rem;
            padding-block-start: 8.75rem;
  }

  .p-top-sponpors__container {
    -webkit-margin-before: 4rem;
            margin-block-start: 4rem;
  }

  .p-top-sponpors__items {
    grid-template-columns: repeat(3, 1fr);
    gap: 2rem;
  }

  .p-about-community {
    padding-top: 8.75rem;
  }

  .p-about-community__container {
    margin-top: 3.75rem;
  }

  .p-about-community__wrap {
    gap: min(5.4166666667vw, 78px);
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }

  .p-about-community__title {
    font-size: 2rem;
  }

  .p-about-community__text {
    margin-top: 1.25rem;
  }

  .p-about-community__img {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    width: min(37.7777777778vw, 544px);
  }

  .p-about-fv__vis {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }

  .p-about-fv__head {
    display: block;
    width: 40%;
  }

  .p-about-fv__catch {
    -webkit-box-ordinal-group: unset;
        -ms-flex-order: unset;
            order: unset;
    margin-top: 0;
    font-size: min(3.8888888889vw, 44px);
    line-height: 1.8181818182;
  }

  .p-about-fv__img {
    -webkit-box-ordinal-group: unset;
        -ms-flex-order: unset;
            order: unset;
    margin-top: -2.5rem;
    margin-inline: calc(50% - 50vw + 50%) 0;
  }

  .p-about-fv__img svg {
    width: 100%;
  }

  .p-about-fv__lead {
    margin-top: 0;
    width: 60%;
    -webkit-box-ordinal-group: unset;
        -ms-flex-order: unset;
            order: unset;
  }


  .p-about-fv__text br{
    display: inline;
  }

  .p-about-management {
    padding-top: 8.75rem;
  }

  .p-about-management__container {
    margin-top: 3.75rem;
    gap: min(5.4166666667vw, 78px);
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }

  .p-about-management__title {
    font-size: 2rem;
  }

  .p-about-management__text {
    margin-top: 1.25rem;
  }

  .p-about-management__img {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    width: min(37.7777777778vw, 544px);
  }

  .p-about-slider {
    padding-top: 10.875rem;
  }

  .p-about-slider__slide {
    width: 36.5rem;
    padding-inline: 1.25rem;
  }

  .p-about-slider__slide img {
    aspect-ratio: 544/306;
  }

  .p-about-slider__slide::before {
    /* マスクを削除 */
    display: none;
  }

  .p-about-venn-diagram__container{
    flex-direction: row;
    align-items: center;
    gap: 34px;
  }

  .venn-diagram__wrap{
    width: 50%;
  }

  .venn-diagram__content{
    width: 50%;
    padding-left: 40px;
  }

  .venn-diagram__title{
    font-size: 44px;
    margin-bottom: 23px;
  }

  .venn-diagram__text br{
    display: inline;
  }

  .venn-diagram__text{
    margin-bottom: 32px;
    font-size: 15px;
  }

  .p-sponsors-benefits {
    padding-block: 6.25rem 3.75rem;
  }

  .p-sponsors-benefits__inner {
    max-width: 90rem;
    padding-inline: min(3.4722222222vw, 50px);
  }

  .p-sponsors-benefits__container {
    height: 100%;
    gap: min(2.7777777778vw, 40px);
    padding-block: min(4.1666666667vw, 121px) min(4.1666666667vw, 105px);
    padding-inline: min(6.9444444444vw, 110px) min(8.3333333333vw, 150px);
  }

  .p-sponsors-benefits__items {
    grid-template-columns: repeat(3, 1fr);
    gap: 2rem;
  }

  .p-sponsors-benefits__title {
    font-size: 1.625rem;
  }

  .p-sponsors-faq__container {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }

  .p-sponsors-faq__heading {
    padding-top: 12.5rem;
    width: 16.875rem;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    position: sticky;
    top: 0;
    left: 0;
  }

  .p-sponsors-faq__content {
    padding-top: 12.5rem;
  }

  .p-sponsors-flow__container {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }

  .p-sponsors-flow__heading {
    padding-top: 12.5rem;
    width: 16.875rem;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    position: sticky;
    top: 0;
    left: 0;
  }

  .p-sponsors-flow__content {
    padding-top: 12.5rem;
  }

  .p-sponsors-flow__title {
    font-size: min(1.9444444444vw, 32px);
    margin-top: 1rem;
  }

  .p-sponsors-flow__text {
    margin-top: 1rem;
  }

  .p-sponsors-fv__vis {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: 5rem;
    margin-top: 5rem;
  }

  .p-sponsors-fv__head {
    font-size: min(3.8888888889vw, 44px);
    line-height: 1.8181818182;
    padding-left: min(4.1666666667vw, 60px);
    width: 34.375rem;
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }

  .p-sponsors-fv__body {
    padding-right: min(4.1666666667vw, 60px);
  }

  .p-sponsors-fv__btn {
    margin-top: 2.5rem;
  }

  .p-sponsors-fv__container {
    margin-top: 6.25rem;
    padding-block: 2.5rem;
    gap: 2.5rem;
  }

  .p-sponsors-fv__item {
    padding-inline: 5rem;
    max-height: 2.5rem;
  }

  .p-sponsors-plans {
    padding-top: 5rem;
  }

  .p-sponsors-plans__heading {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }

  .p-sponsors-plans__btn .swiper-button-prev,
  .p-sponsors-plans__btn .swiper-button-next {
    width: 4rem;
  }

  .p-sponsors-plans__container {
    margin-top: 4rem;
  }

  .p-sponsors-plans__item {
    padding-inline: 2rem;
    gap: 2.5rem;
  }

  .p-sponsors-plans__title {
    gap: 1.25rem;
    font-size: 2.75rem;
  }

  .p-sponsors-plans__lead {
    margin-top: min(1.6666666667vw, 24px);
    line-height: 2.1333333333;
  }

  .p-sponsors-plans__price {
    font-size: min(2.6388888889vw, 38px);
  }

  .p-sponsors-plans__content {
    margin-top: min(1.6666666667vw, 24px);
  }

  .p-sponsors-plans__row {
    padding-top: min(1.6666666667vw, 24px);
  }

  .p-sponsors-plans__row + .p-sponsors-plans__row {
    margin-top: min(1.6666666667vw, 24px);
  }

  .p-sponsors-plans__key {
    font-size: min(1.5277777778vw, 20px);
    line-height: 2.1333333333;
  }

  .p-sponsors-plans__value {
    width: 2rem;
  }

  .p-event-about__container {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: min(3.8194444444vw, 55px);
  }

  .p-event-about__heading {
    width: calc(28.25rem + min(6.1111111111vw, 88px));
    -ms-flex-negative: 0;
        flex-shrink: 0;
    padding-top: 8.75rem;
    position: sticky;
    top: 0;
    left: 0;
  }

  .p-event-about__content {
    padding-top: 8.75rem;
    width: 27.25rem;
  }

  .p-event-about__body-line {
    width: min(3.4722222222vw, 50px);
  }

  .p-event-animation__bg {
    padding-inline: 25px;
  }

  .p-event-animation__bg:nth-of-type(2) {
    background-color: transparent;
    -webkit-transform: translateX(max(-60%, -67.5rem));
            transform: translateX(max(-60%, -67.5rem));
  }

  .p-event-animation__bg:nth-of-type(3) {
    background-color: transparent;
    -webkit-transform: translateX(min(60%, 67.5rem));
            transform: translateX(min(60%, 67.5rem));
  }

  .p-event-animation__error {
    width: min(47.0138888889vw, 677px);
  }

  .p-event-animation__text {
    width: min(47.0138888889vw, 677px);
  }

  .p-event-animation__fin {
    background-position: top left;
    background-size: 60%;
  }

  .p-event-contents__definitions{
    margin-top: 50px;
    padding: 52px 32px;
  }

  .p-event-contents__definitions-items{
    grid-template-columns: repeat(3, 1fr);
  }

  .p-event-contents__definitions-item{
    padding-top: 0;
    padding-bottom: 0;
    border-bottom: none;
    padding-left: 32px;
    padding-right: 32px;
    border-right: 1px solid var(--c-white);
  }

  .p-event-contents__definitions-item:first-child{
    padding-left: 0;
  }

  .p-event-contents__definitions-item:last-child{
    padding-right: 0;
    border-right: none;
  }

  .p-event-contents__definitions-caution{
    padding-top: 51px;
    flex-direction: row;
    align-items: flex-start;
    gap: 64px;
  }

  .p-event-contents__definitions-caution svg{
    width: 64px;
    height: 64px;
  }

  .p-event-contents__definitions-caution-title{
    font-size: 40px;
    margin-top: 8px;
    padding-left: 16px;
  }

  .p-event-contents__definitions-title{
    font-size: 40px;
  }

  .p-event-contents__exhibition {
    margin-top: 6.875rem;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: min(3.8194444444vw, 55px);
  }

  .p-event-contents__exhibition-title {
    font-size: 4rem;
    width: calc(28.25rem + min(6.1111111111vw, 88px));
  }

  .p-event-contents__exhibition-body {
    width: 27.25rem;
  }

  .p-event-contents__exhibition-head {
    font-size: 2rem;
  }

  .p-event-contents__band {
    margin-top: 8.75rem;
  }

  .p-event-contents__head {
    font-size: 3rem;
  }

  .p-event-contents__head--jp {
    font-size: 0.875rem;
  }

  .p-event-contents__number {
    font-size: 1.5rem;
  }

  .p-event-contents__games {
    grid-template-columns: repeat(3, 1fr);
    margin-top: 4rem;
    gap: 4rem;
  }

  .p-event-contents__game-title {
    margin-top: 1rem;
    font-size: 1.625rem;
  }

  .p-event-contents__game-creator {
    margin-top: 0.5rem;
    font-size: 1rem;
  }

  .p-event-contents__game-modal {
    width: min(45.8333333333vw, 660px);
  }

  .p-event-contents__game-modal-container {
    padding: min(4.1666666667vw, 60px) min(5.5555555556vw, 80px);
  }

  .p-event-contents__game-modal-headline {
    font-size: 1.625rem;
  }

  .p-event-contents__game-modal-video::before {
    width: 4.375rem;
  }

  .p-event-contents__notice {
    -webkit-margin-before: 2rem;
            margin-block-start: 2rem;
  }

  .p-event-contents__creator{
    padding: 53px 100px;
    flex-direction: row;
    gap: 80px;
  }

  .p-event-contents__creator--img{
    max-width: 325px;
  }

  .p-event-cta {
    padding-top: 5rem;
  }

  .p-event-cta__wrap {
    grid-template-columns: repeat(2, auto);
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }

  .p-event-cta__btn {
    width: 27.5rem;
    margin-inline: 0;
  }

  .p-event-faq__container {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }

  .p-event-faq__heading {
    padding-top: 8.75rem;
    width: 16.875rem;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    top: 0;
    left: 0;
  }

  .p-event-faq__content {
    width: 100%;
  }

  .p-event-fv {
    padding-top: 8.75rem;
    position: relative;
    z-index: 0;
    height: 100dvh;
    max-height: 47.5625rem;
  }

  .p-event-fv__inner {
    width: calc(100% - 50px);
    padding-block: 4.25rem;
    padding-inline: 4rem;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    position: relative;
    z-index: 0;
  }

  .p-event-fv__wrap {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    z-index: 0;
    pointer-events: none;
    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;
  }

  .p-event-fv__title {
    width: 31.4375rem;
    margin-top: -2.5rem;
  }

  .p-event-fv__content {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }

  .p-event-fv__info {
    gap: 4rem;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }

  .p-event-fv__date {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }

  .p-event-fv__deadline {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }

  .p-event-fv__body-line {
    width: min(3.4722222222vw, 50px);
  }

  .p-event-sponsors {
    padding-top: 8.75rem;
  }

  .p-event-sponsors__container {
    margin-top: 3.75rem;
    padding-block: 2.5rem;
    gap: 2.5rem;
  }

  .p-event-sponsors__item {
    padding-inline: 5rem;
    max-height: 2.5rem;
  }

  .p-event-theme {
    padding-top: 6.25rem;
  }

  .p-event-theme__container {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    gap: min(3.8194444444vw, 55px);
  }

  .p-event-theme__head {
    width: calc(28.25rem + min(6.1111111111vw, 88px));
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }

  .p-event-theme__heading {
    font-size: 1.75rem;
  }

  .p-event-theme__title {
    font-size: 5.75rem;
  }

  .p-event-theme__body {
    margin-top: 5.125rem;
    width: 27.25rem;
  }

  .p-single {
    padding-top: 16.1875rem;
  }

  .p-single__date {
    font-size: 0.9375rem;
  }

  .p-page-news-single__categories {
    font-size: 0.9375rem;
  }

  .p-single__title-wrapper {
    margin-top: 0.75rem;
  }

  .p-single__title {
    font-size: 2rem;
  }

  .p-single__sns {
    -webkit-margin-before: 1.5rem;
            margin-block-start: 1.5rem;
  }

  .p-single__thumbnail {
    margin-top: 1.75rem;
    width: 100%;
  }

  .p-single__content {
    margin-top: 3.1875rem;
  }

  .p-single__content blockquote {
    padding-left: 2.5rem;
  }

  .p-single__content h1 {
    font-size: 2rem;
  }

  .p-single__content h2 {
    font-size: 1.625rem;
    line-height: 1.6;
  }

  .p-single__content h6 {
    font-size: 1rem;
  }

  .p-page-news__list {
    margin-top: 4.125rem;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2.5rem 1.75rem;
  }

  .p-page-news__item + .p-page-news__item {
    margin-top: 0;
  }

  .p-faq__head-question {
    padding: 1.4375rem 5rem 1.4375rem 2.375rem;
  }

  .p-faq__answer-inner {
    padding: 1rem 5rem 1.4375rem 2.375rem;
  }

  .p-page-thanks__text {
    margin-top: 3.75rem;
    font-size: 3rem;
  }

  .p-entry__row--file {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }

  .p-entry__file {
    width: 12.75rem;
    height: 7.5rem;
  }

  .p-creators-archive__lead {
    margin-top: 3.75rem;
  }

  .p-creators-archive__container {
    margin-top: min(5.5555555556vw, 80px);
  }

  .p-creators-archive__content {
    margin-top: min(4.7222222222vw, 68px);
  }

  .p-creators-archive__wrap {
    row-gap: min(2.7777777778vw, 40px);
    -webkit-column-gap: min(2.3611111111vw, 34px);
       -moz-column-gap: min(2.3611111111vw, 34px);
            column-gap: min(2.3611111111vw, 34px);
  }

  .p-creators-archive__item {
    max-width: calc((100% - min(2.3611111111vw, 34px) * 2) / 3);
  }

  .p-creators-archive__label {
    top: max(-0.4861111111vw, -7px);
    padding: 0.0625rem min(0.8333333333vw, 12px) min(0.8333333333vw, 12px) 0.0625rem;
  }

  .p-creators-archive__name span {
    font-size: min(2.2222222222vw, 32px);
  }

  .p-creators-archive__game-title span {
    font-size: min(1.3888888889vw, 20px);
  }

  .p-creators-archive__pagination {
    margin-top: min(5.5555555556vw, 80px);
  }

  .is-overflow-title.is-marquee span {
    -webkit-animation-name: none;
            animation-name: none;
  }

  .p-creators-fv__vis {
    margin-top: 8.75rem;
    height: 22.5rem;
  }

  .p-creators-fv__creator {
    padding-block: min(5.5555555556vw, 80px) min(4.1666666667vw, 60px);
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: min(2.7777777778vw, 40px);
  }

  .p-creators-fv__prize {
    margin-left: auto;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    top: min(5.5555555556vw, 80px);
    right: 0;
    left: unset;
  }

  .p-creators-fv__prize-icon {
    width: min(2.9861111111vw, 43px);
  }

  .p-creators-fv__creator-img {
    margin-inline: 0;
  }

  .p-creators-fv__creator-body {
    max-width: 41.25rem;
  }

  .p-creators-fv__creator-name {
    font-size: min(4.1666666667vw, 60px);
  }

  .p-creators-fv__creator-lead {
    margin-top: min(1.1111111111vw, 16px);
  }

  .p-creators-fv__creator-sns {
    margin-top: min(2.2222222222vw, 32px);
  }

  .p-creators-fv__creator-sns-icon img {
    width: min(2.0833333333vw, 30px);
  }

  .p-creators-fv__creator-sns-link.--note img {
    width: min(4.8611111111vw, 30px);
  }

  .p-creators-games {
    padding-top: 6.25rem;
  }

  .p-creators-games__container {
    margin-top: min(4.8611111111vw, 70px);
  }

  .p-creators-games__list {
    gap: min(5.5555555556vw, 80px);
  }

  .p-creators-games__item {
    grid-template-columns: min(41.6666666667vw, 528px) 1fr;
    gap: 4rem;
  }

  .p-creators-games__prize {
    top: max(-0.4861111111vw, -7px);
    padding: 0.0625rem min(0.8333333333vw, 12px) min(0.8333333333vw, 12px) 0.0625rem;
  }

  .p-creators-games__prize span {
    font-size: min(1.5277777778vw, 22px);
  }

  .p-creators-games__body {
    margin-top: 0;
  }

  .p-creators-games__title {
    font-size: min(2.2222222222vw, 32px);
  }

  .p-creators-games__option {
    padding-bottom: min(1.6666666667vw, 24px);
    margin-top: min(2.2222222222vw, 32px);
  }

  .p-creators-games__tags-label {
    width: auto;
  }

  .p-creators-games__Publisher-label {
    width: auto;
  }

  .p-creators-games__buy-on-head {
    font-size: min(1.3888888889vw, 20px);
  }

  .p-creators-games__buy-on-list {
    margin-top: min(1.6666666667vw, 24px);
    grid-template-columns: repeat(3, 1fr);
    row-gap: min(2.7777777778vw, 40px);
    -webkit-column-gap: min(1.25vw, 18px);
       -moz-column-gap: min(1.25vw, 18px);
            column-gap: min(1.25vw, 18px);
  }

  .p-creators-related {
    padding-top: 8.75rem;
  }

  .p-archives-award {
    padding-top: 8.75rem;
  }

  .p-archives-award__list {
    margin-top: 3.75rem;
    grid-template-columns: repeat(2, 1fr);
  }

  .p-archives-award__title {
    font-size: 2rem;
  }

  .p-archives-award__creator {
    font-size: 1.125rem;
  }

  .p-archives-award__publisher {
    font-size: 1.125rem;
  }

  .p-archives-games {
    padding-top: 8.75rem;
  }

  .p-archives-games__list {
    margin-top: 3.75rem;
    grid-template-columns: repeat(3, 1fr);
    gap: 2.5rem;
  }

  .p-archives-games__title {
    font-size: 2rem;
  }

  .p-archives-games__creator {
    font-size: 1.125rem;
  }

  .p-archives-games__publisher {
    font-size: 1.125rem;
  }

  .p-archives-review {
    padding-top: 8.75rem;
  }

  .p-archives-review__content {
    padding-inline: min(9.375vw, 135px);
    margin-top: 3.75rem;
  }

  .p-archives-review__content blockquote {
    padding-left: 2.5rem;
  }

  .p-archives-review__content h1 {
    font-size: 2rem;
  }

  .p-archives-review__content h2 {
    font-size: 1.625rem;
    line-height: 1.6;
  }

  .p-archives-review__content h6 {
    font-size: 1rem;
  }

  .p-archives-single-fv__inner {
    max-width: 1170px;
    padding-inline: 25px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 0;
  }

  .p-archives-single-fv__title {
    font-size: 3.75rem;
  }

  .p-archives-single-fv__date-place {
    margin-top: 4.875rem;
  }

  .p-archives-single-fv__title {
    font-size: 3.75rem;
  }

  .p-archives-single-fv__thumbnail {
    margin-top: 8rem;
    width: 54rem;
    margin-left: max(-14.1666666667vw, -204px);
    margin-right: -6.25rem;
  }

  .p-archives-single {
    padding-top: 16.1875rem;
  }

  .p-page-archives__list {
    margin-top: 4.125rem;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 2.625rem;
  }

  .p-page-archives__item + .p-page-archives__item {
    margin-top: 0;
  }

  .p-page-archives__title {
    font-size: 1.625rem;
    -webkit-margin-before: 1.5rem;
            margin-block-start: 1.5rem;
  }

  .p-guide__wrapper {
    padding-top: 6.25rem;
  }

  .p-guide__wrapper + .p-guide__wrapper {
    padding-top: 7.25rem;
  }

  .p-requirements {
    margin-top: 3.5rem;
  }

  .p-requirements__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 1.5rem 0;
  }

  .p-requirements__dt {
    max-width: 10.8125rem;
    width: 100%;
  }

  .p-requirements__dd {
    margin-top: 0;
  }

  .p-terms {
    margin-top: 3.3125rem;
  }

  .p-terms__wrapper + .p-terms__wrapper {
    margin-top: 5.75rem;
  }

  .p-terms__title {
    font-size: 1.625rem;
  }

  .p-privacy__container {
    max-width: 53.125rem;
    margin: 6.25rem auto 0;
  }

  .p-privacy__lead {
    font-size: 0.9375rem;
    max-width: 44.75rem;
    line-height: 2.1333333333;
  }

  .p-privacy__head {
    font-size: 2.25rem;
  }

  .p-privacy__text {
    margin-top: 1.75rem;
  }

  .u-hidden-mobile {
    display: inline-block !important;
  }

  .u-block-hidden-mobile {
    display: block !important;
  }

  .u-grid-hidden-mobile {
    display: grid !important;
  }

  .u-flex-hidden-mobile {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }

  .u-hidden-pc {
    display: none !important;
  }

  .u-block-hidden-pc {
    display: none !important;
  }

  .u-grid-hidden-pc {
    display: none !important;
  }

  .u-flex-hidden-pc {
    display: none !important;
  }
}

@media (min-width: 1120px) {
  html {
    font-size: 16px;
  }
}

@media screen and (min-width: 1440px) {
  .p-about-fv__img {
    margin-inline: -170px 0;
  }
}

@media (max-width: 374px) {
  html {
    font-size: 4.2780748663vw;
  }
}

@media (hover: hover) {
  a:hover {
    text-decoration: none;
    opacity: 0.7;
    cursor: pointer;
  }

  button:hover {
    text-decoration: none;
    opacity: 0.7;
  }

  .c-btn:hover {
    opacity: 1;
  }

  .c-btn:hover .c-btn__arrow {
    width: 5.8125rem;
  }

  .c-btn.c-btn--disabled:hover .c-btn__arrow {
    width: 1.875rem;
  }

  .c-btn--wide:hover {
    opacity: 1;
  }

  .c-btn--wide:hover .c-btn__arrow {
    width: 4rem;
  }

  .c-btn-entry:hover {
    opacity: 0;
    visibility: visible;
  }

  .c-btn-entry:hover + .c-btn-entry__hover {
    opacity: 1;
    visibility: visible;
  }

  .c-404__text:hover {
    visibility: visible;
  }

  .c-404__text:hover .c-btn__arrow {
    width: 50%;
  }

  .p-page-news .prev:hover,
  .p-page-news .next:hover,
  .p-creators-archive__pagination .prev:hover,
  .p-creators-archive__pagination .next:hover {
    opacity: 1;
    visibility: visible;
  }

  .p-page-news .prev:hover .c-pagination__prev-arrow,
  .p-page-news .prev:hover .c-pagination__next-arrow,
  .p-page-news .next:hover .c-pagination__prev-arrow,
  .p-page-news .next:hover .c-pagination__next-arrow,
  .p-creators-archive__pagination .prev:hover .c-pagination__prev-arrow,
  .p-creators-archive__pagination .prev:hover .c-pagination__next-arrow,
  .p-creators-archive__pagination .next:hover .c-pagination__prev-arrow,
  .p-creators-archive__pagination .next:hover .c-pagination__next-arrow {
    background-color: var(--c-main-text);
  }

  .p-page-news .prev:hover .c-pagination__prev-arrow::before,
  .p-page-news .prev:hover .c-pagination__next-arrow::before,
  .p-page-news .next:hover .c-pagination__prev-arrow::before,
  .p-page-news .next:hover .c-pagination__next-arrow::before,
  .p-creators-archive__pagination .prev:hover .c-pagination__prev-arrow::before,
  .p-creators-archive__pagination .prev:hover .c-pagination__next-arrow::before,
  .p-creators-archive__pagination .next:hover .c-pagination__prev-arrow::before,
  .p-creators-archive__pagination .next:hover .c-pagination__next-arrow::before {
    background-color: var(--c-base);
  }

  .p-top-news__link:hover {
    opacity: 1;
    border: 1px solid var(--c-base);
    -webkit-transform: translate(-1.3125rem, 0rem);
            transform: translate(-1.3125rem, 0rem);
    color: var(--c-white);
  }

  .p-top-news__link:hover::before {
    opacity: 0;
    visibility: hidden;
  }

  .p-top-news__link:hover .p-top-news__label {
    color: var(--c-white);
    -webkit-transform: translate(0px, -70%);
            transform: translate(0px, -70%);
  }

  .swiper-button-prev:hover {
    background-color: var(--c-white);
  }

  .swiper-button-prev:hover .p-sponsors-plans__btn-prev {
    background-color: var(--c-base);
  }

  .swiper-button-next:hover {
    background-color: var(--c-white);
  }

  .swiper-button-next:hover .p-sponsors-plans__btn-next {
    background-color: var(--c-base);
  }

  .p-single__content a:hover {
    opacity: 1;
    text-decoration-line: underline;
    text-decoration-color: rgba(var(--c-main-text), 0);
  }

  .p-creators-archive__link:hover {
    opacity: 1;
    visibility: visible;
  }

  .p-creators-archive__link:hover .p-creators-archive__img img {
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
  }

  .p-creators-archive__link:hover .is-overflow-title.is-marquee span {
    -webkit-animation-name: marquee;
            animation-name: marquee;
  }

  .p-creators-games__Publisher-link:hover {
    opacity: 1;
  }

  .p-creators-games__Publisher-link:hover::after {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
  }

  .p-creators-games__buy-on-link:hover {
    opacity: 1;
    color: var(--c-base);
    background-color: var(--c-white);
  }

  .p-archives-review__content a:hover {
    opacity: 1;
    text-decoration-line: underline;
    text-decoration-color: rgba(var(--c-main-text), 0);
  }
}

@media (any-hover: hover) {
  .l-header__drawer-item.l-header__drawer-item--entry:hover {
    color: var(--c-base-dark);
  }

  .l-header__drawer-item.l-header__drawer-item--entry:hover::before {
    opacity: 1;
    visibility: visible;
  }

  .l-header__drawer-item.l-header__drawer-item--entry:hover a {
    opacity: 1;
    color: var(--c-white);
  }

  .p-page-news .page-numbers:hover,
  .p-creators-archive__pagination .page-numbers:hover {
    opacity: 1;
    color: var(--c-main-text);
  }

  .p-top-sponpors__link:hover {
    opacity: 1;
    visibility: visible;
  }

  .p-top-sponpors__link:hover + img {
    scale: 1.05;
  }

  .p-event-contents {
    padding-top: 6.25rem;
    padding-bottom: 6.25rem;
  }

  .p-event-contents__game:hover .p-event-contents__game-img img {
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
  }

  .p-event-contents__game-modal-btn:hover {
    opacity: 1;
    background-color: var(--eventcolor-main);
    color: var(--c-main-text);
  }

  .p-event-cta__btn:not(.p-event-cta__btn--disabled):hover {
    opacity: 1;
    visibility: visible;
    background-color: var(--c-white);
    color: var(--eventcolor-main);
  }

  .p-event-cta__btn.p-event-cta__btn--invert:hover {
    background-color: var(--eventcolor-main);
    color: var(--c-white);
  }

  .p-event-cta__btn.p-event-cta__btn--invert:hover::before {
    opacity: 1;
    visibility: visible;
  }
}
/*# sourceMappingURL=style.css.map */