var/cache/dev/twig/8d/8d6be9c6b3965ffbf340b9fa60ca3b5ea0075a9edb29f001397e76788ed54003.php line 38

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. /* Help/about_furusatotax.twig */
  16. class __TwigTemplate_c7d0e154b07a62aef3e8e44959a20d0504a33de5ea10a71bd0c06b5e97922526 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.             'main' => [$this, 'block_main'],
  29.         ];
  30.     }
  32.     protected function doGetParent(array $context)
  33.     {
  34.         // line 1
  35.         return "default_frame.twig";
  36.     }
  38.     protected function doDisplay(array $context, array $blocks = [])
  39.     {
  40.         $macros = $this->macros;
  41.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  42.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->enter($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "template", "Help/about_furusatotax.twig"));
  44.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02 = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  45.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->enter($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "template", "Help/about_furusatotax.twig"));
  47.         $this->parent = $this->loadTemplate("default_frame.twig", "Help/about_furusatotax.twig", 1);
  48.         $this->parent->display($context, array_merge($this->blocks, $blocks));
  49.         
  50.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->leave($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof);
  52.         
  53.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->leave($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof);
  55.     }
  57.     // line 3
  58.     public function block_main($context, array $blocks = [])
  59.     {
  60.         $macros = $this->macros;
  61.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  62.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->enter($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "main"));
  64.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02 = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  65.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->enter($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "main"));
  67.         // line 4
  68.         echo "
  69. <style>
  70.     html {
  71.       scroll-behavior: smooth;
  72.     }
  73.     img {
  74.         max-width: 100%;
  75.     }
  76.     ul {
  77.         list-style: none;
  78.         margin: 0;
  79.         padding: 0;
  80.     }
  81.     .page-contents {
  82.         max-width: 1150px;
  83.         margin: 0 auto;
  84.     }
  85.     .container {
  86.         width: min(100% - 20px, 1720px);
  87.         margin-inline: auto;
  88.         padding-right: 5px;
  89.         padding-left: 5px;
  90.     }
  91.     .page-section {
  92.         max-width: 1600px;
  93.         padding: 100px 0 80px 0;
  94.         margin-inline: auto;
  95.     }
  96.     @media(max-width:991px) {
  97.         .page-section {
  98.             padding: 40px 0 40px 0;
  99.         }
  100.     }
  101.     .page-heading {
  102.         width: min(100% - 30px, 1840px);
  103.         margin-inline: auto;
  104.         padding: 80px 0 10px 0;
  105.         margin-bottom: 60px;
  106.         border-bottom: solid 1px #707070;
  107.     }
  108.     @media(max-width:991px) {
  109.         .page-heading {
  110.             padding: 40px 0 10px 0;
  111.             margin-bottom: 40px;
  112.         }
  113.     }
  114.     @media(max-width:480px) {
  115.         .page-heading {
  116.             border-top: solid 1px #707070;
  117.             padding: 8px 0 8px 0;
  118.             margin-bottom:10px;
  119.         }
  120.     }
  121.     .page-title {
  122.         max-width: 1720px;
  123.         font-size: max(20px, min(3.8vw,30px) );
  124.         font-weight: 600;
  125.         color: #707070;
  126.         margin: 0 auto;
  127.         line-height: 1.4;
  128.     }
  129.     .section-heading {
  130.         display: inline-block;
  131.         font-size: max(28px, min(3vw,16px) );
  132.         font-weight: 600;
  133.         color: #fff;
  134.         background: #000;
  135.         border-radius: 60px;
  136.         padding: 28px;
  137.         margin: 0 0 50px 0;
  138.     }
  139.     @media(max-width:480px) {
  140.         .section-heading {
  141.             display: none;
  142.         }
  143.     }
  144.     /*MV*/
  145.     .cocofuru-mv {
  146.         margin-right: calc(50% - 50vw);
  147.         margin-left: calc(50% - 50vw);
  148.     }
  149.     .mv-photo {
  150.         width: 100%;
  151.     }
  152.     @media(max-width:480px) {
  153.         .cocofuru-mv {
  154.             display: none;
  155.         }
  156.     }
  157.     /*ページナビ*/
  158.     .page-nav {
  159.         display: flex;
  160.         background: #e3e3e3;
  161.     }
  162.     .page-nav__item {
  163.         flex: 1;
  164.         position: relative;
  165.         display: flex;
  166.         align-items: center;
  167.     }
  168.     .page-nav__item:not(:last-of-type)::after {
  169.         content: \"\";
  170.         display: inline-block;
  171.         width: .5px;
  172.         height: 50%;
  173.         background: #000;
  174.     }
  175.     .page-nav__link {
  176.         color: #000;
  177.         font-size: max(12px, min(3vw,24px) );
  178.         font-weight: 600;
  179.         display: block;
  180.         text-align: center;
  181.         padding: 20px 5px;
  182.         width: 100%;
  183.     }
  184.     .page-nav__link:hover {
  185.         text-decoration: none;
  186.         color: #000;
  187.     }
  188.     @media(min-width:481px) {
  189.         .page-nav__link:hover::after {
  190.             content: \"\";
  191.             display: block;
  192.             position: absolute;
  193.             bottom: 0;
  194.             left: 0;
  195.             right: 0;
  196.             max-width: 256px;
  197.             height: 9px;
  198.             background: #63A7D5;
  199.             margin: 0 auto;
  200.         }
  201.     }
  202.     @media(max-width:480px) {
  203.         .page-nav__link {
  204.             padding: 15px 0;
  205.         }
  206.     }
  207.     /*ここふる納税とは*/
  208.     .about-text p {
  209.         font-size: max(16px, min(3vw,20px) );
  210.         color: #707070;
  211.         line-height: 1.8;
  212.         margin-bottom: 1.5em;
  213.         padding: 0 20px;
  214.     }
  215.     .about-picture {
  216.         padding-bottom: 40px;
  217.     }
  218.     .about-note {
  219.         font-size: max(16px, min(2vw,14px) );
  220.     }
  221.     @media(max-width:767px) {
  222.         .about-box {
  223.             display: block;
  224.         }
  225.         .about-text {
  226.             width: 100%;
  227.             margin: 0 auto;
  228.         }
  229.         .about-text p {
  230.             padding: 0;
  231.         }
  232.         .about-logo {
  233.             width: 80%;
  234.             margin: 25px auto 0 auto;
  235.         }
  236.         .about-picture {
  237.             padding-bottom: 10px;
  238.         }
  239.     }
  240.     @media(max-width:480px) {
  241.         .about-text,
  242.         .about-logo {
  243.             max-width: 360px;
  244.         }
  245.     }
  246.     /*メリット*/
  247.     .merit-list {
  248.         display: grid;
  249.         grid-template-columns: repeat(4, 1fr);
  250.         gap: 45px 25px;
  251.     }
  252.     .merit-img {
  253.         max-width: 295px;
  254.         margin: 0 auto;
  255.     }
  256.     .merit-title {
  257.         font-weight: 600;
  258.         font-size: max(20px, min(2vw,24px) );
  259.         color: #707070;
  260.         line-height: 1.6;
  261.         text-align: center;
  262.         margin-top: 3rem;
  263.         margin-bottom: 3rem;
  264.         min-height: 3em;
  265.         display: grid;
  266.         place-items: center;
  267.     }
  268.     @media(max-width:480px) {
  269.         .merit-title {
  270.             margin-top: 2rem;
  271.             margin-bottom: 2rem;
  272.         }
  273.     }
  274.     .merit-text {
  275.         font-size: max(16px, min(2vw,14px) );
  276.         color: #707070;
  277.         line-height: 1.6;
  278.         text-align: center;
  279.         max-width: 355px;
  280.         margin: 0 auto;
  281.     }
  282.     .merit-text__note {
  283.         font-size: max(14px, min(2vw,12px) );
  284.         color: #707070;
  285.         text-align: center;
  286.         line-height: 1.6;
  287.         max-width: 355px;
  288.         margin: 1.5em auto 0;
  289.     }
  290.     @media(max-width:991px) {
  291.         .merit-list {
  292.             gap: 45px 30px;
  293.         }
  294.         .merit-img {
  295.             max-width: 200px;
  296.         }
  297.     }
  298.     @media(max-width:880px) {
  299.         .merit-list {
  300.             grid-template-columns: repeat(1, 1fr);
  301.         }
  302.         .merit-title {
  303.             height: auto;
  304.         }
  305.     }
  306.     @media(max-width:480px) {
  307.         .merit-img {
  308.             max-width: 160px;
  309.         }
  310.     }
  311.     @media(min-width:1700px) {
  312.         .merit-text br,
  313.         .merit-text__note br {
  314.             display: block;
  315.         }
  316.     }
  317.     /*流れ*/
  318.     .step-title {
  319.         font-size: max(20px, min(2vw,24px) );
  320.         color: #707070;
  321.         font-weight: 600;
  322.         text-align: center;
  323.         margin: 0 0 40px 0;
  324.         line-height: 1.6;
  325.     }
  326.     .step-item {
  327.         background: #FAFAFA;
  328.         border-radius: 50px;
  329.         box-shadow: 3px 4px 6px rgb(0 0 0 / 16%);
  330.         padding: 50px;
  331.         margin-bottom: 100px;
  332.     }
  333.     .step-grid {
  334.         display: grid;
  335.         grid-template: auto / 1fr 40%;
  336.         gap: 20px 80px;
  337.     }
  338.     .step-item__text {
  339.         font-size: max(15px, min(2vw,18px) );
  340.         line-height: 1.6;
  341.     }
  342.     .step-item__note {
  343.         font-size: max(12px, min(1.6vw,14px) );
  344.         margin-top: 1em;
  345.     }
  346.     .step-item__text a {
  347.         text-decoration: underline;
  348.         color: #2A4ABF;
  349.     }
  350.     .step-picture {
  351.         text-align: center;
  352.         margin-top: 50px;
  353.     }
  354.     @media(max-width:991px) {
  355.         .step-grid {
  356.             gap: 20px 40px;
  357.         }
  358.     }
  359.     @media(max-width:740px) {
  360.         .step-grid {
  361.             grid-template-columns: repeat(1, 1fr);
  362.         }
  363.         .step-title {
  364.             margin-bottom: 15px;
  365.         }
  366.         .step-picture {
  367.             margin-top: 20px;
  368.         }
  369.     }
  370.     @media(max-width:480px) {
  371.         .step-item {
  372.             border-radius: 14px;
  373.             padding: 20px 15px;
  374.             margin-bottom: 40px;
  375.         }
  376.         .step-item__text,
  377.         .step-item__note {
  378.             max-width: 315px;
  379.             margin: 5px auto;
  380.             text-align: justify;
  381.         }
  382.         .step-photo {
  383.             max-width: 240px;
  384.             margin: 0 auto;
  385.         }
  386.     }
  387.     .furusatotax-footer {
  388.         padding: 50px 0 0 0;
  389.     }
  390.     .footer-text {
  391.         font-size: max(16px, min(3vw,20px) );
  392.         margin-bottom: 15px;
  393.         color: #707070;
  394.     }
  395.     .logo-soumu {
  396.         max-width: 150px;
  397.     }
  398.     @media(max-width:480px) {
  399.        .logo-soumu {
  400.             max-width: 97px;
  401.         } 
  402.     }
  403.     /* SP タブ*/
  404.     @media(max-width:480px) {
  405.         .page-nav__item .page-nav__link::after {
  406.             content: \"\";
  407.             display: block;
  408.             position: absolute;
  409.             bottom: 0;
  410.             left: 0;
  411.             right: 0;
  412.             width: 80%;
  413.             height: 4px;
  414.             background: #e3e3e3;
  415.             margin: 0 auto;
  416.         }
  417.         .page-nav__item.is-active .page-nav__link::after {
  418.             background: #63A7D5;
  419.         }
  420.         .page-section {
  421.             display: none;
  422.         }
  423.         .page-section.is-active {
  424.             display: block;
  425.         }
  426.     }
  428.     ";
  429.         // line 365
  430.         echo "    @media(min-width:480px) and (max-width:880px) {
  431.         .page-nav__link {
  432.             font-size: 3vw;
  433.             padding: 10px 0;
  434.         }
  435.         .merit-list__item {
  436.             margin-bottom: 3.2rem;
  437.         }
  438.         .about-text p,
  439.         .about-note,
  440.         .merit-text__note,
  441.         .merit-text,
  442.         .step-item__text,
  443.         .step-item__note,
  444.         .footer-text {
  445.             font-size: max(18px, min(2.8vw,16px) );
  446.         }
  447.         .merit-title,
  448.         .step-title {
  449.             font-size: max(24px, min(4vw,20px) );
  450.             margin-top: 1rem;
  451.             margin-bottom: 1rem;
  452.         }
  453.         .merit-text,
  454.         .merit-text__note {
  455.             max-width: 80%;
  456.             margin: 0 auto 10px;
  457.         }
  458.         .step-item {
  459.             padding: 38px;
  460.         }
  461.     }
  462.     @media(max-width:880px) {
  463.         .merit-list__item br {
  464.             display: none;
  465.         }
  466.     }
  468.     .sp-br {
  469.         display: none;
  470.     }
  471.     @media(max-width:480px) {
  472.         .sp-br {
  473.             display: block;
  474.         }
  475.     }
  476. </style>
  478. <script>
  479.     (function(d) {
  480.     var config = {
  481.         kitId: 'rhd5jop',
  482.         scriptTimeout: 3000,
  483.         async: true
  484.     },
  485.     h=d.documentElement,t=setTimeout(function(){h.className=h.className.replace(/\\bwf-loading\\b/g,\"\")+\" wf-inactive\";},config.scriptTimeout),tk=d.createElement(\"script\"),f=false,s=d.getElementsByTagName(\"script\")[0],a;h.className+=\" wf-loading\";tk.src='https://use.typekit.net/'+config.kitId+'.js';tk.async=true;tk.onload=tk.onreadystatechange=function(){a=this.readyState;if(f||a&&a!=\"complete\"&&a!=\"loaded\")return;f=true;clearTimeout(t);try{Typekit.load(config)}catch(e){}};s.parentNode.insertBefore(tk,s)
  486.     })(document);
  488.     function switchByWidth() {
  489.         if (window.matchMedia('(max-width: 480px)').matches) {
  490.             // タブ
  491.             \$('.js-tab').on('click', function(e) {
  492.                 e.preventDefault()
  494.                 \$('.js-tab, .js-panel').removeClass('is-active');
  495.                 \$(this).addClass('is-active');
  496.                 var index = \$('.js-tab').index(this);
  497.                 \$('.js-panel').eq(index).addClass('is-active');
  498.             });
  499.         }
  500.     }
  501.     window.onload = switchByWidth;
  502.     window.onresize = switchByWidth;
  503. </script>
  505. <div class=\"cocofuru-mv\">
  506.     <img class=\"mv-photo\" src=\"";
  507.         // line 441
  508.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/img/help/about-furusatotax-mv.jpg"), "html", null, true);
  509.         echo "\" alt=\"ふるさと納税とは？\">
  510. </div>
  512. <div class=\"page-contents\">
  513.     
  514.     <div class=\"page-heading\">
  515.         <h2 class=\"page-title\">ふるさと納税ガイド</h2>
  516.     </div>
  517.     
  518.     <ul class=\"page-nav\">
  519.         <li class=\"page-nav__item js-tab is-active\"><a class=\"page-nav__link\" href=\"#about-furusatotax\">ふるさと納税とは？</a></li>
  520.         <li class=\"page-nav__item js-tab\"><a class=\"page-nav__link\" href=\"#merit-cocofuru\">メリット</a></li>
  521.         <li class=\"page-nav__item js-tab\"><a class=\"page-nav__link\" href=\"#step-cocofuru\">ふるさと納税の流れ</a></li>
  522.     </ul>
  524.     <div class=\"container\">
  525.         
  526.         <div class=\"page-wrap\">
  527.         
  528.             <div id=\"about-furusatotax\" class=\"page-section js-panel is-active\">
  529.                 <h3 class=\"section-heading\">ふるさと納税とは？</h3>
  530.                 <div class=\"about-box\">
  531.                     <div class=\"about-text\">
  532.                         <p>ふるさと納税とは、本来自分の住まいがある自治体に納税する税金を、生まれた故郷や応援したい自治体に寄付ができる制度です。</p>
  533.                         <p>手続きを行うと、寄附金のうち2,000円を超える部分については所得税の還付や住民税の控除が受けられます。自分自身で寄付金の使い道を指定でき、地域の名産品などのお礼の品もいただける魅力的な仕組みです。</p>
  534.                     </div>
  535.                     <div class=\"about-picture\">
  536.                         <img src=\"";
  537.         // line 468
  538.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/img/help/about-furusatotax.png"), "html", null, true);
  539.         echo "\" alt=\"ふるさと納税の仕組み\">
  540.                     </div>
  541.                     <p class=\"about-note\">※ワンストップ特例制度をご利用の場合は所得税の還付はございません。</p>
  542.                 </div>
  543.             </div>
  544.             
  545.             <div id=\"merit-cocofuru\" class=\"page-section js-panel\">
  546.                 <h3 class=\"section-heading\">メリット</h3>
  547.                 <div class=\"merit-box\">
  548.                     <ul class=\"merit-list\">
  549.                         <li class=\"merit-list__item\">
  550.                             <div class=\"merit-img\">
  551.                                 <img src=\"";
  552.         // line 480
  553.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/img/help/merit-furusatotax-01.png"), "html", null, true);
  554.         echo "\" alt=\"\">
  555.                             </div>
  556.                             <h3 class=\"merit-title\">応援したい自治体に<br>寄附できる</h3>
  557.                             <p class=\"merit-text\">自分自身の住まいの地域に限らず、<br>故郷や復興支援をしたい地域など<br>日本全国の自治体に寄附できます。</p>
  558.                         </li>
  559.                         <li class=\"merit-list__item\">
  560.                             <div class=\"merit-img\">
  561.                                 <img src=\"";
  562.         // line 487
  563.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/img/help/merit-furusatotax-02.png"), "html", null, true);
  564.         echo "\" alt=\"\">
  565.                             </div>
  566.                             <h3 class=\"merit-title\">お礼の品がもらえる</h3>
  567.                             <p class=\"merit-text\">応援した自治体の名産品や<br>アクティビティなどを<br>お礼の品として<br>もらうことができます。</p>
  568.                         </li>
  569.                         <li class=\"merit-list__item\">
  570.                             <div class=\"merit-img\">
  571.                                 <img src=\"";
  572.         // line 494
  573.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/img/help/merit-furusatotax-03.png"), "html", null, true);
  574.         echo "\" alt=\"\">
  575.                             </div>
  576.                             <h3 class=\"merit-title\">所得税と住民税から<br>税金が控除される</h3>
  577.                             <p class=\"merit-text\">控除上限内であれば、<br>寄附金額から2,000円を<br>引いた額が税金の控除を<br>受けることができます。</p>
  578.                         </li>
  579.                         <li class=\"merit-list__item\">
  580.                             <div class=\"merit-img\">
  581.                                 <img src=\"";
  582.         // line 501
  583.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/img/help/merit-furusatotax-04.png"), "html", null, true);
  584.         echo "\" alt=\"\">
  585.                             </div>
  586.                             <h3 class=\"merit-title\">寄附金の<br>使い道が選べる</h3>
  587.                             <p class=\"merit-text\">寄附金を復興支援や<br>まちづくりなどどのように<br>自治体が使用するのか、用途を選択することができます。</p>
  588.                             <p class=\"merit-text__note\">※ワンストップ特例制度を<br>ご利用の場合は所得税の還付は<br>ございません。</p>
  589.                         </li>
  590.                     </ul>
  591.                 </div>
  592.             </div>
  593.             
  594.             <div id=\"step-cocofuru\" class=\"page-section js-panel\">
  595.                 <h3 class=\"section-heading\">ふるさと納税の流れ</h3>
  596.                 <div class=\"step-box\">
  597.                     
  598.                     <h4 class=\"step-title\">STEP 1<br>控除上限額の確認</h4>
  599.                     <div class=\"step-item\">
  600.                         <div class=\"step-inner\">
  601.                             <p class=\"step-item__text\">「ふるさと納税」で控除される金額は、年収は家族構成によって異なります。まず寄附を行う前に、納税寄付額の目安を表で確認しましょう。<br>
  602.                             確認は、『<a href=\"https://www.soumu.go.jp/main_sosiki/jichi_zeisei/czaisei/czaisei_seido/furusato/mechanism/deduction.html\" target=\"_blank\">総務省 ふるさと納税ポータルサイト</a>』をご確認ください。</p>
  603.                         </div>
  604.                     </div>
  605.                     
  606.                     <h4 class=\"step-title\">STEP 2<br>応援したい自治体のお礼の品を選ぶ</h4>
  607.                     <div class=\"step-item\">
  608.                         <div class=\"step-inner\">
  609.                             <div class=\"step-grid\">
  610.                                 <div class=\"step-textbox\">
  611.                                     <p class=\"step-item__text\">旅先で見つけた「ココふる」のサイトからスマートフォンで申し込みをします。クレジットカードで決済ができ、その場ですぐにご利用できますのでご自宅への郵送もなく気軽にお申し込みいただけます。</p>
  612.                                     <p class=\"step-item__note\">※申し込みの段階で「ワンストップ特例制度」を行う場合は、サイト上でご選択ください。</p>
  613.                                 </div>
  614.                                 <div class=\"step-photo\">
  615.                                     <img src=\"";
  616.         // line 532
  617.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/img/help/step-furusatotax-01.jpg"), "html", null, true);
  618.         echo "\" alt=\"\">
  619.                                 </div>
  620.                             </div>
  621.                         </div>
  622.                     </div>
  623.                     
  624.                     <h4 class=\"step-title\">STEP 3<br>自治体様からお礼の品と書類を<br class=\"sp-br\">受け取る</h4>
  625.                     <div class=\"step-item\">
  626.                         <div class=\"step-inner\">
  627.                             <div class=\"step-grid\">
  628.                                 <div class=\"step-textbox\">
  629.                                     <p class=\"step-item__text\">旅先ですぐにお礼の品（体験）をご利用いただきます。後に、その証明として寄附金の領収書「寄附金受領証明書」がご自宅に届きます。確定申告に関する重要な書類ですので、確定申告を行う場合は大切に保管してください。</p>
  630.                                 </div>
  631.                                 <div class=\"step-photo\">
  632.                                     <img src=\"";
  633.         // line 546
  634.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/img/help/step-furusatotax-02.jpg"), "html", null, true);
  635.         echo "\" alt=\"\">
  636.                                 </div>
  637.                             </div>
  638.                         </div>
  639.                     </div>
  640.                     
  641.                     <h4 class=\"step-title\">STEP 4<br>寄附金の控除手続きを行う</h4>
  642.                     <div class=\"step-item\">
  643.                         <div class=\"step-inner\">
  644.                             <p class=\"step-item__text\">寄附金控除の申請方法は「ワンストップ特例制度」と「確定申告」の２つの方法があります。<br>
  645.                             STEP１で調べた控除上限額内の2,000円を超える部分について税金が控除されます。</p>
  646.                             <div class=\"step-picture\">
  647.                                 <img src=\"";
  648.         // line 558
  649.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/img/help/step-furusatotax.png"), "html", null, true);
  650.         echo "\" alt=\"\">
  651.                             </div>
  652.                         </div>
  653.                     </div>
  654.                     
  655.                 </div>
  656.                 
  657.                 <div class=\"furusatotax-footer\">
  658.                     <p class=\"footer-text\">詳しくは、総務省が運営する『総務省 ふるさと納税ポータルサイト』をご覧ください。</p>
  659.                     <div class=\"logo-soumu\">
  660.                         <a href=\"https://www.soumu.go.jp/main_sosiki/jichi_zeisei/czaisei/czaisei_seido/080430_2_kojin.html\" target=\"_blank\"><img src=\"";
  661.         // line 568
  662.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/img/help/logo-soumu.jpg"), "html", null, true);
  663.         echo "\" alt=\"総務省 ふるさと納税ポータルサイト\"></a>
  664.                     </div>
  665.                 </div>
  666.             
  667.             </div>
  668.     
  669.         </div>
  670.     </div>
  671.     ";
  672.         // line 577
  673.         echo "    
  674. </div>
  676. ";
  677.         
  678.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->leave($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof);
  680.         
  681.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->leave($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof);
  683.     }
  685.     public function getTemplateName()
  686.     {
  687.         return "Help/about_furusatotax.twig";
  688.     }
  690.     public function isTraitable()
  691.     {
  692.         return false;
  693.     }
  695.     public function getDebugInfo()
  696.     {
  697.         return array (  673 => 577,  662 => 568,  649 => 558,  634 => 546,  617 => 532,  583 => 501,  573 => 494,  563 => 487,  553 => 480,  538 => 468,  508 => 441,  430 => 365,  68 => 4,  58 => 3,  35 => 1,);
  698.     }
  700.     public function getSourceContext()
  701.     {
  702.         return new Source("{% extends 'default_frame.twig' %}
  704. {% block main %}
  706. <style>
  707.     html {
  708.       scroll-behavior: smooth;
  709.     }
  710.     img {
  711.         max-width: 100%;
  712.     }
  713.     ul {
  714.         list-style: none;
  715.         margin: 0;
  716.         padding: 0;
  717.     }
  718.     .page-contents {
  719.         max-width: 1150px;
  720.         margin: 0 auto;
  721.     }
  722.     .container {
  723.         width: min(100% - 20px, 1720px);
  724.         margin-inline: auto;
  725.         padding-right: 5px;
  726.         padding-left: 5px;
  727.     }
  728.     .page-section {
  729.         max-width: 1600px;
  730.         padding: 100px 0 80px 0;
  731.         margin-inline: auto;
  732.     }
  733.     @media(max-width:991px) {
  734.         .page-section {
  735.             padding: 40px 0 40px 0;
  736.         }
  737.     }
  738.     .page-heading {
  739.         width: min(100% - 30px, 1840px);
  740.         margin-inline: auto;
  741.         padding: 80px 0 10px 0;
  742.         margin-bottom: 60px;
  743.         border-bottom: solid 1px #707070;
  744.     }
  745.     @media(max-width:991px) {
  746.         .page-heading {
  747.             padding: 40px 0 10px 0;
  748.             margin-bottom: 40px;
  749.         }
  750.     }
  751.     @media(max-width:480px) {
  752.         .page-heading {
  753.             border-top: solid 1px #707070;
  754.             padding: 8px 0 8px 0;
  755.             margin-bottom:10px;
  756.         }
  757.     }
  758.     .page-title {
  759.         max-width: 1720px;
  760.         font-size: max(20px, min(3.8vw,30px) );
  761.         font-weight: 600;
  762.         color: #707070;
  763.         margin: 0 auto;
  764.         line-height: 1.4;
  765.     }
  766.     .section-heading {
  767.         display: inline-block;
  768.         font-size: max(28px, min(3vw,16px) );
  769.         font-weight: 600;
  770.         color: #fff;
  771.         background: #000;
  772.         border-radius: 60px;
  773.         padding: 28px;
  774.         margin: 0 0 50px 0;
  775.     }
  776.     @media(max-width:480px) {
  777.         .section-heading {
  778.             display: none;
  779.         }
  780.     }
  781.     /*MV*/
  782.     .cocofuru-mv {
  783.         margin-right: calc(50% - 50vw);
  784.         margin-left: calc(50% - 50vw);
  785.     }
  786.     .mv-photo {
  787.         width: 100%;
  788.     }
  789.     @media(max-width:480px) {
  790.         .cocofuru-mv {
  791.             display: none;
  792.         }
  793.     }
  794.     /*ページナビ*/
  795.     .page-nav {
  796.         display: flex;
  797.         background: #e3e3e3;
  798.     }
  799.     .page-nav__item {
  800.         flex: 1;
  801.         position: relative;
  802.         display: flex;
  803.         align-items: center;
  804.     }
  805.     .page-nav__item:not(:last-of-type)::after {
  806.         content: \"\";
  807.         display: inline-block;
  808.         width: .5px;
  809.         height: 50%;
  810.         background: #000;
  811.     }
  812.     .page-nav__link {
  813.         color: #000;
  814.         font-size: max(12px, min(3vw,24px) );
  815.         font-weight: 600;
  816.         display: block;
  817.         text-align: center;
  818.         padding: 20px 5px;
  819.         width: 100%;
  820.     }
  821.     .page-nav__link:hover {
  822.         text-decoration: none;
  823.         color: #000;
  824.     }
  825.     @media(min-width:481px) {
  826.         .page-nav__link:hover::after {
  827.             content: \"\";
  828.             display: block;
  829.             position: absolute;
  830.             bottom: 0;
  831.             left: 0;
  832.             right: 0;
  833.             max-width: 256px;
  834.             height: 9px;
  835.             background: #63A7D5;
  836.             margin: 0 auto;
  837.         }
  838.     }
  839.     @media(max-width:480px) {
  840.         .page-nav__link {
  841.             padding: 15px 0;
  842.         }
  843.     }
  844.     /*ここふる納税とは*/
  845.     .about-text p {
  846.         font-size: max(16px, min(3vw,20px) );
  847.         color: #707070;
  848.         line-height: 1.8;
  849.         margin-bottom: 1.5em;
  850.         padding: 0 20px;
  851.     }
  852.     .about-picture {
  853.         padding-bottom: 40px;
  854.     }
  855.     .about-note {
  856.         font-size: max(16px, min(2vw,14px) );
  857.     }
  858.     @media(max-width:767px) {
  859.         .about-box {
  860.             display: block;
  861.         }
  862.         .about-text {
  863.             width: 100%;
  864.             margin: 0 auto;
  865.         }
  866.         .about-text p {
  867.             padding: 0;
  868.         }
  869.         .about-logo {
  870.             width: 80%;
  871.             margin: 25px auto 0 auto;
  872.         }
  873.         .about-picture {
  874.             padding-bottom: 10px;
  875.         }
  876.     }
  877.     @media(max-width:480px) {
  878.         .about-text,
  879.         .about-logo {
  880.             max-width: 360px;
  881.         }
  882.     }
  883.     /*メリット*/
  884.     .merit-list {
  885.         display: grid;
  886.         grid-template-columns: repeat(4, 1fr);
  887.         gap: 45px 25px;
  888.     }
  889.     .merit-img {
  890.         max-width: 295px;
  891.         margin: 0 auto;
  892.     }
  893.     .merit-title {
  894.         font-weight: 600;
  895.         font-size: max(20px, min(2vw,24px) );
  896.         color: #707070;
  897.         line-height: 1.6;
  898.         text-align: center;
  899.         margin-top: 3rem;
  900.         margin-bottom: 3rem;
  901.         min-height: 3em;
  902.         display: grid;
  903.         place-items: center;
  904.     }
  905.     @media(max-width:480px) {
  906.         .merit-title {
  907.             margin-top: 2rem;
  908.             margin-bottom: 2rem;
  909.         }
  910.     }
  911.     .merit-text {
  912.         font-size: max(16px, min(2vw,14px) );
  913.         color: #707070;
  914.         line-height: 1.6;
  915.         text-align: center;
  916.         max-width: 355px;
  917.         margin: 0 auto;
  918.     }
  919.     .merit-text__note {
  920.         font-size: max(14px, min(2vw,12px) );
  921.         color: #707070;
  922.         text-align: center;
  923.         line-height: 1.6;
  924.         max-width: 355px;
  925.         margin: 1.5em auto 0;
  926.     }
  927.     @media(max-width:991px) {
  928.         .merit-list {
  929.             gap: 45px 30px;
  930.         }
  931.         .merit-img {
  932.             max-width: 200px;
  933.         }
  934.     }
  935.     @media(max-width:880px) {
  936.         .merit-list {
  937.             grid-template-columns: repeat(1, 1fr);
  938.         }
  939.         .merit-title {
  940.             height: auto;
  941.         }
  942.     }
  943.     @media(max-width:480px) {
  944.         .merit-img {
  945.             max-width: 160px;
  946.         }
  947.     }
  948.     @media(min-width:1700px) {
  949.         .merit-text br,
  950.         .merit-text__note br {
  951.             display: block;
  952.         }
  953.     }
  954.     /*流れ*/
  955.     .step-title {
  956.         font-size: max(20px, min(2vw,24px) );
  957.         color: #707070;
  958.         font-weight: 600;
  959.         text-align: center;
  960.         margin: 0 0 40px 0;
  961.         line-height: 1.6;
  962.     }
  963.     .step-item {
  964.         background: #FAFAFA;
  965.         border-radius: 50px;
  966.         box-shadow: 3px 4px 6px rgb(0 0 0 / 16%);
  967.         padding: 50px;
  968.         margin-bottom: 100px;
  969.     }
  970.     .step-grid {
  971.         display: grid;
  972.         grid-template: auto / 1fr 40%;
  973.         gap: 20px 80px;
  974.     }
  975.     .step-item__text {
  976.         font-size: max(15px, min(2vw,18px) );
  977.         line-height: 1.6;
  978.     }
  979.     .step-item__note {
  980.         font-size: max(12px, min(1.6vw,14px) );
  981.         margin-top: 1em;
  982.     }
  983.     .step-item__text a {
  984.         text-decoration: underline;
  985.         color: #2A4ABF;
  986.     }
  987.     .step-picture {
  988.         text-align: center;
  989.         margin-top: 50px;
  990.     }
  991.     @media(max-width:991px) {
  992.         .step-grid {
  993.             gap: 20px 40px;
  994.         }
  995.     }
  996.     @media(max-width:740px) {
  997.         .step-grid {
  998.             grid-template-columns: repeat(1, 1fr);
  999.         }
  1000.         .step-title {
  1001.             margin-bottom: 15px;
  1002.         }
  1003.         .step-picture {
  1004.             margin-top: 20px;
  1005.         }
  1006.     }
  1007.     @media(max-width:480px) {
  1008.         .step-item {
  1009.             border-radius: 14px;
  1010.             padding: 20px 15px;
  1011.             margin-bottom: 40px;
  1012.         }
  1013.         .step-item__text,
  1014.         .step-item__note {
  1015.             max-width: 315px;
  1016.             margin: 5px auto;
  1017.             text-align: justify;
  1018.         }
  1019.         .step-photo {
  1020.             max-width: 240px;
  1021.             margin: 0 auto;
  1022.         }
  1023.     }
  1024.     .furusatotax-footer {
  1025.         padding: 50px 0 0 0;
  1026.     }
  1027.     .footer-text {
  1028.         font-size: max(16px, min(3vw,20px) );
  1029.         margin-bottom: 15px;
  1030.         color: #707070;
  1031.     }
  1032.     .logo-soumu {
  1033.         max-width: 150px;
  1034.     }
  1035.     @media(max-width:480px) {
  1036.        .logo-soumu {
  1037.             max-width: 97px;
  1038.         } 
  1039.     }
  1040.     /* SP タブ*/
  1041.     @media(max-width:480px) {
  1042.         .page-nav__item .page-nav__link::after {
  1043.             content: \"\";
  1044.             display: block;
  1045.             position: absolute;
  1046.             bottom: 0;
  1047.             left: 0;
  1048.             right: 0;
  1049.             width: 80%;
  1050.             height: 4px;
  1051.             background: #e3e3e3;
  1052.             margin: 0 auto;
  1053.         }
  1054.         .page-nav__item.is-active .page-nav__link::after {
  1055.             background: #63A7D5;
  1056.         }
  1057.         .page-section {
  1058.             display: none;
  1059.         }
  1060.         .page-section.is-active {
  1061.             display: block;
  1062.         }
  1063.     }
  1065.     {# タブレット #}
  1066.     @media(min-width:480px) and (max-width:880px) {
  1067.         .page-nav__link {
  1068.             font-size: 3vw;
  1069.             padding: 10px 0;
  1070.         }
  1071.         .merit-list__item {
  1072.             margin-bottom: 3.2rem;
  1073.         }
  1074.         .about-text p,
  1075.         .about-note,
  1076.         .merit-text__note,
  1077.         .merit-text,
  1078.         .step-item__text,
  1079.         .step-item__note,
  1080.         .footer-text {
  1081.             font-size: max(18px, min(2.8vw,16px) );
  1082.         }
  1083.         .merit-title,
  1084.         .step-title {
  1085.             font-size: max(24px, min(4vw,20px) );
  1086.             margin-top: 1rem;
  1087.             margin-bottom: 1rem;
  1088.         }
  1089.         .merit-text,
  1090.         .merit-text__note {
  1091.             max-width: 80%;
  1092.             margin: 0 auto 10px;
  1093.         }
  1094.         .step-item {
  1095.             padding: 38px;
  1096.         }
  1097.     }
  1098.     @media(max-width:880px) {
  1099.         .merit-list__item br {
  1100.             display: none;
  1101.         }
  1102.     }
  1104.     .sp-br {
  1105.         display: none;
  1106.     }
  1107.     @media(max-width:480px) {
  1108.         .sp-br {
  1109.             display: block;
  1110.         }
  1111.     }
  1112. </style>
  1114. <script>
  1115.     (function(d) {
  1116.     var config = {
  1117.         kitId: 'rhd5jop',
  1118.         scriptTimeout: 3000,
  1119.         async: true
  1120.     },
  1121.     h=d.documentElement,t=setTimeout(function(){h.className=h.className.replace(/\\bwf-loading\\b/g,\"\")+\" wf-inactive\";},config.scriptTimeout),tk=d.createElement(\"script\"),f=false,s=d.getElementsByTagName(\"script\")[0],a;h.className+=\" wf-loading\";tk.src='https://use.typekit.net/'+config.kitId+'.js';tk.async=true;tk.onload=tk.onreadystatechange=function(){a=this.readyState;if(f||a&&a!=\"complete\"&&a!=\"loaded\")return;f=true;clearTimeout(t);try{Typekit.load(config)}catch(e){}};s.parentNode.insertBefore(tk,s)
  1122.     })(document);
  1124.     function switchByWidth() {
  1125.         if (window.matchMedia('(max-width: 480px)').matches) {
  1126.             // タブ
  1127.             \$('.js-tab').on('click', function(e) {
  1128.                 e.preventDefault()
  1130.                 \$('.js-tab, .js-panel').removeClass('is-active');
  1131.                 \$(this).addClass('is-active');
  1132.                 var index = \$('.js-tab').index(this);
  1133.                 \$('.js-panel').eq(index).addClass('is-active');
  1134.             });
  1135.         }
  1136.     }
  1137.     window.onload = switchByWidth;
  1138.     window.onresize = switchByWidth;
  1139. </script>
  1141. <div class=\"cocofuru-mv\">
  1142.     <img class=\"mv-photo\" src=\"{{ asset('assets/img/help/about-furusatotax-mv.jpg') }}\" alt=\"ふるさと納税とは？\">
  1143. </div>
  1145. <div class=\"page-contents\">
  1146.     
  1147.     <div class=\"page-heading\">
  1148.         <h2 class=\"page-title\">ふるさと納税ガイド</h2>
  1149.     </div>
  1150.     
  1151.     <ul class=\"page-nav\">
  1152.         <li class=\"page-nav__item js-tab is-active\"><a class=\"page-nav__link\" href=\"#about-furusatotax\">ふるさと納税とは？</a></li>
  1153.         <li class=\"page-nav__item js-tab\"><a class=\"page-nav__link\" href=\"#merit-cocofuru\">メリット</a></li>
  1154.         <li class=\"page-nav__item js-tab\"><a class=\"page-nav__link\" href=\"#step-cocofuru\">ふるさと納税の流れ</a></li>
  1155.     </ul>
  1157.     <div class=\"container\">
  1158.         
  1159.         <div class=\"page-wrap\">
  1160.         
  1161.             <div id=\"about-furusatotax\" class=\"page-section js-panel is-active\">
  1162.                 <h3 class=\"section-heading\">ふるさと納税とは？</h3>
  1163.                 <div class=\"about-box\">
  1164.                     <div class=\"about-text\">
  1165.                         <p>ふるさと納税とは、本来自分の住まいがある自治体に納税する税金を、生まれた故郷や応援したい自治体に寄付ができる制度です。</p>
  1166.                         <p>手続きを行うと、寄附金のうち2,000円を超える部分については所得税の還付や住民税の控除が受けられます。自分自身で寄付金の使い道を指定でき、地域の名産品などのお礼の品もいただける魅力的な仕組みです。</p>
  1167.                     </div>
  1168.                     <div class=\"about-picture\">
  1169.                         <img src=\"{{ asset('assets/img/help/about-furusatotax.png') }}\" alt=\"ふるさと納税の仕組み\">
  1170.                     </div>
  1171.                     <p class=\"about-note\">※ワンストップ特例制度をご利用の場合は所得税の還付はございません。</p>
  1172.                 </div>
  1173.             </div>
  1174.             
  1175.             <div id=\"merit-cocofuru\" class=\"page-section js-panel\">
  1176.                 <h3 class=\"section-heading\">メリット</h3>
  1177.                 <div class=\"merit-box\">
  1178.                     <ul class=\"merit-list\">
  1179.                         <li class=\"merit-list__item\">
  1180.                             <div class=\"merit-img\">
  1181.                                 <img src=\"{{ asset('assets/img/help/merit-furusatotax-01.png') }}\" alt=\"\">
  1182.                             </div>
  1183.                             <h3 class=\"merit-title\">応援したい自治体に<br>寄附できる</h3>
  1184.                             <p class=\"merit-text\">自分自身の住まいの地域に限らず、<br>故郷や復興支援をしたい地域など<br>日本全国の自治体に寄附できます。</p>
  1185.                         </li>
  1186.                         <li class=\"merit-list__item\">
  1187.                             <div class=\"merit-img\">
  1188.                                 <img src=\"{{ asset('assets/img/help/merit-furusatotax-02.png') }}\" alt=\"\">
  1189.                             </div>
  1190.                             <h3 class=\"merit-title\">お礼の品がもらえる</h3>
  1191.                             <p class=\"merit-text\">応援した自治体の名産品や<br>アクティビティなどを<br>お礼の品として<br>もらうことができます。</p>
  1192.                         </li>
  1193.                         <li class=\"merit-list__item\">
  1194.                             <div class=\"merit-img\">
  1195.                                 <img src=\"{{ asset('assets/img/help/merit-furusatotax-03.png') }}\" alt=\"\">
  1196.                             </div>
  1197.                             <h3 class=\"merit-title\">所得税と住民税から<br>税金が控除される</h3>
  1198.                             <p class=\"merit-text\">控除上限内であれば、<br>寄附金額から2,000円を<br>引いた額が税金の控除を<br>受けることができます。</p>
  1199.                         </li>
  1200.                         <li class=\"merit-list__item\">
  1201.                             <div class=\"merit-img\">
  1202.                                 <img src=\"{{ asset('assets/img/help/merit-furusatotax-04.png') }}\" alt=\"\">
  1203.                             </div>
  1204.                             <h3 class=\"merit-title\">寄附金の<br>使い道が選べる</h3>
  1205.                             <p class=\"merit-text\">寄附金を復興支援や<br>まちづくりなどどのように<br>自治体が使用するのか、用途を選択することができます。</p>
  1206.                             <p class=\"merit-text__note\">※ワンストップ特例制度を<br>ご利用の場合は所得税の還付は<br>ございません。</p>
  1207.                         </li>
  1208.                     </ul>
  1209.                 </div>
  1210.             </div>
  1211.             
  1212.             <div id=\"step-cocofuru\" class=\"page-section js-panel\">
  1213.                 <h3 class=\"section-heading\">ふるさと納税の流れ</h3>
  1214.                 <div class=\"step-box\">
  1215.                     
  1216.                     <h4 class=\"step-title\">STEP 1<br>控除上限額の確認</h4>
  1217.                     <div class=\"step-item\">
  1218.                         <div class=\"step-inner\">
  1219.                             <p class=\"step-item__text\">「ふるさと納税」で控除される金額は、年収は家族構成によって異なります。まず寄附を行う前に、納税寄付額の目安を表で確認しましょう。<br>
  1220.                             確認は、『<a href=\"https://www.soumu.go.jp/main_sosiki/jichi_zeisei/czaisei/czaisei_seido/furusato/mechanism/deduction.html\" target=\"_blank\">総務省 ふるさと納税ポータルサイト</a>』をご確認ください。</p>
  1221.                         </div>
  1222.                     </div>
  1223.                     
  1224.                     <h4 class=\"step-title\">STEP 2<br>応援したい自治体のお礼の品を選ぶ</h4>
  1225.                     <div class=\"step-item\">
  1226.                         <div class=\"step-inner\">
  1227.                             <div class=\"step-grid\">
  1228.                                 <div class=\"step-textbox\">
  1229.                                     <p class=\"step-item__text\">旅先で見つけた「ココふる」のサイトからスマートフォンで申し込みをします。クレジットカードで決済ができ、その場ですぐにご利用できますのでご自宅への郵送もなく気軽にお申し込みいただけます。</p>
  1230.                                     <p class=\"step-item__note\">※申し込みの段階で「ワンストップ特例制度」を行う場合は、サイト上でご選択ください。</p>
  1231.                                 </div>
  1232.                                 <div class=\"step-photo\">
  1233.                                     <img src=\"{{ asset('assets/img/help/step-furusatotax-01.jpg') }}\" alt=\"\">
  1234.                                 </div>
  1235.                             </div>
  1236.                         </div>
  1237.                     </div>
  1238.                     
  1239.                     <h4 class=\"step-title\">STEP 3<br>自治体様からお礼の品と書類を<br class=\"sp-br\">受け取る</h4>
  1240.                     <div class=\"step-item\">
  1241.                         <div class=\"step-inner\">
  1242.                             <div class=\"step-grid\">
  1243.                                 <div class=\"step-textbox\">
  1244.                                     <p class=\"step-item__text\">旅先ですぐにお礼の品（体験）をご利用いただきます。後に、その証明として寄附金の領収書「寄附金受領証明書」がご自宅に届きます。確定申告に関する重要な書類ですので、確定申告を行う場合は大切に保管してください。</p>
  1245.                                 </div>
  1246.                                 <div class=\"step-photo\">
  1247.                                     <img src=\"{{ asset('assets/img/help/step-furusatotax-02.jpg') }}\" alt=\"\">
  1248.                                 </div>
  1249.                             </div>
  1250.                         </div>
  1251.                     </div>
  1252.                     
  1253.                     <h4 class=\"step-title\">STEP 4<br>寄附金の控除手続きを行う</h4>
  1254.                     <div class=\"step-item\">
  1255.                         <div class=\"step-inner\">
  1256.                             <p class=\"step-item__text\">寄附金控除の申請方法は「ワンストップ特例制度」と「確定申告」の２つの方法があります。<br>
  1257.                             STEP１で調べた控除上限額内の2,000円を超える部分について税金が控除されます。</p>
  1258.                             <div class=\"step-picture\">
  1259.                                 <img src=\"{{ asset('assets/img/help/step-furusatotax.png') }}\" alt=\"\">
  1260.                             </div>
  1261.                         </div>
  1262.                     </div>
  1263.                     
  1264.                 </div>
  1265.                 
  1266.                 <div class=\"furusatotax-footer\">
  1267.                     <p class=\"footer-text\">詳しくは、総務省が運営する『総務省 ふるさと納税ポータルサイト』をご覧ください。</p>
  1268.                     <div class=\"logo-soumu\">
  1269.                         <a href=\"https://www.soumu.go.jp/main_sosiki/jichi_zeisei/czaisei/czaisei_seido/080430_2_kojin.html\" target=\"_blank\"><img src=\"{{ asset('assets/img/help/logo-soumu.jpg') }}\" alt=\"総務省 ふるさと納税ポータルサイト\"></a>
  1270.                     </div>
  1271.                 </div>
  1272.             
  1273.             </div>
  1274.     
  1275.         </div>
  1276.     </div>
  1277.     {#container#}
  1278.     
  1279. </div>
  1281. {% endblock %}", "Help/about_furusatotax.twig", "/home/cajiya/fjdksla.com/public_html/cocofuru.fjdksla.com/src/Eccube/Resource/template/default/Help/about_furusatotax.twig");
  1282.     }
  1283. }