#sub_main ul{display:flex;flex-wrap:wrap;}
#sub_main ul li{width:calc(100%/2 - 40px);margin:0 20px;text-align:right;}
#sub_main ul li img{width:100%;height:auto;margin-bottom:20px;}
#sub_main ul li iframe{width:100%;}
#sub_main ul li h4{font-size:20px;text-align:left;margin:0 0 10px}
#sub_main h2{margin-top:100px;}


@media all and (min-width: 0px) and (max-width: 767px) {
#sub_main ul{flex-direction: column-reverse;}
#sub_main ul li h4{font-size:16px;text-align:center;margin:20 0 10px}
#sub_main ul li{width:calc(100% - 20px);margin:0 10px;font-size:14px;text-align:left;line-height:1.6em;}


}