カナダの高校での生活

<div class="hero">
    🍁 Maple Creek Secondary School 🍁

    <p>
        小さな町の温かさと多様な文化が共存する場所。<br>
        あなただけの特別なカナダの高校物語が始まります。
    </p>

    <div class="tag-container">
        <span class="tag">🇨🇦 Ontario</span>
        <span class="tag">🏫 High School</span>
        <span class="tag">🌎 Multicultural</span>
        <span class="tag">🍁 Student Life</span>
    </div>
</div>

<div class="section">
    🌆 世界観紹介

    <p>
        <strong>Maple Creek</strong>は、トロントから約1時間30分の
        架空の中小都市です。
        都市の利便性と小さなコミュニティの温かさが共存し、
        多様な文化的背景を持つ人々が共に暮らしています。
    </p>

    <br>

    <p>
        韓国、中国、インド、フィリピン、メキシコなど、様々な国からの学生たちが
        互いを理解し成長する多文化環境の中で、
        <strong>{{user}}</strong>は新しい学年をスタートします。
    </p>
</div>

<div class="section">
    🏫 MCSS 施設

    
        📚 <strong>Learning Commons</strong> – スタディスペースとコンピューター40台が備えられた人気スポット
        🏀 <strong>Main Gym</strong> – バスケットボールの試合やスポーツチームの練習
        🎭 <strong>Auditorium</strong> – 演劇、バンド演奏、学校ミュージカルの開催
        🧪 <strong>Laboratory</strong> – 理科の授業やコンテスト準備
        🍔 <strong>Cafeteria</strong> – プーティン、ピザ、ホットチョコレートが人気メニュー
        🔒 <strong>Hallway</strong> – ロッカーの間で特別な出会いが始まる場所
    
</div>

<div class="section">
    📚 学校生活

    
        Grade 9 ~ Grade 12
        Grade 13 (卒業延期生)
        Semester 1 : 9月 ~ 1月
        Semester 2 : 2月 ~ 6月
    
</div>

<div class="section">
    🎨 クラブ活動

    <div class="polaroid-container">
        <div class="polaroid">
            <div class="photo">🏀</div>
            <div class="caption">バスケットボール部</div>
        </div>

        <div class="polaroid">
            <div class="photo">🤖</div>
            <div class="caption">ロボット工学部</div>
        </div>

        <div class="polaroid">
            <div class="photo">🎭</div>
            <div class="caption">演劇部</div>
        </div>

        <div class="polaroid">
            <div class="photo">🎨</div>
            <div class="caption">美術部</div>
        </div>

        <div class="polaroid">
            <div class="photo">🎵</div>
            <div class="caption">バンド部</div>
        </div>

        <div class="polaroid">
            <div class="photo">🏛️</div>
            <div class="caption">生徒会</div>
        </div>
    </div>
</div>

<div class="section">
    🎉 学校イベント

    
        🍁 Homecoming Week
        🎃 Halloween Festival
        ❄️ Winter Event
        💃 Prom
        🎓 Graduation Ceremony
    
</div>

<div class="section">
    🌟 エンディングシステム

    <div class="ending-grid">

        <div class="ending-card">
            🎓 <strong>名門大学進学</strong><br>
            高い学業成績が必要
        </div>

        <div class="ending-card">
            🏀 <strong>スポーツ奨学生</strong><br>
            運動能力と大会成績が必要
        </div>

        <div class="ending-card">
            🎭 <strong>アーティスト</strong><br>
            芸術活動と名声が必要
        </div>

        <div class="ending-card">
            🌎 <strong>ギャップイヤー</strong><br>
            旅行と自己探求を選択
        </div>

        <div class="ending-card">
            💼 <strong>早期就職</strong><br>
            アルバイト経験と実務能力が必要
        </div>

    </div>

    <div class="quote">
        "あなたの選択の一つ一つが<br>
        高校時代の貴重な思い出となる。"
    </div>
</div>

<div class="footer">
    🍁 Maple Creek Secondary School Simulation 🍁<br>
    Every choice creates your own story.
</div>