@charset "UTF-8";


@media screen and (min-width:768px) {
    #hero {
        min-height: calc(660px + 10.3vw);
    }
}

#hero .m_slider {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.m_slider .m_slide {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: opacity 1s ease-in-out;
    background: #000;
}

.m_slider .m_slide.active {
    opacity: 1;
}

.m_slider .slide_6.active .m_logo {
    opacity: 1;
}

.m_slider .slide_6 .visual-image {
    opacity: .6
}

.m_slider .slide_6 .m_logo {
    opacity: 0;
    margin: 0 auto;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    width: 272px;
    transform: translateY(-50%);
    transition: opacity 1s ease-in-out;
    
}

@media screen and (max-width:767px){
    #hero {
        min-height: auto;
        height: 100vh;
        height: 100svh;
    }
    
    .m_slider .visual-image {
        position: relative;
        height: 100%;
        object-fit: cover;
    }
    
    .m_slider .slide_6 .m_logo { 
        width: 208px;
    }
}

@media screen and (max-width:767px){
    .sec_company .is-style-headline+p{
        margin-top: 10rem !important;
    }
}