@charset "utf-8";
/*===============================================
 *	下層タイトル
===============================================*/
#second-visualcontents {max-width: 450px;}
#second-visualcontents h1 span::before {width: 92%;}
@media only screen and (max-width: 568px) {
#second-visualcontents {width: 68%;}
#second-visualcontents h1 span::before {width: 94%;}
}
/*===============================================
 *	volunteer
===============================================*/
#volunteer-example{margin: 0 auto 60px;}
#volunteer-example h3 {font-size: 26px;font-weight: bold;color: #fff;padding: 1em 1.25em;background-size: auto auto;background-color: rgba(47, 174, 215, 1);background-image: repeating-linear-gradient(-45deg, transparent, transparent 6px, rgba(23, 165, 211, 1) 6px, rgba(23, 165, 211, 1) 16px );line-height: 1.4;}
.volunteer-box {background: #fff;position: relative;margin-bottom: 30px;border: 1px solid #dcdcdc;}
.volunteer-contents{padding: 30px;}
.volunteer-box .vimg {display: flex;justify-content: space-around;margin: 0 0 15px 0;}
.volunteer-box .vimg li {display: inline-block;vertical-align: bottom;padding: 3px;background-color: #f8f8f8;width: calc(100% / 3.2);}
.volunteer-box .vimg li:not(:last-child) {margin: 0 10px 0 0;}
.volunteer-box:nth-last-of-type(1) {margin-bottom: 0;}
.volunteer-box .vtxt {font-size: 16px;letter-spacing: 0.03em;line-height: 1.8;}
@media only screen and (max-width: 768px) {
#volunteer-example h3 {padding: 1em 0.5em;}
.ttl-main_volunteer {margin: 0 3%;}
}
@media only screen and (max-width: 568px) {
#volunteer-example h3 {font-size: 20px;padding: 0.7em 0.7em;}
#volunteer-example .government-contents h3 {padding: 0.5em 0.7em;}
.volunteer-box .vimg li {width: 100%;}
.volunteer-box .vimg li:not(:last-child) {margin: 0 0 10px 0;}
.volunteer-box .vimg {flex-direction: column;}
.volunteer-box {padding: 0;}
.volunteer-box .vimg {margin: 0 0 10px 0;}

.government-contents .subttl-government {padding-bottom: 0;}
.government-contents .main-contents {margin-bottom: 0.5em;}
}