@charset "utf-8";

.js .c-loading {
  position: fixed;
  z-index: 9999999;
  top: 0;
  left: 0;
  width: 100%;
  height: 110vh;
  background: #fff;
  background-image: url('../images/loading.png');
  background-repeat: no-repeat;
  background-position: 50% 45%;
  background-size: 430px auto;
  pointer-events: auto;
  opacity: 1;
  -webkit-transition: opacity 0.4s ease-in-out;
  transition: opacity 0.4s ease-in-out;
  -webkit-transition-delay: 0.4s;
  transition-delay: 0.4s;
}

.movLoaded.loaded .c-loading {
  pointer-events: auto;
  pointer-events: none;
  opacity: 1;
  opacity: 0;
}

@media (max-width: 799px) {
  .js .c-loading {
    background-position: 50% 40%;
    background-size: 270px auto;
  }
}

@media (min-width: 800px) {
  .c-home-btn {
    margin: 0 -120px;
    padding: 0;
    list-style: none;
    font-size: 0;
    text-align: center;
    text-align: center;
    -webkit-transform: translateX(-30px);
    transform: translateX(-30px);
  }

  .c-home-btn::after {
    display: block;
    clear: both;
    content: '';
  }

  .c-home-btn__item {
    display: inline-block;
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 50%;
    padding: 0 10px;
    -webkit-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
    -webkit-transform: translateX(100px);
    transform: translateX(100px);
  }

  .c-home-btn__item:first-child .c-home-btn__item__link__inner {
    left: 40px;
  }

  .c-home-btn__item:first-child .c-home-btn__item__link__inner::before {
    right: 39px;
  }

  .c-home-btn__item:first-child .c-home-btn__item__link__inner::after {
    display: none;
  }

  .c-home-btn__item:last-child .c-home-btn__item__link__inner {
    right: 40px;
  }

  .c-home-btn__item:last-child .c-home-btn__item__link__inner::before {
    display: none;
  }

  .c-home-btn__item:last-child .c-home-btn__item__link__inner::after {
    left: 39px;
  }

  .c-home-btn__item--comingsoon .c-home-btn__item__bg {
    background-image: url('../images/home/btn/btn_coming-soon.jpg');
  }

  .c-home-btn__item--comingsoon .c-home-btn__item__link__inner::before,.c-home-btn__item--comingsoon .c-home-btn__item__link__inner::after {
    display: none;
  }

  .c-home-btn__item--comingsoon .c-home-btn__item__link__text {
    color: #808080;
  }

  .c-home-btn__item--comingsoon .c-home-btn__item__link__text::after {
    display: none;
  }

  .c-home-btn__item__ancher {
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 240px;
  }

  .c-home-btn__item__ancher[href]:hover {
    opacity: 1;
  }

  .c-home-btn__item__ancher[href]:hover .c-home-btn__item__link__text::before {
    background-color: #e62b2b;
    background-position: 300px -2px;
  }

  .c-home-btn__item__ancher[href]:hover .c-home-btn__item__link__text::after {
    background-image: url('../images/home/btn/btn_arrow_on.png');
  }

  .c-home-btn__item__ancher[href]:hover .c-home-btn__item__bg {
    background-position: -50px 50%;
  }

  .c-home-btn__item__ancher[href]:hover .c-home-btn__item__link__inner::before,.c-home-btn__item__ancher[href]:hover .c-home-btn__item__link__inner::after {
    opacity: 0;
  }

  .c-home-btn__item__link {
    display: block;
    overflow: hidden;
    height: 400px;
    -webkit-transform: scaleZ(1) skewX(-40deg);
    transform: scaleZ(1) skewX(-40deg);
  }

  .c-home-btn__item__link::before {
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 240px;
    background-color: rgba(255, 255, 255, 0.5);
    -webkit-box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
    content: '';
  }

  .c-home-btn__item__link__inner {
    position: absolute;
    bottom: 0;
    width: calc(100%);
    height: 240px;
    -webkit-transform: skewX(40deg);
    transform: skewX(40deg);
  }

  .c-home-btn__item__link__inner::before,.c-home-btn__item__link__inner::after {
    display: block;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: url('../images/home/btn/btn_frame.png');
    background-position: 100% 0;
    background-size: 100% 100%;
    content: '';
    -webkit-transition: opacity 0.4s ease-out;
    transition: opacity 0.4s ease-out;
  }

  .c-home-btn__item__link__inner::before {
    z-index: 1;
    -webkit-transform: skewX(-40deg);
    transform: skewX(-40deg);
  }

  .c-home-btn__item__link__inner::after {
    z-index: 20;
    -webkit-transform: skewX(-40deg) scaleY(-1) scaleX(-1);
    transform: skewX(-40deg) scaleY(-1) scaleX(-1);
  }

  .c-home-btn__item__link__text {
    position: absolute;
    z-index: 10;
    top: 50%;
    left: 50%;
    width: 280px;
    font-size: 14px;
    line-height: 45px;
    color: #fff;
    text-align: center;
    -webkit-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
  }

  .c-home-btn__item__link__text span {
    position: relative;
    z-index: 10;
  }

  .c-home-btn__item__link__text__new {
    display: block;
    position: absolute !important;
    z-index: 11 !important;
    top: -7px;
    left: 0;
    overflow: hidden;
    width: 58px;
    height: 0;
    padding-top: 14px;
    background-image: url('../images/home/btn/btn_new.png');
    background-repeat: no-repeat;
    line-height: 2;
  }

  .c-home-btn__item__link__text::before {
    display: block;
    position: absolute;
    top: 0;
    left: 50%;
    width: 280px;
    height: 45px;
    background-image: url('../images/home/btn/btn_text_bg.png');
    background-repeat: no-repeat;
    background-position: -2px -2px;
    background-size: 285px 50px;
    content: '';
    -webkit-transition: background 0.2s ease-in-out;
    transition: background 0.2s ease-in-out;
    -webkit-transform: translateX(-50%) skewX(-40deg);
    transform: translateX(-50%) skewX(-40deg);
  }

  .c-home-btn__item__link__text::after {
    display: inline-block;
    position: relative;
    top: 4px;
    width: 11px;
    height: 18px;
    margin-left: 0.5em;
    background-image: url('../images/home/btn/btn_arrow.png');
    background-repeat: no-repeat;
    background-size: contain;
    content: '';
  }

  .c-home-btn__item__bg {
    position: absolute;
    left: 50%;
    width: 150%;
    height: 240px;
    background-color: rgba(255, 0, 0, 0.2);
    background-position: 0 50%;
    background-size: cover;
    -webkit-transition: background 0.4s ease-out, -webkit-transform 0.4s ease-out;
    transition: background 0.4s ease-out, -webkit-transform 0.4s ease-out;
    transition: background 0.4s ease-out, transform 0.4s ease-out;
    transition: background 0.4s ease-out, transform 0.4s ease-out, -webkit-transform 0.4s ease-out;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
  }

  .c-home-btn__item__image {
    display: inline-block;
    position: absolute;
    z-index: 10;
    bottom: 0;
    left: 50%;
    background-repeat: no-repeat;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }

  .c-home-btn--triple .c-home-btn__item {
    width: 33.33333%;
  }

  .c-home-btn--multiple {
    width: 99999%;
    margin: 0;
    text-align: left;
    -webkit-transition: -webkit-transform 0.3s ease-in-out;
    transition: -webkit-transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
  }

  .c-home-btn--multiple .c-home-btn__item {
    width: 50vw;
    padding: 0 30px;
  }

  .c-home-btn--multiple .c-home-btn__item--current .c-home-btn__item__ancher {
    opacity: 1;
  }

  .c-home-btn--multiple .c-home-btn__item:first-child .c-home-btn__item__link__inner {
    left: 0;
  }

  .c-home-btn--multiple .c-home-btn__item:first-child .c-home-btn__item__link__inner::before {
    right: 0;
  }

  .c-home-btn--multiple .c-home-btn__item:first-child .c-home-btn__item__link__inner::after {
    display: block;
  }

  .c-home-btn--multiple .c-home-btn__item:last-child .c-home-btn__item__link__inner {
    right: 0;
  }

  .c-home-btn--multiple .c-home-btn__item:last-child .c-home-btn__item__link__inner::before {
    display: block;
  }

  .c-home-btn--multiple .c-home-btn__item:last-child .c-home-btn__item__link__inner::after {
    left: 0;
  }

  .c-home-btn--multiple .c-home-btn__item__ancher {
    opacity: 0.6;
    -webkit-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
  }

  .c-home-btn--multiple .c-home-btn__item__ancher:hover {
    opacity: 1;
  }
}

@media (max-width: 799px) {
  .c-home-btn {
    margin: 0;
    padding: 0;
    list-style: none;
  }

  .c-home-btn__item {
    position: relative;
    overflow: hidden;
    height: 228px;
  }

  .c-home-btn__item__bg {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 180px;
    background-color: rgba(255, 0, 0, 0.2);
    background-position: 50% 50%;
    background-size: cover;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 1);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 1);
  }

  .c-home-btn__item__image {
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%) scale(0.5);
    transform: translateX(-50%) scale(0.5);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
  }

  .c-home-btn__item__link__text {
    position: absolute;
    bottom: 0;
    left: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    max-width: 365px;
    height: 35px;
    padding-left: 10px;
    background-image: url('../images/home/btn/sp_btn_bg.png');
    background-repeat: no-repeat;
    background-position: 100% 0;
    background-size: auto 35px;
    line-height: 35px;
    color: #fff;
  }

  .c-home-btn__item__link__text__new {
    display: block;
    position: absolute;
    top: -14px;
    left: 0;
    overflow: hidden;
    width: 54px;
    height: 0;
    padding-top: 14px;
    background-image: url('../images/home/btn/sp_btn_new.png');
    background-repeat: no-repeat;
    background-position: 0 100%;
    background-size: contain;
    line-height: 2;
  }

  .c-home-btn__item--comingsoon {
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
  }

  .c-home-btn__item--comingsoon .c-home-btn__item__bg {
    background-image: url('../images/home/btn/sp_btn_comming-soon.jpg');
    background-position: 50% 50%;
  }

  .c-home-btn__item--comingsoon .c-home-btn__item__link__text {
    color: #808080;
  }

  .c-home-btn--multiple {
    -webkit-transition: none;
    transition: none;
    -webkit-transform: translateX(0) !important;
    transform: translateX(0) !important;
  }

  .c-home-btn--multiple .c-home-btn__item--clone {
    display: none;
  }
}

@media (min-width: 800px) {
  .c-home-btn-slide {
    overflow-x: scroll;
    overflow-y: hidden;
    width: 100%;
  }

  .js .c-home-btn-slide {
    position: relative;
    overflow: hidden;
    width: auto;
    margin-left: -75vw;
  }

  .js .c-home-btn-slide__controls {
    position: relative;
    width: 100vw;
    margin-left: 75vw;
  }

  .js .c-home-btn-slide__prevnext__prev,.js .c-home-btn-slide__prevnext__next {
    position: absolute;
    top: -175px;
    width: 44px;
    height: 76px;
    background-image: url('../images/home/btn/btn_slide_arrow.png');
    background-repeat: no-repeat;
    cursor: pointer;
  }

  .js .c-home-btn-slide__prevnext__prev {
    left: calc(25vw);
  }

  .js .c-home-btn-slide__prevnext__next {
    right: calc(25vw - 44px);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
  }

  .js .c-home-btn-slide__dots {
    margin: 0;
    margin-top: 20px;
    padding: 0;
    list-style: none;
    text-align: center;
  }

  .js .c-home-btn-slide__dots__dot {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 12px;
    border-radius: 50%;
    background-color: #fff;
    cursor: pointer;
    opacity: 0.5;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }

  .js .c-home-btn-slide__dots__dot:hover,.js .c-home-btn-slide__dots__dot--current {
    background-color: #e62b2b;
    -webkit-box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.3);
    box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.3);
    opacity: 1;
  }
}

@media (max-width: 799px) {
  .c-home-btn-slide {
    -webkit-transform: translateX(0) !important;
    transform: translateX(0) !important;
  }

  .c-home-btn-slide__controls {
    display: none;
  }
}

@-webkit-keyframes flickering {
  0% {
    opacity: 0;
  }

  10% {
    opacity: 0;
  }

  20% {
    opacity: 0.8;
  }

  25% {
    opacity: 0;
  }

  50% {
    opacity: 0;
  }

  55% {
    opacity: 0.85;
  }

  60% {
    opacity: 0;
  }

  85% {
    opacity: 0;
  }

  90% {
    opacity: 0.9;
  }

  95% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes flickering {
  0% {
    opacity: 0;
  }

  10% {
    opacity: 0;
  }

  20% {
    opacity: 0.8;
  }

  25% {
    opacity: 0;
  }

  50% {
    opacity: 0;
  }

  55% {
    opacity: 0.85;
  }

  60% {
    opacity: 0;
  }

  85% {
    opacity: 0;
  }

  90% {
    opacity: 0.9;
  }

  95% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@-webkit-keyframes flickering2 {
  0% {
    opacity: 0;
  }

  10% {
    opacity: 0;
  }

  20% {
    opacity: 0.7;
  }

  25% {
    opacity: 0;
  }

  50% {
    opacity: 0;
  }

  55% {
    opacity: 0.8;
  }

  60% {
    opacity: 0;
  }

  85% {
    opacity: 0;
  }

  90% {
    opacity: 1;
  }

  100% {
    opacity: 1;
  }
}

@keyframes flickering2 {
  0% {
    opacity: 0;
  }

  10% {
    opacity: 0;
  }

  20% {
    opacity: 0.7;
  }

  25% {
    opacity: 0;
  }

  50% {
    opacity: 0;
  }

  55% {
    opacity: 0.8;
  }

  60% {
    opacity: 0;
  }

  85% {
    opacity: 0;
  }

  90% {
    opacity: 1;
  }

  100% {
    opacity: 1;
  }
}

@-webkit-keyframes triangle {
  0% {
    opacity: 0.6;
    -webkit-transform: rotateY(0deg) rotateX(0deg) rotateZ(0deg);
    transform: rotateY(0deg) rotateX(0deg) rotateZ(0deg);
  }

  30% {
    opacity: 0.6;
  }

  40% {
    opacity: 1;
  }

  50% {
    opacity: 0.6;
  }

  70% {
    opacity: 0.6;
  }

  80% {
    opacity: 1;
  }

  90% {
    opacity: 0.6;
  }

  100% {
    opacity: 0.6;
    -webkit-transform: rotateY(360deg) rotateX(360deg) rotateZ(360deg);
    transform: rotateY(360deg) rotateX(360deg) rotateZ(360deg);
  }
}

@keyframes triangle {
  0% {
    opacity: 0.6;
    -webkit-transform: rotateY(0deg) rotateX(0deg) rotateZ(0deg);
    transform: rotateY(0deg) rotateX(0deg) rotateZ(0deg);
  }

  30% {
    opacity: 0.6;
  }

  40% {
    opacity: 1;
  }

  50% {
    opacity: 0.6;
  }

  70% {
    opacity: 0.6;
  }

  80% {
    opacity: 1;
  }

  90% {
    opacity: 0.6;
  }

  100% {
    opacity: 0.6;
    -webkit-transform: rotateY(360deg) rotateX(360deg) rotateZ(360deg);
    transform: rotateY(360deg) rotateX(360deg) rotateZ(360deg);
  }
}

@media (min-width: 800px) {
  .p-home__title {
    position: relative;
    height: 100%;
    -webkit-transition: opacity 1s ease;
    transition: opacity 1s ease;
  }

  .p-home__title::before {
    display: block;
    position: absolute;
    top: -100px;
    left: 0;
    width: 100%;
    height: calc(100% + 100px);
    background-image: url('../images/home/title/bg.jpg');
    background-position: 50% 50%;
    background-size: cover;
    content: '';
    -webkit-transition: -webkit-transform 4s ease-out;
    transition: -webkit-transform 4s ease-out;
    transition: transform 4s ease-out;
    transition: transform 4s ease-out, -webkit-transform 4s ease-out;
    -webkit-transform: translateY(100px);
    transform: translateY(100px);
  }

  .p-home__title__catch {
    position: absolute;
    z-index: 5;
    top: 50%;
    right: 640px;
    margin: 0;
    -webkit-transition: -webkit-transform 4s cubic-bezier(0.22, 0.61, 0.36, 1);
    transition: -webkit-transform 4s cubic-bezier(0.22, 0.61, 0.36, 1);
    transition: transform 4s cubic-bezier(0.22, 0.61, 0.36, 1);
    transition: transform 4s cubic-bezier(0.22, 0.61, 0.36, 1), -webkit-transform 4s cubic-bezier(0.22, 0.61, 0.36, 1);
    -webkit-transform: translateY(0) translateX(0);
    transform: translateY(0) translateX(0);
  }

  .p-home__title__catch span {
    display: block;
    position: absolute;
    z-index: 5;
    top: 50%;
    left: 50%;
    overflow: hidden;
    height: 0;
    background-repeat: no-repeat;
    background-size: contain;
    line-height: 2;
    -webkit-animation-name: flickering;
    animation-name: flickering;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
  }

.p-home__title__catch__1 {
    width: 613px;
    padding-top: 100px;
    background-image: url(../images/home/title/catch1.png);
    -webkit-transform: translateX(-50%) translateY(-50%) translateX(517px) translateY(7px);
    transform: translateX(-105%) translateY(189%) translateX(517px) translateY(7px);
    -webkit-animation-duration: 1.8s;
    animation-duration: 1.8s;
    -webkit-animation-delay: 1.3s;
    animation-delay: 1.3s;
}

  .p-home__title__catch__2 {
    width: 538px;
    padding-top: 154px;
    background-image: url(../images/home/title/catch2.png);
    -webkit-transform: translateX(-50%) translateY(-50%) translateX(463px) translateY(81px);
    transform: translateX(-78%) translateY(91%) translateX(463px) translateY(81px);
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
  }

  .p-home__title__particles {
    position: absolute;
    z-index: 4;
    top: 50%;
    right: 640px;
    -webkit-transition: -webkit-transform 3.4s cubic-bezier(0.22, 0.61, 0.36, 1);
    transition: -webkit-transform 3.4s cubic-bezier(0.22, 0.61, 0.36, 1);
    transition: transform 3.4s cubic-bezier(0.22, 0.61, 0.36, 1);
    transition: transform 3.4s cubic-bezier(0.22, 0.61, 0.36, 1), -webkit-transform 3.4s cubic-bezier(0.22, 0.61, 0.36, 1);
    -webkit-transform: translateY(0) translateX(0);
    transform: translateY(0) translateX(0);
  }

  .p-home__title__particles__particle {
    position: absolute;
    z-index: 2;
    top: 50%;
    left: 50%;
    width: 69px;
    height: 84px;
    -webkit-transition: -webkit-transform 3s ease-in-out;
    transition: -webkit-transform 3s ease-in-out;
    transition: transform 3s ease-in-out;
    transition: transform 3s ease-in-out, -webkit-transform 3s ease-in-out;
    -webkit-transition-delay: 1s;
    transition-delay: 1s;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    -webkit-animation-name: flickering2;
    animation-name: flickering2;
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1);
    animation-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
  }

  .p-home__title__particles__particle--1 {
    opacity: 0.6;
    -webkit-transform: translateX(-50%) translateY(-50%) translateY(285px) translateX(486px) rotate(97deg) scale(0.4);
    transform: translateX(-50%) translateY(-50%) translateY(285px) translateX(486px) rotate(97deg) scale(0.4);
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
  }

  .p-home__title__particles__particle--2 {
    opacity: 0.6;
    -webkit-transform: translateX(-50%) translateY(-50%) translateY(235px) translateX(485px) rotate(157deg) scale(0.7);
    transform: translateX(-50%) translateY(-50%) translateY(235px) translateX(485px) rotate(157deg) scale(0.7);
    -webkit-animation-delay: 0.7s;
    animation-delay: 0.7s;
  }

  .p-home__title__particles__particle--3 {
    opacity: 0.9;
    -webkit-transform: translateX(-50%) translateY(-50%) translateY(250px) translateX(509px) rotate(286deg) scale(0.8);
    transform: translateX(-50%) translateY(-50%) translateY(250px) translateX(509px) rotate(286deg) scale(0.8);
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
  }

  .p-home__title__particles__particle--4 {
    opacity: 0.8;
    -webkit-transform: translateX(-50%) translateY(-50%) translateY(270px) translateX(386px) rotate(434deg) scale(0.3);
    transform: translateX(-50%) translateY(-50%) translateY(270px) translateX(386px) rotate(434deg) scale(0.3);
    -webkit-animation-delay: 0.8s;
    animation-delay: 0.8s;
  }

  .p-home__title__particles__particle--5 {
    opacity: 0.6;
    -webkit-transform: translateX(-50%) translateY(-50%) translateY(240px) translateX(380px) rotate(154deg) scale(0.5);
    transform: translateX(-50%) translateY(-50%) translateY(240px) translateX(380px) rotate(154deg) scale(0.5);
    -webkit-animation-delay: 0.6s;
    animation-delay: 0.6s;
  }

  .p-home__title__particles__particle--6 {
    opacity: 0.6;
    -webkit-transform: translateX(-50%) translateY(-50%) translateY(212px) translateX(530px) rotate(18deg) scale(0.4);
    transform: translateX(-50%) translateY(-50%) translateY(212px) translateX(530px) rotate(18deg) scale(0.4);
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
  }

  .p-home__title__particles__particle--7 {
    opacity: 0.6;
    -webkit-transform: translateX(-50%) translateY(-50%) translateY(202px) translateX(535px) rotate(46deg) scale(0.3);
    transform: translateX(-50%) translateY(-50%) translateY(202px) translateX(535px) rotate(46deg) scale(0.3);
    -webkit-animation-delay: 0.4s;
    animation-delay: 0.4s;
  }

  .p-home__title__particles__particle--8 {
    opacity: 0.6;
    -webkit-transform: translateX(-50%) translateY(-50%) translateY(25px) translateX(509px) rotate(-31deg) scale(0.4);
    transform: translateX(-50%) translateY(-50%) translateY(25px) translateX(509px) rotate(-31deg) scale(0.4);
    -webkit-animation-delay: 0.7s;
    animation-delay: 0.7s;
  }

  .p-home__title__particles__particle--9 {
    opacity: 0.6;
    -webkit-transform: translateX(-50%) translateY(-50%) translateY(-115px) translateX(455px) rotate(-63deg) scale(0.3);
    transform: translateX(-50%) translateY(-50%) translateY(-115px) translateX(455px) rotate(-63deg) scale(0.3);
    -webkit-animation-delay: 0.8s;
    animation-delay: 0.8s;
  }

  .p-home__title__particles__particle--10 {
    display: none;
    opacity: 0.6;
    -webkit-transform: translateX(-50%) translateY(-50%) translateY(-139px) translateX(497px) rotate(-101deg) scale(0.45);
    transform: translateX(-50%) translateY(-50%) translateY(-139px) translateX(497px) rotate(-101deg) scale(0.45);
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
  }

  .p-home__title__particles__particle--11 {
    opacity: 0.6;
    -webkit-transform: translateX(-50%) translateY(-50%) translateY(-187px) translateX(483px) rotate(-33deg) scale(0.6);
    transform: translateX(-850%) translateY(450%) translateY(-187px) translateX(483px) rotate(-33deg) scale(0.6);
    -webkit-animation-delay: 0.8s;
    animation-delay: 0.8s;
  }

  .p-home__title__particles__particle--12 {
    -webkit-transform: transform: translateX(9%) translateY(-259%) translateY(-79px) translateX(603px) scale(.8);
    transform: translateX(9%) translateY(-259%) translateY(-79px) translateX(603px) scale(.8);

    animation-delay: 0.5s;
  }
  .p-home__title__particles__particle--13 {
    opacity: 0.6;
    -webkit-transform: translateX(-50%) translateY(-50%) translateY(-217px) translateX(604px) rotate(51deg) scale(0.5);
    transform: translateX(-1150%) translateY(550%) translateY(-217px) translateX(604px) rotate(51deg) scale(0.5);
    -webkit-animation-delay: 0.9s;
    animation-delay: 0.9s;
  }

  .p-home__title__particles__particle--14 {
    opacity: 0.8;
    -webkit-transform: translateX(-50%) translateY(-50%) translateY(-195px) translateX(449px) rotate(0deg) scale(1);
    transform: translateX(-900%) translateY(450%) translateY(-195px) translateX(449px) rotate(0deg) scale(1);
    -webkit-animation-delay: 0.6s;
    animation-delay: 0.6s;
  }

  .p-home__title__particles__particle--15 {
    opacity: 0.8;
    -webkit-transform: translateX(-50%) translateY(-50%) translateY(292px) translateX(453px) rotate(41deg) scale(0.2);
    transform: translateX(-50%) translateY(-50%) translateY(292px) translateX(453px) rotate(41deg) scale(0.2);
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
  }

  .p-home__title__particles__particle__triangle {
    width: 69px;
    height: 84px;
    background-image: url('../images/home/title/catch_particle.png');
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-animation-name: triangle;
    animation-name: triangle;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    /*animation-iteration-count: infinite */
  }

  .p-home__title__bg-items__item {
    position: absolute;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: contain;
  }

  .p-home__title__bg-items__item--bird {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('../images/home/title/bird.png');
    background-position: 0 0;
    background-size: cover;
    -webkit-transition: all 3s ease-in;
    transition: all 3s ease-in;
  }

  .p-home__title__bg-items__item--book {
    top: 50%;
    left: 50%;
    width: 605px;
    height: 412px;
    background-image: url('../images/home/title/book.png');
    -webkit-transition: all 4s cubic-bezier(0.22, 0.61, 0.36, 1);
    transition: all 4s cubic-bezier(0.22, 0.61, 0.36, 1);
    -webkit-transform: translateX(-50%) translateY(-50%) translateX(-23px) translateY(200px);
    transform: translateX(-50%) translateY(-50%) translateX(-23px) translateY(200px);
  }

  .p-home__title__bg-items__item--gear {
    right: -20px;
    bottom: 0;
    width: 173px;
    height: 248px;
    background-image: url('../images/home/title/gear.png');
    -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.58, 0.96, 0.76, 1.08);
    transition: -webkit-transform 0.6s cubic-bezier(0.58, 0.96, 0.76, 1.08);
    transition: transform 0.6s cubic-bezier(0.58, 0.96, 0.76, 1.08);
    transition: transform 0.6s cubic-bezier(0.58, 0.96, 0.76, 1.08), -webkit-transform 0.6s cubic-bezier(0.58, 0.96, 0.76, 1.08);
    -webkit-transition-delay: 1.4s;
    transition-delay: 1.4s;
  }

  .p-home__title__chars {
    position: absolute;
    top: 0;
    left: 50%;
    width: 100%;
    max-width: 1400px;
    height: 100%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }

  .p-home__title__chars__item {
    position: absolute;
    top: 50%;
    left: 50%;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: contain;
    -webkit-transition: -webkit-transform 4s cubic-bezier(0.22, 0.61, 0.36, 1);
    transition: -webkit-transform 4s cubic-bezier(0.22, 0.61, 0.36, 1);
    transition: transform 4s cubic-bezier(0.22, 0.61, 0.36, 1);
    transition: transform 4s cubic-bezier(0.22, 0.61, 0.36, 1), -webkit-transform 4s cubic-bezier(0.22, 0.61, 0.36, 1);
  }

  .p-home__title__chars__item--1 {
    left: 60%;
    width: 314px;
    height: 272px;
    background-image: url('../images/home/title/chara_01.png');
    -webkit-transform: translateX(-50%) translateY(-50%) translateY(207px) translateX(0) scale(1.2);
    transform: translateX(-50%) translateY(-26%) translateY(207px) translateX(0) scale(1.2)
  }

  .p-home__title__chars__item--2 {
    left: 72.5%;
    width: 355px;
    height: 416px;
    background-image: url(../images/home/title/chara_02.png);
    -webkit-transform: translateX(-50%) translateY(-50%) translateY(195px) translateX(0px) scale(1);
    transform: translateX(-50%) translateY(-73%) translateY(195px) translateX(0px) scale(1);
  }

  .p-home__title__chars__item--3 {
    z-index: 10;
    left: 33%;
    width: 351px;
    height: 306px;
    background-image: url('../images/home/title/chara_03.png');
    -webkit-transform: translateX(-50%) translateY(-50%) translateY(176px) translateX(0px) scale(1);
    transform: translateX(-50%) translateY(-50%) translateY(176px) translateX(0px) scale(1);
  }

  .p-home__title__chars__item--4 {
    left: 59.5%;
    width: 234px;
    height: 478px;
    background-image: url(../images/home/title/chara_04.png);
    -webkit-transform: translateX(-50%) translateY(-50%) translateY(-40px) translateX(0px) scale(1);
    transform: translateX(-50%) translateY(-50%) translateY(-143px) translateX(0px) scale(1);
  }

  .p-home__title__chars__item--5 {
    left: 21.9%;
    width: 294px;
    height: 200px;
    background-image: url(../images/home/title/chara_05.png);
    -webkit-transform: translateX(-50%) translateY(-50%) translateY(240px) translateX(0px) scale(1);
    transform: translateX(-50%) translateY(-140%) translateY(240px) translateX(0px) scale(1);
  }

  .p-home__title__chars__item--6 {
    left: 70%;
    width: 170px;
    height: 152px;
    background-image: url(../images/home/title/chara_06.png);
    -webkit-transform: translateX(-50%) translateY(-50%) translateY(-87px) translateX(0px) scale(1);
    transform: translateX(-50%) translateY(-112%) translateY(-87px) translateX(0px) scale(1);
  }

  .p-home__title__chars__item--7 {
    left: 35%;
    width: 346px;
    height: 521px;
    background-image: url(../images/home/title/chara_07.png);
    -webkit-transform: translateX(-50%) translateY(-50%) translateY(20px) translateX(0px) scale(1);
    transform: translateX(-50%) translateY(-72%) translateY(20px) translateX(0px) scale(1);
  }

  .p-home__title__chars__item--8 {
    z-index: 11;
    left: 45%;
    width: 567px;
    height: 1096px;
    background-image: url('../images/home/title/chara_08.png');
    -webkit-transform: translateX(-50%) translateY(-50%) translateY(22px) translateX(0px) scale(1);
    transform: translateX(-50%) translateY(-50%) translateY(22px) translateX(0px) scale(1);
  }

  .p-home__title__copy {
    position: absolute;
    bottom: 40px;
    left: 30px;
    margin: 0;
    padding: 0;
    list-style: none;
    -webkit-transition: -webkit-transform 1s ease-in;
    transition: -webkit-transform 1s ease-in;
    transition: transform 1s ease-in;
    transition: transform 1s ease-in, -webkit-transform 1s ease-in;
    -webkit-transition-delay: 1s;
    transition-delay: 1s;
  }

  .p-home__title__copy__item {
    display: inline-block;
    margin-right: 10px;
    vertical-align: bottom;
  }

  .p-home__title__news {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 32px;
    margin: 0;
    background-color: rgba(0, 0, 0, 0.65);
    -webkit-transition: -webkit-transform 1s ease-in;
    transition: -webkit-transform 1s ease-in;
    transition: transform 1s ease-in;
    transition: transform 1s ease-in, -webkit-transform 1s ease-in;
    -webkit-transition-delay: 1s;
    transition-delay: 1s;
  }

  .p-home__title__news dt,.p-home__title__news dd {
    display: inline-block;
    margin: 0;
    padding: 0;
    font-size: 12px;
    line-height: 32px;
  }

  .p-home__title__news dt {
    margin-right: 24px;
    margin-left: 40px;
  }

  .p-home__title__news dt::after {
    display: inline-block;
    height: 12px;
    margin-top: 10px;
    margin-left: 18px;
    border-right: 1px solid #fff;
    vertical-align: top;
    content: '';
  }

  /* animation */
  .js.loading .p-home__title {
    opacity: 0;
  }

  .js.loading .p-home__title::before {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }

  .js.loading .p-home__title__bg-items__item--book {
    -webkit-transform: translateX(-50%) translateY(-50%) translateX(-23px) translateY(280px);
    transform: translateX(-50%) translateY(-50%) translateX(-23px) translateY(280px);
  }

  .js.loading .p-home__title__bg-items__item--bird {
    opacity: 0;
  }

  .js.loading .p-home__title__bg-items__item--gear {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }

  .js.loading .p-home__title__catch {
    -webkit-transform: translateY(100px) translateX(-50px);
    transform: translateY(100px) translateX(-50px);
  }

  .js.loading .p-home__title__catch span {
    -webkit-animation-name: none;
    animation-name: none;
  }

  .js.loading .p-home__title__particles {
    -webkit-transform: translateY(100px) translateX(-50px);
    transform: translateY(100px) translateX(-50px);
  }

  .js.loading .p-home__title__particles__particle {
    -webkit-animation-name: none;
    animation-name: none;
  }

  .js.loading .p-home__title__particles__particle--1 {
    -webkit-transform: translateX(-50%) translateY(-50%) translateY(264px) translateX(483px) rotate(97deg) scale(0.4);
    transform: translateX(-50%) translateY(-50%) translateY(264px) translateX(483px) rotate(97deg) scale(0.4);
  }

  .js.loading .p-home__title__particles__particle--2 {
    -webkit-transform: translateX(-50%) translateY(-50%) translateY(219px) translateX(485px) rotate(157deg) scale(0.7);
    transform: translateX(-50%) translateY(-50%) translateY(219px) translateX(485px) rotate(157deg) scale(0.7);
  }

  .js.loading .p-home__title__particles__particle--3 {
    -webkit-transform: translateX(-50%) translateY(-50%) translateY(230px) translateX(509px) rotate(286deg) scale(0.8);
    transform: translateX(-50%) translateY(-50%) translateY(230px) translateX(509px) rotate(286deg) scale(0.8);
  }

  .js.loading .p-home__title__particles__particle--4 {
    -webkit-transform: translateX(-50%) translateY(-50%) translateY(249px) translateX(394px) rotate(434deg) scale(0.3);
    transform: translateX(-50%) translateY(-50%) translateY(249px) translateX(394px) rotate(434deg) scale(0.3);
  }

  .js.loading .p-home__title__particles__particle--5 {
    -webkit-transform: translateX(-50%) translateY(-50%) translateY(220px) translateX(400px) rotate(154deg) scale(0.5);
    transform: translateX(-50%) translateY(-50%) translateY(220px) translateX(400px) rotate(154deg) scale(0.5);
  }

  .js.loading .p-home__title__particles__particle--6 {
    -webkit-transform: translateX(-50%) translateY(-50%) translateY(196px) translateX(523px) rotate(18deg) scale(0.4);
    transform: translateX(-50%) translateY(-50%) translateY(196px) translateX(523px) rotate(18deg) scale(0.4);
  }

  .js.loading .p-home__title__particles__particle--7 {
    -webkit-transform: translateX(-50%) translateY(-50%) translateY(187px) translateX(529px) rotate(46deg) scale(0.2);
    transform: translateX(-50%) translateY(-50%) translateY(187px) translateX(529px) rotate(46deg) scale(0.2);
  }

  .js.loading .p-home__title__particles__particle--8 {
    -webkit-transform: translateX(-50%) translateY(-50%) translateY(28px) translateX(505px) rotate(-31deg) scale(0.4);
    transform: translateX(-50%) translateY(-50%) translateY(28px) translateX(505px) rotate(-31deg) scale(0.4);
  }

  .js.loading .p-home__title__particles__particle--9 {
    -webkit-transform: translateX(-50%) translateY(-50%) translateY(-100px) translateX(455px) rotate(-63deg) scale(0.3);
    transform: translateX(-50%) translateY(-50%) translateY(-100px) translateX(455px) rotate(-63deg) scale(0.3);
  }

  .js.loading .p-home__title__particles__particle--10 {
    -webkit-transform: translateX(-50%) translateY(-50%) translateY(-118px) translateX(495px) rotate(-101deg) scale(0.45);
    transform: translateX(-50%) translateY(-50%) translateY(-118px) translateX(495px) rotate(-101deg) scale(0.45);
  }

  .js.loading .p-home__title__particles__particle--11 {
    -webkit-transform: translateX(-50%) translateY(-50%) translateY(-162px) translateX(479px) rotate(-33deg) scale(0.6);
    transform: translateX(-50%) translateY(-50%) translateY(-162px) translateX(479px) rotate(-33deg) scale(0.6);
  }

  .js.loading .p-home__title__particles__particle--12 {
    -webkit-transform: translateX(-50%) translateY(-50%) translateY(-182px) translateX(592px) rotate(-12deg) scale(0.3);
    transform: translateX(-50%) translateY(-50%) translateY(-182px) translateX(592px) rotate(-12deg) scale(0.3);
  }

  .js.loading .p-home__title__particles__particle--13 {
    -webkit-transform: translateX(-50%) translateY(-50%) translateY(-192px) translateX(592px) rotate(51deg) scale(0.5);
    transform: translateX(-50%) translateY(-50%) translateY(-192px) translateX(592px) rotate(51deg) scale(0.5);
  }

  .js.loading .p-home__title__particles__particle--14 {
    -webkit-transform: translateX(-50%) translateY(-50%) translateY(-172px) translateX(452px) rotate(0deg) scale(1);
    transform: translateX(-50%) translateY(-50%) translateY(-172px) translateX(452px) rotate(0deg) scale(1);
  }

  .js.loading .p-home__title__particles__particle--15 {
    -webkit-transform: translateX(-50%) translateY(-50%) translateY(266px) translateX(457px) rotate(41deg) scale(0.2);
    transform: translateX(-50%) translateY(-50%) translateY(266px) translateX(457px) rotate(41deg) scale(0.2);
  }

  .js.loading .p-home__title__particles__particle__triangle {
    -webkit-animation-name: none;
    animation-name: none;
  }

  .js.loading .p-home__title__chars__item--1 {
    -webkit-transform: translateX(-50%) translateY(-50%) translateY(187px) translateX(0px) scale(1);
    transform: translateX(-50%) translateY(-50%) translateY(187px) translateX(0px) scale(1);
  }

  .js.loading .p-home__title__chars__item--2 {
    -webkit-transform: translateX(-50%) translateY(-50%) translateY(228px) translateX(-33px) scale(1);
    transform: translateX(-50%) translateY(-50%) translateY(228px) translateX(-33px) scale(1);
  }

  .js.loading .p-home__title__chars__item--3 {
    -webkit-transform: translateX(-50%) translateY(-50%) translateY(226px) translateX(25px) scale(1);
    transform: translateX(-50%) translateY(-50%) translateY(226px) translateX(25px) scale(1);
  }

  .js.loading .p-home__title__chars__item--4 {
    -webkit-transform: translateX(-50%) translateY(-50%) translateY(33px) translateX(-21px) scale(1);
    transform: translateX(-50%) translateY(-50%) translateY(33px) translateX(-21px) scale(1);
  }

  .js.loading .p-home__title__chars__item--5 {
    -webkit-transform: translateX(-50%) translateY(-50%) translateY(259px) translateX(103px) scale(1);
    transform: translateX(-50%) translateY(-50%) translateY(259px) translateX(103px) scale(1);
  }

  .js.loading .p-home__title__chars__item--6 {
    -webkit-transform: translateX(-50%) translateY(-50%) translateY(-11px) translateX(-50px) scale(0.95);
    transform: translateX(-50%) translateY(-50%) translateY(-11px) translateX(-50px) scale(0.95);
  }

  .js.loading .p-home__title__chars__item--7 {
    -webkit-transform: translateX(-50%) translateY(-50%) translateY(62px) translateX(83px) scale(1);
    transform: translateX(-50%) translateY(-50%) translateY(62px) translateX(83px) scale(1);
  }

  .js.loading .p-home__title__chars__item--8 {
    -webkit-transform: translateX(-50%) translateY(-50%) translateY(102px) translateX(4px) scale(1);
    transform: translateX(-50%) translateY(-50%) translateY(102px) translateX(4px) scale(1);
  }

  .js.loading .p-home__title__copy,.js.loading .p-home__title__news {
    -webkit-transform: translateY(100px);
    transform: translateY(100px);
  }
}

@media (min-width: 1200px) {
  .p-home__title__chars__item--1 {
    left: 58%;
  }
}

@media (min-width: 800px) and (max-width: 950px) {
  .p-home__title__chars__item--1 {
    left: 63%;
  }
}

@media (max-width: 799px) {
  .p-home__title {
    position: relative;
    overflow: hidden;
    height: 100%;
    opacity: 1;
    -webkit-transition: opacity 0.5s ease;
    transition: opacity 0.5s ease;
  }

  .p-home__title::before {
    display: block;
    position: absolute;
    top: -100px;
    left: 0;
    width: 100%;
    height: calc(100% + 100px);
    background-image: url('../images/home/title/bg.jpg');
    background-position: 50% 50%;
    background-size: cover;
    content: '';
    -webkit-transition: -webkit-transform 4s ease-out;
    transition: -webkit-transform 4s ease-out;
    transition: transform 4s ease-out;
    transition: transform 4s ease-out, -webkit-transform 4s ease-out;
    -webkit-transform: translateY(100px);
    transform: translateY(100px);
  }

  .p-home__title__catch,.p-home__title__particles {
    top: 252px !important;
    right: 369px !important;
    left: auto;
    -webkit-transition: -webkit-transform 4s cubic-bezier(0.22, 0.61, 0.36, 1);
    transition: -webkit-transform 4s cubic-bezier(0.22, 0.61, 0.36, 1);
    transition: transform 4s cubic-bezier(0.22, 0.61, 0.36, 1);
    transition: transform 4s cubic-bezier(0.22, 0.61, 0.36, 1), -webkit-transform 4s cubic-bezier(0.22, 0.61, 0.36, 1);
    -webkit-transform: translateY(0) translateX(0) scale(0.6) rotate(0deg);
    transform: translateY(0) translateX(0) scale(0.6) rotate(0deg);
  }

  .p-home__title__catch {
    position: absolute;
    z-index: 5;
    top: 50%;
    right: 640px;
    margin: 0;
    -webkit-transition: opacity 0.1s ease, -webkit-transform 4s cubic-bezier(0.22, 0.61, 0.36, 1);
    transition: opacity 0.1s ease, -webkit-transform 4s cubic-bezier(0.22, 0.61, 0.36, 1);
    transition: opacity 0.1s ease, transform 4s cubic-bezier(0.22, 0.61, 0.36, 1);
    transition: opacity 0.1s ease, transform 4s cubic-bezier(0.22, 0.61, 0.36, 1), -webkit-transform 4s cubic-bezier(0.22, 0.61, 0.36, 1);
  }

  .p-home__title__catch span {
    display: block;
    position: absolute;
    z-index: 5;
    top: 50%;
    left: 50%;
    overflow: hidden;
    height: 0;
    background-repeat: no-repeat;
    background-size: contain;
    line-height: 2;
    -webkit-animation-name: flickering;
    animation-name: flickering;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
  }

  .p-home__title__catch__1 {
    width: calc(563px / 2 * 1.6666666667);
    padding-top: calc(752px / 2 * 1.6666666667);
    background-image: url(../images/home/title/catch1.png);
    -webkit-transform: translateX(-50%) translateY(-50%) translateX(542px) translateY(1px);
    transform: translateX(-93%) translateY(-50%) translateX(542px) translateY(1px);
    -webkit-animation-duration: 1.8s;
    animation-duration: 1.8s;
    -webkit-animation-delay: 1.3s;
    animation-delay: 1.3s;
  }

  .p-home__title__catch__2 {
    width: calc(577px / 2 * 1.6666666667);
    padding-top: calc(709px / 2 * 1.6666666667);
    background-image: url(../images/home/title/catch2.png);
    -webkit-transform: translateX(-50%) translateY(-50%) translateX(473px) translateY(93px);
    transform: translateX(-76%) translateY(-60%) translateX(473px) translateY(93px);
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
  }

  .p-home__title__particles {
    position: absolute;
    z-index: 4;
    top: 238px !important;
    right: 409px !important;
    -webkit-transform: scale(0.7);
    transform: scale(0.7);
  }

  .p-home__title__particles__particle {
    position: absolute;
    z-index: 2;
    top: 50%;
    left: 50%;
    width: 69px;
    height: 84px;
    -webkit-transition: -webkit-transform 3s ease-in-out;
    transition: -webkit-transform 3s ease-in-out;
    transition: transform 3s ease-in-out;
    transition: transform 3s ease-in-out, -webkit-transform 3s ease-in-out;
    -webkit-transition-delay: 1s;
    transition-delay: 1s;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    -webkit-animation-name: flickering2;
    animation-name: flickering2;
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1);
    animation-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
  }

  .p-home__title__particles__particle--1 {
    opacity: 0.6;
    -webkit-transform: translateX(-50%) translateY(-50%) translateY(285px) translateX(486px) rotate(97deg) scale(0.4);
    transform: translateX(-50%) translateY(-50%) translateY(285px) translateX(486px) rotate(97deg) scale(0.4);
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
  }

  .p-home__title__particles__particle--2 {
    opacity: 0.6;
    -webkit-transform: translateX(-50%) translateY(-50%) translateY(235px) translateX(485px) rotate(157deg) scale(0.7);
    transform: translateX(-50%) translateY(-50%) translateY(235px) translateX(485px) rotate(157deg) scale(0.7);
    -webkit-animation-delay: 0.7s;
    animation-delay: 0.7s;
  }

  .p-home__title__particles__particle--3 {
    opacity: 0.9;
    -webkit-transform: translateX(-50%) translateY(-50%) translateY(250px) translateX(509px) rotate(286deg) scale(0.8);
    transform: translateX(-50%) translateY(-50%) translateY(250px) translateX(509px) rotate(286deg) scale(0.8);
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
  }

  .p-home__title__particles__particle--4 {
    opacity: 0.8;
    -webkit-transform: translateX(-50%) translateY(-50%) translateY(270px) translateX(386px) rotate(434deg) scale(0.3);
    transform: translateX(-50%) translateY(-50%) translateY(270px) translateX(386px) rotate(434deg) scale(0.3);
    -webkit-animation-delay: 0.8s;
    animation-delay: 0.8s;
  }

  .p-home__title__particles__particle--5 {
    opacity: 0.6;
    -webkit-transform: translateX(-50%) translateY(-50%) translateY(240px) translateX(380px) rotate(154deg) scale(0.5);
    transform: translateX(-50%) translateY(-50%) translateY(240px) translateX(380px) rotate(154deg) scale(0.5);
    -webkit-animation-delay: 0.6s;
    animation-delay: 0.6s;
  }

  .p-home__title__particles__particle--6 {
    opacity: 0.6;
    -webkit-transform: translateX(-50%) translateY(-50%) translateY(212px) translateX(530px) rotate(18deg) scale(0.4);
    transform: translateX(-50%) translateY(-50%) translateY(212px) translateX(530px) rotate(18deg) scale(0.4);
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
  }

  .p-home__title__particles__particle--7 {
    opacity: 0.6;
    -webkit-transform: translateX(-50%) translateY(-50%) translateY(202px) translateX(535px) rotate(46deg) scale(0.3);
    transform: translateX(-50%) translateY(-50%) translateY(202px) translateX(535px) rotate(46deg) scale(0.3);
    -webkit-animation-delay: 0.4s;
    animation-delay: 0.4s;
  }

  .p-home__title__particles__particle--8 {
    opacity: 0.6;
    -webkit-transform: translateX(-50%) translateY(-50%) translateY(31px) translateX(576px) rotate(-205deg) scale(0.6);
    transform: translateX(-50%) translateY(-50%) translateY(31px) translateX(576px) rotate(-205deg) scale(0.6);
    -webkit-animation-delay: 0.7s;
    animation-delay: 0.7s;
  }

  .p-home__title__particles__particle--9 {
    opacity: 0.6;
    -webkit-transform: translateX(-50%) translateY(-50%) translateY(-115px) translateX(455px) rotate(-63deg) scale(0.3);
    transform: translateX(-50%) translateY(-50%) translateY(-115px) translateX(455px) rotate(-63deg) scale(0.3);
    -webkit-animation-delay: 0.8s;
    animation-delay: 0.8s;
  }

  .p-home__title__particles__particle--10 {
    opacity: 0.6;
    -webkit-transform: translateX(-50%) translateY(-50%) translateY(46px) translateX(586px) rotate(-309deg) scale(0.6);
    transform: translateX(-50%) translateY(-50%) translateY(46px) translateX(586px) rotate(-309deg) scale(0.6);
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
  }

  .p-home__title__particles__particle--11 {
    opacity: 0.6;
    -webkit-transform: translateX(-50%) translateY(-50%) translateY(-187px) translateX(483px) rotate(-33deg) scale(0.6);
    transform: translateX(-50%) translateY(-50%) translateY(-187px) translateX(483px) rotate(-33deg) scale(0.6);
    -webkit-animation-delay: 0.8s;
    animation-delay: 0.8s;
  }

  .p-home__title__particles__particle--12 {
    display: none;
  }

  .p-home__title__particles__particle--13 {
    opacity: 0.6;
    -webkit-transform: translateX(-50%) translateY(-50%) translateY(-217px) translateX(604px) rotate(51deg) scale(0.5);
    transform: translateX(-50%) translateY(-50%) translateY(-217px) translateX(604px) rotate(51deg) scale(0.5);
    -webkit-animation-delay: 0.9s;
    animation-delay: 0.9s;
  }

  .p-home__title__particles__particle--14 {
    opacity: 0.8;
    -webkit-transform: translateX(-50%) translateY(-50%) translateY(-195px) translateX(449px) rotate(0deg) scale(1);
    transform: translateX(-50%) translateY(-50%) translateY(-195px) translateX(449px) rotate(0deg) scale(1);
    -webkit-animation-delay: 0.6s;
    animation-delay: 0.6s;
  }

  .p-home__title__particles__particle--15 {
    opacity: 0.8;
    -webkit-transform: translateX(-50%) translateY(-50%) translateY(292px) translateX(453px) rotate(41deg) scale(0.2);
    transform: translateX(-50%) translateY(-50%) translateY(292px) translateX(453px) rotate(41deg) scale(0.2);
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
  }

  .p-home__title__particles__particle__triangle {
    width: 69px;
    height: 84px;
    background-image: url('../images/home/title/catch_particle.png');
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-animation-name: triangle;
    animation-name: triangle;
    -webkit-animation-duration: 4s;
    animation-duration: 4s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    /*animation-iteration-count: infinite */
  }

  .p-home__title__bg-items__item {
    position: absolute;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: contain;
  }

  .p-home__title__bg-items__item--bird {
    bottom: 0;
    left: 0;
    width: 100%;
    height: 50%;
    background-image: url('../images/home/title/bird.png');
    background-position: 0 0;
    background-size: cover;
    -webkit-transition: all 4s ease-in;
    transition: all 4s ease-in;
  }

  .p-home__title__bg-items__item--book {
    bottom: -11px;
    left: 50%;
    width: 605px;
    height: 412px;
    background-image: url('../images/home/title/book.png');
    -webkit-transition: all 4s ease;
    transition: all 4s ease;
    -webkit-transform: translateX(-50%) scale(0.6) translateX(-6px) translateY(40px);
    transform: translateX(-50%) scale(0.6) translateX(-6px) translateY(40px);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
  }

  .p-home__title__bg-items__item--gear {
    right: -20px;
    bottom: 0;
    width: 173px;
    height: 248px;
    background-image: url('../images/home/title/gear.png');
    -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.58, 0.96, 0.76, 1.08);
    transition: -webkit-transform 0.6s cubic-bezier(0.58, 0.96, 0.76, 1.08);
    transition: transform 0.6s cubic-bezier(0.58, 0.96, 0.76, 1.08);
    transition: transform 0.6s cubic-bezier(0.58, 0.96, 0.76, 1.08), -webkit-transform 0.6s cubic-bezier(0.58, 0.96, 0.76, 1.08);
    -webkit-transition-delay: 2s;
    transition-delay: 2s;
    -webkit-transform: scale(0.6);
    transform: scale(0.6);
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
  }

  .p-home__title__chars {
    position: absolute;
    top: 0;
    left: 50%;
    width: 100%;
    max-width: 1400px;
    height: 100%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }

  .p-home__title__chars__item {
    position: absolute;
    top: 50%;
    left: 50%;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: contain;
    -webkit-transition: all 4s cubic-bezier(0.22, 0.61, 0.36, 1);
    transition: all 4s cubic-bezier(0.22, 0.61, 0.36, 1);
  }

  .p-home__title__chars__item--1 {
    left: 49%;
    width: calc(314px * 0.65);
    height: calc(272px * 0.65);
    background-image: url('../images/home/title/sp/chara_01.png');
    -webkit-transform: translateX(-50%) translateY(-58%) translateY(208px) translateX(20px);
    transform: translateX(-50%) translateY(-58%) translateY(208px) translateX(20px);
  }

  .p-home__title__chars__item--2 {
    left: 91%;
    width: calc(355px / 2);
    height: calc(416px / 2);
    background-image: url('../images/home/title/sp/chara_02.png');
    -webkit-transform: translateX(-50%) translateY(-50%) scale(1) translateY(151px) translateX(9px);
    transform: translateX(-50%) translateY(-50%) scale(1) translateY(151px) translateX(9px);
  }

  .p-home__title__chars__item--3 {
    z-index: 10;
    left: 17.5%;
    width: calc(351px / 2);
    height: calc(306px / 2);
    background-image: url('../images/home/title/sp/chara_03.png');
    -webkit-transform: translateX(-50%) translateY(-50%) scale(1) translateY(160px) translateX(0);
    transform: translateX(-50%) translateY(-50%) scale(1) translateY(160px) translateX(0);
  }

  .p-home__title__chars__item--4 {
    left: 71%;
    width: 202px;
    height: 448px;
    background-image: url('../images/home/title/sp/chara_04.png');
    -webkit-transform: translateX(-50%) translateY(-50%) scale(0.5) translateY(-91px) translateX(-17px);
    transform: translateX(-50%) translateY(-50%) scale(0.5) translateY(-91px) translateX(-17px);
  }

  .p-home__title__chars__item--5 {
    left: 20.9%;
    width: 294px;
    height: 200px;
    background-image: url('../images/home/title/sp/chara_05.png');
    -webkit-transform: translateX(-50%) translateY(-50%) scale(0.5) translateY(140px) translateX(0);
    transform: translateX(-50%) translateY(-50%) scale(0.5) translateY(140px) translateX(0);
  }

  .p-home__title__chars__item--6 {
    top: 44%;
    left: 55%;
    width: 170px;
    height: 152px;
    background-image: url('../images/home/title/sp/chara_06.png');
    -webkit-transform: translateX(-50%) translateY(-50%) scale(0.5) translateY(-340px) translateX(0);
    transform: translateX(-50%) translateY(-50%) scale(0.5) translateY(-340px) translateX(0);
  }

  .p-home__title__chars__item--7 {
    left: 22.5%;
    width: 326px;
    height: 501px;
    background-image: url('../images/home/title/sp/chara_07.png');
    -webkit-transform: translateX(-50%) translateY(-50%) scale(0.5) translateY(-141px) translateX(0);
    transform: translateX(-50%) translateY(-50%) scale(0.5) translateY(-141px) translateX(0);
  }

  .p-home__title__chars__item--8 {
    z-index: 10;
    left: 46%;
    width: 567px;
    height: 1096px;
    background-image: url('../images/home/title/sp/chara_08.png');
    -webkit-transform: translateX(-50%) translateY(-50%) scale(0.5) translateY(-30px);
    transform: translateX(-50%) translateY(-50%) scale(0.5) translateY(-30px);
  }

  .p-home__title__copy {
    position: absolute;
    bottom: 5px;
    left: 8px;
    width: 200%;
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 0;
    -webkit-transition: -webkit-transform 1s ease-in;
    transition: -webkit-transform 1s ease-in;
    transition: transform 1s ease-in;
    transition: transform 1s ease-in, -webkit-transform 1s ease-in;
    -webkit-transition-delay: 1s;
    transition-delay: 1s;
    -webkit-transform: translateY(0) scale(0.85) translateZ(0);
    transform: translateY(0) scale(0.85) translateZ(0);
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
  }

  .p-home__title__copy__item {
    display: inline-block;
    margin-right: 0;
    font-size: 12px;
    vertical-align: bottom;
  }

  .p-home__title__news {
    display: none;
  }

  /* animation */
  .js.loading .p-home__title {
    opacity: 0;
  }

  .js.loading .p-home__title::before {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }

  .js.loading .p-home__title__bg-items__item--book {
    -webkit-transform: translateX(-50%) scale(0.6) translateX(-17px) translateY(120px);
    transform: translateX(-50%) scale(0.6) translateX(-17px) translateY(120px);
  }

  .js.loading .p-home__title__bg-items__item--bird {
    opacity: 0;
  }

  .js.loading .p-home__title__bg-items__item--gear {
    -webkit-transform: translateX(100%) scale(0.6);
    transform: translateX(100%) scale(0.6);
  }

  .js.loading .p-home__title__catch,.js.loading .p-home__title__particles {
    -webkit-transform: translateY(80px) translateX(-40px) scale(0.6) rotate(-2deg);
    transform: translateY(80px) translateX(-40px) scale(0.6) rotate(-2deg);
  }

  .js.loading .p-home__title__catch span {
    -webkit-animation-name: none;
    animation-name: none;
  }

  .js.loading .p-home__title__particles__particle {
    -webkit-animation-name: none;
    animation-name: none;
  }

  .js.loading .p-home__title__particles__particle--1 {
    -webkit-transform: translateX(-50%) translateY(-50%) translateY(264px) translateX(483px) rotate(97deg) scale(0.4);
    transform: translateX(-50%) translateY(-50%) translateY(264px) translateX(483px) rotate(97deg) scale(0.4);
  }

  .js.loading .p-home__title__particles__particle--2 {
    -webkit-transform: translateX(-50%) translateY(-50%) translateY(219px) translateX(485px) rotate(157deg) scale(0.7);
    transform: translateX(-50%) translateY(-50%) translateY(219px) translateX(485px) rotate(157deg) scale(0.7);
  }

  .js.loading .p-home__title__particles__particle--3 {
    -webkit-transform: translateX(-50%) translateY(-50%) translateY(230px) translateX(509px) rotate(286deg) scale(0.8);
    transform: translateX(-50%) translateY(-50%) translateY(230px) translateX(509px) rotate(286deg) scale(0.8);
  }

  .js.loading .p-home__title__particles__particle--4 {
    -webkit-transform: translateX(-50%) translateY(-50%) translateY(249px) translateX(394px) rotate(434deg) scale(0.3);
    transform: translateX(-50%) translateY(-50%) translateY(249px) translateX(394px) rotate(434deg) scale(0.3);
  }

  .js.loading .p-home__title__particles__particle--5 {
    -webkit-transform: translateX(-50%) translateY(-50%) translateY(220px) translateX(400px) rotate(154deg) scale(0.5);
    transform: translateX(-50%) translateY(-50%) translateY(220px) translateX(400px) rotate(154deg) scale(0.5);
  }

  .js.loading .p-home__title__particles__particle--6 {
    -webkit-transform: translateX(-50%) translateY(-50%) translateY(196px) translateX(523px) rotate(18deg) scale(0.4);
    transform: translateX(-50%) translateY(-50%) translateY(196px) translateX(523px) rotate(18deg) scale(0.4);
  }

  .js.loading .p-home__title__particles__particle--7 {
    -webkit-transform: translateX(-50%) translateY(-50%) translateY(187px) translateX(529px) rotate(46deg) scale(0.2);
    transform: translateX(-50%) translateY(-50%) translateY(187px) translateX(529px) rotate(46deg) scale(0.2);
  }

  .js.loading .p-home__title__particles__particle--8 {
    -webkit-transform: translateX(-50%) translateY(-50%) translateY(36px) translateX(570px) rotate(-205deg) scale(0.6);
    transform: translateX(-50%) translateY(-50%) translateY(36px) translateX(570px) rotate(-205deg) scale(0.6);
  }

  .js.loading .p-home__title__particles__particle--9 {
    -webkit-transform: translateX(-50%) translateY(-50%) translateY(-100px) translateX(455px) rotate(-63deg) scale(0.3);
    transform: translateX(-50%) translateY(-50%) translateY(-100px) translateX(455px) rotate(-63deg) scale(0.3);
  }

  .js.loading .p-home__title__particles__particle--10 {
    -webkit-transform: translateX(-50%) translateY(-50%) translateY(26px) translateX(580px) rotate(-309deg) scale(0.6);
    transform: translateX(-50%) translateY(-50%) translateY(26px) translateX(580px) rotate(-309deg) scale(0.6);
  }

  .js.loading .p-home__title__particles__particle--11 {
    -webkit-transform: translateX(-50%) translateY(-50%) translateY(-162px) translateX(479px) rotate(-33deg) scale(0.6);
    transform: translateX(-50%) translateY(-50%) translateY(-162px) translateX(479px) rotate(-33deg) scale(0.6);
  }

  .js.loading .p-home__title__particles__particle--12 {
    -webkit-transform: translateX(-50%) translateY(-50%) translateY(-182px) translateX(592px) rotate(-12deg) scale(0.3);
    transform: translateX(-50%) translateY(-50%) translateY(-182px) translateX(592px) rotate(-12deg) scale(0.3);
  }

  .js.loading .p-home__title__particles__particle--13 {
    -webkit-transform: translateX(-50%) translateY(-50%) translateY(-192px) translateX(592px) rotate(51deg) scale(0.5);
    transform: translateX(-50%) translateY(-50%) translateY(-192px) translateX(592px) rotate(51deg) scale(0.5);
  }

  .js.loading .p-home__title__particles__particle--14 {
    -webkit-transform: translateX(-50%) translateY(-50%) translateY(-172px) translateX(452px) rotate(0deg) scale(1);
    transform: translateX(-50%) translateY(-50%) translateY(-172px) translateX(452px) rotate(0deg) scale(1);
  }

  .js.loading .p-home__title__particles__particle--15 {
    -webkit-transform: translateX(-50%) translateY(-50%) translateY(316px) translateX(457px) rotate(41deg) scale(0.2);
    transform: translateX(-50%) translateY(-50%) translateY(316px) translateX(457px) rotate(41deg) scale(0.2);
  }

  .js.loading .p-home__title__particles__particle__triangle {
    -webkit-animation-name: none;
    animation-name: none;
  }

  .js.loading .p-home__title__chars__item--1 {
    -webkit-transform: translateX(-50%) translateY(-58%) translateY(203px) translateX(-21px);
    transform: translateX(-50%) translateY(-58%) translateY(203px) translateX(-21px);
  }

  .js.loading .p-home__title__chars__item--2 {
    -webkit-transform: translateX(-50%) translateY(-50%) scale(1.1) translateY(172px) translateX(-48px);
    transform: translateX(-50%) translateY(-50%) scale(1.1) translateY(172px) translateX(-48px);
  }

  .js.loading .p-home__title__chars__item--3 {
    -webkit-transform: translateX(-50%) translateY(-50%) scale(1) translateY(191px) translateX(38px);
    transform: translateX(-50%) translateY(-50%) scale(1) translateY(191px) translateX(38px);
  }

  .js.loading .p-home__title__chars__item--4 {
    -webkit-transform: translateX(-50%) translateY(-50%) scale(0.5) translateY(70px) translateX(-58px);
    transform: translateX(-50%) translateY(-50%) scale(0.5) translateY(70px) translateX(-58px);
  }

  .js.loading .p-home__title__chars__item--5 {
    -webkit-transform: translateX(-50%) translateY(-50%) scale(0.5) translateY(214px) translateX(70px);
    transform: translateX(-50%) translateY(-50%) scale(0.5) translateY(214px) translateX(70px);
  }

  .js.loading .p-home__title__chars__item--6 {
    -webkit-transform: translateX(-50%) translateY(-50%) scale(0.5) translateY(-105px) translateX(-28px);
    transform: translateX(-50%) translateY(-50%) scale(0.5) translateY(-105px) translateX(-28px);
  }

  .js.loading .p-home__title__chars__item--7 {
    -webkit-transform: translateX(-50%) translateY(-50%) scale(0.5) translateY(35px) translateX(39px);
    transform: translateX(-50%) translateY(-50%) scale(0.5) translateY(35px) translateX(39px);
  }

  .js.loading .p-home__title__chars__item--8 {
    -webkit-transform: translateX(-50%) translateY(-50%) scale(0.5) translateY(130px);
    transform: translateX(-50%) translateY(-50%) scale(0.5) translateY(130px);
  }

  .js.loading .p-home__title__copy {
    -webkit-transform: translateY(100px) scale(0.85) translateZ(0);
    transform: translateY(100px) scale(0.85) translateZ(0);
  }
}

.p-home-news {
  overflow-x: hidden;
  overflow-y: scroll;
  height: 205px;
}

.p-home-news dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 15px;
  padding-bottom: 15px;
  border-bottom: 1px solid #d6d6d6;
  font-size: 12px;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

.p-home-news dt,.p-home-news dd {
  margin: 0;
}

.p-home-news dt {
  width: 80px;
}

.p-home-news dd {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

@media (max-width: 799px) {
  .p-home-news {
    height: 150px;
    margin-bottom: 30px;
  }
}

@-webkit-keyframes scrollIcon {
  0% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }

  50% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes scrollIcon {
  0% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }

  50% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

.p-home__mov {
  display: none;
  position: fixed;
  z-index: 99999;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background: #fff;
}

.p-home__mov video {
  position: absolute;
  top: 50%;
  left: 50%;
  width: auto;
  min-width: 100%;
  height: auto;
  min-height: 100%;
  background: #fff;
  opacity: 1;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

.p-home__mov__skip {
  position: absolute;
  right: 20px;
  bottom: 20px;
  width: 80px;
  height: 40px;
  background-image: url('../images/skip.png');
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: auto 20px;
  font-size: 0;
  cursor: pointer;
}

.p-home__scroll {
  position: fixed;
  right: 0;
  bottom: 0;
  width: 91px;
  height: 100px;
  background-image: url('../images/home/scroll_bg.png');
  background-repeat: no-repeat;
  cursor: pointer;
  -webkit-transition: opacity 0.4s ease-in-out, -webkit-transform 1s ease-in 1s;
  transition: opacity 0.4s ease-in-out, -webkit-transform 1s ease-in 1s;
  transition: opacity 0.4s ease-in-out, transform 1s ease-in 1s;
  transition: opacity 0.4s ease-in-out, transform 1s ease-in 1s, -webkit-transform 1s ease-in 1s;
}

.p-home__scroll:hover::after {
  opacity: 1;
}

.p-home__scroll::after {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 91px;
  height: 100px;
  background-image: url('../images/home/scroll_bg.png');
  background-repeat: no-repeat;
  background-position: 0 -100px;
  content: '';
  opacity: 0;
  -webkit-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
}

.p-home__scroll::before {
  display: block;
  position: absolute;
  z-index: 5;
  right: 0;
  bottom: 0;
  width: 91px;
  height: 100px;
  background-repeat: no-repeat;
  /*transform: translateX(-50%) translateY(-50%) */
  background-position: 65% 40%;
  content: '';
}

.p-home__scroll--animate::before {
  -webkit-animation-name: scrollIcon;
  animation-name: scrollIcon;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 2;
  animation-iteration-count: 2;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.p-home__scroll--title::before {
  background-image: url('../images/home/title/scroll_chara.png');
}

.p-home__scroll--news::before {
  background-image: url('../images/home/title/scroll_chara.png');
}

.p-home__scroll--about::before {
  background-image: url('../images/home/about/scroll_chara.png');
}

.p-home__scroll--system::before {
  background-image: url('../images/home/system/scroll_chara.png');
}

.p-home__scroll--player::before {
  background-image: url('../images/home/player/scroll_chara.png');
}

.p-home__scroll--game::before {
  background-image: url('../images/home/game/scroll_chara.png');
}

.p-home__scroll--tutorial::before {
  background-image: url('../images/home/tutorial/scroll_chara.png');
}

.p-home__scroll--product {
  opacity: 0;
}

.p-home__section {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: calc(100vh - 44px);
  min-height: calc(700px - 44px);
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  font-size: 14px;
  color: #fff;
}

.p-home__section::before {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url('../images/home/bg_filter.png');
  background-size: cover;
  content: '';
}

.p-home__section--title {
  height: 100vh;
  background-color: transparent;
}

.p-home__section--title::before {
  display: none;
}

.p-home__section--news {
  height: 400px;
  min-height: 400px;
  background: #fff;
  background-image: url('../images/home/news/bg-left.png'), url('../images/home/news/bg-right.png');
  background-repeat: no-repeat, no-repeat;
  background-position: 0 0, 100% 0;
  color: #4c4c4c;
}

.p-home__section--news::before {
  display: none;
}

.p-home__section--news .p-home__section__body__next {
  background-image: url('../images/home/news/next.jpg');
}

.p-home__section--about {
  background-image: url('../images/home/about/bg.jpg');
}

.p-home__section--about .p-home__section__body__image {
  width: 759px;
}

.p-home__section--about .p-home__section__body__next {
  background-image: url('../images/home/about/next.jpg');
}

.p-home__section--about .c-home-btn__item--01 .c-home-btn__item__bg {
  background-image: url('../images/home/about/btn01_bg.jpg');
}

.p-home__section--about .c-home-btn__item--01 .c-home-btn__item__image {
  width: 557px;
  height: 277px;
  background-image: url('../images/home/about/btn01_main.png');
}

.p-home__section--about .c-home-btn__item--02 .c-home-btn__item__bg {
  background-image: url('../images/home/about/btn02_bg.jpg');
}

.p-home__section--about .c-home-btn__item--02 .c-home-btn__item__image {
  width: 680px;
  height: 271px;
  background-image: url('../images/home/about/btn02_main.png');
}

.p-home__section--player .c-home-btn__item--01 .c-home-btn__item__bg {
  background-image: url('../images/home/player/btn01_bg.jpg');
}

.p-home__section--player .c-home-btn__item--01 .c-home-btn__item__image {
  width: 680px;
  height: 271px;
  background-image: url('../images/home/player/btn01_main.png');
}

.p-home__section--tutorial .c-home-btn__item--01 .c-home-btn__item__bg {
  background-image: url('../images/home/tutorial/btn01_bg.jpg');
}

.p-home__section--tutorial .c-home-btn__item--01 .c-home-btn__item__image {
  width: 680px;
  height: 271px;
  background-image: url('../images/home/tutorial/btn01_main.png');
}


.p-home__section--about .c-home-btn__item--04 .c-home-btn__item__bg {
  background-image: url('../images/home/about/btn01_bg.jpg');
}

.p-home__section--about .c-home-btn__item--04 .c-home-btn__item__image {
  width: 680px;
  height: 271px;
  background-image: url('../images/home/about/btn01_main.png');
}

.p-home__section--about .c-home-btn__item--04 .c-home-btn__item__bg {
  background-image: url('../images/home/about/btn02_bg.jpg');
}

.p-home__section--about .c-home-btn__item--04 .c-home-btn__item__image {
  width: 680px;
  height: 271px;
  background-image: url('../images/home/about/btn02_main.png');
}

.p-home__section--about .c-home-btn__item--05 .c-home-btn__item__bg {
  background-image: url('../images/home/about/btn02_bg.jpg');
}

.p-home__section--about .c-home-btn__item--05 .c-home-btn__item__image {
  width: 680px;
  height: 271px;
  background-image: url('../images/home/about/btn02_main.png');
}

.p-home__section--system {
  background-image: url('../images/home/system/bg.jpg');
}

.p-home__section--system .p-home__section__body__image {
  left: 60%;
  width: 574px;
}

.p-home__section--system .p-home__section__body__next {
  background-image: url('../images/home/system/next.jpg');
}

.p-home__section--system .c-home-btn__item--01 .c-home-btn__item__bg {
  background-image: url('../images/home/system/btn01_bg.jpg');
}

.p-home__section--system .c-home-btn__item--01 .c-home-btn__item__image {
  width: 474px;
  height: 276px;
  background-image: url('../images/home/system/btn01_main.png');
}

.p-home__section--player {
  background-image: url('../images/home/player/bg.jpg');
}

.p-home__section--player .p-home__section__body__image {
  top: -110px;
  left: 54%;
  width: 656px;
}

.p-home__section--player .p-home__section__body__next {
  background-image: url('../images/home/player/next.jpg');
}

.p-home__section--game {
  background-image: url('../images/home/game/bg.jpg');
}

.p-home__section--game .p-home__section__body__image {
  top: 20px;
  left: 59%;
  width: 529px;
}

.p-home__section--game .p-home__section__body__next {
  background-image: url('../images/home/game/next.jpg');
}

.p-home__section--tutorial {
  background-image: url('../images/home/tutorial/bg.jpg');
}

.p-home__section--tutorial .p-home__section__body__image {
  left: 48%;
  width: 717px;
}

.p-home__section--tutorial .p-home__section__body__next {
  background-image: url('../images/home/tutorial/next.jpg');
}

.p-home__section--product {
  overflow-x: hidden;
  overflow-y: auto;
  background-image: url('../images/home/product/bg.jpg');
}

.p-home__section--product .p-home__section__body__image {
  top: 104px;
  left: 60%;
  width: 332px;
}

.p-home__section--product .c-footer {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}

.p-home__section__news-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 1060px;
  max-width: 100%;
  margin: 0 auto;
  padding: 0 40px;
  padding-top: 60px;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

.p-home__section__news-content::after {
  display: block;
  clear: both;
  content: '';
}

.p-home__section__news-content__col {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 50%;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.p-home__section__news-content__col:first-child {
  padding-right: 35px;
}

.p-home__section__news-content__col:last-child {
  padding-left: 35px;
}

.p-home__section__news-content__col h2 {
  margin-top: 0;
  margin-bottom: 12px;
}

.p-home__section__news-content__col .p-home__timeline {
  overflow-x: hidden;
  overflow-y: scroll;
  height: 200px;
  -webkit-overflow-scrolling: touch;
}

.p-home__section__news-content__col .p-home__timeline iframe {
  width: 740px !important;
}

.p-home__section__body {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.p-home__section__body__title {
  display: inline-block;
  position: relative;
  z-index: 10;
  left: 0;
  height: 67px;
  margin-top: 145px;
  padding-left: 60px;
  background-color: #e62b2b;
  background-image: url('../images/home/title_bg2.png');
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: contain;
  color: #fff;
}

.p-home__section__body__title img {
  position: relative;
  top: -33px;
  height: 82px;
}

.p-home__section__body__title::before {
  position: absolute;
  top: 0;
  right: -100px;
  width: 150px;
  height: 67px;
  background-image: url('../images/home/title_bg1.png');
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: contain;
  content: '';
}

.p-home__section__body__text {
  position: relative;
  z-index: 10;
  margin-top: 30px;
  margin-left: 66px;
  font-size: 15px;
  line-height: 1.8;
  text-shadow: 0 0 5px rgba(0, 0, 0, 1);
  letter-spacing: 0.12em;
}

.p-home__section__body__text em {
  font-size: 16px;
  font-weight: normal;
  font-style: normal;
  color: #fd3;
}

.p-home__section__body__text br.sp {
  display: none;
}

.p-home__section__body__image {
  position: absolute;
  top: -10px;
  left: 40%;
}

.p-home__section__body__image-sp {
  display: none;
}

.p-home__section__body__link {
  position: absolute;
  bottom: 45%;
  left: 0;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
  -webkit-transform: translateY(50%);
  transform: translateY(50%);
}

.p-home__section__body__next {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 39px;
  border-top: 1px solid #d6d6d6;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: 100% 0;
  background-size: auto 39px;
  cursor: pointer;
}

.p-home__section__body__next:hover::before {
  opacity: 0;
}

.p-home__section__body__next::before {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 39px;
  background-color: #fff;
  content: '';
  opacity: 0.5;
  -webkit-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
}

.p-home__section__text {
  position: absolute;
  top: 50%;
  width: 100%;
  margin: 0;
  font-size: 72px;
  color: #fff;
  text-align: center;
  opacity: 0.8;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.js .p-home__mov {
  display: block;
}

.js .p-home__section {
  opacity: 0;
  -webkit-transition: opacity 0.8s ease-out;
  transition: opacity 0.8s ease-out;
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s;
}

.js .p-home__section__text {
  opacity: 0;
  -webkit-transition: opacity 0.5s ease-in-out;
  transition: opacity 0.5s ease-in-out;
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s;
}

.js .p-home__section__body__title {
  -webkit-transition: -webkit-transform 0.5s ease-out;
  transition: -webkit-transform 0.5s ease-out;
  transition: transform 0.5s ease-out;
  transition: transform 0.5s ease-out, -webkit-transform 0.5s ease-out;
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
  -webkit-transform: translateX(-120%);
  transform: translateX(-120%);
}

.js .p-home__section__body__image,.js .p-home__section__body__image-sp {
  opacity: 0;
  -webkit-transition: opacity 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out, -webkit-filter 0.6s ease;
  transition: opacity 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out, -webkit-filter 0.6s ease;
  transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out, filter 0.6s ease;
  transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out, filter 0.6s ease, -webkit-transform 0.5s ease-in-out, -webkit-filter 0.6s ease;
  -webkit-transition-delay: 0.5s;
  transition-delay: 0.5s;
  -webkit-transform: translateX(105%) scale(1.3);
  transform: translateX(105%) scale(1.3);
  -webkit-filter: blur(10px);
  filter: blur(10px);
}

.js .p-home__section__body__text,.js .p-home__section__body__link {
  opacity: 0;
  -webkit-transition: opacity 0.5s ease-in-out;
  transition: opacity 0.5s ease-in-out;
  -webkit-transition-delay: 0.6s;
  transition-delay: 0.6s;
}

.js .p-home__section.js-onScrollView {
  opacity: 1;
}

.js .p-home__section.js-onScrollView .p-home__section__text {
  opacity: 1;
}

.js .p-home__section.js-onScrollView .p-home__section__body__title {
  -webkit-transform: translateX(0);
  transform: translateX(0);
}

.js .p-home__section.js-onScrollView .p-home__section__body__image,.js .p-home__section.js-onScrollView .p-home__section__body__image-sp {
  opacity: 1;
  -webkit-transform: translateX(0) scale(1);
  transform: translateX(0) scale(1);
  -webkit-filter: blur(0);
  filter: blur(0);
}

.js .p-home__section.js-onScrollView .p-home__section__body__text,.js .p-home__section.js-onScrollView .p-home__section__body__link {
  opacity: 1;
}

.js.loading .p-home__scroll {
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
}

.js.firefox .p-home__section__body__image,.js.firefox .p-home__section__body__image-sp {
  -webkit-filter: blur(0);
  filter: blur(0);
}

.movEnded .p-home__mov {
  display: none;
}
/* footer */
.p-home .c-footer {
  display: none;
}

.c-wrapper--fixed .p-home .c-footer {
  display: block;
}

.c-wrapper--fixed .p-home__section--product .p-home__section__body {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  min-height: 750px;
  padding-bottom: 900px;
}
/* scroll */
.scroll .p-home__scroll {
  display: none;
}

.scroll .p-home__section--news {
  height: calc(400px - 40px);
  min-height: calc(400px - 40px);
}

.scroll .p-home__section__body__link {
  bottom: 38%;
}

.scroll .p-home__section__body__next {
  display: none;
}

@media (min-width: 800px) and (max-height: 760px) {
  .p-home__section__body__title {
    margin-top: 94px;
  }
}

@media (max-width: 799px) {
  .p-home {
    background-color: #fff;
  }

  .p-home__mov {
    background-color: #fff;
    -webkit-transition: opacity 1s ease-in;
    transition: opacity 1s ease-in;
  }

  .p-home__mov::after {
    display: none;
    position: absolute;
    z-index: 9999999;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    content: '';
  }

  .p-home__mov__skip {
    bottom: 100px;
    width: calc(152px / 2);
    height: calc(46px / 2);
    background-size: contain;
  }

  .p-home__scroll {
    display: none;
  }

  .p-home__section {
    height: auto;
    min-height: auto;
  }

  .p-home__section::before {
    display: none;
  }

  .p-home__section--title {
    height: calc(100vh - 110px);
  }

  .p-home__section--news {
    height: auto !important;
    background: none;
  }

  .p-home__section--news .p-home__section__body {
    padding: 0;
  }

  .p-home__section--about {
    background-image: url('../images/home/about/sp_bg.jpg');
  }

  .p-home__section--about .p-home__section__body__image-sp {
    top: -13px;
    width: calc(450px / 2);
  }

  .p-home__section--about .c-home-btn__item--01 .c-home-btn__item__image {
    width: 750px;
    height: 497px;
    background-image: url('../images/home/about/sp_btn01_main.png');
  }

  .p-home__section--about .c-home-btn__item--02 .c-home-btn__item__image {
    width: 750px;
    height: 602px;
    background-image: url('../images/home/about/sp_btn02_main.png');
  }

  .p-home__section--player .c-home-btn__item--01 .c-home-btn__item__image {
    width: 750px;
    height: 418px;
    background-image: url(../images/home/player/sp_btn01_main.png);
  }

  .p-home__section--about .c-home-btn__item--04 .c-home-btn__item__image {
    width: 750px;
    height: 602px;
    background-image: url('../images/home/about/sp_btn02_main.png');
  }

  .p-home__section--about .c-home-btn__item--05 .c-home-btn__item__image {
    width: 750px;
    height: 602px;
    background-image: url('../images/home/about/sp_btn02_main.png');
  }

  .p-home__section--system {
    background-image: url('../images/home/system/sp_bg.jpg');
  }

  .p-home__section--system .p-home__section__body__image-sp {
    top: 0;
    width: calc(285px / 2);
  }

  .p-home__section--system .c-home-btn__item--01 .c-home-btn__item__image {
    width: 750px;
    height: 418px;
    background-image: url('../images/home/system/sp_btn01_main.png');
  }

  .p-home__section--player {
    background-image: url('../images/home/player/sp_bg.jpg');
  }

  .p-home__section--player .p-home__section__body__image-sp {
    top: 0;
    width: calc(467px / 2);
  }

  .p-home__section--game {
    background-image: url('../images/home/game/sp_bg.jpg');
  }

  .p-home__section--game .p-home__section__body__image-sp {
    top: 0;
    width: calc(453px / 2);
  }

  .p-home__section--tutorial {
    background-image: url('../images/home/tutorial/sp_bg.jpg');
  }

.p-home__section--movie .c-home-btn__item--01 .c-home-btn__item__image {
    width: 750px;
    height: 418px;
    background-image: url(../images/home/movie/sp_btn01_main.png);
  }

  .p-home__section--product {
    background-image: url('../images/home/product/sp_bg.jpg');
  }

  .p-home__section--product .p-home__section__body__text {
    margin-bottom: 60px;
  }

  .p-home__section--product .p-home__section__body__image-sp {
    top: 5px;
    width: calc(274px / 2);
  }

  .p-home__section__body {
    position: relative;
    height: auto;
  }

  .p-home__section__body__title {
    height: 50px;
    margin-top: 87px;
    margin-bottom: 20px;
    padding-left: 10px;
  }

  .p-home__section__body__title::before {
    right: -110px;
    height: 50px;
  }

  .p-home__section__body__title img {
    top: -30px;
    height: 60px;
  }

  .p-home__section__body__image {
    display: none;
  }

  .p-home__section__body__image-sp {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
  }

  .p-home__section__body__text {
    margin-top: 0;
    margin-left: 0;
    padding-right: 10px;
    padding-left: 10px;
    font-size: 13px;
    line-height: 1.46;
    letter-spacing: 0.06em;
  }

  .p-home__section__body__text em {
    font-size: 13px;
    font-weight: bold;
  }

  .p-home__section__body__text br.pc {
    display: none;
    display: block;
  }

  .p-home__section__body__text br.sp {
    display: block;
  }

  .p-home__section__body__link {
    position: static;
    margin-bottom: 70px;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  .p-home__section__body__next {
    display: none;
  }

  .p-home__section__news-content {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    padding: 60px 10px;
    background-image: url('../images/home/news/bg_news_header.png'), url('../images/home/news/bg_news_footer.png');
    background-repeat: no-repeat, no-repeat;
    background-position: 100% 0, 0 100%;
    background-size: auto 75px, auto 75px;
  }

  .p-home__section__news-content__col {
    width: 100%;
    padding-right: 0 !important;
    padding-left: 0 !important;
  }

  .p-home__section__news-content__col h2 {
    margin-bottom: 10px;
  }

  .p-home__section__news-content__col h2 img {
    height: 20px;
  }

  .movEnded .p-home__mov {
    display: block;
    pointer-events: none;
    opacity: 0;
  }

  .movEnded .p-home__mov::after {
    display: block;
  }

  .movEnded .p-home__mov video {
    display: none;
  }
}


/*FINAL UPDATE CSS */
.p-home__section--system .c-home-btn__item--02 .c-home-btn__item__bg {
    background-image: url(../images/home/system/btn02_bg.jpg);
}

.p-home__section--system .c-home-btn__item--02 .c-home-btn__item__image {
    width: 560px;
    height: 276px;
    background-image: url(../images/home/system/btn02_main.png);
}