@@ -471,123 +471,125 @@ <h2 class="text-4xl mb-4 text-center lg:text-left">
471471 < img class ="w-full " src ="/img/top/background3.webp " />
472472</ div >
473473
474- < h2 class ="text-4xl text-center ">
475- スポンサー
476- < span class ="block mt-5 text-2xl "> SPONSOR</ span >
477- </ h2 >
474+ < section class ="max-w-5xl mx-auto px-4 sm:px-8 ">
475+ < h2 class ="text-4xl text-center ">
476+ スポンサー
477+ < span class ="block mt-5 text-2xl "> SPONSOR</ span >
478+ </ h2 >
478479
479- < h3 class ="text-2xl mt-20 mx-8 text-center mb-4 "> ゴールドスポンサー
480- < span class ="block text-base mt-1 "> GOLD SPONSOR</ span >
481- </ h3 >
482- < div class ="flex justify-center flex-wrap gap-x-8 px-8 max-w-3xl w-full mx-auto ">
483-
480+ < h3 class ="text-2xl mt-20 text-center mb-4 "> ゴールドスポンサー
481+ < span class ="block text-base mt-1 "> GOLD SPONSOR</ span >
482+ </ h3 >
483+ < div class ="flex justify-center flex-wrap gap-x-8 max-w-3xl w-full mx-auto ">
484484
485- < a class ="w-full flex flex-col mb-5 transition-all duration-200 hover:opacity-70 hover:scale-105 cursor-pointer " style ="transform-style: preserve-3d; " href ="https://www.cygames.co.jp/ " target ="_blank " rel ="noopener noreferrer ">
486- < div class ="flex-grow w-full flex items-center justify-center ">
487- < img class ="w-full mx-auto mb-3 " src ="/img/sponsors/Cygames.jpg " alt ="株式会社Cygamesのロゴ " />
488- </ div >
489- </ a >
485+
486+ < a class ="w-full flex flex-col mb-5 transition-all duration-200 hover:opacity-70 hover:scale-105 cursor-pointer " style ="transform-style: preserve-3d; " href ="https://www.cygames.co.jp/ " target ="_blank " rel ="noopener noreferrer ">
487+ < div class ="flex-grow w-full flex items-center justify-center ">
488+ < img class ="w-full mx-auto mb-3 " src ="/img/sponsors/Cygames.jpg " alt ="株式会社Cygamesのロゴ " />
489+ </ div >
490+ </ a >
491+
490492
491-
492- </ div >
493+ </ div >
493494
494- < h3 class ="text-2xl mt-20 mx-8 text-center mb-4 "> シルバースポンサー
495- < span class ="block text-base mt-1 "> SILVER SPONSOR</ span >
496- </ h3 >
495+ < h3 class ="text-2xl mt-20 text-center mb-4 "> シルバースポンサー
496+ < span class ="block text-base mt-1 "> SILVER SPONSOR</ span >
497+ </ h3 >
497498
498- < div class ="flex justify-center flex-wrap gap-x-8 px-8 max-w-3xl mx-auto ">
499-
499+ < div class ="flex justify-center flex-wrap gap-x-8 max-w-3xl mx-auto ">
500500
501- < div class ="max-w-[500px] w-full flex flex-col mb-5 ">
502- < div class ="flex-grow w-full flex items-center justify-center ">
503- < img class ="w-full mx-auto mb-3 " src ="/img/sponsors/sakura_internet.png " alt ="さくらインターネット株式会社のロゴ " />
501+
502+ < div class ="max-w-[500px] w-full flex flex-col mb-5 ">
503+ < div class ="flex-grow w-full flex items-center justify-center ">
504+ < img class ="w-full mx-auto mb-3 " src ="/img/sponsors/sakura_internet.png " alt ="さくらインターネット株式会社のロゴ " />
505+ </ div >
504506 </ div >
505- </ div >
507+
506508
507-
508- </ div >
509+ </ div >
509510
510- < h3 class ="text-2xl mt-20 mx-8 text-center mb-4 "> ブロンズスポンサー
511- < span class ="block text-base mt-1 "> BRONZE SPONSOR</ span >
512- </ h3 >
511+ < h3 class ="text-2xl mt-20 text-center mb-4 "> ブロンズスポンサー
512+ < span class ="block text-base mt-1 "> BRONZE SPONSOR</ span >
513+ </ h3 >
513514
514- < div class ="flex justify-center flex-wrap gap-x-8 px-8 max-w-3xl mx-auto ">
515-
516-
517- < a class ="max-w-[300px] w-full flex flex-col mb-5 transition-all duration-200 hover:opacity-70 hover:scale-105 cursor-pointer " style ="transform-style: preserve-3d; " href ="https://www.sunnyside-sys.com/ " target ="_blank " rel ="noopener noreferrer ">
518- < div class ="flex-grow w-full flex items-center justify-center ">
519- < img class ="w-full mx-auto mb-3 " src ="/img/sponsors/Sunnyside_systems.png " alt ="サニーサイドシステムズ合同会社のロゴ " />
520- </ div >
521- </ a >
522-
523-
515+ < div class ="flex justify-center flex-wrap gap-x-8 max-w-3xl mx-auto ">
524516
525- < a class =" max-w-[240px] w-full flex flex-col mb-5 transition-all duration-200 hover:opacity-70 hover:scale-105 cursor-pointer " style =" transform-style: preserve-3d; " href =" https://news.coderdojo.jp/ " target =" _blank " rel =" noopener noreferrer " >
526- < div class ="flex-grow w-full flex items-center justify-center ">
527- < img class ="w-full mx-auto mb-3 " src =" /img/sponsors/DojoLetter.png " alt =" DojoLetter編集部のロゴ " / >
528- </ div >
529- </ a >
530-
531-
517+
518+ < a class ="max-w-[300px] w-full flex flex-col mb-5 transition-all duration-200 hover:opacity-70 hover:scale-105 cursor-pointer " style =" transform-style: preserve-3d; " href =" https://www.sunnyside-sys.com/ " target =" _blank " rel =" noopener noreferrer ">
519+ < div class ="flex-grow w-full flex items-center justify-center " >
520+ < img class =" w-full mx-auto mb-3 " src =" /img/sponsors/Sunnyside_systems.png " alt =" サニーサイドシステムズ合同会社のロゴ " / >
521+ </ div >
522+ </ a >
523+
532524
533- < a class ="max-w-[300px] w-full flex flex-col mb-5 transition-all duration-200 hover:opacity-70 hover:scale-105 cursor-pointer " style ="transform-style: preserve-3d; " href ="https://www.unique-inet.co.jp/ " target ="_blank " rel ="noopener noreferrer ">
534- < div class ="flex-grow w-full flex items-center justify-center ">
535- < img class ="w-full mx-auto mb-3 " src ="/img/sponsors/Unique_i_net.png " alt ="ユニーク・アイネット株式会社のロゴ " />
536- </ div >
537- </ a >
525+
526+ < a class ="max-w-[240px] w-full flex flex-col mb-5 transition-all duration-200 hover:opacity-70 hover:scale-105 cursor-pointer " style ="transform-style: preserve-3d; " href ="https://news.coderdojo.jp/ " target ="_blank " rel ="noopener noreferrer ">
527+ < div class ="flex-grow w-full flex items-center justify-center ">
528+ < img class ="w-full mx-auto mb-3 " src ="/img/sponsors/DojoLetter.png " alt ="DojoLetter編集部のロゴ " />
529+ </ div >
530+ </ a >
531+
538532
539-
533+
534+ < a class ="max-w-[300px] w-full flex flex-col mb-5 transition-all duration-200 hover:opacity-70 hover:scale-105 cursor-pointer " style ="transform-style: preserve-3d; " href ="https://www.unique-inet.co.jp/ " target ="_blank " rel ="noopener noreferrer ">
535+ < div class ="flex-grow w-full flex items-center justify-center ">
536+ < img class ="w-full mx-auto mb-3 " src ="/img/sponsors/Unique_i_net.png " alt ="ユニーク・アイネット株式会社のロゴ " />
537+ </ div >
538+ </ a >
539+
540540
541- < a class ="max-w-[240px] w-full flex flex-col mb-5 transition-all duration-200 hover:opacity-70 hover:scale-105 cursor-pointer " style ="transform-style: preserve-3d; " href ="https://www.techno-net.co.jp/ " target ="_blank " rel ="noopener noreferrer ">
542- < div class ="flex-grow w-full flex items-center justify-center ">
543- < img class ="w-full mx-auto mb-3 " src ="/img/sponsors/TechnoCultureSystem.png " alt ="株式会社テクノ・カルチャー・システムのロゴ " />
544- </ div >
545- </ a >
541+
542+ < a class ="max-w-[240px] w-full flex flex-col mb-5 transition-all duration-200 hover:opacity-70 hover:scale-105 cursor-pointer " style ="transform-style: preserve-3d; " href ="https://www.techno-net.co.jp/ " target ="_blank " rel ="noopener noreferrer ">
543+ < div class ="flex-grow w-full flex items-center justify-center ">
544+ < img class ="w-full mx-auto mb-3 " src ="/img/sponsors/TechnoCultureSystem.png " alt ="株式会社テクノ・カルチャー・システムのロゴ " />
545+ </ div >
546+ </ a >
547+
546548
547-
548- </ div >
549+ </ div >
549550
550- < h3 class ="text-2xl mt-20 mx-8 text-center mb-4 "> インカインドスポンサー
551- < span class ="block text-base mt-1 "> IN-KIND SPONSOR</ span >
552- </ h3 >
551+ < h3 class ="text-2xl mt-20 text-center mb-4 "> インカインドスポンサー
552+ < span class ="block text-base mt-1 "> IN-KIND SPONSOR</ span >
553+ </ h3 >
553554
554- < div class ="flex justify-center flex-wrap gap-x-8 gap-y-10 px-8 max-w-3xl mx-auto ">
555-
556-
557- < a class ="max-w-[270px] w-full flex flex-col transition-all duration-200 hover:opacity-70 hover:scale-105 cursor-pointer " style ="transform-style: preserve-3d; " href ="https://protopedia.net/ " target ="_blank " rel ="noopener noreferrer ">
558- < div class ="flex-grow w-full flex items-center justify-center ">
559- < img class ="w-full mx-auto mb-3 " src ="/img/sponsors/ProtoPedia.png " alt ="一般社団法人MA(ProtoPedia)のロゴ " />
560- </ div >
561- < p class ="w-full text-center break-keep "> ProtoPedia< wbr /> のご提供</ p >
562- </ a >
555+ < div class ="flex justify-center flex-wrap gap-x-8 gap-y-10 max-w-3xl mx-auto ">
563556
564-
565-
566- < a class ="max-w-[216px] w-full flex flex-col transition-all duration-200 hover:opacity-70 hover:scale-105 cursor-pointer " style =" transform-style: preserve-3d; " href =" https://nulab.com/ja/ " target =" _blank " rel =" noopener noreferrer ">
567- < div class ="flex-grow w-full flex items-center justify-center " >
568- < img class =" w-full mx-auto mb-3 " src =" /img/sponsors/Nulab.png " alt =" 株式会社ヌーラボ(Backlog)のロゴ " / >
569- </ div >
570- < p class =" w-full text-center break-keep " > Backlog < wbr /> のご提供 </ p >
571- </ a >
557+
558+ < a class =" max-w-[270px] w-full flex flex-col transition-all duration-200 hover:opacity-70 hover:scale-105 cursor-pointer " style =" transform-style: preserve-3d; " href =" https://protopedia.net/ " target =" _blank " rel =" noopener noreferrer " >
559+ < div class ="flex-grow w-full flex items-center justify-center ">
560+ < img class ="w-full mx-auto mb-3 " src =" /img/sponsors/ProtoPedia.png " alt =" 一般社団法人MA(ProtoPedia)のロゴ " / >
561+ </ div >
562+ < p class =" w-full text-center break-keep " > ProtoPedia < wbr /> のご提供 </ p >
563+ </ a >
564+
572565
573-
566+
567+ < a class ="max-w-[216px] w-full flex flex-col transition-all duration-200 hover:opacity-70 hover:scale-105 cursor-pointer " style ="transform-style: preserve-3d; " href ="https://nulab.com/ja/ " target ="_blank " rel ="noopener noreferrer ">
568+ < div class ="flex-grow w-full flex items-center justify-center ">
569+ < img class ="w-full mx-auto mb-3 " src ="/img/sponsors/Nulab.png " alt ="株式会社ヌーラボ(Backlog)のロゴ " />
570+ </ div >
571+ < p class ="w-full text-center break-keep "> Backlog< wbr /> のご提供</ p >
572+ </ a >
573+
574574
575- < a class ="max-w-[243px] w-full flex flex-col transition-all duration-200 hover:opacity-70 hover:scale-105 cursor-pointer " style ="transform-style: preserve-3d; " href ="https://yasslab.jp/ " target ="_blank " rel ="noopener noreferrer ">
576- < div class ="flex-grow w-full flex items-center justify-center ">
577- < img class ="w-full mx-auto mb-3 " src ="/img/sponsors/YassLab.png " alt ="YassLab 株式会社(Doorkeeper)のロゴ " />
578- </ div >
579- < p class ="w-full text-center break-keep "> Doorkeeper< wbr /> のご提供</ p >
580- </ a >
575+
576+ < a class ="max-w-[243px] w-full flex flex-col transition-all duration-200 hover:opacity-70 hover:scale-105 cursor-pointer " style ="transform-style: preserve-3d; " href ="https://yasslab.jp/ " target ="_blank " rel ="noopener noreferrer ">
577+ < div class ="flex-grow w-full flex items-center justify-center ">
578+ < img class ="w-full mx-auto mb-3 " src ="/img/sponsors/YassLab.png " alt ="YassLab 株式会社(Doorkeeper)のロゴ " />
579+ </ div >
580+ < p class ="w-full text-center break-keep "> Doorkeeper< wbr /> のご提供</ p >
581+ </ a >
582+
581583
582-
583- </ div >
584+ </ div >
584585
585- < div class ="max-w-5xl mx-auto px-8 mb-8 ">
586- < a href ="/sponsorship/list/ " class ="block relative text-center rounded-full py-5 px-10 text-lg bg-[#f5f5f5] mt-8 inset-shadow-[0px_-2px_10px_rgba(125,125,125,0.25)] shadow-[7px_7px_4px_rgba(125,125,125,0.15)] ">
587- スポンサー一覧はこちら
586+ < div class ="mx-auto mb-8 ">
587+ < a href ="/sponsorship/list/ " class ="block relative text-center rounded-full py-5 px-10 text-lg bg-[#f5f5f5] mt-8 inset-shadow-[0px_-2px_10px_rgba(125,125,125,0.25)] shadow-[7px_7px_4px_rgba(125,125,125,0.15)] ">
588+ スポンサーの紹介を見る
588589</ a >
589590
590- </ div >
591+ </ div >
592+ </ section >
591593
592594< div class ="-mx-4 ">
593595 < img class ="w-full " src ="/img/top/background4.webp " />
0 commit comments