app/template/user_data/health_trend_dashsyoku.twig line 1

Open in your IDE?
  1. {% extends 'default_frame.twig' %}
  3. {% block main %}
  4. <link rel="preconnect" href="https://fonts.googleapis.com">
  5. <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  6. <link href="https://fonts.googleapis.com/css2?family=Kosugi+Maru&display=swap" rel="stylesheet">
  7. <style>
  8.   .warning {
  9.     width: 100%;
  10.     padding: 2%;
  11.     background-color: #ffffbf;
  12.     text-align: center;
  13.     border-radius: 10px;
  14.     box-sizing: border-box;
  15.   }
  17.   .sale-price {
  18.     color: #c00;
  19.   }
  21.   .normal-price {
  22.     font-size: 80%;
  23.   }
  25.   .kosugi-maru-regular {
  26.     font-family: "Kosugi Maru", system-ui;
  27.     font-weight: 400;
  28.     font-style: normal;
  29.   }
  31.   .content {
  32.     font-size: 150%;
  33.     line-height: 1.5;
  34.   }
  36.   h1,
  37.   h2,
  38.   h3,
  39.   h4,
  40.   h5,
  41.   h6,
  42.   th {
  43.     margin: 0;
  44.     font-size: 100%;
  45.   }
  47.   .ttl-level-01,
  48.   .ttl-level-02 {
  49.     margin-bottom: 10px;
  50.   }
  52.   .ttl-level-03 {
  53.     margin-bottom: .5em;
  54.     padding-bottom: .25em;
  55.     border-bottom: 4px dotted #ffa266;
  56.     font-size: 150%;
  57.     color: #ffa266;
  58.   }
  60.   .box-img-01 {
  61.     margin: 1em auto;
  62.   }
  64.   .sec-cmn-01 {
  65.     padding: 0 3%;
  66.     margin: 2em auto;
  67.   }
  69.   .area-cmn-01.sec04 {
  70.     padding: 5%;
  71.     background-color: #f4ede7;
  73.   }
  75.   .sec04 .ttl-level-02-2 {
  76.     margin-bottom: .25em;
  77.     font-size: 150%;
  78.     font-weight: bold;
  79.   }
  81.   @media screen and (min-width: 768px) {
  82.     .ttl-level-01 {
  83.       padding-bottom: 8%;
  84.     }
  86.     .sec-cmn-01 {
  87.       width: 80%;
  88.     }
  90.     .cartWrapper {
  91.       font-size: 75%;
  92.     }
  93.   }
  94. </style>
  95. <div class="ec-ContentsRole">
  96.   <div class="breadcrumb">
  97.     <ol itemscope itemtype="https://schema.org/BreadcrumbList">
  98.       <li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">
  99.         <a itemprop="item" href="{{ url('homepage') }}">
  100.           <span itemprop="name">ミリオンストア・トップページ</span></a>
  101.         <meta itemprop="position" content="1" />
  102.       </li>
  103.       <li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">
  104.         <a itemprop="item" href="{{ url('homepage') }}health-trend/">
  105.           <span itemprop="name">健康トレンド図鑑</span></a>
  106.         <meta itemprop="position" content="2" />
  107.       </li>
  108.       <li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem" class="last">
  109.         <a itemprop="item" href="{{ url('homepage') }}health-trend/dashsyoku/">
  110.           <span itemprop="name">血圧が気になる方必見！話題の「DASH食」を取り入れて若々しさをキープ
  111.           </span></a>
  112.         <meta itemprop="position" content="3" />
  113.       </li>
  114.     </ol>
  115.   </div>
  116.   <!-- contents -->
  117.   <div class="dashsyoku kosugi-maru-regular">
  118.     <h1 class="ttl-level-01">
  119.       <picture>
  120.         <!-- <source media="(max-width: 767px)" type="image/webp" srcset="{{ asset('assets/img/health-trend/dashsyoku/mv_sp.webp') }}, {{ asset('assets/img/health-trend/dashsyoku/mv_sp@2x.webp') }} 2x">
  121.             <source media="(max-width: 767px)" srcset="{{ asset('assets/img/health-trend/dashsyoku/mv_sp.jpg') }}, {{ asset('assets/img/health-trend/dashsyoku/mv_sp@2x.jpg') }} 2x"> -->
  122.         <source type="image/webp"
  123.           srcset="{{ asset('assets/img/health-trend/dashsyoku/mv_pc.webp') }} 1x, {{ asset('assets/img/health-trend/dashsyoku/mv_pc@2x.webp') }} 2x">
  124.         <source
  125.           srcset="{{ asset('assets/img/health-trend/dashsyoku/mv_pc.jpg') }} 1x, {{ asset('assets/img/health-trend/dashsyoku/mv_pc@2x.jpg') }} 2x">
  126.         <img src="{{ asset('assets/img/health-trend/dashsyoku/mv_pc.') }}" alt="血圧が気になる方必見！話題の「DASH食」を取り入れて若々しさをキープ"
  127.           width="100%">
  128.       </picture>
  129.     </h1>
  131.     <div class="content">
  132.       <div class="area-cmn-01 sec01">
  133.         <h2 class="ttl-level-02">
  134.           <picture>
  135.             <!-- <source media="(max-width: 767px)" type="image/webp" srcset="{{ asset('assets/img/health-trend/dashsyoku/ttl_sec01_01_sp.webp') }}, {{ asset('assets/img/health-trend/dashsyoku/ttl_sec01_01_sp@2x.webp') }} 2x">
  136.                     <source media="(max-width: 767px)" srcset="{{ asset('assets/img/health-trend/dashsyoku/ttl_sec01_01_sp.png') }}, {{ asset('assets/img/health-trend/dashsyoku/ttl_sec01_01_sp@2x.png') }} 2x"> -->
  137.             <source type="image/webp"
  138.               srcset="{{ asset('assets/img/health-trend/dashsyoku/ttl_sec01_01_pc.webp') }} 1x, {{ asset('assets/img/health-trend/dashsyoku/ttl_sec01_01_pc@2x.webp') }} 2x">
  139.             <source
  140.               srcset="{{ asset('assets/img/health-trend/dashsyoku/ttl_sec01_01_pc.png') }} 1x, {{ asset('assets/img/health-trend/dashsyoku/ttl_sec01_01_pc@2x.png') }} 2x">
  141.             <img src="{{ asset('assets/img/health-trend/dashsyoku/ttl_sec01_01_pc.png') }}" alt="話題の食事療法、「DASH食」とは？"
  142.               width="100%">
  143.           </picture>
  144.         </h2>
  145.         <div class="box-txt-01">
  146.           <p>DASH食は、Dietary Approaches to Stop Hypertensionの略称で、高血圧予防を目的とした食事療法です。</p>
  147.           <p>アメリカ国立衛生研究所（NIH）が提唱し、その効果は数多くの研究で実証されています。</p>
  148.         </div>
  150.         <div class="sec-cmn-01">
  151.           <h3 class="ttl-level-03">なぜDASH食が注目されているの？</h3>
  152.           <div class="box-txt-01">
  153.             <p>外食や加工食品を食べる機会が増えたことにより、塩分過多や栄養バランスの乱れが問題視されています。こうした食生活の変化が、高血圧や心疾患などの生活習慣病のリスクを高める一因となっています。</p>
  154.             <p>近年、健康意識の高まりとともに食生活を見直す人が増えています。DASH食は、具体的な食事の目標となることから、健康意識の高い方を中心に注目を集めています。</p>
  155.           </div>
  156.           <div class="box-img-01">
  157.             <!-- <source media="(max-width: 767px)" type="image/webp" srcset="{{ asset('assets/img/health-trend/dashsyoku/img_sec01_01_sp.webp') }}, {{ asset('assets/img/health-trend/dashsyoku/img_sec01_01_sp@2x.webp') }} 2x">
  158.                     <source media="(max-width: 767px)" srcset="{{ asset('assets/img/health-trend/dashsyoku/img_sec01_01_sp.jpg') }}, {{ asset('assets/img/health-trend/dashsyoku/img_sec01_01_sp@2x.jpg') }} 2x"> -->
  159.             <source type="image/webp"
  160.               srcset="{{ asset('assets/img/health-trend/dashsyoku/img_sec01_01_pc.webp') }} 1x, {{ asset('assets/img/health-trend/dashsyoku/img_sec01_01_pc@2x.webp') }} 2x">
  161.             <source
  162.               srcset="{{ asset('assets/img/health-trend/dashsyoku/img_sec01_01_pc.jpg') }} 1x, {{ asset('assets/img/health-trend/dashsyoku/img_sec01_01_pc@2x.jpg') }} 2x">
  163.             <img src="{{ asset('assets/img/health-trend/dashsyoku/img_sec01_01_pc.jpg') }}" alt="楽しく食事をする老夫婦"
  164.               width="100%">
  165.           </div>
  166.         </div>
  167.       </div>
  168.       <div class="area-cmn-01 sec02">
  169.         <h2 class="ttl-level-02">
  170.           <picture>
  171.             <!-- <source media="(max-width: 767px)" type="image/webp" srcset="{{ asset('assets/img/health-trend/dashsyoku/ttl_sec02_01_sp.webp') }}, {{ asset('assets/img/health-trend/dashsyoku/ttl_sec02_01_sp@2x.webp') }} 2x">
  172.                     <source media="(max-width: 767px)" srcset="{{ asset('assets/img/health-trend/dashsyoku/ttl_sec02_01_sp.png') }}, {{ asset('assets/img/health-trend/dashsyoku/ttl_sec02_01_sp@2x.png') }} 2x"> -->
  173.             <source type="image/webp"
  174.               srcset="{{ asset('assets/img/health-trend/dashsyoku/ttl_sec02_01_pc.webp') }} 1x, {{ asset('assets/img/health-trend/dashsyoku/ttl_sec02_01_pc@2x.webp') }} 2x">
  175.             <source
  176.               srcset="{{ asset('assets/img/health-trend/dashsyoku/ttl_sec02_01_pc.png') }} 1x, {{ asset('assets/img/health-trend/dashsyoku/ttl_sec02_01_pc@2x.png') }} 2x">
  177.             <img src="{{ asset('assets/img/health-trend/dashsyoku/ttl_sec02_01_pc.png') }}" alt="DASH食の基本" width="100%">
  178.           </picture>
  179.         </h2>
  180.         <div class="box-txt-01">
  181.           <p>DASH食は、単なるダイエットではなく、心身ともに健康な状態を維持するための食事法です。</p>
  182.           <p>DASH食のポイントは、大きく分けて次の3つです。</p>
  183.         </div>
  184.         <div class="sec-cmn-01">
  185.           <h3 class="ttl-level-03-2">
  186.             <picture>
  187.               <!-- <source media="(max-width: 767px)" type="image/webp" srcset="{{ asset('assets/img/health-trend/dashsyoku/ttl_sec02_01_sp.webp') }}, {{ asset('assets/img/health-trend/dashsyoku/ttl_sec02_01_sp@2x.webp') }} 2x">
  188.                         <source media="(max-width: 767px)" srcset="{{ asset('assets/img/health-trend/dashsyoku/ttl_sec02_01_sp.png') }}, {{ asset('assets/img/health-trend/dashsyoku/ttl_sec02_01_sp@2x.png') }} 2x"> -->
  189.               <source type="image/webp"
  190.                 srcset="{{ asset('assets/img/health-trend/dashsyoku/ttl_sec02_02_pc.webp') }} 1x, {{ asset('assets/img/health-trend/dashsyoku/ttl_sec02_02_pc@2x.webp') }} 2x">
  191.               <source
  192.                 srcset="{{ asset('assets/img/health-trend/dashsyoku/ttl_sec02_02_pc.png') }} 1x, {{ asset('assets/img/health-trend/dashsyoku/ttl_sec02_02_pc@2x.png') }} 2x">
  193.               <img src="{{ asset('assets/img/health-trend/dashsyoku/ttl_sec02_02_pc.png') }}" alt="1 バランスのよい食事"
  194.                 width="100%">
  195.             </picture>
  196.           </h3>
  197.           <div class="box-txt-01">
  198.             <p>DASH食では、様々な種類の食品をバランスよく摂ることが大切です。穀物、果物、野菜、低脂肪乳製品、豆類、魚、鶏肉、ナッツ類などを組み合わせることで、必要な栄養素を効率的に摂取できます。</p>
  199.           </div>
  200.           <div class="box-img-01">
  201.             <!-- <source media="(max-width: 767px)" type="image/webp" srcset="{{ asset('assets/img/health-trend/dashsyoku/img_sec02_01_sp.webp') }}, {{ asset('assets/img/health-trend/dashsyoku/img_sec02_01_sp@2x.webp') }} 2x">
  202.                     <source media="(max-width: 767px)" srcset="{{ asset('assets/img/health-trend/dashsyoku/img_sec02_01_sp.jpg') }}, {{ asset('assets/img/health-trend/dashsyoku/img_sec02_01_sp@2x.jpg') }} 2x"> -->
  203.             <source type="image/webp"
  204.               srcset="{{ asset('assets/img/health-trend/dashsyoku/img_sec02_01_pc.webp') }} 1x, {{ asset('assets/img/health-trend/dashsyoku/img_sec02_01_pc@2x.webp') }} 2x">
  205.             <source
  206.               srcset="{{ asset('assets/img/health-trend/dashsyoku/img_sec02_01_pc.jpg') }} 1x, {{ asset('assets/img/health-trend/dashsyoku/img_sec02_01_pc@2x.jpg') }} 2x">
  207.             <img src="{{ asset('assets/img/health-trend/dashsyoku/img_sec02_01_pc.jpg') }}" alt="こんな時にオススメ！"
  208.               width="100%">
  209.           </div>
  210.         </div>
  211.         <div class="sec-cmn-01">
  212.           <h3 class="ttl-level-03-2">
  213.             <picture>
  214.               <!-- <source media="(max-width: 767px)" type="image/webp" srcset="{{ asset('assets/img/health-trend/dashsyoku/ttl_sec02_03_sp.webp') }}, {{ asset('assets/img/health-trend/dashsyoku/ttl_sec02_03_sp@2x.webp') }} 2x">
  215.                         <source media="(max-width: 767px)" srcset="{{ asset('assets/img/health-trend/dashsyoku/ttl_sec02_03_sp.png') }}, {{ asset('assets/img/health-trend/dashsyoku/ttl_sec02_03_sp@2x.png') }} 2x"> -->
  216.               <source type="image/webp"
  217.                 srcset="{{ asset('assets/img/health-trend/dashsyoku/ttl_sec02_03_pc.webp') }} 1x, {{ asset('assets/img/health-trend/dashsyoku/ttl_sec02_03_pc@2x.webp') }} 2x">
  218.               <source
  219.                 srcset="{{ asset('assets/img/health-trend/dashsyoku/ttl_sec02_03_pc.png') }} 1x, {{ asset('assets/img/health-trend/dashsyoku/ttl_sec02_03_pc@2x.png') }} 2x">
  220.               <img src="{{ asset('assets/img/health-trend/dashsyoku/ttl_sec02_03_pc.png') }}" alt="2 塩分制限" width="100%">
  221.             </picture>
  222.           </h3>
  223.           <div class="box-txt-01">
  224.             <p>高血圧の原因の一つに塩分過多が挙げられます。DASH食では、塩分摂取量を1日あたり2,300mg以下に抑えることを目標とします。加工食品や外食を控え、家庭料理で塩分を控える工夫が大切です。</p>
  225.           </div>
  226.           <div class="box-img-01">
  227.             <!-- <source media="(max-width: 767px)" type="image/webp" srcset="{{ asset('assets/img/health-trend/dashsyoku/img_sec02_02_sp.webp') }}, {{ asset('assets/img/health-trend/dashsyoku/img_sec02_02_sp@2x.webp') }} 2x">
  228.                     <source media="(max-width: 767px)" srcset="{{ asset('assets/img/health-trend/dashsyoku/img_sec02_02_sp.jpg') }}, {{ asset('assets/img/health-trend/dashsyoku/img_sec02_02_sp@2x.jpg') }} 2x"> -->
  229.             <source type="image/webp"
  230.               srcset="{{ asset('assets/img/health-trend/dashsyoku/img_sec02_02_pc.webp') }} 1x, {{ asset('assets/img/health-trend/dashsyoku/img_sec02_02_pc@2x.webp') }} 2x">
  231.             <source
  232.               srcset="{{ asset('assets/img/health-trend/dashsyoku/img_sec02_02_pc.jpg') }} 1x, {{ asset('assets/img/health-trend/dashsyoku/img_sec02_02_pc@2x.jpg') }} 2x">
  233.             <img src="{{ asset('assets/img/health-trend/dashsyoku/img_sec02_02_pc.jpg') }}" alt="こんな時にオススメ！"
  234.               width="100%">
  235.           </div>
  236.         </div>
  237.         <div class="sec-cmn-01">
  238.           <h3 class="ttl-level-03-2">
  239.             <picture>
  240.               <!-- <source media="(max-width: 767px)" type="image/webp" srcset="{{ asset('assets/img/health-trend/dashsyoku/ttl_sec02_04_sp.webp') }}, {{ asset('assets/img/health-trend/dashsyoku/ttl_sec02_04_sp@2x.webp') }} 2x">
  241.                         <source media="(max-width: 767px)" srcset="{{ asset('assets/img/health-trend/dashsyoku/ttl_sec02_04_sp.png') }}, {{ asset('assets/img/health-trend/dashsyoku/ttl_sec02_04_sp@2x.png') }} 2x"> -->
  242.               <source type="image/webp"
  243.                 srcset="{{ asset('assets/img/health-trend/dashsyoku/ttl_sec02_04_pc.webp') }} 1x, {{ asset('assets/img/health-trend/dashsyoku/ttl_sec02_04_pc@2x.webp') }} 2x">
  244.               <source
  245.                 srcset="{{ asset('assets/img/health-trend/dashsyoku/ttl_sec02_04_pc.png') }} 1x, {{ asset('assets/img/health-trend/dashsyoku/ttl_sec02_04_pc@2x.png') }} 2x">
  246.               <img src="{{ asset('assets/img/health-trend/dashsyoku/ttl_sec02_04_pc.png') }}" alt="2 塩分制限" width="100%">
  247.             </picture>
  248.           </h3>
  249.           <div class="box-txt-01">
  250.             <p>果物や野菜には、カリウム、マグネシウム、食物繊維など、高血圧予防に効果的な栄養素が豊富に含まれています。DASH食では、1日に5～9皿の果物や野菜を摂ることが推奨されています。</p>
  251.           </div>
  252.           <div class="box-img-01">
  253.             <!-- <source media="(max-width: 767px)" type="image/webp" srcset="{{ asset('assets/img/health-trend/dashsyoku/img_sec02_03_sp.webp') }}, {{ asset('assets/img/health-trend/dashsyoku/img_sec02_03_sp@2x.webp') }} 2x">
  254.                     <source media="(max-width: 767px)" srcset="{{ asset('assets/img/health-trend/dashsyoku/img_sec02_03_sp.jpg') }}, {{ asset('assets/img/health-trend/dashsyoku/img_sec02_03_sp@2x.jpg') }} 2x"> -->
  255.             <source type="image/webp"
  256.               srcset="{{ asset('assets/img/health-trend/dashsyoku/img_sec02_03_pc.webp') }} 1x, {{ asset('assets/img/health-trend/dashsyoku/img_sec02_03_pc@2x.webp') }} 2x">
  257.             <source
  258.               srcset="{{ asset('assets/img/health-trend/dashsyoku/img_sec02_03_pc.jpg') }} 1x, {{ asset('assets/img/health-trend/dashsyoku/img_sec02_03_pc@2x.jpg') }} 2x">
  259.             <img src="{{ asset('assets/img/health-trend/dashsyoku/img_sec02_03_pc.jpg') }}" alt="こんな時にオススメ！"
  260.               width="100%">
  261.           </div>
  262.         </div>
  263.       </div>
  264.       <div class="area-cmn-01 sec03">
  265.         <h2 class="ttl-level-02">
  266.           <picture>
  267.             <!-- <source media="(max-width: 767px)" type="image/webp" srcset="{{ asset('assets/img/health-trend/dashsyoku/ttl_sec03_01_sp.webp') }}, {{ asset('assets/img/health-trend/dashsyoku/ttl_sec03_01_sp@2x.webp') }} 2x">
  268.                     <source media="(max-width: 767px)" srcset="{{ asset('assets/img/health-trend/dashsyoku/ttl_sec03_01_sp.png') }}, {{ asset('assets/img/health-trend/dashsyoku/ttl_sec03_01_sp@2x.png') }} 2x"> -->
  269.             <source type="image/webp"
  270.               srcset="{{ asset('assets/img/health-trend/dashsyoku/ttl_sec03_01_pc.webp') }} 1x, {{ asset('assets/img/health-trend/dashsyoku/ttl_sec03_01_pc@2x.webp') }} 2x">
  271.             <source
  272.               srcset="{{ asset('assets/img/health-trend/dashsyoku/ttl_sec03_01_pc.png') }} 1x, {{ asset('assets/img/health-trend/dashsyoku/ttl_sec03_01_pc@2x.png') }} 2x">
  273.             <img src="{{ asset('assets/img/health-trend/dashsyoku/ttl_sec03_01_pc.png') }}"
  274.               alt="DASH食に欠かせない！不足しがちなカリウム補給には○○がおすすめ！" width="100%">
  275.           </picture>
  276.         </h2>
  277.         <div class="box-txt-01">
  278.           <p>カリウムは、体内のナトリウム（塩分）を排出する働きがあり、高血圧予防に非常に重要なミネラルです。また、筋肉の働きをサポートし、疲労回復にも役立ちます。</p>
  279.         </div>
  281.         <div class="sec-cmn-01">
  282.           <div class="box-img-01">
  283.             <!-- <source media="(max-width: 767px)" type="image/webp" srcset="{{ asset('assets/img/health-trend/dashsyoku/img_sec03_01_sp.webp') }}, {{ asset('assets/img/health-trend/dashsyoku/img_sec03_01_sp@2x.webp') }} 2x">
  284.                     <source media="(max-width: 767px)" srcset="{{ asset('assets/img/health-trend/dashsyoku/img_sec03_01_sp.png') }}, {{ asset('assets/img/health-trend/dashsyoku/img_sec03_01_sp@2x.png') }} 2x"> -->
  285.             <source type="image/webp"
  286.               srcset="{{ asset('assets/img/health-trend/dashsyoku/img_sec03_01_pc.webp') }} 1x, {{ asset('assets/img/health-trend/dashsyoku/img_sec03_01_pc@2x.webp') }} 2x">
  287.             <source
  288.               srcset="{{ asset('assets/img/health-trend/dashsyoku/img_sec03_01_pc.png') }} 1x, {{ asset('assets/img/health-trend/dashsyoku/img_sec03_01_pc@2x.png') }} 2x">
  289.             <img src="{{ asset('assets/img/health-trend/dashsyoku/img_sec03_01_pc.png') }}" alt="野菜について説明する管理栄養士"
  290.               width="100%">
  291.           </div>
  292.           <div class="box-txt-01 mb50">
  293.             <p>DASH食では、カリウムを豊富に含む果物や野菜を積極的に摂ることが推奨されています。</p>
  294.             <p>しかし、忙しい現代人にとって、果物や野菜を毎日意識して摂ることは難しいものです。</p>
  295.           </div>
  296.           <div class="box-txt-01">
  297.             <p>カリウム補給を手軽に行う際におすすめな<br>
  298.               「ミリオンの国産緑黄色野菜ジュース」は、厚生労働省が推奨する1日当たりの緑黄野菜摂取量の約2倍、約260g含んでいます。</p>
  299.           </div>
  300.           <div class="box-img-01">
  301.             <!-- <source media="(max-width: 767px)" type="image/webp" srcset="{{ asset('assets/img/health-trend/dashsyoku/img_sec03_02_sp.webp') }}, {{ asset('assets/img/health-trend/dashsyoku/img_sec03_02_sp@2x.webp') }} 2x">
  302.                     <source media="(max-width: 767px)" srcset="{{ asset('assets/img/health-trend/dashsyoku/img_sec03_02_sp.png') }}, {{ asset('assets/img/health-trend/dashsyoku/img_sec03_02_sp@2x.png') }} 2x"> -->
  303.             <source type="image/webp"
  304.               srcset="{{ asset('assets/img/health-trend/dashsyoku/img_sec03_02_pc.webp') }} 1x, {{ asset('assets/img/health-trend/dashsyoku/img_sec03_02_pc@2x.webp') }} 2x">
  305.             <source
  306.               srcset="{{ asset('assets/img/health-trend/dashsyoku/img_sec03_02_pc.png') }} 1x, {{ asset('assets/img/health-trend/dashsyoku/img_sec03_02_pc@2x.png') }} 2x">
  307.             <img src="{{ asset('assets/img/health-trend/dashsyoku/img_sec03_02_pc.png') }}" alt="野菜について説明する管理栄養士"
  308.               width="100%">
  309.           </div>
  310.           <div class="box-txt-01">
  311.             <p>また、22種類の国産野菜を全国各地から旬の産地を選んで作っており、旬の野菜を使っているので栄養価も高く、春や夏に作られたジュースはみずみずしく、冬に作られたジュースはほっこりとコクのある仕上がりです。</p>
  312.             <p>カリウムの他にも不足しがちなβ-カロテン、ビタミン類、食物繊維を手軽に美味しく摂ることができます。</p>
  313.           </div>
  314.           <div class="box-img-01" style="width:100%">
  315.             <!-- <source media="(max-width: 767px)" type="image/webp" srcset="{{ asset('assets/img/health-trend/dashsyoku/img_sec03_03_sp.webp') }}, {{ asset('assets/img/health-trend/dashsyoku/img_sec03_03_sp@2x.webp') }} 2x">
  316.                     <source media="(max-width: 767px)" srcset="{{ asset('assets/img/health-trend/dashsyoku/img_sec03_03_sp.jpg') }}, {{ asset('assets/img/health-trend/dashsyoku/img_sec03_03_sp@2x.jpg') }} 2x"> -->
  317.             <source type="image/webp"
  318.               srcset="{{ asset('assets/img/health-trend/dashsyoku/img_sec03_03_pc.webp') }} 1x, {{ asset('assets/img/health-trend/dashsyoku/img_sec03_03_pc@2x.webp') }} 2x">
  319.             <source
  320.               srcset="{{ asset('assets/img/health-trend/dashsyoku/img_sec03_03_pc.jpg') }} 1x, {{ asset('assets/img/health-trend/dashsyoku/img_sec03_03_pc@2x.jpg') }} 2x">
  321.             <img src="{{ asset('assets/img/health-trend/dashsyoku/img_sec03_03_pc.jpg') }}" alt="野菜について説明する管理栄養士"
  322.               width="100%">
  323.           </div>
  324.         </div>
  325.       </div>
  326.       <div class="area-cmn-01 sec04">
  327.         <h2 class="ttl-level-02-2">まとめ</h2>
  328.         <div class="box-txt-01">
  329.           <p>DASH食は、バランスのよい食事を通じて、高血圧や生活習慣病を予防し、健康的な生活を送るための食事療法です。</p>
  330.           <p>また、ミリオンの国産緑黄色野菜ジュースは、カリウムや食物繊維を豊富に含んでおりDASH食のサポートに最適なジュースです。</p>
  331.           <p>ぜひDASH食にミリオンの国産緑黄色野菜ジュースをプラスして、健康的な毎日を送りましょう。</p>
  332.         </div>
  333.       </div>
  334.     </div>
  335.   </div>
  336. </div>
  337. {% endblock %}