@charset "utf-8";


/* SLICK 矢印のカスタマイズ */
.slick-prev { left: 20px; }
.slick-next { right: 20px; }
.slick-arrow { z-index: 10; }


/* ---- Mobile 〜767px ---- */
@media screen and (max-width: 767px) {

body { padding-top: 52px; }

.site_description {
    display: none;
}

.mobile_header {
    position: fixed;
    top: 0;
    height: 48px;
    width: 100%;
    background: #ffffff;
    padding-top: 2px;
    border-bottom: solid 2px #9b6b61;
}

.mobile_header.scroll {
    transform: translateY(-100%);
    transition: .3s;
}

    .mobile_header .inner {
        display: flex;
        justify-content:space-between; 
        align-items: center;
    }
        
        .mobile_header .inner .logo {
            padding: 0 2vw;
            max-height: 40px;
            max-width: 200px;
        }
        
            .mobile_header .inner .logo img {
                max-height: 40px;
                max-width: 200px;
            }
        
        .mobile_header .inner .menu_btns {
            display: flex;
            align-items: center;
        }
        
    
.site_header {
   display: none;
}

    .mv_pc_wrapper {
        display: none;
    }
    
    .mv_mobile_wrapper {
    }
    
    .mv_mobile_wrapper .mv_mobile {
        width: 100%;
        margin: 0 0 30px 0;
    }
    
        .mv_mobile_wrapper .mv_mobile img {
             width: 100%;
        }

} /* ---- Mobile 〜767px ---- */


/* ---- Tablet/PC 768px〜 ---- */
@media screen and (min-width: 768px) {

.site_description {
    background: #9b6b61;
}

    .site_description .content {
        color: #ffffff;
        font-size: 0.9em;
        font-weight: normal;
        background: #9b6b61;
        padding: 5px 20px;
        max-width: 1108px;
        margin: 0 auto;
    }
    

.mobile_header {
    display: none;
}

.site_header {
    
}
    
    .site_header .inner {
        max-width: 1148px;
        padding: 20px 0 20px 0;
        background: #ffffff;
        margin: 0 auto;
        display: flex;
        justify-content: space-between;
    }
    
    .site_header .left {
        max-width: 51%;
    }
    
        .site_header .left .logo {
            padding: 0 20px;
        }
    
    .site_header .right {
        max-width: 49%;
        text-align: right;
    }
    
        .site_header .right .tel {
            padding: 0 20px;
        }
    
        .site_header .right .btns {
            display: flex;
            justify-content: flex-end;
            flex-wrap: wrap-reverse;
            padding: 10px 20px;
        }
        
            .site_header .right .btns .btn {
                margin-top: 8px;
                margin-left: 15px;
            }
     
    .mv_pc_wrapper {
        width: 100%;
        background: #f6edea;
    }
    
        .mv_pc_wrapper .mv_pc {
            max-width: 1200px;
            margin: 0 auto 30px auto;
        }

    .mv_mobile_wrapper {
        display: none;
    }
	
} /* ---- Tablet/PC 768px〜 ---- */