@charset "UTF-8";
.programBox{}
 /* box-shadow: 0 0 4px #ccc; */
.programBox section{ border-bottom: 1px solid #ccc;}
.programBox section section{}


.programBox h4{  display: flex; align-items: flex-start;}
.programBox h4.notFlex{ display: block;}

.programBox h4 span{ padding: 0; display: block; min-width: 6em; margin-right: 1em;}
.programBox h4 span.ko{ min-width: 4em;}
.programBox h4 span.hyo3{ min-width: 5em;}
.programBox h4 span.mw5{ min-width: 5em;}
.programBox h4 span.mw12{ min-width: 12em;}
.programBox h4 span.mw13{ min-width: 13em;}
.programBox h4 span.mw14{ min-width: 14em;}
@media screen and (max-width: 1024px) {
.programBox h4{ display: block;}
.programBox h4 span{ margin-left: -10px;}
}





p.date{ display: inline-block; padding: 2px 1em; line-height: 1.2; font-size: .9em; color: #fff; background: #008c3f; border-radius: 100px;}


.flexBox{ display: flex; flex-wrap: wrap; justify-content: space-between;}
.flexBox .imgBox{ width: 100%; max-width: 140px; margin-bottom: 10px;}
.flexBox .imgBox img{ width: 100%;}
.flexBox .txtBox{width: 100%; max-width: 450px; }
.flexBox h5{ font-size: 1.1em;}




.programImgBox{ display: flex;}
.programImgBox .imgBox{ max-width: 100%; margin-right: 10px;}