/**
 * Swiper 11.0.4
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2023 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: November 9, 2023
 */
/* FONT_START */
@font-face {
  font-family: "swiper-icons";
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");
  font-weight: 400;
  font-style: normal;
}
/* FONT_END */
:root {
  --swiper-theme-color: #007aff;
  /*
  --swiper-preloader-color: var(--swiper-theme-color);
  --swiper-wrapper-transition-timing-function: initial;
  */
}

:host {
  position: relative;
  display: block;
  margin-left: auto;
  margin-right: auto;
  z-index: 1;
}

.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
  display: block;
}

.swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
  box-sizing: content-box;
}

.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}

.swiper-horizontal {
  touch-action: pan-y;
}

.swiper-vertical {
  touch-action: pan-x;
}

.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
  display: block;
}

.swiper-slide-invisible-blank {
  visibility: hidden;
}

/* Auto Height */
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto;
}

.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}

.swiper-backface-hidden .swiper-slide {
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

/* 3D Effects */
.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}

.swiper-3d .swiper-wrapper {
  transform-style: preserve-3d;
}

.swiper-3d {
  perspective: 1200px;
}

.swiper-3d .swiper-slide,
.swiper-3d .swiper-cube-shadow {
  transform-style: preserve-3d;
}

/* CSS Mode */
.swiper-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  /* For Firefox */
  -ms-overflow-style: none;
  /* For Internet Explorer and Edge */
}

.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}

.swiper-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}

.swiper-css-mode.swiper-horizontal > .swiper-wrapper {
  -webkit-scroll-snap-type: x mandatory;
          scroll-snap-type: x mandatory;
}

.swiper-css-mode.swiper-vertical > .swiper-wrapper {
  -webkit-scroll-snap-type: y mandatory;
          scroll-snap-type: y mandatory;
}

.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
  -webkit-scroll-snap-type: none;
          scroll-snap-type: none;
}

.swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: none;
}

.swiper-css-mode.swiper-centered > .swiper-wrapper::before {
  content: "";
  flex-shrink: 0;
  order: 9999;
}

.swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
  scroll-snap-stop: always;
}

.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
  -webkit-margin-start: var(--swiper-centered-offset-before);
          margin-inline-start: var(--swiper-centered-offset-before);
}

.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
  height: 100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after);
}

.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
  -webkit-margin-before: var(--swiper-centered-offset-before);
          margin-block-start: var(--swiper-centered-offset-before);
}

.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper::before {
  width: 100%;
  min-width: 1px;
  height: var(--swiper-centered-offset-after);
}

/* Slide styles start */
/* 3D Shadows */
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}

.swiper-3d .swiper-slide-shadow {
  background: rgba(0, 0, 0, 0.15);
}

.swiper-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}

.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader {
  animation: swiper-preloader-spin 1s infinite linear;
}

.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}

.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}

@keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/* Slide styles end */
.swiper-grid > .swiper-wrapper {
  flex-wrap: wrap;
}

.swiper-grid-column > .swiper-wrapper {
  flex-wrap: wrap;
  flex-direction: column;
}
@charset "UTF-8";
/*******************************************************************************************************
 * normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css
 *******************************************************************************************************/
html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
}

h1 {
  margin: 0.67em 0;
  font-size: 2em;
}

hr {
  overflow: visible;
  box-sizing: content-box;
  height: 0;
}

pre {
  font-family: monospace, monospace;
  font-size: 1em;
}

a {
  background-color: transparent;
}

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

b,
strong {
  font-weight: bolder;
}

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

small {
  font-size: 80%;
}

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

img {
  border-style: none;
}

button,
input,
optgroup,
select,
textarea {
  margin: 0;
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
}

button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

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

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

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

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

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

progress {
  vertical-align: baseline;
}

textarea {
  overflow: auto;
}

[type=checkbox],
[type=radio] {
  box-sizing: border-box;
  padding: 0;
}

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

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

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

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

details {
  display: block;
}

summary {
  display: list-item;
}

template {
  display: none;
}

[hidden] {
  display: none;
}

*,
*:before,
*:after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

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

ul,
ol {
  list-style: none;
  list-style-type: none;
}

p,
li,
dt,
dd,
th,
td,
pre {
  word-break: break-strict;
  line-break: strict;
}

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

img {
  border: none;
  vertical-align: middle;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  font-size: 100%;
}

body {
  width: auto;
  min-width: inherit;
  background-color: #fff;
  color: #333;
  font-family: "noto-sans-cjk-jp", sans-serif;
  letter-spacing: 0;
  line-height: 1.4;
  -webkit-font-smoothing: antialiased;
}

@media only screen and (max-width: 736px) {
  body {
    min-width: 100%;
  }
}
html {
  font-size: 16px;
  -webkit-text-size-adjust: 100%;
}

@media only screen and (max-width: 736px) {
  html {
    font-size: 16px;
  }
}
html,
body {
  height: 100%;
}

img {
  max-width: 100%;
}

a {
  color: inherit;
  text-decoration: none;
}

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

@media only screen and (min-width: 737px) {
  a:hover {
    color: inherit;
    text-decoration: none;
  }
}
@media only screen and (max-width: 736px) {
  .l-section {
    padding: 40px 15px;
  }
}
@media only screen and (min-width: 737px) {
  .l-section {
    padding: 80px;
  }
}

@media only screen and (min-width: 737px) {
  .l-section--wide {
    padding: 80px 0;
  }
}

.c-bg__tile {
  position: fixed;
  z-index: -10;
  width: 100%;
  height: 100vh;
  height: 100lvh;
  background-image: url(../img/common/img_bg_mikkuma_tile.webp);
  background-size: cover;
  background-position: center;
}
.c-bg__tile::after {
  display: block;
  width: 100%;
  height: 100%;
  content: "";
}

/* setOnReach アニメーション */
.c-bg__tile.js-on-reach-item {
  scale: 2;
  transition: scale 0.6s linear;
}
.c-bg__tile.js-on-reach-item::after {
  background-color: rgba(255, 220, 60, 0.9);
  transition: background-color 0.6s linear;
}

.c-bg__tile.js-on-reach-item.on {
  scale: 1;
}
.c-bg__tile.js-on-reach-item.on::after {
  background-color: rgba(255, 132, 64, 0);
}

.c-bg__particles {
  position: fixed;
  z-index: 20;
  width: 100%;
  height: 100vh;
  height: 100lvh;
  pointer-events: none;
}

/* setOnReach アニメーション */
.c-bg__particles.js-on-reach-item {
  opacity: 0;
  transition: opacity 0.6s 0.9s ease-in-out;
}

.c-bg__particles.js-on-reach-item.on {
  opacity: 1;
}

.c-definition-list {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}

.c-definition-list--vertical {
  flex-direction: column;
}

.c-definition-list__item {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 16px;
  padding: 20px 24px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  min-width: 320px;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  min-height: 80px;
  background-color: #FFF;
}

.c-definition-list__item:first-child {
  border-radius: 12px 0 0 12px;
}

.c-definition-list__item:last-child {
  border-radius: 0 12px 12px 0;
}

.c-definition-list--vertical .c-definition-list__item:first-child {
  border-radius: 12px 12px 0 0;
}

.c-definition-list--vertical .c-definition-list__item:last-child {
  border-radius: 0 0 12px 12px;
}

.c-definition-list__term {
  flex-shrink: 0;
  width: 84px;
  font-size: 20px;
  font-weight: 700;
  line-height: 28px;
  text-align-last: justify;
}
@media only screen and (max-width: 736px) {
  .c-definition-list__term {
    width: 64px;
    font-size: 16px;
  }
}

.c-definition-list__item--orange .c-definition-list__term {
  color: #FF9C52;
}

.c-definition-list__item--purple .c-definition-list__term {
  color: #E57BFF;
}

.c-definition-list__item--blue .c-definition-list__term {
  color: #58AAFF;
}

.c-definition-list__item--green .c-definition-list__term {
  color: #34DDA8;
}

.c-definition-list__divider {
  display: block;
  width: 1px;
  height: 24px;
  border: none;
  background-color: #CCC;
}

.c-definition-list__description {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 8px;
}

.c-definition-list__description--main {
  display: block;
  font-size: 28px;
  font-family: "futura-pt", "noto-sans-cjk-jp", sans-serif;
  font-weight: 700;
  line-height: 1;
}
@media only screen and (max-width: 736px) {
  .c-definition-list__description--main {
    font-size: 20px;
  }
}

.c-definition-list__description--main-ja {
  font-size: 24px;
}
@media only screen and (max-width: 736px) {
  .c-definition-list__description--main-ja {
    font-size: 16px;
  }
}

.c-definition-list__description--sub {
  display: block;
  font-size: 16px;
  line-height: 1;
  font-family: "noto-sans-cjk-jp", sans-serif;
}
@media only screen and (max-width: 736px) {
  .c-definition-list__description--sub {
    font-size: 14px;
    line-height: 1.4;
  }
}

.c-definition-list__item--orange .c-definition-list__description {
  color: #FF9C52;
}

.c-definition-list__item--purple .c-definition-list__description {
  color: #E57BFF;
}

.c-definition-list__item--blue .c-definition-list__description {
  color: #58AAFF;
}

.c-definition-list__item--green .c-definition-list__description {
  color: #34DDA8;
}

.c-footer {
  padding: 0 80px;
}
@media screen and (min-width: 738px) and (max-width: 1200px) {
  .c-footer {
    padding: 0 40px;
  }
}
@media only screen and (max-width: 736px) {
  .c-footer {
    padding: 0 15px;
  }
}

.c-footer--blue {
  background-color: rgba(88, 170, 255, 0.9);
}

.c-footer--purple {
  background-color: rgba(229, 123, 255, 0.9);
}

.c-footer--yellow {
  background-color: rgba(255, 220, 60, 0.9);
}

.c-footer__inner {
  display: grid;
  grid-template-columns: auto auto;
  padding: 40px 0 80px;
  border-top: solid 1px rgba(255, 255, 255, 0.4);
}
@media only screen and (max-width: 736px) {
  .c-footer__inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 20px 0;
  }
}

.c-footer__logo {
  width: 160px;
  height: auto;
}
@media only screen and (max-width: 736px) {
  .c-footer__logo {
    width: 144px;
  }
}

.c-footer__nav {
  display: flex;
  justify-content: flex-end;
  align-items: flex-start;
  gap: 80px;
  grid-row: span 2;
}
@media screen and (min-width: 738px) and (max-width: 1200px) {
  .c-footer__nav {
    gap: 40px;
  }
}
@media only screen and (max-width: 736px) {
  .c-footer__nav {
    justify-content: center;
    gap: 0;
    margin-top: 20px;
    padding: 20px 0;
    width: 100%;
    border-top: solid 1px rgba(255, 255, 255, 0.4);
    border-bottom: solid 1px rgba(255, 255, 255, 0.4);
  }
}

.c-footer__nav-items {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  gap: 20px;
  padding-left: 24px;
  border-left: solid 1px rgba(255, 255, 255, 0.4);
}
@media only screen and (max-width: 736px) {
  .c-footer__nav-items {
    width: 100%;
    max-width: 160px;
  }
}

@media only screen and (max-width: 736px) {
  .c-footer__nav-items:first-child {
    padding-left: 0;
    border-left: none;
  }
}

.c-footer__nav-item {
  position: relative;
  display: block;
  font-size: 16px;
  font-weight: 700;
  color: #fff;
}
@media only screen and (max-width: 736px) {
  .c-footer__nav-item {
    font-size: 14px;
  }
}

.c-footer__nav-item::before {
  position: absolute;
  left: 0;
  right: 0;
  bottom: -4px;
  display: block;
  height: 4px;
  background-color: #fff;
  content: "";
  transform-origin: right;
  transform: scaleX(0);
  transition: transform 0.2s ease-in-out;
}

.c-footer__nav-item:not(.c-footer__nav-item--disabled):hover {
  color: #fff;
}

.c-footer__nav-item:not(.c-footer__nav-item--disabled):hover::before {
  transform-origin: left;
  transform: scaleX(1);
}

.c-footer__nav-item--external {
  display: flex;
  align-items: baseline;
  justify-content: flex-start;
}

.c-footer__nav-item--external::before {
  right: 20px;
}

.c-footer__nav-item--external::after {
  display: block;
  margin-left: 8px;
  width: 12px;
  height: 12px;
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg viewBox="0 0 22 22" fill="%23ffffff" xmlns="http://www.w3.org/2000/svg"><path d="M13.3333 0.486328V2.81966H17.5217L6.05333 14.288L7.69833 15.933L19.1667 4.46466V8.65299H21.5V0.486328M19.1667 19.153H2.83333V2.81966H11V0.486328H2.83333C2.21449 0.486328 1.621 0.732161 1.18342 1.16975C0.745833 1.60733 0.5 2.20082 0.5 2.81966V19.153C0.5 19.7718 0.745833 20.3653 1.18342 20.8029C1.621 21.2405 2.21449 21.4863 2.83333 21.4863H19.1667C19.7855 21.4863 20.379 21.2405 20.8166 20.8029C21.2542 20.3653 21.5 19.7718 21.5 19.153V10.9863H19.1667V19.153Z"/></svg>');
  background-size: contain;
  background-repeat: no-repeat;
  content: "";
}

.c-footer__nav-item--disabled {
  text-decoration: line-through;
}

.c-footer__copyright {
  align-self: flex-end;
  color: #fff;
  opacity: 0.6;
}
@media only screen and (max-width: 736px) {
  .c-footer__copyright {
    margin-top: 80px;
    align-self: center;
  }
}

.c-header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 100;
  height: 80px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 0 80px;
}
@media screen and (min-width: 738px) and (max-width: 1200px) {
  .c-header {
    padding: 0 40px;
  }
}
@media only screen and (max-width: 736px) {
  .c-header {
    height: 60px;
    padding: 0 15px;
  }
}

.c-header__logo {
  width: 160px;
  height: auto;
}
@media only screen and (max-width: 736px) {
  .c-header__logo {
    width: 120px;
  }
}

.c-list-banner {
  position: relative;
  width: 100%;
  transition-timing-function: linear;
}

.c-list-banner__list-items {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 20px;
  align-items: center;
  justify-content: center;
  width: 480px;
  z-index: 10;
}
@media only screen and (max-width: 736px) {
  .c-list-banner__list-items {
    gap: 8px;
    width: 320px;
  }
}
.c-list-banner__list-items:hover {
  z-index: 20;
}

.c-list-banner__list-item {
  position: relative;
  width: 100%;
  padding: 8px;
  border-radius: 12px;
  background-color: #fff;
  z-index: 10;
  transition: z-index 0.4s, scale 0.4s, rotate 0.4s, translate 0.6s ease-in-out, opacity 0.6s ease-in-out;
}
@media only screen and (max-width: 736px) {
  .c-list-banner__list-item {
    padding: 4px;
    border-radius: 6px;
  }
}
.c-list-banner__list-item:hover {
  cursor: pointer;
  scale: 1.2;
  rotate: -5deg;
  z-index: 20;
}

.c-list-banner__thumbnail {
  width: 100%;
  height: auto;
}

/* setOnReach アニメーション */
.c-list-banner__list-item.js-on-reach-item {
  translate: 0px 80px;
  opacity: 0;
}

.c-list-banner__list-item.js-on-reach-item.on {
  translate: 0px 0px;
  opacity: 1;
}

.c-message-list {
  width: 100%;
  margin: 0 auto;
  transition-timing-function: linear;
}

.c-message-list__item {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  width: 320px;
  flex-shrink: 0;
}
@media only screen and (max-width: 736px) {
  .c-message-list__item {
    width: 200px;
  }
}

.c-message-list__item--small {
  width: 240px;
}
@media only screen and (max-width: 736px) {
  .c-message-list__item--small {
    width: 160px;
  }
}

/* setOnReach アニメーション */
.c-message-list__item.js-on-reach-item {
  translate: 0px 80px;
  opacity: 0;
  transition: all 0.6s ease-in-out;
}

.c-message-list__item.js-on-reach-item.on {
  translate: 0px 0px;
  opacity: 1;
}

.c-message-list__thumbnail-wrapper {
  position: relative;
  width: 320px;
  height: 320px;
  padding: 10px;
  border-radius: 100%;
  background-image: url(../img/common/img_message_base.svg);
  background-size: cover;
  transition: all 0.4s;
  box-sizing: border-box;
}
@media only screen and (max-width: 736px) {
  .c-message-list__thumbnail-wrapper {
    width: 200px;
    height: 200px;
  }
}

.c-message-list__item--small .c-message-list__thumbnail-wrapper {
  width: 240px;
  height: 240px;
}
@media only screen and (max-width: 736px) {
  .c-message-list__item--small .c-message-list__thumbnail-wrapper {
    width: 160px;
    height: 160px;
  }
}

.c-message-list__thumbnail {
  width: 100%;
  height: 100%;
  border-radius: 100%;
}

.c-message-list__balloon-wrapper {
  position: absolute;
  right: -8px;
  bottom: -16px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 120px;
  height: 120px;
}
@media only screen and (max-width: 736px) {
  .c-message-list__balloon-wrapper {
    width: 80px;
    height: 80px;
  }
}

.c-message-list__balloon-wrapper--yellow {
  background-image: url(../img/common/img_balloon_yellow.svg);
  background-size: cover;
}

.c-message-list__balloon-wrapper--orange {
  background-image: url(../img/common/img_balloon_orange.svg);
  background-size: cover;
}

.c-message-list__movie {
  width: 64px;
  height: 64px;
}
@media only screen and (max-width: 736px) {
  .c-message-list__movie {
    width: 48px;
    height: 48px;
  }
}

.c-message-list__comment {
  width: 64px;
  height: 64px;
}
@media only screen and (max-width: 736px) {
  .c-message-list__comment {
    width: 48px;
    height: 48px;
  }
}

.c-message-list__texts {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  padding: 12px 0;
  gap: 12px;
}

.c-message-list__heading {
  display: inline;
  min-width: 120px;
  padding: 8px 20px;
  border-radius: 22px;
  background-color: #fff;
  text-align: center;
  font-size: 20px;
  color: #ff69a3;
}
@media only screen and (max-width: 736px) {
  .c-message-list__heading {
    font-size: 16px;
  }
}

.c-message-list__description {
  font-size: 14px;
  color: #fff;
  line-height: 1.6;
}

.c-message-list__item--rect {
  width: 460px;
}
@media only screen and (max-width: 736px) {
  .c-message-list__item--rect {
    width: 320px;
  }
}

.c-message-list__item--rect .c-message-list__thumbnail-wrapper {
  width: 460px;
  height: 267.5px;
  background-image: url(../img/common/img_message_base_rect.svg);
  border-radius: 24px;
}
@media only screen and (max-width: 736px) {
  .c-message-list__item--rect .c-message-list__thumbnail-wrapper {
    width: 320px;
    height: 188px;
  }
}

.c-message-list__item--rect .c-message-list__thumbnail {
  border-radius: 14px;
}

.c-message-list__item--interactive .c-message-list__thumbnail-wrapper:hover {
  cursor: pointer;
  scale: 1.2;
}

.c-message-list__item--interactive.c-message-list__item--rect .c-message-list__thumbnail-wrapper:hover {
  scale: 1.1;
}

.c-modal {
  position: relative;
  display: none;
  z-index: 200;
}

.c-modal.is-open {
  display: block;
}

.c-modal__overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 80px 40px;
  background: rgba(255, 255, 255, 0.6);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  display: flex;
  justify-content: center;
  align-items: center;
}
@media only screen and (max-width: 736px) {
  .c-modal__overlay {
    padding: 40px 20px;
  }
}

.c-modal__close {
  position: absolute;
  top: 20px;
  right: 40px;
  background: transparent;
  border: 0;
  color: #000;
  transition: opacity 0.4s;
}
@media only screen and (max-width: 736px) {
  .c-modal__close {
    top: 8px;
    right: 20px;
  }
}
.c-modal__close:focus-visible {
  outline: unset;
}
.c-modal__close::before {
  font-size: 48px;
  font-weight: 900;
  content: "✕";
}
@media only screen and (max-width: 736px) {
  .c-modal__close::before {
    font-size: 24px;
  }
}
.c-modal__close:hover {
  opacity: 0.6;
  cursor: pointer;
}

.c-modal__close--comment {
  color: #fff;
}

.c-modal__movie {
  width: 100%;
  max-width: 1280px;
  height: auto;
  aspect-ratio: 16/9;
  border-radius: 20px;
}
@media only screen and (max-width: 736px) {
  .c-modal__movie {
    border-radius: 8px;
  }
}

.c-modal__container {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 600px;
  max-height: 100%;
  padding: 100px 20px 40px;
  border-radius: 12px;
  background: url(../img/common/img_bg_mikkuma_tile.webp);
  background-size: cover;
  background-position: center;
}
@media only screen and (max-width: 736px) {
  .c-modal__container {
    padding: 40px 12px 20px;
  }
}
.c-modal__container::after {
  position: absolute;
  left: 20px;
  right: 20px;
  bottom: 40px;
  height: 80px;
  border-radius: 0 0 10px 10px;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgb(255, 255, 255));
  z-index: 10;
  content: "";
}
@media only screen and (max-width: 736px) {
  .c-modal__container::after {
    left: 12px;
    right: 12px;
    bottom: 20px;
    height: 40px;
  }
}

.c-modal__thumbnail-wrapper {
  position: absolute;
  top: -60px;
  left: -60px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px;
  width: 200px;
  height: 200px;
  border-radius: 100%;
  background-image: url(../img/common/img_message_base.svg);
  background-size: cover;
  z-index: 10;
}
@media only screen and (max-width: 736px) {
  .c-modal__thumbnail-wrapper {
    top: -40px;
    left: -20px;
    padding: 6px;
    width: 120px;
    height: 120px;
  }
}

.c-modal__thumbnail {
  width: 100%;
  height: 100%;
  border-radius: 100%;
}

.c-modal__content {
  position: relative;
  padding: 80px 20px 80px;
  border-radius: 6px;
  background-color: rgba(255, 255, 255, 0.95);
  overflow-y: auto;
  width: 100%;
  height: 100%;
}
@media only screen and (max-width: 736px) {
  .c-modal__content {
    padding: 40px 8px 40px;
  }
}
.c-modal__content p {
  line-height: 2;
  font-size: 16px;
  font-weight: 900;
  color: #666;
}
@media only screen and (max-width: 736px) {
  .c-modal__content p {
    font-size: 14px;
  }
}
.c-modal__content * + * {
  margin-top: 20px;
}

@keyframes mmfadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes mmfadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes mmslideIn {
  from {
    transform: translateY(200px);
  }
  to {
    transform: translateY(0);
  }
}
@keyframes mmslideOut {
  from {
    transform: translateY(0);
  }
  to {
    transform: translateY(-10%);
  }
}
@keyframes mmslideIn_02 {
  from {
    transform: translateY(200px) rotate(0deg);
  }
  to {
    transform: translateY(0) rotate(-15deg);
  }
}
@keyframes mmslideOut_02 {
  from {
    transform: translateY(0);
  }
  to {
    transform: translateY(-10%);
  }
}
.c-modal[aria-hidden=false] .c-modal__overlay {
  animation: mmfadeIn 0.3s cubic-bezier(0, 0, 0.2, 1);
}

.c-modal[aria-hidden=true] .c-modal__overlay {
  animation: mmfadeOut 0.3s cubic-bezier(0, 0, 0.2, 1);
}

.c-modal[aria-hidden=false] .c-modal__container {
  animation: mmslideIn 0.3s cubic-bezier(0, 0, 0.2, 1);
}

.c-modal[aria-hidden=true] .c-modal__container {
  animation: mmslideOut 0.3s cubic-bezier(0, 0, 0.2, 1);
}

.c-modal[aria-hidden=false] .c-modal__thumbnail-wrapper {
  animation: mmslideIn_02 0.3s cubic-bezier(0, 0, 0.2, 1);
  transform: rotate(-15deg);
}

.c-modal[aria-hidden=true] .c-modal__thumbnail-wrapper {
  animation: mmslideOut_02 0.3s cubic-bezier(0, 0, 0.2, 1);
}

.c-modal .c-modal__container,
.c-modal .c-modal__overlay {
  will-change: transform;
}

.c-page-heading {
  position: relative;
  width: 100%;
  height: 200px;
}
@media only screen and (max-width: 736px) {
  .c-page-heading {
    height: 120px;
  }
}

.c-page-heading::before {
  position: absolute;
  left: 0;
  bottom: 10px;
  display: block;
  width: 25%;
  min-width: 320px;
  height: calc(100% + 80px);
  background-image: url(../img/common/img_page-title_default_01.webp);
  background-position: bottom left;
  background-size: contain;
  background-repeat: no-repeat;
  z-index: 10;
  content: "";
}
@media screen and (min-width: 738px) and (max-width: 1200px) {
  .c-page-heading::before {
    background-position: bottom left calc(-160px + 10vw);
  }
}
@media only screen and (max-width: 736px) {
  .c-page-heading::before {
    background-position: bottom left calc(-80px + 10vw);
    min-width: 160px;
    height: calc(100% + 60px);
  }
}

.c-page-heading::after {
  position: absolute;
  right: 0;
  bottom: 10px;
  display: block;
  width: 25%;
  min-width: 320px;
  height: calc(100% + 80px);
  background-image: url(../img/common/img_page-title_default_02.webp);
  background-position: bottom right;
  background-size: contain;
  background-repeat: no-repeat;
  z-index: 10;
  content: "";
}
@media screen and (min-width: 738px) and (max-width: 1200px) {
  .c-page-heading::after {
    background-position: bottom right calc(-160px + 10vw);
  }
}
@media only screen and (max-width: 736px) {
  .c-page-heading::after {
    background-position: bottom right calc(-80px + 10vw);
    min-width: 160px;
    height: calc(100% + 60px);
  }
}

.c-page-heading__inner {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.c-page-heading__inner::before,
.c-page-heading__inner::after {
  display: block;
  flex-shrink: 0;
  width: 100%;
  height: 10px;
  background-color: #fff;
  content: "";
}

.c-page-heading__contents {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 20px;
  background-color: #fff;
  width: 100%;
  height: 100%;
}
@media only screen and (max-width: 736px) {
  .c-page-heading__contents {
    gap: 4px;
  }
}

.c-page-heading__main {
  font-size: 48px;
  font-weight: 900;
  line-height: 1.2;
  letter-spacing: 0.05em;
  text-align: center;
}
@media only screen and (max-width: 736px) {
  .c-page-heading__main {
    font-size: 24px;
  }
}

.c-page-heading__breadcrumb {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  font-size: 24px;
  font-family: "futura-pt", "noto-sans-cjk-jp", sans-serif;
  line-height: 1;
}
@media only screen and (max-width: 736px) {
  .c-page-heading__breadcrumb {
    font-size: 12px;
  }
}

.c-page-heading__breadcrumb-link {
  position: relative;
}

.c-page-heading__breadcrumb-link::after {
  position: absolute;
  bottom: -8px;
  display: block;
  width: 100%;
  height: 4px;
  content: "";
  transform-origin: right;
  transform: scaleX(0);
  transition: transform 0.2s ease-in-out;
}

.c-page-heading__breadcrumb-link:hover::after {
  transform-origin: left;
  transform: scaleX(1);
}

.c-page-heading__breadcrumb-separator {
  font-size: 20px;
}
@media only screen and (max-width: 736px) {
  .c-page-heading__breadcrumb-separator {
    font-size: 12px;
  }
}

/* FES ページ */
.c-page-heading--fes::before {
  background-image: url(../img/fes/img_page-title_fes_01.webp);
}

.c-page-heading--fes::after {
  background-image: url(../img/fes/img_page-title_fes_02.webp);
}

.c-page-heading--fes .c-page-heading__main {
  background-image: url(../img/common/img_polygon_orange.webp);
  -webkit-background-clip: text;
          background-clip: text;
  background-size: cover;
  color: transparent;
}

.c-page-heading--fes .c-page-heading__breadcrumb {
  color: #FF8440;
}

.c-page-heading--fes .c-page-heading__breadcrumb-link::after {
  background-color: #FF8440;
}

/* ヒストリーページ */
.c-page-heading--history::before {
  background-image: url(../img/history/img_page-title_history_01.webp);
}

.c-page-heading--history::after {
  background-image: url(../img/history/img_page-title_history_02.webp);
}

.c-page-heading--history .c-page-heading__main {
  background-image: url(../img/common/img_polygon_green.webp);
  -webkit-background-clip: text;
          background-clip: text;
  background-size: cover;
  color: transparent;
}

.c-page-heading--history .c-page-heading__breadcrumb {
  color: #34DDA8;
}

.c-page-heading--history .c-page-heading__breadcrumb-link::after {
  background-color: #34DDA8;
}

/* ライバーインタビューページ */
.c-page-heading--interview::before {
  background-image: url(../img/interview/img_page-title_interview_01.webp);
}

.c-page-heading--interview::after {
  background-image: url(../img/interview/img_page-title_interview_02.webp);
}

.c-page-heading--interview .c-page-heading__main {
  background-image: url(../img/common/img_polygon_blue.webp);
  -webkit-background-clip: text;
          background-clip: text;
  background-size: cover;
  color: transparent;
}

.c-page-heading--interview .c-page-heading__breadcrumb {
  color: #58AAFF;
}

.c-page-heading--interview .c-page-heading__breadcrumb-link::after {
  background-color: #58AAFF;
}

.c-section-heading {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
  color: #fff;
  text-align: center;
}

.c-section-heading__main {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 12px;
  font-size: 48px;
  font-weight: 900;
}
@media only screen and (max-width: 736px) {
  .c-section-heading__main {
    font-size: 32px;
    gap: 8px;
  }
}

.c-section-heading__main--align-bottom {
  align-items: baseline;
}

.c-section-heading__popup {
  width: 64px;
  height: 64px;
}
@media only screen and (max-width: 736px) {
  .c-section-heading__popup {
    width: 32px;
    height: 32px;
  }
}

.c-section-heading__popup:last-child {
  transform: scale(-1, 1);
}

.c-section-heading__sub {
  font-size: 18px;
  font-weight: 900;
  line-height: 2;
  opacity: 0.9;
}
@media only screen and (max-width: 736px) {
  .c-section-heading__sub {
    font-size: 16px;
  }
}

.c-section-heading__strong {
  font-size: 96px;
  font-family: "futura-pt", "noto-sans-cjk-jp", sans-serif;
  letter-spacing: -0.15em;
  padding: 0 0.05em 0 0;
}
@media only screen and (max-width: 736px) {
  .c-section-heading__strong {
    font-size: 64px;
    padding: 0;
  }
}

.c-thumbnail-card {
  display: block;
  width: 100%;
  border-radius: 12px;
  background-color: white;
}

.c-thumbnail-card__thumbnail-wrapper {
  position: relative;
  width: 100%;
  height: auto;
}

.c-thumbnail-card--included .c-thumbnail-card__thumbnail-wrapper {
  padding: 5%;
}

.c-thumbnail-card__thumbnail {
  width: 100%;
  height: auto;
  transition: transform 0.2s ease-in-out;
}

.c-thumbnail-card--included .c-thumbnail-card__thumbnail {
  border-radius: 8px;
  overflow: hidden;
}

.c-thumbnail-card__decoration-container {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.c-thumbnail-card__decoration {
  position: absolute;
  width: 90px;
  height: auto;
}

.c-thumbnail-card__decoration-01 {
  top: 40%;
  left: -10%;
  width: 22%;
  transform: rotate(-15deg);
  animation: 8s infinite floating_normal;
}

.c-thumbnail-card__decoration-02 {
  top: -5%;
  right: -5%;
  width: 22%;
  transform: rotate(10deg);
  animation: 8s infinite -2s floating_reverse;
}

.c-thumbnail-card__decoration-03 {
  bottom: 10%;
  left: -5%;
  width: 25%;
  transform: rotate(15deg);
  animation: 8s infinite floating_normal;
}

.c-thumbnail-card__decoration-04 {
  top: 40%;
  right: -5%;
  width: 22%;
  transform: rotate(0);
  animation: 8s infinite -2s floating_reverse;
}

.c-thumbnail-card__decoration-05 {
  top: 0;
  left: -5%;
  width: 22%;
  transform: rotate(-10deg);
  animation: 8s infinite floating_normal;
}

.c-thumbnail-card__decoration-06 {
  top: 40%;
  right: -5%;
  width: 22%;
  transform: rotate(10deg);
  animation: 8s infinite -2s floating_reverse;
}

@keyframes floating_normal {
  0%, 100% {
    translate: 0 -20px;
  }
  50% {
    translate: 0 20px;
  }
}
@keyframes floating_reverse {
  0%, 100% {
    translate: 0 20px;
  }
  50% {
    translate: 0 -20px;
  }
}
.c-thumbnail-card__texts {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  padding: 0 5% 24px;
}

.c-thumbnail-card--link .c-thumbnail-card__texts {
  padding: 0 calc(5% + 72px) 24px 5%;
}
@media only screen and (max-width: 736px) {
  .c-thumbnail-card--link .c-thumbnail-card__texts {
    padding: 0 calc(5% + 64px) 24px 5%;
  }
}

.c-thumbnail-card__title {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
}

.c-thumbnail-card__title-ja {
  font-size: 24px;
  font-weight: 700;
  color: #58AAFF;
}
@media only screen and (max-width: 736px) {
  .c-thumbnail-card__title-ja {
    font-size: 20px;
  }
}

.c-thumbnail-card--pink .c-thumbnail-card__title-ja {
  color: #FF6E8D;
}

.c-thumbnail-card--yellow .c-thumbnail-card__title-ja {
  color: #FAD000;
}

.c-thumbnail-card--blue .c-thumbnail-card__title-ja {
  color: #58AAFF;
}

.c-thumbnail-card--green .c-thumbnail-card__title-ja {
  color: #34DDA8;
}

.c-thumbnail-card__title-en {
  font-size: 14px;
  font-family: "futura-pt", "noto-sans-cjk-jp", sans-serif;
  font-weight: 700;
  color: #999;
}
@media only screen and (max-width: 736px) {
  .c-thumbnail-card__title-en {
    font-size: 14px;
    font-weight: 400;
  }
}

.c-thumbnail-card__description {
  font-size: 14px;
  line-height: 1.6;
  color: #666;
}

.c-thumbnail-card__description--small {
  font-size: 12px;
  color: #999;
}

.c-thumbnail-card__text-link ~ .c-thumbnail-card__description {
  padding-right: 240px;
}
@media only screen and (max-width: 736px) {
  .c-thumbnail-card__text-link ~ .c-thumbnail-card__description {
    padding-right: 5%;
    padding-bottom: 80px;
  }
}

.c-thumbnail-card__icon-link {
  position: absolute;
  display: block;
  top: 0;
  bottom: 24px;
  right: 5%;
  margin: auto;
  width: 60px;
  height: 60px;
  border: solid 4px #58AAFF;
  border-radius: 30px;
  background-color: #58AAFF;
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg viewBox="0 0 19 20" fill="%23ffffff" xmlns="http://www.w3.org/2000/svg"><path d="M10.811 1.2259C10.4358 0.935797 9.96425 0.79938 9.49213 0.844354C9.02001 0.889329 8.5827 1.11232 8.26904 1.46805C7.95538 1.82377 7.78888 2.28554 7.80335 2.75958C7.81783 3.23362 8.0122 3.68438 8.34698 4.0203L12.6235 8.30056H2.20005L1.98165 8.31363C1.5092 8.36983 1.07604 8.6043 0.770675 8.96914C0.465307 9.33399 0.310777 9.80167 0.33866 10.2766C0.366543 10.7516 0.574732 11.198 0.920692 11.5246C1.26665 11.8512 1.72427 12.0334 2.20005 12.0339H12.6235L8.34698 16.3142L8.19204 16.4896C7.90194 16.8648 7.76552 17.3364 7.8105 17.8085C7.85547 18.2806 8.07847 18.7179 8.43419 19.0316C8.78991 19.3452 9.25169 19.5117 9.72573 19.4973C10.1998 19.4828 10.6505 19.2884 10.9864 18.9536L18.4531 11.487L18.5894 11.3339L18.7088 11.1678L18.8246 10.9568L18.9067 10.7515L18.9627 10.5424L18.9944 10.3072L19 10.1672L18.987 9.94697L18.9328 9.6707L18.8675 9.4747L18.7667 9.26377L18.6342 9.05656C18.579 8.98253 18.5185 8.91265 18.4531 8.8475L10.9864 1.38083L10.811 1.2259Z"/></svg>');
  background-size: 19px 20px;
  background-position: center;
  background-repeat: no-repeat;
  transition: background-color 0.2s ease-in-out, background-image 0.2s ease-in-out;
  content: "";
}
@media only screen and (max-width: 736px) {
  .c-thumbnail-card__icon-link {
    width: 56px;
    height: 56px;
  }
}

.c-thumbnail-card--pink .c-thumbnail-card__icon-link {
  background-color: #FF6E8D;
  border-color: #FF6E8D;
}

.c-thumbnail-card--yellow .c-thumbnail-card__icon-link {
  background-color: #FAD000;
  border-color: #FAD000;
}

.c-thumbnail-card--blue .c-thumbnail-card__icon-link {
  background-color: #58AAFF;
  border-color: #58AAFF;
}

.c-thumbnail-card--green .c-thumbnail-card__icon-link {
  background-color: #34DDA8;
  border-color: #34DDA8;
}

.c-thumbnail-card__icon-link--external {
  background-size: 24px 24px;
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg viewBox="0 0 22 22" fill="%23ffffff" xmlns="http://www.w3.org/2000/svg"><path d="M13.3333 0.486328V2.81966H17.5217L6.05333 14.288L7.69833 15.933L19.1667 4.46466V8.65299H21.5V0.486328M19.1667 19.153H2.83333V2.81966H11V0.486328H2.83333C2.21449 0.486328 1.621 0.732161 1.18342 1.16975C0.745833 1.60733 0.5 2.20082 0.5 2.81966V19.153C0.5 19.7718 0.745833 20.3653 1.18342 20.8029C1.621 21.2405 2.21449 21.4863 2.83333 21.4863H19.1667C19.7855 21.4863 20.379 21.2405 20.8166 20.8029C21.2542 20.3653 21.5 19.7718 21.5 19.153V10.9863H19.1667V19.153Z"/></svg>');
}

.c-thumbnail-card--wide .c-thumbnail-card__texts {
  padding: 0 2.5% 24px;
}
@media only screen and (max-width: 736px) {
  .c-thumbnail-card--wide .c-thumbnail-card__texts {
    padding: 0 5% 24px;
  }
}

.c-thumbnail-card__text-link {
  position: absolute;
  top: 0;
  bottom: 24px;
  right: 5%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin: auto;
  width: 240px;
  height: 60px;
  border: solid 4px #58AAFF;
  border-radius: 30px;
  font-size: 20px;
  font-weight: 700;
  color: #FFF;
  background-color: #58AAFF;
  transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
}
@media only screen and (max-width: 736px) {
  .c-thumbnail-card__text-link {
    top: auto;
    left: 0;
    right: 0;
    bottom: 24px;
    font-size: 16px;
    height: 48px;
  }
}

.c-thumbnail-card--wide .c-thumbnail-card__text-link {
  right: 2.5%;
}
@media only screen and (max-width: 736px) {
  .c-thumbnail-card--wide .c-thumbnail-card__text-link {
    right: 0;
  }
}

.c-thumbnail-card--pink .c-thumbnail-card__text-link {
  background-color: #FF6E8D;
  border-color: #FF6E8D;
}

.c-thumbnail-card--yellow .c-thumbnail-card__text-link {
  background-color: #FAD000;
  border-color: #FAD000;
}

.c-thumbnail-card--blue .c-thumbnail-card__text-link {
  background-color: #58AAFF;
  border-color: #58AAFF;
}

.c-thumbnail-card--green .c-thumbnail-card__text-link {
  background-color: #34DDA8;
  border-color: #34DDA8;
}

.c-thumbnail-card__text-link::after {
  display: block;
  width: 28px;
  height: 28px;
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg viewBox="0 0 28 28" fill="%23ffffff" xmlns="http://www.w3.org/2000/svg"><path d="M15.1442 5.89191C14.769 5.60181 14.2975 5.4654 13.8254 5.51037C13.3533 5.55534 12.916 5.77834 12.6023 6.13406C12.2886 6.48978 12.1221 6.95156 12.1366 7.4256C12.1511 7.89964 12.3454 8.35039 12.6802 8.68631L16.9568 12.9666H6.5333L6.3149 12.9796C5.84245 13.0358 5.4093 13.2703 5.10393 13.6352C4.79856 14 4.64403 14.4677 4.67191 14.9426C4.69979 15.4176 4.90798 15.864 5.25394 16.1906C5.5999 16.5172 6.05752 16.6994 6.5333 16.6999H16.9568L12.6802 20.9802L12.5253 21.1557C12.2352 21.5308 12.0988 22.0024 12.1438 22.4745C12.1887 22.9466 12.4117 23.3839 12.7674 23.6976C13.1232 24.0112 13.5849 24.1778 14.059 24.1633C14.533 24.1488 14.9838 23.9544 15.3197 23.6196L22.7864 16.153L22.9226 15.9999L23.0421 15.8338L23.1578 15.6228L23.24 15.4175L23.296 15.2084L23.3277 14.9732L23.3333 14.8332L23.3202 14.613L23.2661 14.3367L23.2008 14.1407L23.1 13.9298L22.9674 13.7226C22.9123 13.6485 22.8518 13.5787 22.7864 13.5135L15.3197 6.04685L15.1442 5.89191Z"/></svg>');
  background-size: contain;
  background-repeat: no-repeat;
  content: "";
  transition: background-image 0.2s ease-in-out;
}
@media only screen and (max-width: 736px) {
  .c-thumbnail-card__text-link::after {
    width: 20px;
    height: 20px;
  }
}

.c-thumbnail-card__text-link--external::after {
  width: 20px;
  height: 20px;
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg viewBox="0 0 22 22" fill="%23ffffff" xmlns="http://www.w3.org/2000/svg"><path d="M13.3333 0.486328V2.81966H17.5217L6.05333 14.288L7.69833 15.933L19.1667 4.46466V8.65299H21.5V0.486328M19.1667 19.153H2.83333V2.81966H11V0.486328H2.83333C2.21449 0.486328 1.621 0.732161 1.18342 1.16975C0.745833 1.60733 0.5 2.20082 0.5 2.81966V19.153C0.5 19.7718 0.745833 20.3653 1.18342 20.8029C1.621 21.2405 2.21449 21.4863 2.83333 21.4863H19.1667C19.7855 21.4863 20.379 21.2405 20.8166 20.8029C21.2542 20.3653 21.5 19.7718 21.5 19.153V10.9863H19.1667V19.153Z"/></svg>');
}

/* hover アニメーション */
.c-thumbnail-card--link {
  transition: background-color 0.2s ease-in-out;
}

.c-thumbnail-card--link:hover {
  background-color: rgba(255, 255, 255, 0.8);
}

.c-thumbnail-card--link:hover .c-thumbnail-card__thumbnail {
  transform: scale(105%);
}

.c-thumbnail-card--wide.c-thumbnail-card--link:hover .c-thumbnail-card__thumbnail {
  transform: scale(102.5%);
}

.c-thumbnail-card--link:hover .c-thumbnail-card__icon-link {
  background-color: rgba(88, 170, 255, 0);
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg viewBox="0 0 19 20" fill="%2358AAFF" xmlns="http://www.w3.org/2000/svg"><path d="M10.811 1.2259C10.4358 0.935797 9.96425 0.79938 9.49213 0.844354C9.02001 0.889329 8.5827 1.11232 8.26904 1.46805C7.95538 1.82377 7.78888 2.28554 7.80335 2.75958C7.81783 3.23362 8.0122 3.68438 8.34698 4.0203L12.6235 8.30056H2.20005L1.98165 8.31363C1.5092 8.36983 1.07604 8.6043 0.770675 8.96914C0.465307 9.33399 0.310777 9.80167 0.33866 10.2766C0.366543 10.7516 0.574732 11.198 0.920692 11.5246C1.26665 11.8512 1.72427 12.0334 2.20005 12.0339H12.6235L8.34698 16.3142L8.19204 16.4896C7.90194 16.8648 7.76552 17.3364 7.8105 17.8085C7.85547 18.2806 8.07847 18.7179 8.43419 19.0316C8.78991 19.3452 9.25169 19.5117 9.72573 19.4973C10.1998 19.4828 10.6505 19.2884 10.9864 18.9536L18.4531 11.487L18.5894 11.3339L18.7088 11.1678L18.8246 10.9568L18.9067 10.7515L18.9627 10.5424L18.9944 10.3072L19 10.1672L18.987 9.94697L18.9328 9.6707L18.8675 9.4747L18.7667 9.26377L18.6342 9.05656C18.579 8.98253 18.5185 8.91265 18.4531 8.8475L10.9864 1.38083L10.811 1.2259Z"/></svg>');
}

.c-thumbnail-card--link:hover.c-thumbnail-card--pink .c-thumbnail-card__icon-link {
  background-color: rgba(255, 110, 141, 0);
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg viewBox="0 0 19 20" fill="%23FF6E8D" xmlns="http://www.w3.org/2000/svg"><path d="M10.811 1.2259C10.4358 0.935797 9.96425 0.79938 9.49213 0.844354C9.02001 0.889329 8.5827 1.11232 8.26904 1.46805C7.95538 1.82377 7.78888 2.28554 7.80335 2.75958C7.81783 3.23362 8.0122 3.68438 8.34698 4.0203L12.6235 8.30056H2.20005L1.98165 8.31363C1.5092 8.36983 1.07604 8.6043 0.770675 8.96914C0.465307 9.33399 0.310777 9.80167 0.33866 10.2766C0.366543 10.7516 0.574732 11.198 0.920692 11.5246C1.26665 11.8512 1.72427 12.0334 2.20005 12.0339H12.6235L8.34698 16.3142L8.19204 16.4896C7.90194 16.8648 7.76552 17.3364 7.8105 17.8085C7.85547 18.2806 8.07847 18.7179 8.43419 19.0316C8.78991 19.3452 9.25169 19.5117 9.72573 19.4973C10.1998 19.4828 10.6505 19.2884 10.9864 18.9536L18.4531 11.487L18.5894 11.3339L18.7088 11.1678L18.8246 10.9568L18.9067 10.7515L18.9627 10.5424L18.9944 10.3072L19 10.1672L18.987 9.94697L18.9328 9.6707L18.8675 9.4747L18.7667 9.26377L18.6342 9.05656C18.579 8.98253 18.5185 8.91265 18.4531 8.8475L10.9864 1.38083L10.811 1.2259Z"/></svg>');
}

.c-thumbnail-card--link:hover.c-thumbnail-card--yellow .c-thumbnail-card__icon-link {
  background-color: rgba(250, 208, 0, 0);
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg viewBox="0 0 19 20" fill="%23FAD000" xmlns="http://www.w3.org/2000/svg"><path d="M10.811 1.2259C10.4358 0.935797 9.96425 0.79938 9.49213 0.844354C9.02001 0.889329 8.5827 1.11232 8.26904 1.46805C7.95538 1.82377 7.78888 2.28554 7.80335 2.75958C7.81783 3.23362 8.0122 3.68438 8.34698 4.0203L12.6235 8.30056H2.20005L1.98165 8.31363C1.5092 8.36983 1.07604 8.6043 0.770675 8.96914C0.465307 9.33399 0.310777 9.80167 0.33866 10.2766C0.366543 10.7516 0.574732 11.198 0.920692 11.5246C1.26665 11.8512 1.72427 12.0334 2.20005 12.0339H12.6235L8.34698 16.3142L8.19204 16.4896C7.90194 16.8648 7.76552 17.3364 7.8105 17.8085C7.85547 18.2806 8.07847 18.7179 8.43419 19.0316C8.78991 19.3452 9.25169 19.5117 9.72573 19.4973C10.1998 19.4828 10.6505 19.2884 10.9864 18.9536L18.4531 11.487L18.5894 11.3339L18.7088 11.1678L18.8246 10.9568L18.9067 10.7515L18.9627 10.5424L18.9944 10.3072L19 10.1672L18.987 9.94697L18.9328 9.6707L18.8675 9.4747L18.7667 9.26377L18.6342 9.05656C18.579 8.98253 18.5185 8.91265 18.4531 8.8475L10.9864 1.38083L10.811 1.2259Z"/></svg>');
}

.c-thumbnail-card--link:hover.c-thumbnail-card--blue .c-thumbnail-card__icon-link {
  background-color: rgba(88, 170, 255, 0);
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg viewBox="0 0 19 20" fill="%2358AAFF" xmlns="http://www.w3.org/2000/svg"><path d="M10.811 1.2259C10.4358 0.935797 9.96425 0.79938 9.49213 0.844354C9.02001 0.889329 8.5827 1.11232 8.26904 1.46805C7.95538 1.82377 7.78888 2.28554 7.80335 2.75958C7.81783 3.23362 8.0122 3.68438 8.34698 4.0203L12.6235 8.30056H2.20005L1.98165 8.31363C1.5092 8.36983 1.07604 8.6043 0.770675 8.96914C0.465307 9.33399 0.310777 9.80167 0.33866 10.2766C0.366543 10.7516 0.574732 11.198 0.920692 11.5246C1.26665 11.8512 1.72427 12.0334 2.20005 12.0339H12.6235L8.34698 16.3142L8.19204 16.4896C7.90194 16.8648 7.76552 17.3364 7.8105 17.8085C7.85547 18.2806 8.07847 18.7179 8.43419 19.0316C8.78991 19.3452 9.25169 19.5117 9.72573 19.4973C10.1998 19.4828 10.6505 19.2884 10.9864 18.9536L18.4531 11.487L18.5894 11.3339L18.7088 11.1678L18.8246 10.9568L18.9067 10.7515L18.9627 10.5424L18.9944 10.3072L19 10.1672L18.987 9.94697L18.9328 9.6707L18.8675 9.4747L18.7667 9.26377L18.6342 9.05656C18.579 8.98253 18.5185 8.91265 18.4531 8.8475L10.9864 1.38083L10.811 1.2259Z"/></svg>');
}

.c-thumbnail-card--link:hover.c-thumbnail-card--green .c-thumbnail-card__icon-link {
  background-color: rgba(52, 221, 168, 0);
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg viewBox="0 0 19 20" fill="%2334DDA8" xmlns="http://www.w3.org/2000/svg"><path d="M10.811 1.2259C10.4358 0.935797 9.96425 0.79938 9.49213 0.844354C9.02001 0.889329 8.5827 1.11232 8.26904 1.46805C7.95538 1.82377 7.78888 2.28554 7.80335 2.75958C7.81783 3.23362 8.0122 3.68438 8.34698 4.0203L12.6235 8.30056H2.20005L1.98165 8.31363C1.5092 8.36983 1.07604 8.6043 0.770675 8.96914C0.465307 9.33399 0.310777 9.80167 0.33866 10.2766C0.366543 10.7516 0.574732 11.198 0.920692 11.5246C1.26665 11.8512 1.72427 12.0334 2.20005 12.0339H12.6235L8.34698 16.3142L8.19204 16.4896C7.90194 16.8648 7.76552 17.3364 7.8105 17.8085C7.85547 18.2806 8.07847 18.7179 8.43419 19.0316C8.78991 19.3452 9.25169 19.5117 9.72573 19.4973C10.1998 19.4828 10.6505 19.2884 10.9864 18.9536L18.4531 11.487L18.5894 11.3339L18.7088 11.1678L18.8246 10.9568L18.9067 10.7515L18.9627 10.5424L18.9944 10.3072L19 10.1672L18.987 9.94697L18.9328 9.6707L18.8675 9.4747L18.7667 9.26377L18.6342 9.05656C18.579 8.98253 18.5185 8.91265 18.4531 8.8475L10.9864 1.38083L10.811 1.2259Z"/></svg>');
}

.c-thumbnail-card--link:hover.c-thumbnail-card--pink .c-thumbnail-card__icon-link--external {
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg viewBox="0 0 22 22" fill="%23FF6E8D" xmlns="http://www.w3.org/2000/svg"><path d="M13.3333 0.486328V2.81966H17.5217L6.05333 14.288L7.69833 15.933L19.1667 4.46466V8.65299H21.5V0.486328M19.1667 19.153H2.83333V2.81966H11V0.486328H2.83333C2.21449 0.486328 1.621 0.732161 1.18342 1.16975C0.745833 1.60733 0.5 2.20082 0.5 2.81966V19.153C0.5 19.7718 0.745833 20.3653 1.18342 20.8029C1.621 21.2405 2.21449 21.4863 2.83333 21.4863H19.1667C19.7855 21.4863 20.379 21.2405 20.8166 20.8029C21.2542 20.3653 21.5 19.7718 21.5 19.153V10.9863H19.1667V19.153Z"/></svg>');
}

.c-thumbnail-card--link:hover.c-thumbnail-card--yellow .c-thumbnail-card__icon-link--external {
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg viewBox="0 0 22 22" fill="%23FAD000" xmlns="http://www.w3.org/2000/svg"><path d="M13.3333 0.486328V2.81966H17.5217L6.05333 14.288L7.69833 15.933L19.1667 4.46466V8.65299H21.5V0.486328M19.1667 19.153H2.83333V2.81966H11V0.486328H2.83333C2.21449 0.486328 1.621 0.732161 1.18342 1.16975C0.745833 1.60733 0.5 2.20082 0.5 2.81966V19.153C0.5 19.7718 0.745833 20.3653 1.18342 20.8029C1.621 21.2405 2.21449 21.4863 2.83333 21.4863H19.1667C19.7855 21.4863 20.379 21.2405 20.8166 20.8029C21.2542 20.3653 21.5 19.7718 21.5 19.153V10.9863H19.1667V19.153Z"/></svg>');
}

.c-thumbnail-card--link:hover.c-thumbnail-card--blue .c-thumbnail-card__icon-link--external {
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg viewBox="0 0 22 22" fill="%2358AAFF" xmlns="http://www.w3.org/2000/svg"><path d="M13.3333 0.486328V2.81966H17.5217L6.05333 14.288L7.69833 15.933L19.1667 4.46466V8.65299H21.5V0.486328M19.1667 19.153H2.83333V2.81966H11V0.486328H2.83333C2.21449 0.486328 1.621 0.732161 1.18342 1.16975C0.745833 1.60733 0.5 2.20082 0.5 2.81966V19.153C0.5 19.7718 0.745833 20.3653 1.18342 20.8029C1.621 21.2405 2.21449 21.4863 2.83333 21.4863H19.1667C19.7855 21.4863 20.379 21.2405 20.8166 20.8029C21.2542 20.3653 21.5 19.7718 21.5 19.153V10.9863H19.1667V19.153Z"/></svg>');
}

.c-thumbnail-card--link:hover.c-thumbnail-card--green .c-thumbnail-card__icon-link--external {
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg viewBox="0 0 22 22" fill="%2334DDA8" xmlns="http://www.w3.org/2000/svg"><path d="M13.3333 0.486328V2.81966H17.5217L6.05333 14.288L7.69833 15.933L19.1667 4.46466V8.65299H21.5V0.486328M19.1667 19.153H2.83333V2.81966H11V0.486328H2.83333C2.21449 0.486328 1.621 0.732161 1.18342 1.16975C0.745833 1.60733 0.5 2.20082 0.5 2.81966V19.153C0.5 19.7718 0.745833 20.3653 1.18342 20.8029C1.621 21.2405 2.21449 21.4863 2.83333 21.4863H19.1667C19.7855 21.4863 20.379 21.2405 20.8166 20.8029C21.2542 20.3653 21.5 19.7718 21.5 19.153V10.9863H19.1667V19.153Z"/></svg>');
}

.c-thumbnail-card--link:hover.c-thumbnail-card--pink .c-thumbnail-card__text-link {
  color: #FF6E8D;
  background-color: rgba(255, 110, 141, 0);
}

.c-thumbnail-card--link:hover.c-thumbnail-card--pink .c-thumbnail-card__text-link::after {
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg viewBox="0 0 28 28" fill="%23FF6E8D" xmlns="http://www.w3.org/2000/svg"><path d="M15.1442 5.89191C14.769 5.60181 14.2975 5.4654 13.8254 5.51037C13.3533 5.55534 12.916 5.77834 12.6023 6.13406C12.2886 6.48978 12.1221 6.95156 12.1366 7.4256C12.1511 7.89964 12.3454 8.35039 12.6802 8.68631L16.9568 12.9666H6.5333L6.3149 12.9796C5.84245 13.0358 5.4093 13.2703 5.10393 13.6352C4.79856 14 4.64403 14.4677 4.67191 14.9426C4.69979 15.4176 4.90798 15.864 5.25394 16.1906C5.5999 16.5172 6.05752 16.6994 6.5333 16.6999H16.9568L12.6802 20.9802L12.5253 21.1557C12.2352 21.5308 12.0988 22.0024 12.1438 22.4745C12.1887 22.9466 12.4117 23.3839 12.7674 23.6976C13.1232 24.0112 13.5849 24.1778 14.059 24.1633C14.533 24.1488 14.9838 23.9544 15.3197 23.6196L22.7864 16.153L22.9226 15.9999L23.0421 15.8338L23.1578 15.6228L23.24 15.4175L23.296 15.2084L23.3277 14.9732L23.3333 14.8332L23.3202 14.613L23.2661 14.3367L23.2008 14.1407L23.1 13.9298L22.9674 13.7226C22.9123 13.6485 22.8518 13.5787 22.7864 13.5135L15.3197 6.04685L15.1442 5.89191Z"/></svg>');
}

.c-thumbnail-card--link:hover.c-thumbnail-card--pink .c-thumbnail-card__text-link--external::after {
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg viewBox="0 0 22 22" fill="%23FF6E8D" xmlns="http://www.w3.org/2000/svg"><path d="M13.3333 0.486328V2.81966H17.5217L6.05333 14.288L7.69833 15.933L19.1667 4.46466V8.65299H21.5V0.486328M19.1667 19.153H2.83333V2.81966H11V0.486328H2.83333C2.21449 0.486328 1.621 0.732161 1.18342 1.16975C0.745833 1.60733 0.5 2.20082 0.5 2.81966V19.153C0.5 19.7718 0.745833 20.3653 1.18342 20.8029C1.621 21.2405 2.21449 21.4863 2.83333 21.4863H19.1667C19.7855 21.4863 20.379 21.2405 20.8166 20.8029C21.2542 20.3653 21.5 19.7718 21.5 19.153V10.9863H19.1667V19.153Z"/></svg>');
}

.p-event {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 40px;
  padding: 80px;
}
@media screen and (min-width: 738px) and (max-width: 1200px) {
  .p-event {
    padding: 80px 40px;
  }
}
@media only screen and (max-width: 736px) {
  .p-event {
    padding: 60px 15px;
  }
}

.p-event__banners {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 40px;
}

.p-event__banner-wrapper {
  position: relative;
  width: calc((100% - 80px) / 3);
  height: auto;
  aspect-ratio: 16/9;
}
@media screen and (min-width: 738px) and (max-width: 1440px) {
  .p-event__banner-wrapper {
    width: calc((100% - 40px) / 2);
  }
}
@media only screen and (max-width: 736px) {
  .p-event__banner-wrapper {
    width: 100%;
  }
}

.p-event__banner {
  display: block;
  width: 100%;
  height: 100%;
}

.p-event__banner-hover {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
}

/* setOnReach アニメーション */
.p-event__banner-wrapper.js-on-reach-item {
  translate: 0px 80px;
  opacity: 0;
  transition: translate 0.6s ease-in-out, opacity 0.6s ease-in-out;
}

.p-event__banner-wrapper.js-on-reach-item.on {
  translate: 0px 0px;
  opacity: 1;
}

/* hover アニメーション */
.p-event__banner-wrapper:hover .p-event__banner:not(.p-event__banner-hover) {
  opacity: 0;
  transform: translateY(8px);
  cursor: pointer;
  transition: transform 0.1s ease-in-out, translate 0.6s ease-in-out, opacity 0.1s ease-in-out;
}

.p-event__banner-wrapper:hover .p-event__banner-hover {
  transform: translateY(8px);
  cursor: pointer;
  transition: transform 0.1s ease-in-out, translate 0.6s ease-in-out, opacity 0.1s ease-in-out;
}

.p-fes__about {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 60px;
  padding: 80px;
}
@media screen and (min-width: 738px) and (max-width: 1200px) {
  .p-fes__about {
    padding: 80px 40px;
  }
}
@media only screen and (max-width: 736px) {
  .p-fes__about {
    gap: 40px;
    padding: 60px 15px;
  }
}

.p-fes__about-title {
  position: relative;
  font-size: 48px;
  font-weight: 900;
  text-align: center;
  color: #FFF;
}
@media only screen and (max-width: 736px) {
  .p-fes__about-title {
    font-size: 28px;
  }
}

.p-fes__about-title-particle {
  display: block;
  position: absolute;
}

.p-fes__about-title-particle-01 {
  top: -16px;
  left: -20px;
  width: 54px;
  height: 60px;
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg viewBox="0 0 54 60" fill="%23ffffff" xmlns="http://www.w3.org/2000/svg"><path d="M49.27 26.26C47.94 25.67 46.68 25.01 45.49 24.28C44.3 23.55 43.16 22.76 42.09 21.9C41.02 21.04 40.01 20.12 39.07 19.13C38.12 18.15 37.24 17.1 36.41 15.99C35.58 14.88 34.82 13.72 34.11 12.49C33.4 11.27 32.75 9.99 32.15 8.65C31.55 7.32 31.01 5.93 30.52 4.48C30.26 3.71 30.01 2.93 29.78 2.14C29.42 0.88 28.28 0 26.97 0C25.66 0 24.52 0.88 24.16 2.14C23.93 2.94 23.69 3.72 23.43 4.48C22.94 5.92 22.4 7.31 21.8 8.65C21.2 9.99 20.55 11.27 19.84 12.49C19.13 13.71 18.36 14.88 17.54 15.99C16.71 17.1 15.83 18.14 14.88 19.13C13.93 20.11 12.93 21.04 11.86 21.9C10.79 22.76 9.66 23.55 8.46 24.28C7.26 25.01 6 25.67 4.68 26.26C3.94 26.59 3.19 26.9 2.41 27.18C1.27 27.6 0.5 28.67 0.5 29.89C0.5 31.11 1.27 32.18 2.41 32.6C3.19 32.89 3.94 33.19 4.68 33.52C6.01 34.11 7.27 34.77 8.46 35.5C9.66 36.23 10.79 37.02 11.86 37.88C12.93 38.74 13.93 39.66 14.88 40.65C15.83 41.63 16.71 42.68 17.54 43.79C18.37 44.9 19.13 46.06 19.84 47.29C20.55 48.51 21.2 49.79 21.8 51.13C22.4 52.47 22.94 53.86 23.43 55.3C23.69 56.07 23.93 56.85 24.16 57.64C24.52 58.9 25.66 59.78 26.97 59.78C28.28 59.78 29.42 58.9 29.78 57.64C30.01 56.84 30.26 56.06 30.52 55.29C31.01 53.85 31.55 52.46 32.15 51.12C32.75 49.79 33.4 48.5 34.11 47.28C34.82 46.06 35.59 44.89 36.41 43.78C37.24 42.67 38.12 41.63 39.07 40.64C40.01 39.65 41.02 38.73 42.09 37.87C43.16 37.01 44.29 36.22 45.49 35.49C46.69 34.76 47.95 34.1 49.27 33.51C50.01 33.18 50.76 32.88 51.54 32.59C52.68 32.17 53.45 31.1 53.45 29.88C53.45 28.66 52.68 27.59 51.54 27.17C50.76 26.88 50.01 26.58 49.27 26.25V26.26ZM37.67 32.29C36.37 33.33 35.13 34.47 33.97 35.68C32.83 36.87 31.74 38.15 30.74 39.49C29.76 40.8 28.83 42.21 27.98 43.67C27.63 44.27 27.29 44.88 26.97 45.51C26.64 44.88 26.31 44.27 25.96 43.67C25.11 42.21 24.18 40.8 23.2 39.49C22.2 38.15 21.11 36.86 19.97 35.68C18.81 34.47 17.57 33.33 16.27 32.29C15.21 31.44 14.09 30.63 12.94 29.89C14.09 29.15 15.21 28.34 16.27 27.49C17.57 26.45 18.81 25.31 19.97 24.1C21.11 22.91 22.2 21.63 23.2 20.29C24.18 18.97 25.11 17.57 25.96 16.11C26.31 15.51 26.65 14.9 26.97 14.27C27.3 14.89 27.63 15.51 27.98 16.11C28.83 17.57 29.76 18.98 30.74 20.29C31.74 21.63 32.83 22.92 33.97 24.1C35.13 25.3 36.37 26.44 37.67 27.49C38.73 28.34 39.85 29.14 41 29.89C39.85 30.63 38.73 31.44 37.67 32.29Z"/></svg>');
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  animation: 2s infinite 0s twinkle;
}
@media only screen and (max-width: 736px) {
  .p-fes__about-title-particle-01 {
    width: 27px;
    height: 30px;
  }
}

.p-fes__about-title-particle-02 {
  top: 0;
  right: 0;
  width: 54px;
  height: 60px;
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg viewBox="0 0 54 60" fill="%23ffffff" xmlns="http://www.w3.org/2000/svg"><path d="M49.27 26.26C47.94 25.67 46.68 25.01 45.49 24.28C44.3 23.55 43.16 22.76 42.09 21.9C41.02 21.04 40.01 20.12 39.07 19.13C38.12 18.15 37.24 17.1 36.41 15.99C35.58 14.88 34.82 13.72 34.11 12.49C33.4 11.27 32.75 9.99 32.15 8.65C31.55 7.32 31.01 5.93 30.52 4.48C30.26 3.71 30.01 2.93 29.78 2.14C29.42 0.88 28.28 0 26.97 0C25.66 0 24.52 0.88 24.16 2.14C23.93 2.94 23.69 3.72 23.43 4.48C22.94 5.92 22.4 7.31 21.8 8.65C21.2 9.99 20.55 11.27 19.84 12.49C19.13 13.71 18.36 14.88 17.54 15.99C16.71 17.1 15.83 18.14 14.88 19.13C13.93 20.11 12.93 21.04 11.86 21.9C10.79 22.76 9.66 23.55 8.46 24.28C7.26 25.01 6 25.67 4.68 26.26C3.94 26.59 3.19 26.9 2.41 27.18C1.27 27.6 0.5 28.67 0.5 29.89C0.5 31.11 1.27 32.18 2.41 32.6C3.19 32.89 3.94 33.19 4.68 33.52C6.01 34.11 7.27 34.77 8.46 35.5C9.66 36.23 10.79 37.02 11.86 37.88C12.93 38.74 13.93 39.66 14.88 40.65C15.83 41.63 16.71 42.68 17.54 43.79C18.37 44.9 19.13 46.06 19.84 47.29C20.55 48.51 21.2 49.79 21.8 51.13C22.4 52.47 22.94 53.86 23.43 55.3C23.69 56.07 23.93 56.85 24.16 57.64C24.52 58.9 25.66 59.78 26.97 59.78C28.28 59.78 29.42 58.9 29.78 57.64C30.01 56.84 30.26 56.06 30.52 55.29C31.01 53.85 31.55 52.46 32.15 51.12C32.75 49.79 33.4 48.5 34.11 47.28C34.82 46.06 35.59 44.89 36.41 43.78C37.24 42.67 38.12 41.63 39.07 40.64C40.01 39.65 41.02 38.73 42.09 37.87C43.16 37.01 44.29 36.22 45.49 35.49C46.69 34.76 47.95 34.1 49.27 33.51C50.01 33.18 50.76 32.88 51.54 32.59C52.68 32.17 53.45 31.1 53.45 29.88C53.45 28.66 52.68 27.59 51.54 27.17C50.76 26.88 50.01 26.58 49.27 26.25V26.26ZM37.67 32.29C36.37 33.33 35.13 34.47 33.97 35.68C32.83 36.87 31.74 38.15 30.74 39.49C29.76 40.8 28.83 42.21 27.98 43.67C27.63 44.27 27.29 44.88 26.97 45.51C26.64 44.88 26.31 44.27 25.96 43.67C25.11 42.21 24.18 40.8 23.2 39.49C22.2 38.15 21.11 36.86 19.97 35.68C18.81 34.47 17.57 33.33 16.27 32.29C15.21 31.44 14.09 30.63 12.94 29.89C14.09 29.15 15.21 28.34 16.27 27.49C17.57 26.45 18.81 25.31 19.97 24.1C21.11 22.91 22.2 21.63 23.2 20.29C24.18 18.97 25.11 17.57 25.96 16.11C26.31 15.51 26.65 14.9 26.97 14.27C27.3 14.89 27.63 15.51 27.98 16.11C28.83 17.57 29.76 18.98 30.74 20.29C31.74 21.63 32.83 22.92 33.97 24.1C35.13 25.3 36.37 26.44 37.67 27.49C38.73 28.34 39.85 29.14 41 29.89C39.85 30.63 38.73 31.44 37.67 32.29Z"/></svg>');
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  animation: 2s infinite -0.5s twinkle;
}
@media only screen and (max-width: 736px) {
  .p-fes__about-title-particle-02 {
    width: 27px;
    height: 30px;
  }
}

.p-fes__about-title-particle-03 {
  top: 24px;
  left: 32px;
  width: 26.5px;
  height: 30px;
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg viewBox="0 0 27 30" fill="%23ffffff" xmlns="http://www.w3.org/2000/svg"><path d="M25.225 13.7996C24.555 13.4996 23.925 13.1696 23.315 12.7996C22.715 12.4296 22.145 12.0296 21.605 11.5996C21.065 11.1696 20.555 10.6996 20.085 10.1996C19.605 9.69957 19.165 9.17957 18.745 8.61957C18.325 8.05957 17.945 7.46957 17.585 6.85957C17.225 6.23957 16.895 5.59957 16.595 4.91957C16.295 4.24957 16.025 3.54957 15.775 2.81957C15.645 2.42957 15.515 2.02957 15.395 1.61957C15.215 0.98957 14.645 0.55957 13.995 0.55957H13.965C13.315 0.55957 12.745 0.99957 12.565 1.61957C12.445 2.02957 12.325 2.42957 12.195 2.81957C11.945 3.54957 11.675 4.24957 11.375 4.91957C11.075 5.58957 10.745 6.23957 10.385 6.85957C10.025 7.47957 9.64501 8.05957 9.22501 8.61957C8.80501 9.17957 8.36501 9.70957 7.88501 10.1996C7.40501 10.6996 6.90501 11.1596 6.36501 11.5996C5.82501 12.0296 5.25501 12.4296 4.65501 12.7996C4.05501 13.1696 3.41501 13.4996 2.74501 13.7996C2.37501 13.9696 1.99501 14.1196 1.59501 14.2596C1.01501 14.4696 0.63501 15.0096 0.63501 15.6296C0.63501 16.2396 1.02501 16.7796 1.59501 16.9996C1.98501 17.1396 2.36501 17.2996 2.73501 17.4596C3.40501 17.7596 4.03501 18.0896 4.64501 18.4596C5.24501 18.8296 5.81501 19.2296 6.35501 19.6596C6.89501 20.0896 7.40501 20.5596 7.87501 21.0596C8.35501 21.5596 8.79501 22.0796 9.21501 22.6396C9.63501 23.1996 10.015 23.7896 10.375 24.3996C10.735 25.0196 11.065 25.6596 11.365 26.3296C11.665 26.9996 11.935 27.6996 12.185 28.4296C12.315 28.8196 12.445 29.2196 12.555 29.6296C12.735 30.2596 13.305 30.6896 13.955 30.6896H13.985C14.635 30.6896 15.205 30.2596 15.385 29.6296C15.505 29.2196 15.625 28.8196 15.765 28.4296C16.015 27.6996 16.285 26.9996 16.585 26.3296C16.885 25.6596 17.215 25.0096 17.575 24.3996C17.935 23.7796 18.325 23.1996 18.735 22.6396C19.155 22.0796 19.595 21.5496 20.075 21.0596C20.555 20.5596 21.055 20.0996 21.595 19.6596C22.135 19.2296 22.705 18.8296 23.305 18.4596C23.905 18.0896 24.545 17.7596 25.215 17.4596C25.585 17.2896 25.965 17.1396 26.355 16.9996C26.935 16.7896 27.315 16.2496 27.315 15.6296C27.315 15.0196 26.925 14.4796 26.355 14.2596C25.965 14.1196 25.585 13.9596 25.205 13.7996H25.225Z"/></svg>');
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  animation: 2s infinite -1s twinkle;
}
@media only screen and (max-width: 736px) {
  .p-fes__about-title-particle-03 {
    width: 13.25px;
    height: 15px;
  }
}

.p-fes__about-title-particle-04 {
  top: 0;
  right: -32px;
  width: 20px;
  height: 24px;
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg viewBox="0 0 27 30" fill="%23ffffff" xmlns="http://www.w3.org/2000/svg"><path d="M25.225 13.7996C24.555 13.4996 23.925 13.1696 23.315 12.7996C22.715 12.4296 22.145 12.0296 21.605 11.5996C21.065 11.1696 20.555 10.6996 20.085 10.1996C19.605 9.69957 19.165 9.17957 18.745 8.61957C18.325 8.05957 17.945 7.46957 17.585 6.85957C17.225 6.23957 16.895 5.59957 16.595 4.91957C16.295 4.24957 16.025 3.54957 15.775 2.81957C15.645 2.42957 15.515 2.02957 15.395 1.61957C15.215 0.98957 14.645 0.55957 13.995 0.55957H13.965C13.315 0.55957 12.745 0.99957 12.565 1.61957C12.445 2.02957 12.325 2.42957 12.195 2.81957C11.945 3.54957 11.675 4.24957 11.375 4.91957C11.075 5.58957 10.745 6.23957 10.385 6.85957C10.025 7.47957 9.64501 8.05957 9.22501 8.61957C8.80501 9.17957 8.36501 9.70957 7.88501 10.1996C7.40501 10.6996 6.90501 11.1596 6.36501 11.5996C5.82501 12.0296 5.25501 12.4296 4.65501 12.7996C4.05501 13.1696 3.41501 13.4996 2.74501 13.7996C2.37501 13.9696 1.99501 14.1196 1.59501 14.2596C1.01501 14.4696 0.63501 15.0096 0.63501 15.6296C0.63501 16.2396 1.02501 16.7796 1.59501 16.9996C1.98501 17.1396 2.36501 17.2996 2.73501 17.4596C3.40501 17.7596 4.03501 18.0896 4.64501 18.4596C5.24501 18.8296 5.81501 19.2296 6.35501 19.6596C6.89501 20.0896 7.40501 20.5596 7.87501 21.0596C8.35501 21.5596 8.79501 22.0796 9.21501 22.6396C9.63501 23.1996 10.015 23.7896 10.375 24.3996C10.735 25.0196 11.065 25.6596 11.365 26.3296C11.665 26.9996 11.935 27.6996 12.185 28.4296C12.315 28.8196 12.445 29.2196 12.555 29.6296C12.735 30.2596 13.305 30.6896 13.955 30.6896H13.985C14.635 30.6896 15.205 30.2596 15.385 29.6296C15.505 29.2196 15.625 28.8196 15.765 28.4296C16.015 27.6996 16.285 26.9996 16.585 26.3296C16.885 25.6596 17.215 25.0096 17.575 24.3996C17.935 23.7796 18.325 23.1996 18.735 22.6396C19.155 22.0796 19.595 21.5496 20.075 21.0596C20.555 20.5596 21.055 20.0996 21.595 19.6596C22.135 19.2296 22.705 18.8296 23.305 18.4596C23.905 18.0896 24.545 17.7596 25.215 17.4596C25.585 17.2896 25.965 17.1396 26.355 16.9996C26.935 16.7896 27.315 16.2496 27.315 15.6296C27.315 15.0196 26.925 14.4796 26.355 14.2596C25.965 14.1196 25.585 13.9596 25.205 13.7996H25.225Z"/></svg>');
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  animation: 2s infinite -1.5s twinkle;
}
@media only screen and (max-width: 736px) {
  .p-fes__about-title-particle-04 {
    width: 10px;
    height: 12px;
  }
}

.p-fes__about-title-particle-05 {
  bottom: -32px;
  left: 144px;
  width: 20px;
  height: 24px;
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg viewBox="0 0 27 30" fill="%23ffffff" xmlns="http://www.w3.org/2000/svg"><path d="M25.225 13.7996C24.555 13.4996 23.925 13.1696 23.315 12.7996C22.715 12.4296 22.145 12.0296 21.605 11.5996C21.065 11.1696 20.555 10.6996 20.085 10.1996C19.605 9.69957 19.165 9.17957 18.745 8.61957C18.325 8.05957 17.945 7.46957 17.585 6.85957C17.225 6.23957 16.895 5.59957 16.595 4.91957C16.295 4.24957 16.025 3.54957 15.775 2.81957C15.645 2.42957 15.515 2.02957 15.395 1.61957C15.215 0.98957 14.645 0.55957 13.995 0.55957H13.965C13.315 0.55957 12.745 0.99957 12.565 1.61957C12.445 2.02957 12.325 2.42957 12.195 2.81957C11.945 3.54957 11.675 4.24957 11.375 4.91957C11.075 5.58957 10.745 6.23957 10.385 6.85957C10.025 7.47957 9.64501 8.05957 9.22501 8.61957C8.80501 9.17957 8.36501 9.70957 7.88501 10.1996C7.40501 10.6996 6.90501 11.1596 6.36501 11.5996C5.82501 12.0296 5.25501 12.4296 4.65501 12.7996C4.05501 13.1696 3.41501 13.4996 2.74501 13.7996C2.37501 13.9696 1.99501 14.1196 1.59501 14.2596C1.01501 14.4696 0.63501 15.0096 0.63501 15.6296C0.63501 16.2396 1.02501 16.7796 1.59501 16.9996C1.98501 17.1396 2.36501 17.2996 2.73501 17.4596C3.40501 17.7596 4.03501 18.0896 4.64501 18.4596C5.24501 18.8296 5.81501 19.2296 6.35501 19.6596C6.89501 20.0896 7.40501 20.5596 7.87501 21.0596C8.35501 21.5596 8.79501 22.0796 9.21501 22.6396C9.63501 23.1996 10.015 23.7896 10.375 24.3996C10.735 25.0196 11.065 25.6596 11.365 26.3296C11.665 26.9996 11.935 27.6996 12.185 28.4296C12.315 28.8196 12.445 29.2196 12.555 29.6296C12.735 30.2596 13.305 30.6896 13.955 30.6896H13.985C14.635 30.6896 15.205 30.2596 15.385 29.6296C15.505 29.2196 15.625 28.8196 15.765 28.4296C16.015 27.6996 16.285 26.9996 16.585 26.3296C16.885 25.6596 17.215 25.0096 17.575 24.3996C17.935 23.7796 18.325 23.1996 18.735 22.6396C19.155 22.0796 19.595 21.5496 20.075 21.0596C20.555 20.5596 21.055 20.0996 21.595 19.6596C22.135 19.2296 22.705 18.8296 23.305 18.4596C23.905 18.0896 24.545 17.7596 25.215 17.4596C25.585 17.2896 25.965 17.1396 26.355 16.9996C26.935 16.7896 27.315 16.2496 27.315 15.6296C27.315 15.0196 26.925 14.4796 26.355 14.2596C25.965 14.1196 25.585 13.9596 25.205 13.7996H25.225Z"/></svg>');
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  animation: 2s infinite -2s twinkle;
}
@media only screen and (max-width: 736px) {
  .p-fes__about-title-particle-05 {
    width: 10px;
    height: 12px;
  }
}

.p-fes__about-title-particle-06 {
  bottom: -40px;
  right: 144px;
  width: 30px;
  height: 36px;
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg viewBox="0 0 27 30" fill="%23ffffff" xmlns="http://www.w3.org/2000/svg"><path d="M25.225 13.7996C24.555 13.4996 23.925 13.1696 23.315 12.7996C22.715 12.4296 22.145 12.0296 21.605 11.5996C21.065 11.1696 20.555 10.6996 20.085 10.1996C19.605 9.69957 19.165 9.17957 18.745 8.61957C18.325 8.05957 17.945 7.46957 17.585 6.85957C17.225 6.23957 16.895 5.59957 16.595 4.91957C16.295 4.24957 16.025 3.54957 15.775 2.81957C15.645 2.42957 15.515 2.02957 15.395 1.61957C15.215 0.98957 14.645 0.55957 13.995 0.55957H13.965C13.315 0.55957 12.745 0.99957 12.565 1.61957C12.445 2.02957 12.325 2.42957 12.195 2.81957C11.945 3.54957 11.675 4.24957 11.375 4.91957C11.075 5.58957 10.745 6.23957 10.385 6.85957C10.025 7.47957 9.64501 8.05957 9.22501 8.61957C8.80501 9.17957 8.36501 9.70957 7.88501 10.1996C7.40501 10.6996 6.90501 11.1596 6.36501 11.5996C5.82501 12.0296 5.25501 12.4296 4.65501 12.7996C4.05501 13.1696 3.41501 13.4996 2.74501 13.7996C2.37501 13.9696 1.99501 14.1196 1.59501 14.2596C1.01501 14.4696 0.63501 15.0096 0.63501 15.6296C0.63501 16.2396 1.02501 16.7796 1.59501 16.9996C1.98501 17.1396 2.36501 17.2996 2.73501 17.4596C3.40501 17.7596 4.03501 18.0896 4.64501 18.4596C5.24501 18.8296 5.81501 19.2296 6.35501 19.6596C6.89501 20.0896 7.40501 20.5596 7.87501 21.0596C8.35501 21.5596 8.79501 22.0796 9.21501 22.6396C9.63501 23.1996 10.015 23.7896 10.375 24.3996C10.735 25.0196 11.065 25.6596 11.365 26.3296C11.665 26.9996 11.935 27.6996 12.185 28.4296C12.315 28.8196 12.445 29.2196 12.555 29.6296C12.735 30.2596 13.305 30.6896 13.955 30.6896H13.985C14.635 30.6896 15.205 30.2596 15.385 29.6296C15.505 29.2196 15.625 28.8196 15.765 28.4296C16.015 27.6996 16.285 26.9996 16.585 26.3296C16.885 25.6596 17.215 25.0096 17.575 24.3996C17.935 23.7796 18.325 23.1996 18.735 22.6396C19.155 22.0796 19.595 21.5496 20.075 21.0596C20.555 20.5596 21.055 20.0996 21.595 19.6596C22.135 19.2296 22.705 18.8296 23.305 18.4596C23.905 18.0896 24.545 17.7596 25.215 17.4596C25.585 17.2896 25.965 17.1396 26.355 16.9996C26.935 16.7896 27.315 16.2496 27.315 15.6296C27.315 15.0196 26.925 14.4796 26.355 14.2596C25.965 14.1196 25.585 13.9596 25.205 13.7996H25.225Z"/></svg>');
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  animation: 2s infinite -2.5s twinkle;
}
@media only screen and (max-width: 736px) {
  .p-fes__about-title-particle-06 {
    width: 15px;
    height: 18px;
  }
}

@keyframes twinkle {
  0%, 100% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
}
.p-fes__about-content {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 60px;
  margin: 0 auto;
  width: 100%;
  max-width: 1440px;
}
@media screen and (min-width: 738px) and (max-width: 1200px) {
  .p-fes__about-content {
    gap: 40px;
  }
}
@media only screen and (max-width: 736px) {
  .p-fes__about-content {
    grid-template-columns: 1fr;
    gap: 40px;
  }
}

.p-fes__about-texts {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
}

.p-fes__about-text {
  font-size: 16px;
  font-weight: 700;
  line-height: 2;
  color: #FFF;
}
@media only screen and (max-width: 736px) {
  .p-fes__about-text {
    font-size: 14px;
  }
}

.p-fes__about-thumbnail {
  width: 100%;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}

/* setOnReach アニメーション */
.p-fes__about-text.js-on-reach-item {
  translate: 0px 80px;
  opacity: 0;
  transition: translate 0.6s ease-in-out, opacity 0.6s ease-in-out;
}

.p-fes__about-text.js-on-reach-item.on {
  translate: 0px 0px;
  opacity: 1;
}

.p-fes__about-thumbnail.js-on-reach-item {
  translate: 0px 80px;
  opacity: 0;
  transition: translate 0.6s ease-in-out, opacity 0.6s ease-in-out;
}

.p-fes__about-thumbnail.js-on-reach-item.on {
  translate: 0px 0px;
  opacity: 1;
}

.p-fes__booth {
  display: flex;
  flex-direction: column;
  gap: 60px;
  padding: 80px;
}
@media screen and (min-width: 738px) and (max-width: 1200px) {
  .p-fes__booth {
    padding: 80px 40px;
  }
}
@media only screen and (max-width: 736px) {
  .p-fes__booth {
    padding: 60px 15px;
  }
}

.p-fes__booth-content {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 60px;
  margin: 0 auto;
  width: 100%;
  max-width: 1440px;
}
@media screen and (min-width: 738px) and (max-width: 1200px) {
  .p-fes__booth-content {
    gap: 40px;
  }
}
@media only screen and (max-width: 736px) {
  .p-fes__booth-content {
    grid-template-columns: 1fr;
    gap: 20px;
  }
}

.p-fes__booth-card:first-child {
  grid-column: span 2;
}
@media only screen and (max-width: 736px) {
  .p-fes__booth-card:first-child {
    grid-column: span 1;
  }
}

/* setOnReach アニメーション */
.p-fes__booth-card.js-on-reach-item {
  translate: 0px 80px;
  opacity: 0;
  transition: translate 0.6s ease-in-out, opacity 0.6s ease-in-out;
}

.p-fes__booth-card.js-on-reach-item.on {
  translate: 0px 0px;
  opacity: 1;
}

.p-fes__info {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 60px;
  padding: 80px;
}
@media screen and (min-width: 738px) and (max-width: 1200px) {
  .p-fes__info {
    padding: 80px 40px;
  }
}
@media only screen and (max-width: 736px) {
  .p-fes__info {
    gap: 40px;
    padding: 60px 15px;
  }
}

.p-fes__info-content {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 60px;
  margin: 0 auto;
  width: 100%;
  max-width: 1440px;
}
@media screen and (min-width: 738px) and (max-width: 1200px) {
  .p-fes__info-content {
    gap: 40px;
  }
}
@media only screen and (max-width: 736px) {
  .p-fes__info-content {
    grid-template-columns: 1fr;
    gap: 20px;
  }
}

.p-fes__info-list {
  width: 100%;
}

.p-fes__info-list-item {
  width: 100%;
}

.p-fes__info-map-wrapper {
  padding: 20px;
  border-radius: 12px;
  width: 100%;
  background-color: #FFF;
}

.p-fes__info-map {
  border: none;
  width: 100%;
  height: auto;
  aspect-ratio: 16/9;
}

/* setOnReach アニメーション */
.p-fes__info-list-item.js-on-reach-item {
  translate: 0px 80px;
  opacity: 0;
  transition: translate 0.6s ease-in-out, opacity 0.6s ease-in-out;
}

.p-fes__info-list-item.js-on-reach-item.on {
  translate: 0px 0px;
  opacity: 1;
}

.p-fes__info-map-wrapper.js-on-reach-item {
  translate: 0px 80px;
  opacity: 0;
  transition: translate 0.6s ease-in-out, opacity 0.6s ease-in-out;
}

.p-fes__info-map-wrapper.js-on-reach-item.on {
  translate: 0px 0px;
  opacity: 1;
}

.p-front-about {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 60px;
  background: linear-gradient(180deg, rgba(255, 222, 84, 0.9) 0%, rgba(255, 119, 23, 0.9) 100%);
}

.p-front-about__texts {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
  color: #fff;
  text-align: center;
}

.p-front-about__heading {
  font-size: 48px;
  font-family: "futura-pt", "noto-sans-cjk-jp", sans-serif;
  font-weight: 900;
}
@media only screen and (max-width: 736px) {
  .p-front-about__heading {
    font-size: 32px;
  }
}

/* setOnReach アニメーション */
.p-front-about__heading .js-on-reach-item {
  display: block;
  translate: 0px 80px;
  opacity: 0;
  transition: all 0.6s ease-in-out;
}

.p-front-about__heading .js-on-reach-item.on {
  translate: 0px 0px;
  opacity: 1;
}

.p-front-about__heading--strong {
  font-size: 96px;
  letter-spacing: -0.05em;
  padding: 0 0.1em 0 0;
}
@media only screen and (max-width: 736px) {
  .p-front-about__heading--strong {
    font-size: 64px;
  }
}

.p-front-about__text {
  font-size: 18px;
  font-weight: 900;
  line-height: 2;
  opacity: 0.9;
}
@media only screen and (max-width: 736px) {
  .p-front-about__text {
    font-size: 16px;
  }
}

/* setOnReach アニメーション */
.p-front-about__text.js-on-reach-item {
  translate: 0px 80px;
  opacity: 0;
  transition: all 0.6s ease-in-out;
}

.p-front-about__text.js-on-reach-item.on {
  translate: 0px 0px;
  opacity: 1;
}

.p-front-about__present-box--opened {
  width: 360px;
  height: auto;
  animation: 4s infinite rotate;
}
@media only screen and (max-width: 736px) {
  .p-front-about__present-box--opened {
    width: 240px;
  }
}

.p-front-about__particle-box {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

/* setOnReach アニメーション */
.p-front-about__particle-box.js-on-reach-item {
  opacity: 0;
  transition: all 0.6s ease-in-out;
}

.p-front-about__particle-box.js-on-reach-item.on {
  opacity: 1;
}

.p-front-about__particle {
  position: absolute;
  height: auto;
  display: block;
}

.p-front-about__particle--01 {
  top: 0;
  right: -20px;
  width: 53px;
  animation: 2s infinite flutter;
}

.p-front-about__particle--02 {
  bottom: -90px;
  left: 0;
  width: 53px;
  animation: 2s infinite -0.4s flutter;
}
@media only screen and (max-width: 736px) {
  .p-front-about__particle--02 {
    left: -20px;
  }
}

.p-front-about__particle--03 {
  top: 40px;
  right: 40px;
  width: 26px;
  animation: 2s infinite -0.8s flutter;
}
@media only screen and (max-width: 736px) {
  .p-front-about__particle--03 {
    top: 160px;
    right: 0;
  }
}

.p-front-about__particle--04 {
  top: 30px;
  left: 10px;
  width: 26px;
  animation: 2s infinite -1.2s flutter;
}

.p-front-about__particle--05 {
  bottom: -60px;
  right: 10px;
  width: 26px;
  animation: 2s infinite -1.6s flutter;
}

@keyframes flutter {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
}
/* setOnReach アニメーション */
.p-front-about__present-box--opened.js-on-reach-item {
  opacity: 0;
  transition: all 0.6s ease-in-out;
}

.p-front-about__present-box--opened.js-on-reach-item.on {
  opacity: 1;
}

.p-front-about__present-box--closed {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 270px;
  height: auto;
  animation: 4s infinite rotate;
}
@media only screen and (max-width: 736px) {
  .p-front-about__present-box--closed {
    width: 150px;
    translate: 0 -120px;
  }
}

/* setOnReach アニメーション */
.p-front-about__present-box--closed.js-on-reach-item {
  display: block;
  scale: 1;
  opacity: 1;
  transition: all 0.6s ease-in-out;
}

.p-front-about__present-box--closed.js-on-reach-item.on {
  scale: 2;
  opacity: 0;
}

@keyframes rotate {
  0%, 100% {
    transform: rotate(-10deg);
  }
  50% {
    transform: rotate(10deg);
  }
}
.p-front-app-event {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 80px;
  background: linear-gradient(180deg, rgba(88, 170, 255, 0.9) 0%, rgba(52, 221, 168, 0.9) 100%);
}
@media only screen and (max-width: 736px) {
  .p-front-app-event {
    gap: 40px;
  }
}

.p-front-app-event__slider-list {
  position: relative;
  z-index: 0;
  max-height: 500px;
}
.p-front-app-event__slider-list:hover {
  z-index: 10;
}

.p-front-event {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 80px;
  background: linear-gradient(180deg, rgba(252, 84, 145, 0.9) 0%, rgba(212, 119, 254, 0.9) 100%);
}
@media only screen and (max-width: 736px) {
  .p-front-event {
    gap: 40px;
  }
}

.p-front-event__banners {
  position: relative;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 40px;
  margin: 0 auto;
  max-width: 1440px;
}
@media only screen and (max-width: 736px) {
  .p-front-event__banners {
    grid-template-columns: 1fr;
  }
}

.p-front-event__banner-wrapper {
  position: relative;
  width: 100%;
  height: auto;
  aspect-ratio: 16/9;
}

.p-front-event__banner-wrapper--wide {
  grid-column: span 2;
  aspect-ratio: 32/9;
}
@media only screen and (max-width: 736px) {
  .p-front-event__banner-wrapper--wide {
    grid-column: span 1;
    aspect-ratio: 1;
  }
}

.p-front-event__banner-wrapper--large {
  grid-column: span 2;
  aspect-ratio: 64/25;
}
@media only screen and (max-width: 736px) {
  .p-front-event__banner-wrapper--large {
    grid-column: span 1;
    aspect-ratio: 1;
  }
}

.p-front-event__banner {
  display: block;
  width: 100%;
  height: 100%;
}

.p-front-event__banner-hover {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
}

/* setOnReach アニメーション */
.p-front-event__banner {
  translate: 0px 80px;
  opacity: 0;
  transition: transform 0.1s ease-in-out, translate 0.6s ease-in-out, opacity 0.6s ease-in-out;
}

.p-front-event__banner.on {
  translate: 0px 0px;
  opacity: 1;
}

/* hover アニメーション */
.p-front-event__banner-wrapper:not(.p-front-event__banner-wrapper--disable):hover .p-front-event__banner:not(.p-front-event__banner-hover) {
  opacity: 0;
  transform: translateY(8px);
  cursor: pointer;
  transition: transform 0.1s ease-in-out, translate 0.6s ease-in-out, opacity 0.1s ease-in-out;
}

.p-front-event__banner-wrapper:not(.p-front-event__banner-wrapper--disable):hover .p-front-event__banner-hover {
  transform: translateY(8px);
  cursor: pointer;
  transition: transform 0.1s ease-in-out, translate 0.6s ease-in-out, opacity 0.1s ease-in-out;
}

.p-front-event__banner-label {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: auto;
  height: 25%;
  z-index: 10;
}
@media only screen and (max-width: 736px) {
  .p-front-event__banner-label {
    width: 20%;
    height: auto;
  }
}

/* setOnReach アニメーション */
.p-front-event__banner-label.js-on-reach-item {
  translate: 0 40px;
  opacity: 0;
  transition: all 0.6s ease-in-out;
}

.p-front-event__banner-label.js-on-reach-item.on {
  translate: 0 0;
  opacity: 1;
}

.p-front-fixed__motives {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 20;
  width: 100%;
  height: 100vh;
  height: 100lvh;
  overflow: hidden;
  pointer-events: none;
}

.p-front-fixed__motives-mikkuma {
  position: fixed;
  top: calc(-60px - 15vw);
  right: calc(-60px - 5vw);
  width: calc(200px + 30vw);
  height: auto;
  transform-origin: 75% 40%;
  transition: transform 1.2s;
  animation: 4s infinite floating;
}
@media only screen and (max-width: 736px) {
  .p-front-fixed__motives-mikkuma {
    width: calc(132px + 30vw);
  }
}

@keyframes floating {
  0%, 100% {
    translate: 0 -20px;
  }
  50% {
    translate: 0 20px;
  }
}
/* setOnReach アニメーション */
.p-front-fixed__motives-mikkuma {
  transform: translateY(-100%);
}

.p-front-fixed__motives-mikkuma.on {
  transform: translateY(0);
}

/* setOnReachToggle アニメーション */
@media only screen and (min-width: 737px) {
  .p-front-fixed__motives-mikkuma.js-on-reach-toggle-target-pc-on {
    transform: scale(0.5);
  }
}

@media only screen and (max-width: 736px) {
  .p-front-fixed__motives-mikkuma.js-on-reach-toggle-target-sp-on {
    transform: translateX(100%);
  }
}

.p-front-fixed__motives-cake {
  position: fixed;
  top: calc(100vh - (150px + 22.5vw) * 1.15 + 2.5vw);
  top: calc(100lvh - (150px + 22.5vw) * 1.15 + 2.5vw);
  left: -2.5vw;
  width: calc(150px + 22.5vw);
  height: auto;
  transform-origin: 0% 90%;
  transition: transform 1.2s;
  animation: 4s infinite shaking;
}
@media only screen and (max-width: 736px) {
  .p-front-fixed__motives-cake {
    left: -12.5vw;
    top: calc(100vh - (100px + 22.5vw) * 1.15 + 2.5vw);
    top: calc(100lvh - (100px + 22.5vw) * 1.15 + 2.5vw);
    width: calc(100px + 22.5vw);
  }
}

/* setOnReach アニメーション */
.p-front-fixed__motives-cake {
  transform: translateY(100%);
}

.p-front-fixed__motives-cake.on {
  transform: translateY(0);
}

/* setOnReachToggle アニメーション */
@media only screen and (min-width: 737px) {
  .p-front-fixed__motives-cake.js-on-reach-toggle-target-pc-on {
    transform: scale(0.5);
  }
}

@media only screen and (max-width: 736px) {
  .p-front-fixed__motives-cake.js-on-reach-toggle-target-sp-on {
    transform: translateX(-100%);
  }
}

@keyframes shaking {
  0% {
    scale: 1 1;
  }
  5% {
    scale: 1 0.95;
  }
  10% {
    scale: 1 1;
  }
  15% {
    scale: 1 0.95;
  }
  20% {
    scale: 1 1;
  }
  60% {
    scale: 1 0.95;
  }
  100% {
    scale: 1 1;
  }
}
.p-front-fixed__video {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 30;
  width: 100%;
  height: 100vh;
  height: 100lvh;
  overflow: hidden;
  pointer-events: none;
}

.p-front-fixed__video-thumbnail-wrapper {
  position: absolute;
  top: calc(100vh - 40px);
  translate: 0 -100%;
  right: 40px;
  width: 40%;
  max-width: 360px;
  height: auto;
  border: solid 12px #FFF;
  background-color: #FFF;
  border-radius: 8px;
  pointer-events: auto;
  transition: transform 1.2s, transform-origin 1.2s;
}
@media only screen and (max-width: 736px) {
  .p-front-fixed__video-thumbnail-wrapper {
    top: calc(100vh - 15px);
    right: 15px;
    width: 45%;
    border-width: 8px;
  }
}

.iphone .p-front-fixed__video-thumbnail-wrapper {
  top: calc(100dvh - 40px);
}
@media only screen and (max-width: 736px) {
  .iphone .p-front-fixed__video-thumbnail-wrapper {
    top: calc(100dvh - 15px);
  }
}

.p-front-fixed__video-thumbnail {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: opacity 0.4s;
}

/* hover アニメーション */
.p-front-fixed__video-thumbnail-wrapper:hover {
  cursor: pointer;
  animation: shake 0.5s;
}

@keyframes shake {
  0% {
    rotate: 0;
  }
  25% {
    rotate: -5deg;
  }
  50% {
    rotate: 5deg;
  }
  75% {
    rotate: -5deg;
  }
  100% {
    rotate: 0;
  }
}
.p-front-fixed__video-thumbnail-wrapper:hover .p-front-fixed__video-thumbnail {
  opacity: 0.6;
}

/* setOnReach アニメーション */
.p-front-fixed__video-thumbnail-wrapper {
  transform: translateX(calc(100% + 80px));
}
@media only screen and (max-width: 736px) {
  .p-front-fixed__video-thumbnail-wrapper {
    transform: translateX(calc(100% + 30px));
  }
}

.p-front-fixed__video-thumbnail-wrapper.on {
  transform: translateX(0);
}

/* setOnReachToggle アニメーション */
@media only screen and (min-width: 737px) {
  .p-front-fixed__video-thumbnail-wrapper.js-on-reach-toggle-target-pc-on {
    transform-origin: 75% 75%;
    transform: translate(12.5%, 12.5%) scale(0.5);
  }
}

@media only screen and (max-width: 736px) {
  .p-front-fixed__video-thumbnail-wrapper.js-on-reach-toggle-target-sp-on {
    transform: translateX(calc(100% + 30px));
  }
}

.p-front-goods {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 80px;
  background: linear-gradient(180deg, rgba(212, 119, 254, 0.9) 0%, rgba(88, 170, 255, 0.9) 100%);
}
@media only screen and (max-width: 736px) {
  .p-front-goods {
    gap: 40px;
  }
}

.p-front-goods__list {
  transition: all linear;
}

.p-front-goods__list-item {
  width: 480px;
}
@media only screen and (max-width: 736px) {
  .p-front-goods__list-item {
    width: 320px;
  }
}

.p-front-goods__list-thumbnail {
  width: 100%;
  height: auto;
}

/* override: c-thumbnail-card */
@media only screen and (max-width: 736px) {
  .p-front-goods__list-item {
    min-height: 354px;
  }
}

.p-front-goods__list .c-thumbnail-card__description {
  height: 45px;
}
@media only screen and (max-width: 736px) {
  .p-front-goods__list .c-thumbnail-card__description {
    height: 68px;
  }
}

/* setOnReach アニメーション */
.p-front-goods__list-item.js-on-reach-item {
  translate: 0 80px;
  opacity: 0;
  transition: all 0.6s ease-in-out;
}

.p-front-goods__list-item.js-on-reach-item.on {
  translate: 0 0;
  opacity: 1;
}

.p-front-kv__motives {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

/* setOnReach アニメーション */
.p-front-kv__motives.js-on-reach-item {
  opacity: 0;
  transition: opacity 0.6s 0.9s ease-in-out;
}

.p-front-kv__motives.js-on-reach-item.on {
  opacity: 1;
}

.p-front-kv__motif {
  position: absolute;
  height: auto;
}

.p-front-kv__motif--antenna {
  bottom: 30%;
  left: 25%;
  width: 120px;
  rotate: 30deg;
  animation: 8s infinite rotate_normal;
}
@media only screen and (max-width: 736px) {
  .p-front-kv__motif--antenna {
    top: 28%;
    left: -2%;
    width: 60px;
  }
}

.p-front-kv__motif--balloon-blue {
  top: 24%;
  left: 1%;
  width: 140px;
  rotate: -2deg;
  animation: 8s infinite floating_normal;
}
@media only screen and (max-width: 736px) {
  .p-front-kv__motif--balloon-blue {
    display: none;
  }
}

.p-front-kv__motif--balloon-orange {
  top: 32%;
  left: -3%;
  width: 150px;
  rotate: -15deg;
  animation: 8s infinite -2s floating_reverse;
}
@media only screen and (max-width: 736px) {
  .p-front-kv__motif--balloon-orange {
    display: none;
  }
}

.p-front-kv__motif--balloon-pink {
  bottom: 0;
  right: 22%;
  width: 150px;
  rotate: 40deg;
  animation: 8s infinite floating_normal;
}
@media only screen and (max-width: 736px) {
  .p-front-kv__motif--balloon-pink {
    right: 2%;
    width: 75px;
  }
}

.p-front-kv__motif--balloon-cyan {
  bottom: 8%;
  right: 24%;
  width: 140px;
  rotate: -10deg;
  animation: 8s infinite -2s floating_reverse;
}
@media only screen and (max-width: 736px) {
  .p-front-kv__motif--balloon-cyan {
    right: 4%;
    width: 70px;
  }
}

.p-front-kv__motif--balloon-yellow {
  top: -5%;
  left: 28%;
  width: 150px;
  rotate: -10deg;
  animation: 8s infinite floating_normal;
}
@media only screen and (max-width: 736px) {
  .p-front-kv__motif--balloon-yellow {
    top: 0;
    left: 16%;
    width: 75px;
  }
}

.p-front-kv__motif--balloon-purple {
  top: 6%;
  left: 24%;
  width: 140px;
  rotate: -10deg;
  animation: 8s infinite -2s floating_reverse;
}
@media only screen and (max-width: 736px) {
  .p-front-kv__motif--balloon-purple {
    left: 4%;
    width: 70px;
  }
}

.p-front-kv__motif--lucky-box {
  bottom: -2%;
  right: 28%;
  width: 150px;
  rotate: -15deg;
  animation: 8s infinite -2s rotate_reverse;
}
@media only screen and (max-width: 736px) {
  .p-front-kv__motif--lucky-box {
    right: 8%;
    width: 75px;
  }
}

@keyframes floating_normal {
  0%, 100% {
    translate: 0 -20px;
  }
  50% {
    translate: 0 20px;
  }
}
@keyframes floating_reverse {
  0%, 100% {
    translate: 0 20px;
  }
  50% {
    translate: 0 -20px;
  }
}
@keyframes rotate_normal {
  0%, 100% {
    translate: 0 10px;
    transform: rotate(-15deg);
  }
  50% {
    translate: 0 -10px;
    transform: rotate(15deg);
  }
}
@keyframes rotate_reverse {
  0%, 100% {
    translate: 0 -10px;
    transform: rotate(-15deg);
  }
  50% {
    translate: 0 10px;
    transform: rotate(15deg);
  }
}
.p-front-mainvisual {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  z-index: 10;
}

.p-front-mainvisual__base {
  position: absolute;
  max-width: inherit;
  width: calc(600px + 30vw);
  height: calc(600px + 30vw);
  z-index: -10;
  animation: 8s infinite scale;
}
@media only screen and (max-width: 736px) {
  .p-front-mainvisual__base {
    width: calc(360px + 30vw);
    height: calc(360px + 30vw);
  }
}

@keyframes scale {
  0%, 100% {
    transform: scale(1);
  }
  50% {
    transform: scale(0.95);
  }
}
/* setOnReach アニメーション */
.p-front-mainvisual__base {
  scale: 0;
  transition: scale 0.6s ease-in-out;
}

.p-front-mainvisual__base.on {
  scale: 1;
}

.p-front-mainvisual__logo-wrapper {
  position: absolute;
  width: calc(160px + 15vw);
  height: calc(160px + 15vw);
  z-index: 10;
}

/* setOnReach アニメーション */
.p-front-mainvisual__logo-wrapper {
  scale: 0;
  transition: scale 0.6s 0.3s ease-in-out;
}

.p-front-mainvisual__logo-wrapper.on {
  scale: 1;
}

.p-front-mainvisual__logo {
  width: 100%;
  height: auto;
}

.p-front-mainvisual__bg {
  width: 100%;
  height: 240px;
  background: linear-gradient(180deg, rgba(255, 222, 84, 0) 0%, rgba(255, 222, 84, 0.9) 100%);
}
@media only screen and (max-width: 736px) {
  .p-front-mainvisual__bg {
    height: 120px;
  }
}

.p-front-mainvisual__scroll-indicator {
  position: absolute;
  bottom: 10vh;
  width: 64px;
  height: auto;
  z-index: 10;
}
@media only screen and (max-width: 736px) {
  .p-front-mainvisual__scroll-indicator {
    width: 48px;
    bottom: 25vh;
  }
}

/* setOnReach アニメーション */
.p-front-mainvisual__scroll-indicator {
  opacity: 0;
  transition: opacity 0.6s 0.9s ease-in-out;
}

.p-front-mainvisual__scroll-indicator.on {
  opacity: 1;
}

.p-front-message {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 40px;
  background: linear-gradient(180deg, rgba(255, 119, 23, 0.9) 0%, rgba(252, 84, 145, 0.9) 100%);
}

.p-front-message__slider {
  width: 100%;
}

.p-front-share {
  display: flex;
  flex-direction: column;
  gap: 80px;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 100%;
  height: 100vh;
}
@media only screen and (max-width: 736px) {
  .p-front-share {
    gap: 20px;
  }
}

.p-front-share__texts {
  display: flex;
  flex-direction: column;
  gap: 40px;
  align-items: center;
  justify-content: center;
}
@media only screen and (max-width: 736px) {
  .p-front-share__texts {
    gap: 20px;
  }
}

.p-front-share__logo {
  width: 180px;
  height: auto;
}
@media only screen and (max-width: 736px) {
  .p-front-share__logo {
    width: 100px;
  }
}

/* setOnReach アニメーション */
.p-front-share__logo.js-on-reach-item {
  opacity: 0;
  transition: all 0.6s ease-in-out;
  translate: 0 80px;
}

.p-front-share__logo.js-on-reach-item.on {
  opacity: 1;
  translate: 0 0;
}

.p-front-share__heading {
  color: #ff8440;
  font-family: "futura-pt", "noto-sans-cjk-jp", sans-serif;
  font-size: 48px;
  font-weight: 900;
  text-align: center;
}
@media only screen and (max-width: 736px) {
  .p-front-share__heading {
    font-size: 28px;
  }
}

/* setOnReach アニメーション */
.p-front-share__heading.js-on-reach-item {
  opacity: 0;
  transition: all 0.6s ease-in-out;
  translate: 0 80px;
}

.p-front-share__heading.js-on-reach-item.on {
  opacity: 1;
  translate: 0 0;
}

.p-front-share__base {
  position: absolute;
  width: calc(600px + 30vw);
  max-width: inherit;
  height: calc(600px + 30vw);
  animation: 8s infinite scale;
  z-index: -10;
}
@media only screen and (max-width: 736px) {
  .p-front-share__base {
    width: calc(360px + 30vw);
    height: calc(360px + 30vw);
  }
}

@keyframes scale {
  0%, 100% {
    transform: scale(1);
  }
  50% {
    transform: scale(0.95);
  }
}
.p-front-share__button {
  display: flex;
  gap: 12px;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 320px;
  height: 80px;
  padding-right: 12px;
  border: solid 4px #000;
  border-radius: 40px;
  background-color: #fff;
  color: #000;
  fill: #000;
  font-size: 24px;
  font-weight: 900;
  line-height: 1;
  transition: all 0.4s ease;
}
@media only screen and (max-width: 736px) {
  .p-front-share__button {
    width: 240px;
    height: 60px;
    font-size: 20px;
  }
}
@media (any-hover: hover) {
  .p-front-share__button:hover {
    background-color: #000;
    color: #fff;
    fill: #fff;
  }
}

/* setOnReach アニメーション */
.p-front-share__button.js-on-reach-item {
  opacity: 0;
  transition: all 0.6s ease-in-out;
  translate: 0 80px;
}

.p-front-share__button.js-on-reach-item.on {
  opacity: 1;
  translate: 0 0;
}

.p-front-share__button-x {
  width: 36px;
  height: 36px;
  fill: inherit;
}
@media only screen and (max-width: 736px) {
  .p-front-share__button-x {
    width: 32px;
    height: 32px;
  }
}

.p-front-share__bg {
  width: 100%;
  height: 240px;
}
@media only screen and (max-width: 736px) {
  .p-front-share__bg {
    height: 120px;
  }
}

.p-front-share__bg--blue {
  background: linear-gradient(180deg, rgba(88, 170, 255, 0.9) 0%, rgba(88, 170, 255, 0) 100%);
}

.p-front-share__bg--purple {
  background: linear-gradient(180deg, rgba(212, 119, 254, 0.9) 0%, rgba(212, 119, 254, 0) 100%);
}

.p-front-share__bg--green {
  background: linear-gradient(180deg, rgba(52, 221, 168, 0.9) 0%, rgba(52, 221, 168, 0) 100%);
}

.p-history {
  padding: 80px;
}
@media screen and (min-width: 738px) and (max-width: 1200px) {
  .p-history {
    padding: 80px 40px;
  }
}
@media only screen and (max-width: 736px) {
  .p-history {
    padding: 60px 15px;
  }
}

.p-history__chronology {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 120px 144px;
  margin: 0 auto;
  width: 100%;
  max-width: 1280px;
}
@media screen and (min-width: 738px) and (max-width: 1200px) {
  .p-history__chronology {
    gap: 80px 96px;
  }
}
@media only screen and (max-width: 736px) {
  .p-history__chronology {
    grid-template-columns: 1fr;
    gap: 20px;
    padding-left: 52px;
  }
}

.p-history__chronology-item {
  position: relative;
  grid-row: span 2;
}

.p-history__chronology-item--small {
  grid-row: span 1;
}

.p-history__chronology-item--large {
  grid-row: span 1;
  grid-column: span 2;
}
@media only screen and (max-width: 736px) {
  .p-history__chronology-item--large {
    grid-column: span 1;
  }
}

.p-history__chronology-item::before {
  position: absolute;
  margin: auto;
  width: 12px;
  background-color: #fff;
  z-index: 10;
  content: "";
}
@media only screen and (max-width: 736px) {
  .p-history__chronology-item::before {
    width: 8px;
  }
}

.p-history__chronology-item:nth-child(2n-1):not(:last-child)::before {
  top: 0;
  right: -78px;
  bottom: 0;
}
@media screen and (min-width: 738px) and (max-width: 1200px) {
  .p-history__chronology-item:nth-child(2n-1):not(:last-child)::before {
    right: -54px;
  }
}
@media only screen and (max-width: 736px) {
  .p-history__chronology-item:nth-child(2n-1):not(:last-child)::before {
    right: inherit;
    left: -40px;
    bottom: -20px;
  }
}

.p-history__chronology-item:nth-child(2n):not(:last-child)::before {
  top: 0;
  left: -78px;
  bottom: 0;
}
@media screen and (min-width: 738px) and (max-width: 1200px) {
  .p-history__chronology-item:nth-child(2n):not(:last-child)::before {
    left: -54px;
  }
}
@media only screen and (max-width: 736px) {
  .p-history__chronology-item:nth-child(2n):not(:last-child)::before {
    left: -40px;
    bottom: -20px;
  }
}

.p-history__chronology-item:last-child::before {
  top: -120px;
  left: 0;
  right: 0;
  height: 60px;
}
@media only screen and (max-width: 736px) {
  .p-history__chronology-item:last-child::before {
    top: 0;
    left: -40px;
    right: inherit;
    bottom: 50%;
    height: auto;
  }
}

.p-history__chronology-item::after {
  position: absolute;
  margin: auto;
  width: 48px;
  height: 48px;
  border: solid 8px #fff;
  border-radius: 24px;
  background-color: #34DDA8;
  z-index: 20;
  content: "";
}
@media only screen and (max-width: 736px) {
  .p-history__chronology-item::after {
    width: 32px;
    height: 32px;
    border-width: 4px;
  }
}

.p-history__chronology-item:nth-child(2n-1):not(:last-child)::after {
  top: 0;
  bottom: 0;
  right: -96px;
}
@media screen and (min-width: 738px) and (max-width: 1200px) {
  .p-history__chronology-item:nth-child(2n-1):not(:last-child)::after {
    right: -72px;
  }
}
@media only screen and (max-width: 736px) {
  .p-history__chronology-item:nth-child(2n-1):not(:last-child)::after {
    right: inherit;
    left: -52px;
  }
}

.p-history__chronology-item:nth-child(2n):not(:last-child)::after {
  top: 0;
  bottom: 0;
  left: -96px;
}
@media screen and (min-width: 738px) and (max-width: 1200px) {
  .p-history__chronology-item:nth-child(2n):not(:last-child)::after {
    left: -72px;
  }
}
@media only screen and (max-width: 736px) {
  .p-history__chronology-item:nth-child(2n):not(:last-child)::after {
    left: -52px;
  }
}

.p-history__chronology-item:last-child::after {
  top: -84px;
  left: 0;
  right: 0;
}
@media only screen and (max-width: 736px) {
  .p-history__chronology-item:last-child::after {
    top: 0;
    bottom: 0;
    right: inherit;
    left: -52px;
  }
}

.p-history__chronology-item-inner {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  height: 100%;
  border-radius: 12px;
  background-color: #fff;
}

/* setOnReach アニメーション */
.p-history__chronology-item-inner.js-on-reach-item {
  transform: translateY(60px);
  opacity: 0;
  transition: transform 0.6s ease-in-out, opacity 0.6s ease-in-out, background-color 0.2s ease-in-out;
}

.p-history__chronology-item-inner.js-on-reach-item.on {
  transform: translateY(0);
  opacity: 1;
}

.p-history__chronology-item-inner::before {
  position: absolute;
  display: block;
  margin: auto;
  width: 32px;
  height: 24px;
  background-color: #fff;
  -webkit-clip-path: polygon(50% 0, 100% 100%, 0 100%);
          clip-path: polygon(50% 0, 100% 100%, 0 100%);
  content: "";
}
@media only screen and (max-width: 736px) {
  .p-history__chronology-item-inner::before {
    width: 24px;
    height: 18px;
  }
}

.p-history__chronology-item:nth-child(2n-1):not(:last-child) .p-history__chronology-item-inner::before {
  top: 0;
  bottom: 0;
  right: -23.5px;
  transform: rotate(90deg);
}
@media only screen and (max-width: 736px) {
  .p-history__chronology-item:nth-child(2n-1):not(:last-child) .p-history__chronology-item-inner::before {
    right: inherit;
    left: -17.5px;
    transform: rotate(-90deg);
  }
}

.p-history__chronology-item:nth-child(2n):not(:last-child) .p-history__chronology-item-inner::before {
  top: 0;
  bottom: 0;
  left: -23.5px;
  transform: rotate(-90deg);
}
@media only screen and (max-width: 736px) {
  .p-history__chronology-item:nth-child(2n):not(:last-child) .p-history__chronology-item-inner::before {
    left: -17.5px;
  }
}

.p-history__chronology-item:last-child .p-history__chronology-item-inner::before {
  top: -23.5px;
  left: 0;
  right: 0;
}
@media only screen and (max-width: 736px) {
  .p-history__chronology-item:last-child .p-history__chronology-item-inner::before {
    top: 0;
    left: -17.5px;
    right: inherit;
    bottom: 0;
    transform: rotate(-90deg);
  }
}

.p-history__chronology-item--link .p-history__chronology-item-inner::after {
  position: absolute;
  top: 28px;
  right: 5%;
  display: block;
  width: 60px;
  height: 60px;
  border: solid 4px #34DDA8;
  border-radius: 30px;
  background-color: #34DDA8;
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg viewBox="0 0 22 22" fill="%23ffffff" xmlns="http://www.w3.org/2000/svg"><path d="M13.3333 0.486328V2.81966H17.5217L6.05333 14.288L7.69833 15.933L19.1667 4.46466V8.65299H21.5V0.486328M19.1667 19.153H2.83333V2.81966H11V0.486328H2.83333C2.21449 0.486328 1.621 0.732161 1.18342 1.16975C0.745833 1.60733 0.5 2.20082 0.5 2.81966V19.153C0.5 19.7718 0.745833 20.3653 1.18342 20.8029C1.621 21.2405 2.21449 21.4863 2.83333 21.4863H19.1667C19.7855 21.4863 20.379 21.2405 20.8166 20.8029C21.2542 20.3653 21.5 19.7718 21.5 19.153V10.9863H19.1667V19.153Z"/></svg>');
  background-size: 22px 22px;
  background-position: center;
  background-repeat: no-repeat;
  transition: background-color 0.2s ease-in-out, background-image 0.2s ease-in-out;
  content: "";
}
@media screen and (min-width: 738px) and (max-width: 1200px) {
  .p-history__chronology-item--link .p-history__chronology-item-inner::after {
    top: 20px;
    width: 48px;
    height: 48px;
    border-width: 3px;
    background-size: 20px 20px;
  }
}
@media only screen and (max-width: 736px) {
  .p-history__chronology-item--link .p-history__chronology-item-inner::after {
    top: 16px;
    width: 40px;
    height: 40px;
    border-width: 2px;
    background-size: 16px 16px;
  }
}

.p-history__chronology-item--link:hover .p-history__chronology-item-inner {
  background-color: rgba(255, 255, 255, 0.8);
}

.p-history__chronology-item--link:hover .p-history__chronology-item-inner::after {
  background-color: rgba(52, 221, 168, 0);
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg viewBox="0 0 22 22" fill="%2334DDA8" xmlns="http://www.w3.org/2000/svg"><path d="M13.3333 0.486328V2.81966H17.5217L6.05333 14.288L7.69833 15.933L19.1667 4.46466V8.65299H21.5V0.486328M19.1667 19.153H2.83333V2.81966H11V0.486328H2.83333C2.21449 0.486328 1.621 0.732161 1.18342 1.16975C0.745833 1.60733 0.5 2.20082 0.5 2.81966V19.153C0.5 19.7718 0.745833 20.3653 1.18342 20.8029C1.621 21.2405 2.21449 21.4863 2.83333 21.4863H19.1667C19.7855 21.4863 20.379 21.2405 20.8166 20.8029C21.2542 20.3653 21.5 19.7718 21.5 19.153V10.9863H19.1667V19.153Z"/></svg>');
}

.p-history__chronology-item--link:hover .p-history__chronology-item-img {
  transform: scale(105%);
}

.p-history__chronology-item-heading {
  display: flex;
  flex-direction: column;
  gap: 12px;
  width: 100%;
  padding: 24px 5% 0;
}
@media only screen and (max-width: 736px) {
  .p-history__chronology-item-heading {
    gap: 8px;
    padding: 16px 5% 0;
  }
}

.p-history__chronology-item--large .p-history__chronology-item-heading {
  padding: 24px calc(2.5% - 3.6px) 0;
  align-items: center;
}
@media only screen and (max-width: 736px) {
  .p-history__chronology-item--large .p-history__chronology-item-heading {
    padding: 16px 5% 0;
    align-items: flex-start;
  }
}

.p-history__chronology-item--small .p-history__chronology-item-heading {
  padding: 24px 5%;
}
@media only screen and (max-width: 736px) {
  .p-history__chronology-item--small .p-history__chronology-item-heading {
    padding: 16px 5%;
  }
}

.p-history__chronology-item-heading-year {
  font-size: clamp(2rem, 0.165rem + 3.983vw, 3.75rem);
  font-weight: 700;
  font-family: "futura-pt", "noto-sans-cjk-jp", sans-serif;
  -webkit-font-kerning: normal;
          font-kerning: normal;
  line-height: 1;
  color: #34DDA8;
}
@media only screen and (max-width: 736px) {
  .p-history__chronology-item-heading-year {
    font-size: 32px;
  }
}

/* setOnReach アニメーション */
.p-history__chronology-item-heading-year.js-on-reach-item {
  transform: translateY(40px);
  opacity: 0;
  transition: transform 0.6s ease-in-out, opacity 0.6s ease-in-out;
}

.p-history__chronology-item-heading-year.js-on-reach-item.on {
  transform: translateY(0);
  opacity: 1;
}

.p-history__chronology-item-heading-main {
  font-size: clamp(1rem, 0.476rem + 1.138vw, 1.5rem);
  font-weight: 700;
  line-height: 1.6;
  color: #444;
}
@media only screen and (max-width: 736px) {
  .p-history__chronology-item-heading-main {
    font-size: 16px;
  }
}

.p-history__chronology-item--large .p-history__chronology-item-heading-main {
  font-size: clamp(1.25rem, 0.4637rem + 1.707vw, 2rem);
}
@media only screen and (max-width: 736px) {
  .p-history__chronology-item--large .p-history__chronology-item-heading-main {
    font-size: 20px;
  }
}

/* setOnReach アニメーション */
.p-history__chronology-item-heading-main.js-on-reach-item {
  transform: translateY(40px);
  opacity: 0;
  transition: transform 0.6s ease-in-out, opacity 0.6s ease-in-out;
}

.p-history__chronology-item-heading-main.js-on-reach-item.on {
  transform: translateY(0);
  opacity: 1;
}

.p-history__chronology-item-img-wrapper {
  width: 100%;
  height: auto;
  aspect-ratio: 16/9;
}

.p-history__chronology-item--large .p-history__chronology-item-img-wrapper {
  aspect-ratio: 32/9;
}

/* setOnReach アニメーション */
.p-history__chronology-item-img-wrapper.js-on-reach-item {
  transform: translateY(40px);
  opacity: 0;
  transition: transform 0.6s ease-in-out, opacity 0.6s ease-in-out;
}

.p-history__chronology-item-img-wrapper.js-on-reach-item.on {
  transform: translateY(0);
  opacity: 1;
}

.p-history__chronology-item-img {
  width: 100%;
  height: auto;
  transition: transform 0.2s ease-in-out;
}

.p-interview-single__main {
  position: relative;
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: flex-start;
  gap: 60px;
  margin: 0 auto;
  padding: 80px;
  width: 100%;
  max-width: 1440px;
}
@media screen and (min-width: 738px) and (max-width: 1200px) {
  .p-interview-single__main {
    padding: 80px 40px;
  }
}
@media screen and (min-width: 738px) and (max-width: 960px) {
  .p-interview-single__main {
    grid-template-columns: 1fr;
    gap: 20px;
    overflow: hidden;
  }
}
@media only screen and (max-width: 736px) {
  .p-interview-single__main {
    grid-template-columns: 1fr;
    gap: 20px;
    padding: 60px 15px;
    overflow: hidden;
  }
}

.p-interview-single__thumbnail {
  position: -webkit-sticky;
  position: sticky;
  top: 80px;
}
@media screen and (min-width: 738px) and (max-width: 960px) {
  .p-interview-single__thumbnail {
    position: relative;
    top: auto;
  }
}
@media only screen and (max-width: 736px) {
  .p-interview-single__thumbnail {
    position: relative;
    top: auto;
  }
}

/* setOnReach アニメーション */
.p-interview-single__thumbnail-inner.js-on-reach-item {
  translate: 0px 80px;
  opacity: 0;
  transition: translate 0.6s ease-in-out, opacity 0.6s ease-in-out;
}

.p-interview-single__thumbnail-inner.js-on-reach-item.on {
  translate: 0px 0px;
  opacity: 1;
}

.p-interview-single__body {
  display: flex;
  flex-direction: column;
  gap: 80px;
}
@media only screen and (max-width: 736px) {
  .p-interview-single__body {
    gap: 40px;
  }
}

.p-interview-single__profile-inner {
  display: flex;
  flex-direction: column;
  gap: 2px;
  border-radius: 12px;
  overflow: hidden;
}

/* setOnReach アニメーション */
.p-interview-single__profile-inner.js-on-reach-item {
  translate: 0px 80px;
  opacity: 0;
  transition: translate 0.6s ease-in-out, opacity 0.6s ease-in-out;
}

.p-interview-single__profile-inner.js-on-reach-item.on {
  translate: 0px 0px;
  opacity: 1;
}

.p-interview-single__head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 24px 32px;
  background-color: #fff;
}
@media only screen and (max-width: 736px) {
  .p-interview-single__head {
    padding: 12px 16px;
  }
}

.p-interview-single__name {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
}
@media only screen and (max-width: 736px) {
  .p-interview-single__name {
    gap: 4px;
  }
}

.p-interview-single__name-ja {
  font-size: 36px;
  font-weight: 700;
  color: #58AAFF;
}
@media only screen and (max-width: 736px) {
  .p-interview-single__name-ja {
    font-size: 20px;
  }
}

.p-interview-single__name-en {
  font-size: 16px;
  font-weight: 700;
  font-family: "futura-pt", "noto-sans-cjk-jp", sans-serif;
  color: #999;
}
@media only screen and (max-width: 736px) {
  .p-interview-single__name-en {
    font-size: 14px;
  }
}

.p-interview-single__id {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 12px 16px;
  width: 160px;
  height: 48px;
  border: solid 2px #58AAFF;
  border-radius: 24px;
  font-size: 16px;
  font-weight: 700;
  background-color: #58AAFF;
  color: #fff;
  transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
}
@media only screen and (max-width: 736px) {
  .p-interview-single__id {
    gap: 8px;
    padding: 8px 12px;
    width: 140px;
    height: 36px;
    font-size: 14px;
  }
}

.p-interview-single__id::after {
  display: block;
  width: 16px;
  height: 16px;
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg viewBox="0 0 22 22" fill="%23ffffff" xmlns="http://www.w3.org/2000/svg"><path d="M13.3333 0.486328V2.81966H17.5217L6.05333 14.288L7.69833 15.933L19.1667 4.46466V8.65299H21.5V0.486328M19.1667 19.153H2.83333V2.81966H11V0.486328H2.83333C2.21449 0.486328 1.621 0.732161 1.18342 1.16975C0.745833 1.60733 0.5 2.20082 0.5 2.81966V19.153C0.5 19.7718 0.745833 20.3653 1.18342 20.8029C1.621 21.2405 2.21449 21.4863 2.83333 21.4863H19.1667C19.7855 21.4863 20.379 21.2405 20.8166 20.8029C21.2542 20.3653 21.5 19.7718 21.5 19.153V10.9863H19.1667V19.153Z"/></svg>');
  background-size: contain;
  background-repeat: no-repeat;
  content: "";
  transition: background-image 0.2s ease-in-out;
}
@media only screen and (max-width: 736px) {
  .p-interview-single__id::after {
    width: 12px;
    height: 12px;
  }
}

.p-interview-single__id:hover {
  background-color: #fff;
  color: #58AAFF;
  cursor: pointer;
}

.p-interview-single__id:hover::after {
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg viewBox="0 0 22 22" fill="%2358AAFF" xmlns="http://www.w3.org/2000/svg"><path d="M13.3333 0.486328V2.81966H17.5217L6.05333 14.288L7.69833 15.933L19.1667 4.46466V8.65299H21.5V0.486328M19.1667 19.153H2.83333V2.81966H11V0.486328H2.83333C2.21449 0.486328 1.621 0.732161 1.18342 1.16975C0.745833 1.60733 0.5 2.20082 0.5 2.81966V19.153C0.5 19.7718 0.745833 20.3653 1.18342 20.8029C1.621 21.2405 2.21449 21.4863 2.83333 21.4863H19.1667C19.7855 21.4863 20.379 21.2405 20.8166 20.8029C21.2542 20.3653 21.5 19.7718 21.5 19.153V10.9863H19.1667V19.153Z"/></svg>');
}

.p-interview-single__career-list {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 24px 32px;
  background-color: #fff;
}
@media only screen and (max-width: 736px) {
  .p-interview-single__career-list {
    gap: 4px;
    padding: 12px 16px;
  }
}

.p-interview-single__career-list-item {
  padding-left: 1.25em;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.6;
  color: #999;
  list-style-type: disc;
  list-style-position: inside;
  text-indent: -1.25em;
}
@media only screen and (max-width: 736px) {
  .p-interview-single__career-list-item {
    font-size: 14px;
  }
}

.p-interview-single__interview-list {
  display: flex;
  flex-direction: column;
  gap: 80px;
}
@media only screen and (max-width: 736px) {
  .p-interview-single__interview-list {
    gap: 40px;
  }
}

.p-interview-single__interview-list-item {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
@media only screen and (max-width: 736px) {
  .p-interview-single__interview-list-item {
    gap: 12px;
  }
}

.p-interview-single__question {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 16px;
  padding: 32px;
  border: solid 4px #FFF;
  border-radius: 12px;
  background-color: #58AAFF;
}
@media only screen and (max-width: 736px) {
  .p-interview-single__question {
    gap: 8px;
    padding: 12px 16px;
  }
}

.p-interview-single__question::after {
  position: absolute;
  top: 0;
  bottom: 0;
  right: -24px;
  display: block;
  margin: auto;
  width: 24px;
  height: 32px;
  background-color: #fff;
  -webkit-clip-path: polygon(0 0, 100% 50%, 0 100%);
          clip-path: polygon(0 0, 100% 50%, 0 100%);
  content: "";
}
@media only screen and (max-width: 736px) {
  .p-interview-single__question::after {
    right: -18px;
    width: 18px;
    height: 24px;
  }
}

/* setOnReach アニメーション */
.p-interview-single__question.js-on-reach-item {
  translate: 0px 80px;
  opacity: 0;
  transition: translate 0.6s ease-in-out, opacity 0.6s ease-in-out;
}

.p-interview-single__question.js-on-reach-item.on {
  translate: 0px 0px;
  opacity: 1;
}

.p-interview-single__question-number {
  font-size: 48px;
  font-family: "futura-pt", "noto-sans-cjk-jp", sans-serif;
  font-weight: 700;
  color: #FFF;
}
@media only screen and (max-width: 736px) {
  .p-interview-single__question-number {
    font-size: 32px;
  }
}

.p-interview-single__question-body {
  font-size: 20px;
  font-weight: 700;
  color: #FFF;
}
@media only screen and (max-width: 736px) {
  .p-interview-single__question-body {
    font-size: 16px;
  }
}

.p-interview-single__answer {
  position: relative;
  padding: 32px;
  border: solid 4px #58AAFF;
  border-radius: 12px;
  background-color: #FFF;
  font-size: 20px;
  font-weight: 700;
  line-height: 2;
  color: #58AAFF;
}
@media only screen and (max-width: 736px) {
  .p-interview-single__answer {
    padding: 12px 16px;
    font-size: 14px;
  }
}

.p-interview-single__answer::after {
  position: absolute;
  top: 0;
  bottom: 0;
  left: -24px;
  display: block;
  margin: auto;
  width: 24px;
  height: 32px;
  background-color: #58AAFF;
  -webkit-clip-path: polygon(100% 0, 100% 100%, 0 50%);
          clip-path: polygon(100% 0, 100% 100%, 0 50%);
  content: "";
}
@media only screen and (max-width: 736px) {
  .p-interview-single__answer::after {
    left: -18px;
    width: 18px;
    height: 24px;
  }
}

/* setOnReach アニメーション */
.p-interview-single__answer.js-on-reach-item {
  translate: 0px 80px;
  opacity: 0;
  transition: translate 0.6s ease-in-out, opacity 0.6s ease-in-out;
}

.p-interview-single__answer.js-on-reach-item.on {
  translate: 0px 0px;
  opacity: 1;
}

.p-interview-single__recommend {
  display: flex;
  flex-direction: column;
  gap: 60px;
  padding: 80px;
}
@media screen and (min-width: 738px) and (max-width: 1200px) {
  .p-interview-single__recommend {
    padding: 80px 40px;
  }
}
@media only screen and (max-width: 736px) {
  .p-interview-single__recommend {
    gap: 40px;
    padding: 60px 15px;
  }
}

.p-interview-single__recommend-list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, auto));
  gap: 60px;
  margin: 0 auto;
  width: 100%;
  max-width: 960px;
}
@media screen and (min-width: 738px) and (max-width: 1200px) {
  .p-interview-single__recommend-list {
    gap: 40px;
  }
}
@media only screen and (max-width: 736px) {
  .p-interview-single__recommend-list {
    gap: 40px;
  }
}

.p-interview-single__recommend-list-item {
  width: 640px;
  max-width: 100%;
}

/* setOnReach アニメーション */
.p-interview-single__recommend-list-item.js-on-reach-item {
  translate: 0px 80px;
  opacity: 0;
  transition: translate 0.6s ease-in-out, opacity 0.6s ease-in-out;
}

.p-interview-single__recommend-list-item.js-on-reach-item.on {
  translate: 0px 0px;
  opacity: 1;
}

.p-interview {
  padding: 80px;
}
@media screen and (min-width: 738px) and (max-width: 1200px) {
  .p-interview {
    padding: 80px 40px;
  }
}
@media only screen and (max-width: 736px) {
  .p-interview {
    padding: 60px 15px;
  }
}

.p-interview__list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, auto));
  gap: 60px;
  margin: 0 auto;
  width: 100%;
  max-width: 1280px;
}
@media screen and (min-width: 738px) and (max-width: 1200px) {
  .p-interview__list {
    gap: 40px;
  }
}
@media only screen and (max-width: 736px) {
  .p-interview__list {
    gap: 40px;
  }
}

.p-interview__list-item {
  width: 640px;
  max-width: 100%;
}

/* setOnReach アニメーション */
.p-interview__list-item.js-on-reach-item {
  translate: 0px 80px;
  opacity: 0;
  transition: translate 0.6s ease-in-out, opacity 0.6s ease-in-out;
}

.p-interview__list-item.js-on-reach-item.on {
  translate: 0px 0px;
  opacity: 1;
}

.p-main-stage__sakurabashi {
  display: flex;
  flex-direction: column;
  gap: 60px;
  padding: 80px;
}
@media screen and (min-width: 738px) and (max-width: 1200px) {
  .p-main-stage__sakurabashi {
    padding: 80px 40px;
  }
}
@media only screen and (max-width: 736px) {
  .p-main-stage__sakurabashi {
    gap: 40px;
    padding: 60px 15px;
  }
}

.p-main-stage__sakurabashi-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 60px;
  margin: 0 auto;
  width: 100%;
  max-width: 1440px;
}

/* setOnReach アニメーション */
.p-main-stage__sakurabashi-card.js-on-reach-item {
  translate: 0px 80px;
  opacity: 0;
  transition: translate 0.6s ease-in-out, opacity 0.6s ease-in-out;
}

.p-main-stage__sakurabashi-card.js-on-reach-item.on {
  translate: 0px 0px;
  opacity: 1;
}

.p-main-stage__fashion {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 40px;
  padding: 80px;
}
@media screen and (min-width: 738px) and (max-width: 1200px) {
  .p-main-stage__fashion {
    padding: 80px 40px;
  }
}
@media only screen and (max-width: 736px) {
  .p-main-stage__fashion {
    padding: 60px 15px;
  }
}

.p-main-stage__fashion-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 40px;
  width: 100%;
}

.p-main-stage__fashion-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;
  gap: 40px;
}

.p-main-stage__fashion-brand-list-thumbnail {
  width: 200px;
  height: auto;
  transition: transform 0.2s;
}
@media only screen and (max-width: 736px) {
  .p-main-stage__fashion-brand-list-thumbnail {
    width: 120px;
    height: auto;
  }
}

.p-main-stage__fashion-brand-list-item--link:hover {
  cursor: pointer;
}

.p-main-stage__fashion-brand-list-item--link:hover .p-main-stage__fashion-brand-list-thumbnail {
  transform: scale(1.1);
}

.p-main-stage__stage {
  display: flex;
  flex-direction: column;
  gap: 60px;
  padding: 80px;
}
@media screen and (min-width: 738px) and (max-width: 1200px) {
  .p-main-stage__stage {
    padding: 80px 40px;
  }
}
@media only screen and (max-width: 736px) {
  .p-main-stage__stage {
    gap: 40px;
    padding: 60px 15px;
  }
}

.p-main-stage__stage-content {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 60px;
  margin: 0 auto;
  width: 100%;
  max-width: 1440px;
}
@media screen and (min-width: 738px) and (max-width: 1200px) {
  .p-main-stage__stage-content {
    gap: 40px;
  }
}
@media only screen and (max-width: 736px) {
  .p-main-stage__stage-content {
    gap: 20px;
    grid-template-columns: 1fr;
  }
}

.p-main-stage__stage-card {
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}

.p-main-stage__stage-card:first-child {
  grid-column: span 2;
}
@media only screen and (max-width: 736px) {
  .p-main-stage__stage-card:first-child {
    grid-column: span 1;
  }
}

/* setOnReach アニメーション */
.p-main-stage__stage-card.js-on-reach-item {
  translate: 0px 80px;
  opacity: 0;
  transition: translate 0.6s ease-in-out, opacity 0.6s ease-in-out;
}

.p-main-stage__stage-card.js-on-reach-item.on {
  translate: 0px 0px;
  opacity: 1;
}

.p-main-stage__live {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 40px;
  padding: 80px;
}
@media screen and (min-width: 738px) and (max-width: 1200px) {
  .p-main-stage__live {
    padding: 80px 40px;
  }
}
@media only screen and (max-width: 736px) {
  .p-main-stage__live {
    padding: 60px 15px;
  }
}

.p-main-stage__live-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 40px;
  width: 100%;
}

.p-main-stage__live-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 40px;
}
@media only screen and (max-width: 736px) {
  .p-main-stage__live-list {
    gap: 20px;
  }
}

.p-main-stage__nig {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 40px;
  padding: 80px;
}
@media screen and (min-width: 738px) and (max-width: 1200px) {
  .p-main-stage__nig {
    padding: 80px 40px;
  }
}
@media only screen and (max-width: 736px) {
  .p-main-stage__nig {
    padding: 60px 15px;
  }
}

.p-main-stage__nig-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 40px;
  width: 100%;
}

.p-main-stage__sub-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 32px;
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  padding: 40px;
  border-radius: 12px;
  background-color: rgba(255, 255, 255, 0.15);
}
@media only screen and (max-width: 736px) {
  .p-main-stage__sub-content {
    gap: 16px;
    padding: 20px 15px;
  }
}
.p-main-stage__sub-content .c-message-list__item--rect {
  width: 420px;
}
@media only screen and (max-width: 736px) {
  .p-main-stage__sub-content .c-message-list__item--rect {
    width: 320px;
  }
}
.p-main-stage__sub-content .c-message-list__item--rect .c-message-list__thumbnail-wrapper {
  width: 420px;
  height: 245px;
}
@media only screen and (max-width: 736px) {
  .p-main-stage__sub-content .c-message-list__item--rect .c-message-list__thumbnail-wrapper {
    width: 320px;
    height: 188px;
  }
}

.p-main-stage__sub-content-title {
  font-size: 48px;
  font-weight: 700;
  font-family: "futura-pt", "noto-sans-cjk-jp", sans-serif;
  color: #fff;
}
@media only screen and (max-width: 736px) {
  .p-main-stage__sub-content-title {
    font-size: 32px;
  }
}

.p-main-stage__sub-content-title--small {
  font-size: 24px;
}
@media only screen and (max-width: 736px) {
  .p-main-stage__sub-content-title--small {
    font-size: 20px;
  }
}

.p-main-stage__sub-content-list {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 40px;
  flex-wrap: wrap;
}
@media only screen and (max-width: 736px) {
  .p-main-stage__sub-content-list {
    gap: 20px;
  }
}

.p-main--front {
  overflow: hidden;
}

.p-main--fes {
  background: linear-gradient(180deg, rgba(255, 222, 84, 0.9) 0%, rgba(255, 119, 23, 0.9) 25%, rgba(255, 110, 141, 0.9) 50%, rgba(229, 123, 255, 0.9) 75%, rgba(88, 170, 255, 0.9) 100%);
  overflow: hidden;
}

.p-main--history {
  background: linear-gradient(180deg, rgba(52, 221, 168, 0.9) 0%, rgba(255, 222, 84, 0.9) 25%, rgba(255, 119, 23, 0.9) 50%, rgba(255, 110, 141, 0.9) 75%, rgba(229, 123, 255, 0.9) 100%);
  overflow: hidden;
}

.p-main--interview {
  background: linear-gradient(180deg, rgba(88, 170, 255, 0.9) 0%, rgba(52, 221, 168, 0.9) 50%, rgba(255, 222, 84, 0.9) 100%);
  overflow: hidden;
}

.p-main--interview-single {
  background: linear-gradient(180deg, rgba(88, 170, 255, 0.9) 0%, rgba(52, 221, 168, 0.9) 50%, rgba(255, 222, 84, 0.9) 100%);
}
@media screen and (min-width: 738px) and (max-width: 960px) {
  .p-main--interview-single {
    overflow: hidden;
  }
}
@media only screen and (max-width: 736px) {
  .p-main--interview-single {
    overflow: hidden;
  }
}

@media only screen and (max-width: 736px) {
  .p-main__sub-page-inner {
    padding: 60px 0;
  }
}
@media only screen and (min-width: 737px) {
  .p-main__sub-page-inner {
    padding: 80px 0;
  }
}

.u-mt-0 {
  margin-top: 0px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-mt-0 {
    margin-top: 0px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-mt-0 {
    margin-top: 0px !important;
  }
}
.u-mt-4 {
  margin-top: 4px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-mt-4 {
    margin-top: 4px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-mt-4 {
    margin-top: 4px !important;
  }
}
.u-mt-8 {
  margin-top: 8px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-mt-8 {
    margin-top: 8px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-mt-8 {
    margin-top: 8px !important;
  }
}
.u-mt-12 {
  margin-top: 12px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-mt-12 {
    margin-top: 12px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-mt-12 {
    margin-top: 12px !important;
  }
}
.u-mt-16 {
  margin-top: 16px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-mt-16 {
    margin-top: 16px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-mt-16 {
    margin-top: 16px !important;
  }
}
.u-mt-20 {
  margin-top: 20px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-mt-20 {
    margin-top: 20px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-mt-20 {
    margin-top: 20px !important;
  }
}
.u-mt-24 {
  margin-top: 24px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-mt-24 {
    margin-top: 24px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-mt-24 {
    margin-top: 24px !important;
  }
}
.u-mt-28 {
  margin-top: 28px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-mt-28 {
    margin-top: 28px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-mt-28 {
    margin-top: 28px !important;
  }
}
.u-mt-32 {
  margin-top: 32px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-mt-32 {
    margin-top: 32px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-mt-32 {
    margin-top: 32px !important;
  }
}
.u-mt-36 {
  margin-top: 36px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-mt-36 {
    margin-top: 36px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-mt-36 {
    margin-top: 36px !important;
  }
}
.u-mt-40 {
  margin-top: 40px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-mt-40 {
    margin-top: 40px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-mt-40 {
    margin-top: 40px !important;
  }
}
.u-mt-44 {
  margin-top: 44px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-mt-44 {
    margin-top: 44px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-mt-44 {
    margin-top: 44px !important;
  }
}
.u-mt-48 {
  margin-top: 48px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-mt-48 {
    margin-top: 48px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-mt-48 {
    margin-top: 48px !important;
  }
}
.u-mt-52 {
  margin-top: 52px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-mt-52 {
    margin-top: 52px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-mt-52 {
    margin-top: 52px !important;
  }
}
.u-mt-56 {
  margin-top: 56px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-mt-56 {
    margin-top: 56px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-mt-56 {
    margin-top: 56px !important;
  }
}
.u-mt-60 {
  margin-top: 60px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-mt-60 {
    margin-top: 60px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-mt-60 {
    margin-top: 60px !important;
  }
}
.u-mt-64 {
  margin-top: 64px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-mt-64 {
    margin-top: 64px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-mt-64 {
    margin-top: 64px !important;
  }
}
.u-mt-68 {
  margin-top: 68px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-mt-68 {
    margin-top: 68px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-mt-68 {
    margin-top: 68px !important;
  }
}
.u-mt-72 {
  margin-top: 72px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-mt-72 {
    margin-top: 72px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-mt-72 {
    margin-top: 72px !important;
  }
}
.u-mt-76 {
  margin-top: 76px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-mt-76 {
    margin-top: 76px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-mt-76 {
    margin-top: 76px !important;
  }
}
.u-mt-80 {
  margin-top: 80px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-mt-80 {
    margin-top: 80px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-mt-80 {
    margin-top: 80px !important;
  }
}
.u-mt-84 {
  margin-top: 84px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-mt-84 {
    margin-top: 84px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-mt-84 {
    margin-top: 84px !important;
  }
}
.u-mt-88 {
  margin-top: 88px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-mt-88 {
    margin-top: 88px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-mt-88 {
    margin-top: 88px !important;
  }
}
.u-mt-92 {
  margin-top: 92px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-mt-92 {
    margin-top: 92px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-mt-92 {
    margin-top: 92px !important;
  }
}
.u-mt-96 {
  margin-top: 96px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-mt-96 {
    margin-top: 96px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-mt-96 {
    margin-top: 96px !important;
  }
}
.u-mt-100 {
  margin-top: 100px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-mt-100 {
    margin-top: 100px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-mt-100 {
    margin-top: 100px !important;
  }
}
.u-mr-0 {
  margin-top: 0px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-mr-0 {
    margin-top: 0px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-mr-0 {
    margin-top: 0px !important;
  }
}
.u-mr-4 {
  margin-top: 4px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-mr-4 {
    margin-top: 4px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-mr-4 {
    margin-top: 4px !important;
  }
}
.u-mr-8 {
  margin-top: 8px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-mr-8 {
    margin-top: 8px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-mr-8 {
    margin-top: 8px !important;
  }
}
.u-mr-12 {
  margin-top: 12px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-mr-12 {
    margin-top: 12px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-mr-12 {
    margin-top: 12px !important;
  }
}
.u-mr-16 {
  margin-top: 16px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-mr-16 {
    margin-top: 16px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-mr-16 {
    margin-top: 16px !important;
  }
}
.u-mr-20 {
  margin-top: 20px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-mr-20 {
    margin-top: 20px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-mr-20 {
    margin-top: 20px !important;
  }
}
.u-mr-24 {
  margin-top: 24px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-mr-24 {
    margin-top: 24px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-mr-24 {
    margin-top: 24px !important;
  }
}
.u-mr-28 {
  margin-top: 28px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-mr-28 {
    margin-top: 28px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-mr-28 {
    margin-top: 28px !important;
  }
}
.u-mr-32 {
  margin-top: 32px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-mr-32 {
    margin-top: 32px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-mr-32 {
    margin-top: 32px !important;
  }
}
.u-mr-36 {
  margin-top: 36px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-mr-36 {
    margin-top: 36px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-mr-36 {
    margin-top: 36px !important;
  }
}
.u-mr-40 {
  margin-top: 40px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-mr-40 {
    margin-top: 40px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-mr-40 {
    margin-top: 40px !important;
  }
}
.u-mr-44 {
  margin-top: 44px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-mr-44 {
    margin-top: 44px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-mr-44 {
    margin-top: 44px !important;
  }
}
.u-mr-48 {
  margin-top: 48px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-mr-48 {
    margin-top: 48px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-mr-48 {
    margin-top: 48px !important;
  }
}
.u-mr-52 {
  margin-top: 52px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-mr-52 {
    margin-top: 52px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-mr-52 {
    margin-top: 52px !important;
  }
}
.u-mr-56 {
  margin-top: 56px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-mr-56 {
    margin-top: 56px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-mr-56 {
    margin-top: 56px !important;
  }
}
.u-mr-60 {
  margin-top: 60px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-mr-60 {
    margin-top: 60px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-mr-60 {
    margin-top: 60px !important;
  }
}
.u-mr-64 {
  margin-top: 64px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-mr-64 {
    margin-top: 64px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-mr-64 {
    margin-top: 64px !important;
  }
}
.u-mr-68 {
  margin-top: 68px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-mr-68 {
    margin-top: 68px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-mr-68 {
    margin-top: 68px !important;
  }
}
.u-mr-72 {
  margin-top: 72px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-mr-72 {
    margin-top: 72px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-mr-72 {
    margin-top: 72px !important;
  }
}
.u-mr-76 {
  margin-top: 76px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-mr-76 {
    margin-top: 76px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-mr-76 {
    margin-top: 76px !important;
  }
}
.u-mr-80 {
  margin-top: 80px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-mr-80 {
    margin-top: 80px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-mr-80 {
    margin-top: 80px !important;
  }
}
.u-mr-84 {
  margin-top: 84px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-mr-84 {
    margin-top: 84px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-mr-84 {
    margin-top: 84px !important;
  }
}
.u-mr-88 {
  margin-top: 88px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-mr-88 {
    margin-top: 88px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-mr-88 {
    margin-top: 88px !important;
  }
}
.u-mr-92 {
  margin-top: 92px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-mr-92 {
    margin-top: 92px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-mr-92 {
    margin-top: 92px !important;
  }
}
.u-mr-96 {
  margin-top: 96px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-mr-96 {
    margin-top: 96px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-mr-96 {
    margin-top: 96px !important;
  }
}
.u-mr-100 {
  margin-top: 100px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-mr-100 {
    margin-top: 100px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-mr-100 {
    margin-top: 100px !important;
  }
}
.u-mb-0 {
  margin-top: 0px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-mb-0 {
    margin-top: 0px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-mb-0 {
    margin-top: 0px !important;
  }
}
.u-mb-4 {
  margin-top: 4px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-mb-4 {
    margin-top: 4px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-mb-4 {
    margin-top: 4px !important;
  }
}
.u-mb-8 {
  margin-top: 8px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-mb-8 {
    margin-top: 8px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-mb-8 {
    margin-top: 8px !important;
  }
}
.u-mb-12 {
  margin-top: 12px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-mb-12 {
    margin-top: 12px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-mb-12 {
    margin-top: 12px !important;
  }
}
.u-mb-16 {
  margin-top: 16px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-mb-16 {
    margin-top: 16px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-mb-16 {
    margin-top: 16px !important;
  }
}
.u-mb-20 {
  margin-top: 20px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-mb-20 {
    margin-top: 20px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-mb-20 {
    margin-top: 20px !important;
  }
}
.u-mb-24 {
  margin-top: 24px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-mb-24 {
    margin-top: 24px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-mb-24 {
    margin-top: 24px !important;
  }
}
.u-mb-28 {
  margin-top: 28px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-mb-28 {
    margin-top: 28px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-mb-28 {
    margin-top: 28px !important;
  }
}
.u-mb-32 {
  margin-top: 32px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-mb-32 {
    margin-top: 32px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-mb-32 {
    margin-top: 32px !important;
  }
}
.u-mb-36 {
  margin-top: 36px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-mb-36 {
    margin-top: 36px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-mb-36 {
    margin-top: 36px !important;
  }
}
.u-mb-40 {
  margin-top: 40px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-mb-40 {
    margin-top: 40px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-mb-40 {
    margin-top: 40px !important;
  }
}
.u-mb-44 {
  margin-top: 44px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-mb-44 {
    margin-top: 44px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-mb-44 {
    margin-top: 44px !important;
  }
}
.u-mb-48 {
  margin-top: 48px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-mb-48 {
    margin-top: 48px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-mb-48 {
    margin-top: 48px !important;
  }
}
.u-mb-52 {
  margin-top: 52px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-mb-52 {
    margin-top: 52px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-mb-52 {
    margin-top: 52px !important;
  }
}
.u-mb-56 {
  margin-top: 56px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-mb-56 {
    margin-top: 56px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-mb-56 {
    margin-top: 56px !important;
  }
}
.u-mb-60 {
  margin-top: 60px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-mb-60 {
    margin-top: 60px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-mb-60 {
    margin-top: 60px !important;
  }
}
.u-mb-64 {
  margin-top: 64px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-mb-64 {
    margin-top: 64px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-mb-64 {
    margin-top: 64px !important;
  }
}
.u-mb-68 {
  margin-top: 68px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-mb-68 {
    margin-top: 68px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-mb-68 {
    margin-top: 68px !important;
  }
}
.u-mb-72 {
  margin-top: 72px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-mb-72 {
    margin-top: 72px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-mb-72 {
    margin-top: 72px !important;
  }
}
.u-mb-76 {
  margin-top: 76px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-mb-76 {
    margin-top: 76px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-mb-76 {
    margin-top: 76px !important;
  }
}
.u-mb-80 {
  margin-top: 80px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-mb-80 {
    margin-top: 80px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-mb-80 {
    margin-top: 80px !important;
  }
}
.u-mb-84 {
  margin-top: 84px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-mb-84 {
    margin-top: 84px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-mb-84 {
    margin-top: 84px !important;
  }
}
.u-mb-88 {
  margin-top: 88px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-mb-88 {
    margin-top: 88px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-mb-88 {
    margin-top: 88px !important;
  }
}
.u-mb-92 {
  margin-top: 92px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-mb-92 {
    margin-top: 92px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-mb-92 {
    margin-top: 92px !important;
  }
}
.u-mb-96 {
  margin-top: 96px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-mb-96 {
    margin-top: 96px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-mb-96 {
    margin-top: 96px !important;
  }
}
.u-mb-100 {
  margin-top: 100px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-mb-100 {
    margin-top: 100px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-mb-100 {
    margin-top: 100px !important;
  }
}
.u-ml-0 {
  margin-top: 0px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-ml-0 {
    margin-top: 0px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-ml-0 {
    margin-top: 0px !important;
  }
}
.u-ml-4 {
  margin-top: 4px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-ml-4 {
    margin-top: 4px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-ml-4 {
    margin-top: 4px !important;
  }
}
.u-ml-8 {
  margin-top: 8px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-ml-8 {
    margin-top: 8px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-ml-8 {
    margin-top: 8px !important;
  }
}
.u-ml-12 {
  margin-top: 12px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-ml-12 {
    margin-top: 12px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-ml-12 {
    margin-top: 12px !important;
  }
}
.u-ml-16 {
  margin-top: 16px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-ml-16 {
    margin-top: 16px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-ml-16 {
    margin-top: 16px !important;
  }
}
.u-ml-20 {
  margin-top: 20px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-ml-20 {
    margin-top: 20px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-ml-20 {
    margin-top: 20px !important;
  }
}
.u-ml-24 {
  margin-top: 24px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-ml-24 {
    margin-top: 24px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-ml-24 {
    margin-top: 24px !important;
  }
}
.u-ml-28 {
  margin-top: 28px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-ml-28 {
    margin-top: 28px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-ml-28 {
    margin-top: 28px !important;
  }
}
.u-ml-32 {
  margin-top: 32px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-ml-32 {
    margin-top: 32px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-ml-32 {
    margin-top: 32px !important;
  }
}
.u-ml-36 {
  margin-top: 36px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-ml-36 {
    margin-top: 36px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-ml-36 {
    margin-top: 36px !important;
  }
}
.u-ml-40 {
  margin-top: 40px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-ml-40 {
    margin-top: 40px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-ml-40 {
    margin-top: 40px !important;
  }
}
.u-ml-44 {
  margin-top: 44px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-ml-44 {
    margin-top: 44px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-ml-44 {
    margin-top: 44px !important;
  }
}
.u-ml-48 {
  margin-top: 48px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-ml-48 {
    margin-top: 48px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-ml-48 {
    margin-top: 48px !important;
  }
}
.u-ml-52 {
  margin-top: 52px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-ml-52 {
    margin-top: 52px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-ml-52 {
    margin-top: 52px !important;
  }
}
.u-ml-56 {
  margin-top: 56px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-ml-56 {
    margin-top: 56px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-ml-56 {
    margin-top: 56px !important;
  }
}
.u-ml-60 {
  margin-top: 60px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-ml-60 {
    margin-top: 60px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-ml-60 {
    margin-top: 60px !important;
  }
}
.u-ml-64 {
  margin-top: 64px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-ml-64 {
    margin-top: 64px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-ml-64 {
    margin-top: 64px !important;
  }
}
.u-ml-68 {
  margin-top: 68px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-ml-68 {
    margin-top: 68px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-ml-68 {
    margin-top: 68px !important;
  }
}
.u-ml-72 {
  margin-top: 72px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-ml-72 {
    margin-top: 72px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-ml-72 {
    margin-top: 72px !important;
  }
}
.u-ml-76 {
  margin-top: 76px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-ml-76 {
    margin-top: 76px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-ml-76 {
    margin-top: 76px !important;
  }
}
.u-ml-80 {
  margin-top: 80px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-ml-80 {
    margin-top: 80px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-ml-80 {
    margin-top: 80px !important;
  }
}
.u-ml-84 {
  margin-top: 84px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-ml-84 {
    margin-top: 84px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-ml-84 {
    margin-top: 84px !important;
  }
}
.u-ml-88 {
  margin-top: 88px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-ml-88 {
    margin-top: 88px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-ml-88 {
    margin-top: 88px !important;
  }
}
.u-ml-92 {
  margin-top: 92px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-ml-92 {
    margin-top: 92px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-ml-92 {
    margin-top: 92px !important;
  }
}
.u-ml-96 {
  margin-top: 96px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-ml-96 {
    margin-top: 96px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-ml-96 {
    margin-top: 96px !important;
  }
}
.u-ml-100 {
  margin-top: 100px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-ml-100 {
    margin-top: 100px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-ml-100 {
    margin-top: 100px !important;
  }
}
.u-pt-0 {
  padding-top: 0px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-pt-0 {
    padding-top: 0px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-pt-0 {
    padding-top: 0px !important;
  }
}
.u-pt-4 {
  padding-top: 4px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-pt-4 {
    padding-top: 4px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-pt-4 {
    padding-top: 4px !important;
  }
}
.u-pt-8 {
  padding-top: 8px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-pt-8 {
    padding-top: 8px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-pt-8 {
    padding-top: 8px !important;
  }
}
.u-pt-12 {
  padding-top: 12px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-pt-12 {
    padding-top: 12px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-pt-12 {
    padding-top: 12px !important;
  }
}
.u-pt-16 {
  padding-top: 16px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-pt-16 {
    padding-top: 16px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-pt-16 {
    padding-top: 16px !important;
  }
}
.u-pt-20 {
  padding-top: 20px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-pt-20 {
    padding-top: 20px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-pt-20 {
    padding-top: 20px !important;
  }
}
.u-pt-24 {
  padding-top: 24px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-pt-24 {
    padding-top: 24px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-pt-24 {
    padding-top: 24px !important;
  }
}
.u-pt-28 {
  padding-top: 28px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-pt-28 {
    padding-top: 28px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-pt-28 {
    padding-top: 28px !important;
  }
}
.u-pt-32 {
  padding-top: 32px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-pt-32 {
    padding-top: 32px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-pt-32 {
    padding-top: 32px !important;
  }
}
.u-pt-36 {
  padding-top: 36px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-pt-36 {
    padding-top: 36px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-pt-36 {
    padding-top: 36px !important;
  }
}
.u-pt-40 {
  padding-top: 40px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-pt-40 {
    padding-top: 40px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-pt-40 {
    padding-top: 40px !important;
  }
}
.u-pt-44 {
  padding-top: 44px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-pt-44 {
    padding-top: 44px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-pt-44 {
    padding-top: 44px !important;
  }
}
.u-pt-48 {
  padding-top: 48px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-pt-48 {
    padding-top: 48px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-pt-48 {
    padding-top: 48px !important;
  }
}
.u-pt-52 {
  padding-top: 52px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-pt-52 {
    padding-top: 52px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-pt-52 {
    padding-top: 52px !important;
  }
}
.u-pt-56 {
  padding-top: 56px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-pt-56 {
    padding-top: 56px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-pt-56 {
    padding-top: 56px !important;
  }
}
.u-pt-60 {
  padding-top: 60px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-pt-60 {
    padding-top: 60px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-pt-60 {
    padding-top: 60px !important;
  }
}
.u-pt-64 {
  padding-top: 64px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-pt-64 {
    padding-top: 64px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-pt-64 {
    padding-top: 64px !important;
  }
}
.u-pt-68 {
  padding-top: 68px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-pt-68 {
    padding-top: 68px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-pt-68 {
    padding-top: 68px !important;
  }
}
.u-pt-72 {
  padding-top: 72px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-pt-72 {
    padding-top: 72px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-pt-72 {
    padding-top: 72px !important;
  }
}
.u-pt-76 {
  padding-top: 76px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-pt-76 {
    padding-top: 76px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-pt-76 {
    padding-top: 76px !important;
  }
}
.u-pt-80 {
  padding-top: 80px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-pt-80 {
    padding-top: 80px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-pt-80 {
    padding-top: 80px !important;
  }
}
.u-pt-84 {
  padding-top: 84px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-pt-84 {
    padding-top: 84px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-pt-84 {
    padding-top: 84px !important;
  }
}
.u-pt-88 {
  padding-top: 88px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-pt-88 {
    padding-top: 88px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-pt-88 {
    padding-top: 88px !important;
  }
}
.u-pt-92 {
  padding-top: 92px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-pt-92 {
    padding-top: 92px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-pt-92 {
    padding-top: 92px !important;
  }
}
.u-pt-96 {
  padding-top: 96px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-pt-96 {
    padding-top: 96px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-pt-96 {
    padding-top: 96px !important;
  }
}
.u-pt-100 {
  padding-top: 100px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-pt-100 {
    padding-top: 100px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-pt-100 {
    padding-top: 100px !important;
  }
}
.u-pt-104 {
  padding-top: 104px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-pt-104 {
    padding-top: 104px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-pt-104 {
    padding-top: 104px !important;
  }
}
.u-pt-108 {
  padding-top: 108px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-pt-108 {
    padding-top: 108px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-pt-108 {
    padding-top: 108px !important;
  }
}
.u-pt-112 {
  padding-top: 112px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-pt-112 {
    padding-top: 112px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-pt-112 {
    padding-top: 112px !important;
  }
}
.u-pt-116 {
  padding-top: 116px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-pt-116 {
    padding-top: 116px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-pt-116 {
    padding-top: 116px !important;
  }
}
.u-pt-120 {
  padding-top: 120px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-pt-120 {
    padding-top: 120px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-pt-120 {
    padding-top: 120px !important;
  }
}
.u-pt-124 {
  padding-top: 124px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-pt-124 {
    padding-top: 124px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-pt-124 {
    padding-top: 124px !important;
  }
}
.u-pt-128 {
  padding-top: 128px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-pt-128 {
    padding-top: 128px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-pt-128 {
    padding-top: 128px !important;
  }
}
.u-pt-132 {
  padding-top: 132px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-pt-132 {
    padding-top: 132px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-pt-132 {
    padding-top: 132px !important;
  }
}
.u-pt-136 {
  padding-top: 136px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-pt-136 {
    padding-top: 136px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-pt-136 {
    padding-top: 136px !important;
  }
}
.u-pt-140 {
  padding-top: 140px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-pt-140 {
    padding-top: 140px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-pt-140 {
    padding-top: 140px !important;
  }
}
.u-pt-144 {
  padding-top: 144px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-pt-144 {
    padding-top: 144px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-pt-144 {
    padding-top: 144px !important;
  }
}
.u-pt-148 {
  padding-top: 148px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-pt-148 {
    padding-top: 148px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-pt-148 {
    padding-top: 148px !important;
  }
}
.u-pt-152 {
  padding-top: 152px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-pt-152 {
    padding-top: 152px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-pt-152 {
    padding-top: 152px !important;
  }
}
.u-pt-156 {
  padding-top: 156px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-pt-156 {
    padding-top: 156px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-pt-156 {
    padding-top: 156px !important;
  }
}
.u-pt-160 {
  padding-top: 160px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-pt-160 {
    padding-top: 160px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-pt-160 {
    padding-top: 160px !important;
  }
}
.u-pt-164 {
  padding-top: 164px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-pt-164 {
    padding-top: 164px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-pt-164 {
    padding-top: 164px !important;
  }
}
.u-pt-168 {
  padding-top: 168px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-pt-168 {
    padding-top: 168px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-pt-168 {
    padding-top: 168px !important;
  }
}
.u-pt-172 {
  padding-top: 172px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-pt-172 {
    padding-top: 172px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-pt-172 {
    padding-top: 172px !important;
  }
}
.u-pt-176 {
  padding-top: 176px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-pt-176 {
    padding-top: 176px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-pt-176 {
    padding-top: 176px !important;
  }
}
.u-pt-180 {
  padding-top: 180px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-pt-180 {
    padding-top: 180px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-pt-180 {
    padding-top: 180px !important;
  }
}
.u-pt-184 {
  padding-top: 184px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-pt-184 {
    padding-top: 184px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-pt-184 {
    padding-top: 184px !important;
  }
}
.u-pt-188 {
  padding-top: 188px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-pt-188 {
    padding-top: 188px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-pt-188 {
    padding-top: 188px !important;
  }
}
.u-pt-192 {
  padding-top: 192px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-pt-192 {
    padding-top: 192px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-pt-192 {
    padding-top: 192px !important;
  }
}
.u-pt-196 {
  padding-top: 196px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-pt-196 {
    padding-top: 196px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-pt-196 {
    padding-top: 196px !important;
  }
}
.u-pt-200 {
  padding-top: 200px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-pt-200 {
    padding-top: 200px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-pt-200 {
    padding-top: 200px !important;
  }
}
.u-pr-0 {
  padding-right: 0px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-pr-0 {
    padding-right: 0px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-pr-0 {
    padding-right: 0px !important;
  }
}
.u-pr-4 {
  padding-right: 4px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-pr-4 {
    padding-right: 4px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-pr-4 {
    padding-right: 4px !important;
  }
}
.u-pr-8 {
  padding-right: 8px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-pr-8 {
    padding-right: 8px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-pr-8 {
    padding-right: 8px !important;
  }
}
.u-pr-12 {
  padding-right: 12px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-pr-12 {
    padding-right: 12px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-pr-12 {
    padding-right: 12px !important;
  }
}
.u-pr-16 {
  padding-right: 16px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-pr-16 {
    padding-right: 16px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-pr-16 {
    padding-right: 16px !important;
  }
}
.u-pr-20 {
  padding-right: 20px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-pr-20 {
    padding-right: 20px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-pr-20 {
    padding-right: 20px !important;
  }
}
.u-pr-24 {
  padding-right: 24px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-pr-24 {
    padding-right: 24px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-pr-24 {
    padding-right: 24px !important;
  }
}
.u-pr-28 {
  padding-right: 28px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-pr-28 {
    padding-right: 28px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-pr-28 {
    padding-right: 28px !important;
  }
}
.u-pr-32 {
  padding-right: 32px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-pr-32 {
    padding-right: 32px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-pr-32 {
    padding-right: 32px !important;
  }
}
.u-pr-36 {
  padding-right: 36px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-pr-36 {
    padding-right: 36px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-pr-36 {
    padding-right: 36px !important;
  }
}
.u-pr-40 {
  padding-right: 40px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-pr-40 {
    padding-right: 40px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-pr-40 {
    padding-right: 40px !important;
  }
}
.u-pr-44 {
  padding-right: 44px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-pr-44 {
    padding-right: 44px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-pr-44 {
    padding-right: 44px !important;
  }
}
.u-pr-48 {
  padding-right: 48px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-pr-48 {
    padding-right: 48px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-pr-48 {
    padding-right: 48px !important;
  }
}
.u-pr-52 {
  padding-right: 52px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-pr-52 {
    padding-right: 52px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-pr-52 {
    padding-right: 52px !important;
  }
}
.u-pr-56 {
  padding-right: 56px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-pr-56 {
    padding-right: 56px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-pr-56 {
    padding-right: 56px !important;
  }
}
.u-pr-60 {
  padding-right: 60px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-pr-60 {
    padding-right: 60px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-pr-60 {
    padding-right: 60px !important;
  }
}
.u-pr-64 {
  padding-right: 64px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-pr-64 {
    padding-right: 64px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-pr-64 {
    padding-right: 64px !important;
  }
}
.u-pr-68 {
  padding-right: 68px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-pr-68 {
    padding-right: 68px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-pr-68 {
    padding-right: 68px !important;
  }
}
.u-pr-72 {
  padding-right: 72px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-pr-72 {
    padding-right: 72px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-pr-72 {
    padding-right: 72px !important;
  }
}
.u-pr-76 {
  padding-right: 76px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-pr-76 {
    padding-right: 76px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-pr-76 {
    padding-right: 76px !important;
  }
}
.u-pr-80 {
  padding-right: 80px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-pr-80 {
    padding-right: 80px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-pr-80 {
    padding-right: 80px !important;
  }
}
.u-pr-84 {
  padding-right: 84px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-pr-84 {
    padding-right: 84px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-pr-84 {
    padding-right: 84px !important;
  }
}
.u-pr-88 {
  padding-right: 88px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-pr-88 {
    padding-right: 88px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-pr-88 {
    padding-right: 88px !important;
  }
}
.u-pr-92 {
  padding-right: 92px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-pr-92 {
    padding-right: 92px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-pr-92 {
    padding-right: 92px !important;
  }
}
.u-pr-96 {
  padding-right: 96px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-pr-96 {
    padding-right: 96px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-pr-96 {
    padding-right: 96px !important;
  }
}
.u-pr-100 {
  padding-right: 100px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-pr-100 {
    padding-right: 100px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-pr-100 {
    padding-right: 100px !important;
  }
}
.u-pr-104 {
  padding-right: 104px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-pr-104 {
    padding-right: 104px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-pr-104 {
    padding-right: 104px !important;
  }
}
.u-pr-108 {
  padding-right: 108px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-pr-108 {
    padding-right: 108px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-pr-108 {
    padding-right: 108px !important;
  }
}
.u-pr-112 {
  padding-right: 112px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-pr-112 {
    padding-right: 112px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-pr-112 {
    padding-right: 112px !important;
  }
}
.u-pr-116 {
  padding-right: 116px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-pr-116 {
    padding-right: 116px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-pr-116 {
    padding-right: 116px !important;
  }
}
.u-pr-120 {
  padding-right: 120px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-pr-120 {
    padding-right: 120px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-pr-120 {
    padding-right: 120px !important;
  }
}
.u-pr-124 {
  padding-right: 124px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-pr-124 {
    padding-right: 124px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-pr-124 {
    padding-right: 124px !important;
  }
}
.u-pr-128 {
  padding-right: 128px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-pr-128 {
    padding-right: 128px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-pr-128 {
    padding-right: 128px !important;
  }
}
.u-pr-132 {
  padding-right: 132px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-pr-132 {
    padding-right: 132px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-pr-132 {
    padding-right: 132px !important;
  }
}
.u-pr-136 {
  padding-right: 136px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-pr-136 {
    padding-right: 136px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-pr-136 {
    padding-right: 136px !important;
  }
}
.u-pr-140 {
  padding-right: 140px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-pr-140 {
    padding-right: 140px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-pr-140 {
    padding-right: 140px !important;
  }
}
.u-pr-144 {
  padding-right: 144px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-pr-144 {
    padding-right: 144px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-pr-144 {
    padding-right: 144px !important;
  }
}
.u-pr-148 {
  padding-right: 148px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-pr-148 {
    padding-right: 148px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-pr-148 {
    padding-right: 148px !important;
  }
}
.u-pr-152 {
  padding-right: 152px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-pr-152 {
    padding-right: 152px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-pr-152 {
    padding-right: 152px !important;
  }
}
.u-pr-156 {
  padding-right: 156px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-pr-156 {
    padding-right: 156px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-pr-156 {
    padding-right: 156px !important;
  }
}
.u-pr-160 {
  padding-right: 160px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-pr-160 {
    padding-right: 160px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-pr-160 {
    padding-right: 160px !important;
  }
}
.u-pr-164 {
  padding-right: 164px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-pr-164 {
    padding-right: 164px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-pr-164 {
    padding-right: 164px !important;
  }
}
.u-pr-168 {
  padding-right: 168px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-pr-168 {
    padding-right: 168px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-pr-168 {
    padding-right: 168px !important;
  }
}
.u-pr-172 {
  padding-right: 172px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-pr-172 {
    padding-right: 172px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-pr-172 {
    padding-right: 172px !important;
  }
}
.u-pr-176 {
  padding-right: 176px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-pr-176 {
    padding-right: 176px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-pr-176 {
    padding-right: 176px !important;
  }
}
.u-pr-180 {
  padding-right: 180px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-pr-180 {
    padding-right: 180px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-pr-180 {
    padding-right: 180px !important;
  }
}
.u-pr-184 {
  padding-right: 184px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-pr-184 {
    padding-right: 184px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-pr-184 {
    padding-right: 184px !important;
  }
}
.u-pr-188 {
  padding-right: 188px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-pr-188 {
    padding-right: 188px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-pr-188 {
    padding-right: 188px !important;
  }
}
.u-pr-192 {
  padding-right: 192px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-pr-192 {
    padding-right: 192px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-pr-192 {
    padding-right: 192px !important;
  }
}
.u-pr-196 {
  padding-right: 196px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-pr-196 {
    padding-right: 196px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-pr-196 {
    padding-right: 196px !important;
  }
}
.u-pr-200 {
  padding-right: 200px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-pr-200 {
    padding-right: 200px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-pr-200 {
    padding-right: 200px !important;
  }
}
.u-pb-0 {
  padding-bottom: 0px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-pb-0 {
    padding-bottom: 0px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-pb-0 {
    padding-bottom: 0px !important;
  }
}
.u-pb-4 {
  padding-bottom: 4px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-pb-4 {
    padding-bottom: 4px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-pb-4 {
    padding-bottom: 4px !important;
  }
}
.u-pb-8 {
  padding-bottom: 8px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-pb-8 {
    padding-bottom: 8px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-pb-8 {
    padding-bottom: 8px !important;
  }
}
.u-pb-12 {
  padding-bottom: 12px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-pb-12 {
    padding-bottom: 12px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-pb-12 {
    padding-bottom: 12px !important;
  }
}
.u-pb-16 {
  padding-bottom: 16px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-pb-16 {
    padding-bottom: 16px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-pb-16 {
    padding-bottom: 16px !important;
  }
}
.u-pb-20 {
  padding-bottom: 20px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-pb-20 {
    padding-bottom: 20px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-pb-20 {
    padding-bottom: 20px !important;
  }
}
.u-pb-24 {
  padding-bottom: 24px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-pb-24 {
    padding-bottom: 24px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-pb-24 {
    padding-bottom: 24px !important;
  }
}
.u-pb-28 {
  padding-bottom: 28px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-pb-28 {
    padding-bottom: 28px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-pb-28 {
    padding-bottom: 28px !important;
  }
}
.u-pb-32 {
  padding-bottom: 32px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-pb-32 {
    padding-bottom: 32px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-pb-32 {
    padding-bottom: 32px !important;
  }
}
.u-pb-36 {
  padding-bottom: 36px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-pb-36 {
    padding-bottom: 36px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-pb-36 {
    padding-bottom: 36px !important;
  }
}
.u-pb-40 {
  padding-bottom: 40px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-pb-40 {
    padding-bottom: 40px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-pb-40 {
    padding-bottom: 40px !important;
  }
}
.u-pb-44 {
  padding-bottom: 44px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-pb-44 {
    padding-bottom: 44px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-pb-44 {
    padding-bottom: 44px !important;
  }
}
.u-pb-48 {
  padding-bottom: 48px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-pb-48 {
    padding-bottom: 48px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-pb-48 {
    padding-bottom: 48px !important;
  }
}
.u-pb-52 {
  padding-bottom: 52px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-pb-52 {
    padding-bottom: 52px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-pb-52 {
    padding-bottom: 52px !important;
  }
}
.u-pb-56 {
  padding-bottom: 56px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-pb-56 {
    padding-bottom: 56px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-pb-56 {
    padding-bottom: 56px !important;
  }
}
.u-pb-60 {
  padding-bottom: 60px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-pb-60 {
    padding-bottom: 60px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-pb-60 {
    padding-bottom: 60px !important;
  }
}
.u-pb-64 {
  padding-bottom: 64px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-pb-64 {
    padding-bottom: 64px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-pb-64 {
    padding-bottom: 64px !important;
  }
}
.u-pb-68 {
  padding-bottom: 68px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-pb-68 {
    padding-bottom: 68px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-pb-68 {
    padding-bottom: 68px !important;
  }
}
.u-pb-72 {
  padding-bottom: 72px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-pb-72 {
    padding-bottom: 72px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-pb-72 {
    padding-bottom: 72px !important;
  }
}
.u-pb-76 {
  padding-bottom: 76px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-pb-76 {
    padding-bottom: 76px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-pb-76 {
    padding-bottom: 76px !important;
  }
}
.u-pb-80 {
  padding-bottom: 80px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-pb-80 {
    padding-bottom: 80px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-pb-80 {
    padding-bottom: 80px !important;
  }
}
.u-pb-84 {
  padding-bottom: 84px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-pb-84 {
    padding-bottom: 84px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-pb-84 {
    padding-bottom: 84px !important;
  }
}
.u-pb-88 {
  padding-bottom: 88px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-pb-88 {
    padding-bottom: 88px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-pb-88 {
    padding-bottom: 88px !important;
  }
}
.u-pb-92 {
  padding-bottom: 92px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-pb-92 {
    padding-bottom: 92px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-pb-92 {
    padding-bottom: 92px !important;
  }
}
.u-pb-96 {
  padding-bottom: 96px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-pb-96 {
    padding-bottom: 96px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-pb-96 {
    padding-bottom: 96px !important;
  }
}
.u-pb-100 {
  padding-bottom: 100px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-pb-100 {
    padding-bottom: 100px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-pb-100 {
    padding-bottom: 100px !important;
  }
}
.u-pb-104 {
  padding-bottom: 104px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-pb-104 {
    padding-bottom: 104px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-pb-104 {
    padding-bottom: 104px !important;
  }
}
.u-pb-108 {
  padding-bottom: 108px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-pb-108 {
    padding-bottom: 108px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-pb-108 {
    padding-bottom: 108px !important;
  }
}
.u-pb-112 {
  padding-bottom: 112px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-pb-112 {
    padding-bottom: 112px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-pb-112 {
    padding-bottom: 112px !important;
  }
}
.u-pb-116 {
  padding-bottom: 116px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-pb-116 {
    padding-bottom: 116px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-pb-116 {
    padding-bottom: 116px !important;
  }
}
.u-pb-120 {
  padding-bottom: 120px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-pb-120 {
    padding-bottom: 120px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-pb-120 {
    padding-bottom: 120px !important;
  }
}
.u-pb-124 {
  padding-bottom: 124px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-pb-124 {
    padding-bottom: 124px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-pb-124 {
    padding-bottom: 124px !important;
  }
}
.u-pb-128 {
  padding-bottom: 128px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-pb-128 {
    padding-bottom: 128px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-pb-128 {
    padding-bottom: 128px !important;
  }
}
.u-pb-132 {
  padding-bottom: 132px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-pb-132 {
    padding-bottom: 132px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-pb-132 {
    padding-bottom: 132px !important;
  }
}
.u-pb-136 {
  padding-bottom: 136px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-pb-136 {
    padding-bottom: 136px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-pb-136 {
    padding-bottom: 136px !important;
  }
}
.u-pb-140 {
  padding-bottom: 140px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-pb-140 {
    padding-bottom: 140px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-pb-140 {
    padding-bottom: 140px !important;
  }
}
.u-pb-144 {
  padding-bottom: 144px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-pb-144 {
    padding-bottom: 144px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-pb-144 {
    padding-bottom: 144px !important;
  }
}
.u-pb-148 {
  padding-bottom: 148px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-pb-148 {
    padding-bottom: 148px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-pb-148 {
    padding-bottom: 148px !important;
  }
}
.u-pb-152 {
  padding-bottom: 152px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-pb-152 {
    padding-bottom: 152px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-pb-152 {
    padding-bottom: 152px !important;
  }
}
.u-pb-156 {
  padding-bottom: 156px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-pb-156 {
    padding-bottom: 156px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-pb-156 {
    padding-bottom: 156px !important;
  }
}
.u-pb-160 {
  padding-bottom: 160px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-pb-160 {
    padding-bottom: 160px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-pb-160 {
    padding-bottom: 160px !important;
  }
}
.u-pb-164 {
  padding-bottom: 164px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-pb-164 {
    padding-bottom: 164px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-pb-164 {
    padding-bottom: 164px !important;
  }
}
.u-pb-168 {
  padding-bottom: 168px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-pb-168 {
    padding-bottom: 168px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-pb-168 {
    padding-bottom: 168px !important;
  }
}
.u-pb-172 {
  padding-bottom: 172px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-pb-172 {
    padding-bottom: 172px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-pb-172 {
    padding-bottom: 172px !important;
  }
}
.u-pb-176 {
  padding-bottom: 176px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-pb-176 {
    padding-bottom: 176px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-pb-176 {
    padding-bottom: 176px !important;
  }
}
.u-pb-180 {
  padding-bottom: 180px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-pb-180 {
    padding-bottom: 180px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-pb-180 {
    padding-bottom: 180px !important;
  }
}
.u-pb-184 {
  padding-bottom: 184px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-pb-184 {
    padding-bottom: 184px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-pb-184 {
    padding-bottom: 184px !important;
  }
}
.u-pb-188 {
  padding-bottom: 188px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-pb-188 {
    padding-bottom: 188px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-pb-188 {
    padding-bottom: 188px !important;
  }
}
.u-pb-192 {
  padding-bottom: 192px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-pb-192 {
    padding-bottom: 192px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-pb-192 {
    padding-bottom: 192px !important;
  }
}
.u-pb-196 {
  padding-bottom: 196px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-pb-196 {
    padding-bottom: 196px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-pb-196 {
    padding-bottom: 196px !important;
  }
}
.u-pb-200 {
  padding-bottom: 200px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-pb-200 {
    padding-bottom: 200px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-pb-200 {
    padding-bottom: 200px !important;
  }
}
.u-pl-0 {
  padding-left: 0px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-pl-0 {
    padding-left: 0px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-pl-0 {
    padding-left: 0px !important;
  }
}
.u-pl-4 {
  padding-left: 4px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-pl-4 {
    padding-left: 4px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-pl-4 {
    padding-left: 4px !important;
  }
}
.u-pl-8 {
  padding-left: 8px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-pl-8 {
    padding-left: 8px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-pl-8 {
    padding-left: 8px !important;
  }
}
.u-pl-12 {
  padding-left: 12px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-pl-12 {
    padding-left: 12px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-pl-12 {
    padding-left: 12px !important;
  }
}
.u-pl-16 {
  padding-left: 16px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-pl-16 {
    padding-left: 16px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-pl-16 {
    padding-left: 16px !important;
  }
}
.u-pl-20 {
  padding-left: 20px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-pl-20 {
    padding-left: 20px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-pl-20 {
    padding-left: 20px !important;
  }
}
.u-pl-24 {
  padding-left: 24px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-pl-24 {
    padding-left: 24px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-pl-24 {
    padding-left: 24px !important;
  }
}
.u-pl-28 {
  padding-left: 28px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-pl-28 {
    padding-left: 28px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-pl-28 {
    padding-left: 28px !important;
  }
}
.u-pl-32 {
  padding-left: 32px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-pl-32 {
    padding-left: 32px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-pl-32 {
    padding-left: 32px !important;
  }
}
.u-pl-36 {
  padding-left: 36px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-pl-36 {
    padding-left: 36px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-pl-36 {
    padding-left: 36px !important;
  }
}
.u-pl-40 {
  padding-left: 40px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-pl-40 {
    padding-left: 40px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-pl-40 {
    padding-left: 40px !important;
  }
}
.u-pl-44 {
  padding-left: 44px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-pl-44 {
    padding-left: 44px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-pl-44 {
    padding-left: 44px !important;
  }
}
.u-pl-48 {
  padding-left: 48px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-pl-48 {
    padding-left: 48px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-pl-48 {
    padding-left: 48px !important;
  }
}
.u-pl-52 {
  padding-left: 52px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-pl-52 {
    padding-left: 52px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-pl-52 {
    padding-left: 52px !important;
  }
}
.u-pl-56 {
  padding-left: 56px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-pl-56 {
    padding-left: 56px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-pl-56 {
    padding-left: 56px !important;
  }
}
.u-pl-60 {
  padding-left: 60px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-pl-60 {
    padding-left: 60px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-pl-60 {
    padding-left: 60px !important;
  }
}
.u-pl-64 {
  padding-left: 64px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-pl-64 {
    padding-left: 64px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-pl-64 {
    padding-left: 64px !important;
  }
}
.u-pl-68 {
  padding-left: 68px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-pl-68 {
    padding-left: 68px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-pl-68 {
    padding-left: 68px !important;
  }
}
.u-pl-72 {
  padding-left: 72px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-pl-72 {
    padding-left: 72px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-pl-72 {
    padding-left: 72px !important;
  }
}
.u-pl-76 {
  padding-left: 76px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-pl-76 {
    padding-left: 76px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-pl-76 {
    padding-left: 76px !important;
  }
}
.u-pl-80 {
  padding-left: 80px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-pl-80 {
    padding-left: 80px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-pl-80 {
    padding-left: 80px !important;
  }
}
.u-pl-84 {
  padding-left: 84px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-pl-84 {
    padding-left: 84px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-pl-84 {
    padding-left: 84px !important;
  }
}
.u-pl-88 {
  padding-left: 88px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-pl-88 {
    padding-left: 88px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-pl-88 {
    padding-left: 88px !important;
  }
}
.u-pl-92 {
  padding-left: 92px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-pl-92 {
    padding-left: 92px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-pl-92 {
    padding-left: 92px !important;
  }
}
.u-pl-96 {
  padding-left: 96px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-pl-96 {
    padding-left: 96px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-pl-96 {
    padding-left: 96px !important;
  }
}
.u-pl-100 {
  padding-left: 100px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-pl-100 {
    padding-left: 100px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-pl-100 {
    padding-left: 100px !important;
  }
}
.u-pl-104 {
  padding-left: 104px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-pl-104 {
    padding-left: 104px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-pl-104 {
    padding-left: 104px !important;
  }
}
.u-pl-108 {
  padding-left: 108px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-pl-108 {
    padding-left: 108px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-pl-108 {
    padding-left: 108px !important;
  }
}
.u-pl-112 {
  padding-left: 112px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-pl-112 {
    padding-left: 112px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-pl-112 {
    padding-left: 112px !important;
  }
}
.u-pl-116 {
  padding-left: 116px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-pl-116 {
    padding-left: 116px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-pl-116 {
    padding-left: 116px !important;
  }
}
.u-pl-120 {
  padding-left: 120px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-pl-120 {
    padding-left: 120px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-pl-120 {
    padding-left: 120px !important;
  }
}
.u-pl-124 {
  padding-left: 124px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-pl-124 {
    padding-left: 124px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-pl-124 {
    padding-left: 124px !important;
  }
}
.u-pl-128 {
  padding-left: 128px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-pl-128 {
    padding-left: 128px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-pl-128 {
    padding-left: 128px !important;
  }
}
.u-pl-132 {
  padding-left: 132px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-pl-132 {
    padding-left: 132px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-pl-132 {
    padding-left: 132px !important;
  }
}
.u-pl-136 {
  padding-left: 136px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-pl-136 {
    padding-left: 136px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-pl-136 {
    padding-left: 136px !important;
  }
}
.u-pl-140 {
  padding-left: 140px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-pl-140 {
    padding-left: 140px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-pl-140 {
    padding-left: 140px !important;
  }
}
.u-pl-144 {
  padding-left: 144px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-pl-144 {
    padding-left: 144px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-pl-144 {
    padding-left: 144px !important;
  }
}
.u-pl-148 {
  padding-left: 148px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-pl-148 {
    padding-left: 148px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-pl-148 {
    padding-left: 148px !important;
  }
}
.u-pl-152 {
  padding-left: 152px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-pl-152 {
    padding-left: 152px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-pl-152 {
    padding-left: 152px !important;
  }
}
.u-pl-156 {
  padding-left: 156px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-pl-156 {
    padding-left: 156px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-pl-156 {
    padding-left: 156px !important;
  }
}
.u-pl-160 {
  padding-left: 160px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-pl-160 {
    padding-left: 160px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-pl-160 {
    padding-left: 160px !important;
  }
}
.u-pl-164 {
  padding-left: 164px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-pl-164 {
    padding-left: 164px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-pl-164 {
    padding-left: 164px !important;
  }
}
.u-pl-168 {
  padding-left: 168px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-pl-168 {
    padding-left: 168px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-pl-168 {
    padding-left: 168px !important;
  }
}
.u-pl-172 {
  padding-left: 172px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-pl-172 {
    padding-left: 172px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-pl-172 {
    padding-left: 172px !important;
  }
}
.u-pl-176 {
  padding-left: 176px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-pl-176 {
    padding-left: 176px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-pl-176 {
    padding-left: 176px !important;
  }
}
.u-pl-180 {
  padding-left: 180px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-pl-180 {
    padding-left: 180px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-pl-180 {
    padding-left: 180px !important;
  }
}
.u-pl-184 {
  padding-left: 184px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-pl-184 {
    padding-left: 184px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-pl-184 {
    padding-left: 184px !important;
  }
}
.u-pl-188 {
  padding-left: 188px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-pl-188 {
    padding-left: 188px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-pl-188 {
    padding-left: 188px !important;
  }
}
.u-pl-192 {
  padding-left: 192px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-pl-192 {
    padding-left: 192px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-pl-192 {
    padding-left: 192px !important;
  }
}
.u-pl-196 {
  padding-left: 196px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-pl-196 {
    padding-left: 196px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-pl-196 {
    padding-left: 196px !important;
  }
}
.u-pl-200 {
  padding-left: 200px !important;
}

@media only screen and (max-width: 736px) {
  .u-sp-pl-200 {
    padding-left: 200px !important;
  }
}
@media only screen and (min-width: 737px) {
  .u-pc-pl-200 {
    padding-left: 200px !important;
  }
}
.u-ta-c {
  text-align: center !important;
}

.u-ta-l {
  text-align: left !important;
}

.u-ta-r {
  text-align: right !important;
}

.u-va-t {
  vertical-align: top !important;
}

.u-va-m {
  vertical-align: middle !important;
}

.u-va-b {
  vertical-align: bottom !important;
}

.u-kern-10 {
  letter-spacing: -0.1em !important;
}

.u-show {
  display: block !important;
}

.u-hide {
  display: none !important;
}

.u-visible {
  visibility: visible !important;
}

.u-invisible {
  visibility: hidden !important;
}

@media only screen and (min-width: 737px) {
  .u-pc-none {
    display: none !important;
  }
}
@media only screen and (max-width: 736px) {
  .u-sp-none {
    display: none !important;
  }
}