@charset "UTF-8";
html {
  box-sizing: border-box;
  -webkit-text-size-adjust: 100%;
  word-break: normal;
  scroll-behavior: smooth;
}

html, body {
  height: 100%;
  height: 100svh;
}

section {
  overflow-x: hidden;
}

*,
::before,
::after {
  background-repeat: no-repeat;
  box-sizing: border-box;
}

::before,
::after {
  text-decoration: inherit;
  vertical-align: inherit;
}

* {
  padding: 0;
  margin: 0;
}

hr {
  overflow: visible;
  height: 0;
}

details,
main {
  display: block;
}

summary {
  display: list-item;
}

small {
  font-size: 80%;
}

[hidden] {
  display: none;
}

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted;
}

a {
  background-color: transparent;
  color: inherit;
  cursor: pointer;
  text-decoration: none;
}

a:active,
a:hover {
  outline-width: 0;
}

code,
kbd,
samp {
  font-family: monospace, monospace;
}

pre {
  white-space: -moz-pre-wrap;
  white-space: -pre-wrap;
  white-space: -o-pre-wrap;
  white-space: pre-wrap;
}

b,
strong {
  font-weight: bolder;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

input {
  border-radius: 0;
}

[disabled] {
  cursor: default;
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

textarea {
  overflow: auto;
  resize: vertical;
}

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

optgroup {
  font-weight: bold;
}

button {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
[type=button],
[type=reset],
[type=submit],
[role=button] {
  cursor: pointer;
  color: inherit;
}

button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

button:-moz-focusring,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  outline: 1px dotted ButtonText;
}

button,
html [type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

button,
input,
select,
textarea {
  background-color: transparent;
  border-style: none;
}

button, input[type=submit] {
  appearance: none;
  cursor: pointer;
}

select {
  -moz-appearance: none;
  -webkit-appearance: none;
}

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

select::-ms-value {
  color: currentColor;
}

legend {
  border: 0;
  color: inherit;
  display: table;
  max-width: 100%;
  white-space: normal;
  max-width: 100%;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  color: inherit;
  font: inherit;
}

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

progress {
  vertical-align: baseline;
}

ul, ol {
  list-style: none;
}

@media screen {
  [hidden~=screen] {
    display: inherit;
  }
  [hidden~=screen]:not(:active):not(:focus):not(:target) {
    position: absolute !important;
    clip: rect(0 0 0 0) !important;
  }
}
[aria-busy=true] {
  cursor: progress;
}

[aria-controls] {
  cursor: pointer;
}

[aria-disabled] {
  cursor: default;
}

html {
  --ComContentPaddingTB: 0px;
  --ComContentWNum: 1200px;
  font-size: 100%;
  position: relative;
}

body {
  position: relative;
  font-family: "Zen Maru Gothic", "Hiragino Maru Gothic ProN", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif;
  font-weight: 400;
  vertical-align: baseline;
  line-height: 1.5;
  -webkit-text-size-adjust: 100%;
  overflow-x: hidden;
}
@media screen and (min-width: 768px) {
  body {
    --ComContentPaddingLR: 16px;
    --vw1px: 0.06944444444444445vw;
    font-size: 20px;
  }
  body .spOnly {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  body {
    --ComContentPaddingLR: 24px;
    --vw1px: 0.2564102564102564vw;
    font-size: 16px;
  }
  body .pcOnly {
    display: none;
  }
}
@media screen and (max-width: 389px) {
  body {
    --ComContentPaddingLR: calc(var(--vw1px) * 24);
    font-size: calc(var(--vw1px) * 16);
  }
}

.js-pagetop {
  position: fixed;
  z-index: 2;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 0.5s ease, visibility 0.5s ease, transform 0.5s ease;
  transform: translateY(5%);
}
.js-pagetop.is-show {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translateY(0);
}
@media (hover: hover) and (pointer: fine) {
  .js-pagetop:hover {
    transform: translateY(-10px);
  }
}
@media screen and (min-width: 768px) {
  .js-pagetop {
    width: 91px;
    right: 24px;
    bottom: 8px;
  }
}
@media screen and (max-width: 767px) {
  .js-pagetop {
    width: 56px;
    right: 8px;
    bottom: 9px;
  }
}
@media screen and (max-width: 389px) {
  .js-pagetop {
    width: calc(var(--vw1px) * 56);
    right: calc(var(--vw1px) * 8);
    bottom: calc(var(--vw1px) * 9);
  }
}

.ComModalWrap {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10;
  transition: all 0.5s ease;
}
.ComModalWrap:not(.is-open) {
  opacity: 0;
  visibility: hidden;
}
.ComModalWrap.is-open {
  opacity: 1;
  visibility: visible;
}
.ComModalWrap .ComModalBg {
  background: rgba(0, 0, 0, 0.7);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
}

.js-scrollAction .fadeInUp {
  --scrollActionTranslateY: 30px;
  opacity: 0;
  transform: translateY(var(--scrollActionTranslateY));
  transition: all 0.7s ease-in-out;
  transition-delay: 0.3s;
}
.js-scrollAction.js-scrollAction--show .fadeInUp {
  opacity: 1;
  transform: translateY(0);
}

.ComH2 {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  transform: scale(0);
}
@keyframes scaleSB {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
.js-scrollAction--show .ComH2 {
  animation: scaleSB 0.7s ease-in-out 1 forwards;
}
.ComH2::before, .ComH2::after {
  content: "";
  display: block;
}
.ComH2::before {
  background: url(../images/H2-DecoL.png) no-repeat center center/100% auto;
}
.ComH2::after {
  background: url(../images/H2-DecoR.png) no-repeat center center/100% auto;
}
.ComH2 img {
  margin: auto var(--ComH2-MLR);
}
@media screen and (min-width: 768px) {
  .ComH2 {
    margin-bottom: 48px;
  }
  .ComH2::before {
    width: 34px;
    height: 102px;
  }
  .ComH2::after {
    width: 47px;
    height: 63px;
  }
  .ComH2 img {
    --ComH2-MLR: 15px;
    height: 91px;
  }
}
@media screen and (max-width: 767px) {
  .ComH2 {
    margin-bottom: 40px;
  }
  .ComH2::before {
    width: 20px;
    height: 62px;
  }
  .ComH2::after {
    width: 28px;
    height: 37px;
  }
  .ComH2 img {
    --ComH2-MLR: 9px;
    height: 54px;
  }
}
@media screen and (max-width: 389px) {
  .ComH2 {
    margin-bottom: calc(var(--vw1px) * 40);
  }
  .ComH2::before {
    width: calc(var(--vw1px) * 20);
    height: calc(var(--vw1px) * 62);
  }
  .ComH2::after {
    width: calc(var(--vw1px) * 28);
    height: calc(var(--vw1px) * 37);
  }
  .ComH2 img {
    --ComH2-MLR: calc(var(--vw1px) * 9);
    height: calc(var(--vw1px) * 54);
  }
}

.ComContentContainer {
  padding: var(--ComContentPaddingTB) var(--ComContentPaddingLR);
  max-width: calc(var(--ComContentWNum) + var(--ComContentPaddingLR) * 2);
  width: 100%;
  margin: 0 auto;
  position: relative;
}
header {
  position: fixed;
  top: var(--top);
  left: 50%;
  transform: translateX(-50%);
  z-index: 10;
  max-width: 1234px;
  height: var(--headerH);
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: flex-start;
}
header .hedaerContainer {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  position: relative;
}
header nav {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  position: relative;
}
header nav ul {
  display: grid;
  gap: 32px 30px;
  grid-auto-flow: column;
  justify-content: center;
  width: 100%;
}
header nav ul li img {
  height: 28px;
  transition: all 0.3s ease;
}
header nav a {
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  color: #fff;
  font-family: "Luckiest Guy", cursive;
  font-weight: 400;
}
@media (hover: hover) and (pointer: fine) {
  header nav a:hover img {
    transform: translateY(-10px);
  }
}
header .Menu-toggle {
  display: none;
}
@media screen and (min-width: 1235px) {
  header {
    --top: 32px;
    --headerH: 120px;
    background: url(../images/nav-BGPC.png) no-repeat center center/100% auto;
  }
  header .hedaerContainer {
    max-width: 1164px;
  }
  header nav {
    padding: 40px 57px 0;
  }
  header nav figure {
    display: none;
  }
  header nav ul {
    flex-flow: row nowrap;
  }
}
@media screen and (max-width: 1234px) {
  header {
    --top: 0px;
    --headerH: auto;
    --togglesize: 48px;
  }
  header:not(.active) .hedaerContainer {
    height: 0;
  }
  header.active {
    --headerH: 100%;
  }
  header.active::after {
    content: "";
    display: block;
    background: rgba(0, 0, 0, 0.7);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
  }
  header.active .hedaerContainer {
    flex-flow: column;
    min-height: var(--togglesize);
  }
  header nav {
    background: #fff;
    flex-flow: column nowrap;
    z-index: 1;
    transition: all 0.5s ease;
    padding: 16px var(--ComContentPaddingLR) 32px;
  }
  header nav::after {
    background: url(../images/nav-BGSP.png) repeat-x center bottom/auto 20px;
    content: "";
    width: 100%;
    height: 20px;
    display: block;
    position: absolute;
    bottom: -19px;
    left: 0;
    right: 0;
    z-index: -1;
  }
  header nav:not(.active) {
    transform: translateY(-105%);
  }
  header nav.active {
    transform: translateY(0);
  }
  header nav figure img {
    max-width: 140px;
  }
  header nav ul {
    grid-auto-flow: row;
    margin-top: 40px;
  }
  header nav ul li {
    text-align: center;
  }
  header .Menu-toggle {
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    border-radius: var(--togglesize);
    height: var(--togglesize);
    width: var(--togglesize);
    position: relative;
    margin: 0 0 0 auto;
    position: absolute;
    right: 8px;
    top: 8px;
    z-index: 3;
  }
  header .Menu-toggle:not(.active) {
    box-shadow: 0 3px 2px rgba(0, 0, 0, 0.25);
  }
  header .Menu-toggle span {
    --height: 2.47px;
    display: block;
    background: #00A6F9;
    height: var(--height);
    border-radius: 2px;
    position: absolute;
    top: var(--top);
    left: 50%;
    transition: all 0.5s ease;
    width: 24px;
    display: block;
    --deg: 0;
    --translateX: -50%;
    transform: translateX(var(--translateX)) translateY(calc(var(--translateY))) rotate(var(--deg));
  }
  header .Menu-toggle span:nth-child(1) {
    --top: (50% + 5px);
    --translateY: var(--top) * -1;
  }
  header .Menu-toggle span:nth-child(2) {
    --top: (50% - var(--height) / 2);
    --translateY: var(--top);
  }
  header .Menu-toggle span:nth-child(3) {
    --top: (50% - (5px + var(--height)));
    --translateY: var(--top) * -1;
  }
  header .Menu-toggle.active span:nth-child(1) {
    --deg: 45deg;
    --translateY: 0px;
  }
  header .Menu-toggle.active span:nth-child(2) {
    opacity: 0;
  }
  header .Menu-toggle.active span:nth-child(3) {
    --deg: 135deg;
    --translateY: -1px;
  }
}
@media screen and (max-width: 389px) {
  header nav {
    padding: calc(var(--vw1px) * 16) var(--ComContentPaddingLR) calc(var(--vw1px) * 32);
  }
  header nav figure img {
    max-width: calc(var(--vw1px) * 140);
  }
  header nav ul {
    gap: calc(var(--vw1px) * 32) calc(var(--vw1px) * 30);
    margin-top: calc(var(--vw1px) * 40);
  }
  header nav ul li img {
    height: calc(var(--vw1px) * 28);
  }
  header .Menu-toggle {
    right: calc(var(--vw1px) * 8);
    top: calc(var(--vw1px) * 8);
  }
  header .Menu-toggle span {
    --height: calc(var(--vw1px) * 2.47);
    width: calc(var(--vw1px) * 24);
  }
}

.Section-PachiKV {
  position: relative;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-flow: column nowrap;
  overflow: hidden;
  z-index: 2;
}
.Section-PachiKV::after {
  background: url(../images/KV-Deco.png) repeat-x center center;
  background-size: auto 100%;
  animation: bg-scroll 20s linear infinite;
  content: "";
  display: block;
  position: absolute;
  bottom: -1px;
  left: 0;
  right: 0;
  height: 16px;
  z-index: 2;
}
@keyframes bg-scroll {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 1000px 0;
  }
}
.Section-PachiKV .ComContentContainer {
  height: 100%;
  display: grid;
  align-items: baseline;
  justify-content: center;
  line-height: 1;
  padding-top: var(--ComContentPaddingLR);
  --ComContentWNum: 1440px;
}
.Section-PachiKV h1 {
  grid-area: h1;
  width: 100%;
  justify-self: center;
}
.Section-PachiKV h2 {
  grid-area: h2;
  text-align: center;
  justify-self: center;
}
.Section-PachiKV .PachiKV-TVer {
  opacity: 0 !important;
  pointer-events: none;
  grid-area: TVer;
  animation: upDown 3.5s ease-in-out infinite;
  transition: all 0.3s ease-out;
  width: var(--TVerW);
  min-width: calc(var(--TVerWNum) * 1px - var(--TVerMinWNum));
}
.Section-PachiKV .PachiKV-TVer img {
  transition: all 0.3s ease-out;
}
@media (hover: hover) and (pointer: fine) {
  .Section-PachiKV .PachiKV-TVer:hover {
    animation-play-state: paused;
  }
  .Section-PachiKV .PachiKV-TVer:hover img {
    transform: scale(1.1);
  }
}
.Section-PachiKV .PachiKV-SNS {
  display: grid;
  grid-area: SNS;
  align-self: flex-start;
  position: relative;
  z-index: 3;
}
.Section-PachiKV .PachiKV-SNS li {
  animation: upDown 3.7s ease-in-out infinite;
  transition: all 0.3s ease-out;
  position: relative;
  width: 100%;
}
.Section-PachiKV .PachiKV-SNS li.YouTube {
  opacity: 0 !important;
  pointer-events: none;
  z-index: var(--Youtube-ZI);
  animation-delay: 1.3s;
  min-width: calc(var(--Youtube-W) - var(--SNSMinWNum));
  width: var(--Youtube-W);
}
.Section-PachiKV .PachiKV-SNS li.X {
  z-index: var(--X-ZI);
  animation-delay: 0.3s;
  min-width: calc(var(--X-W) - var(--SNSMinWNum));
  width: var(--X-W);
}
.Section-PachiKV .PachiKV-SNS li.Instagram {
  z-index: var(--Insta-ZI);
  animation-delay: 0.5s;
  min-width: calc(var(--Insta-W) - var(--SNSMinWNum));
  width: var(--Insta-W);
}
.Section-PachiKV .PachiKV-SNS li.TikTok {
  opacity: 0 !important;
  pointer-events: none;
  z-index: var(--Tik-ZI);
  animation-delay: 0.7s;
  min-width: calc(var(--Tik-W) - var(--SNSMinWNum));
  width: var(--Tik-W);
}
.Section-PachiKV .PachiKV-SNS li img {
  transition: all 0.3s ease-out;
}
@media (hover: hover) and (pointer: fine) {
  .Section-PachiKV .PachiKV-SNS li:hover {
    animation-play-state: paused;
  }
  .Section-PachiKV .PachiKV-SNS li:hover img {
    transform: scale(1.1);
  }
}
.Section-PachiKV .PachiKV-about {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: var(--aboutTop);
  left: var(--aboutLeft);
  width: var(--aboutW);
  padding-top: var(--paddingT);
  z-index: 1;
}
.Section-PachiKV .PachiKV-about .PachiKV-about_Title {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  animation: yura-yura 3.5s ease-in-out infinite;
  transition: all 0.3s ease-out;
  width: 100%;
  height: auto;
}
.Section-PachiKV .PachiKV-about .PachiKV-about_Chara {
  width: var(--charaW);
  transition: all 0.3s ease-out;
}
.Section-PachiKV .PachiKV-about {
  --hoverTranslateY: -32px;
}
@media (hover: hover) and (pointer: fine) {
  .Section-PachiKV .PachiKV-about:hover {
    cursor: pointer;
  }
  .Section-PachiKV .PachiKV-about:hover img {
    transform: translateY(var(--hoverTranslateY));
  }
}
.Section-PachiKV {
  /* 1. 振れるアニメーションの定義 */
}
@keyframes yura-yura {
  0% {
    transform: rotate(15deg);
  }
  50% {
    transform: rotate(calc(15deg * -1));
  }
  100% {
    transform: rotate(15deg);
  }
}
@keyframes upDown {
  0% {
    transform: translateY(10px);
  }
  50% {
    transform: translateY(calc(10px * -1));
  }
  100% {
    transform: translateY(10px);
  }
}
@media screen and (min-width: 768px) {
  .Section-PachiKV {
    background: url(../images/pachirun-KVPC.jpg) no-repeat center center/cover;
    height: calc(var(--vw1px) * 888);
    max-height: 888px;
  }
  .Section-PachiKV .ComContentContainer {
    grid-template-rows: auto 1fr;
    grid-template-columns: 1fr auto 1fr;
    grid-template-areas: "h1 h1 h1" "TVer h2 SNS";
  }
  .Section-PachiKV h1 {
    margin-top: 122px;
    max-width: 1080px;
  }
  .Section-PachiKV h2 {
    max-width: 720px;
    width: 50vw;
    line-height: 1;
    margin-top: 13px;
    align-self: flex-end;
  }
  .Section-PachiKV .PachiKV-TVer {
    --TVerMinWNum: 45px;
    --TVerMRNum: -79;
    --TVerWNum: 206;
    --TVerW: calc(var(--TVerWNum) * 1px);
    justify-self: right;
    margin-top: 28px;
    margin-right: calc(var(--TVerMRNum) * 1px);
  }
  .Section-PachiKV .PachiKV-SNS {
    --SNSMLNum: -122;
    grid-template-columns: repeat(4, 1fr);
    margin-left: calc(var(--SNSMLNum) * 1px);
    margin-top: 7px;
    position: relative;
    --SNSMinWNum: 45px;
  }
  .Section-PachiKV .PachiKV-SNS li.YouTube {
    --Youtube-WNum: 206;
    --Youtube-W: calc(var(--Youtube-WNum) * 1px);
    --Youtube-ZI: 4;
  }
  .Section-PachiKV .PachiKV-SNS li.X {
    --X-MTNum: 96;
    --X-MLNum: -71;
    --X-WNum: 158;
    --X-W: calc(var(--X-WNum) * 1px);
    --X-ZI: 3;
    margin-top: calc(var(--X-MTNum) * 1px);
    margin-left: calc(var(--X-MLNum) * 1px);
  }
  .Section-PachiKV .PachiKV-SNS li.Instagram {
    --Insta-MTNum: 20;
    --Insta-MLNum: -97;
    --Insta-WNum: 158;
    --Insta-W: calc(var(--Insta-WNum) * 1px);
    --Insta-ZI: 2;
    margin-top: calc(var(--Insta-MTNum) * 1px);
    margin-left: calc(var(--Insta-MLNum) * 1px);
  }
  .Section-PachiKV .PachiKV-SNS li.TikTok {
    --Tik-MTNum: 98;
    --Tik-MLNum: -103;
    --Tik-WNum: 146;
    --Tik-W: calc(var(--Tik-WNum) * 1px);
    --Tik-ZI: 1;
    margin-top: calc(var(--Tik-MTNum) * 1px);
    margin-left: calc(var(--Tik-MLNum) * 1px);
  }
  .Section-PachiKV .PachiKV-about {
    --aboutTop: calc(100% - 221px);
    --aboutLeft: calc(55px - var(--ComContentPaddingLR));
    --aboutW: 301px;
    --paddingT: 48px;
  }
  .Section-PachiKV .PachiKV-about .PachiKV-about_Chara {
    --charaW: 196px;
  }
}
@media screen and (max-width: 1234px) and (min-width: 768px) {
  .Section-PachiKV {
    --vw1px: 0.06944444444444445vw;
  }
  .Section-PachiKV h1 {
    margin-top: calc(var(--vw1px) * 48);
  }
  .Section-PachiKV .PachiKV-TVer {
    --TVerW: calc(var(--vw1px) * var(--TVerWNum));
    margin-right: calc(var(--vw1px) * var(--TVerMRNum));
  }
  .Section-PachiKV .PachiKV-SNS {
    margin-left: calc(var(--vw1px) * var(--SNSMLNum));
  }
  .Section-PachiKV .PachiKV-SNS li.YouTube {
    --Youtube-W: calc(var(--vw1px) * var(--Youtube-WNum));
  }
  .Section-PachiKV .PachiKV-SNS li.X {
    --X-W: calc(var(--vw1px) * var(--X-WNum));
    margin-top: calc(var(--vw1px) * var(--X-MTNum));
    margin-left: calc(var(--vw1px) * var(--X-MLNum));
  }
  .Section-PachiKV .PachiKV-SNS li.Instagram {
    --Insta-W: calc(var(--vw1px) * var(--Insta-WNum));
    margin-top: calc(var(--vw1px) * var(--Insta-MTNum));
    margin-left: calc(var(--vw1px) * var(--Insta-MLNum));
  }
  .Section-PachiKV .PachiKV-SNS li.TikTok {
    --Tik-W: calc(var(--vw1px) * var(--Tik-WNum));
    margin-top: calc(var(--vw1px) * var(--Tik-MTNum));
    margin-left: calc(var(--vw1px) * var(--Tik-MLNum));
  }
  .Section-PachiKV .PachiKV-about {
    --aboutTop: calc(100% - calc(var(--vw1px) * 221));
    --aboutLeft: calc(calc(var(--vw1px) * 55) - var(--ComContentPaddingLR));
    --aboutW: calc(var(--vw1px) * 301);
    --paddingT: calc(var(--vw1px) * 48.3);
    --hoverTranslateY: calc(var(--vw1px) * -32);
  }
  .Section-PachiKV .PachiKV-about .PachiKV-about_Chara {
    --charaW: calc(var(--vw1px) * 196);
  }
}
@media screen and (max-width: 960px) {
  .Section-PachiKV .PachiKV-SNS {
    grid-template-columns: auto 1fr;
    justify-self: center;
    grid-template-areas: "YouTube Instagram" "X TikTok";
    margin-top: 40px;
    --SNSMinWNum: 0px;
  }
  .Section-PachiKV .PachiKV-SNS li.YouTube {
    grid-area: YouTube;
    --Youtube-ZI: 3;
  }
  .Section-PachiKV .PachiKV-SNS li.X {
    grid-area: X;
    --X-MTNum: -24;
    --X-MLNum: 17;
    --X-ZI: 2;
    margin-top: calc(var(--X-MTNum) * 1px);
    margin-left: calc(var(--X-MLNum) * 1px);
  }
  .Section-PachiKV .PachiKV-SNS li.Instagram {
    grid-area: Instagram;
    --Insta-MTNum: 44;
    --Insta-MLNum: -38;
    --Insta-ZI: 1;
    margin-top: calc(var(--Insta-MTNum) * 1px);
    margin-left: calc(var(--Insta-MLNum) * 1px);
  }
  .Section-PachiKV .PachiKV-SNS li.TikTok {
    grid-area: TikTok;
    --Tik-MTNum: -6;
    --Tik-MLNum: -36;
    --Tik-ZI: 3;
    margin-top: calc(var(--Tik-MTNum) * 1px);
    margin-left: calc(var(--Tik-MLNum) * 1px);
  }
}
@media screen and (max-width: 767px) {
  .Section-PachiKV {
    background: url(../images/pachirun-KVSP.jpg) no-repeat center center/cover;
    height: 176.4102564103vw;
    max-height: 688px;
  }
  .Section-PachiKV .ComContentContainer {
    grid-template-rows: auto auto 1fr;
    grid-template-columns: repeat(2, 1fr);
    grid-template-areas: "h1 h1" "h2 h2" "TVer SNS";
  }
  .Section-PachiKV h1 picture {
    max-width: 308px;
  }
  .Section-PachiKV h2 {
    max-width: 358px;
    margin-top: 8px;
    margin-bottom: 8px;
  }
  .Section-PachiKV .PachiKV-TVer {
    --TVerMinWNum: 0px;
    --TVerWNum: 139;
    --TVerW: calc(var(--TVerWNum) * 1px);
    justify-self: left;
  }
  .Section-PachiKV .PachiKV-SNS {
    margin-top: 0;
  }
  .Section-PachiKV .PachiKV-SNS li.YouTube {
    --Youtube-WNum: 143;
    --Youtube-W: calc(var(--Youtube-WNum) * 1px);
  }
  .Section-PachiKV .PachiKV-SNS li.X {
    --X-WNum: 112;
    --X-MTNum: -30;
    --X-MLNum: 21;
    --X-W: calc(var(--X-WNum) * 1px);
  }
  .Section-PachiKV .PachiKV-SNS li.Instagram {
    --Insta-WNum: 126;
    --Insta-W: calc(var(--Insta-WNum) * 1px);
  }
  .Section-PachiKV .PachiKV-SNS li.TikTok {
    --Tik-WNum: 112;
    --Tik-W: calc(var(--Tik-WNum) * 1px);
  }
  .Section-PachiKV .PachiKV-about {
    --aboutTop: calc(100% - 114px);
    --aboutLeft: var(--ComContentPaddingLR);
    --aboutW: 155px;
    --paddingT: 23px;
  }
  .Section-PachiKV .PachiKV-about .PachiKV-about_Chara {
    --charaW: 98px;
  }
}
@media screen and (max-width: 389px) {
  .Section-PachiKV h2 {
    max-width: calc(var(--vw1px) * 310);
    margin-top: calc(var(--vw1px) * 8);
    margin-bottom: calc(var(--vw1px) * 8);
  }
  .Section-PachiKV .PachiKV-TVer {
    --TVerMinWNum: 10px;
    --TVerW: calc(var(--vw1px) * var(--TVerWNum));
  }
  .Section-PachiKV .PachiKV-SNS {
    --SNSMinWNum: 10px;
  }
  .Section-PachiKV .PachiKV-SNS li.YouTube {
    --Youtube-W: calc(var(--vw1px) * var(--Youtube-WNum));
  }
  .Section-PachiKV .PachiKV-about {
    --aboutTop: calc(100% - calc(var(--vw1px) * 114));
    --aboutLeft: var(--ComContentPaddingLR);
    --aboutW: calc(var(--vw1px) * 155);
    --paddingT: calc(var(--vw1px) * 23);
  }
  .Section-PachiKV .PachiKV-about .PachiKV-about_Chara {
    --charaW: calc(var(--vw1px) * 98);
  }
}

.AboutModalWrap {
  padding: var(--About-PTB) var(--ComContentPaddingLR);
}
.AboutModalWrap .AboutModalContainer {
  display: flex;
  flex-flow: column;
  justify-content: center;
  max-width: 937px;
  position: relative;
  width: 100%;
}
.AboutModalWrap .AboutModalDeco {
  width: var(--AboutModalDeco-W);
  height: var(--AboutModalDeco-H);
  display: flex;
  margin: 0 auto;
}
.AboutModalWrap .AboutModalArticleWrap {
  background: #fff;
  color: #EB7D9B;
  grid-area: article;
  margin-top: -1px;
}
.AboutModalWrap .AboutModalArticleWrap .AboutModalArticle {
  overflow-y: auto;
  max-height: calc(100vh - (var(--AboutModalDeco-H) + var(--About-PTB) * 2 + var(--AboutModalArticleWrap-PTB) * 2));
  font-weight: 900;
  text-align: center;
}
.AboutModalWrap .AboutModalArticleWrap .AboutModalArticle P + p {
  margin-top: 1em;
}
.AboutModalWrap .AboutModalClose {
  width: var(--AboutModalClose-W);
  position: absolute;
  right: var(--AboutModalClose-R);
}
@media screen and (min-width: 768px) {
  .AboutModalWrap {
    --About-PTB: 60px;
    --AboutModalArticleWrap-PTB: 48px;
    --AboutModalDeco-W: 130px;
    --AboutModalDeco-H: 80px;
    --AboutModalClose-W: 64px;
    --ComContentPaddingLR: var(--AboutModalClose-W);
  }
  .AboutModalWrap .AboutModalContainer {
    display: grid;
    grid-auto-flow: row;
    grid-template-rows: auto 1fr;
    grid-template-columns: 1fr auto;
    grid-template-areas: "deco close" "article .";
    justify-content: center;
  }
  .AboutModalWrap .AboutModalArticleWrap {
    border-radius: 48px;
    padding: var(--AboutModalArticleWrap-PTB) 68px;
    box-shadow: inset 10px -12px 8px 0px rgba(40, 40, 40, 0.25);
  }
  .AboutModalWrap .AboutModalArticleWrap .AboutModalArticle {
    padding: 0 30px;
    font-size: 24px;
  }
  .AboutModalWrap .AboutModalClose {
    --AboutModalClose-R: calc(var(--AboutModalClose-W) * -1);
  }
}
@media screen and (max-width: 767px) {
  .AboutModalWrap {
    --About-PTB: 42px;
    --AboutModalArticleWrap-PTB: 32px;
    --AboutModalDeco-W: 74px;
    --AboutModalDeco-H: 49px;
    --AboutModalClose-W: 46px;
  }
  .AboutModalWrap .AboutModalArticleWrap {
    border-radius: 24px;
    padding: var(--AboutModalArticleWrap-PTB) 5px;
    box-shadow: inset 7px -10px 8px 0px rgba(40, 40, 40, 0.25);
    width: 100%;
  }
  .AboutModalWrap .AboutModalArticleWrap .AboutModalArticle {
    padding: 0px 6px;
    font-size: 16px;
  }
  .AboutModalWrap .AboutModalClose {
    --AboutModalClose-R: 0;
    top: -5px;
  }
}
@media screen and (max-width: 389px) {
  .AboutModalWrap {
    --About-PTB: calc(var(--vw1px) * 42);
    --AboutModalArticleWrap-PTB: calc(var(--vw1px) * 32);
    --AboutModalDeco-W: calc(var(--vw1px) * 74);
    --AboutModalDeco-H: calc(var(--vw1px) * 49);
  }
  .AboutModalWrap .AboutModalArticleWrap {
    border-radius: 24px;
  }
  .AboutModalWrap .AboutModalArticleWrap .AboutModalArticle {
    padding: 0px calc(var(--vw1px) * 3);
    font-size: calc(var(--vw1px) * 16);
  }
}

.Section-Plan {
  position: relative;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-flow: column nowrap;
  overflow: visible;
  z-index: 1;
  margin-top: -1px;
}
.Section-Plan .Plan-BannerList {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
}
.Section-Plan .Plan-BannerList li a {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: column nowrap;
  align-items: center;
  transition: all 0.3s ease-out;
}
@media (hover: hover) and (pointer: fine) {
  .Section-Plan .Plan-BannerList li a:hover {
    transform: translateY(-10px);
  }
}
@media screen and (min-width: 768px) {
  .Section-Plan {
    background: url(../images/Plan-BGPC.jpg) no-repeat center center/cover;
    height: auto;
    min-height: 559px;
    padding: 89px 0 208px;
  }
  .Section-Plan .Plan-BannerList li {
    --BannerList-ML: 32px;
    display: flex;
    max-width: 394px;
    width: calc((100% - var(--BannerList-ML)) / 2);
  }
  .Section-Plan .Plan-BannerList li:nth-of-type(even) {
    margin-left: var(--BannerList-ML);
  }
}
@media screen and (max-width: 767px) {
  .Section-Plan {
    background: url(../images/Plan-BGSP.jpg) no-repeat center center/cover;
    padding: 65px 0 136px;
  }
  .Section-Plan .Plan-BannerList {
    flex-flow: column;
  }
  .Section-Plan .Plan-BannerList li {
    width: 90%;
    max-width: 342px;
  }
  .Section-Plan .Plan-BannerList li + li {
    margin-top: 32px;
  }
}
@media screen and (max-width: 389px) {
  .Section-Plan {
    padding: calc(var(--vw1px) * 65) 0 calc(var(--vw1px) * 136);
  }
  .Section-Plan .Plan-BannerList li + li {
    margin-top: calc(var(--vw1px) * 32);
  }
}

.Section-Corner {
  position: relative;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-flow: column nowrap;
  overflow: visible;
}
.Section-Corner::before {
  background: url(../images/Corner-Deco.png) repeat-x center top/auto 100%;
  content: "";
  position: absolute;
  width: 100%;
  z-index: 1;
}
.Section-Corner .ComContentContainer {
  display: flex;
  flex-flow: column;
  align-items: center;
  max-width: 100%;
}
.Section-Corner .Corner-EggList {
  display: grid;
  position: relative;
  margin: auto;
}
.Section-Corner .Corner-EggList li {
  --egg-T: 0;
  --egg-TMaster: calc(var(--egg-T) * 1px);
  --egg-LMaster: calc(var(--egg-L) * 1px);
  position: relative;
  top: var(--egg-TMaster);
  left: var(--egg-LMaster);
  transition: all 0.3s ease;
}
@media (hover: hover) and (pointer: fine) {
  .Section-Corner .Corner-EggList li:hover {
    cursor: pointer;
    transform: translateY(-30px);
  }
}
.Section-Corner .Corner-EggList li[data-order="1"] {
  grid-area: order1;
}
.Section-Corner .Corner-EggList li[data-order="1"] img {
  transform: rotate(-9.06deg);
}
.Section-Corner .Corner-EggList li[data-order="2"] {
  grid-area: order2;
}
.Section-Corner .Corner-EggList li[data-order="3"] {
  grid-area: order3;
}
.Section-Corner .Corner-EggList li[data-order="3"] img {
  transform: rotate(8.77deg);
}
.Section-Corner .Corner-EggList li[data-order="4"] {
  grid-area: order4;
}
.Section-Corner .Corner-EggList li[data-order="4"] img {
  transform: rotate(5.91deg);
}
.Section-Corner .Corner-EggList li[data-order="5"] {
  grid-area: order5;
}
.Section-Corner .Corner-EggList li[data-order="5"] img {
  transform: rotate(-6.54deg);
}
.Section-Corner .Corner-EggList li[data-order="6"] {
  grid-area: order6;
}
.Section-Corner .Corner-EggList li[data-order="7"] {
  grid-area: order7;
}
.Section-Corner .Corner-EggList li[data-order="7"] img {
  transform: rotate(7.65deg);
}
.Section-Corner .Corner-EggList li[data-order="8"] {
  grid-area: order8;
}
.Section-Corner .Corner-EggList li[data-order="9"] {
  grid-area: order9;
}
.Section-Corner .Corner-EggList li[data-order="9"] img {
  transform: rotate(-9.06deg);
}
.Section-Corner .Corner-EggList li[data-order="10"] {
  grid-area: order10;
}
.Section-Corner .Corner-EggList li[data-order="11"] {
  grid-area: order11;
}
.Section-Corner .Corner-EggList li[data-order="11"] img {
  transform: rotate(5.91deg);
}
.Section-Corner .Corner-EggList li[data-order="12"] {
  grid-area: order12;
}
.Section-Corner .Corner-EggList li[data-order="13"] {
  grid-area: order13;
}
.Section-Corner .Corner-EggList li[data-order="13"] img {
  transform: rotate(13.27deg);
}
.Section-Corner .Corner-EggList li[data-order="14"] {
  grid-area: order14;
}
.Section-Corner .Corner-EggList li[data-order="14"] img {
  transform: rotate(-9.06deg);
}
.Section-Corner .Corner-EggList li[data-order="15"] {
  grid-area: order15;
}
.Section-Corner .Corner-EggList li[data-order="16"] {
  grid-area: order16;
}
.Section-Corner .Corner-EggList li[data-order="16"] img {
  transform: rotate(8.77deg);
}
.Section-Corner .Corner-EggList .ModalParts {
  display: none;
}
@media screen and (min-width: 768px) {
  .Section-Corner {
    background: #6bd7ed url(../images/Corner-BGPC.jpg) no-repeat center top/auto 100%;
    max-height: 1832px;
    height: 1832px;
    padding: 105px 0 0;
  }
  .Section-Corner::before {
    height: 57px;
    top: -40px;
  }
  .Section-Corner .ComH2 {
    margin-bottom: 96px;
  }
  .Section-Corner .Corner-EggList {
    grid-template-rows: repeat(4, 1fr);
    grid-template-columns: repeat(5, 1fr);
    grid-template-areas: ". order1 order2 order3 ." "order4 order5 order6 order7 order8" "order9 order10 order11 order12 order13" ". order14 order15 order16 .";
    justify-content: center;
    padding: 0;
    width: 1044px;
  }
  .Section-Corner .Corner-EggList li {
    max-width: 259px;
    width: 259px;
  }
  .Section-Corner .Corner-EggList li[data-order="1"] {
    --egg-T: -18;
    --egg-L: 50;
    z-index: 1;
  }
  .Section-Corner .Corner-EggList li[data-order="2"] {
    --egg-T: -18;
    --egg-L: -10;
    z-index: 2;
  }
  .Section-Corner .Corner-EggList li[data-order="3"] {
    --egg-T: -18;
    --egg-L: -66;
    z-index: 1;
  }
  .Section-Corner .Corner-EggList li[data-order="4"] {
    --egg-T: -155;
    --egg-L: 108;
    z-index: 2;
  }
  .Section-Corner .Corner-EggList li[data-order="5"] {
    --egg-T: -155;
    --egg-L: 36;
    z-index: 3;
  }
  .Section-Corner .Corner-EggList li[data-order="6"] {
    --egg-T: -157;
    --egg-L: -25;
    z-index: 4;
  }
  .Section-Corner .Corner-EggList li[data-order="7"] {
    --egg-T: -156;
    --egg-L: -90;
    z-index: 5;
  }
  .Section-Corner .Corner-EggList li[data-order="8"] {
    --egg-T: -157;
    --egg-L: -143;
    z-index: 6;
  }
  .Section-Corner .Corner-EggList li[data-order="9"] {
    --egg-T: -283;
    --egg-L: 97;
    z-index: 7;
  }
  .Section-Corner .Corner-EggList li[data-order="10"] {
    --egg-T: -286;
    --egg-L: 31;
    z-index: 8;
  }
  .Section-Corner .Corner-EggList li[data-order="11"] {
    --egg-T: -281;
    --egg-L: -35;
    z-index: 9;
  }
  .Section-Corner .Corner-EggList li[data-order="12"] {
    --egg-T: -279;
    --egg-L: -93;
    z-index: 10;
  }
  .Section-Corner .Corner-EggList li[data-order="13"] {
    --egg-T: -276;
    --egg-L: -142;
    z-index: 11;
  }
  .Section-Corner .Corner-EggList li[data-order="14"] {
    --egg-T: -396;
    --egg-L: 61;
    z-index: 12;
  }
  .Section-Corner .Corner-EggList li[data-order="15"] {
    --egg-T: -396;
    --egg-L: 9;
    z-index: 13;
  }
  .Section-Corner .Corner-EggList li[data-order="16"] {
    --egg-T: -396;
    --egg-L: -38;
    z-index: 12;
  }
}
@media screen and (max-width: 1044px) and (min-width: 768px) {
  .Section-Corner {
    height: calc(var(--vw1px) * 1832);
    padding: calc(var(--vw1px) * 105) 0 0;
    background-size: auto 110%;
  }
  .Section-Corner .ComH2 {
    margin-bottom: calc(var(--vw1px) * 96);
  }
  .Section-Corner .Corner-EggList {
    padding: 0 0;
    width: calc(var(--vw1px) * 1044);
  }
  .Section-Corner .Corner-EggList li {
    --egg-TMaster: calc(var(--vw1px) * var(--egg-T));
    --egg-LMaster: calc(var(--vw1px) * var(--egg-L));
    width: calc(var(--vw1px) * 259);
  }
}
@media screen and (max-width: 767px) {
  .Section-Corner {
    background: url(../images/Corner-BGSP.jpg) no-repeat center bottom/cover;
    height: 1168px;
    padding: 73px 0 0px;
  }
  .Section-Corner::before {
    height: 51px;
    top: -24px;
  }
  .Section-Corner .Corner-EggList {
    grid-template-rows: repeat(6, 1fr);
    grid-template-columns: repeat(3, 1fr);
    grid-template-areas: "order1 order2 ." "order3 order4 order5" "order6 order7 order8" "order9 order10 order11" "order12 order13 order14" "order15 order16 .";
    padding: 0 0 0;
    width: 100%;
    max-width: 344px;
  }
  .Section-Corner .Corner-EggList li {
    width: calc(var(--vw1px) * 143);
    max-width: 143px;
  }
  .Section-Corner .Corner-EggList li[data-order="1"] {
    --egg-T: -2;
    --egg-L: 38;
    z-index: 1;
  }
  .Section-Corner .Corner-EggList li[data-order="2"] {
    --egg-T: -3;
    --egg-L: 5;
    z-index: 2;
  }
  .Section-Corner .Corner-EggList li[data-order="3"] {
    --egg-T: -83;
    --egg-L: -9;
    z-index: 3;
  }
  .Section-Corner .Corner-EggList li[data-order="4"] {
    --egg-T: -73;
    --egg-L: -46;
    z-index: 4;
  }
  .Section-Corner .Corner-EggList li[data-order="5"] {
    --egg-T: -73;
    --egg-L: -86;
    z-index: 5;
  }
  .Section-Corner .Corner-EggList li[data-order="6"] {
    --egg-T: -155;
    --egg-L: -12;
    z-index: 6;
  }
  .Section-Corner .Corner-EggList li[data-order="7"] {
    --egg-T: -154;
    --egg-L: -47;
    z-index: 7;
  }
  .Section-Corner .Corner-EggList li[data-order="8"] {
    --egg-T: -154;
    --egg-L: -78;
    z-index: 8;
  }
  .Section-Corner .Corner-EggList li[data-order="9"] {
    --egg-T: -232;
    --egg-L: -15;
    z-index: 9;
  }
  .Section-Corner .Corner-EggList li[data-order="10"] {
    --egg-T: -232;
    --egg-L: -48;
    z-index: 10;
  }
  .Section-Corner .Corner-EggList li[data-order="11"] {
    --egg-T: -232;
    --egg-L: -76;
    z-index: 11;
  }
  .Section-Corner .Corner-EggList li[data-order="12"] {
    --egg-T: -309;
    --egg-L: -12;
    z-index: 12;
  }
  .Section-Corner .Corner-EggList li[data-order="13"] {
    --egg-T: -309;
    --egg-L: -40;
    z-index: 13;
  }
  .Section-Corner .Corner-EggList li[data-order="14"] {
    --egg-T: -309;
    --egg-L: -76;
    z-index: 14;
  }
  .Section-Corner .Corner-EggList li[data-order="15"] {
    --egg-T: -385;
    --egg-L: 41;
    z-index: 16;
  }
  .Section-Corner .Corner-EggList li[data-order="16"] {
    --egg-T: -385;
    --egg-L: 18;
    z-index: 15;
  }
}
@media screen and (max-width: 389px) {
  .Section-Corner {
    padding: calc(var(--vw1px) * 73) 0 0;
  }
  .Section-Corner::before {
    height: calc(var(--vw1px) * 51);
    top: calc(var(--vw1px) * -24);
  }
}

.CornerModalWrap {
  padding: var(--CornerModalWrap-PTB) var(--ComContentPaddingLR);
}
.CornerModalWrap .CornerModalContainer {
  border: var(--CornerModalWrap-borderW) solid #FFA600;
  background: #fff;
  color: #565656;
  display: flex;
  flex-flow: column;
  justify-content: center;
  max-width: 860px;
  position: relative;
  width: 100%;
  max-height: calc(100vh - var(--CornerModalClose-T) - var(--CornerModalWrap-PTB) * 2);
  padding: var(--CornerModalContainer-PTB) var(--CornerModalContainer-PLR);
}
.CornerModalWrap .CornerModalArticle {
  padding: 0 var(--CornerModalArticle-PLR);
  font-weight: 900;
  overflow-y: auto;
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
}
.CornerModalWrap .CornerModalArticle a {
  transition: all 0.3s ease;
}
@media (hover: hover) and (pointer: fine) {
  .CornerModalWrap .CornerModalArticle a:hover {
    opacity: 0.8;
  }
}
.CornerModalWrap .CornerModalArticle P + p {
  margin-top: 1em;
}
.CornerModalWrap .CornerModalArticle > dl {
  display: flex;
  flex-flow: column nowrap;
}
.CornerModalWrap .CornerModalArticle > dl > dt {
  text-align: center;
}
.CornerModalWrap .CornerModalArticle > dl > dd {
  font-weight: bold;
}
.CornerModalWrap .CornerModalArticle .CornerModalFooter {
  display: flex;
  align-items: center;
  flex-flow: column nowrap;
  width: 100%;
}
.CornerModalWrap .CornerModalArticle .CornerModalFooter .officialLink {
  display: flex;
  justify-content: center;
  background: #FFA600;
  border-radius: 36px;
  color: #fff;
  line-height: 1;
  width: 100%;
}
.CornerModalWrap .CornerModalArticle .CornerModalFooter .officialLink[href=""] {
  display: none;
}
.CornerModalWrap .CornerModalArticle .CornerModalFooter .CornerModalShare {
  display: flex;
  display: none;
  align-items: center;
  justify-content: center;
}
.CornerModalWrap .CornerModalClose {
  width: var(--CornerModalClose-W);
  position: absolute;
}
@media screen and (min-width: 768px) {
  .CornerModalWrap {
    --CornerModalWrap-borderW: 8px;
    --CornerModalWrap-PTB: var(--CornerModalClose-W);
    --CornerModalContainer-PTB: 56px;
    --CornerModalContainer-PLR: 80px;
    --CornerModalClose-W: 66px;
    --ComContentPaddingLR: var(--CornerModalClose-W);
    --CornerModalClose-T: 0px;
  }
  .CornerModalWrap .CornerModalContainer {
    border-radius: 48px;
    box-shadow: inset 10px -12px 8px 0px rgba(40, 40, 40, 0.25);
  }
  .CornerModalWrap .CornerModalArticle figure + dl {
    margin-top: 32px;
  }
  .CornerModalWrap .CornerModalArticle > dl > dt {
    font-size: 32px;
  }
  .CornerModalWrap .CornerModalArticle > dl > dd {
    margin-top: 8px;
    font-size: 20px;
  }
  .CornerModalWrap .CornerModalArticle .CornerModalFooter .officialLink {
    font-size: 24px;
    padding: 19px;
    max-width: 300px;
    margin-top: 32px;
  }
  .CornerModalWrap .CornerModalArticle .CornerModalFooter .officialLink + .CornerModalShare {
    margin-top: 24px;
  }
  .CornerModalWrap .CornerModalArticle .CornerModalFooter .CornerModalShare li {
    width: 56px;
  }
  .CornerModalWrap .CornerModalArticle .CornerModalFooter .CornerModalShare li + li {
    margin-left: 40px;
  }
  .CornerModalWrap .CornerModalClose {
    top: calc(var(--CornerModalClose-W) * -1);
    right: calc(var(--CornerModalClose-W) * -1 + 20px);
  }
}
@media screen and (max-width: 767px) {
  .CornerModalWrap {
    --CornerModalWrap-borderW: 3px;
    --CornerModalWrap-PTB: var(--CornerModalClose-W);
    --CornerModalContainer-PTB: 32px;
    --CornerModalContainer-PLR: 24px;
    --CornerModalClose-W: 40px;
    --CornerModalClose-T: 5px;
  }
  .CornerModalWrap .CornerModalContainer {
    border-radius: 24px;
    box-shadow: inset 7px -10px 8px 0px rgba(40, 40, 40, 0.25);
  }
  .CornerModalWrap .CornerModalArticle figure + dl {
    margin-top: 16px;
  }
  .CornerModalWrap .CornerModalArticle > dl > dt {
    font-size: 20px;
  }
  .CornerModalWrap .CornerModalArticle > dl > dd {
    font-size: 14px;
  }
  .CornerModalWrap .CornerModalArticle .CornerModalFooter .officialLink {
    font-size: 16px;
    padding: 12px 14px;
    max-width: 224px;
    margin-top: 16px;
  }
  .CornerModalWrap .CornerModalArticle .CornerModalFooter .officialLink + .CornerModalShare {
    margin-top: 16px;
  }
  .CornerModalWrap .CornerModalArticle .CornerModalFooter .CornerModalShare li {
    width: 28px;
  }
  .CornerModalWrap .CornerModalArticle .CornerModalFooter .CornerModalShare li + li {
    margin-left: 15px;
  }
  .CornerModalWrap .CornerModalClose {
    top: calc((var(--CornerModalClose-W) + var(--CornerModalClose-T)) * -1);
    right: calc(var(--CornerModalWrap-borderW) * -1);
  }
}

.NewsCastWrap {
  position: relative;
}
@media screen and (min-width: 768px) {
  .NewsCastWrap {
    background: linear-gradient(to bottom, rgba(0, 213, 245, 0) 0%, #00D5F5 20%, #4BDCEB 30%, #97E6DE 38%, #F2F7D5 58%, #FFF18A 82%, #FFEA52 100%);
    margin-top: -339px;
  }
  .NewsCastWrap::before {
    background: url(../images/Corner-BGPCBottom.jpg) no-repeat center top/100% auto;
    position: absolute;
    top: 0;
    width: 100%;
    height: calc(var(--vw1px) * 365);
    height: 427px;
  }
}
@media screen and (max-width: 1044px) and (min-width: 768px) {
  .NewsCastWrap {
    margin-top: calc(var(--vw1px) * -339);
  }
}
@media screen and (max-width: 767px) {
  .NewsCastWrap {
    background: linear-gradient(to bottom, rgba(0, 213, 245, 0) 0%, #00D5F5 10%, #4BDCEB 16%, #97E6DE 22%, #F2F7D5 51%, #FFF18A 85%, #FFEA52 100%);
    margin-top: -100px;
  }
}

.Section-News {
  --News-BC: #FFA0D5;
  position: relative;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-flow: column nowrap;
  overflow: hidden;
  margin-top: -1px;
  padding: 0 0 10px;
  z-index: 2;
}
.Section-News .ComContentContainer {
  --ComContentWNum: 100%;
  box-shadow: inset 0px 0px 45px 0px #FF66BC, 0px 4px 8px 0px rgba(0, 0, 0, 0.25);
  overflow: hidden;
  z-index: 3;
}
.Section-News .ComContentContainer::after {
  content: "";
  background: radial-gradient(ellipse at center, #fff 0%, rgb(246, 75, 167) 100%);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  opacity: 0.2;
}
.Section-News .NewsListContainer {
  display: grid;
  grid-auto-flow: row;
  margin: 0 auto;
  max-width: 769px;
  width: 100%;
  position: relative;
  z-index: 3;
}
.Section-News .NewsListContainer li {
  border-bottom: 2px solid #fff;
  color: #fff;
  font-weight: bold;
  display: grid;
  grid-auto-flow: row;
  transition: all 0.3s ease;
  pointer-events: none;
}
@media (hover: hover) and (pointer: fine) {
  .Section-News .NewsListContainer li:hover {
    cursor: pointer;
    border-color: #F64BA7;
    color: #F64BA7;
    transition: all 0.3s ease;
  }
}
.Section-News .NewsListContainer .ModalParts {
  display: none;
}
@media screen and (min-width: 768px) {
  .Section-News .ComContentContainer {
    background: var(--News-BC) url(../images/News-BGPC.png) repeat center/auto 294px;
    border-radius: 300px;
    padding: 88px;
  }
  .Section-News .NewsListContainer {
    gap: 32px;
  }
  .Section-News .NewsListContainer li {
    gap: 16px;
    padding-bottom: 8px;
  }
  .Section-News .NewsListContainer time {
    font-size: 24px;
  }
  .Section-News .NewsListContainer h3 {
    font-size: 24px;
  }
}
@media screen and (max-width: 1439px) and (min-width: 768px) {
  .Section-News .ComContentContainer {
    border-radius: calc(var(--vw1px) * 300);
  }
}
@media screen and (max-width: 767px) {
  .Section-News .ComContentContainer {
    background: var(--News-BC) url(../images/News-BGPC.png) repeat center/auto 168px;
    border-radius: 50px;
    --ComContentPaddingTB: 64px;
  }
  .Section-News .NewsListContainer {
    gap: 14px;
  }
  .Section-News .NewsListContainer li {
    gap: 8px;
    padding-bottom: 4px;
  }
  .Section-News .NewsListContainer time {
    font-size: 14px;
  }
  .Section-News .NewsListContainer h3 {
    font-size: 16px;
  }
}
@media screen and (max-width: 389px) {
  .Section-News .ComContentContainer {
    --ComContentPaddingTB: calc(var(--vw1px) * 64);
  }
  .Section-News .NewsListContainer {
    gap: calc(var(--vw1px) * 14);
  }
  .Section-News .NewsListContainer li {
    gap: calc(var(--vw1px) * 8);
    padding-bottom: calc(var(--vw1px) * 4);
  }
  .Section-News .NewsListContainer time {
    font-size: calc(var(--vw1px) * 14);
  }
  .Section-News .NewsListContainer h3 {
    font-size: calc(var(--vw1px) * 16);
  }
}

.NewsModalWrap {
  color: #565656;
}
.NewsModalWrap .NewsModalContent {
  border-radius: 24px;
  background: #fff;
  color: #565656;
  display: flex;
  flex-flow: column nowrap;
  max-height: 100%;
  max-width: 1043px;
  height: auto;
  width: 100%;
  padding: var(--NewsModalContent-PTB) calc(var(--NewsModalContent-PLR) / 2) var(--NewsModalContent-PTB) var(--NewsModalContent-PLR);
  overflow: hidden;
}
.NewsModalWrap .NewsModalContent .NewsModalArticle {
  font-weight: bold;
  display: flex;
  flex-flow: column;
  min-height: 0;
  height: 100%;
  flex: 1;
}
.NewsModalWrap .NewsModalContent .NewsModalArticle > * {
  padding-right: calc(var(--NewsModalContent-PLR) / 2);
}
.NewsModalWrap .NewsModalContent .NewsModalArticle .NewsModalHeader h2 {
  font-weight: 900;
}
.NewsModalWrap .NewsModalContent .NewsModalArticle a:not(.ComBtnLay) {
  color: #00A6F9;
  text-decoration: underline;
  transition: all 0.3s ease;
}
@media (hover: hover) and (pointer: fine) {
  .NewsModalWrap .NewsModalContent .NewsModalArticle a:not(.ComBtnLay):hover {
    opacity: 0.8;
  }
}
.NewsModalWrap .NewsModalContent .NewsModalArticle .NewsModalMain {
  overflow-y: auto;
  min-height: 0;
}
.NewsModalWrap .NewsModalContent .NewsModalArticle .NewsModalMain + P {
  margin-top: 1em;
}
.NewsModalWrap .NewsModalClose {
  background: #FF8ECD;
  border-radius: 36px;
  color: #fff;
  font-weight: 900;
  line-height: 1;
  margin: var(--NewsModalClose-MT) auto 0;
  text-align: center;
  width: 100%;
  transition: all 0.3s ease;
  position: relative;
  box-shadow: var(--NewsModalClose-X) var(--NewsModalClose-Y) 0px 0px rgba(178, 49, 121, 0.7);
  transform: translateX(0) translateY(0);
}
@media (hover: hover) and (pointer: fine) {
  .NewsModalWrap .NewsModalClose:hover {
    opacity: 0.8;
    box-shadow: none;
    transform: translateX(var(--NewsModalClose-X)) translateY(var(--NewsModalClose-Y));
  }
}
@media screen and (min-width: 769px) {
  .NewsModalWrap {
    padding: 32px 24px;
  }
  .NewsModalWrap .NewsModalContent {
    --NewsModalContent-PTB: 56px;
    --NewsModalContent-PLR: 72px;
    --NewsModalHeaderMB: 48px;
  }
  .NewsModalWrap .NewsModalContent .NewsModalArticle .NewsModalHeader {
    margin-bottom: var(--NewsModalHeaderMB);
  }
  .NewsModalWrap .NewsModalContent .NewsModalArticle .NewsModalHeader time {
    font-size: 24px;
    line-height: 1;
  }
  .NewsModalWrap .NewsModalContent .NewsModalArticle .NewsModalHeader h2 {
    font-size: 32px;
    margin-top: 4px;
  }
  .NewsModalWrap .NewsModalContent .NewsModalArticle .NewsModalMain > p {
    font-size: 20px;
  }
  .NewsModalWrap .NewsModalClose {
    --NewsModalClose-X: 3px;
    --NewsModalClose-Y: 5px;
    --NewsModalClose-MT: 48px;
    font-size: 32px;
    max-width: 304px;
    padding: 20px;
  }
}
@media screen and (max-width: 768px) {
  .NewsModalWrap {
    padding: 32px 24px;
  }
  .NewsModalWrap .NewsModalContent {
    --NewsModalContent-PTB: 32px;
    --NewsModalContent-PLR: 24px;
  }
  .NewsModalWrap .NewsModalContent .NewsModalArticle .NewsModalHeader {
    margin-bottom: 24px;
  }
  .NewsModalWrap .NewsModalContent .NewsModalArticle .NewsModalHeader time {
    font-size: 14px;
  }
  .NewsModalWrap .NewsModalContent .NewsModalArticle .NewsModalHeader h2 {
    font-size: 16px;
    margin-top: 6px;
  }
  .NewsModalWrap .NewsModalContent .NewsModalArticle .NewsModalMain > p {
    font-size: 14px;
  }
  .NewsModalWrap .NewsModalContent .NewsModalClose {
    --NewsModalClose-X: 1px;
    --NewsModalClose-Y: 3px;
    --NewsModalClose-MT: 32px;
    font-size: 20px;
    max-width: 124px;
    padding: 13px;
  }
}
@media screen and (max-width: 389px) {
  .NewsModalWrap .NewsModalContent {
    --NewsModalContent-PTB: calc(var(--vw1px) * 32);
    --NewsModalContent-PLR: calc(var(--vw1px) * 24);
  }
  .NewsModalWrap .NewsModalContent .NewsModalArticle .NewsModalHeader {
    margin-bottom: calc(var(--vw1px) * 24);
  }
  .NewsModalWrap .NewsModalContent .NewsModalArticle .NewsModalHeader time {
    font-size: calc(var(--vw1px) * 14);
  }
  .NewsModalWrap .NewsModalContent .NewsModalArticle .NewsModalHeader h2 {
    font-size: calc(var(--vw1px) * 16);
    margin-top: calc(var(--vw1px) * 6);
  }
  .NewsModalWrap .NewsModalContent .NewsModalArticle .NewsModalMain > p {
    font-size: calc(var(--vw1px) * 14);
  }
  .NewsModalWrap .NewsModalContent .NewsModalClose {
    --NewsModalClose-MT: calc(var(--vw1px) * 32);
    font-size: calc(var(--vw1px) * 20);
    padding: calc(var(--vw1px) * 13);
  }
}

.Section-Cast {
  position: relative;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-flow: column nowrap;
  overflow: visible;
  z-index: 1;
}
.Section-Cast::before {
  content: "";
  position: absolute;
  z-index: -1;
}
.Section-Cast .Cast-ListContainer {
  display: grid;
  max-width: 976px;
  width: 100%;
  margin: 0 auto;
}
.Section-Cast .Cast-ListContainer li {
  display: flex;
  flex-flow: column nowrap;
  color: #565656;
  font-weight: 900;
}
.Section-Cast .Cast-ListContainer li h3 {
  text-align: center;
}
.Section-Cast .Cast-ListContainer li p + P {
  margin-top: 1em;
}
.Section-Cast .Cast-ListContainer li .bold {
  font-weight: bold;
}
@media screen and (min-width: 768px) {
  .Section-Cast {
    padding: 88px 0 89px;
  }
  .Section-Cast::before {
    background: url(../images/Cast-CloudPC.png) no-repeat center top/100% auto;
    width: 1477px;
    top: -120px;
    left: calc(50% - 48px);
    bottom: 0;
    transform: translateX(-50%);
  }
  .Section-Cast .Cast-ListContainer {
    gap: 32px;
    align-items: stretch;
    grid-template-columns: repeat(3, 1fr);
  }
  .Section-Cast .Cast-ListContainer li h3 {
    font-size: 32px;
    margin-top: 24px;
  }
  .Section-Cast .Cast-ListContainer li p {
    font-size: 20px;
    margin-top: 1px;
  }
  .Section-Cast .Cast-ListContainer li .center {
    text-align: center;
  }
}
@media screen and (max-width: 1439px) and (min-width: 768px) {
  .Section-Cast::before {
    max-width: 100%;
    top: calc(var(--vw1px) * -80);
  }
}
@media screen and (max-width: 767px) {
  .Section-Cast {
    background: url(../images/Cast-CloudSPB.png) no-repeat center bottom/100% auto;
    padding: 72px 0 89px;
  }
  .Section-Cast::before {
    background: url(../images/Cast-CloudSPT.png) no-repeat center top/100% auto;
    width: 100%;
    top: -46px;
    bottom: 0;
  }
  .Section-Cast .Cast-ListContainer {
    gap: 40px;
    grid-auto-flow: row;
  }
  .Section-Cast .Cast-ListContainer li figure {
    width: 100%;
    padding: 0 24px;
  }
  .Section-Cast .Cast-ListContainer li h3 {
    font-size: 24px;
    margin-top: 16px;
  }
  .Section-Cast .Cast-ListContainer li p {
    font-size: 16px;
    text-align: center;
  }
  .Section-Cast .Cast-ListContainer li p .indent-L {
    margin-left: -10px;
  }
  .Section-Cast .Cast-ListContainer li p .indent-R {
    margin-right: -10px;
  }
}
@media screen and (max-width: 389px) {
  .Section-Cast {
    padding-top: calc(var(--vw1px) * 72);
    padding-bottom: calc(var(--vw1px) * 89);
  }
  .Section-Cast::before {
    top: calc(var(--vw1px) * -46);
  }
  .Section-Cast .Cast-ListContainer {
    gap: calc(var(--vw1px) * 40);
  }
  .Section-Cast .Cast-ListContainer li figure {
    padding: 0 calc(var(--vw1px) * 24);
  }
  .Section-Cast .Cast-ListContainer li h3 {
    font-size: calc(var(--vw1px) * 24);
    margin-top: calc(var(--vw1px) * 16);
  }
  .Section-Cast .Cast-ListContainer li p {
    font-size: calc(var(--vw1px) * 16);
    margin-top: calc(var(--vw1px) * 16);
  }
}

.Section-Shopping {
  --Shopping-BC: #FFFF6B;
  position: relative;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-flow: column nowrap;
  overflow: hidden;
  margin-top: -1px;
}
.Section-Shopping::before {
  background: url(../images/Cast-Deco.png) repeat-x center center/auto 100%;
  content: "";
  position: absolute;
  height: var(--Cast-DecoH);
  top: 0;
  width: 100%;
}
.Section-Shopping .Shopping-BannerList {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
}
.Section-Shopping .Shopping-BannerList li a {
  transition: all 0.3s ease-out;
}
@media (hover: hover) and (pointer: fine) {
  .Section-Shopping .Shopping-BannerList li a:hover {
    opacity: 0.8;
  }
}
@media screen and (min-width: 768px) {
  .Section-Shopping {
    background: var(--Shopping-BC) url(../images/Shopping-BGPC.png) repeat center center/auto 297px;
    height: auto;
    min-height: 559px;
    --Cast-DecoH: 43px;
    padding: calc(88px + var(--Cast-DecoH)) 0 208px;
  }
  .Section-Shopping .Shopping-BannerList li {
    --BannerList-ML: 27px;
    display: flex;
    max-width: 394px;
    width: calc((100% - var(--BannerList-ML)) / 2);
  }
  .Section-Shopping .Shopping-BannerList li:nth-of-type(even) {
    margin-left: var(--BannerList-ML);
  }
}
@media screen and (max-width: 767px) {
  .Section-Shopping {
    background: var(--Shopping-BC) url(../images/Shopping-BGSP.png) repeat center center/auto 170px;
    --Cast-DecoH: 43px;
    padding: calc(64px + var(--Cast-DecoH)) 0 136px;
  }
  .Section-Shopping .Shopping-BannerList {
    flex-flow: column;
  }
  .Section-Shopping .Shopping-BannerList li {
    width: calc(var(--vw1px) * 342);
    max-width: 342px;
  }
  .Section-Shopping .Shopping-BannerList li + li {
    margin-top: 24px;
  }
}
@media screen and (max-width: 389px) {
  .Section-Shopping {
    --Cast-DecoH: calc(var(--vw1px) * 43);
    padding: calc(calc(var(--vw1px) * 64) + var(--Cast-DecoH)) 0 calc(var(--vw1px) * 136);
  }
  .Section-Shopping .Shopping-BannerList li + li {
    margin-top: calc(var(--vw1px) * 24);
  }
}

footer {
  background: #fff;
  color: #323232;
  text-align: center;
  position: relative;
  overflow: visible;
  z-index: 2;
}
footer::after {
  background: url(../images/Footer-Deco.png) repeat-x center center/auto 100%;
  content: "";
  position: absolute;
  height: var(--Footer-DecoH);
  top: calc(var(--Footer-DecoH) * -1 + 1px);
  left: 0;
  right: 0;
  width: 100%;
}
footer .ComContentContainer {
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: center;
}
footer .footerSNSShareContainer {
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: center;
}
footer .footerSNSShareContainer > dt {
  line-height: 1;
  font-weight: 900;
}
footer .footerSNSShareContainer .footerSNSShare {
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: center;
  margin-top: var(--Share-MT);
}
footer .footerSNSShareContainer .footerSNSShare li:not(:last-of-type) {
  margin-right: var(--Share-MR);
}
footer .footerSNSShareContainer .footerSNSShare a {
  transition: all 0.3s ease;
}
footer .footerSNSShareContainer .footerSNSShare a img {
  width: 100%;
  transition: all 0.3s ease;
}
@media (hover: hover) and (pointer: fine) {
  footer .footerSNSShareContainer .footerSNSShare a:hover img {
    opacity: 0.8;
    transform: scale(0.95);
  }
}
footer .FTVLink {
  text-decoration: underline;
  font-weight: 900;
  transition: all 0.3s ease;
}
@media (hover: hover) and (pointer: fine) {
  footer .FTVLink:hover {
    opacity: 0.8;
  }
}
footer .privacy {
  font-weight: bold;
}
footer .privacy a {
  color: #00A6F9;
  transition: all 0.3s ease;
}
@media (hover: hover) and (pointer: fine) {
  footer .privacy a:hover {
    opacity: 0.8;
  }
}
footer .copyright {
  font-weight: bold;
  line-height: 1;
}
@media screen and (min-width: 769px) {
  footer {
    padding: 50px 0 24px;
  }
  footer::after {
    --Footer-DecoH: 35px;
  }
  footer .footerSNSShareContainer > dt {
    font-size: 24px;
  }
  footer .footerSNSShareContainer .footerSNSShare {
    --Share-MT: 16px;
    --Share-MR: 40px;
  }
  footer .footerSNSShareContainer .footerSNSShare a img {
    max-width: 75px;
  }
  footer .FTVLink {
    font-size: 24px;
    margin-top: 32px;
  }
  footer .privacy,
  footer .copyright {
    font-size: 16px;
    margin-top: 32px;
  }
}
@media screen and (max-width: 768px) {
  footer {
    padding: 30px 0 16px;
  }
  footer::after {
    --Footer-DecoH: 20px;
  }
  footer .footerSNSShareContainer > dt {
    font-size: 12px;
  }
  footer .footerSNSShareContainer .footerSNSShare {
    --Share-MT: 8px;
    --Share-MR: 15px;
  }
  footer .footerSNSShareContainer .footerSNSShare a img {
    max-width: 28px;
  }
  footer .FTVLink {
    font-size: 12px;
    margin-top: 16px;
  }
  footer .privacy,
  footer .copyright {
    font-size: 10px;
    margin-top: 16px;
  }
}
@media screen and (max-width: 389px) {
  footer {
    padding: calc(var(--vw1px) * 30) 0 calc(var(--vw1px) * 16);
  }
  footer .footerSNSShareContainer > dt {
    font-size: calc(var(--vw1px) * 12);
  }
  footer .footerSNSShareContainer .footerSNSShare {
    --Share-MT: calc(var(--vw1px) * 8);
    --Share-MR: calc(var(--vw1px) * 15);
  }
  footer .footerSNSShareContainer .footerSNSShare a img {
    max-width: calc(var(--vw1px) * 28);
  }
  footer .FTVLink {
    font-size: calc(var(--vw1px) * 12);
    margin-top: calc(var(--vw1px) * 16);
  }
  footer .privacy,
  footer .copyright {
    font-size: calc(var(--vw1px) * 10);
    margin-top: calc(var(--vw1px) * 16);
  }
}