@charset "UTF-8";footer{width:100%;background-color:#f4f4f4}main{width:100%;padding-top:145px}.main__wrap{width:100%;aspect-ratio:64/15;background:url(//www.mieplus.jp/2024/wp-content/themes/mieplus2024/css/single/../../images/volunteer/volunteer-topimg.webp) no-repeat;background-position:center top;background-size:contain}.v__maintxt{width:100%;text-align:center;margin-top:50px}@media screen and (min-width:0px) and (max-width:834px){main{width:100%;padding-top:60px}.main__wrap{width:100%;aspect-ratio:160/149;background:url(//www.mieplus.jp/2024/wp-content/themes/mieplus2024/css/single/../../images/volunteer/volunteer-topimg_sp.webp) no-repeat;background-position:center top;background-size:cover}.breadcrumb{padding-top:30px}}.recruit__wrap{width:100%;margin-top:50px;padding:70px 50px;background-color:#fff;border-radius:15px}.maincnt__ttlbox{width:100%;& h2{font-size:3.2rem;line-height:1.2em;font-weight:700}& h3{font-size:1.6rem;line-height:1.2em;color:#777;margin-top:10px;&>i{margin-left:1em;margin-right:0.3em;color:var(--color-rd);&:first-of-type{margin-left:0}}}}.maincnt__cntbox{width:100%;&>h2{width:100%;margin-top:50px;background-color:#f4f4f4;border-radius:10px;font-size:2.6rem;font-weight:900;padding:10px 20px 12px 30px;position:relative;line-height:1.2em;&:before{content:'';width:10px;height:100%;background-color:var(--color-rd);position:absolute;left:0;top:0;border-radius:10px 0 0 10px}}&>h3{width:100%;margin-top:30px;padding-bottom:15px;font-size:2.2rem;line-height:1.2em;font-weight:900;position:relative;&:before{content:'';width:160px;height:4px;background-color:var(--color-rd);position:absolute;left:0;bottom:0}&:after{content:'';width:calc(100% - 160px);height:4px;background-color:#f4f4f4;position:absolute;left:160px;bottom:0}}&>p{margin-top:30px}& iframe{width:100% !important}&>p>a{color:var(--color-rd);display:inline}&>p>a:hover{opacity:.5}}@media screen and (min-width:0px) and (max-width:834px){.recruit__wrap{width:100%;margin-top:50px;padding:30px 5%;& ul li{width:100%;margin-top:30px;border-radius:10px;&:before{width:100%;height:10px;border-radius:10px 10px 0 0}}}.maincnt__ttlbox{& h2{font-size:2rem}& h3{margin-top:5px}&:after{right:12px;top:50%;transform:translateY(-50%);font-size:2rem}}.contentWrap{width:100%;padding:0 30px 30px}.maincnt__cntbox{width:100%;&>h2{width:100%;margin-top:30px;font-size:2rem;font-weight:900;padding:10px 15px 12px 25px;&:before{content:'';width:10px;height:100%;background-color:var(--color-rd);position:absolute;left:0;top:0;border-radius:10px 0 0 10px}}&>h3{width:100%;margin-top:20px;padding-bottom:15px;font-size:1.6rem;&:before{width:100px;position:absolute;left:0;bottom:0}&:after{width:calc(100% - 100px);position:absolute;left:100px;bottom:0}}&>p{margin-top:20px}}}