html,
body {
  position: relative;
  font-size: 20px;
  line-height: 1;
  scroll-behavior: smooth;
}

@font-face {
  font-family: "PanchangBold";
  src: url("../fonts/Panchang-Bold.otf") format("opentype");
}

@font-face {
  font-family: "BIZUDPGothicRegular";
  src: url("../fonts/BIZUDPGothic-Regular.ttf") format("truetype");
}

@font-face {
  font-family: "BIZUDPGothicBold";
  src: url("../fonts/BIZUDPGothic-Bold.ttf") format("truetype");
}
@font-face {
  font-family: "BIZUDGothicRegular";
  src: url("../fonts/BIZUDGothic-Regular.ttf") format("truetype");
}

@font-face {
  font-family: "BIZUDGothicBold";
  src: url("../fonts/BIZUDGothic-Bold.ttf") format("truetype");
}

@font-face {
  font-family: "PanchangLight";
  src: url("../fonts/Panchang-Light.otf") format("opentype");
}

@font-face {
  font-family: "PanchangMedium";
  src: url("../fonts/Panchang-Medium.otf") format("opentype");
}

@font-face {
  font-family: "PanchangRegular";
  src: url("../fonts/Panchang-Regular.otf") format("opentype");
}

@font-face {
  font-family: "PanchangSemibold";
  src: url("../fonts/Panchang-SemiBold.otf") format("opentype");
}

@font-face {
  font-family: "PanchangRegular";
  src: url("../fonts/Panchang-Regular.otf") format("opentype");
}
.colorW {
  color: #fff !important;
}
.noflex {
  display: block !important;
}
.mt40 {
  margin-top: 40px;
}
.mt0 {
  margin-top: 0 !important;
}
.upperCase {
  text-transform: uppercase;
}
p {
  margin: 0;
  padding: 0;
}
div {
  box-sizing: border-box;
}
.inblock {
  display: inline-block;
}
.mr12 {
  margin-right: 12px;
}
.mt8 {
  margin-top: 8px;
}
.mt20 {
  margin-top: 20px;
}
.mr16Nav {
  margin-right: 16px;
}
.mr88 {
  margin-right: 88px;
}
li {
  list-style: none;
}
body {
  background: #fff;
  color: #293033;
  margin: 0;
  padding: 0;
  font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons",
    "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo",
    "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
}
.fontBold {
  font-family: "NotoSerifJP";
}
span {
  outline: none;
}
*,
*:before,
*:after {
  box-sizing: inherit;
}
a:focus,
a:active {
  outline: none;
}
a,
a:focus,
a:hover {
  cursor: pointer;
  color: inherit;
  text-decoration: none;
}
a {
  display: inline-block;
}
ul,
ul li,
p,
h1,
h2,
h3 {
  list-style: none;
  margin: 0;
  padding: 0;
}
.flexCenter {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.absCenter {
  position: absolute;
  z-index: 3;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.ellipsis1 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ellipsis2 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box !important;
  -webkit-line-clamp: 2;
  /*! autoprefixer: off */
  -webkit-box-orient: vertical;
  word-break: break-all;
}
.p0 {
  padding: 0 !important;
}
::-webkit-scrollbar {
  width: 7px;
  height: 8px;
  background-color: #c7c9cc;
  -webkit-transition: background-color 0.3s ease-in-out;
  transition: background-color 0.3s ease-in-out;
}
::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.3);
  height: 50px;
  border-radius: 5px;
  border-right: 1px solid #fff;
  border-left: 1px solid #fff;
  -webkit-transition: background-color 0.3s ease-in-out;
  transition: background-color 0.3s ease-in-out;
}

@-webkit-keyframes artistsCharIn {
  0% {
    -webkit-transform: translateY(120%) rotateX(60deg);
            transform: translateY(120%) rotateX(60deg);
    opacity: 0;
  }
  60% {
    -webkit-transform: translateY(-10%) rotateX(-6deg);
            transform: translateY(-10%) rotateX(-6deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(0) rotateX(0deg);
            transform: translateY(0) rotateX(0deg);
    opacity: 1;
  }
}
@-moz-keyframes artistsCharIn {
  0% {
    -moz-transform: translateY(120%) rotateX(60deg);
         transform: translateY(120%) rotateX(60deg);
    opacity: 0;
  }
  60% {
    -moz-transform: translateY(-10%) rotateX(-6deg);
         transform: translateY(-10%) rotateX(-6deg);
    opacity: 1;
  }
  100% {
    -moz-transform: translateY(0) rotateX(0deg);
         transform: translateY(0) rotateX(0deg);
    opacity: 1;
  }
}
@-o-keyframes artistsCharIn {
  0% {
    transform: translateY(120%) rotateX(60deg);
    opacity: 0;
  }
  60% {
    transform: translateY(-10%) rotateX(-6deg);
    opacity: 1;
  }
  100% {
    transform: translateY(0) rotateX(0deg);
    opacity: 1;
  }
}
@keyframes artistsCharIn {
  0% {
    -webkit-transform: translateY(120%) rotateX(60deg);
       -moz-transform: translateY(120%) rotateX(60deg);
            transform: translateY(120%) rotateX(60deg);
    opacity: 0;
  }
  60% {
    -webkit-transform: translateY(-10%) rotateX(-6deg);
       -moz-transform: translateY(-10%) rotateX(-6deg);
            transform: translateY(-10%) rotateX(-6deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(0) rotateX(0deg);
       -moz-transform: translateY(0) rotateX(0deg);
            transform: translateY(0) rotateX(0deg);
    opacity: 1;
  }
}
/* Global per-title animated heading rules */
.title.title-animated {
  display: inline-block;
  overflow: hidden;
}
.title.title-animated .split-text {
  display: inline-block;
}
.title.title-animated .char {
  display: inline-block;
  will-change: transform, opacity;
  -webkit-transform: translateY(120%) rotateX(60deg);
     -moz-transform: translateY(120%) rotateX(60deg);
          transform: translateY(120%) rotateX(60deg);
  -webkit-transform-origin: bottom center;
     -moz-transform-origin: bottom center;
      -ms-transform-origin: bottom center;
       -o-transform-origin: bottom center;
          transform-origin: bottom center;
  opacity: 0;
}
.title.title-animated.start {
  /* nth-child delays as fallback (still OK even when JS sets inline delay) */
}
.title.title-animated.start .char {
  -webkit-animation-name: artistsCharIn;
     -moz-animation-name: artistsCharIn;
       -o-animation-name: artistsCharIn;
          animation-name: artistsCharIn;
  -webkit-animation-duration: 900ms;
     -moz-animation-duration: 900ms;
       -o-animation-duration: 900ms;
          animation-duration: 900ms;
  -webkit-animation-fill-mode: forwards;
     -moz-animation-fill-mode: forwards;
       -o-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-timing-function: cubic-bezier(0.2, 0.9, 0.3, 1);
     -moz-animation-timing-function: cubic-bezier(0.2, 0.9, 0.3, 1);
       -o-animation-timing-function: cubic-bezier(0.2, 0.9, 0.3, 1);
          animation-timing-function: cubic-bezier(0.2, 0.9, 0.3, 1);
}
.title.title-animated.start .char:nth-child(1) {
  -webkit-animation-delay: 0s;
     -moz-animation-delay: 0s;
       -o-animation-delay: 0s;
          animation-delay: 0s;
}
.title.title-animated.start .char:nth-child(2) {
  -webkit-animation-delay: 0.14s;
     -moz-animation-delay: 0.14s;
       -o-animation-delay: 0.14s;
          animation-delay: 0.14s;
}
.title.title-animated.start .char:nth-child(3) {
  -webkit-animation-delay: 0.28s;
     -moz-animation-delay: 0.28s;
       -o-animation-delay: 0.28s;
          animation-delay: 0.28s;
}
.title.title-animated.start .char:nth-child(4) {
  -webkit-animation-delay: 0.42s;
     -moz-animation-delay: 0.42s;
       -o-animation-delay: 0.42s;
          animation-delay: 0.42s;
}
.title.title-animated.start .char:nth-child(5) {
  -webkit-animation-delay: 0.56s;
     -moz-animation-delay: 0.56s;
       -o-animation-delay: 0.56s;
          animation-delay: 0.56s;
}
.title.title-animated.start .char:nth-child(6) {
  -webkit-animation-delay: 0.7s;
     -moz-animation-delay: 0.7s;
       -o-animation-delay: 0.7s;
          animation-delay: 0.7s;
}
.title.title-animated.start .char:nth-child(7) {
  -webkit-animation-delay: 0.84s;
     -moz-animation-delay: 0.84s;
       -o-animation-delay: 0.84s;
          animation-delay: 0.84s;
}
.title.title-animated.start .char:nth-child(8) {
  -webkit-animation-delay: 0.98s;
     -moz-animation-delay: 0.98s;
       -o-animation-delay: 0.98s;
          animation-delay: 0.98s;
}
.title.title-animated.start .char:nth-child(9) {
  -webkit-animation-delay: 1.12s;
     -moz-animation-delay: 1.12s;
       -o-animation-delay: 1.12s;
          animation-delay: 1.12s;
}
.title.title-animated.start .char:nth-child(10) {
  -webkit-animation-delay: 1.26s;
     -moz-animation-delay: 1.26s;
       -o-animation-delay: 1.26s;
          animation-delay: 1.26s;
}
.title.title-animated.start .char:nth-child(11) {
  -webkit-animation-delay: 1.4s;
     -moz-animation-delay: 1.4s;
       -o-animation-delay: 1.4s;
          animation-delay: 1.4s;
}
.title.title-animated.start .char:nth-child(12) {
  -webkit-animation-delay: 1.54s;
     -moz-animation-delay: 1.54s;
       -o-animation-delay: 1.54s;
          animation-delay: 1.54s;
}
.title.title-animated.start .char:nth-child(13) {
  -webkit-animation-delay: 1.68s;
     -moz-animation-delay: 1.68s;
       -o-animation-delay: 1.68s;
          animation-delay: 1.68s;
}
.title.title-animated.start .char:nth-child(14) {
  -webkit-animation-delay: 1.82s;
     -moz-animation-delay: 1.82s;
       -o-animation-delay: 1.82s;
          animation-delay: 1.82s;
}
.title.title-animated.start .char:nth-child(15) {
  -webkit-animation-delay: 1.96s;
     -moz-animation-delay: 1.96s;
       -o-animation-delay: 1.96s;
          animation-delay: 1.96s;
}
.title.title-animated.start .char:nth-child(16) {
  -webkit-animation-delay: 2.1s;
     -moz-animation-delay: 2.1s;
       -o-animation-delay: 2.1s;
          animation-delay: 2.1s;
}
.title.title-animated.start .char:nth-child(17) {
  -webkit-animation-delay: 2.24s;
     -moz-animation-delay: 2.24s;
       -o-animation-delay: 2.24s;
          animation-delay: 2.24s;
}
.title.title-animated.start .char:nth-child(18) {
  -webkit-animation-delay: 2.38s;
     -moz-animation-delay: 2.38s;
       -o-animation-delay: 2.38s;
          animation-delay: 2.38s;
}
.title.title-animated.start .char:nth-child(19) {
  -webkit-animation-delay: 2.52s;
     -moz-animation-delay: 2.52s;
       -o-animation-delay: 2.52s;
          animation-delay: 2.52s;
}
.title.title-animated.start .char:nth-child(20) {
  -webkit-animation-delay: 2.66s;
     -moz-animation-delay: 2.66s;
       -o-animation-delay: 2.66s;
          animation-delay: 2.66s;
}
.title.title-animated.show-full {
  -webkit-transform-origin: center;
     -moz-transform-origin: center;
      -ms-transform-origin: center;
       -o-transform-origin: center;
          transform-origin: center;
  -webkit-transition: text-shadow 240ms ease, -webkit-transform 240ms ease;
  transition: text-shadow 240ms ease, -webkit-transform 240ms ease;
  -o-transition: text-shadow 240ms ease, -o-transform 240ms ease;
  -moz-transition: transform 240ms ease, text-shadow 240ms ease, -moz-transform 240ms ease;
  transition: transform 240ms ease, text-shadow 240ms ease;
  transition: transform 240ms ease, text-shadow 240ms ease, -webkit-transform 240ms ease, -moz-transform 240ms ease, -o-transform 240ms ease;
}