<!--
                                                          ..
                     .(<:<w,
                    (:<<?+uw                                                           ...~<<z-
                  .GwXkAaduw-                                                      .,<<(<;;+wrrl
                 .ZZWpbkkMMz)                                                  ..?<+<++???juuzrZ.
                .uZVpbkkHHMu]                                               ..XAAa&zzlllldZZuuur)
               .UZypbkqHM#Nu[                                            .-yyWppbbkkkHkgXyZZZXSv\
               wuyfpkkqM###X}                                         ..yXVfppbbkkkkqHM##NkyWWUZ`
              (uZypbkqH##HSV                                        .dyyVppbbbkkkkqHMNN##MyWHXX\
             .zuyVpkkH####Z\                                      .WyVfpppbbkkkkkHMNNNNNNWWWZX\
             wuuyfbkHM##HS2                                    ..ZyVfppbbkkkkkqHMNNNNMMHKWWuX^
            ,vuZypbHM#HH#V                                   .(uZyfppbbkkkkkHNMNNNMNMMWMHSuv`
            wvuZVpWMHHH@@`                                  ,uZZVfpbbkkkkkHMNNNNNMNMHWMHXz^
           .w!~<jHHHH@@#`                                 ,XuZyVfpbkkkkHNNNNNMNMMMHpWWXu=
           (r` JwHH@@@@`       `  `  `  `  `  `  `  `   .!```?4WbkkkqHMNNNNMNNMMHfWWXV=
           w` (=d@@@@f                                 _` ``-(jHkkHMNNNNNNMNMMHVWXXv!
    `  `   C (?=W@gg%                                .!`  .JuWkHM#NNNNNMMMMHfWWZV=
          .{.;>1qqH^     ....___~~~~~_`....         , ` .?zdNM##NNNNNNMNNfWWZ0=`               `
          .!(;>+4f`..``  .~``............wZZZSs-.  ~  .>?udHH###NNNNNNNMMXV=`
   `       (;;>+v_  `  ,~``....~~~~~~~((HVVyVyZuuw\ .;>?ug@HH#H####MMMMY^                   `    `
      `    (>+?````` ``.__~<<<<<<((JxwqNppppfyZuX% (>>?d@@HHHH@@MMMY"`                   `
           .I.JJJJJJ---_~~__(~::::::;:?TYWWpfVyHF`,??=z@@HH@@g#Y=`                   `
          .MNNMNNMMNMMMMMMMMNgJgv1++:::;::::?XWM>-=lztrdHMM"!                                 `
        `.MMMMMMMMMMMMMMMMMMMMMMMMNagZw&+;++XNpMNggNN@4pppVS,
        -MM@!UMMMMMMMMMMMMMMMMMMMMMMMMNpOuuudHppHMMMB<<HppVXX,
       .MMMNgMMMMMMMMMMMMM[ ,MMMMMMMMMM$duuqMbbbpbHm+++bWNM#dg,
      .#NMMMMMMMMMMMMMMMMMMMMMMMMMMMMM8JuuXMNWMNbbbbbbWNMjTMJMH,
      .NHNMMMMMMMMMMMMMMMMMMMMMMMMMMM8JuuXMMHdMMbbbbbWMTMygdNMHN
      <dH#MMMMMNaJNMMMMMMMKNNMMMMMM#1duuQMMH6JMbbbbbWMdWxNMHWMHg[　　　　　　　　　　　　　
     ..JH#NMMMMMMMMMMMMMMMMMMMMMMM5(uuuqHMHW+dbbbbbkMsTmgMkqH#MgH                        
     .`<dHNMMMMMMMMMMMMMMMMMMMMM".uuuXdHMHbpbbbbbbbMNxHNNkqH##HHm;　　　　　　　　　　　　　
     ...-4NMMMMMMMMMMMMMMMMMMM".uuuuqHHMbbbbbbbbbbkM#8MMWqqMMMMHm]　　　　　　　　　　　　　
     ,[`( WMMMMMMMMMMMMMMMMB!.uuuuQHHMNbbbbbbbbbbkkMMMM#dqMNMMM@g]　　　　　　　　　　　　　
     .X..- WMMMMMMMMMMMM#".JuuuuQHHHMbbbbbbbbbbkkkkM$XMNdHNNNMM@m\　　　　　　　　　　　　　
      Sn..< UMMMMMMMM#5(JuuuuuQHHHMbpbbbbbbbbbkkkkkMMMMMHMNNNMM@m`　　　　　　　　　　　　　
      (un..(.?MMM#5<+dUuuuuXQMHHMHbbbbbbbbbkkkkkkkkMMqd#MNNNNH@gP　　　　　　　　　　　　　　
       Uun~~(++++yXuuuuuuQHHHHMHbbbbbbbbbbkkkkkkkqqqMNqMWMMMMMgH!　　　　　　　　　　　　　　　　　
       ,XZh-~(zuuuuuuuQgHHHMMbpbbbbbbbbbkkW3dkkqqqqqNMM#s5dMMgq%　　　　　　　　　　　　　　　
        (ZZW,(zuuuuQkHHHHMHbbbbbbbbbbkkkkk2;>WqqqqNMNNMNMMMMgm%
         jZyWnwQgMHHHHMMbbbbbbbbbbkkUWkkkkkJ+uWNNMNNMNNNMMHHk%
          ?yyWWMMMMMMHHkbbbbbbkkkD<;;>WkqqqqyVfWMNMNMMMMMHkK'
           .XyVpkkqqqHMMNkkkkkkkkb;>>>>WHqHNMNkkqmMMMMMHHK=
             UXVpkqqqHMMMNHkkkkkkH2>juXVdMNMNNMMNHmHHWW0^
             .XXWbkqmmMMMMMNNqqqqqqyVVfpppHMMNNMNMMMHY!
              (uXWkqmggMMMMMMMNNNMNNNpppbkqmHMMNMMMK
               ,XkWHHHHMMMMMMMMNNMMNNMNHqqmgHNNMMM#!
                .UMMNMMMMMMMMMMMMMNNNH@HHNNMMMMMMY
                  ?MMNMMMMNMMMMMMMMMMMMMMMMMMMMB'
                    ?H#NMMMMNMMMMMMMMMMMNMMM#"`
                       7WMMMMMMMMMMMNMMMB"!
                            ?7""""""^`

                            開発者モードを開いた新入生の皆さん、入学おめでとうございます！
                            旭祭実行委員会ウェブサイトの中の人です！
                            web担当の主な仕事は新入生歓迎用と本祭とで2回webサイトを作ることです。
                            しかし現在web担当は2人しかいなく人手が足りない状態です！
                            そこで、プログラミングが出来る人を募集中です！
                            また、初心者でもやる気、興味がある人大歓迎です。
                            少しでも気になった人はぜひ連絡してください！
                            web担当mail: asahisai.web@gmail.com
-->     










<!DOCTYPE html>

<html lang="ja">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!--アイコン-->
    <link rel="icon" type="image/ico" href="materials/asahi.ico">
    <!--ブートストラップ-->
    <!-- <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.1/dist/css/bootstrap.min.css" rel="stylesheet"
        integrity="sha384-4bw+/aepP/YC94hEpVNVgiZdgIC5+VKNBQNGCHeKRQN+PtmoHDEXuppvnDJzQIu9" crossorigin="anonymous">
        <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0/dist/css/bootstrap.min.css" rel="stylesheet"> -->

    <!-- Popper.js -->
    <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.6/dist/umd/popper.min.js"></script>

    <!-- Bootstrap JS (including Popper.js) -->
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0/dist/js/bootstrap.min.js"></script>
    <!--cssのパス-->
    <link rel="stylesheet" href="style.css">
    <link rel="stylesheet" href="styles.css">
    <!--ウェブアイコンフォント-->
    <script src="https://use.fontawesome.com/releases/v6.4.2/js/all.js" crossorigin="anonymous"></script>

    <script>
        (function (d) {
            var config = {
                kitId: 'hln4wpk',
                scriptTimeout: 3000,
                async: true
            },
                h = d.documentElement, t = setTimeout(function () { h.className = h.className.replace(/\bwf-loading\b/g, "") + " wf-inactive"; }, config.scriptTimeout), tk = d.createElement("script"), f = false, s = d.getElementsByTagName("script")[0], a; h.className += " wf-loading"; tk.src = 'https://use.typekit.net/' + config.kitId + '.js'; tk.async = true; tk.onload = tk.onreadystatechange = function () { a = this.readyState; if (f || a && a != "complete" && a != "loaded") return; f = true; clearTimeout(t); try { Typekit.load(config) } catch (e) { } }; s.parentNode.insertBefore(tk, s)
        })(document);
    </script>

    <!-- SEO対策 -->
    <meta property="og:image" content="https://www.sg.dendai.ac.jp/s1j-asahisai/materials/kuruton.png" />
    <meta name="twitter:card" content="summary">
    <meta name="twitter:site" content="@asahisai">
    <meta name="description" content="東京電機大学東京千住キャンパス学園祭　旭祭実行委員会の公式HPです">
    <meta property="og:title" content="旭祭実行委員会 | 東京電機大学東京千住キャンパス">
    <meta property="og:url" content="http://www.sg.dendai.ac.jp/s1j-asahisai/index.html">
    <meta property="og:type" content="website">
    <meta property="og:site_name" content="旭祭実行委員会">
    <META name="keywords" content="旭祭,東京電機大学,電大,tdu,東京電機大学学園祭,学園祭,東京千住キャンパス,">
    <title>旭祭実行委員会</title>
    <!--javascript-->
    <script src="script.js"></script>
    <script src="modal.js"></script>
    <!-- Google tag (gtag.js) -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=G-47C8XLB4N6"></script>
    <script>
        window.dataLayer = window.dataLayer || [];
        function gtag() { dataLayer.push(arguments); }
        gtag('js', new Date());

        gtag('config', 'G-47C8XLB4N6');
    </script>
</head>

<body id="body" class="FOT-Tsuku-R">
    <header class="header-footer transparent-bg" id="stickyHeader">
        <div style="width: 40%;"><a class="menu-btn-2" href="#"><img src="materials/asahisai.png" width="50%"
                    alt="トップ画アイコン"></a></div>
        <div>
            <nav id="nav" style="right: -70vw;">
                <ul class="navigate FOT-Tsuku-B">
                    <li><a class="menu-btn" href="#greeting" hover><span>挨拶</span></a></li>
                    <li><a class="menu-btn" href="#depart" hover><span>局紹介</span></a></li>
                    <li><a class="menu-btn" href="#event" hover><span>イベント</span></a></li>
                    <li><a class="menu-btn" href="#about" hover><span>2023旭祭</span></a></li>
                    <li><a class="menu-btn" href="#enter" hover><span>入会案内</span></a></li>
                </ul>
            </nav>
            <div class="burger" onclick="toggleMenu()">
                <div class="line1"></div>
                <div class="line2"></div>
                <div class="line3"></div>
            </div>
        </div>
    </header>
    <main>
        <div class="top-img"></div><!--高さ調整用要素-->

        <div class="top-img-area" id="">
            <img src="materials/title.svg" width="60%" alt="横断幕">
            <img src="materials/kuruton.png" class="floating-photo" width="20%" alt="クルトン">


            <!--AR用のボタン　hrefにリンクを書いてください-->
            <a class="AR" href="./AR/"><img class="ARimg" src="materials/AR_.png"></a>

        </div>


        <article id="article">
            <section id="greeting">
                <div class="greeting">
                    <h2 class="FOT-Tsuku-B">ご挨拶</h2>
                    こんにちは、旭祭実行委員会です.<br>
                    私たちは東京電機大学の学園祭「旭祭」の企画・運営を行っています。<br>
                    ぜひ私たちと一緒に学園を盛り上げませんか？<br>

                    <div class="decoframe">
                        <div class="greetcontents">
                            <div class="hover-ef">
                                <img src="materials/chairman.png" width="50%" alt="顔写真" onclick="openModal('modal6')">
                                <h3>委員長</h3>
                            </div>
                            <div class="hover-ef">
                                <img src="materials/vice-chairman.png" width="50%" alt="顔写真"
                                    onclick="openModal('modal7')">
                                <h3>副委員長</h3>
                            </div>
                            <div class="hover-ef">
                                <img src="materials/2chairman.png" width="50%" alt="顔写真" onclick="openModal('modal8')">
                                <h3>二部委員長</h3>
                            </div>
                            <div class="hover-ef">
                                <img src="materials/2vice-chairman.png" width="50%" alt="顔写真"
                                    onclick="openModal('modal9')">
                                <h3>二部副委員長</h3>
                            </div>
                        </div>
                    </div>

                    <div class="modalbg" id="modalbg6">
                        <div class="modal" id="modal6">
                            <div class="decoframe">
                                <div class="greetcontents">
                                    <img src="materials/chairman.png" width="40%" alt="">
                                    <div class="text-center mf">
                                        <h3>委員長</h3>
                                        第13回1部旭祭実行委員会委員長の澤岡愛瑠です。
                                        11月に開催される学祭に向け委員会メンバーと協力しながら活動しています。
                                        旭祭実行委員会の所属数は大学で一番多いです！！
                                        友達を作りたい、先輩、後輩と仲良くなりたいと考えてる人も大歓迎です。
                                        冬合宿や夏合宿などのイベントもあります！
                                        大学生活で楽しい思い出を作りたい人はぜひ「旭祭実行委員会」に来てください！
                                    </div>
                                </div>
                            </div>

                            <button calss="mb-4" onclick="closeModal('modal6')">close</button>
                        </div>
                    </div>


                    <div class="modalbg" id="modalbg7">
                        <div class="modal" id="modal7">
                            <div class="decoframe">
                                <div class="greetcontents">
                                    <img src="materials/vice-chairman.png" width="40%" alt="">
                                    <div class="text-center mf">
                                        <h3>副委員長</h3>
                                        第13回1部旭祭実行委員会副委員長の野中拓海です。
                                        まずはご入学おめでとうございます！！旭祭実行委員会は企画局、広報局、総務局、渉外局の4局で運営しています！
                                        同じ学科内だけではなく学年を通じて仲良く活動していますので、ぜひ皆さんが加入して一緒に活動することを心待ちにしています！
                                    </div>
                                </div>
                            </div>

                            <button calss="mb-4" onclick="closeModal('modal7')">close</button>
                        </div>
                    </div>

                    <div class="modalbg" id="modalbg8">
                        <div class="modal" id="modal8">
                            <div class="decoframe">
                                <div class="greetcontents">
                                    <img src="materials/2chairman.png" width="40%" alt="">
                                    <div class="text-center mf">
                                        <h3>二部委員長</h3>
                                        第十三回二部旭祭実行委員会委員長の小野田蓮です。
                                        一部と合同で活動できる二部団体は旭祭実行委員だけ！友達たくさん作りたい人大歓迎です！
                                        旭祭はとても大きなイベントです。その運営をするため様々な役職があるのであなたにぴったりな仕事も必ずあります！
                                        ぜひあなたも参加しませんか？
                                    </div>
                                </div>
                            </div>

                            <button calss="mb-4" onclick="closeModal('modal8')">close</button>
                        </div>
                    </div>

                    <div class="modalbg" id="modalbg9">
                        <div class="modal" id="modal9">
                            <div class="decoframe">
                                <div class="greetcontents">
                                    <img src="materials/2vice-chairman.png" width="40%" alt="">
                                    <div class="text-center mf">
                                        <h3>二部副委員長</h3>
                                        第13回二部旭祭実行委員会副委員長の工藤和香奈です。
                                        旭祭は多くの人が関わる年に一度のイベントであり、私達はこのビックイベントを成功させるために活動しています！
                                        普段関わることの少ない他部や他学年、他学科の人達と交流することが出来ます！
                                        私達と一緒に旭祭を盛り上げてくれる人待ってます！！
                                    </div>
                                </div>
                            </div>

                            <button calss="mb-4" onclick="closeModal('modal9')">close</button>
                        </div>
                    </div>


                </div>
            </section>

            <section id="depart">
                <div class="depart">
                    <h2 class="FOT-Tsuku-B">局紹介</h2>
                    旭祭実行委員会には「企画局」「総務局」「渉外局」「広報局」の4つの局があります。<br>
                    入会後、希望する局に入って活動します。
                    <div class="greetcontents">
                        <div class="img-container" onclick="openModal('modal1')">
                            <img src="materials/kikaku.png" alt="局の写真">
                        </div>
                        <div class="img-container" onclick="openModal('modal2')">
                            <img src="materials/kouhou.png" alt="局の写真">
                        </div>
                        <div class="img-container" onclick="openModal('modal3')">
                            <img src="materials/soumu.png" alt="局の写真">
                        </div>
                    </div>
                    <div class="greetcontents">
                        <div class="img-container" onclick="openModal('modal4')">
                            <img src="materials/shougai.png" alt="局の写真">
                        </div>
                        <div class="img-container" onclick="openModal('modal5')">
                            <img src="materials/nibu.png" alt="局の写真">
                        </div>
                    </div>
                </div>
            </section>

            <div class="modalbg" id="modalbg1">
                <div class="modal" id="modal1">
                    <img src="materials/kikaku-p.jpeg" width="60%" alt="集合写真" style="filter: blur(1px);">
                    <h3>企画局</h3>
                    <div class="greetcontents">
                        <div class="text-center">
                            みんなの理想の文化祭を考えてそれを実際に行動に移す実行部隊です！
                            好きな芸能人、アーティストはいますか？
                            やってみたい大学生ならではのイベントや企画はありませんか？
                            企画局では「楽しい」を追い求める人をいつでも募集しています！
                            あなたと会える日をお待ちしております！<br>
                            <div class="decoframe">
                                <div class="greetcontents">
                                    <img src="materials/kikaku-chairman.png" width="50%" height="50%" alt="顔写真">
                                    <div class="text-center">
                                        <h3>企画局長</h3>
                                        第13回旭祭企画局長の杉山惠亮です!
                                        好きなことは旅行と食べること。
                                        中でも甘いものには目がありません！
                                        最高の思い出をつくりましょー！
                                    </div>
                                </div>
                            </div>

                        </div>
                    </div>
                    <button calss="mb-4" onclick="closeModal('modal1')">close</button>
                </div>
            </div>

            <div class="modalbg" id="modalbg2">
                <div class="modal" id="modal2">
                    <img src="materials/kouhou-p.jpeg" width="60%" alt="集合写真" style="filter: blur(1px);">
                    <h3>広報局</h3>
                    <div class="greetcontents">
                        <div class="text-center">
                            広報局は主に旭祭の宣伝と装飾を行います。業務内容はポスター・パンフレット・webページ制作、SNS運用（Twitter、Instagram）、装飾（ステージ・看板・横断幕・階段等）、協賛企業企画などです。春から動く仕事もあれば夏から動く仕事もあります。またIllustratorなどソフトを使う仕事もありますが初心者でもすぐに使えるようになるので挑戦してみたい人はぜひ！
                            広報局の魅力は「みんなで作業する」こととどれも形に残り「やりがい」があることです。
                            暖かい雰囲気です！ぜひ広報局に参加してください！！<br>
                            <div class="decoframe">
                                <div class="greetcontents">
                                    <img src="materials/kouhou-chairman.png" width="50%" height="50%" alt="顔写真">
                                    <div class="text-center">
                                        <h3>広報局長</h3>
                                        第13回旭祭広報局長の三島太作です。
                                        ご入学おめでとうございます！
                                        ぜひ、仲良くしましょうー！
                                    </div>
                                </div>
                            </div>

                        </div>
                    </div>
                    <button calss="mb-4" onclick="closeModal('modal2')">close</button>
                </div>
            </div>

            <div class="modalbg" id="modalbg3">
                <div class="modal" id="modal3">
                    <img src="materials/soumu-p.jpg" width="60%" alt="集合写真" style="filter: blur(1px);">
                    <h3>総務局</h3>
                    <div class="greetcontents">
                        <div class="text-center">
                            総務局は委員会での役割はいわゆる生徒会に近いです。書類仕事や団体とのやりとりをこなしていくことが多く、局全体で仕事をしたりするので恐らく委員会内で一番仲が良い局だと思います！
                            大人数でワイワイして、なおかつ縁の下の力持ちのような役割が好き！って人は是非総務局にいらしてください！<br>
                            <div class="decoframe">
                                <div class="greetcontents">
                                    <img src="materials/soumu-chairman.png" width="50%" height="50%" alt="顔写真">
                                    <div class="text-center">
                                        <h3>総務局長</h3>
                                        総務局長の平田純也です！
                                        おしゃべりとゲームと運動めちゃ好き！
                                        あと美味しいご飯を食べること！
                                        よろしくね！
                                    </div>
                                </div>
                            </div>

                        </div>
                    </div>
                    <button calss="mb-4" onclick="closeModal('modal3')">close</button>
                </div>
            </div>

            <div class="modalbg" id="modalbg4">
                <div class="modal" id="modal4">
                    <img src="materials/shougai-p.jpeg" width="60%" alt="集合写真" style="filter: blur(1px);">
                    <h3>渉外局</h3>
                    <div class="greetcontents">
                        <div class="text-center">
                            4局の中で1番所属人数が多いのがこの渉外局です！！
                            渉外局は合宿の運営や、企業と連絡を取って協賛を頂いたり、四工大で協力して学園祭を盛り上げたり…と、外部との関わりを多く持てることが特徴です！旭祭当日には屋台も運営しちゃいます！！
                            また、旭祭でみんなが着るスタジャンの発注とデザインも担当していますので興味がある方はぜひ！！
                            大人になっても役に立つ経験がたくさん積めます！
                            渉外局でお待ちしてます！！！<br>
                            <div class="decoframe">
                                <div class="greetcontents">
                                    <img src="materials/shougai-chairman.png" width="50%" height="50%" alt="顔写真">
                                    <div class="text-center">
                                        <h3>渉外局長</h3>
                                        渉外局長の井上大樹です！
                                        最高のメンバーと一緒に最高の旭祭をつくりあげてこ~！
                                        みんな待ってるよ~！
                                    </div>
                                </div>
                            </div>

                        </div>
                    </div>
                    <button calss="mb-4" onclick="closeModal('modal4')">close</button>
                </div>
            </div>

            <div class="modalbg" id="modalbg5">
                <div class="modal" id="modal5">
                    <h2>二部旭祭実行委員会</h2>
                    <div class="decoframe greetcontents">
                        <img src="materials/2soumu-chairman.png" width="30%" height="30%" alt="顔写真">
                        <div class="text-center">
                            <h3>二部総務局長</h3>
                            みなさんこんにちは二部総務局長のりあむです。
                            総務局では一部と連携をとり仕事を行なって行きます。なので、一部との関わり合いがとても多く二部だけにはとどまらず一部の方とも仲良くなれます。
                            不甲斐ない局長だと思いますが、全力で頑張るのでよろしくお願いします。
                        </div>
                    </div>
                    <div class="decoframe greetcontents">
                        <img src="materials/2kikaku-chairman.png" width="30%" height="30%" alt="顔写真">
                        <div class="text-center">
                            <h3>二部企画局長</h3>
                            第13回旭祭二部企画局長の宮野鉄平です！
                            旭祭では、一部二部の学生関係なく大学全体が活発になる大イベントです！
                            そんな旭祭をより円滑に問題なく、来てよかったと思ってもらえるように、企画局長として頑張ります！<br>
                            二部企画局では一部の企画局と連携して好きな芸能人、アーティストなどのトークショーを運営しています。
                            また、旭祭をより楽しむために食べ物の屋台をしたりなど、運営してる側も楽しくなるように活動しています。
                            一緒に楽しい思い出を作りませんか？？
                            興味のある方はぜひ企画局に参加してください！！
                        </div>
                    </div>
                    <button calss="mb-4" onclick="closeModal('modal5')">close</button>
                </div>
            </div>

            <section id="event">
                <div class="event">
                    <h2 class="FOT-Tsuku-B">イベント</h2>
                    <div class="decoframe">
                        <div class="greetcontents">
                            <img src="materials/summer.png" width="50%" height="30%" style="border-radius:20px;"
                                alt="合宿写真">
                            <div class="text-center mf">
                                <h3>夏合宿</h3>
                                夏合宿は新たに旭祭実行委員会に参加した1年生を交えて行う最初のイベント行事です。1泊2日でバーベキュー・花火など全体で盛り上がる事間違いなしのレクを用意しています。1年生は旭祭本番を迎える前に先輩・幹部の人達だけでなく、他局の新しい友達を作るいい機会になります。この機会にぜひ、夏合宿に参加してみてはいかがでしょうか！
                            </div>
                        </div>
                    </div>
                    <div class="decoframe">
                        <div class="greetcontents">
                            <img src="materials/winter.png" width="50%" height="30%" style="border-radius:20px;"
                                alt="合宿写真">
                            <div class="text-center mf">
                                <h3>冬合宿</h3>
                                冬合宿は文化祭が終わり、代替わりしてから行う最初のイベント行事です。2泊3日でスキー・スノボを行います。今年は3日目にいちご狩りに行きました。夜にはビンゴ大会等みんなで盛り上がるレクリエーションを用意しています！局・学年関係なくコミュニケーションをとることが出来る機会になるので、ぜひみんなで合宿に行きましょう！！
                            </div>
                        </div>
                    </div>
                </div>
            </section>


            <section id="about">
                <h2 class="FOT-Tsuku-B">第12回旭祭</h2>
                <div class="text-center mt-4">
                    <a class="btn btn-xl btn-outline-primary" style="color: black; border-color: #e27ca9;"
                        href="./archives/12th/main/">
                        <i class="fas fa-play me-2"></i>
                        2023旭祭
                        <i class="fas fa-external-link-alt me-2"></i>
                    </a>
                </div><br>
                <iframe src="https://www.youtube.com/embed/dRfcpPU7zZM?si=IG2OuLGeScracjIq" frameborder="0"
                    allowfullscreen></iframe><br><br>
            </section>


            <section>
                <div class="enter" id="enter">
                    <h2 class="FOT-Tsuku-B">入会希望の方はこちら</h2>
                    <div class="text-center mt-4">
                        <a class="btn btn-xl btn-outline-primary FOT-Tsuku-R" style="color: black; border-color: #e27ca9;"
                            href="https://docs.google.com/forms/d/e/1FAIpQLSf3Jr43gImsez6j46fbeaUlh-oVWxLkUmdn2QASabOjO4O9ng/viewform?usp=sf_link">
                            <!-- <i class="fas fa-play me-2"></i> -->
                            Google forms
                            <i class="fas fa-external-link-alt me-2"></i>
                        </a>
                        <!-- <h4>現在入会フォームを準備中です。<br>しばらくお待ちください。</h4> -->
                        <div class="top-img-area" id="">
                            <img src="materials/kuruton.png" class="floating-photo" width="20%" alt="クルトン">
                
                        </div>
                    </div><br>
                </div>
            </section>

        </article>

        <aside>

        </aside>

    </main>
    <footer class="header-footer footer">
        <!-- <div>東京電機大学東京千住キャンパス<br>3号館M2F #M224</div> -->
        <a class="menu-btn" style="margin-bottom: 5.8rem;" href="https://t.co/fQbvGGrpXZ" :hover target="_blank"
            rel="noopener"><i class="fa-brands fa-instagram fa-xl"></i></a>
        <a class="menu-btn" style="margin-bottom: 5.8rem;" href="https://twitter.com/asahisai" :hover target="_blank"
            rel="noopener"><i class="fa-brands fa-x-twitter fa-xl"></i></a>
        <a class="menu-btn" style="margin-bottom: 5.8rem;" href="https://www.youtube.com/@user-rq1hq1dj7p/featured"
            :hover target="_blank" rel="noopener"><i class="fa-brands fa-youtube fa-xl"></i></a>

    </footer>


</body>

</html>