@charset "UTF-8";
.about_img{
    margin-right: auto;
    margin-left: auto;
    width: 100%;
    max-width: 600px;
}
.about_data{
    background: #212323;
    color: #fff;
    padding: 13em 3em 4em;
    margin-top: -10em;
}
@media (max-width:840px){
    .about_data{
        padding-right: 2em;
        padding-left: 2em;
    }
}


.product{
    background: #212323;
    padding: 4em 2em;
    color: #fff;
}
.product .image{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: .5em;
}
.product .image .box{
    width: calc((100% - .5em * 4) / 5);
}
@media (max-width:840px){
    .product{
        padding-right: 15px;
        padding-left: 15px;
    }
    .product .image .box{
        width: calc((100% - .5em * 2) / 3);
    }
}