app/template/default/index.twig line 1

Open in your IDE?
  1. {% extends 'default_frame.twig' %}
  3. {% set body_class = 'front_page' %}
  5. {% block main %}
  7.     <div class="l__first-view-sentinel js-scrollDirection__firstViewSentinel"></div>
  8.    
  9.     <div id="swup" class="l__container js-pjaxContainer">
  10.       <div class="js-contentHeightSentinel">
  11.         <!-- contents start -->
  12.         <div class="top">
  13.           <h1 class="u-visibility-hidden">No Good</h1>
  15.           <div class="top__kv js-sectionUnderHeader" data-section-color="dark">
  16.             {#<section class="top-kv">#}
  17.             {#  <div class="top-kv__content js-topKvContent">#}
  19.             {#    <canvas class="top-kv__canvas js-topKVCanvas"></canvas>#}
  20.             {#    <ul class="top-kv__portfolio-list u-pc">#}
  21.             {#      <li class="top-kv__portfolio-item is-first-transition js-topKvPortfolioItem">#}
  22.             {#        <a class="top-kv__portfolio-link" href="#" target="_self" rel="">#}
  23.             {#          <article class="top-kv-portfolio">#}
  24.             {#            <div class="top-kv-portfolio__texts">#}
  25.             {#              <h2 class="top-kv-portfolio__title">N</h2>#}
  26.             {#              <p class="top-kv-portfolio__representative">会社概要<span class="_name">> more</span></p>#}
  28.             {#              <p class="top-kv-portfolio__company-vertical" aria-hidden="true">No Good</p>#}
  29.             {#            </div>#}
  31.             {#            <div class="top-kv-portfolio__visual">#}
  32.             {#              <img src="assets/img/top/fv_01.jpg" width="995" height="1090" alt="" decoding="async" loading="eager" />#}
  33.             {#            </div>#}
  34.             {#          </article>#}
  35.             {#        </a>#}
  36.             {#      </li>#}
  37.             {#      <li class="top-kv__portfolio-item is-first-transition js-topKvPortfolioItem">#}
  38.             {#        <a class="top-kv__portfolio-link" href="#" target="_self" rel="">#}
  39.             {#          <article class="top-kv-portfolio">#}
  40.             {#            <div class="top-kv-portfolio__texts">#}
  41.             {#              <h2 class="top-kv-portfolio__title">O</h2>#}
  42.             {#              <p class="top-kv-portfolio__representative">お知らせ<span class="_name">> more</span></p>#}
  44.             {#              <p class="top-kv-portfolio__company-vertical" aria-hidden="true">No Good</p>#}
  45.             {#            </div>#}
  47.             {#            <div class="top-kv-portfolio__visual">#}
  48.             {#              <img src="assets/img/top/fv_02.jpg" width="995" height="1090" alt="" decoding="async" loading="eager" />#}
  49.             {#            </div>#}
  50.             {#          </article>#}
  51.             {#        </a>#}
  52.             {#      </li>#}
  53.             {#      <li class="top-kv__portfolio-item is-first-transition js-topKvPortfolioItem">#}
  54.             {#        <a class="top-kv__portfolio-link" href="#" target="_self" rel="">#}
  55.             {#          <article class="top-kv-portfolio">#}
  56.             {#            <div class="top-kv-portfolio__texts">#}
  57.             {#              <h2 class="top-kv-portfolio__title">G</h2>#}
  58.             {#              <p class="top-kv-portfolio__representative">メディア<span class="_name">> more</span></p>#}
  59.             {#              <p class="top-kv-portfolio__company-vertical" aria-hidden="true">No Good</p>#}
  60.             {#            </div>#}
  61.             {#            <div class="top-kv-portfolio__visual">#}
  62.             {#              <img src="assets/img/top/fv_03.jpg" width="995" height="1090" alt="" decoding="async" loading="eager" />#}
  63.             {#            </div>#}
  64.             {#          </article>#}
  65.             {#        </a>#}
  66.             {#      </li>#}
  67.             {#      <li class="top-kv__portfolio-item is-first-transition js-topKvPortfolioItem">#}
  68.             {#        <a class="top-kv__portfolio-link" href="#" target="_self" rel="">#}
  69.             {#          <article class="top-kv-portfolio">#}
  70.             {#            <div class="top-kv-portfolio__texts">#}
  71.             {#              <h2 class="top-kv-portfolio__title">O</h2>#}
  72.             {#              <p class="top-kv-portfolio__representative">グッズ<span class="_name">> more</span></p>#}
  74.             {#              <p class="top-kv-portfolio__company-vertical" aria-hidden="true">No Good</p>#}
  75.             {#            </div>#}
  77.             {#            <div class="top-kv-portfolio__visual">#}
  78.             {#              <img src="assets/img/top/fv_04.jpg" width="995" height="1090" alt="" decoding="async" loading="eager" />#}
  79.             {#            </div>#}
  80.             {#          </article>#}
  81.             {#        </a>#}
  82.             {#      </li>#}
  83.             {#      <li class="top-kv__portfolio-item is-first-transition js-topKvPortfolioItem">#}
  84.             {#        <a class="top-kv__portfolio-link" href="#" target="_self" rel="">#}
  85.             {#          <article class="top-kv-portfolio">#}
  86.             {#            <div class="top-kv-portfolio__texts is-dark-bg">#}
  87.             {#              <h2 class="top-kv-portfolio__title">O</h2>#}
  88.             {#              <p class="top-kv-portfolio__representative">〇〇<span class="_name">> more</span></p>#}
  90.             {#              <p class="top-kv-portfolio__company-vertical" aria-hidden="true">No Good</p>#}
  91.             {#            </div>#}
  93.             {#            <div class="top-kv-portfolio__visual">#}
  94.             {#              <img src="assets/img/top/fv_05.jpg" width="995" height="1090" alt="" decoding="async" loading="eager" />#}
  95.             {#            </div>#}
  96.             {#          </article>#}
  97.             {#        </a>#}
  98.             {#      </li>#}
  99.             {#      <li class="top-kv__portfolio-item is-first-transition js-topKvPortfolioItem">#}
  100.             {#        <a class="top-kv__portfolio-link" href="#" target="_self" rel="">#}
  101.             {#          <article class="top-kv-portfolio">#}
  102.             {#            <div class="top-kv-portfolio__texts">#}
  103.             {#              <h2 class="top-kv-portfolio__title">D</h2>#}
  104.             {#              <p class="top-kv-portfolio__representative">〇〇<span class="_name">>more</span></p>#}
  106.             {#              <p class="top-kv-portfolio__company-vertical" aria-hidden="true">No Good</p>#}
  107.             {#            </div>#}
  109.             {#            <div class="top-kv-portfolio__visual">#}
  110.             {#              <img src="assets/img/top/fv_06.jpg" width="995" height="1090" alt="" decoding="async" loading="eager" />#}
  111.             {#            </div>#}
  112.             {#          </article>#}
  113.             {#        </a>#}
  114.             {#      </li>#}
  115.             {#    </ul>#}
  117.             {#    <div class="top-kv__sp-portfolios splide js-topKvSpPortfolioSlider u-sp" role="group" aria-label="PICKUP PORTFOLIO">#}
  118.             {#      <div class="top-kv__sp-portfolios-inner splide__track">#}
  119.             {#        <ul class="top-kv__sp-portfolios-list splide__list">#}
  120.             {#          <li class="top-kv__sp-portfolios-item splide__slide">#}
  121.             {#            <a class="top-kv__sp-portfolios-link" href="#" target="_self" rel="">#}
  122.             {#              <article class="top-kv-sp-portfolio">#}
  123.             {#                <div class="top-kv-sp-portfolio__texts">#}
  124.             {#                  <h2 class="top-kv-sp-portfolio__title">N</h2>#}
  125.             {#                  <p class="top-kv-sp-portfolio__representative">> about... <span class="_name">No Good</span></p>#}
  126.             {#                </div>#}
  128.             {#                <div class="top-kv-sp-portfolio__visual">#}
  129.             {#                  <img src="assets/img/top/fv_01.jpg" width="335" height="420" alt="" decoding="async" loading="eager" />#}
  130.             {#                </div>#}
  131.             {#              </article>#}
  132.             {#            </a>#}
  133.             {#          </li>#}
  134.             {#          <li class="top-kv__sp-portfolios-item splide__slide">#}
  135.             {#            <a class="top-kv__sp-portfolios-link" href="#" target="_self" rel="">#}
  136.             {#              <article class="top-kv-sp-portfolio">#}
  137.             {#                <div class="top-kv-sp-portfolio__texts">#}
  138.             {#                  <h2 class="top-kv-sp-portfolio__title">O</h2>#}
  139.             {#                  <p class="top-kv-sp-portfolio__representative">> about... <span class="_name">No Good</span></p>#}
  140.             {#                </div>#}
  142.             {#                <div class="top-kv-sp-portfolio__visual">#}
  143.             {#                  <img src="assets/img/top/fv_02.jpg" width="335" height="420" alt="" decoding="async" loading="eager" />#}
  144.             {#                </div>#}
  145.             {#              </article>#}
  146.             {#            </a>#}
  147.             {#          </li>#}
  148.             {#          <li class="top-kv__sp-portfolios-item splide__slide">#}
  149.             {#            <a class="top-kv__sp-portfolios-link" href="#" target="_self" rel="">#}
  150.             {#              <article class="top-kv-sp-portfolio">#}
  151.             {#                <div class="top-kv-sp-portfolio__texts">#}
  152.             {#                  <h2 class="top-kv-sp-portfolio__title">G</h2>#}
  153.             {#                  <p class="top-kv-sp-portfolio__representative">> about... <span class="_name">No Good</span></p>#}
  154.             {#                </div>#}
  156.             {#                <div class="top-kv-sp-portfolio__visual">#}
  157.             {#                  <img src="assets/img/top/fv_03.jpg" width="335" height="420" alt="" decoding="async" loading="eager" />#}
  158.             {#                </div>#}
  159.             {#              </article>#}
  160.             {#            </a>#}
  161.             {#          </li>#}
  162.             {#          <li class="top-kv__sp-portfolios-item splide__slide">#}
  163.             {#            <a class="top-kv__sp-portfolios-link" href="#" target="_self" rel="">#}
  164.             {#              <article class="top-kv-sp-portfolio">#}
  165.             {#                <div class="top-kv-sp-portfolio__texts">#}
  166.             {#                  <h2 class="top-kv-sp-portfolio__title">O</h2>#}
  167.             {#                  <p class="top-kv-sp-portfolio__representative">> about... <span class="_name">No Good</span></p>#}
  168.             {#                </div>#}
  170.             {#                <div class="top-kv-sp-portfolio__visual">#}
  171.             {#                  <img src="assets/img/top/fv_04.jpg" width="335" height="420" alt="" decoding="async" loading="eager" />#}
  172.             {#                </div>#}
  173.             {#              </article>#}
  174.             {#            </a>#}
  175.             {#          </li>#}
  176.             {#          <li class="top-kv__sp-portfolios-item splide__slide">#}
  177.             {#            <a class="top-kv__sp-portfolios-link" href="#" target="_self" rel="">#}
  178.             {#              <article class="top-kv-sp-portfolio">#}
  179.             {#                <div class="top-kv-sp-portfolio__texts is-dark-bg">#}
  180.             {#                  <h2 class="top-kv-sp-portfolio__title">O</h2>#}
  181.             {#                  <p class="top-kv-sp-portfolio__representative">> about... <span class="_name">No Good</span></p>#}
  182.             {#                </div>#}
  184.             {#                <div class="top-kv-sp-portfolio__visual">#}
  185.             {#                  <img src="assets/img/top/fv_05.jpg" width="335" height="420" alt="" decoding="async" loading="eager" />#}
  186.             {#                </div>#}
  187.             {#              </article>#}
  188.             {#            </a>#}
  189.             {#          </li>#}
  190.             {#          <li class="top-kv__sp-portfolios-item splide__slide">#}
  191.             {#            <a class="top-kv__sp-portfolios-link" href="#" target="_self" rel="">#}
  192.             {#              <article class="top-kv-sp-portfolio">#}
  193.             {#                <div class="top-kv-sp-portfolio__texts">#}
  194.             {#                  <h2 class="top-kv-sp-portfolio__title">D</h2>#}
  195.             {#                  <p class="top-kv-sp-portfolio__representative">> about... <span class="_name">No Good</span></p>#}
  196.             {#                </div>#}
  198.             {#                <div class="top-kv-sp-portfolio__visual">#}
  199.             {#                  <img src="assets/img/top/fv_06.jpg" width="335" height="420" alt="" decoding="async" loading="eager" />#}
  200.             {#                </div>#}
  201.             {#              </article>#}
  202.             {#            </a>#}
  203.             {#          </li>#}
  204.             {#        </ul>#}
  205.             {#      </div>#}
  206.             {#    </div>#}
  207.             {#  </div>#}
  208.             {#</section>#}
  209.             
  210.             <section class="top-kv">
  211.                 <div class="video__wrap">
  212.                     <video class="js-video pc" src="/html/user_data/assets/movie/upcoming_pc_v2.mp4" autoplay loop muted playsinline></video>
  213.                     <video class="js-video sp" src="/html/user_data/assets/movie/upcoming_sp_v2.mp4" autoplay loop muted playsinline></video>
  214.                     <div class="movie__btn"><button class="js-video-button"><img src="/html/user_data/assets/img/top/sound_off.png" alt="音声をオンにする"></button></div>
  215.                 </div>
  216.             </section>
  217.                         <script>
  218.             // videoタグとbuttonタグを変数に格納
  219.             const video = document.querySelector(".js-video");
  220.             const videoButton = document.querySelector(".js-video-button");
  221.             
  222.             // mutedを操作する関数を定義
  223.             const toggleAudio = () => {
  224.                 video.muted = !video.muted;
  225.             }
  226.             
  227.             videoButton.addEventListener('click', () => {
  228.                 // 関数を実行
  229.                 toggleAudio();
  230.             
  231.                 // テキストを画像に置き換える
  232.                 if (video.muted) {
  233.                     videoButton.innerHTML = '<img src="/html/user_data/assets/img/top/sound_off.png" alt="音声をオフにする">';
  234.                 } else {
  235.                     videoButton.innerHTML = '<img src="/html/user_data/assets/img/top/sound_on.png" alt="音声をオンにする">';
  236.                 }
  237.             });
  238.             </script>
  239.           </div>
  241.           <div class="top__news js-sectionParallax js-sectionUnderHeader" data-section-color="light">
  242.             <section class="top-news">
  243.               <div class="top-news__header">
  244.                 <h2 class="top-section-heading js-revealInView is-dark" data-root-margin="-15% 0%">
  245.                   <span class="top-section-heading__text">NEWS</span>
  246.                 </h2>
  247.               </div>
  249.               <div class="top-pinned-news" target="_self" rel="">
  250.                 <section class="top-pinned-news__inner">
  251.                   <div class="top-pinned-news__header">
  252.                     <time class="top-pinned-news__date" datetime="2024-09-252">2024.09.25</time>
  253.                     <span class="top-pinned-news__category">トピックス</span>
  254.                     <span class="top-pinned-news__category top-pinned-news__category--featured">Featured</span>
  255.                   </div>
  257.                   <div class="top-pinned-news__body">
  258.                     <div class="top-pinned-news__visual">
  259.                       <img src="/html/user_data/assets/img/top/logo.png" width="117" height="175" alt="" decoding="async" loading="lazy" />
  260.                     </div>
  262.                     <div class="top-pinned-news__content">
  263.                       <h3 class="_title">Updated International Shipping Fee System</h3>
  264.                       <p class="_content">
  265.                           Attention International Shoppers! We have updated our shipping fee calculation system. Now you can select "International" as your country at checkout. Enjoy shopping with us!
  266.                       </p>
  267.                     </div>
  269.                   </div>
  270.                 </section>
  271.               </div>
  273.               <ul class="top-news__list">
  274.                 <li class="top-news__item">
  275.                   <a class="top-news__item-link" href="/products/list" target="_self" rel="">
  276.                     <div class="top-news__item-header">
  277.                       <time class="top-news__item-date" datetime="2023-12-21">2024.10.05</time>
  278.                     </div>
  279.                     <div class="top-news__item-body">
  280.                       <span class="top-news__item-title">サイトデザインをリニューアルしました！</span>
  281.                     </div>
  282.                   </a>
  283.                 </li>
  285.                 <li class="top-news__item">
  286.                   <a class="top-news__item-link" href="https://line.me/R/ti/p/@606naqgq?ts=09251440&oat_content=url" target="_self" rel="">
  287.                     <div class="top-news__item-header">
  288.                       <time class="top-news__item-date" >2024.09.25</time>
  289.                     </div>
  290.                     <div class="top-news__item-body">
  291.                       <span class="top-news__item-title">公式LINEを公開しました</span>
  292.                       <span class="top-news__item-icon">
  293.                         <span class="_icon">
  294.                           <svg width="67" height="75" viewBox="0 0 67 75" aria-hidden="true">
  295.                             <path fill-rule="evenodd" fill="rgb(255, 255, 255)" d="M-0.003,34.088 L59.632,34.088 L59.632,41.541 L-0.003,41.541 L-0.003,34.088 Z" />
  296.                             <path fill-rule="evenodd" fill="rgb(255, 255, 255)" d="M29.814,0.917 L66.711,37.814 L61.440,43.085 L24.543,6.188 L29.814,0.917 Z" />
  297.                             <path fill-rule="evenodd" fill="rgb(255, 255, 255)" d="M66.711,37.814 L29.814,74.711 L24.543,69.440 L61.440,32.543 L66.711,37.814 Z" />
  298.                           </svg>
  299.                           <svg width="67" height="75" viewBox="0 0 67 75" aria-hidden="true">
  300.                             <path fill-rule="evenodd" fill="rgb(255, 255, 255)" d="M-0.003,34.088 L59.632,34.088 L59.632,41.541 L-0.003,41.541 L-0.003,34.088 Z" />
  301.                             <path fill-rule="evenodd" fill="rgb(255, 255, 255)" d="M29.814,0.917 L66.711,37.814 L61.440,43.085 L24.543,6.188 L29.814,0.917 Z" />
  302.                             <path fill-rule="evenodd" fill="rgb(255, 255, 255)" d="M66.711,37.814 L29.814,74.711 L24.543,69.440 L61.440,32.543 L66.711,37.814 Z" />
  303.                           </svg>
  304.                         </span>
  305.                       </span>
  306.                     </div>
  307.                   </a>
  308.                 </li>
  310.                 <li class="top-news__item">
  311.                   <a class="top-news__item-link" href="/products/list" target="_self" rel="">
  312.                     <div class="top-news__item-header">
  313.                       <time class="top-news__item-date" datetime="2023-12-21">2024.09.15</time>
  314.                     </div>
  315.                     <div class="top-news__item-body">
  316.                       <span class="top-news__item-title">新商品を追加いたしました！</span>
  317.                       <span class="top-news__item-icon">
  318.                         <span class="_icon">
  319.                           <svg width="67" height="75" viewBox="0 0 67 75" aria-hidden="true">
  320.                             <path fill-rule="evenodd" fill="rgb(255, 255, 255)" d="M-0.003,34.088 L59.632,34.088 L59.632,41.541 L-0.003,41.541 L-0.003,34.088 Z" />
  321.                             <path fill-rule="evenodd" fill="rgb(255, 255, 255)" d="M29.814,0.917 L66.711,37.814 L61.440,43.085 L24.543,6.188 L29.814,0.917 Z" />
  322.                             <path fill-rule="evenodd" fill="rgb(255, 255, 255)" d="M66.711,37.814 L29.814,74.711 L24.543,69.440 L61.440,32.543 L66.711,37.814 Z" />
  323.                           </svg>
  324.                           <svg width="67" height="75" viewBox="0 0 67 75" aria-hidden="true">
  325.                             <path fill-rule="evenodd" fill="rgb(255, 255, 255)" d="M-0.003,34.088 L59.632,34.088 L59.632,41.541 L-0.003,41.541 L-0.003,34.088 Z" />
  326.                             <path fill-rule="evenodd" fill="rgb(255, 255, 255)" d="M29.814,0.917 L66.711,37.814 L61.440,43.085 L24.543,6.188 L29.814,0.917 Z" />
  327.                             <path fill-rule="evenodd" fill="rgb(255, 255, 255)" d="M66.711,37.814 L29.814,74.711 L24.543,69.440 L61.440,32.543 L66.711,37.814 Z" />
  328.                           </svg>
  329.                         </span>
  330.                       </span>
  331.                     </div>
  332.                   </a>
  333.                 </li>
  335.                 <li class="top-news__item">
  336.                   <div class="top-news__item-link" target="_self" rel="">
  337.                     <div class="top-news__item-header">
  338.                       <time class="top-news__item-date" datetime="2023-12-21">2024.08.18</time>
  339.                     </div>
  340.                     <div class="top-news__item-body">
  341.                       <span class="top-news__item-title">NOGOOD-RACING ECサイトオープンしました！</span>
  342.                     </div>
  343.                   </div>
  344.                 </li>
  345.               </ul>
  347.               {#<div class="top-news__link">#}
  348.               {#  <a class="c-link" href="single_archive.html" target="_self" rel="">#}
  349.               {#    <span class="c-link__text">View More</span>#}
  350.               {#    <span class="c-link__internalIcon">#}
  351.               {#      <svg width="17" height="12" viewBox="0 0 17 12" aria-hidden="true">#}
  352.               {#        <path fill-rule="evenodd" d="M0.0,5.0 L16.0,5.0 L16.0,7.0 L0.0,7.0 L0.0,5.0 Z" />#}
  353.               {#        <path fill-rule="evenodd" d="M11.0,0.343 L16.656,6.0 L15.242,7.413 L9.585,1.756 L11.0,0.343 Z" />#}
  354.               {#        <path fill-rule="evenodd" d="M16.656,6.0 L11.0,11.656 L9.585,10.242 L15.242,4.585 L16.656,6.0 Z" />#}
  355.               {#      </svg>#}
  356.               {#      <svg width="17" height="12" viewBox="0 0 17 12" aria-hidden="true">#}
  357.               {#        <path fill-rule="evenodd" d="M0.0,5.0 L16.0,5.0 L16.0,7.0 L0.0,7.0 L0.0,5.0 Z" />#}
  358.               {#        <path fill-rule="evenodd" d="M11.0,0.343 L16.656,6.0 L15.242,7.413 L9.585,1.756 L11.0,0.343 Z" />#}
  359.               {#        <path fill-rule="evenodd" d="M16.656,6.0 L11.0,11.656 L9.585,10.242 L15.242,4.585 L16.656,6.0 Z" />#}
  360.               {#      </svg>#}
  361.               {#    </span>#}
  362.               {#  </a>#}
  363.               {#</div>#}
  364.             </section>
  365.           </div>
  367.           <div class="top__partners-and-insights js-sectionParallax js-sectionUnderHeader" data-section-color="dark">
  368.             <div class="top__partners">
  369.               <section class="top-partners">
  370.                 <div class="top-partners__inner">
  371.                   <div class="top-partners__header">
  372.                     <h2 class="top-section-heading js-revealInView" data-root-margin="-15% 0%">
  373.                       <span class="top-section-heading__text">CATEGORY</span>
  374.                     </h2>
  375.                   </div>
  377.                   <section class="top-partners__body">
  378.                     <div class="top-partners__texts" style="opacity:0;">
  379.                       <h3 class="top-partners__subtitle">世界各国<br class="u-sp" />20ヶ国以上の仲間たち。</h3>
  380.                       <p class="top-partners__description">
  381.                         NOGOODレーシングは、環状族『KANJO ZOKU』の文化に深く根ざしている大阪を拠点とするストリートレーシングチームです。<br /><br />
  382.                       </p>
  383.                       <p class="hidden-view">
  384.                         環状族とは、阪神高速道路1号環状線の4.7マイルのループを走行しストリートレースを行うグループのことで、「KANJO」はこのループのことを指し、『 Zoku
  385.                         』は暴走族やギャングを意味します。<br />
  386.                         この文化は、日本の自動車サブカルチャーの中でも特に目立つ存在で、70年代のオートバイで走行する暴走族文化が原点であり、その後車へと移行していきました​​。<br />
  387.                         <br />
  388.                         NOGOODレーシングは、環状族の中でも有名なチームの一つで、1985年から活動しています。メンバーは、特にHonda
  389.                         CivicのEF9、EG6、EK4、EK9などのモデルを好んで使用し、これらの車を選んだ理由は、安価で軽量、かつ狭い道でも機敏に動ける事もあるようです。<br />
  390.                         車をパワーでなくハンドリングに特化して改造し、Advan A048タイヤや当時最高のHonda
  391.                         Civic用車高調整キットを装備していました。この活動は、大阪に近い鈴鹿サーキットで行われる「ワンメイク」選手権からも大きな影響を受けているという話もあります​​。<br /><br />
  392.                         しかし、『KANJO ZOKU』の活動は法律に触れる行為であり、公道でのレースは違法行為に当たります。<br />
  393.                         NOGOODレーシングやその他の環状族の活動も、時間が経つにつれてその攻撃性は少なくなり、現在では以前ほど警察との対立も見られなくなりました。<br />
  394.                         多くのレーサーがサーキットへと移行し、今日でも環状族の文化は一部で生き続けていますが、その形は変化してきています​​。<br />
  395.                         このように、NOGOODレーシングと環状族の文化は、日本のストリートレースシーンにおける独特の位置を占めています。<br />
  396.                         彼らの活動は、法律の範囲内で、かつ安全に楽しむべきものであり、公道での危険なレースは推薦していません。
  397.                       </p>
  398.                       <button class="button"></button>
  399.                       <style>
  400.                         .hidden-view {
  401.                           display: none;
  402.                           margin-top: 1.5625vw;
  403.                           font-size: 1.4rem;
  404.                           color: #d4d4d4;
  405.                           line-height: 1.75;
  406.                         }
  407.                         .hidden-view.open {
  408.                           display: block;
  409.                         }
  410.                         .button {
  411.                           padding: 0.5em;
  412.                           font-size: 1.4em;
  413.                           color: #fff;
  414.                           border: none;
  415.                           width: fit-content;
  416.                           margin: 0 1em 0 auto;
  417.                           display: block;
  418.                         }
  419.                         .button::before {
  420.                           content: '+ more';
  421.                         }
  422.                         .hidden-view.open + .button::before {
  423.                           content: '× CLOSE';
  424.                         }
  425.                       </style>
  426.                       <script>
  427.                         document.querySelectorAll('.button').forEach(function (button) {
  428.                           button.addEventListener('click', function () {
  429.                             document.querySelectorAll('.hidden-view').forEach(function (view) {
  430.                               view.classList.toggle('open');
  431.                             });
  432.                           });
  433.                         });
  434.                       </script>
  435.                     </div>
  437.                     <div class="top-partners__slide splide js-topPartnersSlider" role="group" aria-label="PARTNERS">
  438.                       <div class="splide__track">
  439.                         <ul class="top-partners__list splide__list">
  440.                           <li class="top-partners__item splide__slide">
  441.                             <a class="top-partners__company-link" href="https://nogood-racing.shop/products/list?category_id=1" target="_blank" rel="noreferrer">
  442.                               <div class="top-partners__company">
  443.                                 <div class="_visual">
  444.                                   <picture>
  445.                                     <img src="https://nogood-racing.shop/html/upload/save_image/0804012120_66ae5900b63fb.jpg" alt="" width="540" height="660" decoding="async" loading="lazy" />
  446.                                   </picture>
  447.                                 </div>
  448.                                 <p class="_name">APPAREL</p>
  449.                                 <p class="_representative">
  450.                                   <span>アパレル</span>
  451.                                 </p>
  452.                               </div>
  453.                             </a>
  454.                           </li>
  455.                           <li class="top-partners__item splide__slide">
  456.                             <a class="top-partners__company-link" href="https://nogood-racing.shop/products/list?category_id=2" target="_blank" rel="noreferrer">
  457.                               <div class="top-partners__company">
  458.                                 <div class="_visual">
  459.                                   <picture>
  460.                                     <img src="https://nogood-racing.shop/html/user_data/assets/img/top/cat_link_sticker.jpg" alt="" width="540" height="660" decoding="async" loading="lazy" />
  461.                                   </picture>
  462.                                 </div>
  463.                                 <p class="_name">STICKER</p>
  464.                                 <p class="_representative">
  465.                                   <span>ステッカー</span>
  466.                                 </p>
  467.                               </div>
  468.                             </a>
  469.                           </li>
  470.                           <li class="top-partners__item splide__slide">
  471.                             <a class="top-partners__company-link" href="https://nogood-racing.shop/products/list?category_id=5" target="_blank" rel="noreferrer">
  472.                               <div class="top-partners__company">
  473.                                 <div class="_visual">
  474.                                   <picture>
  475.                                     <img src="https://nogood-racing.shop/html/user_data/assets/img/top/cat_link_caritems.jpg" alt="" width="540" height="660" decoding="async" loading="lazy" />
  476.                                   </picture>
  477.                                 </div>
  478.                                 <p class="_name">CAR ITEMS</p>
  479.                                 <p class="_representative">
  480.                                   <span>カー用品</span>
  481.                                 </p>
  482.                               </div>
  483.                             </a>
  484.                           </li>
  487.                         </ul>
  488.                       </div>
  489.                     </div>
  490.                   </section>
  492.                   <div class="top-partners__footer">
  493.                     <a class="c-link is-white" href="/products/list" target="_self" rel="">
  494.                       <span class="c-link__text">View Products</span>
  495.                       <span class="c-link__internalIcon">
  496.                         <svg width="17" height="12" viewBox="0 0 17 12" aria-hidden="true">
  497.                           <path fill-rule="evenodd" d="M0.0,5.0 L16.0,5.0 L16.0,7.0 L0.0,7.0 L0.0,5.0 Z" />
  498.                           <path fill-rule="evenodd" d="M11.0,0.343 L16.656,6.0 L15.242,7.413 L9.585,1.756 L11.0,0.343 Z" />
  499.                           <path fill-rule="evenodd" d="M16.656,6.0 L11.0,11.656 L9.585,10.242 L15.242,4.585 L16.656,6.0 Z" />
  500.                         </svg>
  501.                         <svg width="17" height="12" viewBox="0 0 17 12" aria-hidden="true">
  502.                           <path fill-rule="evenodd" d="M0.0,5.0 L16.0,5.0 L16.0,7.0 L0.0,7.0 L0.0,5.0 Z" />
  503.                           <path fill-rule="evenodd" d="M11.0,0.343 L16.656,6.0 L15.242,7.413 L9.585,1.756 L11.0,0.343 Z" />
  504.                           <path fill-rule="evenodd" d="M16.656,6.0 L11.0,11.656 L9.585,10.242 L15.242,4.585 L16.656,6.0 Z" />
  505.                         </svg>
  506.                       </span>
  507.                     </a>
  508.                   </div>
  509.                 </div>
  510.               </section>
  511.             </div>
  513.             <div class="top__investees-insights">
  514.               <section class="top-insights">
  515.                 <div class="top-insights__header">
  516.                   <h2 class="top-section-heading u-pc js-revealInView" data-root-margin="-15% 0%">
  517.                     <span class="top-section-heading__text">PRODUCTS</span>
  518.                   </h2>
  519.                   <h2 class="top-section-heading u-sp js-revealInView" data-root-margin="-15% 0%">
  520.                     <span class="top-section-heading__text">PRODUCTS</span>
  521.                   </h2>
  522.                 </div>
  524.                 <div class="top-insights__slide splide js-topInvesteesInsightsSlider" role="group" aria-label="INVESTEE’S INSIGHTS">
  525.                   <div class="splide__track">
  526.                     <ul class="top-insights__list splide__list">
  527.                       <li class="top-insights__item splide__slide js-topInvesteesInsightsItem is-current">
  528.                         <div class="top-insight-card js-topInvesteesInsightCard0">
  529.                           <div class="top-insight-card__texts">
  530.                             <section class="top-insight-card__investee">
  531.                               <h3 class="top-insight-card__name-en">
  532.                                 <a class="_link js-topInvesteesInsightsLink" href="https://nogood-racing.shop/products/detail/30" target="_self" rel="">
  533.                                   <span class="_name">NOGOOD RACING ステッカー（赤）<br /></span>
  535.                                   <span class="_iconWrapper">
  536.                                     <span class="_icon">
  537.                                       <svg width="67" height="75" viewBox="0 0 67 75" aria-hidden="true">
  538.                                         <path fill-rule="evenodd" fill="rgb(255, 255, 255)" d="M-0.003,34.088 L59.632,34.088 L59.632,41.541 L-0.003,41.541 L-0.003,34.088 Z" />
  539.                                         <path fill-rule="evenodd" fill="rgb(255, 255, 255)" d="M29.814,0.917 L66.711,37.814 L61.440,43.085 L24.543,6.188 L29.814,0.917 Z" />
  540.                                         <path fill-rule="evenodd" fill="rgb(255, 255, 255)" d="M66.711,37.814 L29.814,74.711 L24.543,69.440 L61.440,32.543 L66.711,37.814 Z" />
  541.                                       </svg>
  542.                                       <svg width="67" height="75" viewBox="0 0 67 75" aria-hidden="true">
  543.                                         <path fill-rule="evenodd" fill="rgb(255, 255, 255)" d="M-0.003,34.088 L59.632,34.088 L59.632,41.541 L-0.003,41.541 L-0.003,34.088 Z" />
  544.                                         <path fill-rule="evenodd" fill="rgb(255, 255, 255)" d="M29.814,0.917 L66.711,37.814 L61.440,43.085 L24.543,6.188 L29.814,0.917 Z" />
  545.                                         <path fill-rule="evenodd" fill="rgb(255, 255, 255)" d="M66.711,37.814 L29.814,74.711 L24.543,69.440 L61.440,32.543 L66.711,37.814 Z" />
  546.                                       </svg>
  547.                                     </span>
  548.                                   </span>
  549.                                 </a>
  550.                               </h3>
  551.                               <p class="top-insight-card__profile"><span class="_name">ステッカー</span> ｜ STICKER</p>
  552.                               <p class="top-insight-card__message">
  553.                                 NOGOODのロゴのステッカーです。<br>こちらのデザインは赤・青の2色展開となっています。<br>サイズ：長さ × 幅 = 320mm × 138mm
  554.                               </p>
  555.                             </section>
  556.                           </div>
  557.                           <div class="top-insight-card__visual">
  558.                             <img src="https://nogood-racing.shop/html/user_data/assets/img/top/cat_link_sticker.jpg" width="1200" height="1440" alt="" decoding="async" loading="lazy" />
  559.                           </div>
  560.                         </div>
  561.                       </li>
  562.                       <li class="top-insights__item splide__slide js-topInvesteesInsightsItem">
  563.                       {#<li class="top-insights__item splide__slide js-topInvesteesInsightsItem is-current">#}
  564.                         <div class="top-insight-card js-topInvesteesInsightCard0">
  565.                           <div class="top-insight-card__texts">
  566.                             <section class="top-insight-card__investee">
  567.                               <h3 class="top-insight-card__name-en">
  568.                                 <a class="_link js-topInvesteesInsightsLink" href="https://nogood-racing.shop/products/detail/12" target="_self" rel="">
  569.                                   <span class="_name">NOGOOD RACING ステッカー（青）<br /></span>
  571.                                   <span class="_iconWrapper">
  572.                                     <span class="_icon">
  573.                                       <svg width="67" height="75" viewBox="0 0 67 75" aria-hidden="true">
  574.                                         <path fill-rule="evenodd" fill="rgb(255, 255, 255)" d="M-0.003,34.088 L59.632,34.088 L59.632,41.541 L-0.003,41.541 L-0.003,34.088 Z" />
  575.                                         <path fill-rule="evenodd" fill="rgb(255, 255, 255)" d="M29.814,0.917 L66.711,37.814 L61.440,43.085 L24.543,6.188 L29.814,0.917 Z" />
  576.                                         <path fill-rule="evenodd" fill="rgb(255, 255, 255)" d="M66.711,37.814 L29.814,74.711 L24.543,69.440 L61.440,32.543 L66.711,37.814 Z" />
  577.                                       </svg>
  578.                                       <svg width="67" height="75" viewBox="0 0 67 75" aria-hidden="true">
  579.                                         <path fill-rule="evenodd" fill="rgb(255, 255, 255)" d="M-0.003,34.088 L59.632,34.088 L59.632,41.541 L-0.003,41.541 L-0.003,34.088 Z" />
  580.                                         <path fill-rule="evenodd" fill="rgb(255, 255, 255)" d="M29.814,0.917 L66.711,37.814 L61.440,43.085 L24.543,6.188 L29.814,0.917 Z" />
  581.                                         <path fill-rule="evenodd" fill="rgb(255, 255, 255)" d="M66.711,37.814 L29.814,74.711 L24.543,69.440 L61.440,32.543 L66.711,37.814 Z" />
  582.                                       </svg>
  583.                                     </span>
  584.                                   </span>
  585.                                 </a>
  586.                               </h3>
  587.                               <p class="top-insight-card__profile"><span class="_name">ステッカー</span> ｜ STICKER</p>
  588.                               <p class="top-insight-card__message">
  589.                                 NOGOODのロゴのステッカーです。<br>こちらのデザインは赤・青の2色展開となっています。<br>サイズ：長さ × 幅 = 320mm × 138mm
  590.                               </p>
  591.                             </section>
  592.                           </div>
  593.                           <div class="top-insight-card__visual">
  594.                             <img src="/html/upload/save_image/0817234353_66c0b72904855.jpg" width="1200" height="1440" alt="" decoding="async" loading="lazy" />
  595.                           </div>
  596.                         </div>
  597.                       </li>
  598.                       <li class="top-insights__item splide__slide js-topInvesteesInsightsItem">
  599.                         <div class="top-insight-card js-topInvesteesInsightCard0">
  600.                           <div class="top-insight-card__texts">
  601.                             <section class="top-insight-card__investee">
  602.                               <h3 class="top-insight-card__name-en">
  603.                                 <a class="_link js-topInvesteesInsightsLink" href="https://nogood-racing.shop/products/detail/5" target="_self" rel="">
  604.                                   <span class="_name">NOGOODステッカー丸（赤）<br /></span>
  606.                                   <span class="_iconWrapper">
  607.                                     <span class="_icon">
  608.                                       <svg width="67" height="75" viewBox="0 0 67 75" aria-hidden="true">
  609.                                         <path fill-rule="evenodd" fill="rgb(255, 255, 255)" d="M-0.003,34.088 L59.632,34.088 L59.632,41.541 L-0.003,41.541 L-0.003,34.088 Z" />
  610.                                         <path fill-rule="evenodd" fill="rgb(255, 255, 255)" d="M29.814,0.917 L66.711,37.814 L61.440,43.085 L24.543,6.188 L29.814,0.917 Z" />
  611.                                         <path fill-rule="evenodd" fill="rgb(255, 255, 255)" d="M66.711,37.814 L29.814,74.711 L24.543,69.440 L61.440,32.543 L66.711,37.814 Z" />
  612.                                       </svg>
  613.                                       <svg width="67" height="75" viewBox="0 0 67 75" aria-hidden="true">
  614.                                         <path fill-rule="evenodd" fill="rgb(255, 255, 255)" d="M-0.003,34.088 L59.632,34.088 L59.632,41.541 L-0.003,41.541 L-0.003,34.088 Z" />
  615.                                         <path fill-rule="evenodd" fill="rgb(255, 255, 255)" d="M29.814,0.917 L66.711,37.814 L61.440,43.085 L24.543,6.188 L29.814,0.917 Z" />
  616.                                         <path fill-rule="evenodd" fill="rgb(255, 255, 255)" d="M66.711,37.814 L29.814,74.711 L24.543,69.440 L61.440,32.543 L66.711,37.814 Z" />
  617.                                       </svg>
  618.                                     </span>
  619.                                   </span>
  620.                                 </a>
  621.                               </h3>
  622.                               <p class="top-insight-card__profile"><span class="_name">ステッカー</span> ｜ STICKER</p>
  623.                               <p class="top-insight-card__message">
  624.                                 NOGOODのロゴの丸型ステッカーです。<br>こちらのデザインは赤・黒の2色展開となっています。<br>サイズ：直径 200mm
  625.                               </p>
  626.                             </section>
  627.                           </div>
  628.                           <div class="top-insight-card__visual">
  629.                             <img src="/html/upload/save_image/0804171314_66af381a11f35.jpg" width="1200" height="1440" alt="" decoding="async" loading="lazy" />
  630.                           </div>
  631.                         </div>
  632.                       </li>
  633.                       <li class="top-insights__item splide__slide js-topInvesteesInsightsItem">
  634.                         <div class="top-insight-card js-topInvesteesInsightCard0">
  635.                           <div class="top-insight-card__texts">
  636.                             <section class="top-insight-card__investee">
  637.                               <h3 class="top-insight-card__name-en">
  638.                                 <a class="_link js-topInvesteesInsightsLink" href="https://nogood-racing.shop/products/detail/14" target="_self" rel="">
  639.                                   <span class="_name">NOGOODステッカー丸（黒）<br /></span>
  641.                                   <span class="_iconWrapper">
  642.                                     <span class="_icon">
  643.                                       <svg width="67" height="75" viewBox="0 0 67 75" aria-hidden="true">
  644.                                         <path fill-rule="evenodd" fill="rgb(255, 255, 255)" d="M-0.003,34.088 L59.632,34.088 L59.632,41.541 L-0.003,41.541 L-0.003,34.088 Z" />
  645.                                         <path fill-rule="evenodd" fill="rgb(255, 255, 255)" d="M29.814,0.917 L66.711,37.814 L61.440,43.085 L24.543,6.188 L29.814,0.917 Z" />
  646.                                         <path fill-rule="evenodd" fill="rgb(255, 255, 255)" d="M66.711,37.814 L29.814,74.711 L24.543,69.440 L61.440,32.543 L66.711,37.814 Z" />
  647.                                       </svg>
  648.                                       <svg width="67" height="75" viewBox="0 0 67 75" aria-hidden="true">
  649.                                         <path fill-rule="evenodd" fill="rgb(255, 255, 255)" d="M-0.003,34.088 L59.632,34.088 L59.632,41.541 L-0.003,41.541 L-0.003,34.088 Z" />
  650.                                         <path fill-rule="evenodd" fill="rgb(255, 255, 255)" d="M29.814,0.917 L66.711,37.814 L61.440,43.085 L24.543,6.188 L29.814,0.917 Z" />
  651.                                         <path fill-rule="evenodd" fill="rgb(255, 255, 255)" d="M66.711,37.814 L29.814,74.711 L24.543,69.440 L61.440,32.543 L66.711,37.814 Z" />
  652.                                       </svg>
  653.                                     </span>
  654.                                   </span>
  655.                                 </a>
  656.                               </h3>
  657.                               <p class="top-insight-card__profile"><span class="_name">ステッカー</span> ｜ STICKER</p>
  658.                               <p class="top-insight-card__message">
  659.                                 NOGOODのロゴの丸型ステッカーです。<br>こちらのデザインは赤・黒の2色展開となっています。<br>サイズ：直径 200mm
  660.                               </p>
  661.                             </section>
  662.                           </div>
  663.                           <div class="top-insight-card__visual">
  664.                             <img src="/html/upload/save_image/0817234817_66c0b8315d513.jpg" width="1200" height="1440" alt="" decoding="async" loading="lazy" />
  665.                           </div>
  666.                         </div>
  667.                       </li>
  669.                     </ul>
  670.                   </div>
  671.                 </div>
  673.                 <div class="top-insights__footer">
  674.                   <a class="c-link is-white" href="/products/list" target="_self" rel="">
  675.                     <span class="c-link__text">View More</span>
  676.                     <span class="c-link__internalIcon">
  677.                       <svg width="17" height="12" viewBox="0 0 17 12" aria-hidden="true">
  678.                         <path fill-rule="evenodd" d="M0.0,5.0 L16.0,5.0 L16.0,7.0 L0.0,7.0 L0.0,5.0 Z" />
  679.                         <path fill-rule="evenodd" d="M11.0,0.343 L16.656,6.0 L15.242,7.413 L9.585,1.756 L11.0,0.343 Z" />
  680.                         <path fill-rule="evenodd" d="M16.656,6.0 L11.0,11.656 L9.585,10.242 L15.242,4.585 L16.656,6.0 Z" />
  681.                       </svg>
  682.                       <svg width="17" height="12" viewBox="0 0 17 12" aria-hidden="true">
  683.                         <path fill-rule="evenodd" d="M0.0,5.0 L16.0,5.0 L16.0,7.0 L0.0,7.0 L0.0,5.0 Z" />
  684.                         <path fill-rule="evenodd" d="M11.0,0.343 L16.656,6.0 L15.242,7.413 L9.585,1.756 L11.0,0.343 Z" />
  685.                         <path fill-rule="evenodd" d="M16.656,6.0 L11.0,11.656 L9.585,10.242 L15.242,4.585 L16.656,6.0 Z" />
  686.                       </svg>
  687.                     </span>
  688.                   </a>
  689.                 </div>
  690.               </section>
  691.             </div>
  692.           </div>
  694.           <div class="top__about-us js-sectionParallax js-sectionUnderHeader" data-section-color="light">
  695.             <section class="top-about-us" id="about">
  696.               <div class="top-about-us__body">
  697.                 <h2 class="top-section-heading u-pc js-revealInView is-dark" data-root-margin="-15% 0%">
  698.                   <span class="top-section-heading__text">ABOUT US</span>
  699.                 </h2>
  700.                 <h2 class="top-section-heading u-sp is-visible is-dark" data-root-margin="-15% 0%">
  701.                   <span class="top-section-heading__text">ABOUT US</span>
  702.                 </h2>
  703.                 <section class="top-about-us__content">
  704.                   <div class="top-about-introduction">
  705.                     <h3 class="top-about-introduction__title">
  706.                       NOGOOD Racing<br />1985年に生まれ大阪を拠点にする<br class="u-pc" />ストリートレーシングチーム<br class="u-pc" />の一つです。
  707.                     </h3>
  708.                     <p class="top-about-introduction__description">
  709.                       阪神高速1号環状線を走る「環状族」「KANJO ZOKU」という名称で今や世界中に認知されており、 NOGOODレーシングはHONDA
  710.                       CIVICを主な車両として使用していることでも有名です。<br />
  711.                       <br />
  712.                       大阪だけでなく世界中に居てるNOGOOD FAMILYのみんなと交流できるアプリ開発中です。
  713.                     </p>
  714.                   </div>
  716.                   <div class="top-about-us__service">
  717.                     <div class="top-about-performance">
  718.                       <h4 class="top-about-performance__title">PERFORMANCE</h4>
  719.                       <br>
  720.                       <div class="top-about-performance__list">
  721.                         <img src="/html/user_data/assets/img/top/fv_06.png" width="" height="" alt="" decoding="async" loading="eager" style="width: 100%; height: auto; aspect-ratio: 2/1" />
  722.                       </div>
  724.                       <!-- <p>
  725.                         <small class="top-about-performance__note">※2023年12月20日時点<br />*テキスト テキスト notice notice</small>
  726.                       </p> -->
  727.                     </div>
  729.                     <div class="top-about-cases">
  730.                       <ul class="top-about-cases__list">
  731.                         <li class="top-about-cases__item">
  732.                           <section class="top-about-case">
  733.                             <h4 class="top-about-case__title">PRODUCT_01</h4>
  735.                             <p class="top-about-case__description">アパレル</p>
  736.                           </section>
  737.                         </li>
  738.                         <li class="top-about-cases__item">
  739.                           <section class="top-about-case">
  740.                             <h4 class="top-about-case__title">PRODUCT_02</h4>
  742.                             <p class="top-about-case__description">ステッカー</p>
  743.                           </section>
  744.                         </li>
  745.                         <li class="top-about-cases__item">
  746.                           <section class="top-about-case">
  747.                             <h4 class="top-about-case__title">PRODUCT_03</h4>
  749.                             <p class="top-about-case__description">カー用品</p>
  750.                           </section>
  751.                         </li>
  752.                       </ul>
  754.                       <!-- <p class="top-about-cases__more">and more</p> -->
  755.                     </div>
  756.                   </div>
  757.                 </section>
  759.                 <div class="top-about-us__more" style="margin-top: 0">
  760.                   <a class="c-link" href="/products/list/" target="_self" rel="">
  761.                     <span class="c-link__text">View More</span>
  762.                     <span class="c-link__internalIcon">
  763.                       <svg width="17" height="12" viewBox="0 0 17 12" aria-hidden="true">
  764.                         <path fill-rule="evenodd" d="M0.0,5.0 L16.0,5.0 L16.0,7.0 L0.0,7.0 L0.0,5.0 Z" />
  765.                         <path fill-rule="evenodd" d="M11.0,0.343 L16.656,6.0 L15.242,7.413 L9.585,1.756 L11.0,0.343 Z" />
  766.                         <path fill-rule="evenodd" d="M16.656,6.0 L11.0,11.656 L9.585,10.242 L15.242,4.585 L16.656,6.0 Z" />
  767.                       </svg>
  768.                       <svg width="17" height="12" viewBox="0 0 17 12" aria-hidden="true">
  769.                         <path fill-rule="evenodd" d="M0.0,5.0 L16.0,5.0 L16.0,7.0 L0.0,7.0 L0.0,5.0 Z" />
  770.                         <path fill-rule="evenodd" d="M11.0,0.343 L16.656,6.0 L15.242,7.413 L9.585,1.756 L11.0,0.343 Z" />
  771.                         <path fill-rule="evenodd" d="M16.656,6.0 L11.0,11.656 L9.585,10.242 L15.242,4.585 L16.656,6.0 Z" />
  772.                       </svg>
  773.                     </span>
  774.                   </a>
  775.                 </div>
  776.               </div>
  777.             </section>
  778.           </div>
  780.           <div class="top__portfolio js-sectionParallax js-sectionUnderHeader" data-section-color="dark">
  781.             <section class="top-portfolio">
  782.               <div class="top-portfolio__header">
  783.                 <h2 class="top-section-heading js-revealInView" data-root-margin="-15% 0%">
  784.                   <span class="top-section-heading__text">TEAMS</span>
  785.                 </h2>
  786.               </div>
  788.               <ul class="top-portfolio__list">
  789.                 <li class="top-portfolio__item">
  790.                   <a href="#" class="top-portfolio__item-link" target="_self" rel="">
  791.                     <span class="top-portfolio__item-link-inner">
  792.                       <span class="top-portfolio__item-company">Root6</span>
  793.                     </span>
  794.                   </a>
  795.                 </li>
  796.                 <li class="top-portfolio__item">
  797.                   <a href="#" class="top-portfolio__item-link" target="_self" rel="">
  798.                     <span class="top-portfolio__item-link-inner">
  799.                       <span class="top-portfolio__item-company">Team OSAKA EZ-6</span>
  800.                     </span>
  801.                   </a>
  802.                 </li>
  803.                 <li class="top-portfolio__item">
  804.                   <a href="#" class="top-portfolio__item-link" target="_self" rel="">
  805.                     <span class="top-portfolio__item-link-inner">
  806.                       <span class="top-portfolio__item-company">Team TOKYO EK-9</span>
  807.                     </span>
  808.                   </a>
  809.                 </li>
  810.                 <li class="top-portfolio__item">
  811.                   <a href="#" class="top-portfolio__item-link" target="_self" rel="">
  812.                     <span class="top-portfolio__item-link-inner">
  813.                       <span class="top-portfolio__item-company">MUGENxCIVIC</span>
  814.                     </span>
  815.                   </a>
  816.                 </li>
  817.                 <li class="top-portfolio__item">
  818.                   <a href="#" class="top-portfolio__item-link" target="_self" rel="">
  819.                     <span class="top-portfolio__item-link-inner">
  820.                       <span class="top-portfolio__item-company">Root6</span>
  821.                     </span>
  822.                   </a>
  823.                 </li>
  824.                 <li class="top-portfolio__item">
  825.                   <a href="#" class="top-portfolio__item-link" target="_self" rel="">
  826.                     <span class="top-portfolio__item-link-inner">
  827.                       <span class="top-portfolio__item-company">Team OSAKA EZ-6</span>
  828.                     </span>
  829.                   </a>
  830.                 </li>
  831.                 <li class="top-portfolio__item">
  832.                   <a href="#" class="top-portfolio__item-link" target="_self" rel="">
  833.                     <span class="top-portfolio__item-link-inner">
  834.                       <span class="top-portfolio__item-company">Team TOKYO EK-9</span>
  835.                     </span>
  836.                   </a>
  837.                 </li>
  838.                 <li class="top-portfolio__item">
  839.                   <a href="#" class="top-portfolio__item-link" target="_self" rel="">
  840.                     <span class="top-portfolio__item-link-inner">
  841.                       <span class="top-portfolio__item-company">MUGENxCIVIC</span>
  842.                     </span>
  843.                   </a>
  844.                 </li>
  845.                 <li class="top-portfolio__item">
  846.                   <a href="#" class="top-portfolio__item-link" target="_self" rel="">
  847.                     <span class="top-portfolio__item-link-inner">
  848.                       <span class="top-portfolio__item-company">Root6</span>
  849.                     </span>
  850.                   </a>
  851.                 </li>
  852.                 <li class="top-portfolio__item">
  853.                   <a href="#" class="top-portfolio__item-link" target="_self" rel="">
  854.                     <span class="top-portfolio__item-link-inner">
  855.                       <span class="top-portfolio__item-company">Team OSAKA EZ-6</span>
  856.                     </span>
  857.                   </a>
  858.                 </li>
  859.                 <li class="top-portfolio__item">
  860.                   <a href="#" class="top-portfolio__item-link" target="_self" rel="">
  861.                     <span class="top-portfolio__item-link-inner">
  862.                       <span class="top-portfolio__item-company">Team TOKYO EK-9</span>
  863.                     </span>
  864.                   </a>
  865.                 </li>
  866.                 <li class="top-portfolio__item">
  867.                   <a href="#" class="top-portfolio__item-link" target="_self" rel="">
  868.                     <span class="top-portfolio__item-link-inner">
  869.                       <span class="top-portfolio__item-company">MUGENxCIVIC</span>
  870.                     </span>
  871.                   </a>
  872.                 </li>
  873.                 <li class="top-portfolio__item">
  874.                   <a href="#" class="top-portfolio__item-link" target="_self" rel="">
  875.                     <span class="top-portfolio__item-link-inner">
  876.                       <span class="top-portfolio__item-company">Root6</span>
  877.                     </span>
  878.                   </a>
  879.                 </li>
  880.                 <li class="top-portfolio__item">
  881.                   <a href="#" class="top-portfolio__item-link" target="_self" rel="">
  882.                     <span class="top-portfolio__item-link-inner">
  883.                       <span class="top-portfolio__item-company">Team OSAKA EZ-6</span>
  884.                     </span>
  885.                   </a>
  886.                 </li>
  887.                 <li class="top-portfolio__item">
  888.                   <a href="#" class="top-portfolio__item-link" target="_self" rel="">
  889.                     <span class="top-portfolio__item-link-inner">
  890.                       <span class="top-portfolio__item-company">Team TOKYO EK-9</span>
  891.                     </span>
  892.                   </a>
  893.                 </li>
  894.                 <li class="top-portfolio__item">
  895.                   <a href="#" class="top-portfolio__item-link" target="_self" rel="">
  896.                     <span class="top-portfolio__item-link-inner">
  897.                       <span class="top-portfolio__item-company">MUGENxCIVIC</span>
  898.                     </span>
  899.                   </a>
  900.                 </li>
  901.                 <li class="top-portfolio__item">
  902.                   <a href="#" class="top-portfolio__item-link" target="_self" rel="">
  903.                     <span class="top-portfolio__item-link-inner">
  904.                       <span class="top-portfolio__item-company">Root6</span>
  905.                     </span>
  906.                   </a>
  907.                 </li>
  908.                 <li class="top-portfolio__item">
  909.                   <a href="#" class="top-portfolio__item-link" target="_self" rel="">
  910.                     <span class="top-portfolio__item-link-inner">
  911.                       <span class="top-portfolio__item-company">Team OSAKA EZ-6</span>
  912.                     </span>
  913.                   </a>
  914.                 </li>
  915.               </ul>
  917.               <div class="top-portfolio__link">
  918.                 <a class="c-link is-white" href="#" target="_self" rel="">
  919.                   <span class="c-link__text">View More</span>
  920.                   <span class="c-link__internalIcon">
  921.                     <svg width="17" height="12" viewBox="0 0 17 12" aria-hidden="true">
  922.                       <path fill-rule="evenodd" d="M0.0,5.0 L16.0,5.0 L16.0,7.0 L0.0,7.0 L0.0,5.0 Z" />
  923.                       <path fill-rule="evenodd" d="M11.0,0.343 L16.656,6.0 L15.242,7.413 L9.585,1.756 L11.0,0.343 Z" />
  924.                       <path fill-rule="evenodd" d="M16.656,6.0 L11.0,11.656 L9.585,10.242 L15.242,4.585 L16.656,6.0 Z" />
  925.                     </svg>
  926.                     <svg width="17" height="12" viewBox="0 0 17 12" aria-hidden="true">
  927.                       <path fill-rule="evenodd" d="M0.0,5.0 L16.0,5.0 L16.0,7.0 L0.0,7.0 L0.0,5.0 Z" />
  928.                       <path fill-rule="evenodd" d="M11.0,0.343 L16.656,6.0 L15.242,7.413 L9.585,1.756 L11.0,0.343 Z" />
  929.                       <path fill-rule="evenodd" d="M16.656,6.0 L11.0,11.656 L9.585,10.242 L15.242,4.585 L16.656,6.0 Z" />
  930.                     </svg>
  931.                   </span>
  932.                 </a>
  933.               </div>
  934.             </section>
  935.           </div>
  937.           <div class="top__note js-sectionParallax js-sectionUnderHeader" data-section-color="light">
  938.             <section class="top-note">
  939.               <header class="top-note__header">
  940.                 <div>
  941.                   <h2 class="top-section-heading u-pc js-revealInView is-dark" data-root-margin="-15% 0%">
  942.                     <span class="top-section-heading__text">ITEMS</span>
  943.                   </h2>
  944.                   <h2 class="top-section-heading u-sp js-revealInView is-dark" data-root-margin="-15% 0%">
  945.                     <span class="top-section-heading__text">ITEMS</span>
  946.                   </h2>
  947.                   <p class="top-note__description">Please see our product below. You can then head to our agent website to view stock and purchase [ <a href="#">HERE</a> ]</p>
  948.                 </div>
  949.               </header>
  951.               <ul class="top-note__list">
  952.                 <li class="top-note__item">
  953.                   <a class="top-note__link" href="#" target="_blank" rel="noreferrer">
  954.                     <div class="top-note__itemImage js-topNoteItemImage">
  955.                       <img src="assets/img/top/prd_01.webp" width="320" height="168" alt="" decoding="async" loading="lazy" />
  956.                     </div>
  957.                     <div class="top-note__itemText">
  958.                       <p class="top-note__itemTitle">'HOTTO GENERATION' Artwork Hoodie by Roughsmoke V2</p>
  959.                       <div class="top-note__itemBottom">
  960.                         <time class="top-note__itemDate js-topNoteItemDate" datetime=""></time>
  961.                         <span class="top-note__itemIcon">
  962.                           <svg width="11" height="10" viewBox="0 0 11 10" fill="none" role="img" aria-label="外部リンク">
  963.                             <path
  964.                               fill-rule="evenodd"
  965.                               clip-rule="evenodd"
  966.                               d="M7.24717 3.71577H0.809524V8.68856H7.24717V3.71577ZM0 2.90625V9.49809H8.05669V2.90625H0Z"
  967.                               fill="white"
  968.                             />
  969.                             <path fill-rule="evenodd" clip-rule="evenodd" d="M9.56012 1.40474H4.10547V0.595215H10.3696V6.85939H9.56012V1.40474Z" fill="white" />
  970.                           </svg>
  971.                         </span>
  972.                       </div>
  973.                     </div>
  974.                   </a>
  975.                 </li>
  976.                 <li class="top-note__item">
  977.                   <a class="top-note__link" href="#" target="_blank" rel="noreferrer">
  978.                     <div class="top-note__itemImage js-topNoteItemImage">
  979.                       <img src="assets/img/top/prd_02.webp" width="320" height="168" alt="" decoding="async" loading="lazy" />
  980.                     </div>
  981.                     <div class="top-note__itemText">
  982.                       <p class="top-note__itemTitle">'HOTTO GENERATION' Artwork Hoodie by Roughsmoke V2</p>
  983.                       <div class="top-note__itemBottom">
  984.                         <time class="top-note__itemDate js-topNoteItemDate" datetime=""></time>
  985.                         <span class="top-note__itemIcon">
  986.                           <svg width="11" height="10" viewBox="0 0 11 10" fill="none" role="img" aria-label="外部リンク">
  987.                             <path
  988.                               fill-rule="evenodd"
  989.                               clip-rule="evenodd"
  990.                               d="M7.24717 3.71577H0.809524V8.68856H7.24717V3.71577ZM0 2.90625V9.49809H8.05669V2.90625H0Z"
  991.                               fill="white"
  992.                             />
  993.                             <path fill-rule="evenodd" clip-rule="evenodd" d="M9.56012 1.40474H4.10547V0.595215H10.3696V6.85939H9.56012V1.40474Z" fill="white" />
  994.                           </svg>
  995.                         </span>
  996.                       </div>
  997.                     </div>
  998.                   </a>
  999.                 </li>
  1000.                 <li class="top-note__item">
  1001.                   <a class="top-note__link" href="#" target="_blank" rel="noreferrer">
  1002.                     <div class="top-note__itemImage js-topNoteItemImage">
  1003.                       <img src="assets/img/top/prd_03.webp" width="320" height="168" alt="" decoding="async" loading="lazy" />
  1004.                     </div>
  1005.                     <div class="top-note__itemText">
  1006.                       <p class="top-note__itemTitle">'HOTTO GENERATION' Artwork Hoodie by Roughsmoke V2</p>
  1007.                       <div class="top-note__itemBottom">
  1008.                         <time class="top-note__itemDate js-topNoteItemDate" datetime=""></time>
  1009.                         <span class="top-note__itemIcon">
  1010.                           <svg width="11" height="10" viewBox="0 0 11 10" fill="none" role="img" aria-label="外部リンク">
  1011.                             <path
  1012.                               fill-rule="evenodd"
  1013.                               clip-rule="evenodd"
  1014.                               d="M7.24717 3.71577H0.809524V8.68856H7.24717V3.71577ZM0 2.90625V9.49809H8.05669V2.90625H0Z"
  1015.                               fill="white"
  1016.                             />
  1017.                             <path fill-rule="evenodd" clip-rule="evenodd" d="M9.56012 1.40474H4.10547V0.595215H10.3696V6.85939H9.56012V1.40474Z" fill="white" />
  1018.                           </svg>
  1019.                         </span>
  1020.                       </div>
  1021.                     </div>
  1022.                   </a>
  1023.                 </li>
  1024.                 <li class="top-note__item">
  1025.                   <a class="top-note__link" href="#" target="_blank" rel="noreferrer">
  1026.                     <div class="top-note__itemImage js-topNoteItemImage">
  1027.                       <img src="assets/img/top/prd_04.webp" width="320" height="168" alt="" decoding="async" loading="lazy" />
  1028.                     </div>
  1029.                     <div class="top-note__itemText">
  1030.                       <p class="top-note__itemTitle">'HOTTO GENERATION' Artwork Hoodie by Roughsmoke V2</p>
  1031.                       <div class="top-note__itemBottom">
  1032.                         <time class="top-note__itemDate js-topNoteItemDate" datetime=""></time>
  1033.                         <span class="top-note__itemIcon">
  1034.                           <svg width="11" height="10" viewBox="0 0 11 10" fill="none" role="img" aria-label="外部リンク">
  1035.                             <path
  1036.                               fill-rule="evenodd"
  1037.                               clip-rule="evenodd"
  1038.                               d="M7.24717 3.71577H0.809524V8.68856H7.24717V3.71577ZM0 2.90625V9.49809H8.05669V2.90625H0Z"
  1039.                               fill="white"
  1040.                             />
  1041.                             <path fill-rule="evenodd" clip-rule="evenodd" d="M9.56012 1.40474H4.10547V0.595215H10.3696V6.85939H9.56012V1.40474Z" fill="white" />
  1042.                           </svg>
  1043.                         </span>
  1044.                       </div>
  1045.                     </div>
  1046.                   </a>
  1047.                 </li>
  1048.               </ul>
  1050.               <div class="top-note__moreButton">
  1051.                 <a class="c-link is-external" href="https://nogood-racing.shop/" target="_blank" rel="noreferrer">
  1052.                   <span class="c-link__text">View More</span>
  1053.                   <span class="c-link__externalIcon">
  1054.                     <svg width="11" height="10" viewBox="0 0 11 10" fill="none" role="img" aria-label="外部リンク">
  1055.                       <path fill-rule="evenodd" clip-rule="evenodd" d="M7.24717 3.71577H0.809524V8.68856H7.24717V3.71577ZM0 2.90625V9.49809H8.05669V2.90625H0Z" fill="white" />
  1056.                       <path fill-rule="evenodd" clip-rule="evenodd" d="M9.56012 1.40474H4.10547V0.595215H10.3696V6.85939H9.56012V1.40474Z" fill="white" />
  1057.                     </svg>
  1058.                   </span>
  1059.                 </a>
  1060.               </div>
  1061.             </section>
  1062.           </div>
  1064.           <div class="top__team js-sectionParallax js-sectionUnderHeader" data-section-color="dark">
  1065.             <section class="top-team">
  1066.               <div class="top-team__header">
  1067.                 <h2 class="top-section-heading js-revealInView" data-root-margin="-15% 0%">
  1068.                   <span class="top-section-heading__text">ITEMS</span>
  1069.                 </h2>
  1070.               </div>
  1072.               <ul class="top-team__list">
  1073.                 <li class="top-team__item">
  1074.                   <a href="https://nogood-racing.shop/products/detail/5" class="top-team__itemLink">
  1075.                     <div class="top-team__itemImage js-revealInView">
  1076.                       <img src="/html/upload/save_image/0804171314_66af381a11f35.jpg" width="285" height="360" alt="" decoding="async" loading="lazy" />
  1077.                     </div>
  1078.                     <span class="top-team__itemName">NOGOODステッカー丸（赤）</span>
  1079.                     <span class="top-team__itemPosition">STICKER</span>
  1080.                   </a>
  1081.                 </li>
  1082.                 <li class="top-team__item">
  1083.                   <a href="https://nogood-racing.shop/products/detail/14" class="top-team__itemLink">
  1084.                     <div class="top-team__itemImage js-revealInView">
  1085.                       <img src="/html/upload/save_image/0817234817_66c0b8315d513.jpg" width="285" height="360" alt="" decoding="async" loading="lazy" />
  1086.                     </div>
  1087.                     <span class="top-team__itemName">NOGOODステッカー丸（黒）</span>
  1088.                     <span class="top-team__itemPosition">STICKER</span>
  1089.                   </a>
  1090.                 </li>
  1091.                 <li class="top-team__item">
  1092.                   <a href="https://nogood-racing.shop/products/detail/30" class="top-team__itemLink">
  1093.                     <div class="top-team__itemImage js-revealInView">
  1094.                       <img src="https://nogood-racing.shop/html/user_data/assets/img/top/cat_link_sticker.jpg" width="285" height="360" alt="" decoding="async" loading="lazy" />
  1095.                     </div>
  1096.                     <span class="top-team__itemName">NOGOOD RACINGステッカー（赤）</span>
  1097.                     <span class="top-team__itemPosition">STICKER</span>
  1098.                   </a>
  1099.                 </li>
  1100.                 <li class="top-team__item">
  1101.                   <a href="https://nogood-racing.shop/products/detail/12" class="top-team__itemLink">
  1102.                     <div class="top-team__itemImage js-revealInView">
  1103.                       <img src="/html/upload/save_image/0817234353_66c0b72904855.jpg" width="285" height="360" alt="" decoding="async" loading="lazy" />
  1104.                     </div>
  1105.                     <span class="top-team__itemName">NOGOOD RACINGステッカー（青）</span>
  1106.                     <span class="top-team__itemPosition">STICKER</span>
  1107.                   </a>
  1108.                 </li>
  1109.                 <li class="top-team__item">
  1110.                   <a href="https://nogood-racing.shop/products/detail/7" class="top-team__itemLink">
  1111.                     <div class="top-team__itemImage js-revealInView">
  1112.                       <img src="/html/upload/save_image/0804005321_66ae527110890.jpg" width="285" height="360" alt="" decoding="async" loading="lazy" />
  1113.                     </div>
  1114.                     <span class="top-team__itemName">NOGOOD Tシャツ（指マーク）</span>
  1115.                     <span class="top-team__itemPosition">APPAREL</span>
  1116.                   </a>
  1117.                 </li>
  1118.                 <li class="top-team__item">
  1119.                   <a href="https://nogood-racing.shop/products/detail/9" class="top-team__itemLink">
  1120.                     <div class="top-team__itemImage js-revealInView">
  1121.                       <img src="https://nogood-racing.shop/html/upload/save_image/0804012120_66ae5900b63fb.jpg" width="285" height="360" alt="" decoding="async" loading="lazy" />
  1122.                     </div>
  1123.                     <span class="top-team__itemName">NOGOOD Tシャツ（英字）</span>
  1124.                     <span class="top-team__itemPosition">APPAREL</span>
  1125.                   </a>
  1126.                 </li>
  1127.               </ul>
  1129.               <div class="top-team__link">
  1130.                 <a class="c-link is-white" href="#" target="_self" rel="">
  1131.                   <span class="c-link__text">View More</span>
  1132.                   <span class="c-link__internalIcon">
  1133.                     <svg width="17" height="12" viewBox="0 0 17 12" aria-hidden="true">
  1134.                       <path fill-rule="evenodd" d="M0.0,5.0 L16.0,5.0 L16.0,7.0 L0.0,7.0 L0.0,5.0 Z" />
  1135.                       <path fill-rule="evenodd" d="M11.0,0.343 L16.656,6.0 L15.242,7.413 L9.585,1.756 L11.0,0.343 Z" />
  1136.                       <path fill-rule="evenodd" d="M16.656,6.0 L11.0,11.656 L9.585,10.242 L15.242,4.585 L16.656,6.0 Z" />
  1137.                     </svg>
  1138.                     <svg width="17" height="12" viewBox="0 0 17 12" aria-hidden="true">
  1139.                       <path fill-rule="evenodd" d="M0.0,5.0 L16.0,5.0 L16.0,7.0 L0.0,7.0 L0.0,5.0 Z" />
  1140.                       <path fill-rule="evenodd" d="M11.0,0.343 L16.656,6.0 L15.242,7.413 L9.585,1.756 L11.0,0.343 Z" />
  1141.                       <path fill-rule="evenodd" d="M16.656,6.0 L11.0,11.656 L9.585,10.242 L15.242,4.585 L16.656,6.0 Z" />
  1142.                     </svg>
  1143.                   </span>
  1144.                 </a>
  1145.               </div>
  1146.             </section>
  1147.           </div>
  1149.           <div class="top__openingCurtain js-topOpeningCurtain"></div>
  1150.         </div>
  1151.         <!-- contents end -->
  1152.       </div>
  1154.       <div class="l__footer">
  1155.         <div class="l__footer-contact js-sectionUnderHeader" data-section-color="light">
  1156.           <section class="c-contact">
  1157.             <div class="c-contact__text">
  1158.               <div class="c-contact__heading">
  1159.                 <h2 class="top-section-heading js-revealInView is-dark" data-root-margin="-15% 0%">
  1160.                   <span class="top-section-heading__text">CONTACT US</span>
  1161.                 </h2>
  1162.               </div>
  1163.               <p class="c-contact__catch">No Good ファンの皆様<br />まずはお気軽にご相談ください。</p>
  1164.               <!-- <p class="c-contact__lead">
  1165.                 テキストテキストテキストテキストテキストテキストテキストテキスト<br />
  1166.                 テキストテキストテキストテキストテキストテキストテキストテキスト<br />
  1167.                 テキストテキストテキストテキストテキストテキストテキストテキスト<br />
  1168.                 テキストテキストテキストテキストテキストテキストテキストテキスト<br />
  1169.                 テキストテキストテキストテキストテキストテキストテキストテキスト
  1170.               </p> -->
  1171.               <p class="c-contact__note"><span class="_asterisk">*</span>は必須項目です</p>
  1172.             </div>
  1174.             <div>
  1175.               <div class="c-contact__form js-footerContactForm">
  1176.                 <form
  1177.                   id="hsForm_09dd8a35-f412-46b9-84ee-6ae1b20433cd"
  1178.                   method="POST"
  1179.                   accept-charset="UTF-8"
  1180.                   enctype="multipart/form-data"
  1181.                   novalidate=""
  1182.                   action="#"
  1183.                   class="hs-form-private hsForm_09dd8a35-f412-46b9-84ee-6ae1b20433cd hs-form-09dd8a35-f412-46b9-84ee-6ae1b20433cd hs-form-09dd8a35-f412-46b9-84ee-6ae1b20433cd_84608e78-2a46-4d06-8644-1cf9c5e6ae92 hs-form stacked"
  1184.                   target="target_iframe_09dd8a35-f412-46b9-84ee-6ae1b20433cd"
  1185.                   data-instance-id="84608e78-2a46-4d06-8644-1cf9c5e6ae92"
  1186.                   data-form-id="09dd8a35-f412-46b9-84ee-6ae1b20433cd"
  1187.                   data-portal-id="6030744"
  1188.                   data-hs-cf-bound="true"
  1189.                 >
  1190.                   <fieldset class="form-columns-0">
  1191.                     <div class="hs-richtext hs--font-element"><h2>お問い合わせ</h2></div>
  1192.                   </fieldset>
  1193.                   <fieldset class="form-columns-1">
  1194.                     <div class="hs_contact_type_radio hs-contact_type_radio hs-fieldtype-radio field hs-form-field">
  1195.                       <label
  1196.                         id="label-contact_type_radio-09dd8a35-f412-46b9-84ee-6ae1b20433cd"
  1197.                         class=""
  1198.                         placeholder="Enter your お問い合わせ項目選択"
  1199.                         for="contact_type_radio-09dd8a35-f412-46b9-84ee-6ae1b20433cd"
  1200.                         ><span>お問い合わせ項目選択</span></label
  1201.                       >
  1202.                       <legend class="hs-field-desc" style="display: none"></legend>
  1203.                       <div class="input">
  1204.                         <ul role="checkbox" class="inputs-list multi-container">
  1205.                           <li class="hs-form-radio" role="radio">
  1206.                             <label for="business" class="hs-form-radio-display">
  1207.                               <input id="business" class="hs-input" type="radio" name="contact_type_radio" value="empathic-listening" />
  1208.                               <span>事業のお問い合わせ</span>
  1209.                             </label>
  1210.                           </li>
  1211.                           <li class="hs-form-radio" role="radio">
  1212.                             <label for="business" class="hs-form-radio-display">
  1213.                               <input id="business" class="hs-input" type="radio" name="contact_type_radio" value="empathic-listening" />
  1214.                               <span>メディアのお問い合わせ</span>
  1215.                             </label>
  1216.                           </li>
  1217.                           <li class="hs-form-radio" role="radio">
  1218.                             <label for="business" class="hs-form-radio-display">
  1219.                               <input id="business" class="hs-input" type="radio" name="contact_type_radio" value="empathic-listening" />
  1220.                               <span>運営のお問い合わせ</span>
  1221.                             </label>
  1222.                           </li>
  1223.                           <li class="hs-form-radio" role="radio">
  1224.                             <label for="business" class="hs-form-radio-display">
  1225.                               <input id="business" class="hs-input" type="radio" name="contact_type_radio" value="empathic-listening" />
  1226.                               <span>取材のお問い合わせ</span>
  1227.                             </label>
  1228.                           </li>
  1229.                           <li class="hs-form-radio" role="radio">
  1230.                             <label for="business" class="hs-form-radio-display">
  1231.                               <input id="business" class="hs-input" type="radio" name="contact_type_radio" value="empathic-listening" />
  1232.                               <span>その他のお問い合わせ</span>
  1233.                             </label>
  1234.                           </li>
  1235.                         </ul>
  1236.                       </div>
  1237.                     </div>
  1238.                   </fieldset>
  1239.                   <fieldset class="form-columns-1">
  1240.                     <div class="hs_message hs-message hs-fieldtype-textarea field hs-form-field">
  1241.                       <label
  1242.                         id="label-message-09dd8a35-f412-46b9-84ee-6ae1b20433cd"
  1243.                         class=""
  1244.                         placeholder="Enter your お問い合わせ内容"
  1245.                         for="message-09dd8a35-f412-46b9-84ee-6ae1b20433cd"
  1246.                         ><span>お問い合わせ内容</span><span class="hs-form-required">*</span></label
  1247.                       >
  1248.                       <legend class="hs-field-desc" style="display: none"></legend>
  1249.                       <div class="input">
  1250.                         <textarea
  1251.                           id="message-09dd8a35-f412-46b9-84ee-6ae1b20433cd"
  1252.                           class="hs-input hs-fieldtype-textarea"
  1253.                           name="message"
  1254.                           required=""
  1255.                           placeholder="お問い合わせ内容をご記入ください"
  1256.                         ></textarea>
  1257.                       </div>
  1258.                     </div>
  1259.                   </fieldset>
  1260.                   <fieldset class="form-columns-0">
  1261.                     <div class="hs-richtext hs--font-element"><h2>お客様情報</h2></div>
  1262.                   </fieldset>
  1263.                   <fieldset class="form-columns-2">
  1264.                     <div class="hs_lastname hs-lastname hs-fieldtype-text field hs-form-field">
  1265.                       <label id="label-lastname-09dd8a35-f412-46b9-84ee-6ae1b20433cd" class="" placeholder="Enter your 姓" for="lastname-09dd8a35-f412-46b9-84ee-6ae1b20433cd"
  1266.                         ><span>姓</span><span class="hs-form-required">*</span></label
  1267.                       >
  1268.                       <legend class="hs-field-desc" style="display: none"></legend>
  1269.                       <div class="input">
  1270.                         <input
  1271.                           id="lastname-09dd8a35-f412-46b9-84ee-6ae1b20433cd"
  1272.                           name="lastname"
  1273.                           required=""
  1274.                           placeholder="姓"
  1275.                           type="text"
  1276.                           class="hs-input"
  1277.                           inputmode="text"
  1278.                           autocomplete="family-name"
  1279.                           value=""
  1280.                         />
  1281.                       </div>
  1282.                     </div>
  1283.                     <div class="hs_firstname hs-firstname hs-fieldtype-text field hs-form-field">
  1284.                       <label id="label-firstname-09dd8a35-f412-46b9-84ee-6ae1b20433cd" class="" placeholder="Enter your 名" for="firstname-09dd8a35-f412-46b9-84ee-6ae1b20433cd"
  1285.                         ><span>名</span><span class="hs-form-required">*</span></label
  1286.                       >
  1287.                       <legend class="hs-field-desc" style="display: none"></legend>
  1288.                       <div class="input">
  1289.                         <input
  1290.                           id="firstname-09dd8a35-f412-46b9-84ee-6ae1b20433cd"
  1291.                           name="firstname"
  1292.                           required=""
  1293.                           placeholder="名"
  1294.                           type="text"
  1295.                           class="hs-input"
  1296.                           inputmode="text"
  1297.                           autocomplete="given-name"
  1298.                           value=""
  1299.                         />
  1300.                       </div>
  1301.                     </div>
  1302.                   </fieldset>
  1303.                   <fieldset class="form-columns-1">
  1304.                     <div class="hs_company hs-company hs-fieldtype-text field hs-form-field">
  1305.                       <label id="label-company-09dd8a35-f412-46b9-84ee-6ae1b20433cd" class="" placeholder="Enter your 会社名" for="company-09dd8a35-f412-46b9-84ee-6ae1b20433cd"
  1306.                         ><span>会社名</span><span class="hs-form-required">*</span></label
  1307.                       >
  1308.                       <legend class="hs-field-desc" style="display: none"></legend>
  1309.                       <div class="input">
  1310.                         <input
  1311.                           id="company-09dd8a35-f412-46b9-84ee-6ae1b20433cd"
  1312.                           name="company"
  1313.                           required=""
  1314.                           placeholder="株式会社ABCDE"
  1315.                           type="text"
  1316.                           class="hs-input"
  1317.                           inputmode="text"
  1318.                           autocomplete="organization"
  1319.                           value=""
  1320.                         />
  1321.                       </div>
  1322.                     </div>
  1323.                   </fieldset>
  1324.                   <fieldset class="form-columns-1">
  1325.                     <div class="hs_email hs-email hs-fieldtype-text field hs-form-field">
  1326.                       <label id="label-email-09dd8a35-f412-46b9-84ee-6ae1b20433cd" class="" placeholder="Enter your メールアドレス" for="email-09dd8a35-f412-46b9-84ee-6ae1b20433cd"
  1327.                         ><span>メールアドレス</span><span class="hs-form-required">*</span></label
  1328.                       >
  1329.                       <legend class="hs-field-desc" style="display: none"></legend>
  1330.                       <div class="input">
  1331.                         <input
  1332.                           id="email-09dd8a35-f412-46b9-84ee-6ae1b20433cd"
  1333.                           name="email"
  1334.                           required=""
  1335.                           placeholder="info@no-good-racing.co.jp"
  1336.                           type="email"
  1337.                           class="hs-input"
  1338.                           inputmode="email"
  1339.                           autocomplete="email"
  1340.                           value=""
  1341.                         />
  1342.                       </div>
  1343.                     </div>
  1344.                   </fieldset>
  1345.                   <fieldset class="form-columns-1">
  1346.                     <div class="hs_0-2/website hs-0-2/website hs-fieldtype-text field hs-form-field">
  1347.                       <label
  1348.                         id="label-0-2/website-09dd8a35-f412-46b9-84ee-6ae1b20433cd"
  1349.                         class=""
  1350.                         placeholder="Enter your 会社HP"
  1351.                         for="0-2/website-09dd8a35-f412-46b9-84ee-6ae1b20433cd"
  1352.                         ><span>会社HP</span></label
  1353.                       >
  1354.                       <legend class="hs-field-desc" style="display: none"></legend>
  1355.                       <div class="input">
  1356.                         <input
  1357.                           id="0-2/website-09dd8a35-f412-46b9-84ee-6ae1b20433cd"
  1358.                           name="0-2/website"
  1359.                           placeholder="https://www.no-good-racing.co.jp"
  1360.                           type="text"
  1361.                           class="hs-input"
  1362.                           inputmode="text"
  1363.                           value=""
  1364.                         />
  1365.                       </div>
  1366.                     </div>
  1367.                   </fieldset>
  1368.                   <fieldset class="form-columns-1">
  1369.                     <div class="hs-richtext hs--font-element">
  1370.                       <h3>個人情報の取り扱いについて</h3>
  1371.                       <p>
  1372.                         お客様からご提供いただいた個人情報につきまして、弊社では「<a href="#" target="_blank" rel="noopener noreferrer">個人情報保護方針</a
  1373.                         >」に基づき、適切な取扱い、保護に努めております。<br />こちらにご理解・ご同意いただける場合は、「送信する」を押してください。
  1374.                       </p>
  1375.                     </div>
  1376.                     <div class="hs_agree hs-agree hs-fieldtype-booleancheckbox field hs-form-field">
  1377.                       <legend class="hs-field-desc" style="display: none"></legend>
  1378.                       <div class="input">
  1379.                         <ul class="inputs-list" required="">
  1380.                           <li class="hs-form-booleancheckbox">
  1381.                             <label for="agree-09dd8a35-f412-46b9-84ee-6ae1b20433cd" class="hs-form-booleancheckbox-display"
  1382.                               ><input id="agree-09dd8a35-f412-46b9-84ee-6ae1b20433cd" class="hs-input" type="checkbox" name="agree" value="true" /><span
  1383.                                 >個人情報保護方針に同意する<span class="hs-form-required">*</span></span
  1384.                               ></label
  1385.                             >
  1386.                           </li>
  1387.                         </ul>
  1388.                       </div>
  1389.                     </div>
  1390.                   </fieldset>
  1391.                   <div class="hs_submit hs-submit">
  1392.                     <div class="hs-field-desc" style="display: none"></div>
  1393.                     <div class="actions"><input type="submit" class="hs-button primary large" value="送信する" /></div>
  1394.                   </div>
  1395.                 </form>
  1396.               </div>
  1397.             </div>
  1398.           </section>
  1399.         </div>
  1401.         <div class="l__footer-mailmagazine js-footerLayout js-sectionUnderHeader" data-section-color="dark">
  1402.           <div class="js-footerLayoutInner">
  1403.             <section class="c-mailmagazine">
  1404.               <div class="c-mailmagazine__text">
  1405.                 <h2 class="c-mailmagazine__heading c-clipped-element js-revealInView">LOCATION SHARING APP</h2>
  1406.                 <p class="c-mailmagazine__catch">No Good Fans と繋がれるアプリケーションを配信中、<br class="u-pc" />ぜひご登録ください！</p>
  1407.                 <p class="c-mailmagazine__note"><span class="_asterisk">*</span>は必須項目です</p>
  1408.               </div>
  1410.               <div>
  1411.                 <div class="c-mailmagazine__form js-footerMailMagazineForm">
  1412.                   <form
  1413.                     id="hsForm_2c0b92b1-0d5f-46dd-a47f-ea51497e549d"
  1414.                     method="POST"
  1415.                     accept-charset="UTF-8"
  1416.                     enctype="multipart/form-data"
  1417.                     novalidate=""
  1418.                     action="#"
  1419.                     class="hs-form-private hsForm_2c0b92b1-0d5f-46dd-a47f-ea51497e549d hs-form-2c0b92b1-0d5f-46dd-a47f-ea51497e549d hs-form-2c0b92b1-0d5f-46dd-a47f-ea51497e549d_1240ff4e-f9ae-498a-ba9a-32b06145f0ed hs-form stacked"
  1420.                     target="target_iframe_2c0b92b1-0d5f-46dd-a47f-ea51497e549d"
  1421.                     data-instance-id="1240ff4e-f9ae-498a-ba9a-32b06145f0ed"
  1422.                     data-form-id="2c0b92b1-0d5f-46dd-a47f-ea51497e549d"
  1423.                     data-portal-id="6030744"
  1424.                     data-hs-cf-bound="true"
  1425.                   >
  1426.                     <div class="hs_email hs-email hs-fieldtype-text field hs-form-field">
  1427.                       <label id="label-email-2c0b92b1-0d5f-46dd-a47f-ea51497e549d" class="" placeholder="Enter your メールアドレス" for="email-2c0b92b1-0d5f-46dd-a47f-ea51497e549d"
  1428.                         ><span>メールアドレス</span><span class="hs-form-required">*</span></label
  1429.                       >
  1430.                       <legend class="hs-field-desc" style="display: none"></legend>
  1431.                       <div class="input">
  1432.                         <input
  1433.                           id="email-2c0b92b1-0d5f-46dd-a47f-ea51497e549d"
  1434.                           name="email"
  1435.                           required=""
  1436.                           placeholder="info@no-good-racing.co.jp"
  1437.                           type="email"
  1438.                           class="hs-input"
  1439.                           inputmode="email"
  1440.                           autocomplete="email"
  1441.                           value=""
  1442.                         />
  1443.                       </div>
  1444.                     </div>
  1445.                     <div>
  1446.                       <div class="hs-richtext hs--font-element">
  1447.                         <h3>個人情報の取り扱いについて</h3>
  1448.                         <p>
  1449.                           お客様からご提供いただいた個人情報につきまして、弊社では「<a href="#" target="_blank" rel="noopener noreferrer">個人情報保護方針</a
  1450.                           >」に基づき、適切な取扱い、保護に努めております。<br />こちらにご理解・ご同意いただける場合は、「送信する」を押してください。
  1451.                         </p>
  1452.                       </div>
  1453.                     </div>
  1454.                     <div class="hs_agree hs-agree hs-fieldtype-booleancheckbox field hs-form-field">
  1455.                       <legend class="hs-field-desc" style="display: none"></legend>
  1456.                       <div class="input">
  1457.                         <ul class="inputs-list" required="">
  1458.                           <li class="hs-form-booleancheckbox">
  1459.                             <label for="agree-2c0b92b1-0d5f-46dd-a47f-ea51497e549d" class="hs-form-booleancheckbox-display"
  1460.                               ><input id="agree-2c0b92b1-0d5f-46dd-a47f-ea51497e549d" class="hs-input" type="checkbox" name="agree" value="true" /><span
  1461.                                 >個人情報保護方針に同意する<span class="hs-form-required">*</span></span
  1462.                               ></label
  1463.                             >
  1464.                           </li>
  1465.                         </ul>
  1466.                       </div>
  1467.                     </div>
  1468.                     <div class="hs_recaptcha hs-recaptcha field hs-form-field">
  1469.                       <div class="input">
  1470.                         <div class="grecaptcha-badge" data-style="inline" style="width: 256px; height: 60px; box-shadow: gray 0px 0px 5px">
  1471.                           <div class="grecaptcha-logo">
  1472.                             <iframe
  1473.                               title="reCAPTCHA"
  1474.                               width="256"
  1475.                               height="60"
  1476.                               role="presentation"
  1477.                               name="a-fsnzd8mxryho"
  1478.                               frameborder="0"
  1479.                               scrolling="no"
  1480.                               sandbox="allow-forms allow-popups allow-same-origin allow-scripts allow-top-navigation allow-modals allow-popups-to-escape-sandbox allow-storage-access-by-user-activation"
  1481.                               src="https://www.google.com/recaptcha/enterprise/anchor?ar=1&amp;k=6Ld_ad8ZAAAAAAqr0ePo1dUfAi0m4KPkCMQYwPPm&amp;co=aHR0cHM6Ly93d3cuZGltZW5zaW9uZnVuZC5jby5qcDo0NDM.&amp;hl=ja&amp;v=u-xcq3POCWFlCr3x8_IPxgPu&amp;size=invisible&amp;badge=inline&amp;cb=siucb3nl2zsg"
  1482.                             ></iframe>
  1483.                           </div>
  1484.                           <div class="grecaptcha-error"></div>
  1485.                           <textarea
  1486.                             id="g-recaptcha-response-1"
  1487.                             name="g-recaptcha-response"
  1488.                             class="g-recaptcha-response"
  1489.                             style="width: 250px; height: 40px; border: 1px solid rgb(193, 193, 193); margin: 10px 25px; padding: 0px; resize: none; display: none"
  1490.                           ></textarea>
  1491.                         </div>
  1492.                         <iframe style="display: none"></iframe>
  1493.                       </div>
  1494.                       <input type="hidden" name="g-recaptcha-response" id="hs-recaptcha-response" value="" />
  1495.                     </div>
  1496.                     <div class="hs_submit hs-submit">
  1497.                       <div class="hs-field-desc" style="display: none"></div>
  1498.                       <div class="actions"><input type="submit" class="hs-button primary large" value="送信する" /></div>
  1499.                     </div>
  1500.                     <input
  1501.                       name="hs_context"
  1502.                       type="hidden"
  1503.                       value='{"embedAtTimestamp":"1703304735075","formDefinitionUpdatedAt":"1695091168200","lang":"jaJP","embedType":"REGULAR","renderRawHtml":"true","userAgent":"Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/120.0.0.0 Safari/537.36","pageTitle":"No Good","pageUrl":"https://www.no-good-racing.co.jp/","referrer":"https://www.google.com/","isHubSpotCmsGeneratedPage":false,"contentType":"standard-page","hutk":"61c299c17b131c2e1c49e52da820b47c","__hsfp":2207761794,"__hssc":"116764313.1.1703304736527","__hstc":"116764313.61c299c17b131c2e1c49e52da820b47c.1703044102837.1703247846616.1703304736527.4","formTarget":".js-footerMailMagazineForm","rumScriptExecuteTime":1147.8000000044703,"rumTotalRequestTime":1973.8000000044703,"rumTotalRenderTime":1992.2000000029802,"rumServiceResponseTime":826,"rumFormRenderTime":18.399999998509884,"locale":"ja","timestamp":1703304736552,"originalEmbedContext":{"portalId":"6030744","formId":"2c0b92b1-0d5f-46dd-a47f-ea51497e549d","region":"na1","target":".js-footerMailMagazineForm","isBuilder":false,"isTestPage":false,"isPreview":false,"cssRequired":"","locale":"ja","isMobileResponsive":true},"correlationId":"1240ff4e-f9ae-498a-ba9a-32b06145f0ed","renderedFieldsIds":["email","agree"],"captchaStatus":"LOADED","emailResubscribeStatus":"NOT_APPLICABLE","isInsideCrossOriginFrame":false,"source":"forms-embed-1.4371","sourceName":"forms-embed","sourceVersion":"1.4371","sourceVersionMajor":"1","sourceVersionMinor":"4371","allPageIds":{},"_debug_embedLogLines":[{"clientTimestamp":1703304735029,"level":"INFO","message":"Retrieved customer callbacks used on embed context: [\"onFormReady\",\"onFormSubmitted\"]"},{"clientTimestamp":1703304735029,"level":"INFO","message":"Retrieved pageContext values which may be overriden by the embed context: {\"pageTitle\":\"No Good\",\"pageUrl\":\"https://www.no-good-racing.co.jp/\",\"referrer\":\"https://www.google.com/\",\"userAgent\":\"Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/120.0.0.0 Safari/537.36\",\"isHubSpotCmsGeneratedPage\":false}"},{"clientTimestamp":1703304735030,"level":"INFO","message":"Retrieved countryCode property from normalized embed definition response: \"JP\""},{"clientTimestamp":1703304736548,"level":"INFO","message":"Retrieved analytics values from API response which may be overriden by the embed context: {\"hutk\":\"61c299c17b131c2e1c49e52da820b47c\",\"contentType\":\"standard-page\"}"}]}'
  1504.                     /><iframe name="target_iframe_2c0b92b1-0d5f-46dd-a47f-ea51497e549d" style="display: none"></iframe>
  1505.                   </form>
  1506.                 </div>
  1507.               </div>
  1508.             </section>
  1509.           </div>
  1510.         </div>
  1513.     </div>
  1514.     <div class="l__totop">
  1515.       <button class="totop-btn js-pageTopScroll">
  1516.         <span class="totop-btn__icon">
  1517.           <svg width="16" height="10" viewBox="0 0 16 10" fill="none" role="img" aria-label="Backtotop">
  1518.             <path d="M1 9L8 2L15 9" stroke="#1A1A1A" stroke-width="1.5" />
  1519.           </svg>
  1520.         </span>
  1521.       </button>
  1522.     </div>
  1523.     <div class="l__curtain is-transition-curtain"></div>
  1524.     <script type="text/javascript" src="https://js.hs-scripts.com/6030744.js?integration=WordPress&amp;ver=10.2.16" id="leadin-script-loader-js-js"></script>
  1526. {% endblock %}