/* 個人のお客様へ（service）固有スタイル。共通部品は css/hub.css */
.sv-promise { background: #fff; border-bottom: 1px solid #e6e6e6; }
.sv-promise ul { display: grid; grid-template-columns: repeat(3, 1fr); }
.sv-promise li { padding: 30px 28px; border-left: 1px solid #e6e6e6; }
.sv-promise li:first-child { border-left: 0; }
.sv-promise .k { display: block; font-family: var(--font-kaku); font-weight: 700; font-size: 12px; letter-spacing: .16em; color: var(--green); }
.sv-promise strong { display: block; margin-top: 6px; font-family: var(--font-head); font-weight: 900; font-size: 30px; line-height: 1.2; color: var(--green-text); }
.sv-promise .d { display: block; margin-top: 6px; font-size: 13px; line-height: 1.6; color: #555; }
.icon-cards h3 a:hover { text-decoration: underline; text-underline-offset: .2em; }
@media (max-width: 900px) {
  .sv-promise ul { grid-template-columns: 1fr; }
  .sv-promise li { border-left: 0; border-top: 1px solid #e6e6e6; padding: 20px 4px; }
  .sv-promise li:first-child { border-top: 0; }
  .sv-promise strong { font-size: 24px; }
}

.sv-promise .k { font-size: var(--fs-xs); }
.sv-promise strong { font-size: var(--fs-num); }
.sv-promise .d { font-size: var(--fs-sm); }