@charset "utf-8";

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

.story-section{
    margin-bottom: 180px;
}

.story-section figure{
    width: 960px;
    aspect-ratio: 1/.5;
    background-color: rgba(0, 0, 0, 0.1);
    margin-bottom: 30px;
    box-shadow: 6px 6px 10px 0px rgba(0, 0, 0, 0.4);
}

.story-section .story-section1{
    background-image: url(../images/story-section1.jpg);
    background-size: cover;
    background-position: center;
}

.story-section .story-section2{
    background-image: url(../images/story-section2.jpg);
    background-size: cover;
    background-position: center;
}

.story-section .story-section3{
    background-image: url(../images/story-section3.jpeg);
    background-size: cover;
    background-position: center;
}

.story-section .story-section4{
    background-image: url(../images/story-section4.jpg);
    background-size: cover;
    background-position: center;
}

.story-section .story-section5{
    background-image: url(../images/story-section5.jpeg);
    background-size: cover;
    background-position: center;
}