/* ==================================================================================================== */
/* ボランティア募集 */
/* ==================================================================================================== */

/* 汎用 */

/* 募集施設リスト */
ul.bosyu-list { margin:auto; margin-bottom:30px; }
ul.bosyu-list li { font-size:16px; font-weight:800; list-style-type:disc; line-height:200%; margin-left:1rem; }

/* 歓迎する人 */

/* 募集施設 */
div.bosyu-flex { flex-direction:column; gap:8px; }
div.item-box p, div.item-box ul li, p.contact-info { font-size:14px; font-weight:400; line-height:24px; }
div.item-box ul { margin-bottom:40px; }
div.item-box ul li { list-style-type: disc; margin-left:1rem; }

/* 余白調整 */
div.last-block { margin-bottom:80px; }

@container( min-width:960px ) {

/* イラスト配置 */
section.content-block.top-content::before { aspect-ratio:173/177; background-image:url('../img/page/volunteer/top-content-illustration.png'); top:125px; left:calc( 260px / 2 ); transform:translateX(-65px); width:173px; height:177px; }

/* 見出し */
div.bosyu-flex h3 { margin:0 auto; width:150px; }

/* 募集施設リスト */
ul.bosyu-list { margin-bottom:40px; max-width:370px; }
ul.bosyu-list li { font-size:20px; }

/* 募集施設 */
div.bosyu-flex { align-items:flex-start; flex-direction:row; gap:56px; justify-content:flex-start; margin:auto; max-width:830px; width:100%; }
div.bosyu-flex-2 { position:relative; z-index:1; }
div.bosyu-flex-2::before { aspect-ratio:338/239; content:''; background-position:center; background-size:contain; background-repeat:no-repeat; background-image:url(../img/page/volunteer/content-illustration01-pc.png); display:inline-block; position:absolute; top:-120px; right:-150px; height:239px; width:338px; }
div.item-box, p.contact-info { max-width:calc( 100% - ( 150px + 56px ) ); width:calc( 100% - ( 150px + 56px ) ); }
div.item-box p, div.item-box ul li, p.contact-info { font-size:18px; line-height:32px; letter-spacing:-0.9px; }
p.contact-info.center { text-align:left; margin-left:0; }

/* 余白調整 */
div.last-block { margin-bottom:250px; }

}