Style Guide
Content H2
下層ページのセクション見出し
Our Philosophy
私たちの理念
Company
会社概要
<div class="c-content-h2">
<h2 class="c-content-h2__title">Our Philosophy</h2>
<p class="c-content-h2__subtitle">私たちの理念</p>
</div>Page Header
ページ上部のヘッダー
Contact
お問い合わせ
Buttons
ボタンコンポーネント
Link Components
リンクコンポーネント一覧（Figma: news category, news 詳しい等）
c-link--category（カテゴリリンク）
デフォルト: 白背景 / Hover: 薄ピンク背景 / Active: アクセント背景
<a href="#" class="c-link c-link--category">Latest</a>
<a href="#" class="c-link c-link--category is--active">Latest</a>
<a href="#" class="c-link c-link--category c-link--category-sm">Latest</a>
<a href="#" class="c-link c-link--category no-underline">Latest</a>c-link--more（詳しくはこちら）
デフォルト: 薄ピンク背景 / Hover: ピンク背景 / Active: アクセント背景
<a href="#" class="c-link c-link--more">
<span class="c-link__text">詳しくはこちら</span>
<span class="c-link__arrow"><svg aria-hidden="true">...</svg></span>
</a>
<!-- 下線なし -->
<a href="#" class="c-link c-link--more no-underline">...</a>c-text-btn（テキストボタン）
デフォルト背景なし / Hover: 薄ピンク背景 / Active: アクセント背景
<button class="c-text-btn">button</button>
<button class="c-text-btn c-text-btn--white">button</button>Highlight Bar（タブコンテナ）
薄ピンク背景バー + c-link--categoryの組み合わせ
<ul class="p-archive__tabs">
<li class="p-archive__tab"><a href="#" class="c-link c-link--category is--active">Latest</a></li>
<li class="p-archive__tab"><a href="#" class="c-link c-link--category">Information</a></li>
</ul>Form Elements
フォーム要素
Service Card
サービス紹介カード（PC横並び / SP縦並び）
運動発達サポート事業
Lii sports
詳しくはこちら「体を動かすことが好きになる場所」として全国にお子さま向けスポーツインストラクションスタジオを展開しています。1人1人のペースや特性に合わせたプログラム提供を強みとしています。また、自社開発のデジタルスポーツプログラム『DEA2000(Digital Ecological Approach 2000)』は2,000以上のコンテンツを有し、子どもたちから大人気です。2030年までに全国に100店舗以上の展開を目指しています！
<div class="c-service-card">
<div class="c-service-card__logo">
<div class="c-service-card__logo-img">
<img src="logo.png" alt="Lii sports">
</div>
<p class="c-service-card__logo-label">運動発達サポート事業</p>
</div>
<div class="c-service-card__content">
<div class="c-service-card__header">
<p class="c-service-card__title">Lii sports</p>
<a href="#" class="c-link c-link--more">
<span class="c-link__text">詳しくはこちら</span>
<span class="c-link__arrow"><svg aria-hidden="true">...</svg></span>
</a>
</div>
<p class="c-service-card__desc">説明文...</p>
</div>
</div>Board Member Card
役員紹介カード
CEO兼CBO
廣瀬 あゆみ
AYUMI HIROSE
COO兼CHRO
羽田 孝
TAKASHI HADA
<div class="c-board-member">
<div class="c-board-member__image">
<img src="photo.jpg" alt="名前">
</div>
<div class="c-board-member__summary">
<p class="c-board-member__position">CEO兼CBO</p>
<p class="c-board-member__name-ja">廣瀬 あゆみ</p>
<p class="c-board-member__name-en">AYUMI HIROSE</p>
</div>
</div>Athlete Partner Card
アスリートパートナーカード（一覧用・リンク）
元バレーボール女子日本代表
竹下 佳江
YOSHIE TAKESHITA
バレーボール男子日本代表
小野寺 太志
TAISHI ONODERA
プロサッカー選手
川澄 奈穂美
NAHOMI KAWASUMI
<a href="#" class="c-athlete-card">
<div class="c-athlete-card__image">
<img src="photo.jpg" alt="名前">
</div>
<div class="c-athlete-card__content">
<p class="c-athlete-card__title">元バレーボール女子日本代表</p>
<p class="c-athlete-card__name-ja">竹下 佳江</p>
<p class="c-athlete-card__name-en">YOSHIE TAKESHITA</p>
</div>
</a>Athlete Partner Detail
アスリートパートナー詳細ページ（子ページ）
元バレーボール女子日本代表
竹下 佳江
YOSHIE TAKESHITA
現役時代は"世界最小最強セッター"として活躍し、五輪3大会に出場。日本代表主将も務めた。
現在は、結婚・出産を経てバレーボール教室や解説者としても活躍。
<div class="c-athlete-detail">
<div class="c-athlete-detail__image">
<img src="photo.jpg" alt="名前">
</div>
<div class="c-athlete-detail__content">
<p class="c-athlete-detail__title">元バレーボール女子日本代表</p>
<p class="c-athlete-detail__name-ja">竹下 佳江</p>
<p class="c-athlete-detail__name-en">YOSHIE TAKESHITA</p>
<p class="c-athlete-detail__profile">プロフィール文...</p>
<div class="c-athlete-detail__comment">
<p class="c-athlete-detail__comment-label">COMMENT</p>
<p class="c-athlete-detail__comment-text">コメント文...</p>
</div>
</div>
</div>Colors
カラーパレット
#ff6753
#ffd3c2
#ffada3
#fff2f1
#000
#3c3837
COMMENT
リィの理念である、ワクワクドキドキをつくる、親子で一緒にスポーツを感じたい、といった考え方に共感し、アスリートパートナー契約を結ばせていただきました。
二児の母、元バレーボール選手としての経験を活かし、スポーツとの結びつきのある事業を行なうリィと共に歩みたいという思いとともに、様々なところで繋がりをもち、理念実現に向けて一緒に活動したいと思います。