テンプレート リンクボックス
リンクボックス class="m-panel"
リンクなし
テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト
<div class="c-grid _col2_">
<div class="__col">
<a class="m-panel" href="dummy">
<div class="m-panel__img"><img class="__elem" loading="lazy" src="http://placehold.jp/500x298.png" alt=""></div>
<div class="m-panel__body">
<div class="m-panel__ttl">見出しテキスト</div>
<div class="m-panel__txt">テキストテキスト</div>
</div>
</a>
</div>
<div class="__col">
<a class="m-panel" href="dummy">
<div class="m-panel__img"><img class="__elem" loading="lazy" src="http://placehold.jp/500x298.png" alt=""></div>
<div class="m-panel__body">
<div class="m-panel__ttl">見出しテキスト</div>
<div class="m-panel__txt">テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト</div>
</div>
</a>
</div>
</div>
<div class="c-grid _col3_">
<div class="__col">
<a class="m-panel" href="dummy">
<div class="m-panel__img"><img class="__elem" loading="lazy" src="http://placehold.jp/500x298.png" alt=""></div>
<div class="m-panel__body">
<div class="m-panel__ttl">見出しテキスト</div>
<div class="m-panel__txt">テキストテキスト</div>
</div>
</a>
</div>
<div class="__col">
<a class="m-panel" href="dummy">
<div class="m-panel__img"><img class="__elem" loading="lazy" src="http://placehold.jp/500x298.png" alt=""></div>
<div class="m-panel__body">
<div class="m-panel__ttl">見出しテキスト</div>
<div class="m-panel__txt">テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト</div>
</div>
</a>
</div>
<div class="__col">
<a class="m-panel" href="dummy">
<div class="m-panel__img"><img class="__elem" loading="lazy" src="http://placehold.jp/500x298.png" alt=""></div>
<div class="m-panel__body">
<div class="m-panel__ttl">見出しテキスト</div>
<div class="m-panel__txt">テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト</div>
</div>
</a>
</div>
</div>
<div class="c-grid _col4_">
<div class="__col">
<a class="m-panel" href="dummy">
<div class="m-panel__img"><img class="__elem" loading="lazy" src="http://placehold.jp/500x298.png" alt=""></div>
<div class="m-panel__body">
<div class="m-panel__ttl">見出しテキスト</div>
<div class="m-panel__txt">テキストテキスト</div>
</div>
</a>
</div>
<div class="__col">
<a class="m-panel" href="dummy" target="_blank">
<div class="m-panel__img"><img class="__elem" loading="lazy" src="http://placehold.jp/500x298.png" alt=""></div>
<div class="m-panel__body">
<div class="m-panel__ttl">外部リンク</div>
<div class="m-panel__txt">テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト</div>
</div>
</a>
</div>
<div class="__col">
<a class="m-panel" href="dummy.pdf" target="_blank">
<div class="m-panel__img"><img class="__elem" loading="lazy" src="http://placehold.jp/500x298.png" alt=""></div>
<div class="m-panel__body">
<div class="m-panel__ttl">PDFリンク</div>
<div class="m-panel__txt">テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト</div>
</div>
</a>
</div>
<div class="__col">
<div class="m-panel">
<div class="m-panel__img"><img class="__elem" loading="lazy" src="http://placehold.jp/500x298.png" alt=""></div>
<div class="m-panel__body">
<div class="m-panel__ttl">リンクなし</div>
<div class="m-panel__txt">テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト</div>
</div>
</div>
</div>
</div>リンクボックス class="m-panel02"
リンクなし
テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト
<div class="c-grid _col2_">
<div class="__col">
<a class="m-panel02" href="dummy">
<div class="m-panel02__ttl">見出しテキスト</div>
<div class="m-panel02__txt">テキストテキスト</div>
</a>
</div>
<div class="__col">
<a class="m-panel02" href="dummy">
<div class="m-panel02__ttl">見出しテキスト</div>
<div class="m-panel02__txt">テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト</div>
</a>
</div>
</div>
<div class="c-grid _col3_">
<div class="__col">
<a class="m-panel02" href="dummy">
<div class="m-panel02__ttl">見出しテキスト</div>
<div class="m-panel02__txt">テキストテキスト</div>
</a>
</div>
<div class="__col">
<a class="m-panel02" href="dummy">
<div class="m-panel02__ttl">見出しテキスト</div>
<div class="m-panel02__txt">テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト</div>
</a>
</div>
<div class="__col">
<a class="m-panel02" href="dummy">
<div class="m-panel02__ttl">見出しテキスト</div>
<div class="m-panel02__txt">テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト</div>
</a>
</div>
</div>
<div class="c-grid _col4_ _sm-col1_">
<div class="__col">
<a class="m-panel02" href="dummy">
<div class="m-panel02__ttl">見出しテキスト</div>
<div class="m-panel02__txt">テキストテキスト</div>
</a>
</div>
<div class="__col">
<a class="m-panel02" href="dummy" target="_blank">
<div class="m-panel02__ttl">外部リンク</div>
<div class="m-panel02__txt">テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト</div>
</a>
</div>
<div class="__col">
<a class="m-panel02" href="dummy.pdf" target="_blank">
<div class="m-panel02__ttl">PDFリンク</div>
<div class="m-panel02__txt">テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト</div>
</a>
</div>
<div class="__col">
<div class="m-panel02">
<div class="m-panel02__ttl">リンクなし</div>
<div class="m-panel02__txt">テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト</div>
</div>
</div>
</div>リンクボックス class="m-panel03"
<div class="c-grid _col2_">
<div class="__col"><a class="m-panel03" href="dummy">リンクテキスト</a></div>
<div class="__col"><a class="m-panel03" href="dummy">リンクテキスト</a></div>
<div class="__col"><a class="m-panel03" href="dummy.pdf" target="_blank">リンクテキスト（PDF：[an error occurred while processing this directive]B）</a></div>
<div class="__col"><a class="m-panel03" href="dummy" target="_blank">リンクテキスト（外部リンク）</a></div>
</div>
<div class="c-grid _col3_">
<div class="__col"><a class="m-panel03" href="dummy">リンクテキスト</a></div>
<div class="__col"><a class="m-panel03" href="dummy">リンクテキスト</a></div>
<div class="__col"><a class="m-panel03" href="dummy">リンクテキスト</a></div>
</div>
<div class="c-grid _col4_">
<div class="__col"><a class="m-panel03" href="dummy">リンクテキストリンクテキストリンクテキスト</a></div>
<div class="__col"><a class="m-panel03" href="dummy">リンクテキスト</a></div>
<div class="__col"><a class="m-panel03" href="dummy">リンクテキスト</a></div>
<div class="__col"><a class="m-panel03" href="dummy">リンクテキスト</a></div>
</div>リンクボックス class="m-panel04"
<div class="c-grid _col2_">
<div class="__col _flex_">
<a class="m-panel04 _lg_" href="dummy">
<div class="m-panel04__img"><img class="__elem" src="http://placehold.jp/320x240.png" alt=""></div>
<div class="m-panel04__body">
<div class="m-panel04__ico"><svg class="__elem" aria-hidden="true"><use xlink:href="/common/img/icon.svg#ico-outline-person"></use></svg></div>
<div class="m-panel04__txt">リンクテキスト</div>
</div>
</a>
</div>
<div class="__col _flex_">
<a class="m-panel04 _lg_" href="dummy">
<div class="m-panel04__img"><img class="__elem" src="http://placehold.jp/240x320.png" alt=""></div>
<div class="m-panel04__body">
<div class="m-panel04__ico"><svg class="__elem" aria-hidden="true"><use xlink:href="/common/img/icon.svg#ico-outline-blowing"></use></svg></div>
<div class="m-panel04__txt">リンクテキスト</div>
</div>
</a>
</div>
</div>
<div class="c-grid _col3_">
<div class="__col _flex_">
<a class="m-panel04 _lg_" href="dummy">
<div class="m-panel04__img"><img class="__elem" src="http://placehold.jp/320x240.png" alt=""></div>
<div class="m-panel04__body">
<div class="m-panel04__ico"><svg class="__elem" aria-hidden="true"><use xlink:href="/common/img/icon.svg#ico-outline-person"></use></svg></div>
<div class="m-panel04__txt">リンクテキスト</div>
</div>
</a>
</div>
<div class="__col _flex_">
<a class="m-panel04 _lg_" href="dummy">
<div class="m-panel04__img"><img class="__elem" src="http://placehold.jp/240x320.png" alt=""></div>
<div class="m-panel04__body">
<div class="m-panel04__ico"><svg class="__elem" aria-hidden="true"><use xlink:href="/common/img/icon.svg#ico-outline-blowing"></use></svg></div>
<div class="m-panel04__txt">リンクテキスト</div>
</div>
</a>
</div>
<div class="__col _flex_">
<a class="m-panel04 _lg_" href="dummy">
<div class="m-panel04__img"><img class="__elem" src="http://placehold.jp/640x480.png" alt=""></div>
<div class="m-panel04__body">
<div class="m-panel04__ico"><svg class="__elem" aria-hidden="true"><use xlink:href="/common/img/icon.svg#ico-outline-body"></use></svg></div>
<div class="m-panel04__txt">リンクテキスト</div>
</div>
</a>
</div>
</div>
<div class="c-grid _col2_ u-mt-m _sm-mt-s_">
<div class="__col _flex_">
<a class="m-panel04" href="dummy">
<div class="m-panel04__img"><img class="__elem" src="http://placehold.jp/320x240.png" alt=""></div>
<div class="m-panel04__body">
<div class="m-panel04__ico"><svg class="__elem" aria-hidden="true"><use xlink:href="/common/img/icon.svg#ico-outline-department"></use></svg></div>
<div class="m-panel04__txt">リンクテキスト</div>
</div>
</a>
</div>
<div class="__col _flex_">
<a class="m-panel04" href="dummy">
<div class="m-panel04__img"><img class="__elem" src="http://placehold.jp/240x320.png" alt=""></div>
<div class="m-panel04__body">
<div class="m-panel04__ico"><svg class="__elem" aria-hidden="true"><use xlink:href="/common/img/icon.svg#ico-outline-hospital"></use></svg></div>
<div class="m-panel04__txt">リンクテキスト</div>
</div>
</a>
</div>
</div>