var/cache/dev/twig/da/da88b69174ab65fd241ef6628b00a997f9ca6e58166b47040f03ff400ac5dd45.php line 53

Open in your IDE?
  1. <?php
  3. use Twig\Environment;
  4. use Twig\Error\LoaderError;
  5. use Twig\Error\RuntimeError;
  6. use Twig\Extension\SandboxExtension;
  7. use Twig\Markup;
  8. use Twig\Sandbox\SecurityError;
  9. use Twig\Sandbox\SecurityNotAllowedTagError;
  10. use Twig\Sandbox\SecurityNotAllowedFilterError;
  11. use Twig\Sandbox\SecurityNotAllowedFunctionError;
  12. use Twig\Source;
  13. use Twig\Template;
  15. /* index.twig */
  16. class __TwigTemplate_229899d9df569d355a566260957f1e21bc18cb19efee3283036cbfb432e485d1 extends \Eccube\Twig\Template
  17. {
  18.     private $source;
  19.     private $macros = [];
  21.     public function __construct(Environment $env)
  22.     {
  23.         parent::__construct($env);
  25.         $this->source = $this->getSourceContext();
  27.         $this->blocks = [
  28.             'stylesheet' => [$this, 'block_stylesheet'],
  29.             'javascript' => [$this, 'block_javascript'],
  30.             'main' => [$this, 'block_main'],
  31.         ];
  32.     }
  34.     protected function doGetParent(array $context)
  35.     {
  36.         // line 11
  37.         return "default_frame.twig";
  38.     }
  40.     protected function doDisplay(array $context, array $blocks = [])
  41.     {
  42.         $macros = $this->macros;
  43.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  44.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->enter($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "template", "index.twig"));
  46.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02 = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  47.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->enter($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "template", "index.twig"));
  49.         // line 13
  50.         $context["body_class"] = "front_page";
  51.         // line 11
  52.         $this->parent = $this->loadTemplate("default_frame.twig", "index.twig", 11);
  53.         $this->parent->display($context, array_merge($this->blocks, $blocks));
  54.         
  55.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->leave($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof);
  57.         
  58.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->leave($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof);
  60.     }
  62.     // line 15
  63.     public function block_stylesheet($context, array $blocks = [])
  64.     {
  65.         $macros = $this->macros;
  66.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  67.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->enter($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "stylesheet"));
  69.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02 = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  70.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->enter($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "stylesheet"));
  72.         // line 16
  73.         echo "    <link rel=\"stylesheet\" href=\"";
  74.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/css/news-list.css"), "html", null, true);
  75.         echo "\">
  76.     <link rel=\"stylesheet\" href=\"";
  77.         // line 17
  78.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/css/product-list.css"), "html", null, true);
  79.         echo "\">
  80.     <link rel=\"stylesheet\" href=\"";
  81.         // line 18
  82.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/css/home.css"), "html", null, true);
  83.         echo "\">
  84.     <link rel=\"stylesheet\" href=\"";
  85.         // line 19
  86.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/css/swiper-bundle.min.css"), "html", null, true);
  87.         echo "\" defer>
  89. ";
  90.         
  91.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->leave($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof);
  93.         
  94.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->leave($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof);
  96.     }
  98.     // line 23
  99.     public function block_javascript($context, array $blocks = [])
  100.     {
  101.         $macros = $this->macros;
  102.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  103.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->enter($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "javascript"));
  105.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02 = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  106.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->enter($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "javascript"));
  108.         // line 24
  109.         echo "    <script>
  111.     </script>
  112. ";
  113.         
  114.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->leave($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof);
  116.         
  117.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->leave($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof);
  119.     }
  121.     // line 29
  122.     public function block_main($context, array $blocks = [])
  123.     {
  124.         $macros = $this->macros;
  125.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  126.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->enter($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "main"));
  128.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02 = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  129.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->enter($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "main"));
  131.         // line 30
  132.         echo "    ";
  133.         // line 31
  134.         echo "
  135.     <!-- home page -->
  136.     <div class=\"banner-section-ui\">
  137.         <div class=\"swiper banner-swiper\">
  138.         <div class=\"swiper-wrapper\" id=\"banner-slide-id\">
  139.         ";
  140.         // line 36
  141.         $context['_parent'] = $context;
  142.         $context['_seq'] = twig_ensure_traversable(range(1, 4));
  143.         $context['loop'] = [
  144.           'parent' => $context['_parent'],
  145.           'index0' => 0,
  146.           'index'  => 1,
  147.           'first'  => true,
  148.         ];
  149.         if (is_array($context['_seq']) || (is_object($context['_seq']) && $context['_seq'] instanceof \Countable)) {
  150.             $length = count($context['_seq']);
  151.             $context['loop']['revindex0'] = $length - 1;
  152.             $context['loop']['revindex'] = $length;
  153.             $context['loop']['length'] = $length;
  154.             $context['loop']['last'] = 1 === $length;
  155.         }
  156.         foreach ($context['_seq'] as $context["_key"] => $context["item"]) {
  157.             // line 37
  158.             echo "            <div class=\"swiper-slide\">
  159.                 <div class=\"banner-slide\">
  160.                 <div class=\"banner-slide__content\">
  161.                     <div class=\"banner-slide__text\">
  162.                     <h2 class=\"banner-slide__heading\">
  163.                         <span class=\"banner-slide__heading-line1\">あの備長炭が</span>
  164.                         <span class=\"banner-slide__heading-line2\">買えてしまう。</span>
  165.                     </h2>
  166.                     <p class=\"banner-slide__description\">
  167.                         木こりがいない時代だからこそ、テクノロジーで森を守る。<br>
  168.                         植林が未来の町を守り、地域を豊かにする。<br>
  169.                         WoodTechは\"木と人と地域の循環\"を取り戻す挑戦を続けます。
  170.                     </p>
  171.                     <button class=\"btn_primary banner-slide__button\" type=\"button\" onclick=\"window.location.href='";
  172.             // line 50
  173.             echo $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getUrl("help_about");
  174.             echo "'\">
  175.                         <span class=\"btn_primary-text\">WoodTechとは</span>
  176.                         <img class=\"btn_primary-icon\" src=\"";
  177.             // line 52
  178.             echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/img/default/icons/icon-arrow-nav.svg"), "html", null, true);
  179.             echo "\" alt=\"\" width=\"24\" height=\"24\" />
  180.                     </button>
  181.                     </div>
  182.                 </div>
  183.                 <div class=\"banner-slide__image banner-slide__image-right\">
  184.                     <img src=\" ";
  185.             // line 57
  186.             if (((twig_get_attribute($this->env, $this->source, $context["loop"], "index", [], "any", false, false, false, 57) % 2) == 1)) {
  187.                 echo " ";
  188.                 echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/img/default/image/image_banner.png"), "html", null, true);
  189.                 echo " ";
  190.             } else {
  191.                 echo " ";
  192.                 echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/img/default/image/image_banner_2.png"), "html", null, true);
  193.                 echo " ";
  194.             }
  195.             echo "\" alt=\"\" />
  196.                 </div>
  197.                 </div>
  198.             </div>
  199.         ";
  200.             ++$context['loop']['index0'];
  201.             ++$context['loop']['index'];
  202.             $context['loop']['first'] = false;
  203.             if (isset($context['loop']['length'])) {
  204.                 --$context['loop']['revindex0'];
  205.                 --$context['loop']['revindex'];
  206.                 $context['loop']['last'] = 0 === $context['loop']['revindex0'];
  207.             }
  208.         }
  209.         $_parent = $context['_parent'];
  210.         unset($context['_seq'], $context['_iterated'], $context['_key'], $context['item'], $context['_parent'], $context['loop']);
  211.         $context = array_intersect_key($context, $_parent) + $_parent;
  212.         // line 62
  213.         echo "        </div>
  214.         <!-- Pagination -->
  215.         <div class=\"swiper-pagination banner-pagination\"></div>
  216.         <!-- Navigation -->
  217.         <div class=\"swiper-button-next banner-button-next\"></div>
  218.         <div class=\"swiper-button-prev banner-button-prev\"></div>
  219.         </div>
  221.         <!-- product section -->
  222.         <div class=\"container-1200-fix product-section desktop-only-890\">
  223.         <div class=\"product-section__wrapper\">
  224.             <!-- title -->
  225.             <div class=\"base-title-wrapper\">
  226.             <div class=\"base-title\">
  227.                 <img class=\"base-title__icon\" src=\"";
  228.         // line 76
  229.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/img/default/icons/icon-title.png"), "html", null, true);
  230.         echo "\" alt=\"\" width=\"48\" height=\"48\" />
  231.                 <h2 class=\"base-title__text-heading\">売れ筋ランキング</h2>
  232.             </div>
  233.             <button onclick=\"window.location.href='";
  234.         // line 79
  235.         echo $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getUrl("product_list");
  236.         echo "'\" class=\"btn_primary btn_primary--outline base-title__button\" type=\"button\">
  237.                 <span class=\"btn_primary-text\">商品一覧</span>
  238.                 <img class=\"btn_primary-icon\" src=\"";
  239.         // line 81
  240.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/img/default/icons/icon-arrow-nav.svg"), "html", null, true);
  241.         echo "\" alt=\"\" width=\"24\" height=\"24\" />
  242.             </button>
  243.             </div>
  245.             <!-- product list -->
  246.             <div class=\"product-list\" id=\"home-product-list\">
  247.                 ";
  248.         // line 87
  249.         $context['_parent'] = $context;
  250.         $context['_seq'] = twig_ensure_traversable((isset($context["topRankingProducts"]) || array_key_exists("topRankingProducts", $context) ? $context["topRankingProducts"] : (function () { throw new RuntimeError('Variable "topRankingProducts" does not exist.', 87, $this->source); })()));
  251.         $context['loop'] = [
  252.           'parent' => $context['_parent'],
  253.           'index0' => 0,
  254.           'index'  => 1,
  255.           'first'  => true,
  256.         ];
  257.         if (is_array($context['_seq']) || (is_object($context['_seq']) && $context['_seq'] instanceof \Countable)) {
  258.             $length = count($context['_seq']);
  259.             $context['loop']['revindex0'] = $length - 1;
  260.             $context['loop']['revindex'] = $length;
  261.             $context['loop']['length'] = $length;
  262.             $context['loop']['last'] = 1 === $length;
  263.         }
  264.         foreach ($context['_seq'] as $context["_key"] => $context["Product"]) {
  265.             // line 88
  266.             echo "                <article class=\"product-card product-card--ranking\">
  267.                     <a href=\"";
  268.             // line 89
  269.             echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getUrl("product_detail", ["id" => twig_get_attribute($this->env, $this->source, $context["Product"], "id", [], "any", false, false, false, 89)]), "html", null, true);
  270.             echo "\" class=\"product-card__link\">
  271.                     <div class=\"product-card__image relative\">
  272.                         <img src=\"";
  273.             // line 91
  274.             echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl($this->extensions['Eccube\Twig\Extension\EccubeExtension']->getNoImageProduct(twig_get_attribute($this->env, $this->source, $context["Product"], "main_list_image", [], "any", false, false, false, 91)), "save_image"), "html", null, true);
  275.             echo "\" alt=\"";
  276.             echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["Product"], "name", [], "any", false, false, false, 91), "html", null, true);
  277.             echo "\" />
  278.                         <div class=\"ranking-badge\">";
  279.             // line 92
  280.             echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["loop"], "index", [], "any", false, false, false, 92), "html", null, true);
  281.             echo "位</div>
  282.                     </div>
  283.                     <div class=\"product-card__info\">
  284.                         <div class=\"product-card__badge\">";
  285.             // line 95
  286.             echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["Product"], "name", [], "any", false, false, false, 95), "html", null, true);
  287.             echo "</div>
  288.                         <div class=\"product-card__details\">
  289.                         <p class=\"product-card__price\">
  290.                             <span class=\"product-card__price-main\">
  291.                                 ";
  292.             // line 99
  293.             if ((twig_get_attribute($this->env, $this->source, $context["Product"], "getPrice02Min", [], "any", false, false, false, 99) == twig_get_attribute($this->env, $this->source, $context["Product"], "getPrice02Max", [], "any", false, false, false, 99))) {
  294.                 // line 100
  295.                 echo "                                    ";
  296.                 echo twig_escape_filter($this->env, $this->extensions['Eccube\Twig\Extension\EccubeExtension']->getPriceFilter(twig_get_attribute($this->env, $this->source, $context["Product"], "getPrice02IncTaxMin", [], "any", false, false, false, 100)), "html", null, true);
  297.                 echo "
  298.                                 ";
  299.             } else {
  300.                 // line 102
  301.                 echo "                                    ";
  302.                 echo twig_escape_filter($this->env, $this->extensions['Eccube\Twig\Extension\EccubeExtension']->getPriceFilter(twig_get_attribute($this->env, $this->source, $context["Product"], "getPrice02IncTaxMin", [], "any", false, false, false, 102)), "html", null, true);
  303.                 echo " ～ ";
  304.                 echo twig_escape_filter($this->env, $this->extensions['Eccube\Twig\Extension\EccubeExtension']->getPriceFilter(twig_get_attribute($this->env, $this->source, $context["Product"], "getPrice02IncTaxMax", [], "any", false, false, false, 102)), "html", null, true);
  305.                 echo "
  306.                                 ";
  307.             }
  308.             // line 104
  309.             echo "                            </span>
  310.                             <span class=\"product-card__price-tax\">(税抜 ";
  311.             // line 105
  312.             echo twig_escape_filter($this->env, $this->extensions['Eccube\Twig\Extension\EccubeExtension']->getPriceFilter(twig_get_attribute($this->env, $this->source, $context["Product"], "getPrice02Min", [], "any", false, false, false, 105)), "html", null, true);
  313.             echo "円)</span>
  314.                         </p>
  315.                         <img class=\"product-card__arrow\" src=\"";
  316.             // line 107
  317.             echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/img/default/icons/icon-product-arrow.svg"), "html", null, true);
  318.             echo "\" alt=\"\" width=\"24\" height=\"24\" />
  319.                         </div>
  320.                     </div>
  321.                     </a>
  322.                 </article>
  323.                 ";
  324.             ++$context['loop']['index0'];
  325.             ++$context['loop']['index'];
  326.             $context['loop']['first'] = false;
  327.             if (isset($context['loop']['length'])) {
  328.                 --$context['loop']['revindex0'];
  329.                 --$context['loop']['revindex'];
  330.                 $context['loop']['last'] = 0 === $context['loop']['revindex0'];
  331.             }
  332.         }
  333.         $_parent = $context['_parent'];
  334.         unset($context['_seq'], $context['_iterated'], $context['_key'], $context['Product'], $context['_parent'], $context['loop']);
  335.         $context = array_intersect_key($context, $_parent) + $_parent;
  336.         // line 113
  337.         echo "            </div>
  338.         </div>
  339.         </div>
  341.         <!-- product slide mobile only -->
  342.         <div class=\"mobile-only-890 mobile_slider_wrapper product-section\">
  344.         <!-- title -->
  345.         <div class=\"base-title pl-16\">
  346.             <img class=\"base-title__icon\" src=\"";
  347.         // line 122
  348.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/img/default/icons/icon-title.png"), "html", null, true);
  349.         echo "\" alt=\"\" width=\"48\" height=\"48\" />
  350.             <h2 class=\"base-title__text-heading\">売れ筋ランキング</h2>
  351.         </div>
  353.         <!-- slider -->
  354.         <div class=\"swiper product-swiper\">
  355.             <div class=\"swiper-wrapper product-swiper__wrapper\" id=\"product-slide-id\">
  356.                 ";
  357.         // line 129
  358.         $context['_parent'] = $context;
  359.         $context['_seq'] = twig_ensure_traversable((isset($context["topRankingProducts"]) || array_key_exists("topRankingProducts", $context) ? $context["topRankingProducts"] : (function () { throw new RuntimeError('Variable "topRankingProducts" does not exist.', 129, $this->source); })()));
  360.         $context['loop'] = [
  361.           'parent' => $context['_parent'],
  362.           'index0' => 0,
  363.           'index'  => 1,
  364.           'first'  => true,
  365.         ];
  366.         if (is_array($context['_seq']) || (is_object($context['_seq']) && $context['_seq'] instanceof \Countable)) {
  367.             $length = count($context['_seq']);
  368.             $context['loop']['revindex0'] = $length - 1;
  369.             $context['loop']['revindex'] = $length;
  370.             $context['loop']['length'] = $length;
  371.             $context['loop']['last'] = 1 === $length;
  372.         }
  373.         foreach ($context['_seq'] as $context["_key"] => $context["Product"]) {
  374.             // line 130
  375.             echo "                <div class=\"swiper-slide\">
  376.                     <article class=\"product-card product-card--ranking product-card--ranking-mobile\">
  377.                         <a href=\"";
  378.             // line 132
  379.             echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getUrl("product_detail", ["id" => twig_get_attribute($this->env, $this->source, $context["Product"], "id", [], "any", false, false, false, 132)]), "html", null, true);
  380.             echo "\" class=\"product-card__link\">
  381.                         <div class=\"product-card__image relative\">
  382.                             <img src=\"";
  383.             // line 134
  384.             echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl($this->extensions['Eccube\Twig\Extension\EccubeExtension']->getNoImageProduct(twig_get_attribute($this->env, $this->source, $context["Product"], "main_list_image", [], "any", false, false, false, 134)), "save_image"), "html", null, true);
  385.             echo "\" alt=\"";
  386.             echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["Product"], "name", [], "any", false, false, false, 134), "html", null, true);
  387.             echo "\" />
  388.                             <div class=\"ranking-badge\">";
  389.             // line 135
  390.             echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["loop"], "index", [], "any", false, false, false, 135), "html", null, true);
  391.             echo "位</div>
  392.                         </div>
  393.                         <div class=\"product-card__info\">
  394.                             <div class=\"product-card__badge\">";
  395.             // line 138
  396.             echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["Product"], "name", [], "any", false, false, false, 138), "html", null, true);
  397.             echo "</div>
  398.                             <div class=\"product-card__details\">
  399.                             <p class=\"product-card__price\">
  400.                                 <span class=\"product-card__price-main\">
  401.                                     ";
  402.             // line 142
  403.             if ((twig_get_attribute($this->env, $this->source, $context["Product"], "getPrice02Min", [], "any", false, false, false, 142) == twig_get_attribute($this->env, $this->source, $context["Product"], "getPrice02Max", [], "any", false, false, false, 142))) {
  404.                 // line 143
  405.                 echo "                                        ";
  406.                 echo twig_escape_filter($this->env, $this->extensions['Eccube\Twig\Extension\EccubeExtension']->getPriceFilter(twig_get_attribute($this->env, $this->source, $context["Product"], "getPrice02IncTaxMin", [], "any", false, false, false, 143)), "html", null, true);
  407.                 echo "
  408.                                     ";
  409.             } else {
  410.                 // line 145
  411.                 echo "                                        ";
  412.                 echo twig_escape_filter($this->env, $this->extensions['Eccube\Twig\Extension\EccubeExtension']->getPriceFilter(twig_get_attribute($this->env, $this->source, $context["Product"], "getPrice02IncTaxMin", [], "any", false, false, false, 145)), "html", null, true);
  413.                 echo " ～ ";
  414.                 echo twig_escape_filter($this->env, $this->extensions['Eccube\Twig\Extension\EccubeExtension']->getPriceFilter(twig_get_attribute($this->env, $this->source, $context["Product"], "getPrice02IncTaxMax", [], "any", false, false, false, 145)), "html", null, true);
  415.                 echo "
  416.                                     ";
  417.             }
  418.             // line 147
  419.             echo "                                </span>
  420.                                 <span class=\"product-card__price-tax\">(税抜 ";
  421.             // line 148
  422.             echo twig_escape_filter($this->env, $this->extensions['Eccube\Twig\Extension\EccubeExtension']->getPriceFilter(twig_get_attribute($this->env, $this->source, $context["Product"], "getPrice02Min", [], "any", false, false, false, 148)), "html", null, true);
  423.             echo "円)</span>
  424.                             </p>
  425.                             <img class=\"product-card__arrow\" src=\"";
  426.             // line 150
  427.             echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/img/default/icons/icon-product-arrow.svg"), "html", null, true);
  428.             echo "\" alt=\"\" width=\"24\" height=\"24\" />
  429.                             </div>
  430.                         </div>
  431.                         </a>
  432.                     </article>
  433.                 </div>
  434.                 ";
  435.             ++$context['loop']['index0'];
  436.             ++$context['loop']['index'];
  437.             $context['loop']['first'] = false;
  438.             if (isset($context['loop']['length'])) {
  439.                 --$context['loop']['revindex0'];
  440.                 --$context['loop']['revindex'];
  441.                 $context['loop']['last'] = 0 === $context['loop']['revindex0'];
  442.             }
  443.         }
  444.         $_parent = $context['_parent'];
  445.         unset($context['_seq'], $context['_iterated'], $context['_key'], $context['Product'], $context['_parent'], $context['loop']);
  446.         $context = array_intersect_key($context, $_parent) + $_parent;
  447.         // line 157
  448.         echo "            </div>
  449.             <!-- Pagination -->
  450.             <div class=\"swiper-pagination banner-pagination\"></div>
  451.             <!-- Navigation -->
  452.             <div class=\"swiper-button-next banner-button-next\"></div>
  453.             <div class=\"swiper-button-prev banner-button-prev\"></div>
  454.         </div>
  456.         <!-- button mobile only -->
  457.         <div class=\"pl-16\">
  458.             <button onclick=\"window.location.href='";
  459.         // line 167
  460.         echo $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getUrl("product_list");
  461.         echo "'\" class=\"btn_primary btn_primary--outline base-title__button\" type=\"button\">
  462.             <span class=\"btn_primary-text\">商品一覧</span>
  463.             <img class=\"btn_primary-icon\" src=\"";
  464.         // line 169
  465.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/img/default/icons/icon-arrow-nav.svg"), "html", null, true);
  466.         echo "\" alt=\"\" width=\"24\" height=\"24\" />
  467.             </button>
  468.         </div>
  469.         </div>
  472.         <!-- about section -->
  473.         <div class=\"container-1200-fix about-section\">
  474.         <div class=\"section__content_wrapper\">
  475.             <div class=\"section__left about_left_image_wrapper\">
  476.             <img class=\"about_left_image\" src=\"";
  477.         // line 179
  478.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/img/default/image/image_about.png"), "html", null, true);
  479.         echo "\" alt=\"WoodTechについて\" />
  480.             </div>
  482.             <!-- about section text -->
  483.             <div class=\"section__right\">
  484.             <div class=\"about-section__content\">
  485.                 <div>
  486.                 <div class=\"about-section__section-header\">
  487.                     <svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">
  488.                     <circle cx=\"10\" cy=\"10\" r=\"8\" stroke=\"#828282\" stroke-width=\"2\" />
  489.                     <path
  490.                         d=\"M7.12671 8.30348C6.93657 6.66853 8.03012 5.17139 10.1251 5.17139C12.0661 5.17139 13.5076 6.63983 13.1489 8.17661C12.6279 10.4089 10.2424 9.78737 9.92637 12.143\"
  491.                         stroke=\"#828282\" stroke-width=\"2\" stroke-linecap=\"round\" />
  492.                     <circle cx=\"10\" cy=\"15.0176\" r=\"1.30469\" fill=\"#828282\" />
  493.                     </svg>
  494.                     <h3 class=\"about-section__section-title\">WoodTechとは</h3>
  495.                 </div>
  496.                 <h4 class=\"about-section__heading\">炭にこだわりがあるって？</h4>
  497.                 <p class=\"about-section__subheading\">スミにおけないわね。</p>
  498.                 </div>
  499.                 <p class=\"about-section__description\">
  500.                 WoodTechは、木こりの減少で荒れてしまった森をテクノロジーで守り、次世代へつなぐことを目指します。
  501.                 </p>
  502.                 <p class=\"about-section__description\">
  503.                 木こりがいない時代だからこそ、テクノロジーで森を守る。<br>
  504.                 植林が未来の町を守り、地域を豊かにする。<br>
  505.                 WoodTechは“木と人と地域の循環”を取り戻す挑戦を続けます。
  506.                 </p>
  507.                 <button class=\"btn_primary about-section__button\" type=\"button\" onclick=\"window.location.href='";
  508.         // line 207
  509.         echo $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getUrl("help_about");
  510.         echo "'\">
  511.                 <span class=\"btn_primary-text\">運営について</span>
  512.                 <img class=\"btn_primary-icon\" src=\"";
  513.         // line 209
  514.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/img/default/icons/icon-arrow-nav.svg"), "html", null, true);
  515.         echo "\" alt=\"\" width=\"24\" height=\"24\" />
  516.                 </button>
  517.             </div>
  518.             </div>
  519.         </div>
  520.         </div>
  522.         <!-- detail section -->
  523.         <div class=\"container-1200-fix\">
  524.         <div class=\"section__content_wrapper\">
  525.             <div class=\"section__left section__left-detail\">
  526.             <div class=\"detail-section__content\">
  529.                 <!-- Store Info -->
  530.                 <div class=\"detail-section__info\">
  531.                 <!-- title section -->
  532.                 <div class=\"base-title m-0\">
  533.                     <img class=\"base-title__icon\" src=\"";
  534.         // line 227
  535.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/img/default/icons/icon-title.png"), "html", null, true);
  536.         echo "\" alt=\"\" width=\"48\" height=\"48\" />
  537.                     <h2 class=\"base-title__text-heading\">導入事例</h2>
  538.                 </div>
  539.                 <div class=\"detail-section__info-row\">
  540.                     <div class=\"detail-section__badge\">店舗名／業種</div>
  541.                     <div class=\"detail-section__value\">炭火焼専門店「ほの家」／焼鳥・居酒屋業態</div>
  542.                 </div>
  543.                 <div class=\"detail-section__info-row\">
  544.                     <div class=\"detail-section__badge\">利用規模</div>
  545.                     <div class=\"detail-section__value\">120kg / 月</div>
  546.                 </div>
  547.                 </div>
  549.                 <!-- Before Introduction -->
  550.                 <div class=\"detail-section__before\">
  551.                 <div class=\"detail-section__section-header\">
  552.                     <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">
  553.                     <g opacity=\"0.4\">
  554.                     <circle cx=\"12\" cy=\"12\" r=\"9\" stroke=\"#353535\" stroke-width=\"2\"/>
  555.                     <path d=\"M7.60156 11.6567L11.1371 15.1923L16.794 9.53542\" stroke=\"#353535\" stroke-width=\"2\"/>
  556.                     </g>
  557.                     </svg>
  559.                     <h4 class=\"detail-section__section-title\">導入前の課題</h4>
  560.                 </div>
  561.                 <div class=\"detail-section__list\">
  562.                     <div class=\"detail-section__list-item\">
  563.                     <svg width=\"10\" height=\"10\" viewBox=\"0 0 10 10\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">
  564.                         <circle cx=\"5\" cy=\"5\" r=\"5\" fill=\"#828282\" />
  565.                     </svg>
  567.                     <p class=\"detail-section__text\">従来は国産炭と輸入炭を混在利用していたが、火力が不安定で焼きムラが発生。</p>
  568.                     </div>
  569.                     <div class=\"detail-section__list-item\">
  570.                     <svg width=\"10\" height=\"10\" viewBox=\"0 0 10 10\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">
  571.                         <circle cx=\"5\" cy=\"5\" r=\"5\" fill=\"#828282\" />
  572.                     </svg>
  574.                     <p class=\"detail-section__text\">高温維持のために常に追加が必要で、ピーク時の作業負担が大きかった</p>
  575.                     </div>
  576.                 </div>
  577.                 </div>
  579.                 <!-- After Introduction -->
  580.                 <div class=\"detail-section__after\">
  581.                 <div class=\"detail-section__section-header detail-section__section-header--after\">
  582.                     <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">
  583.                     <circle cx=\"12\" cy=\"12\" r=\"9\" stroke=\"white\" stroke-width=\"2\"/>
  584.                     <path d=\"M7.60156 11.6567L11.1371 15.1923L16.794 9.53542\" stroke=\"white\" stroke-width=\"2\"/>
  585.                     </svg>
  586.                     <h4 class=\"detail-section__section-title detail-section__section-title--after\">導入後の効果</h4>
  587.                 </div>
  588.                 <div class=\"detail-section__list\">
  589.                     <div class=\"detail-section__list-item\">
  590.                     <svg width=\"10\" height=\"10\" viewBox=\"0 0 10 10\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">
  591.                         <circle cx=\"5\" cy=\"5\" r=\"5\" fill=\"#8B6E00\" />
  592.                     </svg>
  594.                     <p class=\"detail-section__text\">火持ちが安定し、1回の火入れで営業終了まで持続。</p>
  595.                     </div>
  596.                     <div class=\"detail-section__list-item\">
  597.                     <svg width=\"10\" height=\"10\" viewBox=\"0 0 10 10\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">
  598.                         <circle cx=\"5\" cy=\"5\" r=\"5\" fill=\"#8B6E00\" />
  599.                     </svg>
  601.                     <p class=\"detail-section__text\">スタッフの炭追加回数が半減し、仕込み時間も短縮。</p>
  602.                     </div>
  603.                     <div class=\"detail-section__list-item\">
  604.                     <svg width=\"10\" height=\"10\" viewBox=\"0 0 10 10\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">
  605.                         <circle cx=\"5\" cy=\"5\" r=\"5\" fill=\"#8B6E00\" />
  606.                     </svg>
  608.                     <p class=\"detail-section__text\">結果： 焼き品質の均一化・人件費10％削減を実現。</p>
  609.                     </div>
  610.                 </div>
  611.                 </div>
  612.             </div>
  613.             </div>
  615.             <!-- about section text -->
  616.             <div class=\"section__right section__right-detail\">
  617.             <img src=\"";
  618.         // line 308
  619.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/img/default/image/image_detail.png"), "html", null, true);
  620.         echo "\" alt=\"WoodTechについて\" />
  621.             </div>
  622.         </div>
  623.         </div>
  625.         <!-- guide section -->
  626.         <div class=\"container-1200-fix\">
  627.         <div class=\"section__content_wrapper guide-section-wrapper\">
  628.             <div class=\"section__left guide-section__image-wrapper\">
  629.             <img class=\"guide-section__image\" src=\"";
  630.         // line 317
  631.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/img/default/image/image_guide.png"), "html", null, true);
  632.         echo "\" alt=\"WoodTechについて\" />
  633.             </div>
  635.             <!-- guide section text -->
  636.             <div class=\"section__right\">
  637.             <div class=\"guide-section__content\">
  638.                 <!-- Header -->
  639.                 <div class=\"guide-section__header\">
  640.                 <div class=\"guide-section__icon-wrapper\">
  641.                     <svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">
  642.                     <g clip-path=\"url(#clip0_207_428)\">
  643.                     <mask id=\"path-1-inside-1_207_428\" fill=\"white\">
  644.                     <path d=\"M10 1.31445C15.8212 1.31445 19.2227 3.34052 19.2227 9C19.2227 14.6595 15.8212 16.6855 10 16.6855C9.42351 16.6855 8.87085 16.6644 8.34277 16.623L2.93359 19.7471V14.7422C1.53023 13.5206 0.777344 11.6624 0.777344 9C0.777344 3.34052 4.17882 1.31445 10 1.31445Z\"/>
  645.                     </mask>
  646.                     <path d=\"M10 1.31445V-0.685547V1.31445ZM19.2227 9L21.2227 9V9H19.2227ZM10 16.6855L10 18.6855L10 16.6855ZM8.34277 16.623L8.49873 14.6291L7.87997 14.5807L7.34253 14.8911L8.34277 16.623ZM2.93359 19.7471H0.933594V23.2117L3.93384 21.479L2.93359 19.7471ZM2.93359 14.7422H4.93359V13.8315L4.2467 13.2336L2.93359 14.7422ZM0.777344 9L-1.22266 9L0.777344 9ZM10 1.31445L10 3.31445C12.7486 3.31445 14.517 3.80636 15.5748 4.62012C16.5208 5.34785 17.2227 6.5903 17.2227 9H19.2227H21.2227C21.2227 5.75022 20.2238 3.1499 18.0138 1.44972C15.9155 -0.164421 13.0726 -0.685547 10 -0.685547L10 1.31445ZM19.2227 9L17.2227 9C17.2227 11.4097 16.5208 12.6522 15.5748 13.3799C14.517 14.1936 12.7486 14.6855 10 14.6855L10 16.6855L10 18.6855C13.0726 18.6855 15.9155 18.1644 18.0138 16.5503C20.2238 14.8501 21.2227 12.2498 21.2227 9L19.2227 9ZM10 16.6855V14.6855C9.47238 14.6855 8.97185 14.6661 8.49873 14.6291L8.34277 16.623L8.18682 18.617C8.76985 18.6626 9.37464 18.6855 10 18.6855V16.6855ZM8.34277 16.623L7.34253 14.8911L1.93335 18.0152L2.93359 19.7471L3.93384 21.479L9.34302 18.355L8.34277 16.623ZM2.93359 19.7471H4.93359V14.7422H2.93359H0.933594V19.7471H2.93359ZM2.93359 14.7422L4.2467 13.2336C3.40679 12.5025 2.77734 11.2769 2.77734 9L0.777344 9L-1.22266 9C-1.22266 12.048 -0.346328 14.5387 1.62048 16.2507L2.93359 14.7422ZM0.777344 9H2.77734C2.77734 6.5903 3.47924 5.34785 4.42521 4.62012C5.48302 3.80636 7.25143 3.31445 10 3.31445V1.31445V-0.685547C6.92739 -0.685547 4.08447 -0.164421 1.98625 1.44972C-0.223815 3.1499 -1.22266 5.75022 -1.22266 9H0.777344Z\" fill=\"#828282\" mask=\"url(#path-1-inside-1_207_428)\"/>
  647.                     <circle cx=\"6.1875\" cy=\"9\" r=\"1.25\" fill=\"#828282\"/>
  648.                     <circle cx=\"10\" cy=\"9\" r=\"1.25\" fill=\"#828282\"/>
  649.                     <circle cx=\"13.8125\" cy=\"9\" r=\"1.25\" fill=\"#828282\"/>
  650.                     </g>
  651.                     <defs>
  652.                     <clipPath id=\"clip0_207_428\">
  653.                     <rect width=\"20\" height=\"20\" fill=\"white\"/>
  654.                     </clipPath>
  655.                     </defs>
  656.                     </svg>
  657.                 </div>
  658.                 <h3 class=\"guide-section__title\">利用者の声</h3>
  659.                 </div>
  661.                 <!-- Quote Content -->
  662.                 <div class=\"guide-section__quote\">
  663.                 <svg class=\"guide-section__quote-start\" width=\"22\" height=\"16\" viewBox=\"0 0 22 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">
  664.                     <path d=\"M10.4071 10.903C10.4558 13.324 8.8776 15.4373 5.94852 15.4373C3.01943 15.4373 0.898404 13.6863 0.765623 10.5573C0.768124 5.66795 2.9792 2.45827 4.48439 0.146973L7.75796 1.43551C7.07892 3.00802 6.45348 4.52693 6.32187 6.66694C8.54391 6.66694 10.3576 8.44455 10.4023 10.6661L10.4071 10.903Z\" fill=\"#D9D9D9\"/>
  665.                     <path d=\"M21.2352 10.903C21.2839 13.324 19.7057 15.4373 16.7766 15.4373C13.8476 15.4373 11.7265 13.6863 11.5937 10.5573C11.5962 5.66795 13.8073 2.45827 15.3125 0.146973L18.5861 1.43551C17.907 3.00802 17.2816 4.52693 17.15 6.66694C19.372 6.66694 21.1858 8.44455 21.2304 10.6661L21.2352 10.903Z\" fill=\"#D9D9D9\"/>
  666.                 </svg>
  668.                 <svg class=\"guide-section__quote-bottom\" width=\"96\" height=\"38\" viewBox=\"0 0 96 38\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">
  669.                     <path d=\"M1.5 0V16C1.5 20.4183 5.08172 24 9.5 24H14.5V34L30 24H96\" stroke=\"#D9D9D9\" stroke-width=\"3\"/>
  670.                 </svg>
  672.                 <div class=\"guide-section__quote-content\">
  673.                     <h4 class=\"guide-section__quote-heading\">炭にこだわりがあるって？</h4>
  674.                     <p class=\"guide-section__quote-subheading\">スミにおけないわね。</p>
  675.                 </div>
  677.                 <svg class=\"guide-section__quote-end\" width=\"22\" height=\"16\" viewBox=\"0 0 22 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">
  678.                     <path d=\"M11.5929 5.09701C11.5442 2.67595 13.1224 0.562695 16.0515 0.562695C18.9806 0.562695 21.1016 2.31372 21.2344 5.44266C21.2319 10.332 19.0208 13.5417 17.5156 15.853L14.242 14.5645C14.9211 12.992 15.5465 11.4731 15.6781 9.33306C13.4561 9.33306 11.6424 7.55545 11.5977 5.33387L11.5929 5.09701Z\" fill=\"#D9D9D9\"/>
  679.                     <path d=\"M0.7648 5.09701C0.716104 2.67595 2.29427 0.562695 5.22336 0.562695C8.15244 0.562695 10.2735 2.31372 10.4063 5.44266C10.4038 10.332 8.19268 13.5417 6.68748 15.853L3.41392 14.5645C4.09296 12.992 4.71839 11.4731 4.85 9.33306C2.62797 9.33306 0.814248 7.55545 0.769565 5.33387L0.7648 5.09701Z\" fill=\"#D9D9D9\"/>
  680.                 </svg>
  682.         </div>
  684.                 <!-- Description -->
  685.                 <p class=\"guide-section__description\">
  686.                 ユーザーの不明点を解決して信頼性を得る文章を書きます。<br>
  687.                 信頼性を得る文章を書きます。ユーザーの不明点を解決して信頼性を得る文章を書きます。木こりがいない時代だからこそ、テクノロジーで森を守る。<br>
  688.                 植林が未来の町を守り、地域を豊かにする。WoodTechは\"木と人と地域の循環\"を取り戻す挑戦を続けます。
  689.                 </p>
  690.             </div>
  691.             </div>
  692.         </div>
  693.         </div>
  695.         <!-- news section -->
  696.         <div class=\"container-1200-fix\">
  697.         <div class=\"news-section-wrapper\">
  698.             <div class=\"news-section__left\">
  699.             <div class=\"news-section__content\">
  700.                 <!-- Header -->
  701.                 <div class=\"news-section__header\">
  702.                 <img class=\"news-section__icon\" src=\"";
  703.         // line 387
  704.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/img/default/icons/icon-title.png"), "html", null, true);
  705.         echo "\" alt=\"\" width=\"64\" height=\"64\" />
  706.                 <h3 class=\"news-section__title\">お知らせ</h3>
  707.                 </div>
  709.                 <!-- Description -->
  710.                 <p class=\"news-section__description\">
  711.                 営業時間の情報や備長炭についての情報をお知らせいたします。
  712.                 </p>
  714.                 <!-- Button -->
  715.                 <button class=\"btn_primary news-section__button\" onclick=\"window.location.href='";
  716.         // line 397
  717.         echo $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getUrl("news_list");
  718.         echo "'\" type=\"button\">
  719.                     <span class=\"btn_primary-text\">お知らせ一覧</span>
  720.                     <img class=\"btn_primary-icon\" src=\"";
  721.         // line 399
  722.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/img/default/icons/icon-arrow-nav.svg"), "html", null, true);
  723.         echo "\" alt=\"\" width=\"24\" height=\"24\" />
  724.                 </button>
  725.             </div>
  726.             </div>
  727.             <div class=\"news-section__right\">
  728.             <div class=\"news-list\" id=\"news-list-id\">
  729.                 ";
  730.         // line 405
  731.         if ((twig_length_filter($this->env, (isset($context["latestNews"]) || array_key_exists("latestNews", $context) ? $context["latestNews"] : (function () { throw new RuntimeError('Variable "latestNews" does not exist.', 405, $this->source); })())) > 0)) {
  732.             // line 406
  733.             echo "                    ";
  734.             $context['_parent'] = $context;
  735.             $context['_seq'] = twig_ensure_traversable((isset($context["latestNews"]) || array_key_exists("latestNews", $context) ? $context["latestNews"] : (function () { throw new RuntimeError('Variable "latestNews" does not exist.', 406, $this->source); })()));
  736.             foreach ($context['_seq'] as $context["_key"] => $context["News"]) {
  737.                 // line 407
  738.                 echo "                        <article class=\"news-list__item\">
  739.                             <hr class=\"news-list__separator\" />
  740.                             ";
  741.                 // line 409
  742.                 if (twig_get_attribute($this->env, $this->source, $context["News"], "url", [], "any", false, false, false, 409)) {
  743.                     // line 410
  744.                     echo "                                ";
  745.                     if (twig_get_attribute($this->env, $this->source, $context["News"], "isLinkMethod", [], "any", false, false, false, 410)) {
  746.                         // line 411
  747.                         echo "                                    <a href=\"";
  748.                         echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["News"], "url", [], "any", false, false, false, 411), "html", null, true);
  749.                         echo "\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"news-list__link\">
  750.                                 ";
  751.                     } else {
  752.                         // line 413
  753.                         echo "                                    <a href=\"";
  754.                         echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["News"], "url", [], "any", false, false, false, 413), "html", null, true);
  755.                         echo "\" class=\"news-list__link\">
  756.                                 ";
  757.                     }
  758.                     // line 415
  759.                     echo "                            ";
  760.                 } else {
  761.                     // line 416
  762.                     echo "                                <a href=\"";
  763.                     echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getUrl("news_detail", ["id" => twig_get_attribute($this->env, $this->source, $context["News"], "id", [], "any", false, false, false, 416)]), "html", null, true);
  764.                     echo "\" class=\"news-list__link\">
  765.                             ";
  766.                 }
  767.                 // line 418
  768.                 echo "                                <div class=\"news-list__content\">
  769.                                     <img class=\"news-list__image\" src=\"";
  770.                 // line 419
  771.                 echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/img/default/image/news-image.png"), "html", null, true);
  772.                 echo "\" alt=\"";
  773.                 echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["News"], "title", [], "any", false, false, false, 419), "html", null, true);
  774.                 echo "\" />
  775.                                     <div class=\"news-list__info\">
  776.                                         <div class=\"news-list__text\">
  777.                                             <time class=\"news-list__date\">";
  778.                 // line 422
  779.                 echo twig_escape_filter($this->env, twig_date_format_filter($this->env, twig_get_attribute($this->env, $this->source, $context["News"], "publishDate", [], "any", false, false, false, 422), "Y.m.d"), "html", null, true);
  780.                 echo "</time>
  781.                                             <h2 class=\"news-list__title\">";
  782.                 // line 423
  783.                 echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["News"], "title", [], "any", false, false, false, 423), "html", null, true);
  784.                 echo "</h2>
  785.                                         </div>
  786.                                         <img class=\"news-list__arrow\" src=\"";
  787.                 // line 425
  788.                 echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/img/default/icons/icon-arrow-news-list.svg"), "html", null, true);
  789.                 echo "\" alt=\"\" width=\"24\" height=\"24\" />
  790.                                     </div>
  791.                                 </div>
  792.                             </a>
  793.                         </article>
  794.                     ";
  795.             }
  796.             $_parent = $context['_parent'];
  797.             unset($context['_seq'], $context['_iterated'], $context['_key'], $context['News'], $context['_parent'], $context['loop']);
  798.             $context = array_intersect_key($context, $_parent) + $_parent;
  799.             // line 431
  800.             echo "                ";
  801.         } else {
  802.             // line 432
  803.             echo "                    <!-- Fallback nếu không có tin tức -->
  804.                     <p>お知らせがありません。</p>
  805.                 ";
  806.         }
  807.         // line 435
  808.         echo "            </div>
  809.             </div>
  810.         </div>
  811.         </div>
  812.     </div>
  814.     <!-- Swiper JS cdn -->
  815.     <script src=\"";
  816.         // line 442
  817.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/js/swiper-bundle.min.js"), "html", null, true);
  818.         echo "\"></script>
  819.     <script>
  821.     document.addEventListener('DOMContentLoaded', function () {
  822.       const swiper = new Swiper('.banner-swiper', {
  823.         slidesPerView: 1.32,
  824.         spaceBetween: 8,
  825.         centeredSlides: true,
  826.         loop: true,
  827.         // autoplay: {
  828.         //   delay: 5000,
  829.         //   disableOnInteraction: false,
  830.         // },
  831.         pagination: {
  832.           el: '.banner-pagination',
  833.           clickable: true,
  834.           renderBullet: function (index, className) {
  835.             return '<div class=\"' + className + ' banner-pagination__bar\"></div>';
  836.           },
  837.         },
  838.         navigation: {
  839.           nextEl: '.banner-button-next',
  840.           prevEl: '.banner-button-prev',
  841.         },
  842.         breakpoints: {
  843.           1200: {
  844.             slidesPerView: 1.32,
  845.           },
  846.           890: {
  847.             slidesPerView: 1.1,
  848.           },
  849.           0: {
  850.             slidesPerView: 1.18,
  851.           },
  852.         },
  853.       });
  855.       // swiper product mobile only
  856.       const productSwiper = new Swiper('.product-swiper', {
  857.         slidesPerView: 1.2,
  858.         spaceBetween: 16,
  859.         loop: true,
  860.          pagination: {
  861.           el: '.banner-pagination',
  862.           clickable: true,
  863.           renderBullet: function (index, className) {
  864.             return '<div class=\"' + className + ' banner-pagination__bar\"></div>';
  865.           },
  866.         },
  867.         navigation: {
  868.           nextEl: '.banner-button-next',
  869.           prevEl: '.banner-button-prev',
  870.         },
  871.         breakpoints: {
  872.           600: {
  873.             slidesPerView: 2.2,
  874.           },
  875.           0: {
  876.             slidesPerView: 1.2,
  877.           },
  878.         },
  879.       });
  880.     });
  881.     </script>
  882. ";
  883.         
  884.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->leave($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof);
  886.         
  887.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->leave($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof);
  889.     }
  891.     public function getTemplateName()
  892.     {
  893.         return "index.twig";
  894.     }
  896.     public function isTraitable()
  897.     {
  898.         return false;
  899.     }
  901.     public function getDebugInfo()
  902.     {
  903.         return array (  817 => 442,  808 => 435,  803 => 432,  800 => 431,  788 => 425,  783 => 423,  779 => 422,  771 => 419,  768 => 418,  762 => 416,  759 => 415,  753 => 413,  747 => 411,  744 => 410,  742 => 409,  738 => 407,  733 => 406,  731 => 405,  722 => 399,  717 => 397,  704 => 387,  631 => 317,  619 => 308,  535 => 227,  514 => 209,  509 => 207,  478 => 179,  465 => 169,  460 => 167,  448 => 157,  427 => 150,  422 => 148,  419 => 147,  411 => 145,  405 => 143,  403 => 142,  396 => 138,  390 => 135,  384 => 134,  379 => 132,  375 => 130,  358 => 129,  348 => 122,  337 => 113,  317 => 107,  312 => 105,  309 => 104,  301 => 102,  295 => 100,  293 => 99,  286 => 95,  280 => 92,  274 => 91,  269 => 89,  266 => 88,  249 => 87,  240 => 81,  235 => 79,  229 => 76,  213 => 62,  186 => 57,  178 => 52,  173 => 50,  158 => 37,  141 => 36,  134 => 31,  132 => 30,  122 => 29,  109 => 24,  99 => 23,  86 => 19,  82 => 18,  78 => 17,  73 => 16,  63 => 15,  52 => 11,  50 => 13,  37 => 11,);
  904.     }
  906.     public function getSourceContext()
  907.     {
  908.         return new Source("{#
  909. This file is part of EC-CUBE
  911. Copyright(c) EC-CUBE CO.,LTD. All Rights Reserved.
  913. http://www.ec-cube.co.jp/
  915. For the full copyright and license information, please view the LICENSE
  916. file that was distributed with this source code.
  917. #}
  918. {% extends 'default_frame.twig' %}
  920. {% set body_class = 'front_page' %}
  922. {% block stylesheet %}
  923.     <link rel=\"stylesheet\" href=\"{{ asset('assets/css/news-list.css') }}\">
  924.     <link rel=\"stylesheet\" href=\"{{ asset('assets/css/product-list.css') }}\">
  925.     <link rel=\"stylesheet\" href=\"{{ asset('assets/css/home.css') }}\">
  926.     <link rel=\"stylesheet\" href=\"{{ asset('assets/css/swiper-bundle.min.css') }}\" defer>
  928. {% endblock %}
  930. {% block javascript %}
  931.     <script>
  933.     </script>
  934. {% endblock javascript %}
  936. {% block main %}
  937.     {# home #}
  939.     <!-- home page -->
  940.     <div class=\"banner-section-ui\">
  941.         <div class=\"swiper banner-swiper\">
  942.         <div class=\"swiper-wrapper\" id=\"banner-slide-id\">
  943.         {% for item in range(1, 4) %}
  944.             <div class=\"swiper-slide\">
  945.                 <div class=\"banner-slide\">
  946.                 <div class=\"banner-slide__content\">
  947.                     <div class=\"banner-slide__text\">
  948.                     <h2 class=\"banner-slide__heading\">
  949.                         <span class=\"banner-slide__heading-line1\">あの備長炭が</span>
  950.                         <span class=\"banner-slide__heading-line2\">買えてしまう。</span>
  951.                     </h2>
  952.                     <p class=\"banner-slide__description\">
  953.                         木こりがいない時代だからこそ、テクノロジーで森を守る。<br>
  954.                         植林が未来の町を守り、地域を豊かにする。<br>
  955.                         WoodTechは\"木と人と地域の循環\"を取り戻す挑戦を続けます。
  956.                     </p>
  957.                     <button class=\"btn_primary banner-slide__button\" type=\"button\" onclick=\"window.location.href='{{ url('help_about') }}'\">
  958.                         <span class=\"btn_primary-text\">WoodTechとは</span>
  959.                         <img class=\"btn_primary-icon\" src=\"{{ asset('assets/img/default/icons/icon-arrow-nav.svg') }}\" alt=\"\" width=\"24\" height=\"24\" />
  960.                     </button>
  961.                     </div>
  962.                 </div>
  963.                 <div class=\"banner-slide__image banner-slide__image-right\">
  964.                     <img src=\" {% if loop.index % 2 == 1 %} {{ asset('assets/img/default/image/image_banner.png') }} {% else %} {{ asset('assets/img/default/image/image_banner_2.png') }} {% endif %}\" alt=\"\" />
  965.                 </div>
  966.                 </div>
  967.             </div>
  968.         {% endfor %}
  969.         </div>
  970.         <!-- Pagination -->
  971.         <div class=\"swiper-pagination banner-pagination\"></div>
  972.         <!-- Navigation -->
  973.         <div class=\"swiper-button-next banner-button-next\"></div>
  974.         <div class=\"swiper-button-prev banner-button-prev\"></div>
  975.         </div>
  977.         <!-- product section -->
  978.         <div class=\"container-1200-fix product-section desktop-only-890\">
  979.         <div class=\"product-section__wrapper\">
  980.             <!-- title -->
  981.             <div class=\"base-title-wrapper\">
  982.             <div class=\"base-title\">
  983.                 <img class=\"base-title__icon\" src=\"{{ asset('assets/img/default/icons/icon-title.png') }}\" alt=\"\" width=\"48\" height=\"48\" />
  984.                 <h2 class=\"base-title__text-heading\">売れ筋ランキング</h2>
  985.             </div>
  986.             <button onclick=\"window.location.href='{{ url('product_list') }}'\" class=\"btn_primary btn_primary--outline base-title__button\" type=\"button\">
  987.                 <span class=\"btn_primary-text\">商品一覧</span>
  988.                 <img class=\"btn_primary-icon\" src=\"{{ asset('assets/img/default/icons/icon-arrow-nav.svg') }}\" alt=\"\" width=\"24\" height=\"24\" />
  989.             </button>
  990.             </div>
  992.             <!-- product list -->
  993.             <div class=\"product-list\" id=\"home-product-list\">
  994.                 {% for Product in topRankingProducts %}
  995.                 <article class=\"product-card product-card--ranking\">
  996.                     <a href=\"{{ url('product_detail', {'id': Product.id}) }}\" class=\"product-card__link\">
  997.                     <div class=\"product-card__image relative\">
  998.                         <img src=\"{{ asset(Product.main_list_image|no_image_product, 'save_image') }}\" alt=\"{{ Product.name }}\" />
  999.                         <div class=\"ranking-badge\">{{ loop.index }}位</div>
  1000.                     </div>
  1001.                     <div class=\"product-card__info\">
  1002.                         <div class=\"product-card__badge\">{{ Product.name }}</div>
  1003.                         <div class=\"product-card__details\">
  1004.                         <p class=\"product-card__price\">
  1005.                             <span class=\"product-card__price-main\">
  1006.                                 {% if Product.getPrice02Min == Product.getPrice02Max %}
  1007.                                     {{ Product.getPrice02IncTaxMin|price }}
  1008.                                 {% else %}
  1009.                                     {{ Product.getPrice02IncTaxMin|price }} ～ {{ Product.getPrice02IncTaxMax|price }}
  1010.                                 {% endif %}
  1011.                             </span>
  1012.                             <span class=\"product-card__price-tax\">(税抜 {{ Product.getPrice02Min|price }}円)</span>
  1013.                         </p>
  1014.                         <img class=\"product-card__arrow\" src=\"{{ asset('assets/img/default/icons/icon-product-arrow.svg') }}\" alt=\"\" width=\"24\" height=\"24\" />
  1015.                         </div>
  1016.                     </div>
  1017.                     </a>
  1018.                 </article>
  1019.                 {% endfor %}
  1020.             </div>
  1021.         </div>
  1022.         </div>
  1024.         <!-- product slide mobile only -->
  1025.         <div class=\"mobile-only-890 mobile_slider_wrapper product-section\">
  1027.         <!-- title -->
  1028.         <div class=\"base-title pl-16\">
  1029.             <img class=\"base-title__icon\" src=\"{{ asset('assets/img/default/icons/icon-title.png') }}\" alt=\"\" width=\"48\" height=\"48\" />
  1030.             <h2 class=\"base-title__text-heading\">売れ筋ランキング</h2>
  1031.         </div>
  1033.         <!-- slider -->
  1034.         <div class=\"swiper product-swiper\">
  1035.             <div class=\"swiper-wrapper product-swiper__wrapper\" id=\"product-slide-id\">
  1036.                 {% for Product in topRankingProducts %}
  1037.                 <div class=\"swiper-slide\">
  1038.                     <article class=\"product-card product-card--ranking product-card--ranking-mobile\">
  1039.                         <a href=\"{{ url('product_detail', {'id': Product.id}) }}\" class=\"product-card__link\">
  1040.                         <div class=\"product-card__image relative\">
  1041.                             <img src=\"{{ asset(Product.main_list_image|no_image_product, 'save_image') }}\" alt=\"{{ Product.name }}\" />
  1042.                             <div class=\"ranking-badge\">{{ loop.index }}位</div>
  1043.                         </div>
  1044.                         <div class=\"product-card__info\">
  1045.                             <div class=\"product-card__badge\">{{ Product.name }}</div>
  1046.                             <div class=\"product-card__details\">
  1047.                             <p class=\"product-card__price\">
  1048.                                 <span class=\"product-card__price-main\">
  1049.                                     {% if Product.getPrice02Min == Product.getPrice02Max %}
  1050.                                         {{ Product.getPrice02IncTaxMin|price }}
  1051.                                     {% else %}
  1052.                                         {{ Product.getPrice02IncTaxMin|price }} ～ {{ Product.getPrice02IncTaxMax|price }}
  1053.                                     {% endif %}
  1054.                                 </span>
  1055.                                 <span class=\"product-card__price-tax\">(税抜 {{ Product.getPrice02Min|price }}円)</span>
  1056.                             </p>
  1057.                             <img class=\"product-card__arrow\" src=\"{{ asset('assets/img/default/icons/icon-product-arrow.svg') }}\" alt=\"\" width=\"24\" height=\"24\" />
  1058.                             </div>
  1059.                         </div>
  1060.                         </a>
  1061.                     </article>
  1062.                 </div>
  1063.                 {% endfor %}
  1064.             </div>
  1065.             <!-- Pagination -->
  1066.             <div class=\"swiper-pagination banner-pagination\"></div>
  1067.             <!-- Navigation -->
  1068.             <div class=\"swiper-button-next banner-button-next\"></div>
  1069.             <div class=\"swiper-button-prev banner-button-prev\"></div>
  1070.         </div>
  1072.         <!-- button mobile only -->
  1073.         <div class=\"pl-16\">
  1074.             <button onclick=\"window.location.href='{{ url('product_list') }}'\" class=\"btn_primary btn_primary--outline base-title__button\" type=\"button\">
  1075.             <span class=\"btn_primary-text\">商品一覧</span>
  1076.             <img class=\"btn_primary-icon\" src=\"{{ asset('assets/img/default/icons/icon-arrow-nav.svg') }}\" alt=\"\" width=\"24\" height=\"24\" />
  1077.             </button>
  1078.         </div>
  1079.         </div>
  1082.         <!-- about section -->
  1083.         <div class=\"container-1200-fix about-section\">
  1084.         <div class=\"section__content_wrapper\">
  1085.             <div class=\"section__left about_left_image_wrapper\">
  1086.             <img class=\"about_left_image\" src=\"{{ asset('assets/img/default/image/image_about.png') }}\" alt=\"WoodTechについて\" />
  1087.             </div>
  1089.             <!-- about section text -->
  1090.             <div class=\"section__right\">
  1091.             <div class=\"about-section__content\">
  1092.                 <div>
  1093.                 <div class=\"about-section__section-header\">
  1094.                     <svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">
  1095.                     <circle cx=\"10\" cy=\"10\" r=\"8\" stroke=\"#828282\" stroke-width=\"2\" />
  1096.                     <path
  1097.                         d=\"M7.12671 8.30348C6.93657 6.66853 8.03012 5.17139 10.1251 5.17139C12.0661 5.17139 13.5076 6.63983 13.1489 8.17661C12.6279 10.4089 10.2424 9.78737 9.92637 12.143\"
  1098.                         stroke=\"#828282\" stroke-width=\"2\" stroke-linecap=\"round\" />
  1099.                     <circle cx=\"10\" cy=\"15.0176\" r=\"1.30469\" fill=\"#828282\" />
  1100.                     </svg>
  1101.                     <h3 class=\"about-section__section-title\">WoodTechとは</h3>
  1102.                 </div>
  1103.                 <h4 class=\"about-section__heading\">炭にこだわりがあるって？</h4>
  1104.                 <p class=\"about-section__subheading\">スミにおけないわね。</p>
  1105.                 </div>
  1106.                 <p class=\"about-section__description\">
  1107.                 WoodTechは、木こりの減少で荒れてしまった森をテクノロジーで守り、次世代へつなぐことを目指します。
  1108.                 </p>
  1109.                 <p class=\"about-section__description\">
  1110.                 木こりがいない時代だからこそ、テクノロジーで森を守る。<br>
  1111.                 植林が未来の町を守り、地域を豊かにする。<br>
  1112.                 WoodTechは“木と人と地域の循環”を取り戻す挑戦を続けます。
  1113.                 </p>
  1114.                 <button class=\"btn_primary about-section__button\" type=\"button\" onclick=\"window.location.href='{{ url('help_about') }}'\">
  1115.                 <span class=\"btn_primary-text\">運営について</span>
  1116.                 <img class=\"btn_primary-icon\" src=\"{{ asset('assets/img/default/icons/icon-arrow-nav.svg') }}\" alt=\"\" width=\"24\" height=\"24\" />
  1117.                 </button>
  1118.             </div>
  1119.             </div>
  1120.         </div>
  1121.         </div>
  1123.         <!-- detail section -->
  1124.         <div class=\"container-1200-fix\">
  1125.         <div class=\"section__content_wrapper\">
  1126.             <div class=\"section__left section__left-detail\">
  1127.             <div class=\"detail-section__content\">
  1130.                 <!-- Store Info -->
  1131.                 <div class=\"detail-section__info\">
  1132.                 <!-- title section -->
  1133.                 <div class=\"base-title m-0\">
  1134.                     <img class=\"base-title__icon\" src=\"{{ asset('assets/img/default/icons/icon-title.png') }}\" alt=\"\" width=\"48\" height=\"48\" />
  1135.                     <h2 class=\"base-title__text-heading\">導入事例</h2>
  1136.                 </div>
  1137.                 <div class=\"detail-section__info-row\">
  1138.                     <div class=\"detail-section__badge\">店舗名／業種</div>
  1139.                     <div class=\"detail-section__value\">炭火焼専門店「ほの家」／焼鳥・居酒屋業態</div>
  1140.                 </div>
  1141.                 <div class=\"detail-section__info-row\">
  1142.                     <div class=\"detail-section__badge\">利用規模</div>
  1143.                     <div class=\"detail-section__value\">120kg / 月</div>
  1144.                 </div>
  1145.                 </div>
  1147.                 <!-- Before Introduction -->
  1148.                 <div class=\"detail-section__before\">
  1149.                 <div class=\"detail-section__section-header\">
  1150.                     <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">
  1151.                     <g opacity=\"0.4\">
  1152.                     <circle cx=\"12\" cy=\"12\" r=\"9\" stroke=\"#353535\" stroke-width=\"2\"/>
  1153.                     <path d=\"M7.60156 11.6567L11.1371 15.1923L16.794 9.53542\" stroke=\"#353535\" stroke-width=\"2\"/>
  1154.                     </g>
  1155.                     </svg>
  1157.                     <h4 class=\"detail-section__section-title\">導入前の課題</h4>
  1158.                 </div>
  1159.                 <div class=\"detail-section__list\">
  1160.                     <div class=\"detail-section__list-item\">
  1161.                     <svg width=\"10\" height=\"10\" viewBox=\"0 0 10 10\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">
  1162.                         <circle cx=\"5\" cy=\"5\" r=\"5\" fill=\"#828282\" />
  1163.                     </svg>
  1165.                     <p class=\"detail-section__text\">従来は国産炭と輸入炭を混在利用していたが、火力が不安定で焼きムラが発生。</p>
  1166.                     </div>
  1167.                     <div class=\"detail-section__list-item\">
  1168.                     <svg width=\"10\" height=\"10\" viewBox=\"0 0 10 10\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">
  1169.                         <circle cx=\"5\" cy=\"5\" r=\"5\" fill=\"#828282\" />
  1170.                     </svg>
  1172.                     <p class=\"detail-section__text\">高温維持のために常に追加が必要で、ピーク時の作業負担が大きかった</p>
  1173.                     </div>
  1174.                 </div>
  1175.                 </div>
  1177.                 <!-- After Introduction -->
  1178.                 <div class=\"detail-section__after\">
  1179.                 <div class=\"detail-section__section-header detail-section__section-header--after\">
  1180.                     <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">
  1181.                     <circle cx=\"12\" cy=\"12\" r=\"9\" stroke=\"white\" stroke-width=\"2\"/>
  1182.                     <path d=\"M7.60156 11.6567L11.1371 15.1923L16.794 9.53542\" stroke=\"white\" stroke-width=\"2\"/>
  1183.                     </svg>
  1184.                     <h4 class=\"detail-section__section-title detail-section__section-title--after\">導入後の効果</h4>
  1185.                 </div>
  1186.                 <div class=\"detail-section__list\">
  1187.                     <div class=\"detail-section__list-item\">
  1188.                     <svg width=\"10\" height=\"10\" viewBox=\"0 0 10 10\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">
  1189.                         <circle cx=\"5\" cy=\"5\" r=\"5\" fill=\"#8B6E00\" />
  1190.                     </svg>
  1192.                     <p class=\"detail-section__text\">火持ちが安定し、1回の火入れで営業終了まで持続。</p>
  1193.                     </div>
  1194.                     <div class=\"detail-section__list-item\">
  1195.                     <svg width=\"10\" height=\"10\" viewBox=\"0 0 10 10\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">
  1196.                         <circle cx=\"5\" cy=\"5\" r=\"5\" fill=\"#8B6E00\" />
  1197.                     </svg>
  1199.                     <p class=\"detail-section__text\">スタッフの炭追加回数が半減し、仕込み時間も短縮。</p>
  1200.                     </div>
  1201.                     <div class=\"detail-section__list-item\">
  1202.                     <svg width=\"10\" height=\"10\" viewBox=\"0 0 10 10\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">
  1203.                         <circle cx=\"5\" cy=\"5\" r=\"5\" fill=\"#8B6E00\" />
  1204.                     </svg>
  1206.                     <p class=\"detail-section__text\">結果： 焼き品質の均一化・人件費10％削減を実現。</p>
  1207.                     </div>
  1208.                 </div>
  1209.                 </div>
  1210.             </div>
  1211.             </div>
  1213.             <!-- about section text -->
  1214.             <div class=\"section__right section__right-detail\">
  1215.             <img src=\"{{ asset('assets/img/default/image/image_detail.png') }}\" alt=\"WoodTechについて\" />
  1216.             </div>
  1217.         </div>
  1218.         </div>
  1220.         <!-- guide section -->
  1221.         <div class=\"container-1200-fix\">
  1222.         <div class=\"section__content_wrapper guide-section-wrapper\">
  1223.             <div class=\"section__left guide-section__image-wrapper\">
  1224.             <img class=\"guide-section__image\" src=\"{{ asset('assets/img/default/image/image_guide.png') }}\" alt=\"WoodTechについて\" />
  1225.             </div>
  1227.             <!-- guide section text -->
  1228.             <div class=\"section__right\">
  1229.             <div class=\"guide-section__content\">
  1230.                 <!-- Header -->
  1231.                 <div class=\"guide-section__header\">
  1232.                 <div class=\"guide-section__icon-wrapper\">
  1233.                     <svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">
  1234.                     <g clip-path=\"url(#clip0_207_428)\">
  1235.                     <mask id=\"path-1-inside-1_207_428\" fill=\"white\">
  1236.                     <path d=\"M10 1.31445C15.8212 1.31445 19.2227 3.34052 19.2227 9C19.2227 14.6595 15.8212 16.6855 10 16.6855C9.42351 16.6855 8.87085 16.6644 8.34277 16.623L2.93359 19.7471V14.7422C1.53023 13.5206 0.777344 11.6624 0.777344 9C0.777344 3.34052 4.17882 1.31445 10 1.31445Z\"/>
  1237.                     </mask>
  1238.                     <path d=\"M10 1.31445V-0.685547V1.31445ZM19.2227 9L21.2227 9V9H19.2227ZM10 16.6855L10 18.6855L10 16.6855ZM8.34277 16.623L8.49873 14.6291L7.87997 14.5807L7.34253 14.8911L8.34277 16.623ZM2.93359 19.7471H0.933594V23.2117L3.93384 21.479L2.93359 19.7471ZM2.93359 14.7422H4.93359V13.8315L4.2467 13.2336L2.93359 14.7422ZM0.777344 9L-1.22266 9L0.777344 9ZM10 1.31445L10 3.31445C12.7486 3.31445 14.517 3.80636 15.5748 4.62012C16.5208 5.34785 17.2227 6.5903 17.2227 9H19.2227H21.2227C21.2227 5.75022 20.2238 3.1499 18.0138 1.44972C15.9155 -0.164421 13.0726 -0.685547 10 -0.685547L10 1.31445ZM19.2227 9L17.2227 9C17.2227 11.4097 16.5208 12.6522 15.5748 13.3799C14.517 14.1936 12.7486 14.6855 10 14.6855L10 16.6855L10 18.6855C13.0726 18.6855 15.9155 18.1644 18.0138 16.5503C20.2238 14.8501 21.2227 12.2498 21.2227 9L19.2227 9ZM10 16.6855V14.6855C9.47238 14.6855 8.97185 14.6661 8.49873 14.6291L8.34277 16.623L8.18682 18.617C8.76985 18.6626 9.37464 18.6855 10 18.6855V16.6855ZM8.34277 16.623L7.34253 14.8911L1.93335 18.0152L2.93359 19.7471L3.93384 21.479L9.34302 18.355L8.34277 16.623ZM2.93359 19.7471H4.93359V14.7422H2.93359H0.933594V19.7471H2.93359ZM2.93359 14.7422L4.2467 13.2336C3.40679 12.5025 2.77734 11.2769 2.77734 9L0.777344 9L-1.22266 9C-1.22266 12.048 -0.346328 14.5387 1.62048 16.2507L2.93359 14.7422ZM0.777344 9H2.77734C2.77734 6.5903 3.47924 5.34785 4.42521 4.62012C5.48302 3.80636 7.25143 3.31445 10 3.31445V1.31445V-0.685547C6.92739 -0.685547 4.08447 -0.164421 1.98625 1.44972C-0.223815 3.1499 -1.22266 5.75022 -1.22266 9H0.777344Z\" fill=\"#828282\" mask=\"url(#path-1-inside-1_207_428)\"/>
  1239.                     <circle cx=\"6.1875\" cy=\"9\" r=\"1.25\" fill=\"#828282\"/>
  1240.                     <circle cx=\"10\" cy=\"9\" r=\"1.25\" fill=\"#828282\"/>
  1241.                     <circle cx=\"13.8125\" cy=\"9\" r=\"1.25\" fill=\"#828282\"/>
  1242.                     </g>
  1243.                     <defs>
  1244.                     <clipPath id=\"clip0_207_428\">
  1245.                     <rect width=\"20\" height=\"20\" fill=\"white\"/>
  1246.                     </clipPath>
  1247.                     </defs>
  1248.                     </svg>
  1249.                 </div>
  1250.                 <h3 class=\"guide-section__title\">利用者の声</h3>
  1251.                 </div>
  1253.                 <!-- Quote Content -->
  1254.                 <div class=\"guide-section__quote\">
  1255.                 <svg class=\"guide-section__quote-start\" width=\"22\" height=\"16\" viewBox=\"0 0 22 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">
  1256.                     <path d=\"M10.4071 10.903C10.4558 13.324 8.8776 15.4373 5.94852 15.4373C3.01943 15.4373 0.898404 13.6863 0.765623 10.5573C0.768124 5.66795 2.9792 2.45827 4.48439 0.146973L7.75796 1.43551C7.07892 3.00802 6.45348 4.52693 6.32187 6.66694C8.54391 6.66694 10.3576 8.44455 10.4023 10.6661L10.4071 10.903Z\" fill=\"#D9D9D9\"/>
  1257.                     <path d=\"M21.2352 10.903C21.2839 13.324 19.7057 15.4373 16.7766 15.4373C13.8476 15.4373 11.7265 13.6863 11.5937 10.5573C11.5962 5.66795 13.8073 2.45827 15.3125 0.146973L18.5861 1.43551C17.907 3.00802 17.2816 4.52693 17.15 6.66694C19.372 6.66694 21.1858 8.44455 21.2304 10.6661L21.2352 10.903Z\" fill=\"#D9D9D9\"/>
  1258.                 </svg>
  1260.                 <svg class=\"guide-section__quote-bottom\" width=\"96\" height=\"38\" viewBox=\"0 0 96 38\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">
  1261.                     <path d=\"M1.5 0V16C1.5 20.4183 5.08172 24 9.5 24H14.5V34L30 24H96\" stroke=\"#D9D9D9\" stroke-width=\"3\"/>
  1262.                 </svg>
  1264.                 <div class=\"guide-section__quote-content\">
  1265.                     <h4 class=\"guide-section__quote-heading\">炭にこだわりがあるって？</h4>
  1266.                     <p class=\"guide-section__quote-subheading\">スミにおけないわね。</p>
  1267.                 </div>
  1269.                 <svg class=\"guide-section__quote-end\" width=\"22\" height=\"16\" viewBox=\"0 0 22 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">
  1270.                     <path d=\"M11.5929 5.09701C11.5442 2.67595 13.1224 0.562695 16.0515 0.562695C18.9806 0.562695 21.1016 2.31372 21.2344 5.44266C21.2319 10.332 19.0208 13.5417 17.5156 15.853L14.242 14.5645C14.9211 12.992 15.5465 11.4731 15.6781 9.33306C13.4561 9.33306 11.6424 7.55545 11.5977 5.33387L11.5929 5.09701Z\" fill=\"#D9D9D9\"/>
  1271.                     <path d=\"M0.7648 5.09701C0.716104 2.67595 2.29427 0.562695 5.22336 0.562695C8.15244 0.562695 10.2735 2.31372 10.4063 5.44266C10.4038 10.332 8.19268 13.5417 6.68748 15.853L3.41392 14.5645C4.09296 12.992 4.71839 11.4731 4.85 9.33306C2.62797 9.33306 0.814248 7.55545 0.769565 5.33387L0.7648 5.09701Z\" fill=\"#D9D9D9\"/>
  1272.                 </svg>
  1274.         </div>
  1276.                 <!-- Description -->
  1277.                 <p class=\"guide-section__description\">
  1278.                 ユーザーの不明点を解決して信頼性を得る文章を書きます。<br>
  1279.                 信頼性を得る文章を書きます。ユーザーの不明点を解決して信頼性を得る文章を書きます。木こりがいない時代だからこそ、テクノロジーで森を守る。<br>
  1280.                 植林が未来の町を守り、地域を豊かにする。WoodTechは\"木と人と地域の循環\"を取り戻す挑戦を続けます。
  1281.                 </p>
  1282.             </div>
  1283.             </div>
  1284.         </div>
  1285.         </div>
  1287.         <!-- news section -->
  1288.         <div class=\"container-1200-fix\">
  1289.         <div class=\"news-section-wrapper\">
  1290.             <div class=\"news-section__left\">
  1291.             <div class=\"news-section__content\">
  1292.                 <!-- Header -->
  1293.                 <div class=\"news-section__header\">
  1294.                 <img class=\"news-section__icon\" src=\"{{ asset('assets/img/default/icons/icon-title.png') }}\" alt=\"\" width=\"64\" height=\"64\" />
  1295.                 <h3 class=\"news-section__title\">お知らせ</h3>
  1296.                 </div>
  1298.                 <!-- Description -->
  1299.                 <p class=\"news-section__description\">
  1300.                 営業時間の情報や備長炭についての情報をお知らせいたします。
  1301.                 </p>
  1303.                 <!-- Button -->
  1304.                 <button class=\"btn_primary news-section__button\" onclick=\"window.location.href='{{ url('news_list') }}'\" type=\"button\">
  1305.                     <span class=\"btn_primary-text\">お知らせ一覧</span>
  1306.                     <img class=\"btn_primary-icon\" src=\"{{ asset('assets/img/default/icons/icon-arrow-nav.svg') }}\" alt=\"\" width=\"24\" height=\"24\" />
  1307.                 </button>
  1308.             </div>
  1309.             </div>
  1310.             <div class=\"news-section__right\">
  1311.             <div class=\"news-list\" id=\"news-list-id\">
  1312.                 {% if latestNews|length > 0 %}
  1313.                     {% for News in latestNews %}
  1314.                         <article class=\"news-list__item\">
  1315.                             <hr class=\"news-list__separator\" />
  1316.                             {% if News.url %}
  1317.                                 {% if News.isLinkMethod %}
  1318.                                     <a href=\"{{ News.url }}\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"news-list__link\">
  1319.                                 {% else %}
  1320.                                     <a href=\"{{ News.url }}\" class=\"news-list__link\">
  1321.                                 {% endif %}
  1322.                             {% else %}
  1323.                                 <a href=\"{{ url('news_detail', {'id': News.id}) }}\" class=\"news-list__link\">
  1324.                             {% endif %}
  1325.                                 <div class=\"news-list__content\">
  1326.                                     <img class=\"news-list__image\" src=\"{{ asset('assets/img/default/image/news-image.png') }}\" alt=\"{{ News.title }}\" />
  1327.                                     <div class=\"news-list__info\">
  1328.                                         <div class=\"news-list__text\">
  1329.                                             <time class=\"news-list__date\">{{ News.publishDate|date('Y.m.d') }}</time>
  1330.                                             <h2 class=\"news-list__title\">{{ News.title }}</h2>
  1331.                                         </div>
  1332.                                         <img class=\"news-list__arrow\" src=\"{{ asset('assets/img/default/icons/icon-arrow-news-list.svg') }}\" alt=\"\" width=\"24\" height=\"24\" />
  1333.                                     </div>
  1334.                                 </div>
  1335.                             </a>
  1336.                         </article>
  1337.                     {% endfor %}
  1338.                 {% else %}
  1339.                     <!-- Fallback nếu không có tin tức -->
  1340.                     <p>お知らせがありません。</p>
  1341.                 {% endif %}
  1342.             </div>
  1343.             </div>
  1344.         </div>
  1345.         </div>
  1346.     </div>
  1348.     <!-- Swiper JS cdn -->
  1349.     <script src=\"{{ asset('assets/js/swiper-bundle.min.js') }}\"></script>
  1350.     <script>
  1352.     document.addEventListener('DOMContentLoaded', function () {
  1353.       const swiper = new Swiper('.banner-swiper', {
  1354.         slidesPerView: 1.32,
  1355.         spaceBetween: 8,
  1356.         centeredSlides: true,
  1357.         loop: true,
  1358.         // autoplay: {
  1359.         //   delay: 5000,
  1360.         //   disableOnInteraction: false,
  1361.         // },
  1362.         pagination: {
  1363.           el: '.banner-pagination',
  1364.           clickable: true,
  1365.           renderBullet: function (index, className) {
  1366.             return '<div class=\"' + className + ' banner-pagination__bar\"></div>';
  1367.           },
  1368.         },
  1369.         navigation: {
  1370.           nextEl: '.banner-button-next',
  1371.           prevEl: '.banner-button-prev',
  1372.         },
  1373.         breakpoints: {
  1374.           1200: {
  1375.             slidesPerView: 1.32,
  1376.           },
  1377.           890: {
  1378.             slidesPerView: 1.1,
  1379.           },
  1380.           0: {
  1381.             slidesPerView: 1.18,
  1382.           },
  1383.         },
  1384.       });
  1386.       // swiper product mobile only
  1387.       const productSwiper = new Swiper('.product-swiper', {
  1388.         slidesPerView: 1.2,
  1389.         spaceBetween: 16,
  1390.         loop: true,
  1391.          pagination: {
  1392.           el: '.banner-pagination',
  1393.           clickable: true,
  1394.           renderBullet: function (index, className) {
  1395.             return '<div class=\"' + className + ' banner-pagination__bar\"></div>';
  1396.           },
  1397.         },
  1398.         navigation: {
  1399.           nextEl: '.banner-button-next',
  1400.           prevEl: '.banner-button-prev',
  1401.         },
  1402.         breakpoints: {
  1403.           600: {
  1404.             slidesPerView: 2.2,
  1405.           },
  1406.           0: {
  1407.             slidesPerView: 1.2,
  1408.           },
  1409.         },
  1410.       });
  1411.     });
  1412.     </script>
  1413. {% endblock %}
  1414. ", "index.twig", "/home/c9857171/public_html/wood-tech.tech/app/template/default/index.twig");
  1415.     }
  1416. }