app/template/user_data/about.twig line 1

Open in your IDE?
  1. {% extends 'default_frame.twig' %}
  3. {% block main %}
  4. <div class="about ec-ContentsRole">
  5.   <div class="breadcrumb">
  6.     <ol itemscope itemtype="https://schema.org/BreadcrumbList">
  7.       <li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">
  8.         <a itemprop="item" href="{{ url('homepage') }}">
  9.           <span itemprop="name">ミリオンストア・トップページ</span></a>
  10.         <meta itemprop="position" content="1" />
  11.       </li>
  12.       <li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem" class="last">
  13.         <a itemprop="item" href="{{ url('homepage') }}about/">
  14.           <span itemprop="name">はじめての方へ</span></a>
  15.         <meta itemprop="position" content="2" />
  16.       </li>
  17.     </ol>
  18.   </div>
  20.   <div class="sec01 sec-wrapper">
  21.     <h2 class="ttl-cmn-02">はじめての方へ</h2>
  22.     <h3>私たちの思い</h3>
  23.     <p class="lead">年齢を重ねるほど幸せになる「Happy Aging」な社会に貢献したい。それが私たちミリオン株式会社の思いです。 </p>
  24.     <p>
  25.       私たちは、1983年の創業以来、「長寿・健康生活の輪を広げる」事を使命として掲げ、健康生活を応援する商品を企画開発し、製造販売を手がけて参りました。
  26.       その結果、販売累計700万箱の無臭ニンニクサプリメント「ミリオンパワー」、販売累計2,000万本の国産緑黄色野菜ジュースといったヒット商品を産み出すことができました。</p>
  28.     <p>また、創業30周年にあたる2013年に理念を大きく見なおし、「人々の笑顔と幸せを創出するHappy Aging Company」を目指すことに致しました。
  29.       従来のように、単に健康で長く生きることだけで満足せず、人々が美しく豊かな人生を送ることに貢献したい。
  30.       そういう思いから、事業分野も従来の健康分野（ヘルスケア事業）に加え、美容分野（ビューティ事業）にも進出することに致しました。</p>
  32.     <p>また、わたしたちのサービスや商品は、今まで以上に、「本当にお客様にとって必要なものは何か？」を追求し、
  33.       お客様の期待を超えるホンモノを創り上げるために、じっくりと時間をかけて企画開発しております。</p>
  35.     <p>その結果、「ミリオンの商品だから安心」という声も数多く頂いておりますが、このようなお客様の声をお聞きする度に、
  36.       嬉しさと同時に更なる緊張感を感じ、お客様の笑顔と幸せをサポートをしていく、という使命感に想いを新たにしております。
  37.       また、今後、日本ばかりではなく、中国をはじめとした新興国への商品供給、美容分野でのインターネットサービスなど、
  38.       世界中のお客様の幸せの為に、進化し続けてまいりたいと思っておりますので、引き続き、ミリオン株式会社を、どうぞよろしくお願いいたします。
  39.     </p>
  40.     <p class="signature"><img src="{{ asset('assets/img/about/logo_corp.png') }}" class="corp_logo"
  41.         alt="ミリオン株式会社ロゴ">ミリオン株式会社 代表取締役社長・CEO<br>浦田 英博（うらた　ひでひろ）
  42.   </div>
  44. </div>
  45. <style>
  46.   .ec-ContentsRole {
  47.     text-align: left;
  48.     font-size: 114.3%;
  49.   }
  51.   .ec-ContentsRole p {
  52.     margin-bottom: 1em;
  53.   }
  55.   .sec01 {
  56.     font-family: '游明朝体', YuMincho, '游明朝', 'Yu Mincho', 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', 'ＭＳ Ｐ明朝', 'MS PMincho', serif !important;
  57.     width: 100%;
  58.     margin: 0 0 4em;
  59.     text-align: left;
  60.     border-radius: 10px;
  61.     box-sizing: border-box;
  62.     font-weight: normal;
  63.   }
  65.   .signature {
  66.     text-align: right;
  67.   }
  69.   .sec01 p.lead {
  70.     font-size: 112.5%;
  71.     font-weight: bold;
  72.   }
  74.   .signature img.corp_logo {
  75.     height: 1em;
  76.     padding-right: 0.5em;
  77.     margin: 0;
  78.   }
  80.   @media screen and (min-width: 480px) {
  81.     .sec01 p.lead {
  82.       margin-left: 2em;
  83.     }
  84.   }
  86.   @media screen and (min-width: 1024px) {
  87.     .sec01 {
  88.       width: 90%;
  89.       margin: 0 auto 4em;
  90.       line-height: 1.5;
  91.       font-size: 20px;
  92.     }
  93.   }
  94. </style>
  95. {% endblock %}