@media screen and (min-width:981px) {
.info_list{ background:#f4f4f4; padding:11vh 4vw 5rem; min-height:90vh; text-align:left; font-size:1.5rem;}
.info_list h2 { font-size:3rem; padding:0 0 3rem;}
.info_list .list dl{ width:100%; border-bottom:1px solid #eee; display:table;}
.info_list .list dl dt{ width:10rem; display:table-cell; padding:1.5rem; vertical-align:top;}
.info_list .list dl dd{ display:table-cell; padding:1.5rem; vertical-align:top;}
.info_list .list a{ display:block; transition: 0.4s;}
.info_list .list a:hover{ opacity:0.8; background:#fff; }

.info_detail{ background:#f4f4f4; padding:11vh 4vw 5rem; text-align:left; font-size:1.5rem;}
.info_detail .txt .date{ font-size:1.2rem; padding:0 0 3rem;}
.info_detail .txt{width:65%; min-height:75.5vh; min-width:40rem; margin:0 auto 0 0; line-height:1.8;}
.info_detail .txt h3{ font-size:3rem; padding:0 0 3rem;}
.info_detail .txt p{ padding:0 0 2rem;}
}

@media screen and (max-width:980px) {
.info_list{ background:#f4f4f4; padding:9rem 2rem 5rem; text-align:left; font-size:1.5rem;}
.info_list h2 { font-size:3rem; padding:0 0 3rem;}
.info_list .list dl{ width:100%; border-bottom:1px solid #eee; display:block;}
.info_list .list dl dt{ width:100%; display:block; padding:1.5rem 0 0; vertical-align:top;  font-size:1.3rem;}
.info_list .list dl dd{ width:100%; display:block; padding:1.5rem 0; vertical-align:top;}

.info_detail{ background:#f4f4f4; padding:9rem 2rem 5rem; text-align:left; font-size:1.5rem;}
.info_detail .txt .date{ font-size:1.3rem; padding:0 0 1rem;}
.info_detail .txt{width:100%; line-height:1.8;}
.info_detail .txt h3{ font-size:2.4rem; padding:0 0 1rem;}
.info_detail .txt p{ padding:0 0 2rem;}
}