@charset "UTF-8";
.about_bg{
    background: url("../img/about/bg.png") center top;
    background-size: cover;
    background-repeat: repeat;
    padding: 12rem 0 20rem;
}
.about_cont{
    padding-bottom: 10rem;
    padding-top: 10rem;
    margin-top: -10rem;
}
h4{
    padding-bottom: 3rem;
    font-size: 3rem;
    color: #5E3601;
    font-weight: 400;
    display: flex;
    align-items: flex-end;
}
h4 img{
    padding-right: 2rem;
    margin-bottom: -0.5rem;
}
.about_img,
.about_text{
    width: 50%;
    text-align: left;
}
.about_img_list{
    padding-top: 5rem;
}
.about_img_list li{
    width: 24%;
}
@media screen and (max-width: 680px) {
.about_bg{
    padding: 7rem 0 13rem;
    margin-top: -2rem;
}
.about_cont{
    padding-bottom: 3rem;
}
h4{
    padding: 2rem 0 0.7rem;
    font-size: 2.2rem;
}
h4 img{
    max-width: 80px;
    padding-right: 1rem;
    margin: 0;
}
.about_img,
.about_text{
    width: 100%;
}
.about_img_list li{
    width: 48%;
    margin-bottom: 2rem;
}
}
iframe{
    height: 1230px;
}