@charset "utf-8";
/* volunteer.css
============================================ */ /* 記事 */
.ttl-main_volunteer{max-width: 909px;margin: 0 auto;}
article {background: #fff;position: relative;margin-bottom: 30px;border: 1px solid #dcdcdc;}
article #vimg {display: flex;justify-content: space-around;padding: 0 15px 15px;}
article #vimg li {display: inline-block;vertical-align: bottom;border: 1px solid #ddd;padding: 3px;background-color: #f8f8f8;width: calc(100% / 3.2);}
article #vimg li img {border: 1px solid #bbb;}
article #vimg li:not(:last-child) {margin-right: 4px;}
article:nth-last-of-type(1) {margin-bottom: 0;}
article h3 {padding: 15px 20px;padding-left: 50px;color: #fff;margin-bottom: 10px;background: #249db3 url("../img/media/ico_pen01.png") no-repeat 15px 50%;font-weight: 700;font-size: 15px;}
article div {font-size: 14px;letter-spacing: 0.03em;line-height: 1.8;}
.vtxt {margin: 0 auto;padding: 0 15px 15px;}
.vtxt pre {white-space: pre-wrap;font-size: 15px;line-height: 1.7;padding: 0 0 15px 0;}
@media only screen and (max-width: 768px) {
.ttl-main_volunteer {margin: 0 3%;}
}
@media only screen and (max-width: 568px) {
#mainImgIn h2 img {margin-left: 0px;}
article #vimg li {width: 100%;}
article #vimg {flex-direction: column;}
article {padding: 0;}
article #vimg {text-align: center;}
.vtxt pre {margin-top: 0;}
}