/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Dec 04 2025 | 07:24:35 */
/* reason-columnsクラスのレスポンシブ設定 */

/* デフォルト設定（全デバイス共通） */
.reason-columns .wp-block-columns {
    display: flex;
    gap: 20px;
}

.reason-columns .wp-block-column {
    margin-bottom: 20px;
}

/* スマホ・iPad Mini: 縦1列表示 (1023px以下) */
@media (max-width: 1023px) {
    .reason-columns .wp-block-columns {
        flex-direction: column;
        flex-wrap: nowrap;
    }
    
    .reason-columns .wp-block-column {
        flex-basis: 100% !important;
        width: 100% !important;
        max-width: 100% !important;
    }
}

/* iPad Pro以上: 2列表示 (1024px以上) */
@media (min-width: 1024px) {
    .reason-columns .wp-block-columns {
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    
    .reason-columns .wp-block-column {
        flex-basis: calc(50% - 10px) !important;
        width: calc(50% - 10px) !important;
        max-width: calc(50% - 10px) !important;
    }
}