.use-case-item {
表示: フレックス;
align-items: center;
ギャップ: 18px;
背景: #f7f7f7;
パディング: 24px 28px;
border-radius: 16px;
最大幅: 900px;
}

.use-case-icon {
幅: 54px;
高さ: 54px;
背景: #2f6bff;
border-radius: 14px;
表示: フレックス;
アイテムの配置: 中央;
justify-content: center;
フレックスシュリンク: 0;
}

.use-case-icon span {
表示: ブロック;
幅: 20px;
高さ: 14px;
位置: 相対;
}

.use-case-icon span::before、
.use-case-icon span::after、
.use-case-icon span i {
コンテンツ： "";
位置: 絶対位置;
左: 0;
高さ: 3px;
背景: #fff;
border-radius: 3px;
}

.use-case-icon span::before {
上: 0;
幅: 20px;
}

.use-case-icon span i {
上: 5px;
幅: 14px;
}

.use-case-icon span::after {
上: 10px;
幅: 20px;
}

.use-case-content h3 {
マージン: 0 0 6px;
フォントサイズ: 18px;
フォントの太さ: 700;
色: #111827;
}

.use-case-content p {
マージン: 0;
フォントサイズ: 15px;
色: #6b7280;
行の高さ: 1.6;
}