app/template/default/Help/evidence.twig line 1

Open in your IDE?
  1. {#
  2. This file is part of EC-CUBE
  4. Copyright(c) EC-CUBE CO.,LTD. All Rights Reserved.
  6. http://www.ec-cube.co.jp/
  8. For the full copyright and license information, please view the LICENSE
  9. file that was distributed with this source code.
  10. #}
  11. {% extends 'default_frame.twig' %}
  13. {% block stylesheet %}
  14.     <style>
  15.         .evidence-container {
  16.             margin: 10px 16px 0;
  17.             /*overflow: hidden;*/
  18.         }
  20.         @media only screen and (max-width: 768px) {
  21.             .evidence-container {
  22.                 /*overflow: hidden;*/
  23.                 margin: 0;
  24.             }
  25.         }
  27.         .evidence-title {
  28.             cursor: pointer;
  29.             background-color: #4894CB;
  30.             color: white;
  31.             padding: 15px 42px 15px 20px;
  32.             display: flex;
  33.             justify-content: space-between;
  34.             align-items: center;
  35.             font-weight: bold;
  36.             border-bottom: 1px solid #fff;
  37.             border-radius: 12px;
  38.             position: relative;
  39.         }
  41.         .evidence-title::before {
  42.             content: "";
  43.             width: 2px;
  44.             background-color: #fff;
  45.             height: 20px;
  46.             position: absolute;
  47.             right: 23px;
  48.             top: 30%;
  49.             opacity: 1;
  50.             visibility: visible;
  51.             transition: 0.25s all;
  52.         }
  53.         .evidence-title-show {
  54.             border-radius: 12px 12px 0 0;
  55.         }
  56.         .evidence-title-show::before {
  57.             opacity: 0;
  58.             visibility: hidden;
  59.             transition: 0.25s all;
  60.         }
  61.         .evidence-title::after {
  62.             content: "";
  63.             width: 2px;
  64.             background-color: #fff;
  65.             height: 20px;
  66.             position: absolute;
  67.             right: 23px;
  68.             top: 30%;
  69.             transform: rotate(90deg);
  70.         }
  72.         .evidence-title:hover {
  73.             opacity: 0.7;
  74.         }
  76.         .evidence-title span {
  77.             font-size: 14px;
  78.         }
  80.         .evidence-content {
  81.             background-color: #f8f9fa;
  82.             border-top: 1px solid #eee;
  83.             line-height: 1.75;
  84.             letter-spacing: 0.08rem;
  85.         }
  87.         .plus-icon {
  88.             font-size: 20px;
  89.             line-height: 1;
  90.         }
  91.         .evidence-content {
  92.             height: 0;
  93.             opacity: 0;
  94.             visibility: hidden;
  95.             transition: 0.25s all;
  96.             padding: 0 20px;
  97.             box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  98.             margin-bottom: 24px;
  99.             border-radius: 0 0 12px 12px;
  100.             font-size: 14px;
  101.         }
  103.         .evidence-content.show {
  104.             height: auto;
  105.             opacity: 1;
  106.             visibility: visible;
  107.             transition: 0.25s all;
  108.             padding: 15px 20px;
  109.         }
  111.         .toggle-icon {
  112.             ;
  113.             /* additional styles if needed */
  114.         }
  116.         .toggle-icon.collapsed {
  117.             content: "+"; /* default state is collapsed (+) */
  118.         }
  120.         .toggle-icon.expanded {
  121.             content: "-"; /* expanded state is (-) */
  122.         }
  124.         .evidence-container table {
  125.             width: 100%;
  126.             border-collapse: collapse;
  127.             margin: 0 auto;
  128.         }
  130.         .evidence-container thead {
  131.             background-color: #f2f2f2;
  132.         }
  133.         .evidence-container td {
  134.             min-height: 65px;
  135.             height: 65px;
  136.         }
  138.         .evidence-container th,
  139.         .evidence-container td {
  140.             border: 1px solid #ccc;
  141.             padding: 8px;
  142.             text-align: left;
  143.             word-wrap: break-word;
  144.             font-size: 12px;
  145.             text-align: center;
  146.         }
  147.         .evidence-container th a,
  148.         .evidence-container td a {
  149.             text-align: left;
  150.             word-wrap: break-word;
  151.             font-size: 12px;
  152.         }
  154.         .evidence-container td a {
  155.             color: #4894CB;
  156.         }
  157.         .table-sp {
  158.             display: none;
  159.         }
  160.         .table-sp .table-sp-td {
  161.             margin: 5px 0;
  162.             font-size: 11px;
  163.             display: flex;
  164.         }
  165.         .table-sp .table-sp-td.column {
  166.             flex-direction: column;
  167.         }
  168.         .table-sp .table-sp-tr {
  169.             margin-top: 10px;
  170.             margin-bottom: 50px;
  171.         }
  173.         .table-sp-td span {
  174.             background-color: #4894CB;
  175.             color: #fff;
  176.             font-weight: bold;
  177.             padding: 4px 0;
  178.             display: inline-block;
  179.             width: 110px;
  180.             text-align: center;
  181.             margin-right: 5px;
  182.             height: fit-content;
  183.         }
  184.         .table-sp-td .syuki-wrap {
  185.             display: flex;
  186.             padding: 6px 0;
  187.             border-bottom: 1px solid #ccc;
  188.         }
  189.         .table-sp-td p {
  190.             font-size: 11px;
  191.             width: calc(100% - 115px);
  192.             padding-top: 4px;
  193.         }
  194.         @media only screen and (max-width: 768px) {
  195.             .table-sp-td p {
  196.                 display: flex;
  197.                 flex-direction: column;
  198.                 justify-content: center;
  199.             }
  200.         }
  201.         .table-sp-td .syuki-wrap p {
  202.             font-size: 11px
  203.         }
  204.         .table-sp-td .syuki-wrap.first {
  205.             border-top: 1px solid #ccc;
  206.             margin-top: 12px;
  207.         }
  209.         .table-sp-td .syuki-wrap p:nth-child(1) {
  210.             width: 110px;
  211.             margin-right: 5px;
  212.         }
  213.         .table-sp-td .syuki-wrap p:nth-child(2) {
  214.             width: calc(100% - 115px);
  215.         }
  216.         .note-sp {
  217.             display: none;
  218.         }
  220.         @media only screen and (max-width: 768px) {
  221.             .evidence-container table {
  222.                 display: none;
  223.             }
  224.             .table-sp {
  225.                 display: block;
  226.             }
  227.             .note-pc {
  228.                 display: none;
  229.             }
  230.             .note-sp {
  231.                 display: block;
  232.                 font-size: 11px;
  233.             }
  234.         }
  236.         .evidence-container th {
  237.             background-color: #4894CB;
  238.             color: #fff;
  239.             font-weight: bold;
  240.             white-space: nowrap;
  241.         }
  243.         .evidence-container td {
  244.             vertical-align: middle;
  245.         }
  247.         .evidence-container tr:nth-child(even) {}
  249.         .evidence-table-title {
  250.             padding-left: 12px;
  251.             position: relative;
  252.             font-size: 16px;
  253.             font-weight: bold;
  254.         }
  255.         @media only screen and (max-width: 768px) {
  256.             .evidence-table-title h4 {
  257.                 font-size: 16px;
  258.             }
  259.         }
  260.         .evidence-table-title::before {
  261.             content: "";
  262.             position: absolute;
  263.             top: 0;
  264.             left: 0;
  265.             width: 4px;
  266.             height: 100%;
  267.             background: #4894CB;
  268.         }
  269.         .separate-span {
  270.             display: block;
  271.             border-top: 1px solid #ccc;
  272.         }
  273.         .separate-td {
  274.             padding: 0 !important;
  275.         }
  276.         .separate-td span {
  277.             display: block;
  278.             padding: 8px;
  279.         }
  280.         .evidence-container {
  281.             padding: 30px 0;
  282.         }
  283.     </style>
  284. {% endblock %}
  286. {% block main %}
  287.     <div class="ec-role">
  288.         <div class="ec-pageHeader">
  289.             <h1>{{ 'evidence.title'|trans }}</h1>
  290.         </div>
  292.         <div class="evidence-container">
  293.             <div class="evidence-table-title">
  294.                 <h4>{{ 'evidence.safety_test'|trans }}</h4>
  295.             </div>
  296.             <table>
  297.                 <thead>
  298.                     <tr>
  299.                         <th>{{ 'evidence.test_name'|trans }}</th>
  300.                         <th>{{ 'evidence.result'|trans }}</th>
  301.                         <th>{{ 'evidence.test_institution'|trans }}</th>
  302.                     </tr>
  303.                 </thead>
  304.                 <tbody>
  305.                     <tr>
  306.                         <td>
  307.                             <a href="/html/user_data/assets/pdf/20230407_human_patch_test_report.pdf" target="_blank">
  308.                                 {{ 'evidence.human_patch_test'|trans }}
  309.                             </a>
  310.                         </td>
  311.                         <td>{{ 'evidence.human_patch_test_result'|trans }}</td>
  312.                         <td>
  313.                             {{ 'evidence.doshisha_university'|trans }}<br>
  314.                             {{ 'evidence.antiaging_research_center'|trans }}
  315.                         </td>
  316.                     </tr>
  317.                     <tr>
  318.                         <td>
  319.                             <a href="/html/user_data/assets/pdf/20221021_acute_oral_toxicity_test_using_female_rats.pdf" target="_blank">
  320.                                 {{ 'evidence.acute_oral_toxicity_test'|trans }}<br>
  321.                                 {{ 'evidence.acute_oral_toxicity_test_sub'|trans }}
  322.                             </a>
  323.                         </td>
  324.                         <td>{{ 'evidence.acute_oral_toxicity_result'|trans }}</td>
  325.                         <td rowspan="5">
  326.                             {{ 'evidence.japan_food_analysis_center'|trans }}
  327.                         </td>
  328.                     </tr>
  329.                     <tr>
  330.                         <td>
  331.                             <a href="/html/user_data/assets/pdf/20221021_skin_irritation_test_using_human_cultured_skin_model.pdf" target="_blank">
  332.                                 {{ 'evidence.skin_irritation_test'|trans }}<br>
  333.                                 {{ 'evidence.skin_irritation_test_sub'|trans }}
  334.                             </a>
  335.                         </td>
  336.                         <td>{{ 'evidence.non_irritating'|trans }}</td>
  337.                     </tr>
  338.                     <tr>
  339.                         <td>
  340.                             <a href="/html/user_data/assets/pdf/20221021_eye_irritation_test_using_human_cultured_cornea_model.pdf" target="_blank">
  341.                                 {{ 'evidence.eye_irritation_test'|trans }}<br>
  342.                                 {{ 'evidence.eye_irritation_test_sub'|trans }}
  343.                             </a>
  344.                         </td>
  345.                         <td>{{ 'evidence.non_irritating'|trans }}</td>
  346.                     </tr>
  347.                     <tr>
  348.                         <td>
  349.                             <a href="/html/user_data/assets/pdf/20220922_analysis_test_report_undiluted_solution.pdf" target="_blank">
  350.                                 {{ 'evidence.analysis_test_report'|trans }}
  351.                             </a>
  352.                         </td>
  353.                         <td>{{ 'evidence.analysis_test_report_result'|trans }}</td>
  354.                     </tr>
  355.                     <tr>
  356.                         <td>
  357.                             <a href="/html/user_data/assets/pdf/20230601_chlorine_gas_generation_test.pdf" target="_blank">
  358.                                 {{ 'evidence.chlorine_gas_test'|trans }}
  359.                             </a>
  360.                         </td>
  361.                         <td>{{ 'evidence.chlorine_gas_test_result'|trans }}</td>
  362.                     </tr>
  363.                     <tr>
  364.                         <td>
  365.                             <a href="/html/user_data/assets/pdf/20230914_metal_corrosion_test.pdf" target="_blank">
  366.                                 {{ 'evidence.metal_corrosion_test'|trans }}
  367.                             </a>
  368.                         </td>
  369.                         <td>{{ 'evidence.metal_corrosion_test_result'|trans }}</td>
  370.                         <td>{{ 'evidence.jfe_techno_research'|trans }}</td>
  371.                     </tr>
  372.                 </tbody>
  373.             </table>
  374.             <div class="table-sp">
  375.                 <div class="table-sp-tr">
  376.                     <div class="table-sp-td">
  377.                         <a href="/html/user_data/assets/pdf/20230407_human_patch_test_report.pdf" target="_blank">
  378.                             ○{{ 'evidence.human_patch_test'|trans }}
  379.                         </a>
  380.                     </div>
  381.                     <div class="table-sp-td">
  382.                         <span>{{ 'evidence.result'|trans }}</span>
  383.                         <p>
  384.                             {{ 'evidence.human_patch_test_result'|trans }}
  385.                         </p>
  386.                     </div>
  387.                     <div class="table-sp-td">
  388.                         <span>{{ 'evidence.test_institution'|trans }}</span>
  389.                         <p>
  390.                             {{ 'evidence.doshisha_university'|trans }}<br>
  391.                             {{ 'evidence.antiaging_research_center'|trans }}
  392.                         </p>
  393.                     </div>
  394.                 </div>
  395.                 <div class="table-sp-tr">
  396.                     <div class="table-sp-td">
  397.                         <a href="/html/user_data/assets/pdf/20221021_acute_oral_toxicity_test_using_female_rats.pdf" target="_blank">
  398.                             ○{{ 'evidence.acute_oral_toxicity_test_full'|trans }}
  399.                         </a>
  400.                     </div>
  401.                     <div class="table-sp-td">
  402.                         <span>{{ 'evidence.result'|trans }}</span>
  403.                         <p>
  404.                             {{ 'evidence.acute_oral_toxicity_result'|trans }}
  405.                         </p>
  406.                     </div>
  407.                     <div class="table-sp-td">
  408.                         <span>{{ 'evidence.test_institution'|trans }}</span>
  409.                         <p>
  410.                             {{ 'evidence.japan_food_analysis_center'|trans }}
  411.                         </p>
  412.                     </div>
  413.                 </div>
  414.                 <div class="table-sp-tr">
  415.                     <div class="table-sp-td">
  416.                         <a href="/html/user_data/assets/pdf/20221021_skin_irritation_test_using_human_cultured_skin_model.pdf" target="_blank">
  417.                             ○{{ 'evidence.skin_irritation_test_full'|trans }}
  418.                         </a>
  419.                     </div>
  420.                     <div class="table-sp-td">
  421.                         <span>{{ 'evidence.result'|trans }}</span>
  422.                         <p>
  423.                             {{ 'evidence.non_irritating'|trans }}
  424.                         </p>
  425.                     </div>
  426.                     <div class="table-sp-td">
  427.                         <span>{{ 'evidence.test_institution'|trans }}</span>
  428.                         <p>
  429.                             {{ 'evidence.japan_food_analysis_center'|trans }}
  430.                         </p>
  431.                     </div>
  432.                 </div>
  433.                 <div class="table-sp-tr">
  434.                     <div class="table-sp-td">
  435.                         <a href="/html/user_data/assets/pdf/20221021_eye_irritation_test_using_human_cultured_cornea_model.pdf" target="_blank">
  436.                             ○{{ 'evidence.eye_irritation_test_full'|trans }}
  437.                         </a>
  438.                     </div>
  439.                     <div class="table-sp-td">
  440.                         <span>{{ 'evidence.result'|trans }}</span>
  441.                         <p>
  442.                             {{ 'evidence.non_irritating'|trans }}
  443.                         </p>
  444.                     </div>
  445.                     <div class="table-sp-td">
  446.                         <span>{{ 'evidence.test_institution'|trans }}</span>
  447.                         <p>
  448.                             {{ 'evidence.japan_food_analysis_center'|trans }}
  449.                         </p>
  450.                     </div>
  451.                 </div>
  452.                 <div class="table-sp-tr">
  453.                     <div class="table-sp-td">
  454.                         <a href="/html/user_data/assets/pdf/20220922_analysis_test_report_undiluted_solution.pdf" target="_blank">
  455.                             ○{{ 'evidence.analysis_test_report'|trans }}
  456.                         </a>
  457.                     </div>
  458.                     <div class="table-sp-td">
  459.                         <span>{{ 'evidence.result'|trans }}</span>
  460.                         <p>
  461.                             {{ 'evidence.analysis_test_report_result'|trans }}
  462.                         </p>
  463.                     </div>
  464.                     <div class="table-sp-td">
  465.                         <span>{{ 'evidence.test_institution'|trans }}</span>
  466.                         <p>
  467.                             {{ 'evidence.japan_food_analysis_center'|trans }}
  468.                         </p>
  469.                     </div>
  470.                 </div>
  471.                 <div class="table-sp-tr">
  472.                     <div class="table-sp-td">
  473.                         <a href="/html/user_data/assets/pdf/20230601_chlorine_gas_generation_test.pdf" target="_blank">
  474.                             ○{{ 'evidence.chlorine_gas_test'|trans }}
  475.                         </a>
  476.                     </div>
  477.                     <div class="table-sp-td">
  478.                         <span>{{ 'evidence.result'|trans }}</span>
  479.                         <p>
  480.                             {{ 'evidence.chlorine_gas_test_result'|trans }}
  481.                         </p>
  482.                     </div>
  483.                     <div class="table-sp-td">
  484.                         <span>{{ 'evidence.test_institution'|trans }}</span>
  485.                         <p>
  486.                             {{ 'evidence.japan_food_analysis_center'|trans }}
  487.                         </p>
  488.                     </div>
  489.                 </div>
  490.                 <div class="table-sp-tr">
  491.                     <div class="table-sp-td">
  492.                         <a href="/html/user_data/assets/pdf/20230914_metal_corrosion_test.pdf" target="_blank">
  493.                             ○{{ 'evidence.metal_corrosion_test'|trans }}
  494.                         </a>
  495.                     </div>
  496.                     <div class="table-sp-td">
  497.                         <span>{{ 'evidence.result'|trans }}</span>
  498.                         <p>
  499.                             {{ 'evidence.metal_corrosion_test_result'|trans }}
  500.                         </p>
  501.                     </div>
  502.                     <div class="table-sp-td">
  503.                         <span>{{ 'evidence.test_institution'|trans }}</span>
  504.                         <p>
  505.                             {{ 'evidence.jfe_techno_research'|trans }}
  506.                         </p>
  507.                     </div>
  508.                 </div>
  509.             </div>
  510.         </div>
  512.         <div class="evidence-container">
  513.             <div class="evidence-table-title">
  514.                 <h4>{{ 'evidence.effectiveness_test'|trans }}</h4>
  515.             </div>
  516.             <table>
  517.                 <thead>
  518.                     <tr>
  519.                         <th>{{ 'evidence.test_name'|trans }}</th>
  520.                         <th>{{ 'evidence.test_virus_bacteria'|trans }}</th>
  521.                         <th>{{ 'evidence.test_institution'|trans }}</th>
  522.                     </tr>
  523.                 </thead>
  524.                 <tbody>
  525.                     <tr>
  526.                         <td>
  527.                             <a href="/html/user_data/assets/pdf/20221109_virus_inactivation_test.pdf" target="_blank">
  528.                                 {{ 'evidence.virus_inactivation_test'|trans }}
  529.                             </a>
  530.                         </td>
  531.                         <td>
  532.                             {{ 'evidence.virus_list_1'|trans }}<br>
  533.                             {{ 'evidence.virus_list_2'|trans }}
  534.                         </td>
  535.                         <td rowspan="3">{{ 'evidence.japan_food_analysis_center'|trans }}</td>
  536.                     </tr>
  537.                     <tr>
  538.                         <td>
  539.                             <a href="/html/user_data/assets/pdf/20221021_bactericidal_effect_test_1.pdf" target="_blank">
  540.                                 {{ 'evidence.bactericidal_effect_test'|trans }}
  541.                             </a>
  542.                         </td>
  543.                         <td>
  544.                             {{ 'evidence.bacteria_list_1'|trans }}<br>{{ 'evidence.bacteria_list_2'|trans }}
  545.                         </td>
  546.                     </tr>
  547.                     <tr>
  548.                         <td>
  549.                             <a href="/html/user_data/assets/pdf/20240627_bactericidal_effect_test_2.pdf" target="_blank">
  550.                                 {{ 'evidence.bactericidal_effect_test'|trans }}
  551.                             </a>
  552.                         </td>
  553.                         <td>
  554.                             {{ 'evidence.bacteria_list_3'|trans }}
  555.                         </td>
  556.                     </tr>
  557.                 </tbody>
  558.             </table>
  559.             <div class="table-sp">
  560.                 <div class="table-sp-tr">
  561.                     <div class="table-sp-td">
  562.                         <a href="/html/user_data/assets/pdf/20221109_virus_inactivation_test.pdf" target="_blank">
  563.                             ○{{ 'evidence.virus_inactivation_test'|trans }}
  564.                         </a>
  565.                     </div>
  566.                     <div class="table-sp-td">
  567.                         <span>{{ 'evidence.test_virus_type'|trans }}</span>
  568.                         <p>
  569.                             {{ 'evidence.virus_list_1_sp'|trans }}<br>
  570.                             {{ 'evidence.virus_list_2_sp'|trans }}<br>
  571.                             {{ 'evidence.virus_list_3_sp'|trans }}<br>
  572.                             {{ 'evidence.virus_list_note'|trans }}
  573.                         </p>
  574.                     </div>
  575.                     <div class="table-sp-td">
  576.                         <span>{{ 'evidence.test_institution'|trans }}</span>
  577.                         <p>
  578.                             {{ 'evidence.japan_food_analysis_center'|trans }}
  579.                         </p>
  580.                     </div>
  581.                 </div>
  582.                 <div class="table-sp-tr">
  583.                     <div class="table-sp-td">
  584.                         <a href="/html/user_data/assets/pdf/20221021_bactericidal_effect_test_1.pdf" target="_blank">
  585.                             ○{{ 'evidence.bactericidal_effect_test'|trans }}
  586.                         </a>
  587.                     </div>
  588.                     <div class="table-sp-td">
  589.                         <span>{{ 'evidence.test_virus_type'|trans }}</span>
  590.                         <p>
  591.                             {{ 'evidence.bacteria_list_sp_1'|trans }}
  592.                         </p>
  593.                     </div>
  594.                     <div class="table-sp-td">
  595.                         <span>{{ 'evidence.test_institution'|trans }}</span>
  596.                         <p>
  597.                             {{ 'evidence.japan_food_analysis_center'|trans }}
  598.                         </p>
  599.                     </div>
  600.                 </div>
  601.                 <div class="table-sp-tr">
  602.                     <div class="table-sp-td">
  603.                         <a href="/html/user_data/assets/pdf/20240627_bactericidal_effect_test_2.pdf" target="_blank">
  604.                             ○{{ 'evidence.bactericidal_effect_test'|trans }}
  605.                         </a>
  606.                     </div>
  607.                     <div class="table-sp-td">
  608.                         <span>{{ 'evidence.test_virus_type'|trans }}</span>
  609.                         <p>
  610.                             {{ 'evidence.bacteria_list_3'|trans }}
  611.                         </p>
  612.                     </div>
  613.                     <div class="table-sp-td">
  614.                         <span>{{ 'evidence.test_institution'|trans }}</span>
  615.                         <p>
  616.                             {{ 'evidence.japan_food_analysis_center'|trans }}
  617.                         </p>
  618.                     </div>
  619.                 </div>
  620.                 <div class="table-sp-tr">
  621.                     <div class="table-sp-td">
  622.                         <a href="/html/user_data/assets/pdf/20221108_deodorizing_effect_test.pdf" target="_blank">
  623.                             ○{{ 'evidence.deodorizing_effect_test'|trans }}
  624.                         </a>
  625.                     </div>
  626.                     <div class="table-sp-td column">
  627.                         <span>{{ 'evidence.test_odor'|trans }}</span>
  628.                         <div class="syuki-wrap first">
  629.                             <p>{{ 'evidence.odor_ammonia'|trans }}</p>
  630.                             <p>{{ 'evidence.odor_ammonia_desc'|trans }}</p>
  631.                         </div>
  632.                         <div class="syuki-wrap">
  633.                             <p>{{ 'evidence.odor_trimethylamine'|trans }}</p>
  634.                             <p>{{ 'evidence.odor_trimethylamine_desc'|trans }}</p>
  635.                         </div>
  636.                         <div class="syuki-wrap">
  637.                             <p>{{ 'evidence.odor_methylmercaptan'|trans }}</p>
  638.                             <p>{{ 'evidence.odor_methylmercaptan_desc'|trans }}</p>
  639.                         </div>
  640.                         <div class="syuki-wrap">
  641.                             <p>{{ 'evidence.odor_hydrogen_sulfide'|trans }}</p>
  642.                             <p>{{ 'evidence.odor_hydrogen_sulfide_desc'|trans }}</p>
  643.                         </div>
  644.                         <div class="syuki-wrap">
  645.                             <p>{{ 'evidence.odor_acetaldehyde'|trans }}</p>
  646.                             <p>{{ 'evidence.odor_acetaldehyde_desc'|trans }}</p>
  647.                         </div>
  648.                         <div class="syuki-wrap">
  649.                             <p>{{ 'evidence.odor_isovaleric_acid'|trans }}</p>
  650.                             <p>{{ 'evidence.odor_isovaleric_acid_desc'|trans }}</p>
  651.                         </div>
  652.                         <div class="syuki-wrap">
  653.                             <p>{{ 'evidence.odor_nonenal'|trans }}</p>
  654.                             <p>{{ 'evidence.odor_nonenal_desc'|trans }}</p>
  655.                         </div>
  656.                         <div class="syuki-wrap">
  657.                             <p>{{ 'evidence.odor_methyl_sulfide'|trans }}</p>
  658.                             <p>{{ 'evidence.odor_methyl_sulfide_desc'|trans }}</p>
  659.                         </div>
  660.                         <div class="syuki-wrap">
  661.                             <p>{{ 'evidence.odor_dimethyl_disulfide'|trans }}</p>
  662.                             <p>{{ 'evidence.odor_dimethyl_disulfide_desc'|trans }}</p>
  663.                         </div>
  664.                         <div class="syuki-wrap">
  665.                             <p>{{ 'evidence.odor_styrene'|trans }}</p>
  666.                             <p>{{ 'evidence.odor_styrene_desc'|trans }}</p>
  667.                         </div>
  668.                     </div>
  669.                     <div class="table-sp-td">
  670.                         <span>{{ 'evidence.test_institution'|trans }}</span>
  671.                         {{ 'evidence.japan_food_analysis_center'|trans }}
  672.                     </div>
  673.                 </div>
  674.                 <div class="table-sp-tr">
  675.                     <div class="table-sp-td">
  676.                         <a style="color:#a9a9a9;" href="/html/user_data/assets/pdf/20221108_deodorizing_effect_test.pdf#page=12" target="_blank">
  677.                             ○{{ 'evidence.deodorizing_effect_test'|trans }}
  678.                         </a>
  679.                     </div>
  680.                     <div class="table-sp-td column">
  681.                         <span>{{ 'evidence.test_odor'|trans }}</span>
  682.                         <div class="syuki-wrap first">
  683.                             <p style="color:#a9a9a9;">{{ 'evidence.odor_styrene_no_effect'|trans|nl2br }}</p>
  684.                             <p style="color:#a9a9a9;">{{ 'evidence.odor_styrene_desc'|trans }}</p>
  685.                         </div>
  686.                     </div>
  687.                     <div class="table-sp-td">
  688.                         <span>{{ 'evidence.test_institution'|trans }}</span>
  689.                         <p style="color:#a9a9a9;">
  690.                             {{ 'evidence.japan_food_analysis_center'|trans }}
  691.                         </p>
  692.                     </div>
  693.                     <p class="note-sp">{{ 'evidence.note_perfume'|trans }}</p>
  694.                 </div>
  695.             </div>
  696.         </div>
  699.         <div class="evidence-container">
  700.             <table>
  701.                 <thead>
  702.                     <tr>
  703.                         <th>{{ 'evidence.test_name'|trans }}</th>
  704.                         <th>{{ 'evidence.test_odor'|trans }}</th>
  705.                         <th>{{ 'evidence.main_odor'|trans }}</th>
  706.                         <th>{{ 'evidence.test_institution'|trans }}</th>
  707.                     </tr>
  708.                 </thead>
  709.                 <tbody>
  710.                     <tr>
  711.                         <td rowspan="9">
  712.                             <a href="/html/user_data/assets/pdf/20221108_deodorizing_effect_test.pdf" target="_blank">
  713.                                 {{ 'evidence.deodorizing_effect_test'|trans }}
  714.                             </a>
  715.                         </td>
  716.                         <td>{{ 'evidence.odor_ammonia'|trans }}</td>
  717.                         <td>{{ 'evidence.odor_ammonia_desc'|trans }}</td>
  718.                         <td rowspan="9">{{ 'evidence.japan_food_analysis_center'|trans }}</td>
  719.                     </tr>
  720.                     <tr>
  721.                         <td>{{ 'evidence.odor_trimethylamine'|trans }}</td>
  722.                         <td>{{ 'evidence.odor_trimethylamine_desc'|trans }}</td>
  723.                     </tr>
  724.                     <tr>
  725.                         <td>{{ 'evidence.odor_methylmercaptan'|trans }}</td>
  726.                         <td>{{ 'evidence.odor_methylmercaptan_desc'|trans }}</td>
  727.                     </tr>
  728.                     <tr>
  729.                         <td>{{ 'evidence.odor_hydrogen_sulfide'|trans }}</td>
  730.                         <td>
  731.                             {{ 'evidence.odor_hydrogen_sulfide_desc_1'|trans }}<br>
  732.                             {{ 'evidence.odor_hydrogen_sulfide_desc_2'|trans }}
  733.                         </td>
  734.                     </tr>
  735.                     <tr>
  736.                         <td>{{ 'evidence.odor_acetaldehyde'|trans }}</td>
  737.                         <td>
  738.                             {{ 'evidence.odor_acetaldehyde_desc_1'|trans }}<br>
  739.                             {{ 'evidence.odor_acetaldehyde_desc_2'|trans }}
  740.                         </td>
  741.                     </tr>
  742.                     <tr>
  743.                         <td>{{ 'evidence.odor_isovaleric_acid'|trans }}</td>
  744.                         <td>
  745.                             {{ 'evidence.odor_isovaleric_acid_desc'|trans }}
  746.                         </td>
  747.                     </tr>
  748.                     <tr>
  749.                         <td>{{ 'evidence.odor_nonenal'|trans }}</td>
  750.                         <td>
  751.                             {{ 'evidence.odor_nonenal_desc'|trans }}
  752.                         </td>
  753.                     </tr>
  754.                     <tr>
  755.                         <td>{{ 'evidence.odor_methyl_sulfide'|trans }}</td>
  756.                         <td>
  757.                             {{ 'evidence.odor_methyl_sulfide_desc_1'|trans }}<br>
  758.                             {{ 'evidence.odor_methyl_sulfide_desc_2'|trans }}
  759.                         </td>
  760.                     </tr>
  761.                     <tr>
  762.                         <td>{{ 'evidence.odor_dimethyl_disulfide'|trans }}</td>
  763.                         <td>
  764.                             {{ 'evidence.odor_dimethyl_disulfide_desc_1'|trans }}<br>
  765.                             {{ 'evidence.odor_dimethyl_disulfide_desc_2'|trans }}
  766.                         </td>
  767.                     </tr>
  768.                     <tr>
  769.                         <td>
  770.                             <a style="color:#a9a9a9;" href="/html/user_data/assets/pdf/20221108_deodorizing_effect_test.pdf#page=12" target="_blank">
  771.                                 {{ 'evidence.deodorizing_effect_test'|trans }}
  772.                             </a>
  773.                         </td>
  774.                         <td style="color:#a9a9a9;">
  775.                             {{ 'evidence.odor_styrene_no_effect'|trans }}
  776.                         </td>
  777.                         <td style="color:#a9a9a9;">
  778.                             {{ 'evidence.odor_styrene_desc'|trans }}
  779.                         </td>
  780.                         <td style="color:#a9a9a9;">
  781.                             {{ 'evidence.japan_food_analysis_center'|trans }}
  782.                         </td>
  783.                     </tr>
  784.                 </tbody>
  785.             </table>
  786.             <p class="note-pc">{{ 'evidence.note_perfume'|trans }}</p>
  787.         </div>
  788.     </div>
  789. {% endblock %}