@charset "UTF-8";
body,
main,
footer,
aside {
  position: relative;
}

section {
  outline: none;
}

*,
::before,
::after {
  box-sizing: inherit;
}

iframe {
  border: none;
}

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

ul,
ol,
menu,
li,
dd {
  margin: 0;
  padding: 0;
  list-style: none;
}

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

p,
figure,
dl {
  margin: 0;
}

dt {
  display: inline;
}

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

strong {
  font-weight: inherit;
  font-size: 1.15em;
}

button {
  padding: 0;
  border-width: 0;
  background-color: transparent;
  color: inherit;
  font-weight: inherit;
  line-height: inherit;
  cursor: pointer;
}

input::-moz-focus-inner {
  margin: 0;
  padding: 0;
  border: 0;
}

hr {
  margin: 0;
  border: none;
}

@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes move-right {
  0% {
    right: 1em;
  }
  30% {
    right: 0.5em;
    opacity: 0;
  }
  40% {
    right: 1.25em;
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  60% {
    right: 1em;
  }
  100% {
    right: 1em;
  }
}
@keyframes blur {
  from {
    filter: blur(20px);
  }
  to {
    filter: blur(0px);
  }
}
@keyframes zoom {
  from {
    transform: scale(0.85);
  }
  to {
    transform: scale(1);
  }
}
*:root {
  --spaceX:4.68%;
  --spaceY:8.66%;
}

html {
  color: #222f30;
  font-weight: 400;
  font-size: 62.5%;
  line-height: 1.75;
  font-family: "Yu Gothic", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Osaka, Meiryo, メイリオ, sans-serif;
}

body {
  margin: 0;
  font-size: 1.4rem;
}

img,
svg {
  max-width: 100%;
  height: auto;
  vertical-align: middle;
}

hr {
  background-color: #9774ad;
  -webkit-mask-image: linear-gradient(90deg, #9774ad 0, #9774ad 50%, transparent 50%, transparent 100%);
          mask-image: linear-gradient(90deg, #9774ad 0, #9774ad 50%, transparent 50%, transparent 100%);
  -webkit-mask-repeat: repeat-x;
          mask-repeat: repeat-x;
  -webkit-mask-size: 4px;
  width: 100%;
  height: 2px;
  margin: 1em auto;
          mask-size: 4px;
}

[data-ruby] {
  position: relative;
}

[data-ruby]::before {
  position: absolute;
  top: -1.2em;
  left: 0;
  width: 100%;
  content: attr(data-ruby);
  font-size: 0.6em;
  letter-spacing: 0.3em;
  text-align: center;
}

[data-no-pointer] {
  pointer-events: none;
}

rt {
  text-align: center;
}

* {
  box-sizing: border-box;
}

.l-globalNav {
  z-index: 100;
  position: fixed;
  top: 0;
  right: 0;
  height: 100vh;
  height: 100dvh;
  padding-right: var(--spaceY);
  padding-left: var(--spaceY);
  overflow-y: auto;
  transform: translateX(100%);
  transition: all 0.35s;
}
.l-globalNav.is-active {
  transform: translateX(0);
}

.bg-base {
  background-image: url("../img/bg-base_sp.jpg");
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
}

.bg-nav {
  background: url("../img/bg-base_sp.jpg") no-repeat;
  background-position: center left;
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
  box-shadow: 0 0 92px rgba(105, 70, 125, 0.15);
}

.bg-intro {
  z-index: 1;
  position: relative;
  background-color: rgba(151, 116, 173, 0.13);
}
.bg-intro::before, .bg-intro::after {
  position: absolute;
  content: "";
}

.bg-story {
  position: relative;
}
.bg-story::before {
  position: absolute;
  inset: 0;
  background: url("../img/bg-story-item-top.png") no-repeat top right/auto 56.25%;
  content: "";
}

.bg-original {
  position: relative;
  overflow: hidden;
  background-color: rgba(249, 130, 192, 0.12);
}
.bg-original::before, .bg-original::after {
  position: absolute;
  content: "";
}
.bg-original::after {
  top: 25%;
  left: 0;
  width: 60%;
  height: 100%;
  background: url("../img/bg-original-item-bottom.png") no-repeat center center/contain;
}

.button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 40px;
  padding: 0.5em 36px;
  border: solid 1px #9774ad;
  background: #fff;
  line-height: 1.25;
  letter-spacing: 0.2em;
}
.button.is-active {
  background: linear-gradient(90deg, rgb(237, 134, 179) 0%, rgb(153, 114, 176) 100%);
  color: #fff;
  cursor: auto;
  pointer-events: none;
}
.button--new {
  position: relative;
}
.button--new::before {
  display: grid;
  position: absolute;
  top: 4px;
  left: 6px;
  place-items: center;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background-color: #e40080;
  content: "NEW";
  color: #fff;
  font-size: 6px;
  line-height: 0;
  letter-spacing: 0.05em;
  text-indent: 0.25em;
  white-space: nowrap;
  animation: fade-in 1s ease-in-out alternate infinite;
}

.button-type2 {
  display: flex;
  position: relative;
  align-items: center;
  padding-top: 1em;
  padding-right: 40px;
  padding-bottom: 1em;
  padding-left: 1em;
  border: solid 1px #222f30;
  background: #fff;
  background-position-x: 0;
  line-height: 1.25;
}
.button-type2::before {
  z-index: 1;
  position: absolute;
  inset: 0;
  background: #9774ad;
  content: "";
  mix-blend-mode: darken;
  filter: opacity(0);
  transition: all 0 linear;
}
.button-type2:hover::before {
  filter: opacity(0.5);
}
.button-type2.is-disabled {
  cursor: not-allowed;
  pointer-events: none;
}
.button-type2.is-disabled::before {
  z-index: 1;
  position: absolute;
  inset: 0;
  background: #7b8488;
  content: "";
  mix-blend-mode: darken;
  filter: opacity(0.5);
  transition: all 0 linear;
}
.button-type2--inline {
  display: inline-flex;
  flex-flow: column;
  justify-content: center;
  min-width: 200px;
}
.button-type2--arrow::after {
  position: absolute;
  right: 20px;
  flex: 1 0 auto;
  width: 0.8em;
  height: 0.8em;
  transform: translateX(50%) translateY(0);
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2018%22%20fill%3D%22%23222f30%22%3E%3Cpath%20%20d%3D%22m14.11%2C9.89c-1.7%2C1.42-3.41%2C2.85-5.11%2C4.27V1c0-.55-.45-1-1-1s-1%2C.45-1%2C1v13.01L1.96%2C9.39c-1.07-.98-2.68.61-1.6%2C1.6%2C2.28%2C2.09%2C4.56%2C4.19%2C6.84%2C6.28.48.44%2C1.11.41%2C1.6%2C0%2C2.3-1.92%2C4.61-3.85%2C6.91-5.77%2C1.12-.94-.49-2.53-1.6-1.6Z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  content: "";
  transition: all 0.3s ease-in-out;
}
.button-type2--external::after {
  position: absolute;
  right: 20px;
  flex: 1 0 auto;
  width: 0.8em;
  height: 0.8em;
  transform: translateX(50%) translateY(0);
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512.1%20512%22%20fill%3D%22%23222f30%22%3E%3Cpath%20d%3D%22m352%2C0c-12.9%2C0-24.6%2C7.8-29.6%2C19.8-5%2C12-2.2%2C25.7%2C6.9%2C34.9l41.4%2C41.3-169.3%2C169.4c-12.5%2C12.5-12.5%2C32.8%2C0%2C45.3s32.8%2C12.5%2C45.3%2C0l169.3-169.4%2C41.4%2C41.4c9.2%2C9.2%2C22.9%2C11.9%2C34.9%2C6.9s19.8-16.6%2C19.8-29.6V32c0-17.7-14.3-32-32-32h-128.1ZM80%2C32C35.8%2C32%2C0%2C67.8%2C0%2C112v320c0%2C44.2%2C35.8%2C80%2C80%2C80h320c44.2%2C0%2C80-35.8%2C80-80v-112c0-17.7-14.3-32-32-32s-32%2C14.3-32%2C32v112c0%2C8.8-7.2%2C16-16%2C16H80c-8.8%2C0-16-7.2-16-16V112c0-8.8%2C7.2-16%2C16-16h112c17.7%2C0%2C32-14.3%2C32-32s-14.3-32-32-32h-112Z%22%20%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  content: "";
  transition: all 0.3s ease-in-out;
}

.flex {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}
.flex__col1 {
  flex: 0 0 calc(8.3333333333% - 5px);
  max-width: calc(8.3333333333% - 5px);
}

.flex__col2 {
  flex: 0 0 calc(16.6666666667% - 5px);
  max-width: calc(16.6666666667% - 5px);
}

.flex__col3 {
  flex: 0 0 calc(25% - 5px);
  max-width: calc(25% - 5px);
}

.flex__col4 {
  flex: 0 0 calc(33.3333333333% - 5px);
  max-width: calc(33.3333333333% - 5px);
}

.flex__col5 {
  flex: 0 0 calc(41.6666666667% - 5px);
  max-width: calc(41.6666666667% - 5px);
}

.flex__col6 {
  flex: 0 0 calc(50% - 5px);
  max-width: calc(50% - 5px);
}

.flex__col7 {
  flex: 0 0 calc(58.3333333333% - 5px);
  max-width: calc(58.3333333333% - 5px);
}

.flex__col8 {
  flex: 0 0 calc(66.6666666667% - 5px);
  max-width: calc(66.6666666667% - 5px);
}

.flex__col9 {
  flex: 0 0 calc(75% - 5px);
  max-width: calc(75% - 5px);
}

.flex__col10 {
  flex: 0 0 calc(83.3333333333% - 5px);
  max-width: calc(83.3333333333% - 5px);
}

.flex__col11 {
  flex: 0 0 calc(91.6666666667% - 5px);
  max-width: calc(91.6666666667% - 5px);
}

.flex__col12 {
  flex: 0 0 calc(100% - 5px);
  max-width: calc(100% - 5px);
}

.flex__col1, .flex__col2, .flex__col3, .flex__col4, .flex__col5, .flex__col6, .flex__col7, .flex__col8, .flex__col9, .flex__col10, .flex__col11, .flex__col12 {
  min-width: 0;
  word-wrap: break-word;
}

.embed {
  aspect-ratio: 16/9;
  width: 100%;
  height: 100%;
}

.heading {
  width: 85%;
  margin: 0 auto 0;
  text-align: center;
}

.heading2 {
  z-index: 0;
  position: relative;
  margin-bottom: 3em;
  font-size: 2rem;
  text-align: center;
}
.heading2::after {
  display: flex;
  z-index: -1;
  position: absolute;
  width: 250px;
  height: 70px;
  margin: auto;
  inset: 0;
  transform: translateY(5px);
  background: url("../img/head-special-item1.png") no-repeat center center/auto;
  content: "";
}

.heading3 {
  position: relative;
  height: 46px;
  font-size: 1.6rem;
  text-align: center;
}
.heading3::after {
  display: flex;
  z-index: -1;
  position: absolute;
  margin: 0;
  inset: 0;
  background: url("../img/head-spacial-item2.png") no-repeat center/auto;
  content: "";
}

.hamburger {
  visibility: visible;
  z-index: 101;
  position: fixed;
  top: -9px;
  right: -6px;
  width: 65px;
  height: 65px;
  background: none;
}
.hamburger::before {
  z-index: 1;
  position: absolute;
  width: 35px;
  height: 23px;
  margin: auto;
  inset: 0;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2035%2023%22%20fill%3D%22%23fff%22%3E%3Cpath%20d%3D%22M-0.000%2C23.000%20L-0.000%2C20.000%20L34.1000%2C20.000%20L34.1000%2C23.000%20L-0.000%2C23.000%20ZM-0.000%2C9.1000%20L34.1000%2C9.1000%20L34.1000%2C12.1000%20L-0.000%2C12.1000%20L-0.000%2C9.1000%20ZM-0.000%2C0.000%20L34.1000%2C0.000%20L34.1000%2C3.000%20L-0.000%2C3.000%20L-0.000%2C0.000%20Z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  content: "";
}
.hamburger.is-active::before {
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2026.876%2026.875%22%20fill%3D%22%23fff%22%3E%3Cpath%20d%3D%22M689.186%2C35.065l24.749%2C24.749-2.121%2C2.121L687.065%2C37.186Zm-2.121%2C24.749%2C24.749-24.749%2C2.121%2C2.121L689.186%2C61.935Z%22%20transform%3D%22translate%28-687.062%20-35.063%29%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
}

.nav {
  color: #9774ad;
  font-weight: 500;
}
.nav__list {
  --nav-list-gutterY:65px;
  padding-top: var(--nav-list-gutterY);
  padding-bottom: var(--nav-list-gutterY);
}
.l-globalNav.is-active .nav__item {
  animation: nav-item-in 0.25s linear both, blur 0.25s linear both;
}
@keyframes nav-item-in {
  from {
    transform: translateY(100%);
    opacity: 0;
  }
  to {
    transform: translateY(0%);
    opacity: 1;
  }
}
.l-globalNav.is-active .nav__item:nth-of-type(1) {
  animation-delay: 0.05s;
}
.l-globalNav.is-active .nav__item:nth-of-type(2) {
  animation-delay: 0.1s;
}
.l-globalNav.is-active .nav__item:nth-of-type(3) {
  animation-delay: 0.15s;
}
.l-globalNav.is-active .nav__item:nth-of-type(4) {
  animation-delay: 0.2s;
}
.l-globalNav.is-active .nav__item:nth-of-type(5) {
  animation-delay: 0.25s;
}
.l-globalNav.is-active .nav__item:nth-of-type(6) {
  animation-delay: 0.3s;
}
.l-globalNav.is-active .nav__item:nth-of-type(7) {
  animation-delay: 0.35s;
}
.l-globalNav.is-active .nav__item:nth-of-type(8) {
  animation-delay: 0.4s;
}
.l-globalNav.is-active .nav__item:nth-of-type(9) {
  animation-delay: 0.45s;
}
.l-globalNav.is-active .nav__item:nth-of-type(10) {
  animation-delay: 0.5s;
}

.nav__link {
  display: flex;
  flex-flow: column;
  justify-content: center;
  padding: 18px 21px;
  line-height: 1.4;
  font-family: "Metal", serif !important;
  letter-spacing: 0.07em;
}
.nav__link:hover, .nav__link:active {
  border-radius: 7px;
  background-color: rgba(151, 116, 173, 0.1);
}
.nav__ruby {
  color: #9774ad;
  font-size: 60%;
  font-family: "Yu Gothic", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Osaka, Meiryo, メイリオ, sans-serif;
}

.share {
  display: grid;
  grid-auto-columns: min-content;
  grid-auto-flow: column;
  align-items: center;
  justify-content: center;
  gap: 5px;
  line-height: 0;
  vertical-align: middle;
}
.share__item {
  display: inline;
  vertical-align: middle;
}

.text-link {
  display: inline;
  color: #222f30;
  text-decoration: underline;
}
.text-link::after {
  display: inline-block;
  width: 1em;
  height: 1em;
  margin-left: 0.25em;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512.1%20512%22%20fill%3D%22%23222f30%22%3E%3Cpath%20d%3D%22m352%2C0c-12.9%2C0-24.6%2C7.8-29.6%2C19.8-5%2C12-2.2%2C25.7%2C6.9%2C34.9l41.4%2C41.3-169.3%2C169.4c-12.5%2C12.5-12.5%2C32.8%2C0%2C45.3s32.8%2C12.5%2C45.3%2C0l169.3-169.4%2C41.4%2C41.4c9.2%2C9.2%2C22.9%2C11.9%2C34.9%2C6.9s19.8-16.6%2C19.8-29.6V32c0-17.7-14.3-32-32-32h-128.1ZM80%2C32C35.8%2C32%2C0%2C67.8%2C0%2C112v320c0%2C44.2%2C35.8%2C80%2C80%2C80h320c44.2%2C0%2C80-35.8%2C80-80v-112c0-17.7-14.3-32-32-32s-32%2C14.3-32%2C32v112c0%2C8.8-7.2%2C16-16%2C16H80c-8.8%2C0-16-7.2-16-16V112c0-8.8%2C7.2-16%2C16-16h112c17.7%2C0%2C32-14.3%2C32-32s-14.3-32-32-32h-112Z%22%20%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  content: "";
}
.text-link:hover {
  color: #9774ad;
}
.text-link:hover::after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512.1%20512%22%20fill%3D%22%23ee859f%22%3E%3Cpath%20d%3D%22m352%2C0c-12.9%2C0-24.6%2C7.8-29.6%2C19.8-5%2C12-2.2%2C25.7%2C6.9%2C34.9l41.4%2C41.3-169.3%2C169.4c-12.5%2C12.5-12.5%2C32.8%2C0%2C45.3s32.8%2C12.5%2C45.3%2C0l169.3-169.4%2C41.4%2C41.4c9.2%2C9.2%2C22.9%2C11.9%2C34.9%2C6.9s19.8-16.6%2C19.8-29.6V32c0-17.7-14.3-32-32-32h-128.1ZM80%2C32C35.8%2C32%2C0%2C67.8%2C0%2C112v320c0%2C44.2%2C35.8%2C80%2C80%2C80h320c44.2%2C0%2C80-35.8%2C80-80v-112c0-17.7-14.3-32-32-32s-32%2C14.3-32%2C32v112c0%2C8.8-7.2%2C16-16%2C16H80c-8.8%2C0-16-7.2-16-16V112c0-8.8%2C7.2-16%2C16-16h112c17.7%2C0%2C32-14.3%2C32-32s-14.3-32-32-32h-112Z%22%20%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
}

.text-label {
  display: inline-block;
  padding-top: 4px;
  padding-right: 0.5em;
  padding-bottom: 4px;
  padding-left: 0.5em;
  background-color: #85589e;
  color: #fff;
  line-height: 1.25;
}
.text-label--block {
  display: block;
  font-size: 1.8rem;
  text-align: center;
}

.hover {
  transition: 0.4s;
}
.hover:active {
  transform: scale(0.95);
  transition: 0.2s;
}

.visuallyHidden {
  clip: rect(0, 0, 0, 0);
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  border: 0;
  white-space: nowrap;
}

.hero {
  background-color: #fff;
}
.hero__wrapper {
  position: relative;
}
.hero__main {
  position: relative;
  width: 100%;
  height: 100%;
  padding-top: 0;
}
.hero__main.is-view .hero__logo {
  transform-origin: center;
  animation: fade-in 0.5s linear both, blur 0.75s linear both;
}
.hero__main.is-view .hero__copy {
  animation: fade-in 1.5s linear both, blur 1.75s linear both, zoom 1.5s linear both;
  animation-delay: 0.75s;
}
.hero__sub {
  padding: var(--spaceY) var(--spaceX);
}
.hero__sub > *:not(:last-child) {
  margin-bottom: 25px;
}
.hero__kv img {
  width: 100%;
}
.hero__logo {
  display: none;
  opacity: 0;
}
.hero__catch {
  box-sizing: content-box;
  display: none;
  z-index: 0;
}
.hero__copy {
  display: none;
}
.hero__list {
  display: grid;
  align-items: center;
  justify-content: center;
  gap: 12.5px;
}
.hero__list a {
  transition: 0.4s;
}
.hero__list a:active {
  transform: scale(0.95);
  transition: 0.2s;
}
.hero__list--banner {
  grid-auto-flow: column;
}
.hero__banner {
  position: relative;
}
.hero__banner__item {
  position: absolute;
  top: -5px;
  left: 2px;
}

.trailer {
  z-index: 2;
  position: relative;
  padding-top: var(--spaceY);
  padding-bottom: var(--spaceY);
  background: url("../img/trailer-bg.png") no-repeat;
  background-size: 100%;
}
.trailer__wrapper {
  z-index: 50;
  position: relative;
  margin: 0 var(--spaceX);
}
.trailer__grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 5px;
  word-wrap: break-word;
  position: relative;
  margin-top: 2rem;
}
.trailer__bg {
  z-index: 1;
  position: absolute;
  top: 72%;
  left: 0;
  width: 34%;
  content: "";
}

.intro {
  position: relative;
  padding-top: var(--spaceY);
  padding-bottom: var(--spaceY);
}
.intro__wrapper {
  z-index: 50;
  position: relative;
  margin: 0 var(--spaceX);
}
.intro__catch, .intro__img {
  margin-right: auto;
  margin-bottom: 20px;
  margin-left: auto;
  text-align: center;
}
.intro__bg {
  z-index: 3;
  position: absolute;
  top: 73%;
  right: 0;
  width: 30%;
}
.intro__bg img {
  width: 100%;
  margin-right: 0;
}

.intro-slides {
  line-height: 1.75;
}
.intro-slides__item {
  padding-top: 20px;
  padding-bottom: 20px;
}
.intro-slides__item span {
  display: inline;
  letter-spacing: -0.1em;
}
.intro-slides__item div {
  display: none;
}
.intro-slides__item h3 {
  position: relative;
  margin-bottom: 1em;
  color: #85589e;
  font-weight: 500;
  font-size: 1.6rem;
}

.intro-menu {
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0.025em;
  counter-reset: intro-item;
}
.intro-menu__item:not(:last-child) {
  border-bottom: dotted 2px #9774ad;
}
.intro-menu__link {
  display: flex;
  position: relative;
  flex-flow: row;
  align-items: center;
  justify-content: flex-start;
  width: calc(100% - 2em);
  margin: 0.5em 1em;
  padding: 0;
  text-align: left;
}
.intro-menu__link::before {
  display: grid;
  flex-shrink: 0;
  place-items: center;
  width: 72px;
  height: 66px;
  margin-right: 13px;
  background: url("../img/intro-menu-item.png") no-repeat center;
  content: counter(intro-item);
  color: #fff;
  font-size: 2rem;
  line-height: 0;
  counter-increment: intro-item;
}
.intro-menu__link::after {
  z-index: -1;
  position: absolute;
  width: calc(100% + 1em);
  height: calc(100% + 0.5em);
  margin: auto -0.5em;
  inset: 0;
  border-radius: 15px;
  background-color: rgba(151, 116, 173, 0.15);
  content: "";
  opacity: 0;
}
.intro-menu__link:hover::after {
  opacity: 1;
}

.cast-staff {
  padding-top: var(--spaceY);
  padding-bottom: var(--spaceY);
}
.cast-staff__wrapper {
  z-index: 50;
  position: relative;
  margin: 0 var(--spaceX);
}
.cast-staff__sub-head {
  color: #85589e;
  font-weight: 700;
  font-size: 1.8rem;
}
.cast-staff__item-label {
  color: #9774ad;
  font-weight: 500;
}

.cast__list {
  display: flex;
  flex-wrap: wrap;
  width: min(745px, 100%);
  margin-right: auto;
  margin-bottom: 0;
  margin-left: auto;
}
.cast__item {
  display: flex;
  flex: 1 0 calc(100% / 2 - 22px);
  margin-top: 11px;
  margin-right: 22px;
  margin-bottom: 11px;
  border: 1px solid #9774ad;
}
.cast__item:nth-child(2n) {
  margin-right: 0;
}
.cast__item--main {
  flex: 1 0 100%;
}
.cast__item:nth-child(1) .cast__button {
  background-image: url("../img/cast-photo1.jpg");
}
.cast__item:nth-child(2) .cast__button {
  background-image: url("../img/cast-photo2.jpg");
}
.cast__item:nth-child(3) .cast__button {
  background-image: url("../img/cast-photo3.jpg");
}
.cast__item:nth-child(4) .cast__button {
  background-image: url("../img/cast-photo4.jpg");
}
.cast__button {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 67.96%;
  background-position: center center;
  background-size: 100% auto;
  background-repeat: no-repeat;
  transition: all 0.3s ease-in-out;
}
.cast__button::after {
  display: grid;
  z-index: 1;
  position: absolute;
  right: 8px;
  bottom: 8px;
  place-items: center;
  width: 34px;
  height: 34px;
  transform: rotate(0.03deg);
  background-color: #85589e;
  content: "＋";
  color: #fff;
  font-weight: 500;
  font-size: 20px;
  font-family: sans-serif;
  transition: all 0.3s linear;
}
.cast__button:hover {
  background-size: 105% auto;
}
.cast__button:hover::after {
  background-color: #ee859f;
}
.cast__name {
  position: absolute;
  top: 4.02%;
  left: 4.15%;
  width: 13.8%;
}

.chart__button {
  position: relative;
}
.chart__button::after {
  display: grid;
  z-index: 1;
  position: absolute;
  right: 8px;
  bottom: 8px;
  place-items: center;
  width: 34px;
  height: 34px;
  transform: rotate(0.03deg);
  background-color: #85589e;
  content: "＋";
  color: #fff;
  font-weight: 500;
  font-size: 20px;
  font-family: sans-serif;
  transition: all 0.3s linear;
}
.chart__button:hover::after {
  background-color: #ee859f;
}

.story {
  padding-top: var(--spaceY);
  padding-bottom: var(--spaceY);
}
.story__wrapper {
  z-index: 50;
  position: relative;
  margin: 0 var(--spaceX);
}

.story-slides__head {
  display: grid;
  color: #85589e;
  font-weight: 500;
  font-size: 2rem;
}
.story-slides__head h3 {
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
  order: 1;
  padding: 1em;
  line-height: 1.25;
  text-align: center;
}
.story-slides__head h3 span {
  display: block;
  color: #9774ad;
  font-size: 80%;
}
.story-slides__head img {
  width: 100%;
}
.story-slides__body {
  line-height: 2.3125;
  letter-spacing: 0.025em;
  text-shadow: 2px 0px 5px rgba(255, 255, 255, 0.25), -2px 0px 5px rgba(255, 255, 255, 0.25), 0px -2px 5px rgba(255, 255, 255, 0.25), -2px 0px 5px rgba(255, 255, 255, 0.25), 2px 2px 5px rgba(255, 255, 255, 0.25), -2px 2px 5px rgba(255, 255, 255, 0.25), 2px -2px 5px rgba(255, 255, 255, 0.25), -2px -2px 5px rgba(255, 255, 255, 0.25), 2px 0px 5px rgba(255, 255, 255, 0.25), -2px 0px 5px rgba(255, 255, 255, 0.25), 0px -2px 5px rgba(255, 255, 255, 0.25), -2px 0px 5px rgba(255, 255, 255, 0.25), 2px 2px 5px rgba(255, 255, 255, 0.25), -2px 2px 5px rgba(255, 255, 255, 0.25), 2px -2px 5px rgba(255, 255, 255, 0.25), -2px -2px 5px rgba(255, 255, 255, 0.25);
}
.story-slides__body span {
  letter-spacing: -0.1em;
}

.vod-oa {
  position: relative;
  padding-top: var(--spaceY);
  padding-bottom: var(--spaceY);
}
.vod-oa__wrapper {
  z-index: 50;
  position: relative;
  margin: 0 var(--spaceX);
}
.vod-oa__bg {
  z-index: 1;
  position: absolute;
  top: -9%;
  left: 0;
  width: 20%;
}
.vod-oa .oa .button-type2 {
  padding-right: 1em;
}
.vod-oa .oa .button-type2::before {
  z-index: -10;
}
.vod-oa .oa .oa-schedule {
  display: grid;
  grid-template-columns: 1fr;
  place-items: center;
  gap: 15px;
}
.vod-oa .oa .oa-schedule li {
  width: 100%;
  padding: 0.5em 0;
  background: #85589e;
  color: #fff;
  font-weight: 500;
  text-align: center;
}

.box {
  position: relative;
  padding: 0 6% 6%;
  border: solid 2px #9774ad;
  background-color: rgba(255, 255, 255, 0.5);
}
.box:not(:last-child) {
  margin-bottom: 2rem;
}
.box__head {
  display: flex;
  position: relative;
  top: -15px;
  left: -6%;
  width: 70px;
}
.box__catch {
  margin-top: 0.25em;
  margin-bottom: 0.25em;
  text-align: center;
}
.box .button-type2 {
  font-weight: bold;
}

.sell {
  display: grid;
  grid-auto-columns: 1fr;
  align-items: center;
  gap: 1em;
}
.sell__head {
  margin-bottom: 0.5rem;
  color: #85589e;
  font-weight: 500;
  font-size: 1.8rem;
  line-height: 1.25;
  letter-spacing: 0.05em;
}
.sell__head h4 {
  margin-bottom: 0.25em;
  font-size: 2.2rem;
}
.sell__content {
  margin-bottom: 1em;
}
.sell__img {
  order: -1;
  margin-right: auto;
  margin-left: auto;
}

.sell-shop__head {
  margin-bottom: 1em;
  color: #85589e;
  font-weight: 500;
  line-height: 1;
}
.sell-shop__head::after {
  content: " »";
  font-size: 1.5em;
}
.sell-shop__list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 8px;
}
.sell-shop__list img {
  width: 100%;
}
.sell-shop__link {
  transition: 0.4s;
}
.sell-shop__link:active {
  transform: scale(0.95);
  transition: 0.2s;
}
.sell-shop__link[disabled] {
  position: relative;
  pointer-events: none;
}
.sell-shop__link[disabled]::before {
  position: absolute;
  inset: 0;
  background-color: #7b8488;
  content: "";
  opacity: 0.75;
}

.original {
  padding-top: var(--spaceY);
  padding-bottom: var(--spaceY);
}
.original__wrapper {
  z-index: 50;
  position: relative;
  margin: 0 var(--spaceX);
}
.original__catch {
  display: flex;
  justify-content: center;
  width: max(auto, 80%);
}
.original__col {
  padding-top: 6%;
  padding-right: 6%;
  padding-bottom: 6%;
  padding-left: 6%;
}

.author {
  display: grid;
  grid-auto-columns: 1fr;
  align-items: center;
  gap: 1em;
}
.author__img {
  order: -1;
  margin-right: auto;
  margin-left: auto;
}

.author-profile {
  display: flex;
  align-items: center;
  margin-bottom: 1em;
}
.author-profile__content {
  flex-grow: 1;
  letter-spacing: -0.1em;
}
.author-profile__name {
  font-size: 1.8rem;
}
.author-profile__data {
  line-height: 1.25;
}
.author-profile__sns--x {
  display: flex;
  width: 100%;
  background-image: none;
}
.author-profile__sns .button-type2--inline {
  flex-flow: row;
}
.author-profile__info .button-type2--inline {
  width: 100%;
}
.author-profile__link::before {
  width: 20px;
  height: 20px;
  background-position: 0 0;
  background-size: contain;
  background-repeat: no-repeat;
  content: "";
}
.author-profile__link--instagram::before {
  background-image: url("../img/icon-instagram.png");
}
.author-profile__img {
  flex-basis: 30%;
}

.music {
  padding-top: var(--spaceY);
  padding-bottom: var(--spaceY);
}
.music__wrapper {
  z-index: 50;
  position: relative;
  margin: 0 var(--spaceX);
}
.music__detail li {
  display: grid;
  grid-template-columns: 0.2fr 1fr;
  grid-auto-flow: column;
  margin-bottom: 1%;
  font-size: 105%;
}
.music__detail--label {
  display: inline-block;
  padding: 0.5px;
  background: #85589e;
  color: #fff;
  text-align: center;
}
.music__col {
  padding-top: 6%;
  padding-right: 6%;
  padding-bottom: 6%;
  padding-left: 6%;
}
.music .u-d-f {
  display: flex !important;
  /* align-items: center; */
  flex-direction: column;
  justify-content: space-evenly;
}
.music .u-d-f .button-type2--inline {
  display: grid;
}

.artist {
  display: grid;
  grid-auto-columns: 1fr;
  align-items: start;
  gap: 1em;
  text-align: justify;
}
.artist__name {
  display: block;
  position: relative;
  margin-top: 2%;
  margin-bottom: 5%;
  font-size: 1.8rem;
  text-align: center;
}
.artist__name::after {
  display: flex;
  z-index: -1;
  position: absolute;
  width: 270px;
  height: 70px;
  margin: auto;
  inset: 0;
  transform: translateY(-6px);
  background: url("../img/head-special-item1.png") no-repeat center center/auto;
  content: "";
}
.artist__label {
  margin-left: 0.5em;
  font-size: 1.4rem;
}
.artist__img {
  order: -1;
  margin-right: auto;
  margin-left: auto;
}
.artist dd {
  letter-spacing: 0.6px;
}

.special {
  padding-top: var(--spaceY);
  padding-bottom: var(--spaceY);
}

.comment__wrapper {
  z-index: 50;
  position: relative;
  margin: 0 var(--spaceX);
}
.comment__col {
  position: relative;
  margin-top: 3rem;
}
.comment__col::after {
  width: 100%;
  height: 1px;
  margin: 1em;
  content: "";
}
.comment__cast {
  display: flex;
  flex-flow: column;
}
.comment__name {
  flex: 1 0 auto;
}

.gallery {
  margin-top: 3rem;
}

.sns {
  position: relative;
  padding-top: 2%;
  padding-bottom: 15%;
}
.sns::before {
  position: absolute;
  bottom: 10%;
  width: 100%;
  height: 100%;
  background: url("../img/kv-2nd.png") no-repeat;
  background-position: bottom;
  background-size: 100%;
  content: "";
}
.sns__wrapper {
  z-index: 50;
  position: relative;
  margin: 0 var(--spaceX);
}
.sns__list {
  display: grid;
  grid-template-columns: repeat(1, 160px);
  grid-auto-flow: row;
  justify-content: end;
  margin-top: 5%;
  gap: 6px;
}

.footer {
  padding-top: var(--spaceY);
  padding-bottom: 0;
  background-image: url("../img/bg-footer-top.png");
  background-position: bottom;
  background-size: 100%;
  background-repeat: no-repeat;
  font-size: 1.2rem;
  line-height: 1.25;
}
.footer__wrapper {
  z-index: 50;
  position: relative;
  margin: 0 var(--spaceX);
}
.footer__bottom {
  display: flex;
  justify-content: center;
  width: 70px;
  margin-right: auto;
  margin-left: auto;
  padding-top: var(--spaceY);
  padding-bottom: var(--spaceY);
}

.modaal-wrapper .modaal-close {
  background: #9774ad;
}

.modaal-close {
  border-radius: 0;
}
.modaal-close::after {
  display: none;
}
.modaal-close::before {
  width: 24px;
  height: 24px;
  margin: auto;
  inset: 0;
  transform: none;
  border: none;
  background: none;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2026.876%2026.875%22%20fill%3D%22%23fff%22%3E%3Cpath%20d%3D%22M689.186%2C35.065l24.749%2C24.749-2.121%2C2.121L687.065%2C37.186Zm-2.121%2C24.749%2C24.749-24.749%2C2.121%2C2.121L689.186%2C61.935Z%22%20transform%3D%22translate%28-687.062%20-35.063%29%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
}
.modaal-close:hover, .modaal-close:focus {
  border: none;
  background: rgba(133, 88, 158, 0.3);
}
.modaal-close:hover::before, .modaal-close:focus::before {
  background: none;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2026.876%2026.875%22%20fill%3D%22%23fff%22%3E%3Cpath%20d%3D%22M689.186%2C35.065l24.749%2C24.749-2.121%2C2.121L687.065%2C37.186Zm-2.121%2C24.749%2C24.749-24.749%2C2.121%2C2.121L689.186%2C61.935Z%22%20transform%3D%22translate%28-687.062%20-35.063%29%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
}

.modaal-video-wrap {
  margin: auto;
}

.modaal-chart img {
  min-width: 1000px;
}

.modaal-image img {
  pointer-events: none;
}

.modaal-image .modaal-outer-wrapper {
  overflow: hidden;
}

.modaal-image .modaal-inner-wrapper {
  padding-top: 0;
  padding-bottom: 0;
  text-align: left;
}

.modaal-image .modaal-container {
  background: none;
  box-shadow: none;
}

.modaal-gallery-control {
  background: #9774ad;
}

.modaal-inline .modaal-close {
  position: absolute;
  top: 0;
  right: 0;
}
.modaal-inline .modaal-content-container {
  padding: 0;
}

.modaal-overlay {
  background: url("../img/bg-base_pc.jpg") no-repeat center center/cover;
}

.modaal-cast .modaal-container {
  border: dotted 1px #85589e;
  box-shadow: none;
}
.modaal-cast .modaal-close {
  top: -1px;
  right: -1px;
  background: linear-gradient(90deg, rgb(237, 134, 179) 0%, rgb(153, 114, 176) 100%);
}
.modaal-cast .modaal-cast-inline {
  display: grid;
  align-items: center;
  color: #222f30;
}
.modaal-cast .modaal-cast-inline__img img {
  -o-object-fit: cover;
  width: 100%;
     object-fit: cover;
}
.modaal-cast .modaal-cast-inline__img:last-child {
  background-position: center right;
}
.modaal-cast .modaal-cast-inline__content {
  padding: 4.4%;
}
.modaal-cast .modaal-cast-inline__head {
  margin-bottom: 1em;
  font-weight: 900;
  font-family: "Zen Old Mincho", 游明朝体, YuMincho, 游明朝, "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", HGS明朝E, "ＭＳ Ｐ明朝", "MS PMincho", serif;
}
.modaal-cast .modaal-cast-inline__head h3 {
  font-size: 1.8rem;
}
.modaal-cast .modaal-cast-inline__body {
  font-size: 1.4rem;
}
.modaal-cast .modaal-cast-inline__body h4 {
  font-weight: 500;
}
.modaal-cast .modaal-cast-inline hr {
  background-color: #222f30;
}

.js-slides {
  opacity: 0;
  transition: opacity 1s linear;
}
.js-slides.slick-initialized {
  opacity: 1;
}

.js-pager {
  display: flex;
  justify-content: center;
}

.js-slides[data-slides-type=gallery] .slick-slide {
  padding-right: 5px;
  padding-left: 5px;
}
.js-slides[data-slides-type=gallery] img {
  pointer-events: none;
}

.slick-pagination {
  display: flex;
  flex-flow: wrap;
  justify-content: center;
  margin-top: 2rem;
}

.slick-dots {
  display: flex;
  flex-flow: row wrap;
}
.slick-dots li {
  display: grid;
  position: relative;
  place-items: center;
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 0.5em 0.75em;
  background-color: rgba(151, 116, 173, 0.1);
  line-height: 1;
  cursor: pointer;
  pointer-events: painted;
}
.slick-dots li:not(:last-child) {
  margin-right: 10px;
}
.slick-dots li.slick-active {
  background-color: #85589e;
  color: #fff;
}

.slick-arrow {
  z-index: 1;
  position: absolute;
  top: 0;
  bottom: 0;
  width: 25px;
  height: 25px;
  margin: auto;
  overflow: hidden;
  border-radius: 50%;
  background-color: #fff;
  color: transparent;
  opacity: 0.35;
  transition: all 0.3s ease-in-out;
}
.slick-arrow::before {
  display: flex;
  position: relative;
  width: 100%;
  height: 100%;
  margin: auto;
  background-position: center center;
  background-size: 1em 1em;
  content: "";
}
.slick-arrow:hover {
  background-color: #84c6d7;
}
.slick-arrow:hover::after {
  background-color: #84c6d7;
}

.slick-prev {
  left: -4%;
}
.slick-prev::before {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22%2384c6d7%22%3E%3Cpath%20d%3D%22M16.67%200l2.83%202.829-9.339%209.175%209.339%209.167-2.83%202.829-12.17-11.996z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
}
.slick-prev:hover::before {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22%23fff%22%3E%3Cpath%20d%3D%22M16.67%200l2.83%202.829-9.339%209.175%209.339%209.167-2.83%202.829-12.17-11.996z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
}

.slick-next {
  right: -4%;
}
.slick-next::before {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22%2384c6d7%22%3E%3Cpath%20d%3D%22M5%203l3.057-3%2011.943%2012-11.943%2012-3.057-3%209-9z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
}
.slick-next:hover::before {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22%23fff%22%3E%3Cpath%20d%3D%22M5%203l3.057-3%2011.943%2012-11.943%2012-3.057-3%209-9z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
}

.slick-custom-buttons {
  display: grid;
  grid-template-columns: repeat(auto-fit, 250px);
  justify-content: center;
  gap: 10px;
}

.js-slick-control {
  margin-top: 2rem;
  text-align: center;
}
.js-slick-control__inner {
  display: inline-flex;
  position: relative;
  align-items: center;
  justify-content: center;
  width: 206px;
  height: 38px;
  padding-right: 1em;
  padding-left: 1em;
  border: solid 1px #9774ad;
  border-radius: 19px;
}
.js-slick-control .slick-arrow {
  background-color: inherit;
  opacity: 1;
}
.js-slick-control .slick-arrow::before {
  top: 0;
  width: 100%;
  height: 100%;
  transform: none;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2018%22%20fill%3D%22%23222f30%22%3E%3Cpath%20%20d%3D%22m14.11%2C9.89c-1.7%2C1.42-3.41%2C2.85-5.11%2C4.27V1c0-.55-.45-1-1-1s-1%2C.45-1%2C1v13.01L1.96%2C9.39c-1.07-.98-2.68.61-1.6%2C1.6%2C2.28%2C2.09%2C4.56%2C4.19%2C6.84%2C6.28.48.44%2C1.11.41%2C1.6%2C0%2C2.3-1.92%2C4.61-3.85%2C6.91-5.77%2C1.12-.94-.49-2.53-1.6-1.6Z%22%2F%3E%3C%2Fsvg%3E");
  background-position: center center;
  background-repeat: no-repeat;
}
.js-slick-control .slick-arrow::after {
  display: none;
}
.js-slick-control .slick-arrow:hover {
  background-color: inherit;
}
.js-slick-control .slick-prev {
  left: 5px;
  transform: rotate(90deg);
}
.js-slick-control .slick-next {
  right: 5px;
  transform: rotate(-90deg);
}

.u-d-b {
  display: block !important;
}

.u-d-n {
  display: none !important;
}

.u-d-i {
  display: inline !important;
}

.u-d-ib {
  display: inline-block !important;
}

.u-d-t {
  display: table !important;
}

.u-d-f {
  display: flex !important;
}

.u-d-if {
  display: inline-flex !important;
}

.u-c-text {
  color: #222f30 !important;
}

.u-c-link {
  color: inherit !important;
}

.u-c-black {
  color: #000000 !important;
}

.u-c-grey {
  color: #7b8488 !important;
}

.u-c-white {
  color: #fff !important;
}

.u-c-red {
  color: #ec3333 !important;
}

.u-c-pink {
  color: #e40080 !important;
}

.u-c-skyblue {
  color: #84c6d7 !important;
}

.u-c-blue {
  color: #3fa0b6 !important;
}

.u-c-green {
  color: #20c893 !important;
}

.u-c-yellow {
  color: #f3f6e0 !important;
}

.u-c-orange {
  color: #fdb34d !important;
}

.u-c-purple {
  color: #9774ad !important;
}

.u-bc-text {
  background-color: #222f30 !important;
}

.u-bc-link {
  background-color: inherit !important;
}

.u-bc-black {
  background-color: #000000 !important;
}

.u-bc-grey {
  background-color: #7b8488 !important;
}

.u-bc-white {
  background-color: #fff !important;
}

.u-bc-red {
  background-color: #ec3333 !important;
}

.u-bc-pink {
  background-color: #e40080 !important;
}

.u-bc-skyblue {
  background-color: #84c6d7 !important;
}

.u-bc-blue {
  background-color: #3fa0b6 !important;
}

.u-bc-green {
  background-color: #20c893 !important;
}

.u-bc-yellow {
  background-color: #f3f6e0 !important;
}

.u-bc-orange {
  background-color: #fdb34d !important;
}

.u-bc-purple {
  background-color: #9774ad !important;
}

.u-fs-i {
  font-size: inherit !important;
}

.u-fs-xs {
  font-size: 1.2rem !important;
}

.u-fs-s {
  font-size: 1.4rem !important;
}

.u-fs-m {
  font-size: 1.8rem !important;
}

.u-fs-l {
  font-size: 2rem !important;
}

.u-fs-xl {
  font-size: 2.2rem !important;
}

.u-fs-xxl {
  font-size: 3rem !important;
}

.u-fs-base {
  font-size: 1.6rem !important;
}

.u-fs-65p {
  font-size: 65% !important;
}

.u-fs-70p {
  font-size: 70% !important;
}

.u-fs-80p {
  font-size: 80% !important;
}

.u-fs-90p {
  font-size: 90% !important;
}

.u-fs-100p {
  font-size: 100% !important;
}

.u-fs-110p {
  font-size: 110% !important;
}

.u-fs-120p {
  font-size: 120% !important;
}

.u-fs-130p {
  font-size: 130% !important;
}

.u-fs-140p {
  font-size: 140% !important;
}

.u-fs-150p {
  font-size: 150% !important;
}

.u-fs-160p {
  font-size: 160% !important;
}

.u-fs-170p {
  font-size: 170% !important;
}

.u-fs-180p {
  font-size: 180% !important;
}

.u-fs-190p {
  font-size: 190% !important;
}

.u-fs-200p {
  font-size: 200% !important;
}

.u-fw-s {
  font-weight: 400 !important;
}

.u-fw-m {
  font-weight: 500 !important;
}

.u-fw-l {
  font-weight: 700 !important;
}

.u-fw-xl {
  font-weight: 900 !important;
}

.u-fw-base {
  font-weight: 400 !important;
}

.u-fsy-i {
  font-style: italic !important;
}

.u-fsy-n {
  font-style: normal !important;
}

.u-lh-i {
  line-height: inherit !important;
}

.u-lh-10 {
  line-height: 0.1 !important;
}

.u-lh-20 {
  line-height: 0.2 !important;
}

.u-lh-30 {
  line-height: 0.3 !important;
}

.u-lh-40 {
  line-height: 0.4 !important;
}

.u-lh-50 {
  line-height: 0.5 !important;
}

.u-lh-60 {
  line-height: 0.6 !important;
}

.u-lh-70 {
  line-height: 0.7 !important;
}

.u-lh-80 {
  line-height: 0.8 !important;
}

.u-lh-90 {
  line-height: 0.9 !important;
}

.u-lh-100 {
  line-height: 1 !important;
}

.u-lh-110 {
  line-height: 1.1 !important;
}

.u-lh-120 {
  line-height: 1.2 !important;
}

.u-lh-130 {
  line-height: 1.3 !important;
}

.u-lh-140 {
  line-height: 1.4 !important;
}

.u-lh-150 {
  line-height: 1.5 !important;
}

.u-lh-160 {
  line-height: 1.6 !important;
}

.u-lh-170 {
  line-height: 1.7 !important;
}

.u-lh-180 {
  line-height: 1.8 !important;
}

.u-lh-190 {
  line-height: 1.9 !important;
}

.u-lh-200 {
  line-height: 2 !important;
}

.u-ls-xs {
  letter-spacing: 0.02em !important;
}

.u-ls-s {
  letter-spacing: 0.05em !important;
}

.u-ls-m {
  letter-spacing: 0.08em !important;
}

.u-ls-l {
  letter-spacing: 0.2em !important;
}

.u-ls-xl {
  letter-spacing: 0.2em !important;
}

.u-ta-r {
  text-align: right !important;
}

.u-ta-l {
  text-align: left !important;
}

.u-ta-c {
  text-align: center !important;
}

.u-ta-j {
  text-align: justify !important;
}

.u-va-tb {
  vertical-align: text-bottom !important;
}

.u-va-base {
  vertical-align: baseline !important;
}

.u-va-md {
  vertical-align: middle !important;
}

.u-va-top {
  vertical-align: top !important;
}

.u-va-tt {
  vertical-align: text-top !important;
}

.u-td-lt {
  text-decoration: line-through !important;
}

.u-td-ul {
  text-decoration: underline !important;
}

.u-family-sans-serif {
  font-family: "Yu Gothic", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Osaka, Meiryo, メイリオ, sans-serif !important;
}

.u-family-serif {
  font-family: "Zen Old Mincho", 游明朝体, YuMincho, 游明朝, "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", HGS明朝E, "ＭＳ Ｐ明朝", "MS PMincho", serif !important;
}

.u-ws-np {
  white-space: nowrap !important;
}

.u-w-auto {
  width: auto !important;
}

.u-w-10 {
  width: 10% !important;
}

.u-w-20 {
  width: 20% !important;
}

.u-w-30 {
  width: 30% !important;
}

.u-w-40 {
  width: 40% !important;
}

.u-w-50 {
  width: 50% !important;
}

.u-w-60 {
  width: 60% !important;
}

.u-w-70 {
  width: 70% !important;
}

.u-w-80 {
  width: 80% !important;
}

.u-w-90 {
  width: 90% !important;
}

.u-w-100 {
  width: 100% !important;
}

.u-mw-none {
  max-width: none !important;
}

.u-mw-10 {
  max-width: 10% !important;
}

.u-mw-20 {
  max-width: 20% !important;
}

.u-mw-30 {
  max-width: 30% !important;
}

.u-mw-40 {
  max-width: 40% !important;
}

.u-mw-50 {
  max-width: 50% !important;
}

.u-mw-60 {
  max-width: 60% !important;
}

.u-mw-70 {
  max-width: 70% !important;
}

.u-mw-80 {
  max-width: 80% !important;
}

.u-mw-90 {
  max-width: 90% !important;
}

.u-mw-100 {
  max-width: 100% !important;
}

.u-h-auto {
  height: auto !important;
}

.u-h-10 {
  height: 10% !important;
}

.u-h-20 {
  height: 20% !important;
}

.u-h-30 {
  height: 30% !important;
}

.u-h-40 {
  height: 40% !important;
}

.u-h-50 {
  height: 50% !important;
}

.u-h-60 {
  height: 60% !important;
}

.u-h-70 {
  height: 70% !important;
}

.u-h-80 {
  height: 80% !important;
}

.u-h-90 {
  height: 90% !important;
}

.u-h-100 {
  height: 100% !important;
}

.u-m-auto {
  margin: auto !important;
}

.u-m-half {
  margin: 0.5em !important;
}

.u-m-1e {
  margin: 1em !important;
}

.u-m-0 {
  margin: 0 !important;
}

.u-m-xxs {
  margin: 0.5rem !important;
}

.u-m-xs {
  margin: 1rem !important;
}

.u-m-s {
  margin: 2rem !important;
}

.u-m-m {
  margin: 3rem !important;
}

.u-m-l {
  margin: 4rem !important;
}

.u-m-xl {
  margin: 5rem !important;
}

.u-m-xxl {
  margin: 6rem !important;
}

.u-nm-half {
  margin: -0.5em !important;
}

.u-nm-1e {
  margin: -1em !important;
}

.u-nm-0 {
  margin: -0 !important;
}

.u-nm-xxs {
  margin: -0.5rem !important;
}

.u-nm-xs {
  margin: -1rem !important;
}

.u-nm-s {
  margin: -2rem !important;
}

.u-nm-m {
  margin: -3rem !important;
}

.u-nm-l {
  margin: -4rem !important;
}

.u-nm-xl {
  margin: -5rem !important;
}

.u-nm-xxl {
  margin: -6rem !important;
}

.u-mt-auto, .u-my-auto {
  margin-top: auto !important;
}

.u-mt-half, .u-my-half {
  margin-top: 0.5em !important;
}

.u-mt-1e, .u-my-1e {
  margin-top: 1em !important;
}

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

.u-mt-xxs, .u-my-xxs {
  margin-top: 0.5rem !important;
}

.u-mt-xs, .u-my-xs {
  margin-top: 1rem !important;
}

.u-mt-s, .u-my-s {
  margin-top: 2rem !important;
}

.u-mt-m, .u-my-m {
  margin-top: 3rem !important;
}

.u-mt-l, .u-my-l {
  margin-top: 4rem !important;
}

.u-mt-xl, .u-my-xl {
  margin-top: 5rem !important;
}

.u-mt-xxl, .u-my-xxl {
  margin-top: 6rem !important;
}

.u-nmt-half, .u-nmy-half {
  margin-top: -0.5em !important;
}

.u-nmt-1e, .u-nmy-1e {
  margin-top: -1em !important;
}

.u-nmt-0, .u-nmy-0 {
  margin-top: -0 !important;
}

.u-nmt-xxs, .u-nmy-xxs {
  margin-top: -0.5rem !important;
}

.u-nmt-xs, .u-nmy-xs {
  margin-top: -1rem !important;
}

.u-nmt-s, .u-nmy-s {
  margin-top: -2rem !important;
}

.u-nmt-m, .u-nmy-m {
  margin-top: -3rem !important;
}

.u-nmt-l, .u-nmy-l {
  margin-top: -4rem !important;
}

.u-nmt-xl, .u-nmy-xl {
  margin-top: -5rem !important;
}

.u-nmt-xxl, .u-nmy-xxl {
  margin-top: -6rem !important;
}

.u-mr-auto, .u-mx-auto {
  margin-right: auto !important;
}

.u-mr-half, .u-mx-half {
  margin-right: 0.5em !important;
}

.u-mr-1e, .u-mx-1e {
  margin-right: 1em !important;
}

.u-mr-0, .u-mx-0 {
  margin-right: 0 !important;
}

.u-mr-xxs, .u-mx-xxs {
  margin-right: 0.5rem !important;
}

.u-mr-xs, .u-mx-xs {
  margin-right: 1rem !important;
}

.u-mr-s, .u-mx-s {
  margin-right: 2rem !important;
}

.u-mr-m, .u-mx-m {
  margin-right: 3rem !important;
}

.u-mr-l, .u-mx-l {
  margin-right: 4rem !important;
}

.u-mr-xl, .u-mx-xl {
  margin-right: 5rem !important;
}

.u-mr-xxl, .u-mx-xxl {
  margin-right: 6rem !important;
}

.u-nmr-half, .u-nmx-half {
  margin-right: -0.5em !important;
}

.u-nmr-1e, .u-nmx-1e {
  margin-right: -1em !important;
}

.u-nmr-0, .u-nmx-0 {
  margin-right: -0 !important;
}

.u-nmr-xxs, .u-nmx-xxs {
  margin-right: -0.5rem !important;
}

.u-nmr-xs, .u-nmx-xs {
  margin-right: -1rem !important;
}

.u-nmr-s, .u-nmx-s {
  margin-right: -2rem !important;
}

.u-nmr-m, .u-nmx-m {
  margin-right: -3rem !important;
}

.u-nmr-l, .u-nmx-l {
  margin-right: -4rem !important;
}

.u-nmr-xl, .u-nmx-xl {
  margin-right: -5rem !important;
}

.u-nmr-xxl, .u-nmx-xxl {
  margin-right: -6rem !important;
}

.u-mb-auto, .u-my-auto {
  margin-bottom: auto !important;
}

.u-mb-half, .u-my-half {
  margin-bottom: 0.5em !important;
}

.u-mb-1e, .u-my-1e {
  margin-bottom: 1em !important;
}

.u-mb-0, .u-my-0 {
  margin-bottom: 0 !important;
}

.u-mb-xxs, .u-my-xxs {
  margin-bottom: 0.5rem !important;
}

.u-mb-xs, .u-my-xs {
  margin-bottom: 1rem !important;
}

.u-mb-s, .u-my-s {
  margin-bottom: 2rem !important;
}

.u-mb-m, .u-my-m {
  margin-bottom: 3rem !important;
}

.u-mb-l, .u-my-l {
  margin-bottom: 4rem !important;
}

.u-mb-xl, .u-my-xl {
  margin-bottom: 5rem !important;
}

.u-mb-xxl, .u-my-xxl {
  margin-bottom: 6rem !important;
}

.u-nmb-half, .u-nmy-half {
  margin-bottom: -0.5em !important;
}

.u-nmb-1e, .u-nmy-1e {
  margin-bottom: -1em !important;
}

.u-nmb-0, .u-nmy-0 {
  margin-bottom: -0 !important;
}

.u-nmb-xxs, .u-nmy-xxs {
  margin-bottom: -0.5rem !important;
}

.u-nmb-xs, .u-nmy-xs {
  margin-bottom: -1rem !important;
}

.u-nmb-s, .u-nmy-s {
  margin-bottom: -2rem !important;
}

.u-nmb-m, .u-nmy-m {
  margin-bottom: -3rem !important;
}

.u-nmb-l, .u-nmy-l {
  margin-bottom: -4rem !important;
}

.u-nmb-xl, .u-nmy-xl {
  margin-bottom: -5rem !important;
}

.u-nmb-xxl, .u-nmy-xxl {
  margin-bottom: -6rem !important;
}

.u-ml-auto, .u-mx-auto {
  margin-left: auto !important;
}

.u-ml-half, .u-mx-half {
  margin-left: 0.5em !important;
}

.u-ml-1e, .u-mx-1e {
  margin-left: 1em !important;
}

.u-ml-0, .u-mx-0 {
  margin-left: 0 !important;
}

.u-ml-xxs, .u-mx-xxs {
  margin-left: 0.5rem !important;
}

.u-ml-xs, .u-mx-xs {
  margin-left: 1rem !important;
}

.u-ml-s, .u-mx-s {
  margin-left: 2rem !important;
}

.u-ml-m, .u-mx-m {
  margin-left: 3rem !important;
}

.u-ml-l, .u-mx-l {
  margin-left: 4rem !important;
}

.u-ml-xl, .u-mx-xl {
  margin-left: 5rem !important;
}

.u-ml-xxl, .u-mx-xxl {
  margin-left: 6rem !important;
}

.u-nml-half, .u-nmx-half {
  margin-left: -0.5em !important;
}

.u-nml-1e, .u-nmx-1e {
  margin-left: -1em !important;
}

.u-nml-0, .u-nmx-0 {
  margin-left: -0 !important;
}

.u-nml-xxs, .u-nmx-xxs {
  margin-left: -0.5rem !important;
}

.u-nml-xs, .u-nmx-xs {
  margin-left: -1rem !important;
}

.u-nml-s, .u-nmx-s {
  margin-left: -2rem !important;
}

.u-nml-m, .u-nmx-m {
  margin-left: -3rem !important;
}

.u-nml-l, .u-nmx-l {
  margin-left: -4rem !important;
}

.u-nml-xl, .u-nmx-xl {
  margin-left: -5rem !important;
}

.u-nml-xxl, .u-nmx-xxl {
  margin-left: -6rem !important;
}

.u-p-0 {
  padding: 0 !important;
}

.u-p-xxs {
  padding: 0.5rem !important;
}

.u-p-xs {
  padding: 1rem !important;
}

.u-p-s {
  padding: 2rem !important;
}

.u-p-m {
  padding: 3rem !important;
}

.u-p-l {
  padding: 4rem !important;
}

.u-p-xl {
  padding: 5rem !important;
}

.u-p-xxl {
  padding: 6rem !important;
}

.u-np-0 {
  padding: -0 !important;
}

.u-np-xxs {
  padding: -0.5rem !important;
}

.u-np-xs {
  padding: -1rem !important;
}

.u-np-s {
  padding: -2rem !important;
}

.u-np-m {
  padding: -3rem !important;
}

.u-np-l {
  padding: -4rem !important;
}

.u-np-xl {
  padding: -5rem !important;
}

.u-np-xxl {
  padding: -6rem !important;
}

.u-pt-0, .u-py-0 {
  padding-top: 0 !important;
}

.u-pt-xxs, .u-py-xxs {
  padding-top: 0.5rem !important;
}

.u-pt-xs, .u-py-xs {
  padding-top: 1rem !important;
}

.u-pt-s, .u-py-s {
  padding-top: 2rem !important;
}

.u-pt-m, .u-py-m {
  padding-top: 3rem !important;
}

.u-pt-l, .u-py-l {
  padding-top: 4rem !important;
}

.u-pt-xl, .u-py-xl {
  padding-top: 5rem !important;
}

.u-pt-xxl, .u-py-xxl {
  padding-top: 6rem !important;
}

.u-npt-0, .u-npy-0 {
  padding-top: -0 !important;
}

.u-npt-xxs, .u-npy-xxs {
  padding-top: -0.5rem !important;
}

.u-npt-xs, .u-npy-xs {
  padding-top: -1rem !important;
}

.u-npt-s, .u-npy-s {
  padding-top: -2rem !important;
}

.u-npt-m, .u-npy-m {
  padding-top: -3rem !important;
}

.u-npt-l, .u-npy-l {
  padding-top: -4rem !important;
}

.u-npt-xl, .u-npy-xl {
  padding-top: -5rem !important;
}

.u-npt-xxl, .u-npy-xxl {
  padding-top: -6rem !important;
}

.u-pr-0, .u-px-0 {
  padding-right: 0 !important;
}

.u-pr-xxs, .u-px-xxs {
  padding-right: 0.5rem !important;
}

.u-pr-xs, .u-px-xs {
  padding-right: 1rem !important;
}

.u-pr-s, .u-px-s {
  padding-right: 2rem !important;
}

.u-pr-m, .u-px-m {
  padding-right: 3rem !important;
}

.u-pr-l, .u-px-l {
  padding-right: 4rem !important;
}

.u-pr-xl, .u-px-xl {
  padding-right: 5rem !important;
}

.u-pr-xxl, .u-px-xxl {
  padding-right: 6rem !important;
}

.u-npr-0, .u-npx-0 {
  padding-right: -0 !important;
}

.u-npr-xxs, .u-npx-xxs {
  padding-right: -0.5rem !important;
}

.u-npr-xs, .u-npx-xs {
  padding-right: -1rem !important;
}

.u-npr-s, .u-npx-s {
  padding-right: -2rem !important;
}

.u-npr-m, .u-npx-m {
  padding-right: -3rem !important;
}

.u-npr-l, .u-npx-l {
  padding-right: -4rem !important;
}

.u-npr-xl, .u-npx-xl {
  padding-right: -5rem !important;
}

.u-npr-xxl, .u-npx-xxl {
  padding-right: -6rem !important;
}

.u-pb-0, .u-py-0 {
  padding-bottom: 0 !important;
}

.u-pb-xxs, .u-py-xxs {
  padding-bottom: 0.5rem !important;
}

.u-pb-xs, .u-py-xs {
  padding-bottom: 1rem !important;
}

.u-pb-s, .u-py-s {
  padding-bottom: 2rem !important;
}

.u-pb-m, .u-py-m {
  padding-bottom: 3rem !important;
}

.u-pb-l, .u-py-l {
  padding-bottom: 4rem !important;
}

.u-pb-xl, .u-py-xl {
  padding-bottom: 5rem !important;
}

.u-pb-xxl, .u-py-xxl {
  padding-bottom: 6rem !important;
}

.u-npb-0, .u-npy-0 {
  padding-bottom: -0 !important;
}

.u-npb-xxs, .u-npy-xxs {
  padding-bottom: -0.5rem !important;
}

.u-npb-xs, .u-npy-xs {
  padding-bottom: -1rem !important;
}

.u-npb-s, .u-npy-s {
  padding-bottom: -2rem !important;
}

.u-npb-m, .u-npy-m {
  padding-bottom: -3rem !important;
}

.u-npb-l, .u-npy-l {
  padding-bottom: -4rem !important;
}

.u-npb-xl, .u-npy-xl {
  padding-bottom: -5rem !important;
}

.u-npb-xxl, .u-npy-xxl {
  padding-bottom: -6rem !important;
}

.u-pl-0, .u-px-0 {
  padding-left: 0 !important;
}

.u-pl-xxs, .u-px-xxs {
  padding-left: 0.5rem !important;
}

.u-pl-xs, .u-px-xs {
  padding-left: 1rem !important;
}

.u-pl-s, .u-px-s {
  padding-left: 2rem !important;
}

.u-pl-m, .u-px-m {
  padding-left: 3rem !important;
}

.u-pl-l, .u-px-l {
  padding-left: 4rem !important;
}

.u-pl-xl, .u-px-xl {
  padding-left: 5rem !important;
}

.u-pl-xxl, .u-px-xxl {
  padding-left: 6rem !important;
}

.u-npl-0, .u-npx-0 {
  padding-left: -0 !important;
}

.u-npl-xxs, .u-npx-xxs {
  padding-left: -0.5rem !important;
}

.u-npl-xs, .u-npx-xs {
  padding-left: -1rem !important;
}

.u-npl-s, .u-npx-s {
  padding-left: -2rem !important;
}

.u-npl-m, .u-npx-m {
  padding-left: -3rem !important;
}

.u-npl-l, .u-npx-l {
  padding-left: -4rem !important;
}

.u-npl-xl, .u-npx-xl {
  padding-left: -5rem !important;
}

.u-npl-xxl, .u-npx-xxl {
  padding-left: -6rem !important;
}

.u-pe-no {
  pointer-events: none !important;
}

.u-line-no {
  pointer-events: none !important;
}

.u-bullet,
.u-bullets > * {
  padding-left: 1em;
  text-indent: -1em;
}

.u-bullet-off {
  padding-left: 0;
  text-indent: 0;
}

.u-hanging,
.u-hangings > * {
  display: table;
}
.u-hanging > *,
.u-hangings > * > * {
  display: table-cell;
  position: relative;
  right: -1px;
  white-space: nowrap;
}
@media (min-width: 768px) {
  *:root {
    --spaceX:0;
    --spaceY:105px;
  }
  body {
    font-size: 1.6rem;
  }
  .l-body {
    min-width: 1000px;
  }
  .l-globalNav {
    padding-right: 64px;
    padding-left: 64px;
  }
  .bg-base {
    background-image: url("../img/bg-base_pc.jpg");
  }
  .bg-nav {
    background: url("../img/bg-base_pc.jpg") no-repeat;
  }
  .bg-story::before {
    background: url("../img/bg-story-item-top.png") no-repeat top right/auto 100%;
  }
  .bg-original::after {
    bottom: 0;
    left: 0;
  }
  .button {
    padding: 0.75em 52px;
    font-size: 2rem;
  }
  .button--s {
    font-size: inherit;
  }
  .button--new::before {
    width: 40px;
    height: 40px;
    font-size: 10px;
  }
  .button-type2 {
    padding-top: 1.5em;
    padding-right: 50px;
    padding-bottom: 1.5em;
    padding-left: 2em;
    font-size: 2rem;
  }
  .button-type2--inline {
    flex-flow: row;
    min-width: 330px;
  }
  .button-type2--small {
    padding-top: 1em;
    padding-right: 20px;
    padding-bottom: 1em;
    padding-left: 20px;
    font-size: 1.6rem;
  }
  .button-type2--arrow::after {
    right: 25px;
  }
  .button-type2--external::after {
    right: 25px;
  }
  .flex__col1--pc {
    flex: 0 0 calc(8.3333333333% - 5px);
    max-width: calc(8.3333333333% - 5px);
  }
  .flex__col2--pc {
    flex: 0 0 calc(16.6666666667% - 5px);
    max-width: calc(16.6666666667% - 5px);
  }
  .flex__col3--pc {
    flex: 0 0 calc(25% - 5px);
    max-width: calc(25% - 5px);
  }
  .flex__col4--pc {
    flex: 0 0 calc(33.3333333333% - 5px);
    max-width: calc(33.3333333333% - 5px);
  }
  .flex__col5--pc {
    flex: 0 0 calc(41.6666666667% - 5px);
    max-width: calc(41.6666666667% - 5px);
  }
  .flex__col6--pc {
    flex: 0 0 calc(50% - 5px);
    max-width: calc(50% - 5px);
  }
  .flex__col7--pc {
    flex: 0 0 calc(58.3333333333% - 5px);
    max-width: calc(58.3333333333% - 5px);
  }
  .flex__col8--pc {
    flex: 0 0 calc(66.6666666667% - 5px);
    max-width: calc(66.6666666667% - 5px);
  }
  .flex__col9--pc {
    flex: 0 0 calc(75% - 5px);
    max-width: calc(75% - 5px);
  }
  .flex__col10--pc {
    flex: 0 0 calc(83.3333333333% - 5px);
    max-width: calc(83.3333333333% - 5px);
  }
  .flex__col11--pc {
    flex: 0 0 calc(91.6666666667% - 5px);
    max-width: calc(91.6666666667% - 5px);
  }
  .flex__col12--pc {
    flex: 0 0 calc(100% - 5px);
    max-width: calc(100% - 5px);
  }
  .flex__col1--pc, .flex__col2--pc, .flex__col3--pc, .flex__col4--pc, .flex__col5--pc, .flex__col6--pc, .flex__col7--pc, .flex__col8--pc, .flex__col9--pc, .flex__col10--pc, .flex__col11--pc, .flex__col12--pc {
    min-width: 0;
    word-wrap: break-word;
  }
  .heading {
    width: 55%;
    margin-bottom: 43px;
  }
  .heading2 {
    margin-bottom: 44px;
    font-size: 2.2rem;
  }
  .heading3 {
    display: inline-flex;
    z-index: 0;
    left: -35px;
    align-items: center;
    width: 310px;
    padding-left: 35px;
    font-size: 2rem;
  }
  .heading3::after {
    background: url("../img/head-spacial-item2.png") no-repeat left/auto;
  }
  .hamburger {
    top: 0;
    right: 0;
    background: linear-gradient(90deg, rgb(255, 122, 180) 0%, rgb(149, 94, 182) 100%);
  }
  .nav {
    font-size: 2rem;
  }
  .nav__list {
    --nav-list-gutterY:calc(65px + 1em);
  }
  .hover:hover {
    opacity: 0.7;
  }
  .hero {
    background: url("../img/kv-bg_pc.png") no-repeat center center/cover;
    background-color: #ecf6fb;
  }
  .hero__wrapper {
    height: 1000px;
    margin: 0 var(--spaceX);
  }
  .hero__sub {
    display: grid;
    position: absolute;
    right: -80px;
    bottom: 45px;
    grid-auto-flow: column;
    align-items: flex-end;
    justify-content: center;
    width: 55%;
    padding: 0;
    gap: 10px;
  }
  .hero__sub > *:not(:last-child) {
    margin-bottom: 0;
  }
  .hero__kv {
    position: absolute;
    bottom: 0;
    left: -105px;
    width: 768px;
  }
  .hero__logo {
    display: block;
    position: absolute;
    top: 230px;
    right: -33px;
    width: 550px;
    height: 190px;
  }
  .hero__catch {
    display: block;
    position: absolute;
    top: 20px;
    right: 0;
    left: 0;
    /* bottom: 0; */
    width: 100%;
  }
  .hero__copy {
    display: block;
    position: absolute;
    top: 100px;
    left: -30px;
    width: 55%;
    opacity: 0;
  }
  .hero__list a:hover {
    opacity: 0.7;
  }
  .hero__list--banner {
    grid-auto-flow: row;
  }
  .hero__share {
    position: absolute;
    right: 9px;
    bottom: -30px;
  }
  .trailer__wrapper {
    max-width: 1000px;
    margin: 0 auto;
  }
  .trailer__grid {
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  }
  .trailer__bg {
    z-index: 1;
    top: 52%;
    width: 32%;
  }
  .intro__wrapper {
    max-width: 1000px;
    margin: 0 auto;
  }
  .intro__catch, .intro__img {
    margin-bottom: 40px;
  }
  .intro__bg {
    top: 63%;
    width: 17%;
  }
  .intro-slides {
    padding-right: 28px;
    padding-left: 28px;
  }
  .intro-slides__item {
    font-size: 1.6rem;
  }
  .intro-slides__item h3 {
    font-size: 2.4rem;
    line-height: 1.5833333333;
  }
  .intro-menu {
    font-size: 1.8rem;
  }
  .intro-menu__link {
    margin: 1em;
    font-size: 2rem;
  }
  .intro-menu__link::before {
    margin-left: 17px;
  }
  .intro-menu__link::after {
    height: calc(100% + 1em);
  }
  .cast-staff__wrapper {
    max-width: 1000px;
    margin: 0 auto;
  }
  .cast-staff__sub-head {
    font-size: 2rem;
  }
  .story__wrapper {
    max-width: 1000px;
    margin: 0 auto;
  }
  .story-slides__head {
    grid-template-columns: repeat(2, 1fr);
    font-size: 2.8rem;
  }
  .story-slides__head h3 {
    order: inherit;
    padding: 1em;
  }
  .story-slides__body {
    padding: 40px 0;
  }
  .vod-oa__wrapper {
    max-width: 1000px;
    margin: 0 auto;
  }
  .vod-oa .oa .button-type2 {
    padding-right: 2em;
  }
  .vod-oa .oa .oa-schedule {
    grid-template-columns: 1fr 1fr;
  }
  .box:not(:last-child) {
    margin-bottom: 65px;
  }
  .box {
    padding-top: 60px;
    padding-right: 40px;
    padding-bottom: 40px;
    padding-left: 40px;
  }
  .box__head {
    position: absolute;
    top: -15px;
    left: 15px;
    width: auto;
  }
  .box--sell {
    padding-top: 40px;
  }
  .sell {
    grid-template-columns: 1.1fr 0.9fr;
  }
  .sell__head {
    margin-bottom: 2rem;
    margin-bottom: 45px;
    font-size: 3.4rem;
    line-height: 1;
  }
  .sell__head h4 {
    font-size: 4.4rem;
  }
  .sell__img {
    order: inherit;
    margin-right: 0;
  }
  .sell-shop__list {
    grid-template-columns: repeat(5, 1fr);
    gap: 8px;
  }
  .sell-shop__link:hover {
    opacity: 0.7;
  }
  .original__wrapper {
    max-width: 1000px;
    margin: 0 auto;
  }
  .original__catch {
    width: auto;
  }
  .original__col {
    padding-top: 40px;
    padding-right: 40px;
    padding-bottom: 40px;
    padding-left: 30px;
  }
  .author {
    grid-auto-flow: column;
  }
  .author__img {
    order: inherit;
    margin-right: 0;
  }
  .author-profile__name {
    font-size: 3.8rem;
  }
  .author-profile__data {
    font-size: 1.8rem;
  }
  .author-profile__sns--x {
    display: block;
    width: 330px;
    background-image: url("../img/icon-x.png");
    background-position: 45px center;
    background-size: 40px;
    background-repeat: no-repeat;
  }
  .author-profile__sns .button-type2--inline {
    flex-flow: column;
  }
  .author-profile__info .button-type2--inline {
    width: 330px;
  }
  .author-profile__img {
    flex-basis: auto;
  }
  .music__wrapper {
    max-width: 1000px;
    margin: 0 auto;
  }
  .music__detail {
    padding: 40px 40px 0 40px;
  }
  .music__detail li {
    grid-template-columns: 12% 1fr;
    font-size: 120%;
  }
  .music__col {
    padding-top: 40px;
    padding-right: 40px;
    padding-bottom: 40px;
    padding-left: 30px;
  }
  .music__col:not(:last-child) {
    margin-bottom: 100px;
  }
  .music .u-d-f {
    flex-direction: row;
    justify-content: space-evenly;
  }
  .music .u-d-f .button-type2--inline {
    display: inline-flex;
  }
  .artist {
    grid-auto-flow: column;
  }
  .artist__name {
    margin-top: 0;
    margin-bottom: 3%;
    font-size: 3rem;
  }
  .artist__label {
    margin-left: 1em;
    font-size: 1.6rem;
  }
  .artist__img {
    order: inherit;
    margin-right: 0;
  }
  .comment__wrapper {
    max-width: 1000px;
    margin: 0 auto;
  }
  .comment__col {
    margin-top: 44px;
  }
  .comment__cast {
    position: relative;
    flex-flow: row;
  }
  .comment__name {
    position: sticky;
    top: 1em;
  }
  .gallery {
    margin-top: 44px;
  }
  .sns {
    padding-top: 0;
    padding-bottom: var(--spaceY);
  }
  .sns::before {
    top: 19%;
    bottom: 0;
    left: 1%;
    background-size: auto;
  }
  .sns__wrapper {
    max-width: 1000px;
    margin: 0 auto;
  }
  .sns__list {
    grid-template-columns: repeat(1, 270px);
    place-content: end;
    margin-top: 10%;
    padding-right: 2rem;
    gap: 15px;
  }
  .footer {
    background-position: unset;
  }
  .footer__wrapper {
    max-width: 1000px;
    margin: 0 auto;
  }
  .footer__bottom {
    padding-top: 150px;
    padding-bottom: 40px;
  }
  .modaal-image .modaal-inner-wrapper {
    text-align: center;
  }
  .modaal-cast .modaal-cast-inline {
    grid-template-columns: 45% 55%;
    height: 450px;
  }
  .modaal-cast .modaal-cast-inline__img {
    height: 100%;
  }
  .modaal-cast .modaal-cast-inline__img img {
    width: auto;
    height: 100%;
  }
  .modaal-cast .modaal-cast-inline__content {
    padding: 33px;
  }
  .modaal-cast .modaal-cast-inline__head {
    margin-bottom: 2em;
  }
  .modaal-cast .modaal-cast-inline__head h3 {
    font-size: 2.4rem;
  }
  .modaal-cast .modaal-cast-inline__body h4 {
    margin-bottom: 1em;
  }
  .slick-arrow {
    display: block !important;
  }
  .slick-prev {
    left: 0;
  }
  .slick-next {
    right: 0;
  }
  .slick-custom-buttons {
    gap: 20px;
  }
  .u-pc-d-b {
    display: block !important;
  }
  .u-pc-d-n {
    display: none !important;
  }
  .u-pc-d-i {
    display: inline !important;
  }
  .u-pc-d-ib {
    display: inline-block !important;
  }
  .u-pc-d-t {
    display: table !important;
  }
  .u-pc-d-f {
    display: flex !important;
  }
  .u-pc-d-if {
    display: inline-flex !important;
  }
  .u-pc-c-text {
    color: #222f30 !important;
  }
  .u-pc-c-link {
    color: inherit !important;
  }
  .u-pc-c-black {
    color: #000000 !important;
  }
  .u-pc-c-grey {
    color: #7b8488 !important;
  }
  .u-pc-c-white {
    color: #fff !important;
  }
  .u-pc-c-red {
    color: #ec3333 !important;
  }
  .u-pc-c-pink {
    color: #e40080 !important;
  }
  .u-pc-c-skyblue {
    color: #84c6d7 !important;
  }
  .u-pc-c-blue {
    color: #3fa0b6 !important;
  }
  .u-pc-c-green {
    color: #20c893 !important;
  }
  .u-pc-c-yellow {
    color: #f3f6e0 !important;
  }
  .u-pc-c-orange {
    color: #fdb34d !important;
  }
  .u-pc-c-purple {
    color: #9774ad !important;
  }
  .u-pc-bc-text {
    background-color: #222f30 !important;
  }
  .u-pc-bc-link {
    background-color: inherit !important;
  }
  .u-pc-bc-black {
    background-color: #000000 !important;
  }
  .u-pc-bc-grey {
    background-color: #7b8488 !important;
  }
  .u-pc-bc-white {
    background-color: #fff !important;
  }
  .u-pc-bc-red {
    background-color: #ec3333 !important;
  }
  .u-pc-bc-pink {
    background-color: #e40080 !important;
  }
  .u-pc-bc-skyblue {
    background-color: #84c6d7 !important;
  }
  .u-pc-bc-blue {
    background-color: #3fa0b6 !important;
  }
  .u-pc-bc-green {
    background-color: #20c893 !important;
  }
  .u-pc-bc-yellow {
    background-color: #f3f6e0 !important;
  }
  .u-pc-bc-orange {
    background-color: #fdb34d !important;
  }
  .u-pc-bc-purple {
    background-color: #9774ad !important;
  }
  .u-pc-fs-i {
    font-size: inherit !important;
  }
  .u-pc-fs-xs {
    font-size: 1.2rem !important;
  }
  .u-pc-fs-s {
    font-size: 1.4rem !important;
  }
  .u-pc-fs-m {
    font-size: 1.8rem !important;
  }
  .u-pc-fs-l {
    font-size: 2rem !important;
  }
  .u-pc-fs-xl {
    font-size: 2.2rem !important;
  }
  .u-pc-fs-xxl {
    font-size: 3rem !important;
  }
  .u-pc-fs-base {
    font-size: 1.6rem !important;
  }
  .u-pc-fs-65p {
    font-size: 65% !important;
  }
  .u-pc-fs-70p {
    font-size: 70% !important;
  }
  .u-pc-fs-80p {
    font-size: 80% !important;
  }
  .u-pc-fs-90p {
    font-size: 90% !important;
  }
  .u-pc-fs-100p {
    font-size: 100% !important;
  }
  .u-pc-fs-110p {
    font-size: 110% !important;
  }
  .u-pc-fs-120p {
    font-size: 120% !important;
  }
  .u-pc-fs-130p {
    font-size: 130% !important;
  }
  .u-pc-fs-140p {
    font-size: 140% !important;
  }
  .u-pc-fs-150p {
    font-size: 150% !important;
  }
  .u-pc-fs-160p {
    font-size: 160% !important;
  }
  .u-pc-fs-170p {
    font-size: 170% !important;
  }
  .u-pc-fs-180p {
    font-size: 180% !important;
  }
  .u-pc-fs-190p {
    font-size: 190% !important;
  }
  .u-pc-fs-200p {
    font-size: 200% !important;
  }
  .u-pc-fw-s {
    font-weight: 400 !important;
  }
  .u-pc-fw-m {
    font-weight: 500 !important;
  }
  .u-pc-fw-l {
    font-weight: 700 !important;
  }
  .u-pc-fw-xl {
    font-weight: 900 !important;
  }
  .u-pc-fw-base {
    font-weight: 400 !important;
  }
  .u-pc-fsy-i {
    font-style: italic !important;
  }
  .u-pc-fsy-n {
    font-style: normal !important;
  }
  .u-pc-lh-i {
    line-height: inherit !important;
  }
  .u-pc-lh-10 {
    line-height: 0.1 !important;
  }
  .u-pc-lh-20 {
    line-height: 0.2 !important;
  }
  .u-pc-lh-30 {
    line-height: 0.3 !important;
  }
  .u-pc-lh-40 {
    line-height: 0.4 !important;
  }
  .u-pc-lh-50 {
    line-height: 0.5 !important;
  }
  .u-pc-lh-60 {
    line-height: 0.6 !important;
  }
  .u-pc-lh-70 {
    line-height: 0.7 !important;
  }
  .u-pc-lh-80 {
    line-height: 0.8 !important;
  }
  .u-pc-lh-90 {
    line-height: 0.9 !important;
  }
  .u-pc-lh-100 {
    line-height: 1 !important;
  }
  .u-pc-lh-110 {
    line-height: 1.1 !important;
  }
  .u-pc-lh-120 {
    line-height: 1.2 !important;
  }
  .u-pc-lh-130 {
    line-height: 1.3 !important;
  }
  .u-pc-lh-140 {
    line-height: 1.4 !important;
  }
  .u-pc-lh-150 {
    line-height: 1.5 !important;
  }
  .u-pc-lh-160 {
    line-height: 1.6 !important;
  }
  .u-pc-lh-170 {
    line-height: 1.7 !important;
  }
  .u-pc-lh-180 {
    line-height: 1.8 !important;
  }
  .u-pc-lh-190 {
    line-height: 1.9 !important;
  }
  .u-pc-lh-200 {
    line-height: 2 !important;
  }
  .u-pc-ls-xs {
    letter-spacing: 0.02em !important;
  }
  .u-pc-ls-s {
    letter-spacing: 0.05em !important;
  }
  .u-pc-ls-m {
    letter-spacing: 0.08em !important;
  }
  .u-pc-ls-l {
    letter-spacing: 0.2em !important;
  }
  .u-pc-ls-xl {
    letter-spacing: 0.2em !important;
  }
  .u-pc-ta-r {
    text-align: right !important;
  }
  .u-pc-ta-l {
    text-align: left !important;
  }
  .u-pc-ta-c {
    text-align: center !important;
  }
  .u-pc-ta-j {
    text-align: justify !important;
  }
  .u-pc-va-tb {
    vertical-align: text-bottom !important;
  }
  .u-pc-va-base {
    vertical-align: baseline !important;
  }
  .u-pc-va-md {
    vertical-align: middle !important;
  }
  .u-pc-va-top {
    vertical-align: top !important;
  }
  .u-pc-va-tt {
    vertical-align: text-top !important;
  }
  .u-pc-td-lt {
    text-decoration: line-through !important;
  }
  .u-pc-td-ul {
    text-decoration: underline !important;
  }
  .u-pc-family-sans-serif {
    font-family: "Yu Gothic", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Osaka, Meiryo, メイリオ, sans-serif !important;
  }
  .u-pc-family-serif {
    font-family: "Zen Old Mincho", 游明朝体, YuMincho, 游明朝, "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", HGS明朝E, "ＭＳ Ｐ明朝", "MS PMincho", serif !important;
  }
  .u-pc-ws-np {
    white-space: nowrap !important;
  }
  .u-pc-w-auto {
    width: auto !important;
  }
  .u-pc-w-10 {
    width: 10% !important;
  }
  .u-pc-w-20 {
    width: 20% !important;
  }
  .u-pc-w-30 {
    width: 30% !important;
  }
  .u-pc-w-40 {
    width: 40% !important;
  }
  .u-pc-w-50 {
    width: 50% !important;
  }
  .u-pc-w-60 {
    width: 60% !important;
  }
  .u-pc-w-70 {
    width: 70% !important;
  }
  .u-pc-w-80 {
    width: 80% !important;
  }
  .u-pc-w-90 {
    width: 90% !important;
  }
  .u-pc-w-100 {
    width: 100% !important;
  }
  .u-pc-mw-none {
    max-width: none !important;
  }
  .u-pc-mw-10 {
    max-width: 10% !important;
  }
  .u-pc-mw-20 {
    max-width: 20% !important;
  }
  .u-pc-mw-30 {
    max-width: 30% !important;
  }
  .u-pc-mw-40 {
    max-width: 40% !important;
  }
  .u-pc-mw-50 {
    max-width: 50% !important;
  }
  .u-pc-mw-60 {
    max-width: 60% !important;
  }
  .u-pc-mw-70 {
    max-width: 70% !important;
  }
  .u-pc-mw-80 {
    max-width: 80% !important;
  }
  .u-pc-mw-90 {
    max-width: 90% !important;
  }
  .u-pc-mw-100 {
    max-width: 100% !important;
  }
  .u-pc-h-auto {
    height: auto !important;
  }
  .u-pc-h-10 {
    height: 10% !important;
  }
  .u-pc-h-20 {
    height: 20% !important;
  }
  .u-pc-h-30 {
    height: 30% !important;
  }
  .u-pc-h-40 {
    height: 40% !important;
  }
  .u-pc-h-50 {
    height: 50% !important;
  }
  .u-pc-h-60 {
    height: 60% !important;
  }
  .u-pc-h-70 {
    height: 70% !important;
  }
  .u-pc-h-80 {
    height: 80% !important;
  }
  .u-pc-h-90 {
    height: 90% !important;
  }
  .u-pc-h-100 {
    height: 100% !important;
  }
  .u-pc-m-auto {
    margin: auto !important;
  }
  .u-pc-m-half {
    margin: 0.5em !important;
  }
  .u-pc-m-1e {
    margin: 1em !important;
  }
  .u-pc-m-0 {
    margin: 0 !important;
  }
  .u-pc-m-xxs {
    margin: 0.5rem !important;
  }
  .u-pc-m-xs {
    margin: 1rem !important;
  }
  .u-pc-m-s {
    margin: 2rem !important;
  }
  .u-pc-m-m {
    margin: 3rem !important;
  }
  .u-pc-m-l {
    margin: 4rem !important;
  }
  .u-pc-m-xl {
    margin: 5rem !important;
  }
  .u-pc-m-xxl {
    margin: 6rem !important;
  }
  .u-pc-nm-half {
    margin: -0.5em !important;
  }
  .u-pc-nm-1e {
    margin: -1em !important;
  }
  .u-pc-nm-0 {
    margin: -0 !important;
  }
  .u-pc-nm-xxs {
    margin: -0.5rem !important;
  }
  .u-pc-nm-xs {
    margin: -1rem !important;
  }
  .u-pc-nm-s {
    margin: -2rem !important;
  }
  .u-pc-nm-m {
    margin: -3rem !important;
  }
  .u-pc-nm-l {
    margin: -4rem !important;
  }
  .u-pc-nm-xl {
    margin: -5rem !important;
  }
  .u-pc-nm-xxl {
    margin: -6rem !important;
  }
  .u-pc-mt-auto, .u-pc-my-auto {
    margin-top: auto !important;
  }
  .u-pc-mt-half, .u-pc-my-half {
    margin-top: 0.5em !important;
  }
  .u-pc-mt-1e, .u-pc-my-1e {
    margin-top: 1em !important;
  }
  .u-pc-mt-0, .u-pc-my-0 {
    margin-top: 0 !important;
  }
  .u-pc-mt-xxs, .u-pc-my-xxs {
    margin-top: 0.5rem !important;
  }
  .u-pc-mt-xs, .u-pc-my-xs {
    margin-top: 1rem !important;
  }
  .u-pc-mt-s, .u-pc-my-s {
    margin-top: 2rem !important;
  }
  .u-pc-mt-m, .u-pc-my-m {
    margin-top: 3rem !important;
  }
  .u-pc-mt-l, .u-pc-my-l {
    margin-top: 4rem !important;
  }
  .u-pc-mt-xl, .u-pc-my-xl {
    margin-top: 5rem !important;
  }
  .u-pc-mt-xxl, .u-pc-my-xxl {
    margin-top: 6rem !important;
  }
  .u-pc-nmt-half, .u-pc-nmy-half {
    margin-top: -0.5em !important;
  }
  .u-pc-nmt-1e, .u-pc-nmy-1e {
    margin-top: -1em !important;
  }
  .u-pc-nmt-0, .u-pc-nmy-0 {
    margin-top: -0 !important;
  }
  .u-pc-nmt-xxs, .u-pc-nmy-xxs {
    margin-top: -0.5rem !important;
  }
  .u-pc-nmt-xs, .u-pc-nmy-xs {
    margin-top: -1rem !important;
  }
  .u-pc-nmt-s, .u-pc-nmy-s {
    margin-top: -2rem !important;
  }
  .u-pc-nmt-m, .u-pc-nmy-m {
    margin-top: -3rem !important;
  }
  .u-pc-nmt-l, .u-pc-nmy-l {
    margin-top: -4rem !important;
  }
  .u-pc-nmt-xl, .u-pc-nmy-xl {
    margin-top: -5rem !important;
  }
  .u-pc-nmt-xxl, .u-pc-nmy-xxl {
    margin-top: -6rem !important;
  }
  .u-pc-mr-auto, .u-pc-mx-auto {
    margin-right: auto !important;
  }
  .u-pc-mr-half, .u-pc-mx-half {
    margin-right: 0.5em !important;
  }
  .u-pc-mr-1e, .u-pc-mx-1e {
    margin-right: 1em !important;
  }
  .u-pc-mr-0, .u-pc-mx-0 {
    margin-right: 0 !important;
  }
  .u-pc-mr-xxs, .u-pc-mx-xxs {
    margin-right: 0.5rem !important;
  }
  .u-pc-mr-xs, .u-pc-mx-xs {
    margin-right: 1rem !important;
  }
  .u-pc-mr-s, .u-pc-mx-s {
    margin-right: 2rem !important;
  }
  .u-pc-mr-m, .u-pc-mx-m {
    margin-right: 3rem !important;
  }
  .u-pc-mr-l, .u-pc-mx-l {
    margin-right: 4rem !important;
  }
  .u-pc-mr-xl, .u-pc-mx-xl {
    margin-right: 5rem !important;
  }
  .u-pc-mr-xxl, .u-pc-mx-xxl {
    margin-right: 6rem !important;
  }
  .u-pc-nmr-half, .u-pc-nmx-half {
    margin-right: -0.5em !important;
  }
  .u-pc-nmr-1e, .u-pc-nmx-1e {
    margin-right: -1em !important;
  }
  .u-pc-nmr-0, .u-pc-nmx-0 {
    margin-right: -0 !important;
  }
  .u-pc-nmr-xxs, .u-pc-nmx-xxs {
    margin-right: -0.5rem !important;
  }
  .u-pc-nmr-xs, .u-pc-nmx-xs {
    margin-right: -1rem !important;
  }
  .u-pc-nmr-s, .u-pc-nmx-s {
    margin-right: -2rem !important;
  }
  .u-pc-nmr-m, .u-pc-nmx-m {
    margin-right: -3rem !important;
  }
  .u-pc-nmr-l, .u-pc-nmx-l {
    margin-right: -4rem !important;
  }
  .u-pc-nmr-xl, .u-pc-nmx-xl {
    margin-right: -5rem !important;
  }
  .u-pc-nmr-xxl, .u-pc-nmx-xxl {
    margin-right: -6rem !important;
  }
  .u-pc-mb-auto, .u-pc-my-auto {
    margin-bottom: auto !important;
  }
  .u-pc-mb-half, .u-pc-my-half {
    margin-bottom: 0.5em !important;
  }
  .u-pc-mb-1e, .u-pc-my-1e {
    margin-bottom: 1em !important;
  }
  .u-pc-mb-0, .u-pc-my-0 {
    margin-bottom: 0 !important;
  }
  .u-pc-mb-xxs, .u-pc-my-xxs {
    margin-bottom: 0.5rem !important;
  }
  .u-pc-mb-xs, .u-pc-my-xs {
    margin-bottom: 1rem !important;
  }
  .u-pc-mb-s, .u-pc-my-s {
    margin-bottom: 2rem !important;
  }
  .u-pc-mb-m, .u-pc-my-m {
    margin-bottom: 3rem !important;
  }
  .u-pc-mb-l, .u-pc-my-l {
    margin-bottom: 4rem !important;
  }
  .u-pc-mb-xl, .u-pc-my-xl {
    margin-bottom: 5rem !important;
  }
  .u-pc-mb-xxl, .u-pc-my-xxl {
    margin-bottom: 6rem !important;
  }
  .u-pc-nmb-half, .u-pc-nmy-half {
    margin-bottom: -0.5em !important;
  }
  .u-pc-nmb-1e, .u-pc-nmy-1e {
    margin-bottom: -1em !important;
  }
  .u-pc-nmb-0, .u-pc-nmy-0 {
    margin-bottom: -0 !important;
  }
  .u-pc-nmb-xxs, .u-pc-nmy-xxs {
    margin-bottom: -0.5rem !important;
  }
  .u-pc-nmb-xs, .u-pc-nmy-xs {
    margin-bottom: -1rem !important;
  }
  .u-pc-nmb-s, .u-pc-nmy-s {
    margin-bottom: -2rem !important;
  }
  .u-pc-nmb-m, .u-pc-nmy-m {
    margin-bottom: -3rem !important;
  }
  .u-pc-nmb-l, .u-pc-nmy-l {
    margin-bottom: -4rem !important;
  }
  .u-pc-nmb-xl, .u-pc-nmy-xl {
    margin-bottom: -5rem !important;
  }
  .u-pc-nmb-xxl, .u-pc-nmy-xxl {
    margin-bottom: -6rem !important;
  }
  .u-pc-ml-auto, .u-pc-mx-auto {
    margin-left: auto !important;
  }
  .u-pc-ml-half, .u-pc-mx-half {
    margin-left: 0.5em !important;
  }
  .u-pc-ml-1e, .u-pc-mx-1e {
    margin-left: 1em !important;
  }
  .u-pc-ml-0, .u-pc-mx-0 {
    margin-left: 0 !important;
  }
  .u-pc-ml-xxs, .u-pc-mx-xxs {
    margin-left: 0.5rem !important;
  }
  .u-pc-ml-xs, .u-pc-mx-xs {
    margin-left: 1rem !important;
  }
  .u-pc-ml-s, .u-pc-mx-s {
    margin-left: 2rem !important;
  }
  .u-pc-ml-m, .u-pc-mx-m {
    margin-left: 3rem !important;
  }
  .u-pc-ml-l, .u-pc-mx-l {
    margin-left: 4rem !important;
  }
  .u-pc-ml-xl, .u-pc-mx-xl {
    margin-left: 5rem !important;
  }
  .u-pc-ml-xxl, .u-pc-mx-xxl {
    margin-left: 6rem !important;
  }
  .u-pc-nml-half, .u-pc-nmx-half {
    margin-left: -0.5em !important;
  }
  .u-pc-nml-1e, .u-pc-nmx-1e {
    margin-left: -1em !important;
  }
  .u-pc-nml-0, .u-pc-nmx-0 {
    margin-left: -0 !important;
  }
  .u-pc-nml-xxs, .u-pc-nmx-xxs {
    margin-left: -0.5rem !important;
  }
  .u-pc-nml-xs, .u-pc-nmx-xs {
    margin-left: -1rem !important;
  }
  .u-pc-nml-s, .u-pc-nmx-s {
    margin-left: -2rem !important;
  }
  .u-pc-nml-m, .u-pc-nmx-m {
    margin-left: -3rem !important;
  }
  .u-pc-nml-l, .u-pc-nmx-l {
    margin-left: -4rem !important;
  }
  .u-pc-nml-xl, .u-pc-nmx-xl {
    margin-left: -5rem !important;
  }
  .u-pc-nml-xxl, .u-pc-nmx-xxl {
    margin-left: -6rem !important;
  }
  .u-pc-p-0 {
    padding: 0 !important;
  }
  .u-pc-p-xxs {
    padding: 0.5rem !important;
  }
  .u-pc-p-xs {
    padding: 1rem !important;
  }
  .u-pc-p-s {
    padding: 2rem !important;
  }
  .u-pc-p-m {
    padding: 3rem !important;
  }
  .u-pc-p-l {
    padding: 4rem !important;
  }
  .u-pc-p-xl {
    padding: 5rem !important;
  }
  .u-pc-p-xxl {
    padding: 6rem !important;
  }
  .u-pc-np-0 {
    padding: -0 !important;
  }
  .u-pc-np-xxs {
    padding: -0.5rem !important;
  }
  .u-pc-np-xs {
    padding: -1rem !important;
  }
  .u-pc-np-s {
    padding: -2rem !important;
  }
  .u-pc-np-m {
    padding: -3rem !important;
  }
  .u-pc-np-l {
    padding: -4rem !important;
  }
  .u-pc-np-xl {
    padding: -5rem !important;
  }
  .u-pc-np-xxl {
    padding: -6rem !important;
  }
  .u-pc-pt-0, .u-pc-py-0 {
    padding-top: 0 !important;
  }
  .u-pc-pt-xxs, .u-pc-py-xxs {
    padding-top: 0.5rem !important;
  }
  .u-pc-pt-xs, .u-pc-py-xs {
    padding-top: 1rem !important;
  }
  .u-pc-pt-s, .u-pc-py-s {
    padding-top: 2rem !important;
  }
  .u-pc-pt-m, .u-pc-py-m {
    padding-top: 3rem !important;
  }
  .u-pc-pt-l, .u-pc-py-l {
    padding-top: 4rem !important;
  }
  .u-pc-pt-xl, .u-pc-py-xl {
    padding-top: 5rem !important;
  }
  .u-pc-pt-xxl, .u-pc-py-xxl {
    padding-top: 6rem !important;
  }
  .u-pc-npt-0, .u-pc-npy-0 {
    padding-top: -0 !important;
  }
  .u-pc-npt-xxs, .u-pc-npy-xxs {
    padding-top: -0.5rem !important;
  }
  .u-pc-npt-xs, .u-pc-npy-xs {
    padding-top: -1rem !important;
  }
  .u-pc-npt-s, .u-pc-npy-s {
    padding-top: -2rem !important;
  }
  .u-pc-npt-m, .u-pc-npy-m {
    padding-top: -3rem !important;
  }
  .u-pc-npt-l, .u-pc-npy-l {
    padding-top: -4rem !important;
  }
  .u-pc-npt-xl, .u-pc-npy-xl {
    padding-top: -5rem !important;
  }
  .u-pc-npt-xxl, .u-pc-npy-xxl {
    padding-top: -6rem !important;
  }
  .u-pc-pr-0, .u-pc-px-0 {
    padding-right: 0 !important;
  }
  .u-pc-pr-xxs, .u-pc-px-xxs {
    padding-right: 0.5rem !important;
  }
  .u-pc-pr-xs, .u-pc-px-xs {
    padding-right: 1rem !important;
  }
  .u-pc-pr-s, .u-pc-px-s {
    padding-right: 2rem !important;
  }
  .u-pc-pr-m, .u-pc-px-m {
    padding-right: 3rem !important;
  }
  .u-pc-pr-l, .u-pc-px-l {
    padding-right: 4rem !important;
  }
  .u-pc-pr-xl, .u-pc-px-xl {
    padding-right: 5rem !important;
  }
  .u-pc-pr-xxl, .u-pc-px-xxl {
    padding-right: 6rem !important;
  }
  .u-pc-npr-0, .u-pc-npx-0 {
    padding-right: -0 !important;
  }
  .u-pc-npr-xxs, .u-pc-npx-xxs {
    padding-right: -0.5rem !important;
  }
  .u-pc-npr-xs, .u-pc-npx-xs {
    padding-right: -1rem !important;
  }
  .u-pc-npr-s, .u-pc-npx-s {
    padding-right: -2rem !important;
  }
  .u-pc-npr-m, .u-pc-npx-m {
    padding-right: -3rem !important;
  }
  .u-pc-npr-l, .u-pc-npx-l {
    padding-right: -4rem !important;
  }
  .u-pc-npr-xl, .u-pc-npx-xl {
    padding-right: -5rem !important;
  }
  .u-pc-npr-xxl, .u-pc-npx-xxl {
    padding-right: -6rem !important;
  }
  .u-pc-pb-0, .u-pc-py-0 {
    padding-bottom: 0 !important;
  }
  .u-pc-pb-xxs, .u-pc-py-xxs {
    padding-bottom: 0.5rem !important;
  }
  .u-pc-pb-xs, .u-pc-py-xs {
    padding-bottom: 1rem !important;
  }
  .u-pc-pb-s, .u-pc-py-s {
    padding-bottom: 2rem !important;
  }
  .u-pc-pb-m, .u-pc-py-m {
    padding-bottom: 3rem !important;
  }
  .u-pc-pb-l, .u-pc-py-l {
    padding-bottom: 4rem !important;
  }
  .u-pc-pb-xl, .u-pc-py-xl {
    padding-bottom: 5rem !important;
  }
  .u-pc-pb-xxl, .u-pc-py-xxl {
    padding-bottom: 6rem !important;
  }
  .u-pc-npb-0, .u-pc-npy-0 {
    padding-bottom: -0 !important;
  }
  .u-pc-npb-xxs, .u-pc-npy-xxs {
    padding-bottom: -0.5rem !important;
  }
  .u-pc-npb-xs, .u-pc-npy-xs {
    padding-bottom: -1rem !important;
  }
  .u-pc-npb-s, .u-pc-npy-s {
    padding-bottom: -2rem !important;
  }
  .u-pc-npb-m, .u-pc-npy-m {
    padding-bottom: -3rem !important;
  }
  .u-pc-npb-l, .u-pc-npy-l {
    padding-bottom: -4rem !important;
  }
  .u-pc-npb-xl, .u-pc-npy-xl {
    padding-bottom: -5rem !important;
  }
  .u-pc-npb-xxl, .u-pc-npy-xxl {
    padding-bottom: -6rem !important;
  }
  .u-pc-pl-0, .u-pc-px-0 {
    padding-left: 0 !important;
  }
  .u-pc-pl-xxs, .u-pc-px-xxs {
    padding-left: 0.5rem !important;
  }
  .u-pc-pl-xs, .u-pc-px-xs {
    padding-left: 1rem !important;
  }
  .u-pc-pl-s, .u-pc-px-s {
    padding-left: 2rem !important;
  }
  .u-pc-pl-m, .u-pc-px-m {
    padding-left: 3rem !important;
  }
  .u-pc-pl-l, .u-pc-px-l {
    padding-left: 4rem !important;
  }
  .u-pc-pl-xl, .u-pc-px-xl {
    padding-left: 5rem !important;
  }
  .u-pc-pl-xxl, .u-pc-px-xxl {
    padding-left: 6rem !important;
  }
  .u-pc-npl-0, .u-pc-npx-0 {
    padding-left: -0 !important;
  }
  .u-pc-npl-xxs, .u-pc-npx-xxs {
    padding-left: -0.5rem !important;
  }
  .u-pc-npl-xs, .u-pc-npx-xs {
    padding-left: -1rem !important;
  }
  .u-pc-npl-s, .u-pc-npx-s {
    padding-left: -2rem !important;
  }
  .u-pc-npl-m, .u-pc-npx-m {
    padding-left: -3rem !important;
  }
  .u-pc-npl-l, .u-pc-npx-l {
    padding-left: -4rem !important;
  }
  .u-pc-npl-xl, .u-pc-npx-xl {
    padding-left: -5rem !important;
  }
  .u-pc-npl-xxl, .u-pc-npx-xxl {
    padding-left: -6rem !important;
  }
  .u-pc-pe-no {
    pointer-events: none !important;
  }
  .u-pc-line-no {
    pointer-events: none !important;
  }
}
@media (min-width: 768px) and (min-width: 768px) {
  .hero__wrapper {
    max-width: 1000px;
    margin: 0 auto;
  }
}
/*# sourceMappingURL=main.css.map */