@charset "utf-8";

.bsn_box {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    width: 86vw;
    margin: 2rem auto;
}

.bsn_text h3{
    padding-bottom: 10px;
    border-bottom: .5px solid;
    font-size: 20px;
    font-weight: bold;
}

.bsn_text {
    width: 60%;
    text-align: justify;
}

.bsn_cam {
    width: 32%;
    max-width: 466px;
    margin-top: 2rem;
}

.bsn_cam img.ofi {
    object-position: top;
}

@media screen and ( max-width:768px ) {
    .bsn_cam {
        position: initial;
        width: 63vw;
        margin: auto;
    }
    .bsn_box {
        height: initial;
        min-height: initial;
        max-height: initial;
    }
    .bsn_text {
        width: 100%;
        margin: 1rem auto 2rem;
    }
    .bsn_text p {
        width: inherit;
    }
}

@media screen and ( max-width:441px ) {
    .bsn_box {
        width: 100%;
        margin: 2rem 0 1rem;
    }
    .bsn_cam {
        width: 100%;
    }
    .bsn_text {
        width: 100%;
        padding: 0 20px;
        font-size: 16px;
    }
    .bsn_text h3 {
        font-size: 4.5vw;
    }
    .bsn_text p {
        font-size: 4vw;
    }
}