@keyframes show {
  0% {
    opacity: 0; }
  100% {
    opacity: 1;
    transition: opacity 3s; } }
/* header
.index .header nav.navbar{
    right: initial;
    width: initial;
    padding-top: 4vw;
    border: 0; 
    background: transparent;
    li{font-size: 1.6rem;}
    .container-fluid{
        align-content: flex-start;
        flex-direction: column;
        width: initial;
        margin: 0;
        .navbar-nav{flex-direction: column;}
    }
    
    ul.navbar-nav li.has-megamenu .dropdown-menu{
        left: 10%;
        top: 0;
        right: 0;
        width: initial;
        margin: 0;
        .container {
            align-items: flex-start;
            padding: 84px 2vw;
        }
    }
    .nav-item.fade_ef .dropdown-menu{
        position: absolute;
        left: 100%;
        transform: initial;
        
        &.show{top: 0;}
        .dropdown-menu{left: 100%;}
    }
    .logo.pchidmobshow{ display: block;}
    .logo.pchshowmobhid{ display: none;}
}
.index .header .navbar-expand-md .navbar-collapse{background-color: rgba(0, 0, 0, 0.8);}


//1440px
@media screen and (max-width: $breakpoint-pc-m) {
    
}// ./1440px

//1280px
@media screen and (max-width: $breakpoint-pc-s) {
    .index .header nav.navbar{
        align-items: flex-start;
        width: 100%;
        padding-top: 0;
        //background-color: rgba(0, 0, 0, 0.8);
        ul.navbar-nav li.has-megamenu .dropdown-menu .container {
            padding: 40px 2vw;
        }
        .nav-item.fade_ef .dropdown-menu {
            position: static;
            left: 0;
        }
        .container-fluid { align-content: center; width: 100%;}
        .container-fluid .navbar-nav { margin-top: 0;}
    }
    .index .navbar-expand-md .navbar-collapse {
        width: 100%;
    }

}// ./1280px
*/
.index .layout.m5_5 .col,
.index .layout.m5_5 .col:last-child {
  align-items: flex-start;
  padding: 0 44px; }
.index .layout.m5_5.ind_lay {
  align-items: center; }
@media screen and (min-width: 1441px){
    .swiper-container.ad .swiper-slide:nth-child(1) .text .title {
    font-size: 6.2rem!important;
   }
 .swiper-container.ad .swiper-slide:nth-child(2) .text .title {
    font-size: 5.2rem!important;
   }
 
}
       .swiper-container.ad .text .subtxt {
    font-size: 16px!important;
}


@media screen and (max-width: 992px) {
  .index .layout.m5_5 {
    margin-bottom: 44px; }
    .index .layout.m5_5 .col {
      margin-bottom: 24px; } }

/*# sourceMappingURL=index.css.map */