app/template/user_data/health_trend_frailty.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. <div class="ec-ContentsRole">
  8.   <div class="breadcrumb">
  9.     <ol itemscope itemtype="https://schema.org/BreadcrumbList">
  10.       <li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">
  11.         <a itemprop="item" href="{{ url('homepage') }}">
  12.           <span itemprop="name">ミリオンストア・トップページ</span></a>
  13.         <meta itemprop="position" content="1" />
  14.       </li>
  15.       <li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">
  16.         <a itemprop="item" href="{{ url('homepage') }}health-trend/">
  17.           <span itemprop="name">健康トレンド図鑑</span></a>
  18.         <meta itemprop="position" content="2" />
  19.       </li>
  20.       <li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem" class="last">
  21.         <a itemprop="item" href="{{ url('homepage') }}health-trend/frailty/">
  22.           <span itemprop="name">加齢とともに訪れる「心身の弱り」：フレイルとは？
  23.           </span></a>
  24.         <meta itemprop="position" content="3" />
  25.       </li>
  26.     </ol>
  27.   </div>
  28.   <!-- contents -->
  29.   <div class="frailty kosugi-maru-regular">
  30.     <h1 class="ttl-level-01">
  31.       <picture>
  32.         <source type="image/webp"
  33.           srcset="{{ asset('assets/img/health-trend/frailty/mv_pc.webp') }} 1x, {{ asset('assets/img/health-trend/frailty/mv_pc@2x.webp') }} 2x">
  34.         <source
  35.           srcset="{{ asset('assets/img/health-trend/frailty/mv_pc.jpg') }} 1x, {{ asset('assets/img/health-trend/frailty/mv_pc@2x.jpg') }} 2x">
  36.         <img src="{{ asset('assets/img/health-trend/frailty/mv_pc.jpg') }}" alt="加齢とともに訪れる「心身の弱り」：フレイルとは？" width="100%">
  37.       </picture>
  38.     </h1>
  40.     <div class="content">
  41.       <div class="area-cmn-01 sec01">
  42.         <div class="sec-cmn-01">
  43.           <div class="box-txt-01 mb30">
  44.             <p>近年、フレイルという言葉がよく聞かれるようになりました。</p>
  45.             <p>フレイルとは、加齢によって心身が弱くなり、日常生活に支障が出始める状態のことを指します。</p>
  46.           </div>
  47.           <div class="box-txt-01">
  48.             <p>サインとして、以下のようなものが挙げられます。</p>
  49.             <ul class="box-list-01">
  50.               <li class="list-txt-01">以前より階段の昇り降りや歩行がつらくなった</li>
  51.               <li class="list-txt-01">買い物や食事の準備が億劫になった</li>
  52.               <li class="list-txt-01">ちょっとしたことで疲れやすくなった</li>
  53.               <li class="list-txt-01">物忘れや集中力の低下を感じた</li>
  54.             </ul>
  55.           </div>
  56.           <div class="box-img-01">
  57.             <picture>
  58.               <source type="image/webp"
  59.                 srcset="{{ asset('assets/img/health-trend/frailty/img_sec01_01_pc.webp') }} 1x, {{ asset('assets/img/health-trend/frailty/img_sec01_01_pc@2x.webp') }} 2x">
  60.               <source
  61.                 srcset="{{ asset('assets/img/health-trend/frailty/img_sec01_01_pc.png') }} 1x, {{ asset('assets/img/health-trend/frailty/img_sec01_01_pc@2x.png') }} 2x">
  62.               <img src="{{ asset('assets/img/health-trend/frailty/img_sec01_01_pc.png') }}" alt="高齢者の体の不調" width="100%">
  63.             </picture>
  64.           </div>
  65.         </div>
  66.         <div class="sec-cmn-01">
  67.           <div class="box-txt-01">
  68.             <p>フレイルは高齢者だけがなるわけではありません。生活習慣によってフレイルになるリスクが高まります。</p>
  69.             <p>加齢以外にも、以下のような生活習慣や病気が関係しています。</p>
  70.             <ul class="box-list-01">
  71.               <li class="list-txt-01">運動不足</li>
  72.               <li class="list-txt-01">栄養バランスの偏った食事</li>
  73.               <li class="list-txt-01">睡眠不足</li>
  74.               <li class="list-txt-01">ストレス</li>
  75.               <li class="list-txt-01">糖尿病や高血圧などの慢性疾患</li>
  76.             </ul>
  77.           </div>
  78.           <div class="box-img-01">
  79.             <picture>
  80.               <source type="image/webp"
  81.                 srcset="{{ asset('assets/img/health-trend/frailty/img_sec01_02_pc.webp') }} 1x, {{ asset('assets/img/health-trend/frailty/img_sec01_02_pc@2x.webp') }} 2x">
  82.               <source
  83.                 srcset="{{ asset('assets/img/health-trend/frailty/img_sec01_02_pc.jpg') }} 1x, {{ asset('assets/img/health-trend/frailty/img_sec01_02_pc@2x.jpg') }} 2x">
  84.               <img src="{{ asset('assets/img/health-trend/frailty/img_sec01_02_pc.jpg') }}" alt="寝不足の女性" width="100%">
  85.             </picture>
  86.           </div>
  87.         </div>
  88.         <div class="sec-cmn-01">
  89.           <div class="box-txt-01">
  90.             <p>フレイルは、生活習慣の改善によって予防することができます。</p>
  91.             <ul class="box-list-01">
  92.               <li class="list-txt-01">適度な運動をする</li>
  93.               <li class="list-txt-01">栄養バランスの取れた食事を摂る</li>
  94.               <li class="list-txt-01">十分な睡眠をとる</li>
  95.               <li class="list-txt-01">ストレスを溜めない</li>
  96.               <li class="list-txt-01">糖尿病や高血圧などの慢性疾患</li>
  97.             </ul>
  98.           </div>
  99.           <div class="box-img-01">
  100.             <picture>
  101.               <source type="image/webp"
  102.                 srcset="{{ asset('assets/img/health-trend/frailty/img_sec01_03_pc.webp') }} 1x, {{ asset('assets/img/health-trend/frailty/img_sec01_03_pc@2x.webp') }} 2x">
  103.               <source
  104.                 srcset="{{ asset('assets/img/health-trend/frailty/img_sec01_03_pc.png') }} 1x, {{ asset('assets/img/health-trend/frailty/img_sec01_03_pc@2x.png') }} 2x">
  105.               <img src="{{ asset('assets/img/health-trend/frailty/img_sec01_03_pc.png') }}" alt="高齢者の体の不調" width="100%">
  106.             </picture>
  107.           </div>
  108.         </div>
  109.         <div class="sec-cmn-01">
  110.           <div class="box-txt-01">
  111.             <p>早めに医療機関を受診することが大切です。医療機関ではフレイルの程度を評価し、適切な治療や支援を受けることができます。</p>
  112.             <p class="mb20">フレイルは、完全に治すことはできませんが、適切な対策によって進行を遅らせることは可能です。</p>
  113.             <ul class="box-list-01">
  114.               <li class="list-txt-01">運動や食事療法などのセルフケア</li>
  115.               <li class="list-txt-01">デイサービスや介護予防教室などの介護サービスの利用</li>
  116.               <li class="list-txt-01">家族や地域の人との交流</li>
  117.             </ul>
  118.             <p>日々の生活習慣を見直し、フレイルを予防・対策することで、健康で充実した生活を送りましょう。</p>
  119.           </div>
  120.           <div class="box-img-01">
  121.             <picture>
  122.               <source type="image/webp"
  123.                 srcset="{{ asset('assets/img/health-trend/frailty/img_sec01_04_pc.webp') }} 1x, {{ asset('assets/img/health-trend/frailty/img_sec01_04_pc@2x.webp') }} 2x">
  124.               <source
  125.                 srcset="{{ asset('assets/img/health-trend/frailty/img_sec01_04_pc.jpg') }} 1x, {{ asset('assets/img/health-trend/frailty/img_sec01_04_pc@2x.jpg') }} 2x">
  126.               <img src="{{ asset('assets/img/health-trend/frailty/img_sec01_04_pc.jpg') }}" alt="高齢者の体の不調" width="100%">
  127.             </picture>
  128.           </div>
  129.         </div>
  130.         <div class="area-cmn-01 matome">
  131.           <h2 class="ttl-level-02-2">参考サイト</h2>
  132.           <div class="box-txt-01">
  133.             <ul class="box-list-01">
  134.               <li class="list-txt-01"><a href="https://www.mhlw.go.jp/index.html">厚生労働省</a></li>
  135.               <li class="list-txt-01"><a href="https://www.e-agmr.org/journal/view.php?number=1045">フレイル研究ネットワーク</a>
  136.               </li>
  137.               <li class="list-txt-01"><a href="https://www.jpn-geriat-soc.or.jp/">一般社団法人 日本老年医学会</a></li>
  138.             </ul>
  139.           </div>
  140.         </div>
  141.       </div>
  143.       <!-- ジェントロジー -->
  144.       <div class="area-cmn-01 sec02 mt80">
  145.         <h2 class="ttl-level-02 mb20">
  146.           <picture>
  147.             <source type="image/webp"
  148.               srcset="{{ asset('assets/img/health-trend/frailty/ttl_sec02_00_pc.webp') }} 1x, {{ asset('assets/img/health-trend/frailty/ttl_sec02_00_pc@2x.webp') }} 2x">
  149.             <source
  150.               srcset="{{ asset('assets/img/health-trend/frailty/ttl_sec02_00_pc.jpg') }} 1x, {{ asset('assets/img/health-trend/frailty/ttl_sec02_00_pc@2x.jpg') }} 2x">
  151.             <img src="{{ asset('assets/img/health-trend/frailty/ttl_sec02_00_pc.jpg') }}"
  152.               alt="未来を拓く鍵は「ジェロントロジー」？高齢化社会を生きるヒントを探せ！" width="100%">
  153.           </picture>
  154.         </h2>
  155.         <div class="box-txt-01 mb30">
  156.           <p>高齢化社会という大きな変化に直面する現代社会。</p>
  157.           <p>ジェロントロジーは、単なる高齢者向けではなく、あらゆる世代の人々が健康で幸せに暮らせる未来を築くための羅針盤となる学問です。</p>
  158.         </div>
  159.         <div class="sec-cmn-01">
  160.           <h3 class="ttl-level-03-2">
  161.             <picture>
  162.               <source type="image/webp"
  163.                 srcset="{{ asset('assets/img/health-trend/frailty/ttl_sec02_01_pc.webp') }} 1x, {{ asset('assets/img/health-trend/frailty/ttl_sec02_01_pc@2x.webp') }} 2x">
  164.               <source
  165.                 srcset="{{ asset('assets/img/health-trend/frailty/ttl_sec02_01_pc.png') }} 1x, {{ asset('assets/img/health-trend/frailty/ttl_sec02_01_pc@2x.png') }} 2x">
  166.               <img src="{{ asset('assets/img/health-trend/frailty/ttl_sec02_01_pc.png') }}" alt="2 なぜジェロントロジーが重要なのか？"
  167.                 width="100%">
  168.             </picture>
  169.           </h3>
  170.           <div class="box-txt-01">
  171.             <p>2025年には日本が超高齢社会へ突入し、65歳以上の人口が3割を超えると予測されています。</p>
  172.             <p>高齢化社会は、医療・介護制度、年金制度、雇用、都市計画など、あらゆる分野に大きな影響を与えます。</p>
  173.             <p>さらに、老後の人生設計、健康維持、家族関係、生きがい探しなど、私たち一人ひとりの生活にも関わります。</p>
  174.           </div>
  175.           <div class="box-img-01">
  176.             <picture>
  177.               <source type="image/webp"
  178.                 srcset="{{ asset('assets/img/health-trend/frailty/img_sec02_01_pc.webp') }} 1x, {{ asset('assets/img/health-trend/frailty/img_sec02_01_pc@2x.webp') }} 2x">
  179.               <source
  180.                 srcset="{{ asset('assets/img/health-trend/frailty/img_sec02_01_pc.jpg') }} 1x, {{ asset('assets/img/health-trend/frailty/img_sec02_01_pc@2x.jpg') }} 2x">
  181.               <img src="{{ asset('assets/img/health-trend/frailty/img_sec02_01_pc.jpg') }}" alt="多様な人物" width="100%">
  182.             </picture>
  183.           </div>
  184.         </div>
  185.         <div class="sec-cmn-01">
  186.           <h3 class="ttl-level-03-2">
  187.             <picture>
  188.               <source type="image/webp"
  189.                 srcset="{{ asset('assets/img/health-trend/frailty/ttl_sec02_02_pc.webp') }} 1x, {{ asset('assets/img/health-trend/frailty/ttl_sec02_02_pc@2x.webp') }} 2x">
  190.               <source
  191.                 srcset="{{ asset('assets/img/health-trend/frailty/ttl_sec02_02_pc.png') }} 1x, {{ asset('assets/img/health-trend/frailty/ttl_sec02_02_pc@2x.png') }} 2x">
  192.               <img src="{{ asset('assets/img/health-trend/frailty/ttl_sec02_02_pc.png') }}" alt="ジェロントロジーが拓く未来"
  193.                 width="100%">
  194.             </picture>
  195.           </h3>
  196.           <div class="box-txt-01">
  197.             <h4 class="ttl-level-04">ジェロントロジーで探求すること</h4>
  198.             <p class="mb30">ジェロントロジーは、加齢と健康、認知機能と精神健康、社会参加と生きがい、高齢化社会の経済と政策など、様々なテーマを探求します。</p>
  200.             <p>ジェロントロジーの研究成果は、以下のような未来の実現に貢献していきます。</p>
  201.             <ul class="box-list-01">
  202.               <li class="list-txt-01"><strong>健康寿命の延伸</strong>： 予防医療、介護・福祉サービスの充実、認知症対策などを通じて、より長く健康で暮らせる社会の実現</li>
  203.               <li class="list-txt-01"><strong>高齢者の社会参加促進</strong>： 生涯学習、ボランティア活動、地域活動への支援を通じて、高齢者が社会の中で活躍できる環境づくり</li>
  204.               <li class="list-txt-01"><strong>新しいライフスタイルの提案</strong>： 高齢者向け住宅、交通機関、娯楽施設などの開発を通じて、高齢者が自分らしく生きられる社会の実現
  205.               </li>
  206.               <li class="list-txt-01"><strong>高齢化社会の経済活性化</strong>： 高齢者向けの商品・サービスの開発、高齢者の労働力活用などを通じて、経済全体の活性化</li>
  207.             </ul>
  208.           </div>
  209.           <div class="box-img-01">
  210.             <picture>
  211.               <source type="image/webp"
  212.                 srcset="{{ asset('assets/img/health-trend/frailty/img_sec02_02_pc.webp') }} 1x, {{ asset('assets/img/health-trend/frailty/img_sec02_02_pc@2x.webp') }} 2x">
  213.               <source
  214.                 srcset="{{ asset('assets/img/health-trend/frailty/img_sec02_02_pc.jpg') }} 1x, {{ asset('assets/img/health-trend/frailty/img_sec02_02_pc@2x.jpg') }} 2x">
  215.               <img src="{{ asset('assets/img/health-trend/frailty/img_sec02_02_pc.jpg') }}" alt="多様な人物" width="100%">
  216.             </picture>
  217.           </div>
  218.         </div>
  219.         <div class="area-cmn-01 matome">
  220.           <h2 class="ttl-level-02-2">参考サイト</h2>
  221.           <div class="box-txt-01">
  222.             <ul class="box-list-01">
  223.               <li class="list-txt-01"><a href="https://www.mhlw.go.jp/index.html">厚生労働省</a></li>
  224.               <li class="list-txt-01"><a href="https://meetingorganizer.copernicus.org/">Copernicus Office</a></li>
  225.               <li class="list-txt-01"><a href="https://www.jpn-geriat-soc.or.jp/">一般社団法人 日本老年医学会</a></li>
  226.             </ul>
  227.           </div>
  228.         </div>
  229.       </div>
  230.     </div>
  231.   </div>
  232. </div>
  234. <style>
  235.   .warning {
  236.     width: 100%;
  237.     padding: 2%;
  238.     background-color: #ffffbf;
  239.     text-align: center;
  240.     border-radius: 10px;
  241.     box-sizing: border-box;
  242.   }
  244.   .sale-price {
  245.     color: #c00;
  246.   }
  248.   .normal-price {
  249.     font-size: 80%;
  250.   }
  252.   .kosugi-maru-regular {
  253.     font-family: "Kosugi Maru", system-ui;
  254.     font-weight: 400;
  255.     font-style: normal;
  256.   }
  258.   .content {
  259.     font-size: 115%;
  260.     line-height: 1.5;
  261.   }
  263.   .matome a {
  264.     color: #333333;
  265.     text-decoration: underline;
  266.     font-weight: bold;
  267.   }
  269.   h1,
  270.   h2,
  271.   h3,
  272.   h4,
  273.   h5,
  274.   h6,
  275.   th {
  276.     margin: 0;
  277.     font-size: 100%;
  278.   }
  280.   .ttl-level-01,
  281.   .ttl-level-02 {
  282.     margin-bottom: 10px;
  283.   }
  285.   .ttl-level-03 {
  286.     margin-bottom: .5em;
  287.     padding-bottom: .25em;
  288.     border-bottom: 4px dotted #ffa266;
  289.     font-size: 150%;
  290.     color: #ffa266;
  291.   }
  293.   .ttl-level-03-2 {
  294.     margin-bottom: 1em;
  295.   }
  297.   .ttl-level-04 {
  298.     margin-bottom: .5em;
  299.     padding-bottom: .25em;
  300.     border-bottom: 4px dotted #76a3df;
  301.     font-size: 150%;
  302.     color: #76a3df;
  303.   }
  305.   .box-img-01 {
  306.     margin: 1em auto;
  307.   }
  309.   .sec-cmn-01 {
  310.     margin: .5em 0 3em;
  311.   }
  313.   .box-list-01 {
  314.     margin: .5em auto;
  315.   }
  317.   .list-txt-01 {
  318.     list-style-type: disc;
  319.     list-style-position: inside;
  320.     padding: .1em 0;
  321.   }
  323.   .area-cmn-01.matome {
  324.     padding: 5%;
  325.     background-color: #f4ede7;
  326.   }
  328.   .matome .ttl-level-02-2 {
  329.     margin-bottom: .25em;
  330.     font-size: 150%;
  331.     font-weight: bold;
  332.   }
  334.   @media screen and (min-width: 768px) {
  335.     .ttl-level-01 {
  336.       /* padding-bottom: 8%; */
  337.     }
  339.     .sec-cmn-01 {
  340.       width: 80%;
  341.       margin: auto;
  342.     }
  344.     .sec-cmn-01 .box-list-01 {}
  346.     .sec-cmn-01 .list-txt-01 {
  347.       padding: .25em 1em;
  348.     }
  350.     .cartWrapper {
  351.       font-size: 75%;
  352.     }
  353.   }
  354. </style>
  355. {% endblock %}