/* トップページだけで使う節（業種別の使い方・選び方・よくある質問）。2026-10-24 追加
   角丸と影は使わず、四角い面と上辺のアクセント線で区切る */

/* h1 の「順番待ち・」（整理券システムの上に小さく出す） */
.bl_mainVisual_keywordSub{display:block;margin-bottom:.1em;font-size:.42em;letter-spacing:.12em}

.bl_topLead{max-width:880px;margin:24px auto 0;text-align:center}
.bl_topLead_text{font-size:var(--font-size-16)}

/* 業種別の使い方 */
.bl_industry{display:grid;gap:20px;margin-top:var(--space-common-item-small);padding:0;list-style:none}
@media screen and (min-width:48em){.bl_industry{grid-template-columns:repeat(2,1fr);gap:24px}}
@media screen and (min-width:64em){.bl_industry{grid-template-columns:repeat(3,1fr)}}
.bl_industry_item{padding:22px 24px 24px;border:1px solid #d9d9d9;border-top:4px solid #65b731;background:#fff}
.bl_industry_title{font-size:var(--font-size-20);font-weight:700;line-height:1.5}
.bl_industry_text{margin-top:10px;font-size:var(--font-size-16)}
.bl_industry_links{margin-top:14px;padding:14px 0 0;border-top:1px solid #e6e6e6;list-style:none}
.bl_industry_links li+li{margin-top:6px}
.bl_industry_label{display:inline-block;margin-right:.5em;padding:0 .4em;border:1px solid #00645a;color:#00645a;font-size:1.2rem;font-weight:700;line-height:1.6;vertical-align:.1em}
.bl_topLinks a,.bl_industry_links a{color:#00645a;text-decoration:underline;text-underline-offset:.2em}
.bl_topLinks a:hover,.bl_industry_links a:hover{text-decoration:none}

/* 順番待ちシステム・整理券システムの選び方 */
.bl_topLinks{margin-top:var(--space-common-item-small);padding:0;border-top:1px solid #d9d9d9;list-style:none}
.bl_topLinks_item{padding:16px 4px;border-bottom:1px solid #d9d9d9}
.bl_topLinks_item a{font-size:var(--font-size-18);font-weight:700}
.bl_topLinks_text{margin-top:4px;font-size:var(--font-size-14);color:#555}
.bl_topLinks_more{margin-top:20px;text-align:right}

/* よくある質問 */
.bl_topFaq{margin-top:var(--space-common-item-small);border-top:4px solid #65b731}
.bl_topFaq_item{border-bottom:1px solid #d9d9d9;background:#fff}
.bl_topFaq_q{position:relative;padding:18px 48px 18px 56px;font-size:var(--font-size-18);font-weight:700;line-height:1.5;cursor:pointer;list-style:none}
.bl_topFaq_q::-webkit-details-marker{display:none}
.bl_topFaq_q::before,.bl_topFaq_a::before{position:absolute;left:16px;font-family:Alata,sans-serif;font-size:2rem;line-height:1.2}
.bl_topFaq_q::before{content:"Q";top:16px;color:#65b731}
.bl_topFaq_q::after{content:"";position:absolute;top:50%;right:20px;width:10px;height:10px;border-right:2px solid #222;border-bottom:2px solid #222;transform:translateY(-70%) rotate(45deg)}
.bl_topFaq_item[open] .bl_topFaq_q::after{transform:translateY(-30%) rotate(225deg)}
.bl_topFaq_a{position:relative;padding:0 24px 20px 56px;font-size:var(--font-size-16)}
.bl_topFaq_a::before{content:"A";top:-2px;color:#f3751c}
.bl_topFaq_a a{color:#00645a;text-decoration:underline}