/* Section 6 — Voice（動画を中心に。個別の導入事例インタビューは順次掲載予定） */

const Voice = () => {
  return (
    <section className="voice" id="voice" data-screen-label="06 Voice">
      <div className="container">
        <div className="section-head" style={{display:'flex',flexDirection:'row',alignItems:'flex-end',justifyContent:'space-between',flexWrap:'wrap',gap:20}}>
          <div>
            <Eyebrow>CUSTOMER VOICE</Eyebrow>
            <h2 style={{marginTop:14}}>顧問先の社長に、<br/>変化を語っていただきました。</h2>
            <p style={{fontSize:13,color:'var(--ink-500)',marginTop:10,maxWidth:'52ch',lineHeight:1.8}}>
              オマカセロウムくんを導入いただいた顧問先の声を、ブランディング映像にまとめました。<br/>
              個別の導入事例インタビューは、順次掲載してまいります。
            </p>
          </div>
        </div>
        <div className="voice__movie">
          <div className="voice__movie-frame">
            <iframe
              src="https://www.youtube-nocookie.com/embed/OjJv8zyf8NE?rel=0"
              title="オマカセロウムくん お客さまの声 ブランディング映像"
              loading="lazy"
              allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
              allowFullScreen
            />
          </div>
          <p className="voice__movie-caption">オマカセロウムくん お客さまの声 ／ ブランディング映像</p>
        </div>
      </div>
    </section>
  );
};

window.Voice = Voice;