body.top #wrap {

  width: 100%;
  padding-top: 0; }

body.top.throughHd .header {
  background: transparent; }

body.top .header .headLogo {
  opacity: 0;
  transition: 0.3s; }

body.top.onHd .header .headLogo {
  opacity: 1; }


#topMv .img1 {
background-image:url("../img/top_slide01.jpg");
}
@media only screen and (max-width: 960px) {
#topMv .img1 {
background-image: url(../img/top_slide01_sp.jpg);
}
}
#topMv .img2 {
background-image:url("../img/top_slide02.jpg");
}
@media only screen and (max-width: 960px) {
#topMv .img2 {
background-image: url(../img/top_slide02_sp02.jpg);
}
}



#topMv {
  background-color: #F2F2F2;
  height: 100vh;
  width: 100vw;
  overflow-x: hidden;
  position: relative; }
  #topMv:after {
    background-color: #FFF;
    content: 'Scroll Down';
    display: block;
    font-family: "Montserrat", sans-serif;
    font-size: 12px;
    line-height: 1;
    padding: 22px 25px 18px;
    text-align: center;
    min-width: 20rem;
    min-height: 60px;
    position: absolute;
    bottom: 0;
    left: 0; }
  #topMv h1 {
    margin-top: -8vw;
    text-align: center;
    position: absolute;
    top: 42%;
    left: 0;
    width: 100%;
    z-index: 10; }
    #topMv h1 img {
      height: auto;
      width: 100%;
      max-width: 40vw;
      min-width: 180px; }
  #topMv #topMvSlider {
    height: 100vh;
    width: 100vw; }
  #topMv .slick-track li {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100vh;
    width: 100vw; }
    #topMv .slick-track li img {
      display: none; }
  #topMv .slick-prev, #topMv .slick-next {
    font-size: 0;
    height: 60px;
    width: 60px;
    position: absolute;
    bottom: 0;
    z-index: 10;
    min-height: 60px;
    transition: 0.2s; }
  #topMv .slick-prev {
    background: url("../img/icon_arrow_prev.png") center center no-repeat #F2F2F2;
    background-size: 12px auto;
    left: 20rem; }
  #topMv .slick-next {
    background: url("../img/icon_arrow.png") center center no-repeat #F2F2F2;
    background-size: 12px auto;
    left: calc(20rem + 60px); }
  #topMv .slick-prev:hover, #topMv .slick-next:hover {
    background-color: #FFF; }

@media only screen and (max-width: 960px) {
  body.top .contents {
    padding-top: 50px; }

  #topMv {
    height: auto;
    position: relative; }
    #topMv:after {
      background-color: transparent;
      color: #FFF;
      font-family: "Montserrat", sans-serif;
      font-size: 10px;
      line-height: 1;
      letter-spacing: 0.2em;
      padding: 0;
      text-align: left;
      min-width: auto;
      min-height: auto;
      position: absolute;
      bottom: auto;
      top: 70%;
      left: -20px;
      transform: rotate(90deg); }
    #topMv h1 {
      margin-top: -23vw;
      text-align: center;
      position: absolute;
      top: 50%; }
      #topMv h1 img {
        height: auto;
        width: 70vw;
        max-width: 350px;
        min-width: auto; }
    #topMv #topMvSlider {
      height: auto; }
    #topMv .slick-track li {
      height: 85vh; }
    #topMv .slick-prev {
      left: 0; }
    #topMv .slick-next {
      left: 60px; }
    #topMv .slick-prev:hover, #topMv .slick-next:hover {
      background-color: #FFF; }
}
/* Animation Setting */
#topMv,
#topMv h1 img,
#header,
#topMv::after,
#topMv .slick-prev,
#topMv .slick-next,
.readMore,
#footer {
  opacity: 0; }

#topMv.action {
  -webkit-animation: fadeIn 1.5s ease 0.1s 1 forwards;
  animation: fadeIn 1.5s ease 0.1s 1 forwards; }

#topMv.action h1 img {
  -webkit-animation: fadeIn 1.4s ease 1s 1 forwards;
  animation: fadeIn 1.4s ease 1s 1 forwards; }

#header.action {
  -webkit-animation: fadeIn 1.4s ease 1.5s 1 forwards;
  animation: fadeIn 1.4s ease 1.5s 1 forwards; }

#topMv.action::after {
  -webkit-animation: fadeIn 1.4s ease 1.5s 1 forwards;
  animation: fadeIn 1s ease 1.5s 1 forwards; }

#topMv.action .slick-prev {
  -webkit-animation: fadeInL 1.4s ease 1.7s 1 forwards;
  animation: fadeInL 1s ease 1.7s 1 forwards; }

#topMv.action .slick-next {
  -webkit-animation: fadeInL 1.4s ease 1.9s 1 forwards;
  animation: fadeInL 1s ease 1.9s 1 forwards; }



@-webkit-keyframes fadeClip {
  0% {
    opacity: 0;
    -webkit-clip-path: inset(5% 5% 1% 5%);
    clip-path: inset(5% 5% 1% 5%);
    transform: translate(0, 0);
    transform: translate(0, 50px); }
  100% {
    -webkit-clip-path: inset(0 0 0 0);
    clip-path: inset(0 0 0 0);
    transform: translate(0, 0);
    opacity: 1; } }
@keyframes fadeClip {
  0% {
    opacity: 0;
    -webkit-clip-path: inset(5% 5% 1% 5%);
    clip-path: inset(5% 5% 1% 5%);
    transform: translate(0, 0);
    transform: translate(0, 50px); }
  100% {
    -webkit-clip-path: inset(0 0 0 0);
    clip-path: inset(0 0 0 0);
    transform: translate(0, 0);
    opacity: 1; } }
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate(0, 30px);
    -ms-transform: translate(0, 30px);
    transform: translate(0px, 30px); }
  100% {
    opacity: 1;
    -webkit-transition: opacity 0.8s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.8s cubic-bezier(0.23, 1, 0.32, 1);
    transition: opacity 0.8s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.8s cubic-bezier(0.23, 1, 0.32, 1);
    -o-transition: opacity 0.8s cubic-bezier(0.23, 1, 0.32, 1), transform 0.8s cubic-bezier(0.23, 1, 0.32, 1);
    transition: opacity 0.8s cubic-bezier(0.23, 1, 0.32, 1), transform 0.8s cubic-bezier(0.23, 1, 0.32, 1);
    transition: opacity 0.8s cubic-bezier(0.23, 1, 0.32, 1), transform 0.8s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.8s cubic-bezier(0.23, 1, 0.32, 1);
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0); } }
@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate(0, 30px);
    -ms-transform: translate(0, 30px);
    transform: translate(0px, 30px); }
  100% {
    opacity: 1;
    -webkit-transition: opacity 0.8s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.8s cubic-bezier(0.23, 1, 0.32, 1);
    transition: opacity 0.8s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.8s cubic-bezier(0.23, 1, 0.32, 1);
    -o-transition: opacity 0.8s cubic-bezier(0.23, 1, 0.32, 1), transform 0.8s cubic-bezier(0.23, 1, 0.32, 1);
    transition: opacity 0.8s cubic-bezier(0.23, 1, 0.32, 1), transform 0.8s cubic-bezier(0.23, 1, 0.32, 1);
    transition: opacity 0.8s cubic-bezier(0.23, 1, 0.32, 1), transform 0.8s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.8s cubic-bezier(0.23, 1, 0.32, 1);
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0); } }
@-webkit-keyframes fadeInL {
  0% {
    opacity: 0;
    -webkit-transform: translate(-60px, 0);
    -ms-transform: translate(-60px, 0);
    transform: translate(-60px, 0); }
  100% {
    opacity: 1;
    -webkit-transition: opacity 0.8s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.8s cubic-bezier(0.23, 1, 0.32, 1);
    transition: opacity 0.8s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.8s cubic-bezier(0.23, 1, 0.32, 1);
    -o-transition: opacity 0.8s cubic-bezier(0.23, 1, 0.32, 1), transform 0.8s cubic-bezier(0.23, 1, 0.32, 1);
    transition: opacity 0.8s cubic-bezier(0.23, 1, 0.32, 1), transform 0.8s cubic-bezier(0.23, 1, 0.32, 1);
    transition: opacity 0.8s cubic-bezier(0.23, 1, 0.32, 1), transform 0.8s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.8s cubic-bezier(0.23, 1, 0.32, 1);
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0); } }
@keyframes fadeInL {
  0% {
    opacity: 0;
    -webkit-transform: translate(-60px, 0);
    -ms-transform: translate(-60px, 0);
    transform: translate(-60px, 0); }
  100% {
    opacity: 1;
    -webkit-transition: opacity 0.8s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.8s cubic-bezier(0.23, 1, 0.32, 1);
    transition: opacity 0.8s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.8s cubic-bezier(0.23, 1, 0.32, 1);
    -o-transition: opacity 0.8s cubic-bezier(0.23, 1, 0.32, 1), transform 0.8s cubic-bezier(0.23, 1, 0.32, 1);
    transition: opacity 0.8s cubic-bezier(0.23, 1, 0.32, 1), transform 0.8s cubic-bezier(0.23, 1, 0.32, 1);
    transition: opacity 0.8s cubic-bezier(0.23, 1, 0.32, 1), transform 0.8s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.8s cubic-bezier(0.23, 1, 0.32, 1);
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0); } }