@import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+JP:wght@400;500;600&display=swap");

@charset "utf-8";
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;
}
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;
}
button {
  display: block;
  cursor: pointer;
  font-family: "ClashDisplay-Variable", "IBM Plex Sans JP", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
}
*[data-txtgradient="blue-orange"] {
  background: linear-gradient(92deg, #3e9bff 0%, #c4eca8 50.07%, #ffa425 100.14%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
*[data-txtgradient="red-lightblue"] {
  background: linear-gradient(92deg, #ff4f4f 0%, #7cfeb0 50.07%, #75e1ff 100.14%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
*[data-txtgradient="green-pink"] {
  background: linear-gradient(92deg, #7cfeb0 0%, #987cfe 50.07%, #f9b4e7 100.14%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
*[data-fontweight="regular"] {
  font-weight: 400;
}
*[data-fontweight="medium"] {
  font-weight: 500;
}
*[data-fontweight="semibold"] {
  font-weight: 600;
}
*[data-fontweight="bold"] {
  font-weight: 700;
}
*[data-fontweight="extrabold"] {
  font-weight: 800;
}
*[data-fontweight="black"] {
  font-weight: 900;
}
@-webkit-keyframes upcomingCardShow {
  from {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transform: translate(0, 20%) rotate(-3deg);
            transform: translate(0, 20%) rotate(-3deg);
  }
  to {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-transform: translate(0, 0) rotate(0deg);
            transform: translate(0, 0) rotate(0deg);
  }
}
@keyframes upcomingCardShow {
  from {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transform: translate(0, 20%) rotate(-3deg);
            transform: translate(0, 20%) rotate(-3deg);
  }
  to {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-transform: translate(0, 0) rotate(0deg);
            transform: translate(0, 0) rotate(0deg);
  }
}
@-webkit-keyframes simpleFadeIn {
  from {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  }
  to {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  }
}
@keyframes simpleFadeIn {
  from {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  }
  to {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  }
}
@-webkit-keyframes aboutTxtFadeIn {
  from {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transform: translateY(1em);
            transform: translateY(1em);
  }
  to {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@keyframes aboutTxtFadeIn {
  from {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transform: translateY(1em);
            transform: translateY(1em);
  }
  to {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@-webkit-keyframes cardHoverAnime {
  0% {
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur in="SourceAlpha" stdDeviation="0" /><feOffset dx="1" dy="1" result="offsetblur" /><feFlood flood-color="rgba(255,255,255,0.2)" /><feComposite in2="offsetblur" operator="in" /><feMerge><feMergeNode /><feMergeNode in="SourceGraphic" /></feMerge></filter></svg>#filter');
    -webkit-filter: drop-shadow(0 0 0 rgba(255,255,255,0.2));
            filter: drop-shadow(0 0 0 rgba(255,255,255,0.2));
  }
  30%, 60% {
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur in="SourceAlpha" stdDeviation="10" /><feOffset dx="1" dy="1" result="offsetblur" /><feFlood flood-color="rgba(255,255,255,0.2)" /><feComposite in2="offsetblur" operator="in" /><feMerge><feMergeNode /><feMergeNode in="SourceGraphic" /></feMerge></filter></svg>#filter');
    -webkit-filter: drop-shadow(0 0 10px rgba(255,255,255,0.2));
            filter: drop-shadow(0 0 10px rgba(255,255,255,0.2));
  }
  100% {
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur in="SourceAlpha" stdDeviation="0" /><feOffset dx="1" dy="1" result="offsetblur" /><feFlood flood-color="rgba(255,255,255,0.2)" /><feComposite in2="offsetblur" operator="in" /><feMerge><feMergeNode /><feMergeNode in="SourceGraphic" /></feMerge></filter></svg>#filter');
    -webkit-filter: drop-shadow(0 0 0 rgba(255,255,255,0.2));
            filter: drop-shadow(0 0 0 rgba(255,255,255,0.2));
  }
}
@keyframes cardHoverAnime {
  0% {
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur in="SourceAlpha" stdDeviation="0" /><feOffset dx="1" dy="1" result="offsetblur" /><feFlood flood-color="rgba(255,255,255,0.2)" /><feComposite in2="offsetblur" operator="in" /><feMerge><feMergeNode /><feMergeNode in="SourceGraphic" /></feMerge></filter></svg>#filter');
    -webkit-filter: drop-shadow(0 0 0 rgba(255,255,255,0.2));
            filter: drop-shadow(0 0 0 rgba(255,255,255,0.2));
  }
  30%, 60% {
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur in="SourceAlpha" stdDeviation="10" /><feOffset dx="1" dy="1" result="offsetblur" /><feFlood flood-color="rgba(255,255,255,0.2)" /><feComposite in2="offsetblur" operator="in" /><feMerge><feMergeNode /><feMergeNode in="SourceGraphic" /></feMerge></filter></svg>#filter');
    -webkit-filter: drop-shadow(0 0 10px rgba(255,255,255,0.2));
            filter: drop-shadow(0 0 10px rgba(255,255,255,0.2));
  }
  100% {
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur in="SourceAlpha" stdDeviation="0" /><feOffset dx="1" dy="1" result="offsetblur" /><feFlood flood-color="rgba(255,255,255,0.2)" /><feComposite in2="offsetblur" operator="in" /><feMerge><feMergeNode /><feMergeNode in="SourceGraphic" /></feMerge></filter></svg>#filter');
    -webkit-filter: drop-shadow(0 0 0 rgba(255,255,255,0.2));
            filter: drop-shadow(0 0 0 rgba(255,255,255,0.2));
  }
}
.md-layout {
  margin: 0;
}
.md-logo > picture {
  display: block;
}
.md-logo > picture img {
  width: 100%;
  height: auto;
  vertical-align: bottom;
}
.md-ttl__section {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  letter-spacing: 0.08em;
  line-height: 1;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  margin-right: auto;
  margin-left: auto;
  width: 79.36507936507937%;
  max-width: 1200px;
  box-sizing: border-box;
  font-size: 36px;
  font-size: 3.6rem;
}
@media screen and (max-width: 768px) {
  .md-ttl__section {
    width: 100% !important;
  }
}
@media screen and (max-width: 1200px) {
  .md-ttl__section {
    font-size: 3vw !important;
  }
}
@media screen and (max-width: 768px) {
  .md-ttl__section {
    font-size: 5.970149253731344vw !important;
  }
}
@media print, screen and (min-width: 769px) {
  .md-ttl__section {
    gap: 1.25%;
  }
}
@media screen and (max-width: 768px) {
  .md-ttl__section {
    gap: 3.73134328358209vw;
  }
}
.md-ttl__section.is__scrolled {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  letter-spacing: 0.05em;
  transition-duration: 1.2s;
  transition-delay: 0s;
  transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
.md-ttl__section:before,
.md-ttl__section:after {
  content: "";
  display: block;
  height: auto;
  background: url("../images/_common/icon/decoicon.svg") center center no-repeat;
  background-size: 100% auto;
  aspect-ratio: 1/1;
  width: 12px;
}
@media screen and (max-width: 1200px) {
  .md-ttl__section:before,
  .md-ttl__section:after {
    width: 1vw;
  }
}
@media screen and (max-width: 768px) {
  .md-ttl__section:before,
  .md-ttl__section:after {
    width: 2.985074626865672vw;
  }
}
.md-btn__links {
  position: relative;
  display: block;
  text-align: center;
  line-height: 1;
  color: #fff;
}
@media print, screen and (min-width: 769px) {
  .md-btn__links {
    border-radius: 140px;
  }
}
@media screen and (max-width: 1200px) {
  .md-btn__links {
    border-radius: 11.666666666666666vw;
  }
}
@media (hover: hover) {
  .md-btn__links {
    transition-duration: 0.3s;
    transition-delay: 0s;
    transition-timing-function: unset;
  }
  .md-btn__links:hover {
    background: #000;
  }
  .md-btn__links:hover span:after {
    -webkit-transform: translate(15%, -50%);
            transform: translate(15%, -50%);
  }
}
.md-btn__links:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  border: 1px solid transparent;
  background: rgba(255,255,255,0.05);
  font-weight: 600;
  pointer-events: none;
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  background: linear-gradient(92deg, #f75858 0%, #eb9e2c 18.02%, #dee26d 42.06%, #8affee 54.07%, #76a6ff 60.08%, #9d86e8 80.11%, #ff81c6 100.14%) border-box border-box;
  -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0) border-box;
  -webkit-mask-composite: destination-out;
  mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0) border-box;
  -webkit-mask-composite: exclude;
          mask-composite: exclude;
}
@media print, screen and (min-width: 769px) {
  .md-btn__links:before {
    border-radius: 140px;
  }
}
@media screen and (max-width: 1200px) {
  .md-btn__links:before {
    border-radius: 11.666666666666666vw;
  }
}
.md-btn__links span {
  position: relative;
  display: block;
  color: #fff;
  z-index: 2;
  font-weight: 600;
  letter-spacing: 0.1em;
  padding-top: 14px;
  padding-bottom: 14px;
  font-size: 12px;
  font-size: 1.2rem;
}
@media screen and (max-width: 1200px) {
  .md-btn__links span {
    padding-top: 1.166666666666667vw;
  }
}
@media screen and (max-width: 768px) {
  .md-btn__links span {
    padding-top: 3.482587064676617vw;
  }
}
@media screen and (max-width: 1200px) {
  .md-btn__links span {
    padding-bottom: 1.166666666666667vw;
  }
}
@media screen and (max-width: 768px) {
  .md-btn__links span {
    padding-bottom: 3.482587064676617vw;
  }
}
@media screen and (max-width: 1200px) {
  .md-btn__links span {
    font-size: 1vw !important;
  }
}
@media screen and (max-width: 768px) {
  .md-btn__links span {
    font-size: 2.487562189054727vw !important;
  }
}
.md-btn__links span:after {
  content: "";
  position: absolute;
  top: 50%;
  height: auto;
  background: url("../images/_common/icon/arrow_right.svg") center center no-repeat;
  background-size: 100% auto;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  aspect-ratio: 1/1;
  width: 10px;
}
@media screen and (max-width: 1200px) {
  .md-btn__links span:after {
    width: 0.833333333333333vw;
  }
}
@media screen and (max-width: 768px) {
  .md-btn__links span:after {
    width: 2.487562189054727vw;
  }
}
@media print, screen and (min-width: 769px) {
  .md-btn__links span:after {
    right: 12px;
  }
}
@media screen and (max-width: 768px) {
  .md-btn__links span:after {
    right: 2.985074626865672vw;
  }
}
@media (hover: hover) {
  .md-btn__links span:after {
    transition-duration: 0.3s;
    transition-delay: 0s;
    transition-timing-function: unset;
  }
}
.md-links {
  margin: 0;
}
.md-deco__ribbon {
  position: absolute;
  z-index: 3;
  will-change: filter;
}
.md-deco__ribbon.is__scrolled picture img {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  -webkit-transform: translateY(0);
          transform: translateY(0);
  transition-duration: 1s;
  transition-delay: 0s;
  transition-timing-function: unset;
}
.md-deco__ribbon picture {
  display: block;
  transition-duration: 0.2s;
  transition-delay: 0s;
  transition-timing-function: unset;
}
.md-deco__ribbon picture img {
  display: block;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  width: 100%;
  height: auto;
  vertical-align: bottom;
  will-change: filter;
  -webkit-transform: translateY(5%);
          transform: translateY(5%);
  object-fit: cover;
  aspect-ratio: 1/1;
}
@media print, screen and (min-width: 769px) {
  .md-deco__ribbon picture img {
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur in="SourceAlpha" stdDeviation="6" /><feOffset dx="6" dy="11" result="offsetblur" /><feFlood flood-color="rgba(0,0,0,0.4)" /><feComposite in2="offsetblur" operator="in" /><feMerge><feMergeNode /><feMergeNode in="SourceGraphic" /></feMerge></filter></svg>#filter');
    -webkit-filter: drop-shadow(5px 10px 6px rgba(0,0,0,0.4));
            filter: drop-shadow(5px 10px 6px rgba(0,0,0,0.4));
  }
}
@media screen and (max-width: 768px) {
  .md-deco__ribbon picture img {
    -webkit-filter: drop-shadow(1.243781094527363vw 2.487562189054727vw 2px rgba(0,0,0,0.3));
            filter: drop-shadow(1.243781094527363vw 2.487562189054727vw 2px rgba(0,0,0,0.3));
  }
}
.md-list {
  margin: 0;
}
a {
  color: #ffffe3;
  outline: none !important;
  text-decoration: none;
}
html {
  font-size: 62.5%;
}
body {
  font-family: "ClashDisplay-Variable", "IBM Plex Sans JP", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  font-size: 10px;
  font-size: 1rem;
  line-height: 1.8;
  font-weight: 400;
  background: #000;
  color: #fff;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
}
body[data-navopen="true"] {
  pointer-events: none;
  overflow: hidden;
  min-height: 100%;
  height: 100%;
}
::selection {
  background: #000;
  color: #fff;
}
@media screen and (max-width: 768px) {
  .is-pc {
    display: none !important;
  }
}
@media print, screen and (min-width: 769px) {
  .is-sp {
    display: none !important;
  }
}
img {
  max-width: 100%;
}
svg {
  width: 100% !important;
  height: auto !important;
}
.l-header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  pointer-events: none;
  z-index: 4;
}
@media screen and (max-width: 768px) {
  .l-header {
    height: 100%;
  }
}
.l-header.is__scrolled .l-header__inner .head--catch {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur stdDeviation="10" /></filter></svg>#filter');
  -webkit-filter: blur(10px);
          filter: blur(10px);
}
@media print, screen and (min-width: 769px) {
  .l-header.is__scrolled .l-header__inner .head--catch {
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
}
@media screen and (max-width: 768px) {
  .l-header.is__scrolled .l-header__inner .head--catch {
    -webkit-transform: translateY(-150%);
            transform: translateY(-150%);
  }
}
.l-header__inner {
  padding-top: 42px;
  padding-left: 60px;
  padding-right: 60px;
}
@media screen and (max-width: 1200px) {
  .l-header__inner {
    padding-top: 3.5vw;
  }
}
@media screen and (max-width: 768px) {
  .l-header__inner {
    padding-top: 7.462686567164179vw;
  }
}
@media screen and (max-width: 1200px) {
  .l-header__inner {
    padding-left: 5vw;
  }
}
@media screen and (max-width: 768px) {
  .l-header__inner {
    padding-left: 0vw;
  }
}
@media screen and (max-width: 1200px) {
  .l-header__inner {
    padding-right: 5vw;
  }
}
@media screen and (max-width: 768px) {
  .l-header__inner {
    padding-right: 0vw;
  }
}
@media print, screen and (min-width: 769px) {
  .l-header__inner .head {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: justify;
        justify-content: space-between;
  }
}
.l-header__inner .head--catch {
  line-height: 1.6;
  letter-spacing: 0.05em;
  will-change: filter;
  font-size: 12px;
  font-size: 1.2rem;
  transition-duration: 1s;
  transition-delay: 0s;
  transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
@media screen and (max-width: 1200px) {
  .l-header__inner .head--catch {
    font-size: 1vw !important;
  }
}
@media screen and (max-width: 768px) {
  .l-header__inner .head--catch {
    font-size: 2.487562189054727vw !important;
  }
}
@media screen and (max-width: 768px) {
  .l-header__inner .head--catch {
    text-align: center;
    line-height: 1;
  }
}
@media screen and (max-width: 768px) {
  .l-header__inner .head--nav {
    position: absolute;
    right: 5.970149253731343%;
    bottom: 7.462686567164179vw;
  }
}
.l-footer {
  position: relative;
  background: url("../images/_common/bg/webp/bg_footer.webp") left top repeat;
  background-size: 200px auto;
  z-index: 2;
  margin-top: 75px;
  padding-top: 96px;
  padding-bottom: 72px;
}
@media screen and (max-width: 1200px) {
  .l-footer {
    margin-top: 6.25vw;
  }
}
@media screen and (max-width: 768px) {
  .l-footer {
    margin-top: 14.925373134328359vw;
  }
}
@media screen and (max-width: 1200px) {
  .l-footer {
    padding-top: 8vw;
  }
}
@media screen and (max-width: 768px) {
  .l-footer {
    padding-top: 13.432835820895523vw;
  }
}
@media screen and (max-width: 1200px) {
  .l-footer {
    padding-bottom: 6vw;
  }
}
@media screen and (max-width: 768px) {
  .l-footer {
    padding-bottom: 17.910447761194032vw;
  }
}
.l-footer__inner {
  position: relative;
}
.l-footer__inner .foot--share {
  margin-bottom: 60px;
}
@media screen and (max-width: 1200px) {
  .l-footer__inner .foot--share {
    margin-bottom: 5vw;
  }
}
@media screen and (max-width: 768px) {
  .l-footer__inner .foot--share {
    margin-bottom: 13.432835820895523vw;
  }
}
.l-footer__inner .foot--logo {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  margin-bottom: 60px;
  margin-right: auto;
  margin-left: auto;
  width: 79.36507936507937%;
  max-width: 1200px;
  box-sizing: border-box;
}
@media screen and (max-width: 1200px) {
  .l-footer__inner .foot--logo {
    margin-bottom: 5vw;
  }
}
@media screen and (max-width: 768px) {
  .l-footer__inner .foot--logo {
    margin-bottom: 11.940298507462687vw;
  }
}
@media screen and (max-width: 768px) {
  .l-footer__inner .foot--logo {
    width: 100% !important;
  }
}
@media print, screen and (min-width: 769px) {
  .l-footer__inner .foot--logo {
    gap: 3%;
  }
}
@media screen and (max-width: 768px) {
  .l-footer__inner .foot--logo {
    -ms-flex-direction: column;
        flex-direction: column;
    gap: 3.482587064676617vw;
  }
}
.l-footer__inner .foot--logo > a {
  display: block;
}
@media print, screen and (min-width: 769px) {
  .l-footer__inner .foot--logo > a[data-slug="nijisanji"] {
    width: 15.166666666666668%;
  }
}
@media screen and (max-width: 768px) {
  .l-footer__inner .foot--logo > a[data-slug="nijisanji"] {
    width: 45.27363184079602vw;
  }
}
@media print, screen and (min-width: 769px) {
  .l-footer__inner .foot--logo > a[data-slug="nijifanparty"] {
    width: 23.333333333333332%;
  }
}
@media screen and (max-width: 768px) {
  .l-footer__inner .foot--logo > a[data-slug="nijifanparty"] {
    width: 69.65174129353234vw;
  }
}
.l-footer__inner .foot--logo > a[data-slug="nijifanparty"] > picture {
  background: url("../images/_common/logo/webp/logo_horizon_shadow.webp") center center no-repeat;
  background-size: 100% auto;
}
@media (hover: hover) {
  .l-footer__inner .foot--logo > a {
    transition-duration: 0.3s;
    transition-delay: 0s;
    transition-timing-function: unset;
  }
  .l-footer__inner .foot--logo > a:hover {
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="0.5" /><feFuncG type="linear" slope="0.5" /><feFuncB type="linear" slope="0.5" /></feComponentTransfer></filter></svg>#filter');
    -webkit-filter: brightness(0.5);
            filter: brightness(0.5);
  }
}
.l-footer__inner .foot--logo > a > picture {
  display: block;
  line-height: 1;
}
.l-footer__inner .foot--logo > a > picture img {
  width: 100%;
  height: auto;
  vertical-align: bottom;
}
.l-footer__inner .foot--copyright {
  text-align: center;
  line-height: 1.6;
  letter-spacing: 0.05em;
  font-size: 12px;
  font-size: 1.2rem;
}
@media screen and (max-width: 1200px) {
  .l-footer__inner .foot--copyright {
    font-size: 1vw !important;
  }
}
@media screen and (max-width: 768px) {
  .l-footer__inner .foot--copyright {
    font-size: 2.487562189054727vw !important;
  }
}
.l-footer__inner .foot--copyright > p:not(:last-child) {
  margin-bottom: 15px;
}
@media screen and (max-width: 1200px) {
  .l-footer__inner .foot--copyright > p:not(:last-child) {
    margin-bottom: 1.25vw;
  }
}
@media screen and (max-width: 768px) {
  .l-footer__inner .foot--copyright > p:not(:last-child) {
    margin-bottom: 3.73134328358209vw;
  }
}
#Wrap {
  position: relative;
  overflow: hidden;
}
@media print, screen and (min-width: 769px) {
  #Wrap {
    background: url("../images/_common/bg/webp/bg_wrap_pc.webp") center top repeat-y;
    background-size: 100% auto;
  }
}
@media screen and (max-width: 768px) {
  #Wrap {
    background: url("../images/_common/bg/webp/bg_wrap_sp.webp") center top repeat-y;
    background-size: 100% auto;
  }
}
#Wrap #Main .l-main {
  position: relative;
  z-index: 2;
}
.l-loader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background: url("../images/_common/bg/bg_footer.png") left top repeat;
  background-size: 100px auto;
}
.l-loader[data-status="fadeout"] {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  transition-duration: 0.8s;
  transition-delay: 0s;
  transition-timing-function: unset;
}
.l-loader.is__start .l-loader__inner .progress {
  width: 70%;
  transition-duration: 7s;
  transition-delay: 0s;
  transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.l-loader.is__end .l-loader__inner .progress {
  width: 100%;
  transition-duration: 0.2s;
  transition-delay: 0s;
  transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.l-loader__inner {
  position: relative;
  width: 100%;
  height: 100%;
}
.l-loader__inner .progress {
  position: absolute;
  top: 50%;
  left: 0;
  width: 0;
  height: 1px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="0.5" intercept="0.25" /><feFuncG type="linear" slope="0.5" intercept="0.25" /><feFuncB type="linear" slope="0.5" intercept="0.25" /></feComponentTransfer></filter></svg>#filter');
  -webkit-filter: contrast(50%);
          filter: contrast(50%);
  background: linear-gradient(92deg, #f75858 0%, #eb9e2c 18.02%, #dee26d 42.06%, #8affee 54.07%, #76a6ff 60.08%, #9d86e8 80.11%, #ff81c6 100.14%);
}
.l-gnav {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 8;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  pointer-events: none;
}
.l-gnav[data-status="show"] {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  pointer-events: auto;
}
.l-gnav[data-status="show"] .l-gnav__inner .bg {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  transition-duration: 0.6s;
  transition-delay: 0s;
  transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
}
.l-gnav[data-status="show"] .l-gnav__inner .contents--inner > header .logo {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  transition-duration: 1.5s;
  transition-delay: 0s;
  transition-timing-function: unset;
}
@media print, screen and (min-width: 769px) {
  .l-gnav[data-status="show"] .l-gnav__inner .contents--inner > header .logo {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@media screen and (max-width: 768px) {
  .l-gnav[data-status="show"] .l-gnav__inner .contents--inner > header .logo {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
.l-gnav[data-status="show"] .l-gnav__inner .contents--inner > nav > header {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  letter-spacing: 0.15em;
  transition-duration: 1.2s;
  transition-delay: 0s;
  transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
}
.l-gnav[data-status="show"] .l-gnav__inner .contents--inner > nav > nav a {
  -webkit-animation: 1.2s simpleFadeIn alternate ease-in;
          animation: 1.2s simpleFadeIn alternate ease-in;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.l-gnav[data-status="show"] .l-gnav__inner .contents--inner > nav > nav a:nth-child(1) {
  -webkit-animation-delay: 0.05s;
          animation-delay: 0.05s;
}
.l-gnav[data-status="show"] .l-gnav__inner .contents--inner > nav > nav a:nth-child(2) {
  -webkit-animation-delay: 0.15s;
          animation-delay: 0.15s;
}
.l-gnav[data-status="show"] .l-gnav__inner .contents--inner > nav > nav a:nth-child(3) {
  -webkit-animation-delay: 0.25s;
          animation-delay: 0.25s;
}
.l-gnav[data-status="show"] .l-gnav__inner .contents--inner > nav > nav a:nth-child(4) {
  -webkit-animation-delay: 0.35s;
          animation-delay: 0.35s;
}
.l-gnav[data-status="show"] .l-gnav__inner .contents--inner > nav > nav a:nth-child(5) {
  -webkit-animation-delay: 0.45s;
          animation-delay: 0.45s;
}
.l-gnav[data-status="show"] .l-gnav__inner .contents--inner > nav > nav a:nth-child(6) {
  -webkit-animation-delay: 0.55s;
          animation-delay: 0.55s;
}
.l-gnav[data-status="show"] .l-gnav__inner .contents--inner > nav > nav a:nth-child(7) {
  -webkit-animation-delay: 0.65s;
          animation-delay: 0.65s;
}
.l-gnav[data-status="show"] .l-gnav__inner .contents--inner > nav > nav a:nth-child(8) {
  -webkit-animation-delay: 0.75s;
          animation-delay: 0.75s;
}
.l-gnav[data-status="show"] .l-gnav__inner .contents--inner > nav > nav a:nth-child(9) {
  -webkit-animation-delay: 0.85s;
          animation-delay: 0.85s;
}
.l-gnav[data-status="show"] .l-gnav__inner .contents--inner > nav > nav a:nth-child(10) {
  -webkit-animation-delay: 0.95s;
          animation-delay: 0.95s;
}
.l-gnav[data-status="show"] .l-gnav__inner .contents--inner > nav > nav a:nth-child(11) {
  -webkit-animation-delay: 1.05s;
          animation-delay: 1.05s;
}
.l-gnav[data-status="show"] .l-gnav__inner .contents--inner > nav > nav a:nth-child(12) {
  -webkit-animation-delay: 1.15s;
          animation-delay: 1.15s;
}
.l-gnav[data-status="show"] .l-gnav__inner .contents--inner > nav > nav a:nth-child(13) {
  -webkit-animation-delay: 1.25s;
          animation-delay: 1.25s;
}
.l-gnav[data-status="show"] .l-gnav__inner .contents--inner > nav > nav a:nth-child(14) {
  -webkit-animation-delay: 1.35s;
          animation-delay: 1.35s;
}
.l-gnav[data-status="show"] .l-gnav__inner .contents--inner > nav > nav a:nth-child(15) {
  -webkit-animation-delay: 1.45s;
          animation-delay: 1.45s;
}
.l-gnav[data-status="show"] .l-gnav__inner .contents--inner > nav > nav a:nth-child(16) {
  -webkit-animation-delay: 1.55s;
          animation-delay: 1.55s;
}
.l-gnav[data-status="show"] .l-gnav__inner .contents--inner > nav > nav a:nth-child(17) {
  -webkit-animation-delay: 1.65s;
          animation-delay: 1.65s;
}
.l-gnav[data-status="show"] .l-gnav__inner .contents--inner > nav > nav a:nth-child(18) {
  -webkit-animation-delay: 1.75s;
          animation-delay: 1.75s;
}
.l-gnav[data-status="show"] .l-gnav__inner .contents--inner > nav > nav a:nth-child(19) {
  -webkit-animation-delay: 1.85s;
          animation-delay: 1.85s;
}
.l-gnav[data-status="show"] .l-gnav__inner .contents--inner > nav > nav a:nth-child(20) {
  -webkit-animation-delay: 1.95s;
          animation-delay: 1.95s;
}
.l-gnav[data-status="show"] .l-gnav__inner .contents--inner > nav > nav a:nth-child(21) {
  -webkit-animation-delay: 2.05s;
          animation-delay: 2.05s;
}
.l-gnav[data-status="show"] .l-gnav__inner .contents--inner > nav > nav a:nth-child(22) {
  -webkit-animation-delay: 2.15s;
          animation-delay: 2.15s;
}
.l-gnav[data-status="show"] .l-gnav__inner .contents--inner > nav > nav a:nth-child(23) {
  -webkit-animation-delay: 2.25s;
          animation-delay: 2.25s;
}
.l-gnav[data-status="show"] .l-gnav__inner .contents--inner > nav > nav a:nth-child(24) {
  -webkit-animation-delay: 2.35s;
          animation-delay: 2.35s;
}
.l-gnav[data-status="show"] .l-gnav__inner .contents--inner > nav > nav a:nth-child(25) {
  -webkit-animation-delay: 2.45s;
          animation-delay: 2.45s;
}
.l-gnav[data-status="show"] .l-gnav__inner .contents--inner > nav > nav a:nth-child(26) {
  -webkit-animation-delay: 2.55s;
          animation-delay: 2.55s;
}
.l-gnav[data-status="show"] .l-gnav__inner .contents--inner > nav > nav a:nth-child(27) {
  -webkit-animation-delay: 2.65s;
          animation-delay: 2.65s;
}
.l-gnav[data-status="show"] .l-gnav__inner .contents--inner > nav > nav a:nth-child(28) {
  -webkit-animation-delay: 2.75s;
          animation-delay: 2.75s;
}
.l-gnav[data-status="show"] .l-gnav__inner .contents--inner > nav > nav a:nth-child(29) {
  -webkit-animation-delay: 2.85s;
          animation-delay: 2.85s;
}
.l-gnav[data-status="show"] .l-gnav__inner .contents--inner > nav > nav a:nth-child(30) {
  -webkit-animation-delay: 2.95s;
          animation-delay: 2.95s;
}
.l-gnav__inner {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  width: 100%;
  height: 100%;
}
.l-gnav__inner .bg {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  background: rgba(0,0,0,0.9);
  z-index: 1;
  will-change: backdrop-filter;
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
}
.l-gnav__inner .contents {
  position: relative;
  z-index: 2;
  box-sizing: border-box;
}
@media print, screen and (min-width: 769px) {
  .l-gnav__inner .contents {
    padding-left: 5.952380952380952%;
    padding-right: 3.968253968253968%;
  }
}
@media screen and (max-width: 1200px) {
  .l-gnav__inner .contents {
    padding-left: 3.333333333333333%;
    padding-right: 3.333333333333333%;
  }
}
@media print, screen and (min-width: 769px) {
  .l-gnav__inner .contents--inner {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-align: center;
        align-items: center;
  }
}
@media screen and (max-width: 768px) {
  .l-gnav__inner .contents--inner {
    padding-bottom: 5.970149253731344vw;
  }
}
.l-gnav__inner .contents--inner > header {
  padding-top: 30px;
}
@media screen and (max-width: 1200px) {
  .l-gnav__inner .contents--inner > header {
    padding-top: 2.5vw;
  }
}
@media screen and (max-width: 768px) {
  .l-gnav__inner .contents--inner > header {
    padding-top: 0vw;
  }
}
@media print, screen and (min-width: 769px) {
  .l-gnav__inner .contents--inner > header {
    width: 42.87812041116006%;
  }
}
@media screen and (max-width: 768px) {
  .l-gnav__inner .contents--inner > header {
    margin-bottom: 8.955223880597016vw;
  }
}
.l-gnav__inner .contents--inner > header .logo {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  line-height: 1;
}
@media print, screen and (min-width: 769px) {
  .l-gnav__inner .contents--inner > header .logo {
    -webkit-transform: translateX(-5%);
            transform: translateX(-5%);
  }
}
@media screen and (max-width: 768px) {
  .l-gnav__inner .contents--inner > header .logo {
    width: 98%;
    -webkit-transform: scale(1.08);
            transform: scale(1.08);
    margin-inline: auto;
  }
}
.l-gnav__inner .contents--inner > header .logo > picture {
  display: block;
  background: url("../images/_common/logo/webp/logo_horizon_shadow.webp") center center no-repeat;
  background-size: 100% auto;
}
@media print, screen and (min-width: 769px) {
  .l-gnav__inner .contents--inner > nav {
    text-align: right;
    width: 54.33186490455213%;
  }
}
.l-gnav__inner .contents--inner > nav > header {
  line-height: 1;
  letter-spacing: 0.3em;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  font-size: 12px;
  font-size: 1.2rem;
  margin-bottom: 36px;
}
@media screen and (max-width: 1200px) {
  .l-gnav__inner .contents--inner > nav > header {
    font-size: 1vw !important;
  }
}
@media screen and (max-width: 768px) {
  .l-gnav__inner .contents--inner > nav > header {
    font-size: 2.487562189054727vw !important;
  }
}
@media screen and (max-width: 1200px) {
  .l-gnav__inner .contents--inner > nav > header {
    margin-bottom: 3vw;
  }
}
@media screen and (max-width: 768px) {
  .l-gnav__inner .contents--inner > nav > header {
    margin-bottom: 4.477611940298508vw;
  }
}
@media screen and (max-width: 768px) {
  .l-gnav__inner .contents--inner > nav > header {
    text-align: center;
  }
}
.l-gnav__inner .contents--inner > nav > nav > a {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  display: block;
  line-height: 1;
  letter-spacing: 0.05em;
  font-size: 42px;
  font-size: 4.2rem;
}
@media screen and (max-width: 1200px) {
  .l-gnav__inner .contents--inner > nav > nav > a {
    font-size: 3vw !important;
  }
}
@media screen and (max-width: 768px) {
  .l-gnav__inner .contents--inner > nav > nav > a {
    font-size: 7.462686567164179vw !important;
  }
}
@media print, screen and (min-width: 769px) {
  .l-gnav__inner .contents--inner > nav > nav > a {
    margin-left: auto;
    width: -webkit-fit-content;
    width: fit-content;
  }
}
@media screen and (max-width: 768px) {
  .l-gnav__inner .contents--inner > nav > nav > a {
    text-align: center;
    place-content: center;
  }
}
@media (hover: hover) {
  .l-gnav__inner .contents--inner > nav > nav > a {
    transition-duration: 0.2s;
    transition-delay: 0s;
    transition-timing-function: unset;
  }
  .l-gnav__inner .contents--inner > nav > nav > a:hover {
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="0.5" /><feFuncG type="linear" slope="0.5" /><feFuncB type="linear" slope="0.5" /></feComponentTransfer></filter></svg>#filter');
    -webkit-filter: brightness(0.5);
            filter: brightness(0.5);
  }
}
.l-gnav__inner .contents--inner > nav > nav > a:not(:last-child) {
  margin-bottom: 0.5em;
}
.nav-trigger {
  position: fixed;
  margin: 0;
  padding: 0;
  height: auto;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  box-sizing: border-box;
  border: 2px solid #fff;
  background: none;
  line-height: 1;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  font-family: "ClashDisplay-Variable", "IBM Plex Sans JP", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  font-weight: 600;
  color: #fff;
  pointer-events: auto;
  z-index: 9;
  outline: none;
  pointer-events: auto;
  width: 108px;
}
@media screen and (max-width: 1200px) {
  .nav-trigger {
    width: 9vw;
  }
}
@media screen and (max-width: 768px) {
  .nav-trigger {
    width: 22.388059701492537vw;
  }
}
@media print, screen and (min-width: 769px) {
  .nav-trigger {
    top: 44px;
    right: 60px;
    border-radius: 120px;
    aspect-ratio: 108/36;
  }
}
@media screen and (max-width: 1200px) {
  .nav-trigger {
    top: 3.666666666666667vw;
    right: 5vw;
    border-radius: 10vw;
  }
}
@media screen and (max-width: 768px) {
  .nav-trigger {
    top: auto;
    right: 5.970149253731343%;
    bottom: 5.970149253731344vw;
    border-radius: 29.850746268656717vw;
    aspect-ratio: 90/30;
    transition-duration: 1.2s;
    transition-delay: 0s;
    transition-timing-function: unset;
  }
}
@media (hover: hover) {
  .nav-trigger {
    transition-duration: 0.3s;
    transition-delay: 0s;
    transition-timing-function: unset;
  }
  .nav-trigger:hover {
    background: #fff;
  }
  .nav-trigger:hover .txt {
    color: #000;
  }
}
.nav-trigger[data-navstatus="opened"] {
  background: #fff;
}
@media screen and (max-width: 768px) {
  .nav-trigger[data-navstatus="opened"] {
    right: 50%;
    -webkit-transform: translateX(50%);
            transform: translateX(50%);
    bottom: 10.447761194029852vw;
  }
}
.nav-trigger[data-navstatus="opened"] .txt i {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -webkit-transform: translateY(20%);
          transform: translateY(20%);
  filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur stdDeviation="5" /></filter></svg>#filter');
  -webkit-filter: blur(5px);
          filter: blur(5px);
}
.nav-trigger[data-navstatus="opened"] .txt i:nth-child(1) {
  transition-delay: 0.025s;
}
.nav-trigger[data-navstatus="opened"] .txt i:nth-child(2) {
  transition-delay: 0.075s;
}
.nav-trigger[data-navstatus="opened"] .txt i:nth-child(3) {
  transition-delay: 0.125s;
}
.nav-trigger[data-navstatus="opened"] .txt i:nth-child(4) {
  transition-delay: 0.175s;
}
.nav-trigger[data-navstatus="opened"] .txt i:nth-child(5) {
  transition-delay: 0.225s;
}
.nav-trigger[data-navstatus="opened"] .txt i:nth-child(6) {
  transition-delay: 0.275s;
}
.nav-trigger[data-navstatus="opened"] .txt i:nth-child(7) {
  transition-delay: 0.325s;
}
.nav-trigger[data-navstatus="opened"] .txt i:nth-child(8) {
  transition-delay: 0.375s;
}
.nav-trigger[data-navstatus="opened"] .txt i:nth-child(9) {
  transition-delay: 0.425s;
}
.nav-trigger[data-navstatus="opened"] .txt i:nth-child(10) {
  transition-delay: 0.475s;
}
.nav-trigger[data-navstatus="opened"] .txt i:nth-child(11) {
  transition-delay: 0.525s;
}
.nav-trigger[data-navstatus="opened"] .txt i:nth-child(12) {
  transition-delay: 0.575s;
}
.nav-trigger[data-navstatus="opened"] .txt i:nth-child(13) {
  transition-delay: 0.625s;
}
.nav-trigger[data-navstatus="opened"] .txt i:nth-child(14) {
  transition-delay: 0.675s;
}
.nav-trigger[data-navstatus="opened"] .txt i:nth-child(15) {
  transition-delay: 0.725s;
}
.nav-trigger[data-navstatus="opened"] .txt i:nth-child(16) {
  transition-delay: 0.775s;
}
.nav-trigger[data-navstatus="opened"] .txt i:nth-child(17) {
  transition-delay: 0.825s;
}
.nav-trigger[data-navstatus="opened"] .txt i:nth-child(18) {
  transition-delay: 0.875s;
}
.nav-trigger[data-navstatus="opened"] .txt i:nth-child(19) {
  transition-delay: 0.925s;
}
.nav-trigger[data-navstatus="opened"] .txt i:nth-child(20) {
  transition-delay: 0.975s;
}
.nav-trigger[data-navstatus="opened"] .txt i:nth-child(21) {
  transition-delay: 1.025s;
}
.nav-trigger[data-navstatus="opened"] .txt i:nth-child(22) {
  transition-delay: 1.075s;
}
.nav-trigger[data-navstatus="opened"] .txt i:nth-child(23) {
  transition-delay: 1.125s;
}
.nav-trigger[data-navstatus="opened"] .txt i:nth-child(24) {
  transition-delay: 1.175s;
}
.nav-trigger[data-navstatus="opened"] .txt i:nth-child(25) {
  transition-delay: 1.225s;
}
.nav-trigger[data-navstatus="opened"] .txt i:nth-child(26) {
  transition-delay: 1.275s;
}
.nav-trigger[data-navstatus="opened"] .txt i:nth-child(27) {
  transition-delay: 1.325s;
}
.nav-trigger[data-navstatus="opened"] .txt i:nth-child(28) {
  transition-delay: 1.375s;
}
.nav-trigger[data-navstatus="opened"] .txt i:nth-child(29) {
  transition-delay: 1.425s;
}
.nav-trigger[data-navstatus="opened"] .txt i:nth-child(30) {
  transition-delay: 1.475s;
}
.nav-trigger[data-navstatus="opened"] .txt:before {
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  color: #000;
  transition-duration: 0.4s;
  transition-delay: 0.2s;
  transition-timing-function: unset;
}
.nav-trigger .txt {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  gap: 0.25em;
  font-size: 14px;
  font-size: 1.4rem;
}
@media screen and (max-width: 1200px) {
  .nav-trigger .txt {
    font-size: 1.166666666666667vw !important;
  }
}
@media screen and (max-width: 768px) {
  .nav-trigger .txt {
    font-size: 2.985074626865672vw !important;
  }
}
@media (hover: hover) {
  .nav-trigger .txt {
    transition-duration: 0.3s;
    transition-delay: 0s;
    transition-timing-function: unset;
  }
}
.nav-trigger .txt:before {
  content: "CLOSE";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -40%);
          transform: translate(-50%, -40%);
  letter-spacing: 0.08em;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.nav-trigger .txt i {
  display: block;
  transition-duration: 0.4s;
  transition-delay: 0s;
  transition-timing-function: unset;
}
.nav--share > header {
  line-height: 1;
  letter-spacing: 0.2em;
  text-align: center;
  margin-bottom: 1.15em;
  font-size: 12px;
  font-size: 1.2rem;
}
@media screen and (max-width: 1200px) {
  .nav--share > header {
    font-size: 1vw !important;
  }
}
@media screen and (max-width: 768px) {
  .nav--share > header {
    font-size: 2.985074626865672vw !important;
  }
}
.nav--share > nav {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: center;
      justify-content: center;
}
@media print, screen and (min-width: 769px) {
  .nav--share > nav {
    gap: 6px;
  }
}
@media screen and (max-width: 1200px) {
  .nav--share > nav {
    gap: 0.5vw;
  }
}
@media screen and (max-width: 768px) {
  .nav--share > nav {
    gap: 1.492537313432836vw;
  }
}
.nav--share > nav > a {
  display: block;
  width: 48px;
}
@media screen and (max-width: 1200px) {
  .nav--share > nav > a {
    width: 4vw;
  }
}
@media screen and (max-width: 768px) {
  .nav--share > nav > a {
    width: 11.940298507462687vw;
  }
}
@media (hover: hover) {
  .nav--share > nav > a {
    transition-duration: 0.3s;
    transition-delay: 0s;
    transition-timing-function: unset;
  }
  .nav--share > nav > a:hover {
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="0.5" /><feFuncG type="linear" slope="0.5" /><feFuncB type="linear" slope="0.5" /></feComponentTransfer></filter></svg>#filter');
    -webkit-filter: brightness(0.5);
            filter: brightness(0.5);
  }
}
.nav--share > nav > a > picture {
  display: block;
}
.nav--share > nav > a > picture img {
  display: block;
  width: 100%;
  height: auto;
  line-height: 1;
  vertical-align: bottom;
  object-fit: cover;
  aspect-ratio: 1/1;
}
/* ========================================================
  Top
======================================================== */
.l-fv.is__loaded .l-fv__inner .fv {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="1" /><feFuncG type="linear" slope="1" /><feFuncB type="linear" slope="1" /></feComponentTransfer><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="1" intercept="0" /><feFuncG type="linear" slope="1" intercept="0" /><feFuncB type="linear" slope="1" intercept="0" /></feComponentTransfer></filter></svg>#filter');
  -webkit-filter: brightness(1) contrast(100%);
          filter: brightness(1) contrast(100%);
  transition-duration: 1.2s;
  transition-delay: 0s;
  transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.l-fv.is__loaded .l-fv__inner .fv--logo {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur stdDeviation="0" /></filter></svg>#filter');
  -webkit-filter: blur(0);
          filter: blur(0);
  -webkit-transform: scale(1);
          transform: scale(1);
  transition-duration: 1.2s;
  transition-delay: 0s;
  transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.l-fv__inner {
  position: relative;
}
@media screen and (max-width: 768px) {
  .l-fv__inner .md-deco__ribbon[data-type="1"] {
    top: 0;
    left: 0;
    -webkit-transform: translate(-15%, -40%);
            transform: translate(-15%, -40%);
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur stdDeviation="5" /></filter></svg>#filter');
    -webkit-filter: blur(5px);
            filter: blur(5px);
    width: 44.776119402985074vw;
  }
}
@media print, screen and (min-width: 769px) {
  .l-fv__inner .md-deco__ribbon[data-type="2"] {
    width: 28.703703703703702%;
    max-width: 434px;
    top: 10px;
    -webkit-transform: translateX(-25%);
            transform: translateX(-25%);
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur stdDeviation="7" /></filter></svg>#filter');
    -webkit-filter: blur(7px);
            filter: blur(7px);
  }
}
@media screen and (max-width: 1200px) {
  .l-fv__inner .md-deco__ribbon[data-type="2"] {
    top: 0.833333333333333vw;
  }
}
@media screen and (max-width: 768px) {
  .l-fv__inner .md-deco__ribbon[data-type="2"] {
    top: auto;
    right: 0;
    bottom: 22.22222222222222%;
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur stdDeviation="2" /></filter></svg>#filter');
    -webkit-filter: blur(2px);
            filter: blur(2px);
    -webkit-transform: translate(20%, 0);
            transform: translate(20%, 0);
    width: 30.34825870646766vw;
  }
}
@media print, screen and (min-width: 769px) {
  .l-fv__inner .md-deco__ribbon[data-type="3"] {
    width: 8.994708994708994%;
    max-width: 136px;
    top: 66.07142857142857%;
    right: 10.317460317460316%;
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur stdDeviation="2" /></filter></svg>#filter');
    -webkit-filter: blur(2px);
            filter: blur(2px);
  }
}
@media screen and (max-width: 768px) {
  .l-fv__inner .md-deco__ribbon[data-type="3"] {
    top: 16.88888888888889%;
    right: 0;
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur stdDeviation="1" /></filter></svg>#filter');
    -webkit-filter: blur(1px);
            filter: blur(1px);
    -webkit-transform: translate(20%, 0);
            transform: translate(20%, 0);
    width: 17.412935323383085vw;
  }
}
@media screen and (max-width: 768px) {
  .l-fv__inner .md-deco__ribbon[data-type="4"] {
    left: 11.940298507462686%;
    bottom: 20%;
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur stdDeviation="1" /></filter></svg>#filter');
    -webkit-filter: blur(1px);
            filter: blur(1px);
    width: 12.935323383084578vw;
  }
}
.l-fv__inner .fv {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  width: 100%;
  height: auto;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="0.5" /><feFuncG type="linear" slope="0.5" /><feFuncB type="linear" slope="0.5" /></feComponentTransfer><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="3" intercept="-1" /><feFuncG type="linear" slope="3" intercept="-1" /><feFuncB type="linear" slope="3" intercept="-1" /></feComponentTransfer></filter></svg>#filter');
  -webkit-filter: brightness(0.5) contrast(300%);
          filter: brightness(0.5) contrast(300%);
}
@media print, screen and (min-width: 769px) {
  .l-fv__inner .fv {
    background: url("../images/fv/webp/bg_fv_pc.webp") bottom center no-repeat;
    background-size: cover;
    aspect-ratio: 1512/672;
  }
}
@media screen and (max-width: 768px) {
  .l-fv__inner .fv {
    background: url("../images/fv/webp/bg_fv_sp.webp") bottom center no-repeat;
    background-size: cover;
    aspect-ratio: 402/450;
  }
}
.l-fv__inner .fv--logo {
  position: relative;
  z-index: 2;
  background: url("../images/_common/logo/webp/logo_vertical_shadow.webp") center center no-repeat;
  background-size: 105% auto;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur stdDeviation="10" /></filter></svg>#filter');
  -webkit-filter: blur(10px);
          filter: blur(10px);
  -webkit-transform: scale(1.08);
          transform: scale(1.08);
}
@media print, screen and (min-width: 769px) {
  .l-fv__inner .fv--logo {
    width: 52.51322751322751%;
    max-width: 794px;
  }
}
@media screen and (max-width: 768px) {
  .l-fv__inner .fv--logo {
    width: 88.05970149253731%;
  }
}
.common-settings#About {
  position: relative;
  padding-top: 75px;
  padding-bottom: 75px;
}
@media screen and (max-width: 1200px) {
  .common-settings#About {
    padding-top: 6.25vw;
  }
}
@media screen and (max-width: 768px) {
  .common-settings#About {
    padding-top: 14.925373134328359vw;
  }
}
@media screen and (max-width: 1200px) {
  .common-settings#About {
    padding-bottom: 6.25vw;
  }
}
@media screen and (max-width: 768px) {
  .common-settings#About {
    padding-bottom: 14.925373134328359vw;
  }
}
.common-settings#About.is__scrolled .inner-section .about--txt p {
  -webkit-animation: aboutTxtFadeIn 1s alternate cubic-bezier(0.785, 0.135, 0.15, 0.86);
          animation: aboutTxtFadeIn 1s alternate cubic-bezier(0.785, 0.135, 0.15, 0.86);
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.common-settings#About.is__scrolled .inner-section .about--txt p:nth-child(1) {
  -webkit-animation-delay: 0.1s;
          animation-delay: 0.1s;
}
.common-settings#About.is__scrolled .inner-section .about--txt p:nth-child(2) {
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s;
}
.common-settings#About.is__scrolled .inner-section .about--txt p:nth-child(3) {
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s;
}
.common-settings#About.is__scrolled .inner-section .about--txt p:nth-child(4) {
  -webkit-animation-delay: 0.7s;
          animation-delay: 0.7s;
}
.common-settings#About.is__scrolled .inner-section .about--txt p:nth-child(5) {
  -webkit-animation-delay: 0.9s;
          animation-delay: 0.9s;
}
.common-settings#About.is__scrolled .inner-section .about--txt p:nth-child(6) {
  -webkit-animation-delay: 1.1s;
          animation-delay: 1.1s;
}
.common-settings#About.is__scrolled .inner-section .about--txt p:nth-child(7) {
  -webkit-animation-delay: 1.3s;
          animation-delay: 1.3s;
}
.common-settings#About.is__scrolled .inner-section .about--txt p:nth-child(8) {
  -webkit-animation-delay: 1.5s;
          animation-delay: 1.5s;
}
.common-settings#About.is__scrolled .inner-section .about--txt p:nth-child(9) {
  -webkit-animation-delay: 1.7s;
          animation-delay: 1.7s;
}
.common-settings#About.is__scrolled .inner-section .about--txt p:nth-child(10) {
  -webkit-animation-delay: 1.9s;
          animation-delay: 1.9s;
}
.common-settings#About.is__scrolled .inner-section .about--txt p:nth-child(11) {
  -webkit-animation-delay: 2.1s;
          animation-delay: 2.1s;
}
.common-settings#About.is__scrolled .inner-section .about--txt p:nth-child(12) {
  -webkit-animation-delay: 2.3s;
          animation-delay: 2.3s;
}
.common-settings#About.is__scrolled .inner-section .about--txt p:nth-child(13) {
  -webkit-animation-delay: 2.5s;
          animation-delay: 2.5s;
}
.common-settings#About.is__scrolled .inner-section .about--txt p:nth-child(14) {
  -webkit-animation-delay: 2.7s;
          animation-delay: 2.7s;
}
.common-settings#About.is__scrolled .inner-section .about--txt p:nth-child(15) {
  -webkit-animation-delay: 2.9s;
          animation-delay: 2.9s;
}
.common-settings#About.is__scrolled .inner-section .about--txt p:nth-child(16) {
  -webkit-animation-delay: 3.1s;
          animation-delay: 3.1s;
}
.common-settings#About.is__scrolled .inner-section .about--txt p:nth-child(17) {
  -webkit-animation-delay: 3.3s;
          animation-delay: 3.3s;
}
.common-settings#About.is__scrolled .inner-section .about--txt p:nth-child(18) {
  -webkit-animation-delay: 3.5s;
          animation-delay: 3.5s;
}
.common-settings#About.is__scrolled .inner-section .about--txt p:nth-child(19) {
  -webkit-animation-delay: 3.7s;
          animation-delay: 3.7s;
}
.common-settings#About.is__scrolled .inner-section .about--txt p:nth-child(20) {
  -webkit-animation-delay: 3.9s;
          animation-delay: 3.9s;
}
.common-settings#About.is__scrolled .inner-section .about--txt p:nth-child(21) {
  -webkit-animation-delay: 4.100000000000001s;
          animation-delay: 4.100000000000001s;
}
.common-settings#About.is__scrolled .inner-section .about--txt p:nth-child(22) {
  -webkit-animation-delay: 4.3s;
          animation-delay: 4.3s;
}
.common-settings#About.is__scrolled .inner-section .about--txt p:nth-child(23) {
  -webkit-animation-delay: 4.5s;
          animation-delay: 4.5s;
}
.common-settings#About.is__scrolled .inner-section .about--txt p:nth-child(24) {
  -webkit-animation-delay: 4.7s;
          animation-delay: 4.7s;
}
.common-settings#About.is__scrolled .inner-section .about--txt p:nth-child(25) {
  -webkit-animation-delay: 4.9s;
          animation-delay: 4.9s;
}
.common-settings#About.is__scrolled .inner-section .about--txt p:nth-child(26) {
  -webkit-animation-delay: 5.100000000000001s;
          animation-delay: 5.100000000000001s;
}
.common-settings#About.is__scrolled .inner-section .about--txt p:nth-child(27) {
  -webkit-animation-delay: 5.300000000000001s;
          animation-delay: 5.300000000000001s;
}
.common-settings#About.is__scrolled .inner-section .about--txt p:nth-child(28) {
  -webkit-animation-delay: 5.5s;
          animation-delay: 5.5s;
}
.common-settings#About.is__scrolled .inner-section .about--txt p:nth-child(29) {
  -webkit-animation-delay: 5.7s;
          animation-delay: 5.7s;
}
.common-settings#About.is__scrolled .inner-section .about--txt p:nth-child(30) {
  -webkit-animation-delay: 5.9s;
          animation-delay: 5.9s;
}
.common-settings#About .md-deco__ribbon {
  z-index: 1;
}
@media print, screen and (min-width: 769px) {
  .common-settings#About .md-deco__ribbon[data-type="2"] {
    width: 11.507936507936508%;
    max-width: 174px;
    top: 0;
    left: 4.365079365079365%;
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur stdDeviation="2" /></filter></svg>#filter');
    -webkit-filter: blur(2px);
            filter: blur(2px);
    -webkit-transform: translateY(-20%);
            transform: translateY(-20%);
  }
}
@media screen and (max-width: 768px) {
  .common-settings#About .md-deco__ribbon[data-type="2"] {
    top: 54.72636815920398vw;
    left: 0;
    -webkit-transform: translate(-20%, 0);
            transform: translate(-20%, 0);
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur stdDeviation="1" /></filter></svg>#filter');
    -webkit-filter: blur(1px);
            filter: blur(1px);
    width: 23.383084577114428vw;
  }
}
@media print, screen and (min-width: 769px) {
  .common-settings#About .md-deco__ribbon[data-type="3"] {
    width: 22.486772486772484%;
    max-width: 340px;
    top: 254px;
    left: 10.317460317460316%;
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur stdDeviation="7" /></filter></svg>#filter');
    -webkit-filter: blur(7px);
            filter: blur(7px);
  }
}
@media screen and (max-width: 1200px) {
  .common-settings#About .md-deco__ribbon[data-type="3"] {
    top: 21.166666666666664vw;
  }
}
@media screen and (max-width: 768px) {
  .common-settings#About .md-deco__ribbon[data-type="3"] {
    top: auto;
    right: 0;
    bottom: 0;
    -webkit-transform: translate(40%, 40%);
            transform: translate(40%, 40%);
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur stdDeviation="7" /></filter></svg>#filter');
    -webkit-filter: blur(7px);
            filter: blur(7px);
    width: 84.57711442786069vw;
  }
}
@media print, screen and (min-width: 769px) {
  .common-settings#About .md-deco__ribbon[data-type="4"] {
    width: 15.079365079365079%;
    max-width: 228px;
    top: 130px;
    right: 10.317460317460316%;
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur stdDeviation="4" /></filter></svg>#filter');
    -webkit-filter: blur(4px);
            filter: blur(4px);
  }
}
@media screen and (max-width: 1200px) {
  .common-settings#About .md-deco__ribbon[data-type="4"] {
    top: 10.833333333333332vw;
  }
}
@media print, screen and (min-width: 769px) {
  .common-settings#About .md-deco__ribbon[data-type="5"] {
    width: 21.296296296296298%;
    max-width: 322px;
    bottom: 0;
    right: 0;
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur stdDeviation="7" /></filter></svg>#filter');
    -webkit-filter: blur(7px);
            filter: blur(7px);
    -webkit-transform: translate(10%, 30%);
            transform: translate(10%, 30%);
  }
}
.common-settings#About .inner-section {
  position: relative;
  z-index: 2;
}
.common-settings#About .inner-section .about--header {
  margin-bottom: 54px;
}
@media screen and (max-width: 1200px) {
  .common-settings#About .inner-section .about--header {
    margin-bottom: 4.5vw;
  }
}
@media screen and (max-width: 768px) {
  .common-settings#About .inner-section .about--header {
    margin-bottom: 8.955223880597016vw;
  }
}
.common-settings#About .inner-section .about--txt {
  text-align: center;
  font-weight: 600;
  line-height: 2.2;
  letter-spacing: 0.1em;
  font-size: 18px;
  font-size: 1.8rem;
}
@media screen and (max-width: 1200px) {
  .common-settings#About .inner-section .about--txt {
    font-size: 1.5vw !important;
  }
}
@media screen and (max-width: 768px) {
  .common-settings#About .inner-section .about--txt {
    font-size: 3.233830845771144vw !important;
  }
}
.common-settings#About .inner-section .about--txt > p {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.common-settings#About .inner-section .about--txt > p:not(:last-child) {
  margin-bottom: 48px;
}
@media screen and (max-width: 1200px) {
  .common-settings#About .inner-section .about--txt > p:not(:last-child) {
    margin-bottom: 4vw;
  }
}
@media screen and (max-width: 768px) {
  .common-settings#About .inner-section .about--txt > p:not(:last-child) {
    margin-bottom: 7.462686567164179vw;
  }
}
.common-settings#About .inner-section .about--txt > p em {
  position: relative;
  display: inline-block;
}
.common-settings#About .inner-section .about--txt > p em:before {
  content: "「にじFAN Party」";
  position: absolute;
  top: 0;
  left: 0;
  background: linear-gradient(92deg, #ff4f4f 0%, #7cfeb0 50.07%, #75e1ff 100.14%);
  filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur stdDeviation="3" /></filter></svg>#filter');
  -webkit-filter: blur(3px);
          filter: blur(3px);
  will-change: filter;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.common-settings#About .inner-section .about--txt > p em span {
  position: relative;
  z-index: 2;
}
.common-settings#News {
  position: relative;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media screen and (max-width: 768px) {
  .common-settings#News {
    padding-left: 5.970149253731343%;
    padding-right: 5.970149253731343%;
  }
}
.common-settings#News.is__loaded {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  transition-duration: 1s;
  transition-delay: 0s;
  transition-timing-function: unset;
}
@media print, screen and (min-width: 769px) {
  .common-settings#News .md-deco__ribbon[data-type="1"] {
    width: 16.26984126984127%;
    max-width: 246px;
    top: 0%;
    right: 0;
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur stdDeviation="4" /></filter></svg>#filter');
    -webkit-filter: blur(4px);
            filter: blur(4px);
    -webkit-transform: translate(15%, -25%);
            transform: translate(15%, -25%);
  }
}
.common-settings#News .inner-section .news--archive {
  margin-right: auto;
  margin-left: auto;
  width: 79.36507936507937%;
  max-width: 1200px;
  box-sizing: border-box;
}
@media screen and (max-width: 768px) {
  .common-settings#News .inner-section .news--archive {
    width: 100% !important;
  }
}
.common-settings#News .inner-section .news--archive > a {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: justify;
      justify-content: space-between;
  font-weight: 500;
  will-change: filter;
}
@media print, screen and (min-width: 769px) {
  .common-settings#News .inner-section .news--archive > a {
    -ms-flex-align: end;
        align-items: flex-end;
  }
}
@media screen and (max-width: 768px) {
  .common-settings#News .inner-section .news--archive > a {
    -ms-flex-align: center;
        align-items: center;
  }
}
@media (hover: hover) {
  .common-settings#News .inner-section .news--archive > a {
    transition-duration: 0.2s;
    transition-delay: 0s;
    transition-timing-function: unset;
  }
  .common-settings#News .inner-section .news--archive > a:hover {
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur in="SourceAlpha" stdDeviation="10" /><feOffset dx="1" dy="1" result="offsetblur" /><feFlood flood-color="rgba(255,255,255,1)" /><feComposite in2="offsetblur" operator="in" /><feMerge><feMergeNode /><feMergeNode in="SourceGraphic" /></feMerge></filter></svg>#filter');
    -webkit-filter: drop-shadow(0 0 10px #fff);
            filter: drop-shadow(0 0 10px #fff);
  }
}
@media print, screen and (min-width: 769px) {
  .common-settings#News .inner-section .news--archive > a > .calendar {
    width: 60px;
  }
}
@media screen and (max-width: 768px) {
  .common-settings#News .inner-section .news--archive > a > .calendar {
    width: 12.711864406779661%;
  }
}
.common-settings#News .inner-section .news--archive > a > .calendar > time {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  height: auto;
  box-sizing: border-box;
  border: solid 1px #ffffe3;
  color: #ffffe3;
  width: 100%;
  height: auto;
  aspect-ratio: 1/1;
}
.common-settings#News .inner-section .news--archive > a > .calendar > time > * {
  display: block;
  line-height: 1;
  text-align: center;
}
.common-settings#News .inner-section .news--archive > a > .calendar > time > .year {
  margin-bottom: 0.2em;
  font-size: 12px;
  font-size: 1.2rem;
}
@media screen and (max-width: 1200px) {
  .common-settings#News .inner-section .news--archive > a > .calendar > time > .year {
    font-size: 1vw !important;
  }
}
@media screen and (max-width: 768px) {
  .common-settings#News .inner-section .news--archive > a > .calendar > time > .year {
    font-size: 2.487562189054727vw !important;
  }
}
.common-settings#News .inner-section .news--archive > a > .calendar > time > .date {
  font-size: 15px;
  font-size: 1.5rem;
}
@media screen and (max-width: 1200px) {
  .common-settings#News .inner-section .news--archive > a > .calendar > time > .date {
    font-size: 1.25vw !important;
  }
}
@media screen and (max-width: 768px) {
  .common-settings#News .inner-section .news--archive > a > .calendar > time > .date {
    font-size: 2.985074626865672vw !important;
  }
}
.common-settings#News .inner-section .news--archive > a > .ttl {
  line-height: 1.6;
  text-wrap: pretty;
  font-size: 15px;
  font-size: 1.5rem;
  padding-bottom: 18px;
}
@media screen and (max-width: 1200px) {
  .common-settings#News .inner-section .news--archive > a > .ttl {
    font-size: 1.25vw !important;
  }
}
@media screen and (max-width: 768px) {
  .common-settings#News .inner-section .news--archive > a > .ttl {
    font-size: 2.985074626865672vw !important;
  }
}
@media screen and (max-width: 1200px) {
  .common-settings#News .inner-section .news--archive > a > .ttl {
    padding-bottom: 1.5vw;
  }
}
@media screen and (max-width: 768px) {
  .common-settings#News .inner-section .news--archive > a > .ttl {
    padding-bottom: 0vw;
  }
}
@media print, screen and (min-width: 769px) {
  .common-settings#News .inner-section .news--archive > a > .ttl {
    width: calc(100% - 76px);
    border-bottom: dashed 1px rgba(255,255,255,0.1);
  }
}
@media screen and (max-width: 768px) {
  .common-settings#News .inner-section .news--archive > a > .ttl {
    width: 82.48587570621469%;
  }
}
.common-settings#News .inner-section .news--archive > a > .ttl:after {
  width: 12px;
}
@media screen and (max-width: 1200px) {
  .common-settings#News .inner-section .news--archive > a > .ttl:after {
    width: 1vw;
  }
}
@media screen and (max-width: 768px) {
  .common-settings#News .inner-section .news--archive > a > .ttl:after {
    width: 2.985074626865672vw;
  }
}
@media print, screen and (min-width: 769px) {
  .common-settings#News .inner-section .news--archive > a > .ttl:after {
    content: "";
    display: inline-block;
    margin-left: 0.25em;
    background: url("../images/_common/icon/tri_right.svg") center center no-repeat;
    background-size: 100% auto;
    height: auto;
    aspect-ratio: 1/1;
  }
}
.common-settings#Upcoming {
  position: relative;
  padding-top: 72px;
  padding-bottom: 75px;
}
@media screen and (max-width: 1200px) {
  .common-settings#Upcoming {
    padding-top: 6vw;
  }
}
@media screen and (max-width: 768px) {
  .common-settings#Upcoming {
    padding-top: 10.945273631840797vw;
  }
}
@media screen and (max-width: 1200px) {
  .common-settings#Upcoming {
    padding-bottom: 6.25vw;
  }
}
@media screen and (max-width: 768px) {
  .common-settings#Upcoming {
    padding-bottom: 14.925373134328359vw;
  }
}
@media screen and (max-width: 768px) {
  .common-settings#Upcoming {
    padding-left: 5.970149253731343%;
    padding-right: 5.970149253731343%;
  }
}
.common-settings#Upcoming.is__scrolled .inner-section .upcoming--header:before,
.common-settings#Upcoming.is__scrolled .inner-section .upcoming--header:after {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="1" /><feFuncG type="linear" slope="1" /><feFuncB type="linear" slope="1" /></feComponentTransfer></filter></svg>#filter');
  -webkit-filter: brightness(1);
          filter: brightness(1);
  transition-duration: 1.5s;
  transition-delay: 0s;
  transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
.common-settings#Upcoming.is__scrolled .inner-section .upcoming--header > h2 {
  -webkit-transform: translateY(0);
          transform: translateY(0);
  transition-duration: 1.5s;
  transition-delay: 0s;
  transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
.common-settings#Upcoming.is__scrolled .inner-section .upcoming--list > li {
  -webkit-animation: upcomingCardShow 0.8s alternate cubic-bezier(0.785, 0.135, 0.15, 0.86);
          animation: upcomingCardShow 0.8s alternate cubic-bezier(0.785, 0.135, 0.15, 0.86);
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.common-settings#Upcoming .md-deco__ribbon {
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .common-settings#Upcoming .md-deco__ribbon[data-type="4"] {
    left: 0;
    bottom: 0;
    -webkit-transform: translate(-40%, 20%);
            transform: translate(-40%, 20%);
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur stdDeviation="2" /></filter></svg>#filter');
    -webkit-filter: blur(2px);
            filter: blur(2px);
    width: 30.845771144278608vw;
  }
}
@media screen and (max-width: 768px) {
  .common-settings#Upcoming .md-deco__ribbon[data-type="5"] {
    right: 2.487562189054727%;
    bottom: 7.462686567164179vw;
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur stdDeviation="1" /></filter></svg>#filter');
    -webkit-filter: blur(1px);
            filter: blur(1px);
    width: 16.417910447761194vw;
  }
}
.common-settings#Upcoming .inner-section {
  position: relative;
  z-index: 2;
}
.common-settings#Upcoming .inner-section .upcoming {
  margin-right: auto;
  margin-left: auto;
  width: 79.36507936507937%;
  max-width: 1200px;
  box-sizing: border-box;
}
@media screen and (max-width: 768px) {
  .common-settings#Upcoming .inner-section .upcoming {
    width: 100% !important;
  }
}
.common-settings#Upcoming .inner-section .upcoming--header {
  overflow: hidden;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  line-height: 1;
  letter-spacing: 0.05em;
  margin-bottom: 30px;
  font-size: 15px;
  font-size: 1.5rem;
}
@media screen and (max-width: 1200px) {
  .common-settings#Upcoming .inner-section .upcoming--header {
    margin-bottom: 2.5vw;
  }
}
@media screen and (max-width: 768px) {
  .common-settings#Upcoming .inner-section .upcoming--header {
    margin-bottom: 5.970149253731344vw;
  }
}
@media screen and (max-width: 1200px) {
  .common-settings#Upcoming .inner-section .upcoming--header {
    font-size: 1.25vw !important;
  }
}
@media screen and (max-width: 768px) {
  .common-settings#Upcoming .inner-section .upcoming--header {
    font-size: 3.73134328358209vw !important;
  }
}
@media print, screen and (min-width: 769px) {
  .common-settings#Upcoming .inner-section .upcoming--header {
    gap: 1%;
  }
}
@media screen and (max-width: 768px) {
  .common-settings#Upcoming .inner-section .upcoming--header {
    gap: 2.985074626865672vw;
  }
}
.common-settings#Upcoming .inner-section .upcoming--header:before,
.common-settings#Upcoming .inner-section .upcoming--header:after {
  content: "";
  display: block;
  -ms-flex-positive: 1;
      flex-grow: 1;
  height: 1px;
  box-sizing: border-box;
  background: linear-gradient(to left, #3e9bff 0%, #c4eca8 50.07%, #ffa425 100.14%);
  mask-image: repeating-linear-gradient(90deg, #000 0 4px, transparent 2px 8px);
  -webkit-mask-image: repeating-linear-gradient(90deg, #000 0 4px, transparent 2px 8px);
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="1" /><feFuncG type="linear" slope="1" /><feFuncB type="linear" slope="1" /></feComponentTransfer></filter></svg>#filter');
  -webkit-filter: brightness(0);
          filter: brightness(0);
}
.common-settings#Upcoming .inner-section .upcoming--header > h2 {
  -webkit-transform: translateY(110%);
          transform: translateY(110%);
}
.common-settings#Upcoming .inner-section .upcoming--list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: center;
      justify-content: center;
}
@media print, screen and (min-width: 769px) {
  .common-settings#Upcoming .inner-section .upcoming--list {
    gap: 2.666666666666667%;
  }
}
.common-settings#Upcoming .inner-section .upcoming--list > li {
  position: relative;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -webkit-transform: translate(0, 20%) rotate(-3deg);
          transform: translate(0, 20%) rotate(-3deg);
}
@media print, screen and (min-width: 769px) {
  .common-settings#Upcoming .inner-section .upcoming--list > li {
    width: 48.66666666666667%;
  }
}
@media screen and (max-width: 768px) {
  .common-settings#Upcoming .inner-section .upcoming--list > li:not(:last-child) {
    margin-bottom: 4.477611940298508vw;
  }
}
@media (hover: hover) {
  .common-settings#Upcoming .inner-section .upcoming--list > li:hover .inner .poster {
    -webkit-transform: scale(1.03);
            transform: scale(1.03);
  }
  .common-settings#Upcoming .inner-section .upcoming--list > li:hover .inner .poster picture img {
    -webkit-animation: cardHoverAnime 3s infinite cubic-bezier(0.785, 0.135, 0.15, 0.86);
            animation: cardHoverAnime 3s infinite cubic-bezier(0.785, 0.135, 0.15, 0.86);
  }
}
.common-settings#Upcoming .inner-section .upcoming--list > li .inner {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
.common-settings#Upcoming .inner-section .upcoming--list > li .inner .poster,
.common-settings#Upcoming .inner-section .upcoming--list > li .inner .txt {
  position: relative;
  z-index: 1;
}
@media print, screen and (min-width: 769px) {
  .common-settings#Upcoming .inner-section .upcoming--list > li .inner .poster {
    width: 33.9041095890411%;
  }
}
@media screen and (max-width: 768px) {
  .common-settings#Upcoming .inner-section .upcoming--list > li .inner .poster {
    width: 42.3728813559322%;
  }
}
@media (hover: hover) {
  .common-settings#Upcoming .inner-section .upcoming--list > li .inner .poster {
    transition-duration: 0.3s;
    transition-delay: 0s;
    transition-timing-function: unset;
  }
  .common-settings#Upcoming .inner-section .upcoming--list > li .inner .poster picture img {
    transition-duration: 0.3s;
    transition-delay: 0s;
    transition-timing-function: unset;
  }
}
.common-settings#Upcoming .inner-section .upcoming--list > li .inner .poster picture {
  display: block;
}
.common-settings#Upcoming .inner-section .upcoming--list > li .inner .poster picture img {
  display: block;
  width: 100%;
  height: auto;
  vertical-align: bottom;
  will-change: filter;
  object-fit: cover;
  aspect-ratio: 396/560;
}
@media print, screen and (min-width: 769px) {
  .common-settings#Upcoming .inner-section .upcoming--list > li .inner .txt {
    width: 66.0958904109589%;
  }
}
@media screen and (max-width: 768px) {
  .common-settings#Upcoming .inner-section .upcoming--list > li .inner .txt {
    width: 57.6271186440678%;
  }
}
.common-settings#Upcoming .inner-section .upcoming--list > li .inner .txt--inner {
  background: rgba(255,255,255,0.03);
  will-change: backdrop-filter;
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  padding-top: 36px;
  padding-left: 30px;
  padding-right: 30px;
  padding-bottom: 36px;
}
@media screen and (max-width: 1200px) {
  .common-settings#Upcoming .inner-section .upcoming--list > li .inner .txt--inner {
    padding-top: 3vw;
  }
}
@media screen and (max-width: 768px) {
  .common-settings#Upcoming .inner-section .upcoming--list > li .inner .txt--inner {
    padding-top: 5.970149253731344vw;
  }
}
@media screen and (max-width: 1200px) {
  .common-settings#Upcoming .inner-section .upcoming--list > li .inner .txt--inner {
    padding-left: 2.5vw;
  }
}
@media screen and (max-width: 768px) {
  .common-settings#Upcoming .inner-section .upcoming--list > li .inner .txt--inner {
    padding-left: 5.970149253731344vw;
  }
}
@media screen and (max-width: 1200px) {
  .common-settings#Upcoming .inner-section .upcoming--list > li .inner .txt--inner {
    padding-right: 2.5vw;
  }
}
@media screen and (max-width: 768px) {
  .common-settings#Upcoming .inner-section .upcoming--list > li .inner .txt--inner {
    padding-right: 5.970149253731344vw;
  }
}
@media screen and (max-width: 1200px) {
  .common-settings#Upcoming .inner-section .upcoming--list > li .inner .txt--inner {
    padding-bottom: 3vw;
  }
}
@media screen and (max-width: 768px) {
  .common-settings#Upcoming .inner-section .upcoming--list > li .inner .txt--inner {
    padding-bottom: 5.970149253731344vw;
  }
}
.common-settings#Upcoming .inner-section .upcoming--list > li .inner .txt--date {
  color: #ffff91;
  font-weight: 600;
  margin-bottom: 0.25em;
  display: block;
  font-size: 15px;
  font-size: 1.5rem;
}
@media screen and (max-width: 1200px) {
  .common-settings#Upcoming .inner-section .upcoming--list > li .inner .txt--date {
    font-size: 1.25vw !important;
  }
}
@media screen and (max-width: 768px) {
  .common-settings#Upcoming .inner-section .upcoming--list > li .inner .txt--date {
    font-size: 2.985074626865672vw !important;
  }
}
.common-settings#Upcoming .inner-section .upcoming--list > li .inner .txt--date > small {
  font-size: 13px;
  font-size: 1.3rem;
}
@media screen and (max-width: 1200px) {
  .common-settings#Upcoming .inner-section .upcoming--list > li .inner .txt--date > small {
    font-size: 1.083333333333333vw !important;
  }
}
@media screen and (max-width: 768px) {
  .common-settings#Upcoming .inner-section .upcoming--list > li .inner .txt--date > small {
    font-size: 2.487562189054727vw !important;
  }
}
.common-settings#Upcoming .inner-section .upcoming--list > li .inner .txt--ttl {
  font-weight: 600;
  font-size: 18px;
  font-size: 1.8rem;
}
@media screen and (max-width: 1200px) {
  .common-settings#Upcoming .inner-section .upcoming--list > li .inner .txt--ttl {
    font-size: 1.5vw !important;
  }
}
@media screen and (max-width: 768px) {
  .common-settings#Upcoming .inner-section .upcoming--list > li .inner .txt--ttl {
    font-size: 3.73134328358209vw !important;
  }
}
@media print, screen and (min-width: 769px) {
  .common-settings#Upcoming .inner-section .upcoming--list > li .inner .txt--ttl {
    line-height: 1.4;
  }
}
@media screen and (max-width: 768px) {
  .common-settings#Upcoming .inner-section .upcoming--list > li .inner .txt--ttl {
    line-height: 1.4;
  }
}
.common-settings#Upcoming .inner-section .upcoming--list > li .inner .txt .md-btn__links {
  margin-top: 20px;
}
@media screen and (max-width: 1200px) {
  .common-settings#Upcoming .inner-section .upcoming--list > li .inner .txt .md-btn__links {
    margin-top: 1.666666666666667vw;
  }
}
@media screen and (max-width: 768px) {
  .common-settings#Upcoming .inner-section .upcoming--list > li .inner .txt .md-btn__links {
    margin-top: 3.73134328358209vw;
  }
}
@media print, screen and (min-width: 769px) {
  .common-settings#Upcoming .inner-section .upcoming--list > li .inner .txt .md-btn__links {
    width: 60.73619631901841%;
  }
}
@media screen and (max-width: 768px) {
  .common-settings#Upcoming .inner-section .upcoming--list > li .inner .txt .md-btn__links {
    width: 100%;
  }
}
/* ========================================================
  Pages
======================================================== */