https://hondago.jp/bike-lesson/

URL inviato:
https://hondago.jp/bike-lesson/
Report terminato:
LinkTesto
https://hondago-bikerental.jp/bike-lab/77949.htmlHondaGO BIKE LABはこちら
https://hondago-bikegear.jp/shop/e/eticket/?article=27チケットの購入はこちら
https://hondago-bikegear.jp/shop/e/eticket/?article=30チケットの購入はこちら
https://hondago-bikegear.jp/shop/e/eticket/?article=28チケットの購入はこちら
https://hondago-bikegear.jp/shop/e/eticket/?article=31チケットの購入はこちら
https://hondago-bikegear.jp/shop/e/eticket/?article=29チケットの購入はこちら
https://hondago-bikegear.jp/ticketlist/チケットの購入はこちら
https://hondago-bikerental.jp/bike-lab/?page_id=72662よくあるご質問はこちら
https://hondago-bikerental.jpHondaGO BIKE RENTAL
https://hondago-bikegear.jp/shop/default.aspx/HondaGO BIKE GEAR

Variabili JavaScript · 10 trovate

NomeTipo
0object
1object
2object
3object
4object
onbeforetoggleobject
documentPictureInPictureobject
onscrollendobject
$function
jQueryfunction

Messaggi di log della console · 0 trovati

HTML

<!DOCTYPE html><html lang="ja"><head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>HondaGO BIKE LESSON | HondaGO</title>
    <meta name="description" content="教習所は卒業したけどまだ不安・・・という方へ。”一歩目を踏み出すために”Hondaがバイクレッスンを全面サポート!">
    <meta name="keywords" content="Honda,ホンダ,本田,バイク,BIKE,レッスン,LESSON,初心者,教習所,関東,北関東,中部,東海,九州,">
    <meta property="og:title" content="HondaGO BIKE LESSON | HondaGO">
    <meta property="og:image" content="https://hondago.jp/bike-lesson/images/ogp.jpg">
    <link rel="shortcut icon" sizes="16x16" href="assets/img/global/icon_16.ico" type="image/x-icon">
    <link rel="shortcut icon" sizes="32x32" href="assets/img/global/icon_32.ico" type="image/x-icon">
    <link rel="apple-touch-icon" href="assets/img/global/apple-touch-icon.png">
    <link rel="stylesheet" href="./assets/css/reset.css">
    <link rel="“stylesheet”" href="“https://use.typekit.net/xdl2zih.css”">
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css">
    <link rel="stylesheet" href="./assets/css/style.css">
    <link rel="stylesheet" href="./scripts/slick/slick.css">
    <link rel="stylesheet" href="./scripts/slick/slick-theme.css">
    <link rel="stylesheet" href="./styles/styles.css">
  </head>
  <body>
    <!-- [header] -->
<header class="header">
  <div class="header__main">
    <div class="header__logo">
      <img class="header__logo-img" src="assets/img/global/logo.svg" alt="HondaGO" width="" height="">
    </div>
    <nav class="header__nav">
      <ul class="header__menu">
        <!-- <li class="header__menu-item">
              <a class="header__menu-link" href="assets/img/global/whatsHondaGO.jpg" >What's HondaGO</a>
            </li> -->
        <li class="header__menu-item">
          <a class="header__menu-link" href="#hgID">HondaGO ID&amp;Point</a>
        </li>
        <li class="header__menu-item">
          <a class="header__menu-link" href="#service">Service</a>
        </li>
      </ul>
    </nav>
  </div>
  <ul class="header__action">
    <!-- <li class="header__action-item">
          <a class="header__action-register" href="https://hondago.jp/member/pre_register">会員登録</a>
        </li>
        <li class="header__action-item">
          <a class="header__action-login" href="https://hondago.jp/login">ログイン</a>
        </li> -->
    <li class="header__action-item">
      <a class="header__action-member" href="https://hondago.jp/mypage">MY HondaGO</a>
    </li>
  </ul>
  <button class="header__toggle js-toggle is-close" type="button">
    <i class="header__toggle-icon"></i>
  </button>
  <nav class="header__drawer js-drawer is-close">
    <div class="header__drawer-home">
      <a class="header__drawer-home-link" href="index.html">Home</a>
    </div>
    <ul class="header__drawer-menu">
      <!-- <li class="header__drawer-menu-item">
            <a class="header__drawer-menu-link" href="assets/img/global/whatsHondaGO.jpg" >What's HondaGO</a>
          </li> -->
      <li class="header__drawer-menu-item">
        <a class="header__drawer-menu-link" href="#hgID">HondaGO ID&amp;Point</a>
      </li>
      <li class="header__drawer-menu-item">
        <a class="header__drawer-menu-link" href="#service">Service</a>
      </li>
      <li class="header__drawer-menu-item">
        <a class="header__drawer-menu-link" href="https://hondago.jp/plus/">HondaGO Plus</a>
      </li>
    </ul>
    <ul class="header__drawer-action">
      <li class="header__drawer-action-item">
        <a class="header__drawer-action-register" href="https://hondago.jp/member/pre_register">会員登録</a>
      </li>
      <li class="header__drawer-action-item">
        <a class="header__drawer-action-login" href="https://hondago.jp/login">ログイン</a>
      </li>
      <li class="header__drawer-action-item">
        <a class="header__drawer-action-member" href="https://hondago.jp/mypage">MY HondaGO</a>
      </li>
      <li class="header__drawer-action-item">
        <a class="header__drawer-action-plus" href="https://hondago.jp/plus/">HondaGO Plus</a>
      </li>
    </ul>
  </nav>
</header>
<!-- [/header] -->
 <div class="sub-header">
  <p class="sub-header__logo">
    <img src="./images/logo.svg" alt="HondaGo BIKE LESSON">
  </p>
  <div class="sub-header__nav">
    <ul class="sub-header__list">
      <li class="sub-header__item">
        <a href="#message" class="sub-header__item__link">HondaGO BIKE LESSONとは</a>
      </li>
      <li class="sub-header__item">
        <a href="#recommend" class="sub-header__item__link">こんな方におすすめ</a>
      </li>
      <li class="sub-header__item">
        <a href="#step" class="sub-header__item__link">1日の流れ</a>
      </li>
      <li class="sub-header__item">
        <a href="#situation" class="sub-header__item__link">レッスンの様子</a>
      </li>
      <li class="sub-header__item">
        <a href="#information" class="sub-header__item__link">開催場所・日程</a>
      </li>
      <li class="sub-header__item">
        <a href="#price" class="sub-header__item__link">料金・定員</a>
      </li>
    </ul>
  </div>
</div>
    <main class="main">
      <div class="main-visual__container">
        <div class="main-visual">
          <picture class="main-visual__image">
            <source media="(max-width:768px)" srcset="./images/img-main-sp.png 768w">
            <img src="./images/img-main.png" alt="">
          </picture>
          <picture class="main-visual__text">
            <source media="(max-width:768px)" srcset="./images/txt-main-sp.svg 768w">
            <img src="./images/txt-main.svg" alt="">
          </picture>
          <picture class="main-visual__title">
            <source media="(max-width:768px)" srcset="./images/title-main-sp.svg 768w">
            <img src="./images/title-main.svg" alt="">
          </picture>
        </div>
      </div>
      <div class="main__contents">
        <div class="message" id="message">
          <div class="message__container animation">
            <p class="message__paragraph">
              皆さんのバイクに対しての不安要素は何ですか?
            </p>
            <p class="message__paragraph">
              教習所では公道の走行がなかったから、<br>一人で走るのが不安…
            </p>
            <p class="message__paragraph">
              免許はあるけど、<br>バイクを持っていないから乗る機会がない…
            </p>
            <p class="message__paragraph">
              バイクを買ったものの、<br>怖くてほとんど乗れていない…
            </p>
            <p class="message__paragraph">
              そんな皆さまの不安を少しでも減らしたい<br>という思いから、
            </p>
            <p class="message__paragraph">
              「HondaGO BIKE LESSON」を開催します。
            </p>
            <p class="message__paragraph">
              <strong>“一歩目を踏み出すために”</strong>
            </p>
            <p class="message__paragraph">Hondaが全面サポートします!</p>
          </div>
        </div>
        <section class="recommend" id="recommend">
          <div class="recommend__box animation">
            <h2 class="recommend__title">こんな方におすすめ!</h2>
            <ul class="recommend__list">
              <li class="recommend__list__item">
                <div class="recommend__list__itemIcon"></div>
                免許を取ってバイクを購入したが<br>公道走行が不安であまり乗れていない方
              </li>
              <li class="recommend__list__item">
                <div class="recommend__list__itemIcon"></div>
                これからバイクを購入予定だが<br>公道を走るのが不安な方
              </li>
              <li class="recommend__list__item">
                <div class="recommend__list__itemIcon"></div>
                長いブランクがあって、<br>運転操作に不安を抱えている方
              </li>
              <li class="recommend__list__item">
                <div class="recommend__list__itemIcon"></div>
                同じ悩みを持つ仲間と一緒に上手になりたい方
              </li>
            </ul>
          </div>
        </section>
        <section class="step" id="step">
          <div class="step__container">
            <div class="step__header animation">
              <h2 class="step__title">
                <img src="./images/title-step.svg" alt="HONDA GO BIKE LESSON">
              </h2>
              <p class="step__subtitle">
                <span class="date">1</span><span class="unit">日</span>の流れ
              </p>
            </div>
            <div class="step__body">
              <ol class="step__list">
                <li class="step__list__item step01 animation">
                  <picture class="step__list__itemImage">
                    <source media="(max-width:768px)" srcset="./images/img-step01-sp.png 768w">
                    <img src="./images/img-step01.png" alt="最寄りの駅からバスで送迎※1">
                  </picture>
                </li>
                <li class="step__list__item step02 animation">
                  <picture class="step__list__itemImage">
                    <source media="(max-width:768px)" srcset="./images/img-step02-sp.png 768w">
                    <img src="./images/img-step02.png" alt="自己紹介 あなたの不安は何ですか?">
                  </picture>
                </li>
                <li class="step__list__item step03 animation">
                  <picture class="step__list__itemImage">
                    <source media="(max-width:768px)" srcset="./images/img-step03-sp.png 768w">
                    <img src="./images/img-step03.png" alt="バイクの押し引きや引き起こし">
                  </picture>
                </li>
                <li class="step__list__item step04 animation">
                  <picture class="step__list__itemImage">
                    <source media="(max-width:768px)" srcset="./images/img-step04-sp.png 768w">
                    <img src="./images/img-step04.png" alt="スムーズな乗降車">
                  </picture>
                </li>
                <li class="step__list__item step05 animation">
                  <picture class="step__list__itemImage">
                    <source media="(max-width:768px)" srcset="./images/img-step05-sp.png 768w">
                    <img src="./images/img-step05.png" alt="参加者みんなでランチ♪">
                  </picture>
                </li>
                <li class="step__list__item step06 animation">
                  <picture class="step__list__itemImage">
                    <source media="(max-width:768px)" srcset="./images/img-step06-sp.png 768w">
                    <img src="./images/img-step06.png" alt="公道を模した練習">
                  </picture>
                </li>
                <li class="step__list__item step07 animation">
                  <picture class="step__list__itemImage">
                    <source media="(max-width:768px)" srcset="./images/img-step07-sp.png 768w">
                    <img src="./images/img-step07.png" alt="ギクシャクしないスムーズな発進">
                  </picture>
                </li>
              </ol>
              <div class="step__touring">
                <p class="step__touring__title">
                  <img src="./images/title-touring.svg" alt="TOURING LESSON">
                </p>
                <ol class="step__list">
                  <li class="step__list__item step08 animation">
                    <picture class="step__list__itemImage">
                      <source media="(max-width:768px)" srcset="./images/img-step08-sp.png 768w">
                      <img src="./images/img-step08.png" alt="いざ、ツーリング体験へ!※2">
                    </picture>
                  </li>
                  <li class="step__list__item step09 animation">
                    <picture class="step__list__itemImage">
                      <source media="(max-width:768px)" srcset="./images/img-step09-sp.png 768w">
                      <img src="./images/img-step09.png" alt="先導付きで安心、ツーリング体験※2">
                    </picture>
                  </li>
                </ol>
              </div>
              <div class="step__note">
                <ol class="step__note__list">
                  <li class="step__note__list__item">
                    <span class="step__note__list__itemPre">1:</span>鈴鹿会場への送迎はございません。
                  </li>
                  <li class="step__note__list__item">
                    <span class="step__note__list__itemPre">2:</span>埼玉、浜名湖、熊本会場では公道を。<br>もてぎ、鈴鹿ではサーキットでのツーリング体験を予定しております。
                  </li>
                </ol>
                <div class="step__note__image">
                  <picture class="step__note__itemWrapper">
                    <source media="(max-width:768px)" srcset="./images/img-step10-sp.png 768w">
                    <img src="./images/img-step10.png" alt="鈴鹿サーキットでのツーリング体験の様子">
                  </picture>
                </div>
              </div>
            </div>
          </div>
        </section>
        <section class="situation">
          <h2 class="situation__title" id="situation">レッスンの様子</h2>
          <div class="situation__body">
            <ul class="situation__slider slick-initialized slick-slider slick-dotted">
              
              
              
              
              
              
              
            <div class="slick-list draggable"><div class="slick-track" style="opacity: 1; width: 4928px; transform: translate3d(-616px, 0px, 0px);"><li class="situation__slider__item slick-slide slick-cloned" style="width: 278px;" data-slick-index="-2" id="" aria-hidden="true" tabindex="-1">
                <picture class="situation__slider__itemImage">
                  <source media="(max-width:768px)" srcset="./images/img-slide06-sp.png 768w">
                  <img src="./images/img-slide06-sp.png" alt="">
                </picture>
              </li><li class="situation__slider__item slick-slide slick-cloned" style="width: 278px;" data-slick-index="-1" id="" aria-hidden="true" tabindex="-1">
                <picture class="situation__slider__itemImage">
                  <source media="(max-width:768px)" srcset="./images/img-slide07-sp.png 768w">
                  <img src="./images/img-slide07-sp.png" alt="">
                </picture>
              </li><li class="situation__slider__item slick-slide slick-current slick-active" style="width: 278px;" data-slick-index="0" aria-hidden="false" tabindex="0" role="tabpanel" id="slick-slide00" aria-describedby="slick-slide-control00">
                <picture class="situation__slider__itemImage">
                  <source media="(max-width:768px)" srcset="./images/img-slide01-sp.png 768w">
                  <img src="./images/img-slide01-sp.png" alt="">
                </picture>
              </li><li class="situation__slider__item slick-slide slick-active" style="width: 278px;" data-slick-index="1" aria-hidden="false" tabindex="0" role="tabpanel" id="slick-slide01" aria-describedby="slick-slide-control01">
                <picture class="situation__slider__itemImage">
                  <source media="(max-width:768px)" srcset="./images/img-slide02-sp.png 768w">
                  <img src="./images/img-slide02-sp.png" alt="">
                </picture>
              </li><li class="situation__slider__item slick-slide" style="width: 278px;" data-slick-index="2" aria-hidden="true" tabindex="-1" role="tabpanel" id="slick-slide02" aria-describedby="slick-slide-control02">
                <picture class="situation__slider__itemImage">
                  <source media="(max-width:768px)" srcset="./images/img-slide03-sp.png 768w">
                  <img src="./images/img-slide03-sp.png" alt="">
                </picture>
              </li><li class="situation__slider__item slick-slide" style="width: 278px;" data-slick-index="3" aria-hidden="true" tabindex="-1" role="tabpanel" id="slick-slide03" aria-describedby="slick-slide-control03">
                <picture class="situation__slider__itemImage">
                  <source media="(max-width:768px)" srcset="./images/img-slide04-sp.png 768w">
                  <img src="./images/img-slide04-sp.png" alt="">
                </picture>
              </li><li class="situation__slider__item slick-slide" style="width: 278px;" data-slick-index="4" aria-hidden="true" tabindex="-1" role="tabpanel" id="slick-slide04" aria-describedby="slick-slide-control04">
                <picture class="situation__slider__itemImage">
                  <source media="(max-width:768px)" srcset="./images/img-slide05-sp.png 768w">
                  <img src="./images/img-slide05-sp.png" alt="">
                </picture>
              </li><li class="situation__slider__item slick-slide" style="width: 278px;" data-slick-index="5" aria-hidden="true" tabindex="-1" role="tabpanel" id="slick-slide05" aria-describedby="slick-slide-control05">
                <picture class="situation__slider__itemImage">
                  <source media="(max-width:768px)" srcset="./images/img-slide06-sp.png 768w">
                  <img src="./images/img-slide06-sp.png" alt="">
                </picture>
              </li><li class="situation__slider__item slick-slide" style="width: 278px;" data-slick-index="6" aria-hidden="true" tabindex="-1" role="tabpanel" id="slick-slide06" aria-describedby="slick-slide-control06">
                <picture class="situation__slider__itemImage">
                  <source media="(max-width:768px)" srcset="./images/img-slide07-sp.png 768w">
                  <img src="./images/img-slide07-sp.png" alt="">
                </picture>
              </li><li class="situation__slider__item slick-slide slick-cloned" style="width: 278px;" data-slick-index="7" id="" aria-hidden="true" tabindex="-1">
                <picture class="situation__slider__itemImage">
                  <source media="(max-width:768px)" srcset="./images/img-slide01-sp.png 768w">
                  <img src="./images/img-slide01-sp.png" alt="">
                </picture>
              </li><li class="situation__slider__item slick-slide slick-cloned" style="width: 278px;" data-slick-index="8" id="" aria-hidden="true" tabindex="-1">
                <picture class="situation__slider__itemImage">
                  <source media="(max-width:768px)" srcset="./images/img-slide02-sp.png 768w">
                  <img src="./images/img-slide02-sp.png" alt="">
                </picture>
              </li><li class="situation__slider__item slick-slide slick-cloned" style="width: 278px;" data-slick-index="9" id="" aria-hidden="true" tabindex="-1">
                <picture class="situation__slider__itemImage">
                  <source media="(max-width:768px)" srcset="./images/img-slide03-sp.png 768w">
                  <img src="./images/img-slide03-sp.png" alt="">
                </picture>
              </li><li class="situation__slider__item slick-slide slick-cloned" style="width: 278px;" data-slick-index="10" id="" aria-hidden="true" tabindex="-1">
                <picture class="situation__slider__itemImage">
                  <source media="(max-width:768px)" srcset="./images/img-slide04-sp.png 768w">
                  <img src="./images/img-slide04-sp.png" alt="">
                </picture>
              </li><li class="situation__slider__item slick-slide slick-cloned" style="width: 278px;" data-slick-index="11" id="" aria-hidden="true" tabindex="-1">
                <picture class="situation__slider__itemImage">
                  <source media="(max-width:768px)" srcset="./images/img-slide05-sp.png 768w">
                  <img src="./images/img-slide05-sp.png" alt="">
                </picture>
              </li><li class="situation__slider__item slick-slide slick-cloned" style="width: 278px;" data-slick-index="12" id="" aria-hidden="true" tabindex="-1">
                <picture class="situation__slider__itemImage">
                  <source media="(max-width:768px)" srcset="./images/img-slide06-sp.png 768w">
                  <img src="./images/img-slide06-sp.png" alt="">
                </picture>
              </li><li class="situation__slider__item slick-slide slick-cloned" style="width: 278px;" data-slick-index="13" id="" aria-hidden="true" tabindex="-1">
                <picture class="situation__slider__itemImage">
                  <source media="(max-width:768px)" srcset="./images/img-slide07-sp.png 768w">
                  <img src="./images/img-slide07-sp.png" alt="">
                </picture>
              </li></div></div><ul class="slick-dots" style="" role="tablist"><li class="slick-active" role="presentation"><button type="button" role="tab" id="slick-slide-control00" aria-controls="slick-slide00" aria-label="1 of 4" tabindex="0" aria-selected="true">1</button></li><li role="presentation"><button type="button" role="tab" id="slick-slide-control01" aria-controls="slick-slide01" aria-label="2 of 4" tabindex="-1">2</button></li><li role="presentation"><button type="button" role="tab" id="slick-slide-control02" aria-controls="slick-slide02" aria-label="3 of 4" tabindex="-1">3</button></li><li role="presentation"><button type="button" role="tab" id="slick-slide-control03" aria-controls="slick-slide03" aria-label="4 of 4" tabindex="-1">4</button></li><li role="presentation"><button type="button" role="tab" id="slick-slide-control04" aria-controls="slick-slide04" aria-label="5 of 4" tabindex="-1">5</button></li><li role="presentation"><button type="button" role="tab" id="slick-slide-control05" aria-controls="slick-slide05" aria-label="6 of 4" tabindex="-1">6</button></li><li role="presentation"><button type="button" role="tab" id="slick-slide-control06" aria-controls="slick-slide06" aria-label="7 of 4" tabindex="-1">7</button></li></ul></ul>
            <div class="situation__slider__tools">
              <button class="situation__slider__prev slick-arrow" style="">
                <img src="./images/icon-prev.svg" alt="前へ">
              </button>
              <button class="situation__slider__next slick-arrow" style="">
                <img src="./images/icon-next.svg" alt="次へ">
              </button>
            </div>
          </div>
          <div class="situation__youtube">
            <button class="situation__youtubePlay jsModal" data-modal="youtubeModal">
              <picture class="situation__slider__itemImage">
                <source media="(max-width:768px)" srcset="./images/img-movie-sp.png 768w">
                <img src="./images/img-movie.png" alt="YouTubeで動画を見る">
              </picture>
            </button>
          </div>
          <div class="situation__more">
            <h3 class="situation__more__title">レッスンの様子はこちらもご覧いただけます</h3>
            <div class="situation__more__body">
              <div class="situation__more__image">
                <img src="./images/img-lab.webp" alt="レッスンの様子">
              </div>
              <div class="situation__more__main">
                <p class="situation__more__paragraph">雨の日こそ練習になる!!<br>『HondaGO BIKE LESSON』【Safety】</p>
                <p class="situation__more__button">
                  <a href="https://hondago-bikerental.jp/bike-lab/77949.html" class="situation__more__button-link" target="_blank">HondaGO BIKE LABはこちら</a>
                </p>
              </div>
            </div>
          </div>
        </section>
        <section class="information" id="information">
          <div class="information__header">
            <h2 class="information__title">開催場所・日程</h2>
            <p class="information__note">
              お申し込み開始日は予告なく変更する場合がございます。
            </p>
          </div>

          <h3 class="information__headline">関東ブロック</h3>
          <div class="information__list">
            <div class="information__item">
              <div class="information__item__header">
                <button class="information__item__mapButton jsModal" data-modal="sitamaMap">
                  <span class="information__item__title">
                    交通教育センターレインボー埼玉
                  </span>
                  <span class="information__item__map">MAP</span>
                </button>
              </div>
              <div class="information__item__body">
                <details>
                  <summary class="information__item__summary">開催日やチケットの購入について確認する</summary>
                  <table class="information__item__table">
                    <thead>
                    <tr>
                      <th>お申込開始日</th>
                      <th>開催日</th>
                    </tr>
                    </thead>
                    <tbody>
                    <tr>
                      <td>-</td>
                      <td>
                        <p class="information__item__paragraph">
                          <span class="date">4/13</span><span class="day">(土)</span>
                        </p>
                      </td>
                    </tr>
                    <tr>
                      <td>-</td>
                      <td>
                        <p class="information__item__paragraph">
                          <span class="date">5/31</span><span class="day">(金)</span>
                        </p>
                      </td>
                    </tr>
                    <tr>
                      <td>-</td>
                      <td>
                        <p class="information__item__paragraph">
                          <span class="date">6/29</span><span class="day">(土)</span>
                        </p>
                      </td>
                    </tr>
                    <tr>
                      <td>-</td>
                      <td>
                        <p class="information__item__paragraph">
                          <span class="date">8/9</span><span class="day">(金)</span>
                        </p>
                      </td>
                    </tr>
                    <tr>
                      <td>
                        <p class="information__item__paragraph">
                          <span class="date">8/21</span><span class="day">(水)</span>
                        </p>
                      </td>
                      <td>
                        <p class="information__item__paragraph">
                          <span class="date lady">9/21</span>
                          <span class="day lady">(土)</span><br>
                          <span class="sup lady">★女性限定</span>
                        </p>
                      </td>
                    </tr>
                    <tr>
                      <td>
                        <p class="information__item__paragraph">
                          <span class="date">9/5</span><span class="day">(木)</span>
                        </p>
                      </td>
                      <td>
                        <p class="information__item__paragraph">
                          <span class="date">10/5</span><span class="day">(土)</span>
                        </p>
                      </td>
                    </tr>
                    <tr>
                      <td>
                        <p class="information__item__paragraph">
                          <span class="date">10/28</span><span class="day">(月)</span>
                        </p>
                      </td>
                      <td>
                        <p class="information__item__paragraph">
                          <span class="date">11/28</span><span class="day">(木)</span>
                        </p>
                      </td>
                    </tr>
                    <tr>
                      <td>
                        <p class="information__item__paragraph">
                          <span class="date">11/21</span><span class="day">(木)</span>
                        </p>
                      </td>
                      <td>
                        <p class="information__item__paragraph">
                          <span class="date">12/21</span><span class="day">(土)</span>
                        </p>
                      </td>
                    </tr>
                    <tr>
                      <td>
                        <p class="information__item__paragraph">
                          <span class="date">12/25</span><span class="day">(水)</span>
                        </p>
                      </td>
                      <td>
                        <p class="information__item__paragraph">
                          <span class="year young">2025年</span>
                          <span class="date young">1/25</span>
                          <span class="day young">(土)</span><br>
                          <span class="sup young">★39歳以下の方限定</span>
                        </p>
                      </td>
                    </tr>
                    <tr>
                      <td>
                        <p class="information__item__paragraph">
                          <span class="year">2025年</span>
                          <span class="date">2/26</span>
                          <span class="day">(水)</span>
                        </p>
                      </td>
                      <td>
                        <p class="information__item__paragraph">
                          <span class="year">2025年</span>
                          <span class="date">3/26</span>
                          <span class="day">(水)</span>
                        </p>
                      </td>
                    </tr>
                    </tbody>
                  </table>
                  <p class="information__item__button">
                    <a href="https://hondago-bikegear.jp/shop/e/eticket/?article=27" class="information__item__buttonLink" target="_blank">チケットの購入はこちら</a>
                  </p>
                </details>
              </div>
            </div>
            <div class="information__item">
              <div class="information__item__header">
                <button class="information__item__mapButton jsModal" data-modal="motegiMap">
                  <span class="information__item__title">
                    交通教育センターもてぎ
                  </span>
                  <span class="information__item__map">MAP</span>
                </button>
              </div>
              <div class="information__item__body">
                <details>
                  <summary class="information__item__summary">開催日やチケットの購入について確認する</summary>
                  <table class="information__item__table">
                    <thead>
                    <tr>
                      <th>お申込開始日</th>
                      <th>開催日</th>
                    </tr>
                    </thead>
                    <tbody>
                    <tr>
                      <td>-</td>
                      <td>
                        <p class="information__item__paragraph">
                          <span class="date">4/20</span><span class="day">(土)</span>
                        </p>
                      </td>
                    </tr>
                    <tr>
                      <td>-</td>
                      <td>
                        <p class="information__item__paragraph">
                          <span class="date">6/2</span><span class="day">(日)</span>
                        </p>
                      </td>
                    </tr>
                    <tr>
                      <td>
                        <p class="information__item__paragraph">
                          <span class="date">6/15</span><span class="day">(土)</span>
                        </p>
                      </td>
                      <td>
                        <p class="information__item__paragraph">
                          <span class="date">7/15</span><span class="day">(月)</span>
                        </p>
                      </td>
                    </tr>
                    </tbody>
                  </table>
                  <p class="information__item__button">
                    <a href="https://hondago-bikegear.jp/shop/e/eticket/?article=30" class="information__item__buttonLink" target="_blank">チケットの購入はこちら</a>
                  </p>
                </details>
              </div>
            </div>
          </div>
          <h3 class="information__headline">中部・近畿ブロック</h3>
          <div class="information__list">
            <div class="information__item">
              <div class="information__item__header">
                <button class="information__item__mapButton jsModal" data-modal="hamanakoMap">
                  <span class="information__item__title">
                    交通教育センターレインボー浜名湖
                  </span>
                  <span class="information__item__map">MAP</span>
                </button>
              </div>
              <div class="information__item__body">
                <details>
                  <summary class="information__item__summary">開催日やチケットの購入について確認する</summary>
                  <table class="information__item__table">
                    <thead>
                    <tr>
                      <th>お申込開始日</th>
                      <th>開催日</th>
                    </tr>
                    </thead>
                    <tbody>
                    <tr>
                      <td>-</td>
                      <td>
                        <p class="information__item__paragraph">
                          <span class="date">4/27</span><span class="day">(土)</span>
                        </p>
                      </td>
                    </tr>
                    <tr>
                      <td>-</td>
                      <td>
                        <p class="information__item__paragraph">
                          <span class="date">5/18</span><span class="day">(土)</span>
                        </p>
                      </td>
                    </tr>
                    <tr>
                      <td>-</td>
                      <td>
                        <p class="information__item__paragraph">
                          <span class="date">7/14</span><span class="day">(日)</span>
                        </p>
                      </td>
                    </tr>
                    <tr>
                      <td>
                        <p class="information__item__paragraph">
                          <span class="date">9/14</span><span class="day">(土)</span>
                        </p>
                      </td>
                      <td>
                        <p class="information__item__paragraph">
                          <span class="date">10/14</span><span class="day">(月)</span>
                        </p>
                      </td>
                    </tr>
                    <tr>
                      <td>
                        <p class="information__item__paragraph">
                          <span class="date">11/7</span><span class="day">(木)</span>
                        </p>
                      </td>
                      <td>
                        <p class="information__item__paragraph">
                          <span class="date">12/7</span><span class="day">(土)</span>
                        </p>
                      </td>
                    </tr>
                    <tr>
                      <td>
                        <p class="information__item__paragraph">
                          <span class="year">2025年</span>
                          <span class="date">2/9</span>
                          <span class="day">(日)</span>
                        </p>
                      </td>
                      <td>
                        <p class="information__item__paragraph">
                          <span class="year">2025年</span>
                          <span class="date">3/9</span>
                          <span class="day">(日)</span>
                        </p>
                      </td>
                    </tr>
                    </tbody>
                  </table>
                  <p class="information__item__button">
                    <a href="https://hondago-bikegear.jp/shop/e/eticket/?article=28" class="information__item__buttonLink" target="_blank">チケットの購入はこちら</a>
                  </p>
                </details>
              </div>
            </div>
            <div class="information__item">
              <div class="information__item__header">
                <button class="information__item__mapButton jsModal" data-modal="suzukaMap">
                  <span class="information__item__title">
                    鈴鹿サーキット交通教育センター
                  </span>
                  <span class="information__item__map">MAP</span>
                </button>
              </div>
              <div class="information__item__body">
                <details>
                  <summary class="information__item__summary">開催日やチケットの購入について確認する</summary>
                  <table class="information__item__table">
                    <thead>
                    <tr>
                      <th>お申込開始日</th>
                      <th>開催日</th>
                    </tr>
                    </thead>
                    <tbody>
                    <tr>
                      <td>-</td>
                      <td>
                        <p class="information__item__paragraph">
                          <span class="date">4/24</span><span class="day">(水)</span>
                        </p>
                      </td>
                    </tr>
                    <tr>
                      <td>-</td>
                      <td>
                        <p class="information__item__paragraph">
                          <span class="date">6/22</span><span class="day">(土)</span>
                        </p>
                      </td>
                    </tr>
                    <tr>
                      <td>
                        <p class="information__item__paragraph">
                          <span class="date">8/21</span><span class="day">(水)</span>
                        </p>
                      </td>
                      <td>
                        <p class="information__item__paragraph">
                          <span class="date">9/21</span><span class="day">(土)</span>
                        </p>
                      </td>
                    </tr>
                    <tr>
                      <td>
                        <p class="information__item__paragraph">
                          <span class="year">2025年</span>
                          <span class="date">2/2</span>
                          <span class="day">(日)</span>
                        </p>
                      </td>
                      <td>
                        <p class="information__item__paragraph">
                          <span class="year">2025年</span>
                          <span class="date">3/2</span>
                          <span class="day">(日)</span>
                        </p>
                      </td>
                    </tr>
                    </tbody>
                  </table>
                  <p class="information__item__button">
                    <a href="https://hondago-bikegear.jp/shop/e/eticket/?article=31" class="information__item__buttonLink" target="_blank">チケットの購入はこちら</a>
                  </p>
                </details>
              </div>
            </div>
          </div>
          <h3 class="information__headline">九州ブロック</h3>
          <div class="information__list">
            <div class="information__item">
              <div class="information__item__header">
                <button class="information__item__mapButton jsModal" data-modal="kumamotoMap">
                  <span class="information__item__title">
                    交通教育センターレインボー熊本
                  </span>
                  <span class="information__item__map">MAP</span>
                </button>
              </div>
              <div class="information__item__body">
                <details>
                  <summary class="information__item__summary">開催日やチケットの購入について確認する</summary>
                  <table class="information__item__table">
                    <thead>
                    <tr>
                      <th>お申込開始日</th>
                      <th>開催日</th>
                    </tr>
                    </thead>
                    <tbody>
                    <tr>
                      <td>-</td>
                      <td>
                        <p class="information__item__paragraph">
                          <span class="date">4/20</span>
                          <span class="day">(土)</span>
                        </p>
                      </td>
                    </tr>
                    <tr>
                      <td>-</td>
                      <td>
                        <p class="information__item__paragraph">
                          <span class="date">5/17</span>
                          <span class="day">(金)</span>
                        </p>
                      </td>
                    </tr>
                    <tr>
                      <td>-</td>
                      <td>
                        <p class="information__item__paragraph">
                          <span class="date">6/9</span>
                          <span class="day">(日)</span>
                        </p>
                      </td>
                    </tr>
                    <tr>
                      <td>
                        <p class="information__item__paragraph">
                          <span class="date">8/8</span>
                          <span class="day">(木)</span>
                        </p>
                      </td>
                      <td>
                        <p class="information__item__paragraph">
                          <span class="date">9/8</span>
                          <span class="day">(日)</span>
                        </p>
                      </td>
                    </tr>
                    <tr>
                      <td>
                        <p class="information__item__paragraph">
                          <span class="date">9/19</span>
                          <span class="day">(木)</span>
                        </p>
                      </td>
                      <td>
                        <p class="information__item__paragraph">
                          <span class="date">10/19</span>
                          <span class="day">(土)</span>
                        </p>
                      </td>
                    </tr>
                    <tr>
                      <td>
                        <p class="information__item__paragraph">
                          <span class="date">11/1</span>
                          <span class="day">(金)</span>
                        </p>
                      </td>
                      <td>
                        <p class="information__item__paragraph">
                          <span class="date">12/1</span>
                          <span class="day">(日)</span>
                        </p>
                      </td>
                    </tr>
                    <tr>
                      <td>
                        <p class="information__item__paragraph">
                          <span class="year">2025年</span>
                          <span class="date">2/16</span>
                          <span class="day">(日)</span>
                        </p>
                      </td>
                      <td>
                        <p class="information__item__paragraph">
                          <span class="year">2025年</span>
                          <span class="date">3/16</span>
                          <span class="day">(日)</span>
                        </p>
                      </td>
                    </tr>
                    </tbody>
                  </table>
                  <p class="information__item__button">
                    <a href="https://hondago-bikegear.jp/shop/e/eticket/?article=29" class="information__item__buttonLink" target="_blank">チケットの購入はこちら</a>
                  </p>
                </details>
              </div>
            </div>
          </div>
        </section>
        <div class="banner">
          <div class="banner__box">
            <a href="https://hondago.jp/plus/" target="_blank" class="banner__box__link">
              <div class="banner__box__image">
                <img src="./images/logo_plus.svg" alt="">
              </div>
              <div class="banner__box__body">
                <div class="banner__box__message">
                  <p>HondaGO BIKE LESSONをお得に受講!</p>
                  <p>ご入会後3,000円オフクーポンをご利用いただけます!</p>
                </div>
                <span class="banner__box__button">詳細を見る</span>
              </div>
            </a>
          </div>
        </div>
        <section class="price">
          <div class="price__container">
            <p class="price__catch">
              「<strong>普通二輪免許</strong>」もしくは<br>「<strong>大型二輪免許</strong>」があればOK!<br>ぜひお気軽にご参加ください。
            </p>
            <div class="price__body" id="price">
              <div class="price__item">
                <h3 class="price__item__title">料金</h3>
                <div class="price__item__body">
                  <div class="price__item__priceContainer">
                    <p class="price__item__price">
                      <span>¥17,600</span>
                      <span class="price__item__priceUnit">(税込)</span>
                    </p>
                    <p class="price__item__note">
                      料金に含まれるもの<br>(レンタルバイク、ヘルメット、昼食等)
                    </p>
                  </div>
                </div>
              </div>
              <div class="price__item">
                <h3 class="price__item__title">定員</h3>
                <div class="price__item__body">
                  <p class="price__item__place">
                    <span class="price__item__placeName">【埼玉会場・もてぎ会場・鈴鹿会場】</span>
                    <span class="price__item__placeCount">…各回20名</span>
                  </p>
                  <p class="price__item__place">
                    <span class="price__item__placeName">【浜名湖会場・熊本会場】</span>
                    <span class="price__item__placeCount">…各回10名</span>
                  </p>
                </div>
              </div>
              <div class="price__item">
                <h3 class="price__item__title">車種</h3>
                <div class="price__item__body">
                  <p class="price__item__type">
                    Rebel 250やGB350など<br>様々なHonda車をご準備
                  </p>
                  <p class="price__item__note">
                    各会場により台数や車種に限りがございますのでご希望に添えない場合がございます。
                  </p>
                </div>

                <picture class="price__item__image">
                  <source media="(max-width:768px)" srcset="./images/img-type-sp.png 768w">
                  <img src="./images/img-type-sp.png" alt="">
                </picture>
              </div>
            </div>
            <ul class="price__links">
              <li class="price__links__item">
                <a href="https://hondago-bikegear.jp/ticketlist/" class="price__links__itemLink purchaseLink">チケットの購入はこちら</a>
              </li>
              <li class="price__links__item">
                <a href="https://hondago-bikerental.jp/bike-lab/?page_id=72662" class="price__links__itemLink faqLink">よくあるご質問はこちら</a>
              </li>
            </ul>
          </div>
        </section>
        <section class="contact">
          <div class="contact__container">
            <h2 class="contact__title">お問い合わせ</h2>
            <p class="contact__mail">
              <a href="mailto:[email protected]" class="contact__mail__link">
                <img src="./images/img-contact.svg" alt="[email protected]">
              </a>
            </p>
          </div>
        </section>
      </div>
      <div class="float">
        <a href="https://hondago-bikegear.jp/ticketlist/" class="float__link" target="_blank">
          <img src="./images/btn-ticket.svg" alt="購入する">
        </a>
      </div>
    </main>
    <!-- [footer] -->
<footer class="footer">
  <div class="footer__main">
    <div class="footer__logo">
      <img class="footer__logo-img" src="assets/img/global/logo_gray.svg" alt="HondaGO" width="" height="">
    </div>
    <nav class="footer__nav">
      <ul class="footer__menu">
        <li class="footer__menu-item">
          <a class="footer__menu-link" href="https://hondago-bikerental.jp">HondaGO BIKE RENTAL</a>
        </li>
        <li class="footer__menu-item">
          <a class="footer__menu-link" href="https://hondago.jp/ride/">HondaGO RIDE</a>
        </li>
        <li class="footer__menu-item">
          <a class="footer__menu-link" href="https://hondago-bikegear.jp/shop/default.aspx/">HondaGO BIKE GEAR</a>
        </li>
        <li class="footer__menu-item">
          <a class="footer__menu-link" href="https://hondago-tour.jp">HondaGO BIKE TOUR</a>
        </li>
      </ul>
      <ul class="footer__menu">
        <li class="footer__menu-item">
          <a class="footer__menu-link" href="https://hondago-bikerental.jp/bike-lab/">HondaGO BIKE LAB</a>
        </li>
        <li class="footer__menu-item">
          <a class="footer__menu-link" href="https://hondago-bikerental.jp/bike-lab/bike-meeting/">HondaGO BIKE MEETING</a>
        </li>
        <li class="footer__menu-item">
          <a class="footer__menu-link" href="https://hondago-bikerental.jp/bike-lab/47403.html/">HondaGO BIKE LESSON</a>
        </li>
        <li class="footer__menu-item">
          <a class="footer__menu-link" href="https://hondago.jp/plus/">HondaGO PLUS</a>
        </li>
      </ul>
      <ul class="footer__menu">
        <!-- <li class="footer__menu-item">
              <a class="footer__menu-link" href="assets/img/global/whatsHondaGO.jpg" >What’s HondaGO</a>
            </li> -->
        <li class="footer__menu-item">
          <a class="footer__menu-link" href="#hgID">HondaGO ID&Point</a>
        </li>
        <li class="footer__menu-item">
          <a class="footer__menu-link" href="#service">Service</a>
        </li>
        <li class="footer__menu-item">
          <a class="footer__menu-link" href="https://hondago.jp/login">ログイン/マイページ</a>
        </li>
        <li class="footer__menu-item">
          <a class="footer__menu-link" href="https://hondago.jp/member/pre_register">新規会員登録</a>
        </li>
      </ul>
    </nav>
  </div>
  <div class="footer__sub">
    <ul class="footer__policy">
      <li class="footer__policy-item">
        <a class="footer__policy-link" href="https://www.honda.co.jp/privacy/hmj/">プライバシーボリシー</a>
      </li>
      <li class="footer__policy-item">
        <a class="footer__policy-link" href="https://www.honda.co.jp/HMJ/cookie_policy/">クッキーボリシー</a>
      </li>
      <li class="footer__policy-item">
        <a class="footer__policy-link" href="https://www.honda.co.jp/HMJ/">運営会社</a>
      </li>
    </ul>
    <p class="footer__copyright">©2024 HondaGO All Rights Reserved.</p>
  </div>
</footer>
<!-- [/footer] -->
 <div class="modal" id="sitamaMap">
  <div class="modal__wrapper">
    <div class="modal__body">
      <p class="modal__title">交通教育センターレインボー埼玉</p>
      <div class="modal__googlemap">
        <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d6457.28595157876!2d139.51038574423515!3d35.98015318996878!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x6018d03b3fa0e899%3A0x9ee27b6a5b429cc9!2sTraffic%20Education%20Center%20Rainbow%20Saitama!5e0!3m2!1sen!2sjp!4v1709220205791!5m2!1sen!2sjp" width="960" height="550" style="border: 0" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
      </div>
      <p class="modal__address">
        〒350-0141 埼玉県比企郡比企郡川島町出丸下郷53−1
      </p>
      <p class="modal__note">
        JR桶川駅から送迎バスをご利用いただけます。(ご利用の方はAM8:50までにご乗車ください)
      </p>
      <p class="modal__button">
        <a href="https://hondago-bikegear.jp/shop/e/eticket/?article=27" class="modal__buttonLink" target="_blank">チケットの購入はこちら</a>
      </p>
    </div>
  </div>
  <button class="modal__close jsClose">
    <div class="modal__close__icon">
      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 52 52">
        <defs>
          <style>
            .cls-1 {
              fill: none;
              stroke: #e6e6e6;
              stroke-linecap: round;
              stroke-linejoin: round;
              stroke-width: 2px;
            }
          </style>
        </defs>
        <g>
          <line class="cls-1" x1="1" y1="1" x2="51" y2="51"></line>
          <line class="cls-1" x1="1" y1="51" x2="51" y2="1"></line>
        </g>
      </svg>
    </div>
  </button>
</div>
 <div class="modal" id="motegiMap">
  <div class="modal__wrapper">
    <div class="modal__body">
      <p class="modal__title">交通教育センターもてぎ</p>
      <div class="modal__googlemap">
        <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3205.5767317938958!2d140.22892751131704!3d36.54020467220699!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x6021ee2b3925f023%3A0xd2d41ab80514c63a!2sMobility%20Resort%20Motegi%20Active%20Safety%20Training%20Park!5e0!3m2!1sen!2sjp!4v1709224835339!5m2!1sen!2sjp" width="960" height="550" style="border: 0" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
      </div>
      <p class="modal__address">
        〒321-3597栃木県芳賀郡茂木町桧山120-1ツインリンクもてぎ内
      </p>
      <p class="modal__note">
        宇都宮ライトレール(LRT)「芳賀町工業団地管理センター前」駅から送迎バスをご利用いただけます。(ご利用の方はAM9:00までにご乗車ください)
      </p>
      <p class="modal__button">
        <a href="https://hondago-bikegear.jp/shop/e/eticket/?article=30" class="modal__buttonLink" target="_blank">チケットの購入はこちら</a>
      </p>
    </div>
  </div>
  <button class="modal__close jsClose">
    <div class="modal__close__icon">
      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 52 52">
        <defs>
          <style>
            .cls-1 {
              fill: none;
              stroke: #e6e6e6;
              stroke-linecap: round;
              stroke-linejoin: round;
              stroke-width: 2px;
            }
          </style>
        </defs>
        <g>
          <line class="cls-1" x1="1" y1="1" x2="51" y2="51"></line>
          <line class="cls-1" x1="1" y1="51" x2="51" y2="1"></line>
        </g>
      </svg>
    </div>
  </button>
</div>
    <div class="modal" id="hamanakoMap">
  <div class="modal__wrapper">
    <div class="modal__body">
      <p class="modal__title">交通教育センターレインボー浜名湖</p>
      <div class="modal__googlemap">
        <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3276.388443072774!2d137.63867701123704!3d34.79616797277289!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x601b266343286f8b%3A0x8eca4df1509fefa1!2sRainbow%20Motor%20School%20Hamanako!5e0!3m2!1sen!2sjp!4v1709224808774!5m2!1sen!2sjp" width="960" height="550" style="border: 0" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
      </div>
      <p class="modal__address">
        〒431-1305 静岡県浜松市浜名区細江町気賀5200-5
      </p>
      <p class="modal__note">
        送迎バスをご用意しております。ご利用の方はAM8:50までにJR 浜松駅
        にご乗車ください
      </p>
      <p class="modal__button">
        <a href="https://hondago-bikegear.jp/shop/e/eticket/?article=28" class="modal__buttonLink" target="_blank">チケットの購入はこちら</a>
      </p>
    </div>
  </div>
  <button class="modal__close jsClose">
    <div class="modal__close__icon">
      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 52 52">
        <defs>
          <style>
            .cls-1 {
              fill: none;
              stroke: #e6e6e6;
              stroke-linecap: round;
              stroke-linejoin: round;
              stroke-width: 2px;
            }
          </style>
        </defs>
        <g>
          <line class="cls-1" x1="1" y1="1" x2="51" y2="51"></line>
          <line class="cls-1" x1="1" y1="51" x2="51" y2="1"></line>
        </g>
      </svg>
    </div>
  </button>
</div>
 <div class="modal" id="suzukaMap">
  <div class="modal__wrapper">
    <div class="modal__body">
      <p class="modal__title">鈴鹿サーキット交通教育センター</p>
      <div class="modal__googlemap">
        <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3274.484373408416!2d136.53926981123914!3d34.84405467275587!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x60038a911e445c91%3A0x1d70798e4c3a63b5!2sSuzuka%20Circuit%20Traffic%20Education%20Center!5e0!3m2!1sen!2sjp!4v1709224774435!5m2!1sen!2sjp" width="960" height="550" style="border: 0" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
      </div>
      <p class="modal__address">〒510-0295 三重県鈴鹿市稲生町7992</p>
      <p class="modal__note">
        送迎バスはご用意ございません。鈴鹿サーキット交通教育センター駐車場をご利用ください。
      </p>
      <p class="modal__button">
        <a href="https://hondago-bikegear.jp/shop/e/eticket/?article=31" class="modal__buttonLink" target="_blank">チケットの購入はこちら</a>
      </p>
    </div>
  </div>
  <button class="modal__close jsClose">
    <div class="modal__close__icon">
      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 52 52">
        <defs>
          <style>
            .cls-1 {
              fill: none;
              stroke: #e6e6e6;
              stroke-linecap: round;
              stroke-linejoin: round;
              stroke-width: 2px;
            }
          </style>
        </defs>
        <g>
          <line class="cls-1" x1="1" y1="1" x2="51" y2="51"></line>
          <line class="cls-1" x1="1" y1="51" x2="51" y2="1"></line>
        </g>
      </svg>
    </div>
  </button>
</div>
 <div class="modal" id="kumamotoMap">
  <div class="modal__wrapper">
    <div class="modal__body">
      <p class="modal__title">交通教育センターレインボー熊本</p>
      <div class="modal__googlemap">
        <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3350.108923630019!2d130.87157861115406!3d32.895288273504505!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3540e403379af113%3A0x9b4d1020de234f4!2sHSR%20Kyushu!5e0!3m2!1sen!2sjp!4v1709224879109!5m2!1sen!2sjp" width="960" height="550" style="border: 0" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
      </div>
      <p class="modal__address">〒869-1231 熊本県菊池郡大津町平川1500</p>
      <p class="modal__note">
        送迎バスをご用意しております。ご利用の方はAM9:00までにJR 肥後大津駅
        北口送迎エリアにお越しください。
      </p>
      <p class="modal__button">
        <a href="https://hondago-bikegear.jp/shop/e/eticket/?article=29" class="modal__buttonLink" target="_blank">チケットの購入はこちら</a>
      </p>
    </div>
  </div>
  <button class="modal__close jsClose">
    <div class="modal__close__icon">
      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 52 52">
        <defs>
          <style>
            .cls-1 {
              fill: none;
              stroke: #e6e6e6;
              stroke-linecap: round;
              stroke-linejoin: round;
              stroke-width: 2px;
            }
          </style>
        </defs>
        <g>
          <line class="cls-1" x1="1" y1="1" x2="51" y2="51"></line>
          <line class="cls-1" x1="1" y1="51" x2="51" y2="1"></line>
        </g>
      </svg>
    </div>
  </button>
</div>
 <div class="modal" id="youtubeModal">
  <div class="modal__wrapper">
    <div class="modal__body">
      <div class="modal__youtube" id="player"></div>
    </div>
  </div>
  <button class="modal__close jsClose">
    <div class="modal__close__icon">
      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 52 52">
        <defs>
          <style>
            .cls-1 {
              fill: none;
              stroke: #e6e6e6;
              stroke-linecap: round;
              stroke-linejoin: round;
              stroke-width: 2px;
            }
          </style>
        </defs>
        <g>
          <line class="cls-1" x1="1" y1="1" x2="51" y2="51"></line>
          <line class="cls-1" x1="1" y1="51" x2="51" y2="1"></line>
        </g>
      </svg>
    </div>
  </button>
</div>
    <script src="./assets/js/toggle.js"></script>
    <script src="./scripts/jquery.js"></script>
    <script src="./scripts/slick/slick.min.js"></script>
    <script src="./scripts/scripts.js"></script>
  

</body></html>