/* ==================================================================================================== */
/* 職場見学・インターンシップ */
/* ==================================================================================================== */

/* よく使うコンテンツ */
.content-block.intern-block { padding:20px 16px; }
.content-block.intern-block div.flex { flex-direction:column; gap:8px; }

/* 本文 */
.content-block.intern-block p { font-size:14px; font-weight:400; line-height:24px; }

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

/* map */
div.map-box { aspect-ratio:16/9; display:block; overflow:hidden; height:auto; max-width:100%; width:100%; }
div.map-box iframe { height:100%; width:100%; }

@container( min-width:960px ) {

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

/* よく使うコンテンツ */
.content-block.intern-block { padding:40px 16px; }
.content-block.intern-block div.flex { flex-direction:row; }
.content-block.intern-block.first-block { position:relative; z-index:1; }
.content-block.intern-block.first-block::before { aspect-ratio:285/202; content:''; background-size:contain; background-position:center; background-repeat:no-repeat; background-image:url( '../img/page/intern/intern-illust02-pc.png' ); position:absolute; right:40px; top:75px; height:202px; width:285px; }
.content-block.intern-block.first-block { padding:80px 16px 40px 16px; }
.content-block.intern-block.last-block { padding:40px 16px 80px 16px; }

/* 配置 */
section.intern-block div.flex { align-items:flex-start; gap:56px; justify-content:flex-start; margin:auto; max-width:830px; width:100%; }
section.intern-block div.flex h3 { margin-top:0; width:130px; }
section.intern-block div.flex .flex-box { width:calc( 100% - ( 130px + 56px ) ); }

/* 本文 */
.content-block.intern-block p { font-size:18px; line-height:32px; letter-spacing:-0.9px; }

/* 介護福祉士学生奨学金規程について */
section.syogakukin p { margin:auto; max-width:830px; }

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

/* map */
div.map-box { margin-top:16px; }

}