/* ==========================================================================
   1. セクション共通：レイアウト・余白
   ========================================================================== */
/* PC時の標準的なセクション間隔（上余白を控えめに） */
.beginner-guide-wrapper,
.report-section-wrapper,
.plan-section-wrapper,
.reason-section-wrapper,
.ocean-column-wrapper,
.related-seas,
.plan-flow,
.plan-detail-container .plan-section,
.plan-info-columns {
    max-width: 1100px;
    margin: 48px auto 0 !important;
    padding: 0 20px !important;
    clear: both;
}

/* フロントページのグリッド上部の隙間 */
.guide-grid,
.report-scroll-container,
.plan-grid,
.plan-grid-scroll-container {
    margin-top: 24px !important;
    margin-bottom: 0 !important;
}

/* PC/スマホ出し分け */
.hide-pc { display: none !important; }
.hide-sp { display: block !important; }

/* 見出し（共通） */
.ks-main-title,
h2.ks-main-title {
    color: var(--depth-700) !important;
    border: none !important;
}

@media (max-width: 768px) {
    .hide-pc { display: block !important; }
    .hide-sp { display: none !important; }

    /* スマホ時のセクション間隔を控えめに */
    .beginner-guide-wrapper,
    .report-section-wrapper,
    .plan-section-wrapper,
    .reason-section-wrapper,
    .ocean-column-wrapper,
    .related-seas,
    .plan-flow,
    .plan-detail-container .plan-section,
    .plan-info-columns {
        margin-top: 32px !important;
    }
}