@charset "utf-8";

/* トップページ */

/* ヒーローエリア */
#hero-area{
    width: 100vw;
    height: 100vh;
    background-image: url(../images/hero-index.webp);
    background-size: cover;
    background-position: center;
}

.index-section{
    display: flex;
    justify-content: space-between;
    margin-bottom: 80px;
}

.index-section-left{
    width: 480px;
}


.index-section-right{
    width: 450px;
    height: 380px;
    margin-bottom: 65px;
    box-shadow: 6px 6px 10px 0px rgba(0, 0, 0, 0.4);
}

.index-section-right1{
    background-image: url(../images/main-right-img-1.jpg); 
    background-position: center;
    background-size: cover;
}

.index-section-right2{
    background-image: url(../images/main-right-img-2.jpg); 
    background-position: right;
    background-size: cover;
}

.index-section-right3{
    background-image: url(../images/main-right-img-2.webp); 
    background-position: right;
    background-size: cover;
}

.index-section-right4{
    background-image: url(../images/main-right-img-4.jpeg); 
    background-position: top;
    background-size: cover;
}