/* ===== 事業内容（/business/）2026-10-26 デザイン ===== */
.bz-body, .bz-lead, .bz-cols3 p { letter-spacing: .04em; }
.bz-body .l, .bz-lead .l, .bz-cols3 p .l { display: block; }
.bz-lead { font-size: 15px; line-height: 1.9; margin-top: 18px; }
.bz-head.c { text-align: center; }
.bz-ph { position: relative; }
.bz-ph img { width: 100%; height: auto; aspect-ratio: 3 / 2; object-fit: cover; border-radius: 6px; }
.bz-num { position: absolute; font-size: 44px; line-height: 1; color: #dccaa3; letter-spacing: .02em; }

/* 導入 */
.bz-intro { padding-block: var(--sec-y); }
.bz-intro-in { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); gap: 72px; align-items: center; }
.bz-intro-in > img { width: 100%; height: auto; aspect-ratio: 569 / 426; object-fit: cover; border-radius: 12px; }
.bz-intro-t { font-size: 30px; line-height: 1.6; letter-spacing: .08em; }
.bz-body { font-size: 15px; line-height: 2; margin-top: 22px; }

/* 日髙水産の3つの強み */
.bz-reason { background: var(--cream); padding-block: var(--sec-y); }
.bz-cols3 { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 40px; margin-top: 44px; text-align: center; }
.bz-cols3 .bz-num { left: 20px; top: 0; transform: translateY(-50%); } /* デザインどおり写真の上端にまたがる */
.bz-kagi { font-size: 20px; font-weight: 500; color: var(--main); letter-spacing: .08em; margin-top: 24px; }
.bz-cols3 h4 { font-size: 17px; font-weight: 700; color: var(--main-dark); margin-top: 14px; line-height: 1.6; }
.bz-cols3 p { font-size: 13px; line-height: 1.85; margin-top: 8px; }

/* ちりめんができるまで */
.bz-process { padding-block: var(--sec-y); }
.bz-steps { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 28px; margin-top: 40px; }
.bz-steps .bz-num { left: 6px; bottom: 0; font-size: 36px; transform: translateY(40%); }
.bz-steps h3 { font-size: 20px; font-weight: 500; color: var(--main); letter-spacing: .08em; margin-top: 28px; text-align: center; }
.bz-step-list { margin-top: 12px; font-size: 13px; line-height: 1.8; }
.bz-step-list li { position: relative; padding-left: 1em; }
.bz-step-list li + li { margin-top: 6px; }
.bz-step-list li::before { content: '・'; position: absolute; left: 0; }
.bz-step-list small { display: block; font-size: 12px; line-height: 1.7; color: #5a4a44; margin-top: 2px; }

@media (min-width: 901px) and (max-width: 1180px) { .bz-steps { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 48px 28px; } }

/* 品質への取り組み */
.bz-quality { background: var(--cream); padding-block: var(--sec-y); }
.bz-quality-in { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); gap: 72px; align-items: center; }
.bz-quality-in > img { width: 100%; height: auto; aspect-ratio: 569 / 394; object-fit: cover; border-radius: 12px; }
.bz-checks { margin-top: 26px; }
.bz-checks li { position: relative; padding-left: 36px; font-size: 16px; font-weight: 600; line-height: 1.6; letter-spacing: .04em; color: var(--text); }
.bz-checks .bz-note { display: block; margin-top: 4px; font-size: 13px; font-weight: 400; line-height: 1.6; letter-spacing: .02em; }
.bz-checks li + li { margin-top: 14px; }
.bz-checks li::before { content: ''; position: absolute; left: 0; top: .1em; width: 24px; height: 24px; border-radius: 50%; background: var(--main) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6.5 12.5l4 4 7-8.5'/%3E%3C/svg%3E") center / 14px no-repeat; }

/* お取引について（風景写真カードに文字を重ねる） */
.bz-trade { padding-block: var(--sec-y); }
.bz-trade-card { position: relative; min-height: 440px; padding: 56px 24px 24px; text-align: center; border-radius: 12px; overflow: hidden; background: linear-gradient(rgba(255, 255, 255, .3), rgba(255, 255, 255, .3)), url('../images/photo/business-trade.webp') 50% 70% / cover; }

/* 商品・お問い合わせの2分割帯 */
.bz-split { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); color: #fff; text-align: center; }
.bz-split > div { padding: var(--sec-y) 24px; background: linear-gradient(rgba(37, 56, 70, .78), rgba(37, 56, 70, .78)) center / cover, var(--bz-bg) center / cover; }
.bz-split-l { --bz-bg: url('../images/photo/business-packs.webp'); }
.bz-split-r { --bz-bg: url('../images/photo/ship.webp'); }
.bz-split .en { color: #fff; font-size: 15px; }
.bz-split h2 { font-size: 28px; font-weight: 500; line-height: 1.6; letter-spacing: .06em; margin: 6px 0 18px; }
.bz-split p { font-size: 13.5px; line-height: 1.9; margin-bottom: 30px; }
.bz-split .btn { min-width: 255px; padding-block: 15px; }

@media (max-width: 900px) {
  .bz-lead, .bz-body { font-size: 14px; }
  .bz-lead .l, .bz-body .l { display: inline; }
  .bz-intro-in, .bz-quality-in { grid-template-columns: minmax(0, 1fr); gap: 28px; }
  .bz-intro-t { font-size: 22px; }
  .bz-cols3 { grid-template-columns: minmax(0, 1fr); gap: 36px; margin-top: 28px; }
  .bz-cols3 p .l { display: inline; }
  .bz-cols3 .bz-num, .bz-steps .bz-num { font-size: 36px; }
  .bz-steps { grid-template-columns: minmax(0, 1fr); gap: 44px; margin-top: 28px; }
  .bz-step-list { font-size: 14px; }
  .bz-steps h3 { font-size: 16px; margin-top: 22px; }
  .bz-checks li { font-size: 15px; }
  .bz-trade-card { min-height: 380px; padding-top: 40px; }
  .bz-split { grid-template-columns: minmax(0, 1fr); }
  .bz-split h2 { font-size: 23px; line-height: 1.5; letter-spacing: .03em; }
  .bz-split p { font-size: 14px; margin-bottom: 28px; }
  .bz-split .btn { display: flex; width: 100%; min-width: 0; padding-block: 17px; }
}