/**
 * データ分析基盤構築サービスページ用CSS
 */

/* col-problem スタイル */
.col-problem .item {
    padding: var(--spacing-md);
    border-radius: var(--radius-md);
    background: var(--color-white);
    border: 1px solid var(--color-primary-5);
    height: 100%;
}

.col-problem .item i {
    color: var(--nx-grayscale-color-100);
}

/* text-muted */
.text-muted {
    color: var(--color-primary-45);
}

/* CTA ボタンのカスタマイズ */
.cta .btn {
    display: inline-block;
}

/* space-y-4xs */
.space-y-4xs > * + * {
    margin-top: var(--spacing-4xs);
}

/**************
 * Responsive *
 **************/

/* 768 - 1024 */
@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .col-problem .item {
        padding: var(--spacing-sm);
    }
}

/* 320 - 767 */
@media only screen and (min-width: 320px) and (max-width: 767px) {
    .col-problem .item {
        padding: var(--spacing-sm);
    }
}