/* ==============================

       基本設定

    ============================== */

    * {

        box-sizing: border-box;

    }



    body {

        margin: 0;

        padding: 0;

        font-family:

            -apple-system,

            BlinkMacSystemFont,

            "Helvetica Neue",

            "Yu Gothic",

            "YuGothic",

            "Hiragino Kaku Gothic ProN",

            Meiryo,

            sans-serif;

        color: #333;

        background: #f5f5f5;

        line-height: 1.7;

    }



    /* ==============================

       全体レイアウト

    ============================== */

    .sorry-page {

        min-height: 100vh;

        display: flex;

        flex-direction: column;

    }



    .sorry-container {

        flex: 1;

        display: flex;

        align-items: center;

        justify-content: center;

        padding: 40px 20px;

    }



    /* ==============================

       メインコンテンツ

    ============================== */

    .sorry-box {

        width: 100%;

        max-width: 720px;

        background: #ffffff;

        border-radius: 12px;

        padding: 50px 40px;

        text-align: center;

        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);

    }



    .shingakukan-icon {

        margin: 20px;

    }

    .banner {
            max-width:100%;
            height:auto;
            margin-bottom:20px;
    }

    .subhead {
        font-weight:bold;
    }

    /* アイコン */

    .sorry-icon {

        width: 70px;

        height: 70px;

        margin: 0 auto 20px;

        border-radius: 50%;

        background: #eeeeee;

        display: flex;

        align-items: center;

        justify-content: center;

        font-size: 32px;

    }



    /* 見出し */

    .sorry-title {

        margin: 0 0 25px;

        font-size: 28px;

        font-weight: 700;

        color: #333;

    }



    /* 本文 */

    .sorry-message {

        margin: 0 0 15px;

        font-size: 16px;

    }



    .sorry-description {

        margin: 0 0 35px;

        color: #666;

        font-size: 15px;

    }



    /* ==============================

       申込ボタン

    ============================== */

    .link-area {

        display: flex;

        flex-direction: column;

        gap: 15px;

        margin-top:-15px;
    }



    .button {

        display: block;

        width: 100%;

        padding: 16px 20px;

        border-radius: 6px;

        text-decoration: none;

        font-size: 16px;

        font-weight: bold;

        transition: opacity 0.2s ease;

    }



    .button:hover {

        opacity: 0.8;

    }



    /* 体験授業 */

    .button-trial {

        background: #ffffff;
        color: #F1610B;
        border: 2px solid #F1610B;

    }



    /* 資料請求 */

    .button-request {

        background: #ffffff;

        color: #F1610B;

        border: 2px solid #F1610B;

    }



    /* ==============================

       補足

    ============================== */

    .notice {

        margin-top: 35px;

        padding-top: 25px;

        border-top: 1px solid #eeeeee;

        color: #333;

        font-size: 14px;

    }

    a[href^="tel:"] {
        pointer-events: none;
        color:#333;
        text-decoration:none;
    }



    /* ==============================

       フッター

    ============================== */

    footer {

        padding: 20px;

        text-align: center;

        color: #888;

        font-size: 12px;

    }



    /* ==============================

       スマートフォン対応

    ============================== */

    @media screen and (max-width: 600px) {



        .sorry-container {

            padding: 20px 15px;

        }



        .sorry-box {

            padding: 40px 20px;

            border-radius: 8px;

        }



        .sorry-title {

            font-size: 23px;

        }



        .sorry-message {

            font-size: 15px;

        }



        .button {

            padding: 15px;

            font-size: 15px;

        }

        a[href^="tel:"] {
            pointer-events:auto;
            cursor:pointer;
            color:#007bff;
        }
    
        
    }