/* 1. デフォルトでは改行（<br>）を非表示にする */
.wbr250 {
    display: none;
}

/* 2. 画面幅が250px以下になったら改行（<br>）を表示する */
/* max-width: 250px はビューポート（画面）の幅のこと */
@media (max-width: 250px) {
    .wbr250 {
        display: block; /* <br>を強制的に表示し、改行させる */
    }
}

/* 1. デフォルトでは改行（<br>）を非表示にする */
.wbr350 {
    display: none;
}

/* 2. 画面幅が350px以下になったら改行（<br>）を表示する */
/* max-width: 350px はビューポート（画面）の幅のこと */
@media (max-width: 350px) {
    .wbr350 {
        display: block; /* <br>を強制的に表示し、改行させる */
    }
}

/* 1. デフォルトでは改行（<br>）を非表示にする */
.wbr500 {
    display: none;
}

/* 2. 画面幅が500px以下になったら改行（<br>）を表示する */
/* max-width: 500px はビューポート（画面）の幅のこと */
@media (max-width: 500px) {
    .wbr500 {
        display: block; /* <br>を強制的に表示し、改行させる */
    }
}

/* 1. デフォルトでは改行（<br>）を非表示にする */
.wbr768 {
    display: none;
}

/* 2. 画面幅が768px以下になったら改行（<br>）を表示する */
/* max-width: 768px はビューポート（画面）の幅のこと */
@media (max-width: 768px) {
    .wbr768 {
        display: block; /* <br>を強制的に表示し、改行させる */
    }
}