@charset "UTF-8";
picture {
  display: inline-block; }

picture > img {
  width: 100%; }

.nom_root {
  position: relative;
  width: 100%;
  overflow: hidden;
  color: #39c4ff;
  font-family: Georgia, "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif; }

.nom_bg_wrap {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  overflow: hidden; }

.nom_bg_wrap div {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  background-position: center 0px;
  background-repeat: repeat; }

.nom_bg123 {
  position: relative;
  animation-duration: 2s;
  animation-name: nomBGFadeIn;
  animation-fill-mode: forwards;
  animation-timing-function: ease-in;
  animation-delay: 0.5s;
  opacity: 0; }

@keyframes nomBGFadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.nom_bg0 {
  background-image: url(../imgs/bg0_sp.png);
  background-size: 100vw auto; }

.nom_bg1 {
  background-image: url(../imgs/bg1_sp.png);
  background-size: 350px 1200px;
  transform: translate3d(0, 0, 0);
  animation: bg_scroll 30s linear infinite; }

.nom_bg2 {
  background-image: url(../imgs/bg2_sp.png);
  background-size: 350px 1200px;
  transform: translate3d(0, 0, 0);
  animation: bg_scroll 60s linear infinite; }

.nom_bg3 {
  background-image: url(../imgs/bg3_sp.png);
  background-size: 350px 1200px;
  transform: translate3d(0, 0, 0);
  animation: bg_scroll 120s linear infinite; }

@keyframes bg_scroll {
  from {
    background-position: 50% 0; }
  to {
    background-position: 50% -1200px; }
  /* 1518pxとは使用した背景画像の長さ */ }

.nom_main_wrap {
  position: relative; }

.nom_top_wrap {
  position: relative;
  margin-bottom: 17.3vw; }

.nom_top_bg_wrap {
  position: relative;
  pointer-events: none;
  width: 100%;
  height: 224.3vw;
  transform-style: preserve-3d;
  perspective: 500px;
  z-index: 10; }

.nom_top_bg_wrap2 {
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 0; }

.nom_top_bg {
  position: absolute;
  left: 0px;
  top: 0px;
  transform: rotateY(0deg) translateZ(250px) scale(0.5); }

.nom_top_bg1 {
  left: -1.466666666666667vw;
  top: -5vw;
  width: 103.4666666666667vw;
  opacity: 0; }

.nom_top_bg2 {
  width: 128.2666666666667vw;
  left: -8.1vw;
  top: -5vw; }

.nom_top_bg img {
  pointer-events: none;
  margin: 63.5vw 0px -36vw; }

/* アニメーション */
.nom_top_bg_show {
  animation: topBGShow 0.3s ease-out 0.3s forwards;
  opacity: 0; }

.nom_top_bg_hide {
  animation: topBGHide 0.3s ease-in 0s forwards;
  opacity: 1; }

@keyframes topBGShow {
  0% {
    opacity: 0;
    transform: rotateY(3deg) translateZ(250px) scale(0.5); }
  100% {
    opacity: 1;
    transform: rotateY(0deg) translateZ(250px) scale(0.5); } }

@keyframes topBGHide {
  0% {
    opacity: 1;
    transform: rotateY(0deg) translateZ(250px) scale(0.5); }
  100% {
    opacity: 0;
    transform: rotateY(-3deg) translateZ(250px) scale(0.5); } }

@keyframes topBGShowPC {
  0% {
    opacity: 0;
    transform: translateX(1vw) rotateY(2deg) translateZ(250px) scale(0.5); }
  100% {
    opacity: 1;
    transform: translateX(0vw) rotateY(0deg) translateZ(250px) scale(0.5); } }

@keyframes topBGHidePC {
  0% {
    opacity: 1;
    transform: translateX(0vw) rotateY(0deg) translateZ(250px) scale(0.5); }
  100% {
    opacity: 0;
    transform: translateX(-1vw) rotateY(-2deg) translateZ(250px) scale(0.5); } }

.nom_first_fade_in {
  animation-duration: 2s;
  animation-name: nomFadeIn;
  animation-fill-mode: forwards;
  animation-timing-function: cubic-bezier(0.79, 0, 0.75, 1);
  animation-delay: 4.5s;
  opacity: 0; }

@keyframes nomFadeIn {
  0% {
    opacity: 0;
    transform: scale(0.99, 0.99); }
  100% {
    opacity: 1;
    transform: scale(1, 1); } }

@keyframes introAnimate1 {
  from {
    opacity: 0;
    transform: translate3d(52px, -24px, -18px) scale(0.285, 0.594) rotate3d(0.45, -0.94, -0.83, -43deg); }
  to {
    opacity: 1;
    transform: translate3d(0px, 0px, 0px) scale(1, 1) rotate3d(0.45, -0.94, -0.83, 0deg); } }

@keyframes introAnimate2 {
  from {
    opacity: 0;
    transform: translate3d(60px, -26px, 3px) scale(0.64, 0.746) rotate3d(0.27, 0.01, 0.04, -41deg); }
  to {
    opacity: 1;
    transform: translate3d(0px, 0px, 0px) scale(1, 1) rotate3d(0.27, 0.01, 0.04, 0deg); } }

@keyframes introAnimate3 {
  from {
    opacity: 0;
    transform: translate3d(58px, -18px, 11px) scale(0.269, 0.362) rotate3d(0.47, 0.58, -0.06, 23deg); }
  to {
    opacity: 1;
    transform: translate3d(0px, 0px, 0px) scale(1, 1) rotate3d(0.47, 0.58, -0.06, 0deg); } }

@keyframes introAnimate4 {
  from {
    opacity: 0;
    transform: translate3d(66px, -21px, -5px) scale(0.562, 0.533) rotate3d(-0.56, -0.8, -0.51, 28deg); }
  to {
    opacity: 1;
    transform: translate3d(0px, 0px, 0px) scale(1, 1) rotate3d(-0.56, -0.8, -0.51, 0deg); } }

@keyframes introAnimate5 {
  from {
    opacity: 0;
    transform: translate3d(59px, 6px, -8px) scale(0.407, 0.301) rotate3d(-0.15, 0.47, 0.15, -11deg); }
  to {
    opacity: 1;
    transform: translate3d(0px, 0px, 0px) scale(1, 1) rotate3d(-0.15, 0.47, 0.15, 0deg); } }

@keyframes introAnimate6 {
  from {
    opacity: 0;
    transform: translate3d(59px, -21px, -16px) scale(0.685, 0.445) rotate3d(-0.1, 1, 0.18, 19deg); }
  to {
    opacity: 1;
    transform: translate3d(0px, 0px, 0px) scale(1, 1) rotate3d(-0.1, 1, 0.18, 0deg); } }

@keyframes introAnimate7 {
  from {
    opacity: 0;
    transform: translate3d(54px, 16px, 15px) scale(0.687, 0.738) rotate3d(0.83, -0.13, 0.13, 53deg); }
  to {
    opacity: 1;
    transform: translate3d(0px, 0px, 0px) scale(1, 1) rotate3d(0.83, -0.13, 0.13, 0deg); } }

@keyframes introAnimate8 {
  from {
    opacity: 0;
    transform: translate3d(56px, 16px, 0px) scale(0.289, 0.55) rotate3d(-0.56, -0.2, -0.4, -8deg); }
  to {
    opacity: 1;
    transform: translate3d(0px, 0px, 0px) scale(1, 1) rotate3d(-0.56, -0.2, -0.4, 0deg); } }

@keyframes introAnimate9 {
  from {
    opacity: 0;
    transform: translate3d(57px, -14px, 4px) scale(0.41, 0.648) rotate3d(-0.5, 0.87, -0.46, -29deg); }
  to {
    opacity: 1;
    transform: translate3d(0px, 0px, 0px) scale(1, 1) rotate3d(-0.5, 0.87, -0.46, 0deg); } }

@keyframes introAnimate10 {
  from {
    opacity: 0;
    transform: translate3d(54px, 28px, -15px) scale(0.39, 0.581) rotate3d(-0.46, 0.26, 0.4, -28deg); }
  to {
    opacity: 1;
    transform: translate3d(0px, 0px, 0px) scale(1, 1) rotate3d(-0.46, 0.26, 0.4, 0deg); } }

@keyframes introAnimate11 {
  from {
    opacity: 0;
    transform: translate3d(64px, -5px, 14px) scale(0.433, 0.544) rotate3d(-0.47, -0.64, 0.01, -47deg); }
  to {
    opacity: 1;
    transform: translate3d(0px, 0px, 0px) scale(1, 1) rotate3d(-0.47, -0.64, 0.01, 0deg); } }

@keyframes introAnimate12 {
  from {
    opacity: 0;
    transform: translate3d(70px, 24px, -18px) scale(0.65, 0.403) rotate3d(-0.35, -0.44, 0.97, -59deg); }
  to {
    opacity: 1;
    transform: translate3d(0px, 0px, 0px) scale(1, 1) rotate3d(-0.35, -0.44, 0.97, 0deg); } }

@keyframes introAnimate13 {
  from {
    opacity: 0;
    transform: translate3d(54px, -16px, -8px) scale(0.748, 0.716) rotate3d(-0.34, -0.91, 0.46, -37deg); }
  to {
    opacity: 1;
    transform: translate3d(0px, 0px, 0px) scale(1, 1) rotate3d(-0.34, -0.91, 0.46, 0deg); } }

@keyframes introAnimate14 {
  from {
    opacity: 0;
    transform: translate3d(64px, 3px, -19px) scale(0.467, 0.784) rotate3d(-0.63, -0.23, 0.16, 57deg); }
  to {
    opacity: 1;
    transform: translate3d(0px, 0px, 0px) scale(1, 1) rotate3d(-0.63, -0.23, 0.16, 0deg); } }

@keyframes introAnimate15 {
  from {
    opacity: 0;
    transform: translate3d(67px, 20px, 15px) scale(0.269, 0.473) rotate3d(0.85, 0.37, -0.55, -27deg); }
  to {
    opacity: 1;
    transform: translate3d(0px, 0px, 0px) scale(1, 1) rotate3d(0.85, 0.37, -0.55, 0deg); } }

@keyframes introAnimate16 {
  from {
    opacity: 0;
    transform: translate3d(57px, -14px, 19px) scale(0.39, 0.266) rotate3d(-0.01, 0.11, -0.37, -55deg); }
  to {
    opacity: 1;
    transform: translate3d(0px, 0px, 0px) scale(1, 1) rotate3d(-0.01, 0.11, -0.37, 0deg); } }

@keyframes introAnimate17 {
  from {
    opacity: 0;
    transform: translate3d(56px, -15px, 14px) scale(0.274, 0.607) rotate3d(0.49, -0.83, -0.1, 45deg); }
  to {
    opacity: 1;
    transform: translate3d(0px, 0px, 0px) scale(1, 1) rotate3d(0.49, -0.83, -0.1, 0deg); } }

@keyframes introAnimate18 {
  from {
    opacity: 0;
    transform: translate3d(67px, -23px, -11px) scale(0.494, 0.638) rotate3d(-0.89, 0.88, 0.21, 14deg); }
  to {
    opacity: 1;
    transform: translate3d(0px, 0px, 0px) scale(1, 1) rotate3d(-0.89, 0.88, 0.21, 0deg); } }

@keyframes introAnimate19 {
  from {
    opacity: 0;
    transform: translate3d(65px, 8px, -2px) scale(0.523, 0.745) rotate3d(-0.65, -0.97, 0.01, -13deg); }
  to {
    opacity: 1;
    transform: translate3d(0px, 0px, 0px) scale(1, 1) rotate3d(-0.65, -0.97, 0.01, 0deg); } }

@keyframes introAnimate20 {
  from {
    opacity: 0;
    transform: translate3d(55px, -9px, -1px) scale(0.373, 0.729) rotate3d(0.08, -0.43, -0.71, 15deg); }
  to {
    opacity: 1;
    transform: translate3d(0px, 0px, 0px) scale(1, 1) rotate3d(0.08, -0.43, -0.71, 0deg); } }

@keyframes introAnimate21 {
  from {
    opacity: 0;
    transform: translate3d(69px, 27px, -10px) scale(0.499, 0.398) rotate3d(-0.56, 0.52, -0.47, 50deg); }
  to {
    opacity: 1;
    transform: translate3d(0px, 0px, 0px) scale(1, 1) rotate3d(-0.56, 0.52, -0.47, 0deg); } }

@keyframes introAnimate22 {
  from {
    opacity: 0;
    transform: translate3d(56px, 27px, -6px) scale(0.25, 0.772) rotate3d(0.83, 0.67, 0.03, 22deg); }
  to {
    opacity: 1;
    transform: translate3d(0px, 0px, 0px) scale(1, 1) rotate3d(0.83, 0.67, 0.03, 0deg); } }

@keyframes introAnimate23 {
  from {
    opacity: 0;
    transform: translate3d(61px, -3px, 6px) scale(0.585, 0.499) rotate3d(0.75, -0.3, -0.29, -47deg); }
  to {
    opacity: 1;
    transform: translate3d(0px, 0px, 0px) scale(1, 1) rotate3d(0.75, -0.3, -0.29, 0deg); } }

@keyframes introAnimate24 {
  from {
    opacity: 0;
    transform: translate3d(68px, 29px, 3px) scale(0.304, 0.553) rotate3d(-0.7, -0.32, 0.82, 3deg); }
  to {
    opacity: 1;
    transform: translate3d(0px, 0px, 0px) scale(1, 1) rotate3d(-0.7, -0.32, 0.82, 0deg); } }

@keyframes introAnimate25 {
  from {
    opacity: 0;
    transform: translate3d(63px, 4px, 10px) scale(0.609, 0.543) rotate3d(0.53, -0.94, 0.11, 38deg); }
  to {
    opacity: 1;
    transform: translate3d(0px, 0px, 0px) scale(1, 1) rotate3d(0.53, -0.94, 0.11, 0deg); } }

@keyframes introAnimate26 {
  from {
    opacity: 0;
    transform: translate3d(62px, 9px, -9px) scale(0.601, 0.457) rotate3d(0.18, 0.6, -0.8, -23deg); }
  to {
    opacity: 1;
    transform: translate3d(0px, 0px, 0px) scale(1, 1) rotate3d(0.18, 0.6, -0.8, 0deg); } }

@keyframes introAnimate27 {
  from {
    opacity: 0;
    transform: translate3d(67px, 1px, -3px) scale(0.596, 0.547) rotate3d(0.09, 0.47, -0.82, -50deg); }
  to {
    opacity: 1;
    transform: translate3d(0px, 0px, 0px) scale(1, 1) rotate3d(0.09, 0.47, -0.82, 0deg); } }

@keyframes introAnimate28 {
  from {
    opacity: 0;
    transform: translate3d(64px, -8px, 12px) scale(0.418, 0.37) rotate3d(0.39, 0.15, -0.64, 26deg); }
  to {
    opacity: 1;
    transform: translate3d(0px, 0px, 0px) scale(1, 1) rotate3d(0.39, 0.15, -0.64, 0deg); } }

@keyframes introAnimate29 {
  from {
    opacity: 0;
    transform: translate3d(63px, 30px, 2px) scale(0.386, 0.506) rotate3d(0.42, -0.32, -0.55, 40deg); }
  to {
    opacity: 1;
    transform: translate3d(0px, 0px, 0px) scale(1, 1) rotate3d(0.42, -0.32, -0.55, 0deg); } }

@keyframes introAnimate30 {
  from {
    opacity: 0;
    transform: translate3d(66px, -19px, 5px) scale(0.652, 0.472) rotate3d(-0.94, -0.28, -0.83, 48deg); }
  to {
    opacity: 1;
    transform: translate3d(0px, 0px, 0px) scale(1, 1) rotate3d(-0.94, -0.28, -0.83, 0deg); } }

@keyframes introAnimate31 {
  from {
    opacity: 0;
    transform: translate3d(59px, -12px, 16px) scale(0.376, 0.779) rotate3d(-0.72, -0.44, -0.94, -43deg); }
  to {
    opacity: 1;
    transform: translate3d(0px, 0px, 0px) scale(1, 1) rotate3d(-0.72, -0.44, -0.94, 0deg); } }

@keyframes introAnimate32 {
  from {
    opacity: 0;
    transform: translate3d(56px, 6px, 0px) scale(0.285, 0.767) rotate3d(-0.71, -0.62, 0.69, -4deg); }
  to {
    opacity: 1;
    transform: translate3d(0px, 0px, 0px) scale(1, 1) rotate3d(-0.71, -0.62, 0.69, 0deg); } }

@keyframes introAnimate33 {
  from {
    opacity: 0;
    transform: translate3d(59px, 26px, -1px) scale(0.364, 0.557) rotate3d(-0.18, 0.86, 0.54, -40deg); }
  to {
    opacity: 1;
    transform: translate3d(0px, 0px, 0px) scale(1, 1) rotate3d(-0.18, 0.86, 0.54, 0deg); } }

@keyframes introAnimate34 {
  from {
    opacity: 0;
    transform: translate3d(59px, 22px, -11px) scale(0.604, 0.443) rotate3d(-0.08, 0.79, -0.58, -8deg); }
  to {
    opacity: 1;
    transform: translate3d(0px, 0px, 0px) scale(1, 1) rotate3d(-0.08, 0.79, -0.58, 0deg); } }

@keyframes introAnimate35 {
  from {
    opacity: 0;
    transform: translate3d(53px, -18px, 14px) scale(0.256, 0.789) rotate3d(0.2, -0.26, -0.64, -53deg); }
  to {
    opacity: 1;
    transform: translate3d(0px, 0px, 0px) scale(1, 1) rotate3d(0.2, -0.26, -0.64, 0deg); } }

@keyframes introAnimate36 {
  from {
    opacity: 0;
    transform: translate3d(53px, 6px, -16px) scale(0.322, 0.427) rotate3d(0.39, 0.3, 0.06, -21deg); }
  to {
    opacity: 1;
    transform: translate3d(0px, 0px, 0px) scale(1, 1) rotate3d(0.39, 0.3, 0.06, 0deg); } }

@keyframes introAnimate37 {
  from {
    opacity: 0;
    transform: translate3d(59px, 25px, 17px) scale(0.488, 0.366) rotate3d(0.6, -0.7, -0.12, 34deg); }
  to {
    opacity: 1;
    transform: translate3d(0px, 0px, 0px) scale(1, 1) rotate3d(0.6, -0.7, -0.12, 0deg); } }

@keyframes introAnimate38 {
  from {
    opacity: 0;
    transform: translate3d(69px, 29px, -1px) scale(0.552, 0.434) rotate3d(0.62, 0, 0.1, -7deg); }
  to {
    opacity: 1;
    transform: translate3d(0px, 0px, 0px) scale(1, 1) rotate3d(0.62, 0, 0.1, 0deg); } }

@keyframes introAnimate39 {
  from {
    opacity: 0;
    transform: translate3d(54px, -8px, -3px) scale(0.296, 0.221) rotate3d(0.53, 0.61, -0.49, 46deg); }
  to {
    opacity: 1;
    transform: translate3d(0px, 0px, 0px) scale(1, 1) rotate3d(0.53, 0.61, -0.49, 0deg); } }

@keyframes introAnimate40 {
  from {
    opacity: 0;
    transform: translate3d(64px, -29px, 4px) scale(0.449, 0.385) rotate3d(-0.15, 0.28, 0.41, 8deg); }
  to {
    opacity: 1;
    transform: translate3d(0px, 0px, 0px) scale(1, 1) rotate3d(-0.15, 0.28, 0.41, 0deg); } }

@keyframes introAnimate41 {
  from {
    opacity: 0;
    transform: translate3d(64px, 26px, 19px) scale(0.525, 0.232) rotate3d(0.82, 0.7, 0.26, 1deg); }
  to {
    opacity: 1;
    transform: translate3d(0px, 0px, 0px) scale(1, 1) rotate3d(0.82, 0.7, 0.26, 0deg); } }

@keyframes introAnimate42 {
  from {
    opacity: 0;
    transform: translate3d(68px, -28px, -5px) scale(0.67, 0.508) rotate3d(0.59, -0.55, -0.64, -40deg); }
  to {
    opacity: 1;
    transform: translate3d(0px, 0px, 0px) scale(1, 1) rotate3d(0.59, -0.55, -0.64, 0deg); } }

@keyframes introAnimate43 {
  from {
    opacity: 0;
    transform: translate3d(57px, 30px, -10px) scale(0.52, 0.204) rotate3d(-0.59, 0.93, -0.7, -51deg); }
  to {
    opacity: 1;
    transform: translate3d(0px, 0px, 0px) scale(1, 1) rotate3d(-0.59, 0.93, -0.7, 0deg); } }

@keyframes introAnimate44 {
  from {
    opacity: 0;
    transform: translate3d(58px, 22px, -15px) scale(0.645, 0.325) rotate3d(0.51, 0.56, 0.57, -34deg); }
  to {
    opacity: 1;
    transform: translate3d(0px, 0px, 0px) scale(1, 1) rotate3d(0.51, 0.56, 0.57, 0deg); } }

@keyframes introAnimate45 {
  from {
    opacity: 0;
    transform: translate3d(59px, 9px, -13px) scale(0.483, 0.602) rotate3d(-0.29, -0.93, 0.82, 54deg); }
  to {
    opacity: 1;
    transform: translate3d(0px, 0px, 0px) scale(1, 1) rotate3d(-0.29, -0.93, 0.82, 0deg); } }

@keyframes introAnimate46 {
  from {
    opacity: 0;
    transform: translate3d(57px, 7px, 19px) scale(0.323, 0.77) rotate3d(0.4, -0.23, -0.7, -24deg); }
  to {
    opacity: 1;
    transform: translate3d(0px, 0px, 0px) scale(1, 1) rotate3d(0.4, -0.23, -0.7, 0deg); } }

@keyframes introAnimate47 {
  from {
    opacity: 0;
    transform: translate3d(53px, -1px, -13px) scale(0.382, 0.282) rotate3d(-0.15, -0.65, -0.68, 43deg); }
  to {
    opacity: 1;
    transform: translate3d(0px, 0px, 0px) scale(1, 1) rotate3d(-0.15, -0.65, -0.68, 0deg); } }

@keyframes introAnimate48 {
  from {
    opacity: 0;
    transform: translate3d(66px, -23px, 1px) scale(0.572, 0.567) rotate3d(-0.38, -0.04, -0.77, 34deg); }
  to {
    opacity: 1;
    transform: translate3d(0px, 0px, 0px) scale(1, 1) rotate3d(-0.38, -0.04, -0.77, 0deg); } }

@keyframes introAnimate49 {
  from {
    opacity: 0;
    transform: translate3d(70px, -4px, -6px) scale(0.574, 0.401) rotate3d(-0.72, -0.57, -0.28, 22deg); }
  to {
    opacity: 1;
    transform: translate3d(0px, 0px, 0px) scale(1, 1) rotate3d(-0.72, -0.57, -0.28, 0deg); } }

@keyframes introAnimate50 {
  from {
    opacity: 0;
    transform: translate3d(56px, 12px, 12px) scale(0.365, 0.647) rotate3d(0.22, 0.7, 0.06, 42deg); }
  to {
    opacity: 1;
    transform: translate3d(0px, 0px, 0px) scale(1, 1) rotate3d(0.22, 0.7, 0.06, 0deg); } }

@keyframes introAnimate51 {
  from {
    opacity: 0;
    transform: translate3d(51px, 9px, -19px) scale(0.667, 0.593) rotate3d(0.1, 0.22, -0.26, -46deg); }
  to {
    opacity: 1;
    transform: translate3d(0px, 0px, 0px) scale(1, 1) rotate3d(0.1, 0.22, -0.26, 0deg); } }

@keyframes introAnimate52 {
  from {
    opacity: 0;
    transform: translate3d(67px, -4px, -16px) scale(0.647, 0.742) rotate3d(0.92, 0.42, 0.36, -3deg); }
  to {
    opacity: 1;
    transform: translate3d(0px, 0px, 0px) scale(1, 1) rotate3d(0.92, 0.42, 0.36, 0deg); } }

@keyframes introAnimate53 {
  from {
    opacity: 0;
    transform: translate3d(64px, 21px, 13px) scale(0.43, 0.685) rotate3d(0.81, 0.79, 0.72, 57deg); }
  to {
    opacity: 1;
    transform: translate3d(0px, 0px, 0px) scale(1, 1) rotate3d(0.81, 0.79, 0.72, 0deg); } }

@keyframes introAnimate54 {
  from {
    opacity: 0;
    transform: translate3d(64px, -5px, -4px) scale(0.368, 0.605) rotate3d(-0.26, -0.51, 0.47, -8deg); }
  to {
    opacity: 1;
    transform: translate3d(0px, 0px, 0px) scale(1, 1) rotate3d(-0.26, -0.51, 0.47, 0deg); } }

@keyframes introAnimate55 {
  from {
    opacity: 0;
    transform: translate3d(62px, 7px, 9px) scale(0.491, 0.521) rotate3d(0.89, -0.39, -0.15, -24deg); }
  to {
    opacity: 1;
    transform: translate3d(0px, 0px, 0px) scale(1, 1) rotate3d(0.89, -0.39, -0.15, 0deg); } }

@keyframes introAnimateAlpha {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

.nom_intro_animation > g:nth-child(1) > g {
  opacity: 0;
  animation: introAnimateAlpha 0.755s ease-out forwards;
  animation-delay: 5.09s; }

.nom_intro_animation > g:nth-child(2) > g {
  opacity: 0;
  animation: introAnimateAlpha 0.736s ease-out forwards;
  animation-delay: 5.1s; }

.nom_intro_animation > g:nth-child(3) > g {
  opacity: 0;
  animation: introAnimateAlpha 0.685s ease-out forwards;
  animation-delay: 5.149s; }

.nom_intro_animation > g:nth-child(4) > g {
  opacity: 0;
  animation: introAnimateAlpha 0.662s ease-out forwards;
  animation-delay: 5.146s; }

.nom_intro_animation > g:nth-child(5) > g {
  opacity: 0;
  animation: introAnimateAlpha 0.639s ease-out forwards;
  animation-delay: 5.195s; }

.nom_intro_animation > g:nth-child(6) > g {
  opacity: 0;
  animation: introAnimateAlpha 0.602s ease-out forwards;
  animation-delay: 5.245s; }

.nom_intro_animation > g:nth-child(7) > g {
  opacity: 0;
  animation: introAnimateAlpha 0.622s ease-out forwards;
  animation-delay: 5.301s; }

.nom_intro_animation > g:nth-child(8) > g {
  opacity: 0;
  animation: introAnimateAlpha 0.738s ease-out forwards;
  animation-delay: 5.242s; }

.nom_intro_animation > g:nth-child(9) > g {
  opacity: 0;
  animation: introAnimateAlpha 0.749s ease-out forwards;
  animation-delay: 5.342s; }

.nom_intro_animation > g:nth-child(10) > g {
  opacity: 0;
  animation: introAnimateAlpha 0.74s ease-out forwards;
  animation-delay: 5.349s; }

.nom_intro_animation > g:nth-child(11) > g {
  opacity: 0;
  animation: introAnimateAlpha 0.785s ease-out forwards;
  animation-delay: 5.428s; }

.nom_intro_animation > g:nth-child(12) > g {
  opacity: 0;
  animation: introAnimateAlpha 0.773s ease-out forwards;
  animation-delay: 5.404s; }

.nom_intro_animation > g:nth-child(13) > g {
  opacity: 0;
  animation: introAnimateAlpha 0.793s ease-out forwards;
  animation-delay: 5.409s; }

.nom_intro_animation > g:nth-child(14) > g {
  opacity: 0;
  animation: introAnimateAlpha 0.664s ease-out forwards;
  animation-delay: 5.458s; }

.nom_intro_animation > g:nth-child(15) > g {
  opacity: 0;
  animation: introAnimateAlpha 0.703s ease-out forwards;
  animation-delay: 5.545s; }

.nom_intro_animation > g:nth-child(16) > g {
  opacity: 0;
  animation: introAnimateAlpha 0.699s ease-out forwards;
  animation-delay: 5.57s; }

.nom_intro_animation > g:nth-child(17) > g {
  opacity: 0;
  animation: introAnimateAlpha 0.615s ease-out forwards;
  animation-delay: 5.522s; }

.nom_intro_animation > g:nth-child(18) > g {
  opacity: 0;
  animation: introAnimateAlpha 0.766s ease-out forwards;
  animation-delay: 5.595s; }

.nom_intro_animation > g:nth-child(19) > g {
  opacity: 0;
  animation: introAnimateAlpha 0.637s ease-out forwards;
  animation-delay: 5.6s; }

.nom_intro_animation > g:nth-child(20) > g {
  opacity: 0;
  animation: introAnimateAlpha 0.762s ease-out forwards;
  animation-delay: 5.677s; }

.nom_intro_animation > g:nth-child(21) > g {
  opacity: 0;
  animation: introAnimateAlpha 0.686s ease-out forwards;
  animation-delay: 5.637s; }

.nom_intro_animation > g:nth-child(22) > g {
  opacity: 0;
  animation: introAnimateAlpha 0.76s ease-out forwards;
  animation-delay: 5.747s; }

.nom_intro_animation > g:nth-child(23) > g {
  opacity: 0;
  animation: introAnimateAlpha 0.781s ease-out forwards;
  animation-delay: 5.723s; }

.nom_intro_animation > g:nth-child(24) > g {
  opacity: 0;
  animation: introAnimateAlpha 0.677s ease-out forwards;
  animation-delay: 5.758s; }

.nom_intro_animation > g:nth-child(25) > g {
  opacity: 0;
  animation: introAnimateAlpha 0.793s ease-out forwards;
  animation-delay: 5.755s; }

.nom_intro_animation2 > g:nth-child(1) > g {
  opacity: 0;
  animation: introAnimate1 0.538s ease-out forwards;
  animation-delay: 2.093s; }

.nom_intro_animation2 > g:nth-child(2) > g {
  opacity: 0;
  animation: introAnimate2 0.425s ease-out forwards;
  animation-delay: 2.081s; }

.nom_intro_animation2 > g:nth-child(3) > g {
  opacity: 0;
  animation: introAnimate3 0.491s ease-out forwards;
  animation-delay: 2.189s; }

.nom_intro_animation2 > g:nth-child(4) > g {
  opacity: 0;
  animation: introAnimate4 0.474s ease-out forwards;
  animation-delay: 2.161s; }

.nom_intro_animation2 > g:nth-child(5) > g {
  opacity: 0;
  animation: introAnimate5 0.622s ease-out forwards;
  animation-delay: 2.226s; }

.nom_intro_animation2 > g:nth-child(6) > g {
  opacity: 0;
  animation: introAnimate6 0.463s ease-out forwards;
  animation-delay: 2.269s; }

.nom_intro_animation2 > g:nth-child(7) > g {
  opacity: 0;
  animation: introAnimate7 0.574s ease-out forwards;
  animation-delay: 2.212s; }

.nom_intro_animation2 > g:nth-child(8) > g {
  opacity: 0;
  animation: introAnimate8 0.61s ease-out forwards;
  animation-delay: 2.279s; }

.nom_intro_animation2 > g:nth-child(9) > g {
  opacity: 0;
  animation: introAnimate9 0.493s ease-out forwards;
  animation-delay: 2.341s; }

.nom_intro_animation2 > g:nth-child(10) > g {
  opacity: 0;
  animation: introAnimate10 0.5s ease-out forwards;
  animation-delay: 2.356s; }

.nom_intro_animation2 > g:nth-child(11) > g {
  opacity: 0;
  animation: introAnimate11 0.505s ease-out forwards;
  animation-delay: 2.333s; }

.nom_intro_animation2 > g:nth-child(12) > g {
  opacity: 0;
  animation: introAnimate12 0.673s ease-out forwards;
  animation-delay: 2.426s; }

.nom_intro_animation2 > g:nth-child(13) > g {
  opacity: 0;
  animation: introAnimate13 0.588s ease-out forwards;
  animation-delay: 2.464s; }

.nom_intro_animation2 > g:nth-child(14) > g {
  opacity: 0;
  animation: introAnimate14 0.628s ease-out forwards;
  animation-delay: 2.5s; }

.nom_intro_animation2 > g:nth-child(15) > g {
  opacity: 0;
  animation: introAnimate15 0.556s ease-out forwards;
  animation-delay: 2.475s; }

.nom_intro_animation2 > g:nth-child(16) > g {
  opacity: 0;
  animation: introAnimate16 0.69s ease-out forwards;
  animation-delay: 2.53s; }

.nom_intro_animation2 > g:nth-child(17) > g {
  opacity: 0;
  animation: introAnimate17 0.645s ease-out forwards;
  animation-delay: 2.514s; }

.nom_intro_animation2 > g:nth-child(18) > g {
  opacity: 0;
  animation: introAnimate18 0.635s ease-out forwards;
  animation-delay: 2.636s; }

.nom_intro_animation2 > g:nth-child(19) > g {
  opacity: 0;
  animation: introAnimate19 0.561s ease-out forwards;
  animation-delay: 2.652s; }

.nom_intro_animation2 > g:nth-child(20) > g {
  opacity: 0;
  animation: introAnimate20 0.592s ease-out forwards;
  animation-delay: 2.615s; }

.nom_intro_animation2 > g:nth-child(21) > g {
  opacity: 0;
  animation: introAnimate21 0.635s ease-out forwards;
  animation-delay: 2.645s; }

.nom_intro_animation2 > g:nth-child(22) > g {
  opacity: 0;
  animation: introAnimate22 0.749s ease-out forwards;
  animation-delay: 2.69s; }

.nom_intro_animation2 > g:nth-child(23) > g {
  opacity: 0;
  animation: introAnimate23 0.585s ease-out forwards;
  animation-delay: 2.699s; }

.nom_intro_animation2 > g:nth-child(24) > g {
  opacity: 0;
  animation: introAnimate24 0.693s ease-out forwards;
  animation-delay: 2.741s; }

.nom_intro_animation2 > g:nth-child(25) > g {
  opacity: 0;
  animation: introAnimate25 0.721s ease-out forwards;
  animation-delay: 2.777s; }

.nom_intro_animation2 > g:nth-child(26) > g {
  opacity: 0;
  animation: introAnimate26 0.666s ease-out forwards;
  animation-delay: 2.846s; }

.nom_intro_animation2 > g:nth-child(27) > g {
  opacity: 0;
  animation: introAnimate27 0.639s ease-out forwards;
  animation-delay: 2.883s; }

.nom_intro_animation2 > g:nth-child(28) > g {
  opacity: 0;
  animation: introAnimate28 0.653s ease-out forwards;
  animation-delay: 2.866s; }

.nom_intro_animation2 > g:nth-child(29) > g {
  opacity: 0;
  animation: introAnimate29 0.734s ease-out forwards;
  animation-delay: 2.872s; }

.nom_intro_animation2 > g:nth-child(30) > g {
  opacity: 0;
  animation: introAnimate30 0.784s ease-out forwards;
  animation-delay: 2.919s; }

.nom_intro_animation2 > g:nth-child(31) > g {
  opacity: 0;
  animation: introAnimate31 0.622s ease-out forwards;
  animation-delay: 2.979s; }

.nom_intro_animation2 > g:nth-child(32) > g {
  opacity: 0;
  animation: introAnimate32 0.824s ease-out forwards;
  animation-delay: 3.024s; }

.nom_intro_animation2 > g:nth-child(33) > g {
  opacity: 0;
  animation: introAnimate33 0.827s ease-out forwards;
  animation-delay: 3.069s; }

.nom_intro_animation2 > g:nth-child(34) > g {
  opacity: 0;
  animation: introAnimate34 0.649s ease-out forwards;
  animation-delay: 3.061s; }

.nom_intro_animation2 > g:nth-child(35) > g {
  opacity: 0;
  animation: introAnimate35 0.707s ease-out forwards;
  animation-delay: 3.091s; }

.nom_intro_animation2 > g:nth-child(36) > g {
  opacity: 0;
  animation: introAnimate36 0.731s ease-out forwards;
  animation-delay: 3.144s; }

.nom_intro_animation2 > g:nth-child(37) > g {
  opacity: 0;
  animation: introAnimate37 0.781s ease-out forwards;
  animation-delay: 3.115s; }

.nom_intro_animation2 > g:nth-child(38) > g {
  opacity: 0;
  animation: introAnimate38 0.709s ease-out forwards;
  animation-delay: 3.201s; }

.nom_intro_animation2 > g:nth-child(39) > g {
  opacity: 0;
  animation: introAnimate39 0.867s ease-out forwards;
  animation-delay: 3.216s; }

.nom_intro_animation2 > g:nth-child(40) > g {
  opacity: 0;
  animation: introAnimate40 0.775s ease-out forwards;
  animation-delay: 3.298s; }

.nom_intro_animation2 > g:nth-child(41) > g {
  opacity: 0;
  animation: introAnimate41 0.698s ease-out forwards;
  animation-delay: 3.254s; }

.nom_intro_animation2 > g:nth-child(42) > g {
  opacity: 0;
  animation: introAnimate42 0.86s ease-out forwards;
  animation-delay: 3.337s; }

.nom_intro_animation2 > g:nth-child(43) > g {
  opacity: 0;
  animation: introAnimate43 0.796s ease-out forwards;
  animation-delay: 3.38s; }

.nom_intro_animation2 > g:nth-child(44) > g {
  opacity: 0;
  animation: introAnimate44 0.86s ease-out forwards;
  animation-delay: 3.378s; }

.nom_intro_animation2 > g:nth-child(45) > g {
  opacity: 0;
  animation: introAnimate45 0.823s ease-out forwards;
  animation-delay: 3.401s; }

.nom_intro_animation2 > g:nth-child(46) > g {
  opacity: 0;
  animation: introAnimate46 0.768s ease-out forwards;
  animation-delay: 3.438s; }

.nom_intro_animation2 > g:nth-child(47) > g {
  opacity: 0;
  animation: introAnimate47 0.875s ease-out forwards;
  animation-delay: 3.434s; }

.nom_intro_animation2 > g:nth-child(48) > g {
  opacity: 0;
  animation: introAnimate48 0.78s ease-out forwards;
  animation-delay: 3.469s; }

.nom_intro_animation2 > g:nth-child(49) > g {
  opacity: 0;
  animation: introAnimate49 0.894s ease-out forwards;
  animation-delay: 3.553s; }

.nom_intro_animation2 > g:nth-child(50) > g {
  opacity: 0;
  animation: introAnimate50 0.85s ease-out forwards;
  animation-delay: 3.536s; }

.nom_intro_animation2 > g:nth-child(51) > g {
  opacity: 0;
  animation: introAnimate51 0.817s ease-out forwards;
  animation-delay: 3.583s; }

.nom_intro_animation2 > g:nth-child(52) > g {
  opacity: 0;
  animation: introAnimate52 0.822s ease-out forwards;
  animation-delay: 3.619s; }

.nom_intro_animation2 > g:nth-child(53) > g {
  opacity: 0;
  animation: introAnimate53 0.946s ease-out forwards;
  animation-delay: 3.599s; }

.nom_intro_animation2 > g:nth-child(54) > g {
  opacity: 0;
  animation: introAnimate54 0.898s ease-out forwards;
  animation-delay: 3.647s; }

.nom_intro_animation2 > g:nth-child(55) > g {
  opacity: 0;
  animation: introAnimate55 0.786s ease-out forwards;
  animation-delay: 3.692s; }

.nom_intro_animation2b > g:nth-child(1) > g {
  opacity: 0;
  animation: introAnimate1 0.772s ease-out forwards;
  animation-delay: 3.075s; }

.nom_intro_animation2b > g:nth-child(2) > g {
  opacity: 0;
  animation: introAnimate2 0.624s ease-out forwards;
  animation-delay: 3.078s; }

.nom_intro_animation2b > g:nth-child(3) > g {
  opacity: 0;
  animation: introAnimate3 0.667s ease-out forwards;
  animation-delay: 3.174s; }

.nom_intro_animation2b > g:nth-child(4) > g {
  opacity: 0;
  animation: introAnimate4 0.73s ease-out forwards;
  animation-delay: 3.207s; }

.nom_intro_animation2b > g:nth-child(5) > g {
  opacity: 0;
  animation: introAnimate5 0.715s ease-out forwards;
  animation-delay: 3.216s; }

.nom_intro_animation2b > g:nth-child(6) > g {
  opacity: 0;
  animation: introAnimate6 0.652s ease-out forwards;
  animation-delay: 3.195s; }

.nom_intro_animation2b > g:nth-child(7) > g {
  opacity: 0;
  animation: introAnimate7 0.7s ease-out forwards;
  animation-delay: 3.249s; }

.nom_intro_animation2b > g:nth-child(8) > g {
  opacity: 0;
  animation: introAnimate8 0.766s ease-out forwards;
  animation-delay: 3.292s; }

.nom_intro_animation2b > g:nth-child(9) > g {
  opacity: 0;
  animation: introAnimate9 0.778s ease-out forwards;
  animation-delay: 3.32s; }

.nom_intro_animation2b > g:nth-child(10) > g {
  opacity: 0;
  animation: introAnimate10 0.757s ease-out forwards;
  animation-delay: 3.326s; }

.nom_intro_animation3 > g:nth-child(1) > g {
  opacity: 0;
  animation: introAnimateAlpha 0.748s ease-out forwards;
  animation-delay: 5.034s; }

.nom_intro_animation3 > g:nth-child(2) > g {
  opacity: 0;
  animation: introAnimateAlpha 0.729s ease-out forwards;
  animation-delay: 5.081s; }

.nom_intro_animation3 > g:nth-child(3) > g {
  opacity: 0;
  animation: introAnimateAlpha 0.693s ease-out forwards;
  animation-delay: 5.111s; }

.nom_intro_animation3 > g:nth-child(4) > g {
  opacity: 0;
  animation: introAnimateAlpha 0.661s ease-out forwards;
  animation-delay: 5.179s; }

.nom_intro_animation3 > g:nth-child(5) > g {
  opacity: 0;
  animation: introAnimateAlpha 0.63s ease-out forwards;
  animation-delay: 5.203s; }

.nom_intro_animation3 > g:nth-child(6) > g {
  opacity: 0;
  animation: introAnimateAlpha 0.633s ease-out forwards;
  animation-delay: 5.257s; }

.nom_intro_animation3 > g:nth-child(7) > g {
  opacity: 0;
  animation: introAnimateAlpha 0.798s ease-out forwards;
  animation-delay: 5.236s; }

.nom_intro_animation3 > g:nth-child(8) > g {
  opacity: 0;
  animation: introAnimateAlpha 0.628s ease-out forwards;
  animation-delay: 5.294s; }

.nom_intro_animation3 > g:nth-child(9) > g {
  opacity: 0;
  animation: introAnimateAlpha 0.648s ease-out forwards;
  animation-delay: 5.345s; }

.nom_intro_animation3 > g:nth-child(10) > g {
  opacity: 0;
  animation: introAnimateAlpha 0.642s ease-out forwards;
  animation-delay: 5.333s; }

.nom_intro_animation3 > g:nth-child(11) > g {
  opacity: 0;
  animation: introAnimateAlpha 0.69s ease-out forwards;
  animation-delay: 5.35s; }

.nom_intro_animation3 > g:nth-child(12) > g {
  opacity: 0;
  animation: introAnimateAlpha 0.753s ease-out forwards;
  animation-delay: 5.361s; }

.nom_intro_animation3 > g:nth-child(13) > g {
  opacity: 0;
  animation: introAnimateAlpha 0.723s ease-out forwards;
  animation-delay: 5.485s; }

.nom_intro_animation3 > g:nth-child(14) > g {
  opacity: 0;
  animation: introAnimateAlpha 0.799s ease-out forwards;
  animation-delay: 5.454s; }

.nom_intro_animation3 > g:nth-child(15) > g {
  opacity: 0;
  animation: introAnimateAlpha 0.601s ease-out forwards;
  animation-delay: 5.455s; }

.nom_top_title1 {
  position: absolute;
  left: 0px;
  top: 4vw;
  width: 100vw;
  z-index: 1; }

.nom_top_title2 {
  position: absolute;
  left: 0px;
  top: 13vw;
  width: 100vw;
  z-index: 1; }

.nom_top_title2b {
  position: absolute;
  left: 0px;
  top: 13vw;
  width: 100vw; }

.nom_top_title3_1 {
  position: absolute;
  left: 0px;
  top: 43.5vw;
  width: 100vw;
  opacity: 0; }

.nom_top_title3_2 {
  position: absolute;
  left: -8vw;
  top: 70vw;
  width: 85vw; }

.nom_title3_show {
  animation: nomTitle3Show 0.3s ease-out 0.6s forwards;
  opacity: 0; }

.nom_title3_hide {
  animation: nomTitle3Hide 0.3s ease-out 0s forwards;
  opacity: 1; }

@keyframes nomTitle3Show {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes nomTitle3Hide {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

.nom_youtube_channel_btn {
  position: relative;
  margin: 0px 5.333vw;
  border: #39c4ff solid 1px;
  display: flex;
  justify-content: left;
  align-items: center;
  background-color: #39c4ff; }

.nom_youtube_channel_btn_icon {
  position: relative;
  width: 17.4%;
  line-height: 0; }

.nom_youtube_channel_btn_text {
  position: relative;
  width: 82.6%;
  line-height: 0; }

.nom_about_wrap {
  position: relative;
  margin: 17.3vw 0px 20.3vw; }

.nom_about_title {
  position: relative;
  width: 100vw; }

.nom_about_wrap p {
  position: relative;
  margin: 1.6vw 5.333vw;
  font-weight: bold;
  font-size: 0.92rem;
  line-height: 2.0em;
  letter-spacing: 0.14em; }

.nom_about_youtuber_btn {
  position: relative;
  margin: 5.866vw 5.333vw;
  border: #39c4ff solid 1.5px;
  background-color: #FFF;
  display: flex;
  justify-content: left;
  align-items: center;
  cursor: pointer; }

.nom_about_youtuber_btn picture {
  position: relative;
  width: 100%;
  line-height: 0; }

.nom_pv_wrap {
  position: relative;
  margin: 17.3vw 0px 20.3vw; }

.nom_pv_youtube_wrap {
  position: relative;
  margin: 7.733vw 5.333vw;
  width: 89.334vw;
  height: 52.312vw;
  border: #39c4ff solid 1px; }

.nom_pv_youtube {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  opacity: 0; }

.nom_pv_youtube_play_btn_wrap {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  background-image: url(../imgs/youtube_bg_sp.png);
  background-size: 100% 100%;
  background-repeat: no-repeat; }

.nom_pv_youtube_play_btn {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 80px;
  height: 80px;
  margin-left: -40px;
  margin-top: -40px;
  background-image: url(../imgs/youtube_play_btn_sp.png);
  background-size: contain; }

.nom_pv_wrap p {
  position: relative;
  margin: 0px 5.333vw;
  font-weight: bold;
  font-size: 0.98rem;
  line-height: 1.8em;
  letter-spacing: 0.14em; }

.nom_profile_wrap {
  position: relative;
  margin: 17.3vw 0px; }

.nom_profile_title {
  position: relative;
  width: 100vw; }

.nom_profile_wrap p {
  position: relative;
  margin: 5.333vw;
  font-weight: bold;
  font-size: 0.92rem;
  line-height: 2.2em;
  letter-spacing: 0.14em; }

.nom_profile_wrap ul {
  position: relative;
  margin: 5.333vw;
  list-style-type: none;
  padding: 0px;
  font-weight: bold;
  font-size: 0.92rem;
  line-height: 2.0em;
  letter-spacing: 0.14em; }

.nom_designer_wrap {
  position: relative;
  margin: 17.3vw 0px 27.3vw; }

.nom_designer {
  position: relative;
  width: 100vw;
  margin: 5.86vw 0px; }

.nom_production_cooperation {
  position: relative;
  width: 100vw; }

.nom_twitter_wrap {
  position: relative;
  margin: 17.3vw 0px; }

.nom_twitter_btn {
  position: relative;
  margin: 0px 5.333vw;
  background-color: #39c4ff; }

.nom_twitter_btn_icon {
  position: relative;
  width: 12.4vw;
  padding: 2vw;
  line-height: 0; }

.nom_twitter_btn_text {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  line-height: 0; }

.nom_twitter_timeline {
  position: relative;
  margin: 9vw 5.333vw;
  height: 300px;
  background-color: #FFF;
  border: #39c4ff solid 1px; }

.nom_contact_wrap {
  font-size: 0.6746666666666667rem;
  text-align: center;
  margin: 28vw auto 15vw; }

.nom_contact_wrap a {
  color: #39c4ff; }

.nom_modal_wrap {
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100vw;
  height: 100vh;
  z-index: 100;
  pointer-events: none; }

.nom_modal_bg {
  position: absolute;
  left: 0px;
  top: 100%;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.4); }

.nom_modal_bg_3 {
  background-color: #FFF; }

.nom_modal_main_wrap {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center; }

.nom_modal_main {
  position: relative;
  width: 100vw;
  text-align: center;
  opacity: 0; }

.nom_about_modal_title {
  position: relative;
  width: 100%; }

.nom_modal_main p {
  margin: 1.866vw 0px 0px;
  font-size: 0.8rem;
  line-height: 2.3em;
  letter-spacing: 0em; }

.nom_modal_close_btn {
  position: absolute;
  right: 0px;
  top: 0px;
  opacity: 0;
  cursor: pointer; }

.nom_modal_close_btn img {
  width: 72px;
  height: 72px; }

@media (max-width: 767px) {
  .onlypc {
    display: none; } }

@media screen and (min-width: 768px) {
  .onlysp {
    display: none; }
  .nom_bg0 {
    background-image: url(../imgs/bg0_pc.png); }
  .nom_bg1 {
    background-image: url(../imgs/bg1_pc.png);
    background-size: 1440px 1800px; }
  .nom_bg2 {
    background-image: url(../imgs/bg2_pc.png);
    background-size: 1440px 1800px; }
  .nom_bg3 {
    background-image: url(../imgs/bg3_pc.png);
    background-size: 1440px 1800px; }
  @keyframes bg_scroll {
    from {
      background-position: 50% 0; }
    to {
      background-position: 50% -1800px; }
    /* 1518pxとは使用した背景画像の長さ */ }
  .nom_top_wrap {
    margin-bottom: 10vw; }
  .nom_top_bg_wrap {
    height: 146.4852222222222vw; }
  .nom_top_bg img {
    margin: 1.388vw 7.638vw 6vw 19.583vw; }
  .nom_top_bg1 {
    left: 0px;
    top: 0px; }
  .nom_top_bg2 {
    left: -3vw;
    top: 12px; }
  .nom_top_bg1 img {
    width: 72.779vw; }
  .nom_top_bg2 img {
    width: 80.06944444444444vw; }
  .nom_top_bg_show {
    animation-name: topBGShowPC; }
  .nom_top_bg_hide {
    animation-name: topBGHidePC; }
  .nom_top_title1 {
    left: 4.722222222222222vw;
    top: 9.44444444444444vw;
    width: 30.69444444444444vw;
    height: 7.569444444444444vw; }
  .nom_top_title2 {
    left: 2.361vw;
    top: 18.47177777777778vw;
    width: 53.055vw;
    height: 36.7848vw; }
  .nom_top_title2b {
    left: 2.361vw;
    top: 18.74877777777778vw;
    width: 47.749vw;
    height: 33.10597333333333vw; }
  .nom_top_title3_1 {
    left: 83.333vw;
    top: -4.027vw;
    width: 42.708vw;
    height: 23.91648vw; }
  .nom_top_title3_2 {
    left: 75vw;
    top: -3.7vw;
    width: 25.6248vw;
    height: 14.349888vw; }
  .nom_youtube_channel_btn {
    position: absolute;
    left: 4.861vw;
    top: 59.375vw;
    width: 27.291vw;
    margin: 0px;
    border: #39c4ff solid 2px; }
  .nom_youtube_channel_btn_icon {
    width: 18.7%; }
  .nom_youtube_channel_btn_text {
    width: 81.3%; }
  .nom_about_wrap {
    margin: -89.819vw 0px 5.069vw; }
  .nom_about_title {
    left: 2.916vw;
    width: 35.416vw; }
  .nom_about_wrap p {
    margin: 1.041vw 4.861vw;
    font-weight: bold;
    font-size: 1.111vw;
    line-height: 2.4em;
    letter-spacing: 0.14em;
    width: 40vw; }
  .nom_about_youtuber_btn {
    margin: 2.777vw 4.861vw;
    border-width: 2px 0px 2px 0px;
    background-color: rgba(255, 255, 255, 0.6);
    width: 26.875vw; }
  .nom_pv_wrap {
    margin: 5.069vw 0px; }
  .nom_pv_youtube_wrap {
    position: relative;
    margin: 0px 4.861vw;
    width: 38.888vw;
    height: 22.5vw;
    border: #39c4ff solid 2px; }
  .nom_pv_youtube_play_btn_wrap {
    background-image: url(../imgs/youtube_bg_pc.png); }
  .nom_pv_youtube_play_btn {
    width: 6.8vw;
    height: 6.8vw;
    margin-left: -3.4vw;
    margin-top: -3.4vw;
    background-image: url(../imgs/youtube_play_btn_pc.png); }
  .nom_pv_wrap p {
    position: relative;
    margin: 1.319vw 4.861vw;
    width: 40vw;
    font-size: 1.388vw; }
  .nom_profile_wrap {
    margin: -49.513vw 0px 10vw 65.555vw; }
  .nom_profile_title {
    width: 36.458vw;
    left: 1.111vw; }
  .nom_profile_wrap p {
    position: relative;
    margin: 1.25vw 1vw 1.527vw 3.125vw;
    font-size: 1.111vw;
    line-height: 2.2em;
    letter-spacing: 0.12em; }
  .nom_profile_wrap ul {
    position: relative;
    margin: 1.25vw 3.125vw 1.527vw;
    font-size: 1.111vw;
    line-height: 2.2em;
    letter-spacing: 0.12em; }
  .nom_designer_wrap {
    margin: 14.513vw 0px 27.3vw; }
  .nom_designer_wrap picture {
    display: block; }
  .nom_designer {
    width: 37.152vw;
    margin: 4.444vw 4.652vw; }
  .nom_production_cooperation {
    width: 36.458vw;
    margin: 4.444vw 2.708vw; }
  .nom_twitter_wrap {
    margin: -55.69444444444444vw 0px 0px 65.555vw; }
  .nom_twitter_btn {
    margin: 0px 4.861vw 0px 0px;
    width: 29.652vw; }
  .nom_twitter_btn_icon {
    width: 12.177%;
    padding: 0.694vw; }
  .nom_twitter_timeline {
    position: relative;
    margin: 1.569vw 0px;
    width: 29.652vw;
    height: 28.61111111111111vw;
    border: #39c4ff solid 1px; }
  .nom_contact_wrap {
    font-size: 0.972125vw;
    margin: 5.277777777777778vw auto 5.694444444444444vw; }
  .nom_about_modal_title {
    width: 38.802vw; }
  .nom_modal_main p {
    margin: 2.916vw 0px 0px;
    font-size: 1.25vw;
    line-height: 2.4em;
    letter-spacing: 0.1em; }
  .nom_modal_close_btn {
    right: 2.5vw;
    top: 2.5vw; }
  .nom_modal_close_btn img {
    width: 6.428vw;
    height: 6.428vw; }
  .nom_modal_main > div {
    position: relative;
    width: 960px;
    height: 540px; }
  .nom_ro_btn {
    filter: brightness(1);
    transition: filter 0.1s ease-out; }
  .nom_ro_btn:hover {
    filter: brightness(1.1); } }