@charset "utf-8";
/* 下層のタイトルエリアは、説明文を少し左に寄せて読みやすく。 */
#businessMainVisual .catch, #companyMainVisual .catch { font-size: 1.25rem; }
#businessMainVisual .lead, #companyMainVisual .lead,
#casesList .head .lead, #casesDetail .intro .lead { font-size: 1.0625rem; }
@media (min-width: 1001px) {
 #businessMainVisual .grid, #companyMainVisual .grid, #casesList .head { grid-template-columns: minmax(0,1fr) minmax(0,29rem); gap: 3rem; }
}
@media (max-width: 640px) {
 #businessMainVisual .catch, #companyMainVisual .catch { font-size: 1.125rem; }
 #businessMainVisual .lead, #companyMainVisual .lead,
 #casesList .head .lead, #casesDetail .intro .lead { font-size: 1rem; }
}

/* 事業内容の02と03は、図柄を保ったまま背景の明度差を付ける。 */
#businessComparison { --grad-soft: linear-gradient(135deg,#dbe6f7 0%,#c6d8f1 100%); }
#businessProcess { --grad-soft: linear-gradient(135deg,#eff5fc 0%,#e6effb 100%); }

/* PCでは説明文を左に寄せ、指定の文章単位で読める幅を確保する。 */
@media (min-width: 1001px) {
 #casesList .head { grid-template-columns: minmax(0,1fr) max-content; gap: 2rem; }
 #casesList .head .lead { white-space: nowrap; }
 #companyGroup .md_lead { max-width: none; white-space: nowrap; }
}