@charset "UTF-8";

#page [data-component="overview"] .image {
    background-image: url("../img/overview_image.webp");
    background-size: cover;
}

#page [data-component="about"] .image {
    aspect-ratio: 650/550 !important;
    background-image: url("../img/about_image.webp");
    background-size: cover;
}

#page [data-component="procedure"] .image {
    aspect-ratio: 240/280 !important;
}
#page [data-component="procedure"] .image.image1 { background-image: url("../img/procedure_image1.webp"); background-size: cover; }
#page [data-component="procedure"] .image.image2 { background-image: url("../img/procedure_image2.webp"); background-size: cover; }
#page [data-component="procedure"] .image.image3 { background-image: url("../img/procedure_image3.webp"); background-size: cover; }
#page [data-component="procedure"] .image.image4 { background-image: url("../img/procedure_image4.webp"); background-size: cover; }
#page [data-component="procedure"] .image.image5 { background-image: url("../img/procedure_image5.webp"); background-size: cover; }

#page ul[data-component="detail"] .item .image {
    aspect-ratio: 435/295 !important;
}
#page ul[data-component="detail"] .item .image.image1 {
    background-image: url("../img/detail_image1.webp") !important;
    background-size: cover !important;
}
#page ul[data-component="detail"] .item .image.image2 {
    background-image: url("../img/detail_image2.webp") !important;
    background-size: cover !important;
}
#page ul[data-component="detail"] .item .image.image3 {
    background-image: url("../img/detail_image3.webp") !important;
    background-size: cover !important;
}