@charset "utf-8";

.br_sp {display: none}
.br_pc {display: block}

.booklet {
        display: flex;
    column-gap: 8rem;
}

.booklet dl {
    width: 80%;
}

.booklet dl dd {
    text-align: justify;
}

.booklet figure {
    width: 20%;
}

.booklet figure img {
    width: 100%;
}

@media screen and (orientation: portrait) and (max-width: 767px){
.br_sp {display: block}
.br_pc {display: none}
    
    .booklet {
        display: block;
}
    
.booklet dl {
    width: 100%;
}

.booklet figure {
    width: 70%;
    margin: 2rem auto 0;
}
    
}