@media (max-width: 800px) {
    /* 会社名のフォントサイズを45pxに設定 */
    .top__title {
        font-size: 45px;
        font-family: var(--font-family-english);
        font-weight: bold;
    }

    /* 各セクションタイトルのフォントサイズを1段階下げる（32px → 24px） */
    .about__subtitle,
    .service-details__subtitle,
    .services__subtitle,
    .management__subtitle,
    .company__subtitle,
    .contact__header-title,
    .policy-content__title {
        font-size: 24px !important;
    }

    /* セクションタイトル内の英訳も同じサイズに */
    .about__subtitle .text-english,
    .service-details__subtitle .text-english,
    .services__subtitle .text-english,
    .company__subtitle .text-english,
    .management__subtitle .text-english,
    .contact__header-title .text-english {
        font-family: var(--font-family-english);
        font-weight: normal;
        font-size: 24px;
    }

    /* 「真のプロフェッショナルによる真の付加価値の提供」文言を小さくする */
    .about__title {
        font-size: 24px;
    }

    /* aboutカードのpaddingを狭くする */
    .about__card {
        padding: var(--spacing-lg);
    }

    /* サービス内容カードのpaddingを狭くする */
    .service-details__card {
        padding: var(--spacing-lg);
        /* 800px以下で縦並び配置に変更 */
        flex-direction: column;
        align-items: center;
    }

    /* 事業内容カードのpaddingを狭くする */
    .services__card {
        padding: var(--spacing-lg);
    }

    /* 弊社の理念カードのロゴサイズを小さく */
    .about__logo img {
        height: 80px;
    }

    /* アイコンを上部に配置 */
    .service-details__icon {
        margin-bottom: var(--spacing-xs);
    }

    /* コンテンツ部分の調整 */
    .service-details__content {
        width: 100%;
    }

    /* タイトルと説明文の間のスペース調整 */
    .service-details__title {
        margin-bottom: var(--spacing-md);
        text-align: left;
    }

    /* 説明文は左寄せに戻す */
    .service-details__description {
        text-align: left;
    }

    /* セクションタイトル下のmarginを20pxに統一 */
    .about__subtitle,
    .service-details__subtitle,
    .services__subtitle,
    .company__subtitle,
    .management__subtitle {
        margin-bottom: 20px !important;
    }

    /* フッターを縦並びレイアウトに変更 */
    .footer__content {
        flex-direction: column;
        align-items: center;
        text-align: center;
        gap: var(--spacing-lg);
    }

    .footer__section--left {
        text-align: center;
        margin-bottom: 0;
    }

    .footer__section--right {
        text-align: center;
    }

    .footer__section--right ul {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: var(--spacing-xs);
        margin: 0 auto;
        width: fit-content;
    }

    .footer__section--right li {
        text-align: left;
        width: 100%;
    }


}