/* BASIC css start */
#content{padding: 70px 0;}

#content>section>img{width:100%; border-radius: 20px;}

.section.ani{
    position: relative;
    animation: move_bottom 0.5s ease-in-out;
}

.section>.box{width:100%; text-align: center; margin-bottom: 150px;}
.section>.box>h2{font-size:30px; font-weight: bold; margin-bottom: 40px;}
.section>.box>h5{font-size:20px; margin-bottom: 10px;}
.section>.box>p{font-size:15px; margin-bottom:10px;}
.section>.box>p>span{font-size:15px; font-weight: bold;}
.section>.box>img{margin-top: 30px;}
.section>.box>.imgBox{margin-top: 30px;}
.section>.box>.imgBox>div{display:flex; justify-content: center; flex-wrap: wrap; gap: 25px 50px;}
.section>.box>.imgBox>div>img{}

.mo_img{display:none;}

@keyframes move_bottom {
    from {
        opacity: 0;
        left: 50px;
    }

    to {
        opacity: 1;
        left: 0;
    }
}

@media screen and (max-width:1300px) {
    .mid{width:1000px;}
}
@media screen and (max-width:1050px) {
    .mid{width:800px;}

}
@media screen and (max-width:768px) {    
    .mid{width: 90%; padding:0;}
    .pc_img{display:none;}
    .mo_img{display:block;}
}
/* BASIC css end */