@charset "UTF-8";
/* Scss Document */
/* CSS Document */
/*ブレイクポイント設定*/
/*font-size フォントサイズ*/
/*font-color*/
/*boxの中央寄せ*/
/*clearfix*/
/*flexboxで中央寄せ*/
/* Scss Document */
@keyframes slidetoleft {
  0% {
    transform: translateX(20px); }
  100% {
    transform: translateX(0px); } }
@media (max-width: 768px) {
  .active02,
  .active03,
  .active04 {
    transition-delay: 0.2s; }

  @keyframes slidetoleft {
    0% {
      transform: translateX(20px); }
    100% {
      transform: translateX(0px); } } }
.page {
  letter-spacing: 0.08em; }
  .page.page_front .page_content .content_wrapper .main .sec.sec_slideshow {
    overflow: hidden;
    position: relative;
    background-color: #000; }
    .page.page_front .page_content .content_wrapper .main .sec.sec_slideshow .slider .slick-list .slick-track {
      height: 100vh; }
    @media screen and (max-width: 768px) {
      .page.page_front .page_content .content_wrapper .main .sec.sec_slideshow .slider .slick-slide {
        margin: -10px;
        height: 100vh; } }
    .page.page_front .page_content .content_wrapper .main .sec.sec_slideshow .slider .slick-slide:first-child {
      left: -10px !important; }
    .page.page_front .page_content .content_wrapper .main .sec.sec_slideshow .slider .slick-slide.slick-current {
      /*animation: slidetoleft 5s 0s forwards;*/
      animation-name: slidetoleft;
      animation-duration: 4s;
      animation-timing-function: linear;
      animation-fill-mode: both;
      animation-iteration-count: 1;
      /*animation-delay:0.5s;*/ }
    .page.page_front .page_content .content_wrapper .main .sec.sec_slideshow .slider .slick-slide .slick-slide_wrapper {
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center;
      transform: translate3d(0, 0, 0);
      transform-origin: center center;
      animation: inherit;
      animation-timing-function: linear;
      height: 100%; }
    .page.page_front .page_content .content_wrapper .main .sec.sec_slideshow .slider .slick-slide .img_pc {
      display: block; }
      @media screen and (max-width: 768px) {
        .page.page_front .page_content .content_wrapper .main .sec.sec_slideshow .slider .slick-slide .img_pc {
          display: none; } }
    .page.page_front .page_content .content_wrapper .main .sec.sec_slideshow .slider .slick-slide .img_sp {
      display: none; }
      @media screen and (max-width: 768px) {
        .page.page_front .page_content .content_wrapper .main .sec.sec_slideshow .slider .slick-slide .img_sp {
          display: block; } }
    .page.page_front .page_content .content_wrapper .main .sec.sec_slideshow .slider .slick-slide img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      transform: scale(1.1);
      transition: transform 10s ease-out; }
      @media screen and (max-width: 768px) {
        .page.page_front .page_content .content_wrapper .main .sec.sec_slideshow .slider .slick-slide img {
          width: auto;
          height: 100vh; } }