/* ------------------------------------- 
 *	画像横並べ（2つ）行間広い　スマホ
 * ------------------------------------- */

.image_both3 {
        width:100%; height: 45mm;  margin:
}

.image_left3 {
        width:50%; height:25mm; float:left;
}

.image_right3 {
        width:50%; height:25mm; float:left;
}

/* ------------------------------------- 
 *	画像横並べ（2つ）行間狭い　スマホ
 * ------------------------------------- */

.image_both4 {
        width:100%; height: 20mm;  margin:
}

.image_left4 {
        width:50%; height:12mm; float:left;
}

.image_right4 {
        width:50%; height:12mm; float:left;
}

/* ------------------------------------- 
 *	画像横並べ（2つ）行間特大　スマホ
 * ------------------------------------- */

.top-banner{
	display: flex;
	flex-wrap:wrap;
    list-style-type: none;
}
.top-banner li {
	width: calc(100%/2);/*←画像を横に2つ並べる場合*/
	padding:0px 5px 15px 5px;/*←画像の上右下左に余白を入れる場合*/
    box-sizing:border-box;
}
.top-banner li img {
	max-width:100%; /*画像のはみだしを防ぐ*/
	height: auto; /*画像の縦横比を維持 */
 　 
 }