/* ==========================================================================
   pc.css (PC用スタイル)
   画面幅が 768px 以上（タブレット・PC）になった時の上書きスタイルを書きます。
   ========================================================================== */
@media (min-width: 768px) {
    /* Hero */
    .hero-wave svg { height: 100px; }

    /* Reasons */
    .reasons-grid { grid-template-columns: 1fr 1fr; gap: 40px; }

    /* Banners */
    .banners { flex-direction: row; justify-content: center; }

    /* Advantage */
    .adv-row { flex-direction: row; gap: 50px; margin-bottom: 100px; }
    .adv-row:nth-child(even) { flex-direction: row-reverse; }
    .adv-row > div { width: 50%; }
    .adv-row:nth-child(even) .adv-img { transform: rotate(1deg); }
    .adv-row:nth-child(even) .adv-num { left: auto; right: 16px; }

    /* Features */
    .feat-list { grid-template-columns: 1fr 1fr; gap: 24px 40px; }
    .feat-details { grid-template-columns: repeat(3, 1fr); }
    .tour-grid { grid-template-columns: 1fr 1fr; }
    .archive-box { padding: 40px; }
    .archive-list { grid-template-columns: 1fr 1fr; }

    /* QA */
    .qa-wave svg { height: 60px; }
}

/* 画面幅が 992px 以上（大きなPC）になった時の上書きスタイル */
@media (min-width: 992px) {
    .hero-inner {
        padding: 30px 0 50px; /* PC版も上下余白を半分に縮小 */
    }
    .hero-text { 
        width: 65%; /* PC時はテキスト領域の幅を適度に絞る */
    }
}