/* -------------------------------------------------- */
/* 汎用 */
/* -------------------------------------------------- */

/* 見出し */
.page-title.practitioner { gap:24px; }
.page-title.practitioner::before { aspect-ratio:67/94; background-image:url('../03fund/practitioner/img/title-icon.png'); height:94px; width:67px; }

/* ベース */
.transparent { background-color:transparent; }

/* リンク */
.email a:link, .email a:visited, .email a:hover, .email a:active { text-decoration:underline; }

@container( min-width:1000px ) {

/* 見出し */
.page-title.practitioner br { display:none; }
.page-title.practitioner::before { height:133px; width:96px; }

}

/* -------------------------------------------------- */
/* 実務担当者向け */
/* -------------------------------------------------- */

/* リード文 */
.read-area.content { padding:16px 0; margin-bottom:24px; }
.read-area.content p { margin-bottom:24px; }
.read-area.content p:last-child { margin-bottom:0; }

/* コンテンツブロック */
.content-block h3 { font-size:18px; font-weight:700; margin-bottom:8px; }
.content-block.content-block-2 h3 { margin-bottom:24px; }

/* 矢印付きブロック */
.continue-block { background-color:var(--gr-1); padding:16px; margin:24px auto 64px auto; }
.continue-block::after { aspect-ratio:131/43; background-image:url('../03fund/practitioner/img/arrow.png'); background-size:contain; display:inline-block; bottom:-43px; left:50%; transform:translate(-50%); position:absolute; height:43px; width:131px; }
.continue-block p { color:var(--wh); margin-bottom:0; }

/* カコミ付き矢印付きブロック */
.arrow-item { border:1px solid var(--gr-1); box-sizing:border-box; padding:24px; margin-bottom:43px; }
.arrow-item::after { aspect-ratio:131/43; background-image:url('../03fund/practitioner/img/arrow.png'); background-size:contain; display:inline-block; bottom:-43px; left:50%; transform:translate(-50%); position:absolute; height:43px; width:131px; }
.arrow-item.arrow-item-list { margin-bottom:40px; }
.arrow-item.arrow-item-list::after { display:none; }
.arrow-item.arrow-item-list.item-margin { margin:8px auto; }

/* ブロック1 */
.block1-item2 { margin-top:16px; }

/* ブロック2 */
.margin-l { margin-left:1rem; }

/* ブロック3 */
.block3 .arrow-item.arrow-item-list { margin-top:16px; }

/* ブロック4 */
.block4 { margin-bottom:40px; }
.block4 .arrow-item.arrow-item-list { margin-top:16px; margin-bottom:16px; }

/* ブロック5 */
.block5 { margin-bottom:40px; }
.arrow-item.block-box, .block-box { margin-bottom:16px; }
.block5 p.color-gr-2 { margin-bottom:8px; }
.block5 a.u { text-decoration:underline; }
.attention-text { flex-direction:column; gap:4px; margin-top:4px; }

@container( min-width:1000px ) {

/* 矢印付きブロック */
.continue-block { max-width:385px; width:100%; }

/* ブロック5 */
.block5 { margin-bottom:64px; }
.attention-text { flex-direction:row; }
.attention-text .first { flex:0 0 1; margin-bottom:auto; }
.attention-text .text { flex:1; }

}

/* -------------------------------------------------- */
/* 実務担当者向け - 交付申請について */
/* -------------------------------------------------- */

/* 赤字 */
.emergency { font-size:18px; font-weight:700; margin-bottom:24px; }
.square-title.red::before { color:#f00; }

/* テキストデコレーション */
.u { text-decoration:underline; }

/* テキスト */
.b { font-weight:700; }
.big-font { font-size:24px; }

/* 背景色 */
.ye-bg { background-color:#fafcd2; display:block; padding:0 8px; margin-bottom:8px; width:fit-content; }

/* リスト */
ul.attention-list { margin-top:8px; }
ul.attention-list li { text-indent:-1rem; padding-left:1rem; }
ul.attention-list li::before { content:'※'; }
ul.attention-list.ye-bg { padding:8px; margin:0 auto 40px auto; }

/* 交付期限 */
.deadline { margin-bottom:40px; }
.deadline .big-font { font-size:18px; }
.deadline ul { display:flex; flex-direction:column; gap:12px; }
ul.attention-list li.arrow-list::before { content:'▶'; }
ul.attention-list li ul.sub-list { display:flex; flex-direction:column; gap:16px; }
ul.attention-list li ul.sub-list li { gap:16px; }
ul.attention-list li ul.sub-list li span.nmb { flex-shrink:0; }
ul.attention-list li ul.sub-list li::before { display:none; }
.hospitalization { margin-bottom:24px; }

/* テーブルレイアウト */
.table-grid { border:1px solid var(--bk); border-top:none; grid-template-columns:80px repeat(2, 1fr); }
.table-grid.first-table { border-top:1px solid var(--bk); margin-top:14px; }
.table-grid .label { align-items:center; border-right:1px solid var(--bk); box-sizing:border-box; display:flex; justify-content:flex-end; grid-column:1; text-align:right; }
.table-grid p { border-right:1px solid var(--bk); padding:0 8px; }
.table-grid p:last-child { border-bottom:none; border-right:none; }
.table-grid .label, .table-grid p { font-size:14px; text-align:center; padding:5px 8px; }
.label-gr-1 { background-color:#59beb5; } 
.label-gr-2 { background-color:#d7f6ea; } 

/* 救助・捜索費用 */
.rescue { margin-top:40px; }
.rescue .attention-list { display:flex; flex-direction:column; gap:16px; }
.rescue-img { margin:40px auto; }

/* 記入例 */
.sample h2 { color:var(--gr-2); font-size:18px; font-weight:700; margin-bottom:24px; }
.sample ul { flex-direction:column; gap:24px; margin-bottom:40px; }
.sample ul li { text-align:center; }
.sample ul li img { border:1px solid var(--bk); box-sizing:border-box; margin:auto; height:auto; max-width:270px; }

@container( min-width:1000px ) {

/* 赤字 */
.emergency { font-size:30px; }

/* 背景色 */
.ye-bg { display:inline-block; margin-bottom:0; }

/* カコミ */
.arrow-item.delivery-second p, .arrow-item.delivery-last p { letter-spacing:0.9px; }
.arrow-item.delivery-second { padding:24px; margin:auto; margin-bottom:43px; width:620px; }
.arrow-item.delivery-last { padding:24px; margin:auto; margin-bottom:43px; width:400px; }

/* 交付期限 */
.deadline .big-font { font-size:24px; }

/* リスト */
ul.attention-list.ye-bg { padding:10px; margin:0 auto 80px auto; }

/* テーブルレイアウト */
.layout { display:flex; }
.hospitalization { flex:1; padding-right:30px; }
.delivery-day { flex:1; max-width:300px; }

/* 救助・捜索費用 */
.rescue-img { max-width:680px; }

/* 記入例 */
.sample h2 { font-size:26px; }
.sample ul { flex-direction:row; justify-content:space-around; margin-bottom:80px; }
.sample ul li img { max-width:270px; }

}

/* -------------------------------------------------- */
/* 実務担当者向け - 労山基金マニュアル */
/* -------------------------------------------------- */

/* 配置 */
.fund-manual ul { justify-content:center; }
.fund-manual ul li { align-items:center; gap:24px; text-align:center; justify-content:center; }
.fund-manual ul li a { align-items:center; gap:4px; }
.fund-manual ul li a::after { aspect-ratio:1/1; background-image:url(../03fund/practitioner/img/link-icon.png); background-size:contain; height:24px; width:24px; }
.fund-manual-ph { border:1px solid var(--bk); box-sizing:border-box; max-width:270px; }