Moduleモジュール一覧

キービジュアル（TOP）

キャッチが入ります
キャッチが入ります

<div class="key-visual" style="background-image:url(PATH/image.jpg);">

<div class="key-visual-cover"></div>

<div class="page-title">キャッチが入ります<br>キャッチが入ります</div>

</div>

※bodyタグにfrontクラスを付与（自動で付与される）

キービジュアル（下層）

English日本語

<div class="key-visual" style="background-image:url(PATH/image.jpg);">

<div class="key-visual-cover"></div>

<div class="page-title">English<small>日本語</small></div>

</div>

TOPページコンテンツ1

English日本語

キャッチが入りますキャッチが入ります

本文が入ります。本文が入ります。本文が入ります。本文が入ります。本文が入ります。本文が入ります。本文が入ります。本文が入ります。本文が入ります。本文が入ります。

本文が入ります。本文が入ります。本文が入ります。本文が入ります。本文が入ります。本文が入ります。本文が入ります。本文が入ります。本文が入ります。本文が入ります。

VIEW MORE 

<section class="sec-lv-1 front-sec">

<div class="wrap">

<div style="background-image:url(PATH/image.jpg);" class="front-contnets-image"></div>

<div class="front-contents-main">

<h2 class="front-contnets-title">English<small>日本語</small></h2>

<strong class="front-contnets-catch">キャッチが入りますキャッチが入ります</strong>

<p class="front-contnets-sentense">本文が入ります。本文が入ります。本文が入ります。本文が入ります。本文が入ります。本文が入ります。本文が入ります。本文が入ります。本文が入ります。本文が入ります。</p>

<p class="front-contnets-sentense">本文が入ります。本文が入ります。本文が入ります。本文が入ります。本文が入ります。本文が入ります。本文が入ります。本文が入ります。本文が入ります。本文が入ります。</p>

<div class="front-more front-more-add-image">

<div class="front-more-link-wrap">

<div class="front-more-border"><span></span></div>

<a href="javascript:void(0);" class="front-more-link">VIEW MORE</a>

</div>

<div style="background-image:url(PATH/image.jpg);" class="front-contnets-subimage"></div>

</div>

</div>

</section>

TOPページコンテンツ2

English日本語

キャッチが入りますキャッチが入ります

本文が入ります。本文が入ります。本文が入ります。本文が入ります。本文が入ります。本文が入ります。本文が入ります。本文が入ります。本文が入ります。本文が入ります。

本文が入ります。本文が入ります。本文が入ります。本文が入ります。本文が入ります。本文が入ります。本文が入ります。本文が入ります。本文が入ります。本文が入ります。

VIEW MORE 

<section class="sec-lv-1 front-sec">

<div class="wrap">

<div style="background-image:url(PATH/image.jpg);" class="front-contnets-image"></div>

<div class="front-contents-main">

<h2 class="front-contnets-title">English<small>日本語</small></h2>

<strong class="front-contnets-catch">キャッチが入りますキャッチが入ります</strong>

<p class="front-contnets-sentense">本文が入ります。本文が入ります。本文が入ります。本文が入ります。本文が入ります。本文が入ります。本文が入ります。本文が入ります。本文が入ります。本文が入ります。</p>

<p class="front-contnets-sentense">本文が入ります。本文が入ります。本文が入ります。本文が入ります。本文が入ります。本文が入ります。本文が入ります。本文が入ります。本文が入ります。本文が入ります。</p>

<div class="front-more">

<div class="front-more-link-wrap">

<div class="front-more-border"><span></span></div>

<a href="javascript:void(0);" class="front-more-link">VIEW MORE</a>

</div>

</div>

<ul class="front-contnets-list">

<li><a href="javascript:void(0);"><div>リンク名<br>リンク名</div></a></li>

<li><a href="javascript:void(0);"><div>リンク名<br>リンク名</div></a></li>

<li><a href="javascript:void(0);"><div>リンク名<br>リンク名</div></a></li>

<li><a href="javascript:void(0);"><div>リンク名<br>リンク名</div></a></li>

<li><a href="javascript:void(0);"><div>リンク名<br>リンク名</div></a></li>

</ul>

</div>

</div>

</section>

Price

Price料金一覧

※価格は全て税込表記です

基本料金

初診料
5,500円
初診料初診料初診料
5,500円
初診料初診料初診料
5,500円
初診料初診料初診料
5,500円
初診料初診料初診料
5,500円

基本料金

初診料初診料初診料
5,500円
初診料初診料初診料
5,500円
初診料初診料初診料
5,500円

※治療費が別途かかります

基本料金

初診料初診料初診料
5,500円
初診料初診料初診料
5,500円
初診料初診料初診料
5,500円
2回目以降　5,500円

HOGEHOGE療法説明ページ

基本料金

初診料初診料初診料
5,500円
初診料初診料初診料
5,500円
初診料初診料初診料
5,500円
初診料初診料初診料
5,500円
初診料初診料初診料
5,500円
初診料初診料初診料
5,500円
初診料初診料初診料
5,500円

<section class="sec-lv-1">

<div class="wrap">

<h2 class="sec-lv-1-title">Price<small>料金一覧</small></h2>

<p class="price-tax">※価格は全て税込表記です</p>

<section class="price-sec price-basic">

<h4 class="price-sec-title">基本料金</h4>

<dl class="price-list">

<dt>初診料</dt>

<dd>5,500円</dd>

<dt>初診料初診料初診料</dt>

<dd>5,500円</dd>

<dt>初診料初診料初診料</dt>

<dd>5,500円</dd>

<dt>初診料初診料初診料</dt>

<dd>5,500円</dd>

<dt>初診料初診料初診料</dt>

<dd>5,500円</dd>

</dl>

</section>

<div class="price-double-wrap">

<div class="price-double">

<section class="price-sec">

<h4 class="price-sec-title">基本料金</h4>

<dl class="price-list">

<dt>初診料初診料初診料</dt>

<dd>5,500円</dd>

<dt>初診料初診料初診料</dt>

<dd>5,500円</dd>

<dt>初診料初診料初診料</dt>

<dd>5,500円</dd>

</dl>

<p class="price-alert">※治療費が別途かかります</p>

</section>

</div>

<div class="price-double">

<section class="price-sec">

<h4 class="price-sec-title">基本料金</h4>

<dl class="price-list">

<dt>初診料初診料初診料</dt>

<dd>5,500円</dd>

<dt>初診料初診料初診料</dt>

<dd>5,500円</dd>

<dt>初診料初診料初診料</dt>

<dd>5,500円<br>2回目以降　5,500円</dd>

</dl>

<p class="price-link"><a href="javascript:void(0);">HOGEHOGE療法説明ページ</a></p>

</section>

</div>

</div>

<section class="price-sec">

<h4 class="price-sec-title">基本料金</h4>

<div class="price-double-wrap">

<div class="price-double">

<dl class="price-list">

<dt>初診料初診料初診料</dt>

<dd>5,500円</dd>

<dt>初診料初診料初診料</dt>

<dd>5,500円</dd>

<dt>初診料初診料初診料</dt>

<dd>5,500円</dd>

</dl>

</div>

<div class="price-double">

<dl class="price-list">

<dt>初診料初診料初診料</dt>

<dd>5,500円</dd>

<dt>初診料初診料初診料</dt>

<dd>5,500円</dd>

</dl>

<dl class="price-list">

<dt>初診料初診料初診料</dt>

<dd>5,500円</dd>

<dt>初診料初診料初診料</dt>

<dd>5,500円</dd>

</dl>

</div>

</div>

</section>

</div>

</section>

Access

Accessアクセス

医療法人愛友会 SDMクリニック
住所
〒108-0074
東京都港区高輪2-16-5
東武高輪第2ビル 5F
都営浅草線泉岳寺駅A3出口から徒歩2分
TEL
03-5422-9485
診療科目
○○科/○○科
診察時間月火水木金土日祝
9:00-12:00
（最終受付：11:30）		○○休○○○休
13:00-17:00
（最終受付：17:30）		○○休○○休休

前日午後12時以降のご予約変更・キャンセルはキャンセル料5,500円が発生いたします休診日：日・祝日・水


<section class="sec-lv-1">

<div class="wrap">

<h2 class="sec-lv-1-title">Access<small>アクセス</small></h2>

<strong class="access-name"><small>医療法人愛友会</small> SDMクリニック</strong>

<div class="access-map">

<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3242.50058506927!2d139.73961599999998!3d35.6400365!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x60188bace18afa99%3A0x45b1a51bf660f394!2z44CSMTA4LTAwNzQg5p2x5Lqs6YO95riv5Yy66auY6Lyq77yS5LiB55uu77yR77yW4oiS77yVIOadseatpumrmOi8quesrO-8kuODk-ODqw!5e0!3m2!1sja!2sjp!4v1662433528064!5m2!1sja!2sjp" width="100%" height="350" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>

</div>

<div class="access-double-wrap">

<div class="access-double">

<dl class="access-adddress">

<dt>住所</dt>

<dd>〒108-0074 <br class="sp-none">東京都港区高輪2-16-5 <br class="sp-none">東武高輪第2ビル 5F<br>都営浅草線泉岳寺駅A3出口から徒歩2分</dd>

<dt>TEL</dt>

<dd><a href="tel:03-5422-9485">03-5422-9485</a></dd>

<dt>診療科目</dt>

<dd>○○科/○○科</dd>

</dl>

</div>

<div class="access-double">

<table class="access-shift">

<thead>

<tr>

<th>診察時間</th><th>月</th><th>火</th><th>水</th><th>木</th><th>金</th><th>土</th><th>日祝</th>

</tr>

</thead>

<tbody>

<tr>

<th>9:00-12:00<br><small>（最終受付：11:30）</small></th><td>○</td><td>○</td><td>休</td><td>○</td><td>○</td><td>○</td><td>休</td>

</tr>

<tr>

<th>13:00-17:00<br><small>（最終受付：17:30）</small></th><td>○</td><td>○</td><td>休</td><td>○</td><td>○</td><td>休</td><td>休</td>

</tr>

</tbody>

</table>

<p class="access-alert"><span>前日午後12時以降のご予約変更・キャンセルはキャンセル料5,500円が発生いたします</span><span>休診日：日・祝日・水</span></p>

</div>

</div>

</div>

</section>

フッターバナー（2列）


<div class="sec-lv-1">

<div class="wrap">

<ul class="double-banner">

<li><a href="javascript:void(0);">TESTTEST</a></li>

<li><a href="javascript:void(0);">TESTTEST</a></li>

</ul>

</div>

</div>

フッターバナー（1列）


<div class="sec-lv-1">

<div class="wrap wrap-m">

<ul class="single-banner">

<li>

<a href="javascript:void(0);" style="background-image:url(PATH/image.jpg);">

<span class="single-banner-title">English<small>日本語</small></span>

<span class="single-banner-cover"></span>

<span class="single-banner-border"></span>

</a>

</li>

</ul>

</div>

</div>

下層ページ基本構造

English日本語


<section class="sec-lv-1">

<div class="wrap wrap-m">

<h1 class="sec-lv-1-title">English<small>日本語</small></h1>

 

～ここにコンテンツを入れる～

 

</div>

</section>

下層ページ基本構造（タイトル左）

日本語


<section class="sec-lv-1">

<div class="wrap wrap-m">

<h1 class="sec-lv-1-title sec-lv-1-title-left">日本語</h1>

 

～ここにコンテンツを入れる～

 

</div>

</section>

下層ページ文章1（中央揃え）

文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。

文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。

文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。


<div class="page-sentense page-sentense-center">

<p>文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。</p>

<p>文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。</p>

<p>文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。</p>

</div>

下層ページ文章2（左揃え）

文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。

文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。

文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。


<div class="page-sentense">

<p>文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。</p>

<p>文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。</p>

<p>文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。</p>

</div>

下層ページ文章3（左右矢印）

文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。

文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。

文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。


<div class="page-sentense page-sentense-arrow">

<p>文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。</p>

<p>文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。</p>

<p>文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。</p>

<div class="page-sentense-arrow-left"></div>

<div class="page-sentense-arrow-right"></div>

</div>

下層ページ文章4（左右罫線）

文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。

文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。

文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。


<div class="page-sentense page-sentense-border">

<p>文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。</p>

<p>文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。</p>

<p>文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。</p>

</div>

下向き矢印


<div class="page-arrow"><div class="page-arrow-bottom"></div></div>

PC横並びタイトル（3分割）

  • 文章が入ります。
    文章が入ります。
  • 文章が入ります。
    文章が入ります。
  • 文章が入ります。
    文章が入ります。

<ul class="page-float-3">

<li>文章が入ります。<br>文章が入ります。</li>

<li>文章が入ります。<br>文章が入ります。</li>

<li>文章が入ります。<br><small>文章が入ります。</small></li>

</ul>

MOREボタン

VIEW MORE 

<div class="page-more-btn-wrap">

<a href="javascript:void(0);" class="page-more-btn">VIEW MORE</a>

</div>

医師ページへの導入

Doctors医師紹介

名前 名前院長 VIEW MORE 

<section class="page-doctor-intro">

<div class="page-doctor-intro-text">

<h2 class="page-doctor-intro-title"><span>Doctors</span><small>医師紹介</small></h2>

<strong class="page-doctor-intro-subtitle">名前 名前<small>院長</small></strong>

<a href="javascript:void(0);" class="page-doctor-intro-btn">VIEW MORE</a>

</div>

<div style="background-image:url(PATH/image.jpg);" class="page-doctor-intro-image"></div>

</section>

下層ページタイトル＆文章（左右罫線）

タイトルが入ります。

文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。

文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。

文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。


<section class="page-sentense page-sentense-border">

<h2 class="page-sentense-title">タイトルが入ります。</h2>

<p>文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。</p>

<p>文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。</p>

<p>文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。</p>

</section>

下層ページタイトル＆文章（左右罫線、2分割）

タイトルが入ります。

文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。

タイトルが入ります。

文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。


<div class="page-devide-wrap">

<div class="page-devide">

<section class="page-sentense page-sentense-border">

<h2 class="page-sentense-title page-sentense-title-green">タイトルが入ります。</h2>

<p>文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。</p>

</section>

</div>

<div class="page-devide">

<section class="page-sentense page-sentense-border">

<h2 class="page-sentense-title page-sentense-title-green">タイトルが入ります。</h2>

<p>文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。</p>

</section>

</div>

</div>

下層ページ文章1（中央揃え）

タイトルが入ります。

文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。


<section class="page-sentense page-sentense-center">

<h2 class="page-sentense-title">タイトルが入ります。</h2>

<p>文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。文章が入ります。</p>

</section>

画像


<img src="https://sdm-clinic.jp/static/images/sample/key.jpg" alt="" class="page-image">

横並び画像＆テキスト

  • タイトルタイトル

    本文が入ります。本文が入ります。本文が入ります。本文が入ります。本文が入ります。本文が入ります。本文が入ります。本文が入ります。本文が入ります。本文が入ります。

  • タイトルタイトル

    本文が入ります。本文が入ります。本文が入ります。本文が入ります。本文が入ります。本文が入ります。本文が入ります。本文が入ります。本文が入ります。本文が入ります。

  • タイトルタイトル

    本文が入ります。本文が入ります。本文が入ります。本文が入ります。本文が入ります。本文が入ります。本文が入ります。本文が入ります。本文が入ります。本文が入ります。

  • タイトルタイトル

    本文が入ります。本文が入ります。本文が入ります。本文が入ります。本文が入ります。本文が入ります。本文が入ります。本文が入ります。本文が入ります。本文が入ります。


<ul class="contents-list">

<li><div class="contents-list-wrap">

		<div class="contents-list-image"><span style="background-image:url(<?php echo $_ENV['baseUrl']; ?>static/images/sample/key.jpg);"></span></div>

		<div class="contents-list-text">

			<strong>タイトルタイトル</strong>

			<p>本文が入ります。本文が入ります。本文が入ります。本文が入ります。本文が入ります。本文が入ります。本文が入ります。本文が入ります。本文が入ります。本文が入ります。</p>

		</div>

	</div>

</li>

<li><div class="contents-list-wrap">

		<div class="contents-list-image"><span style="background-image:url(<?php echo $_ENV['baseUrl']; ?>static/images/sample/key.jpg);"></span></div>

		<div class="contents-list-text">

			<strong>タイトルタイトル</strong>

			<p>本文が入ります。本文が入ります。本文が入ります。本文が入ります。本文が入ります。本文が入ります。本文が入ります。本文が入ります。本文が入ります。本文が入ります。</p>

		</div>

	</div>

</li>

<li><div class="contents-list-wrap">

		<div class="contents-list-image"><span style="background-image:url(<?php echo $_ENV['baseUrl']; ?>static/images/sample/key.jpg);"></span></div>

		<div class="contents-list-text">

			<strong>タイトルタイトル</strong>

			<p>本文が入ります。本文が入ります。本文が入ります。本文が入ります。本文が入ります。本文が入ります。本文が入ります。本文が入ります。本文が入ります。本文が入ります。</p>

		</div>

	</div>

</li>

<li><div class="contents-list-wrap">

		<div class="contents-list-image"><span style="background-image:url(<?php echo $_ENV['baseUrl']; ?>static/images/sample/key.jpg);"></span></div>

		<div class="contents-list-text">

			<strong>タイトルタイトル</strong>

			<p>本文が入ります。本文が入ります。本文が入ります。本文が入ります。本文が入ります。本文が入ります。本文が入ります。本文が入ります。本文が入ります。本文が入ります。</p>

		</div>

	</div>

</li>

</ul>

Faq

質問が入ります。質問が入ります。質問が入ります。
回答が入ります。回答が入ります。回答が入ります。回答が入ります。回答が入ります。回答が入ります。回答が入ります。回答が入ります。
質問が入ります。質問が入ります。質問が入ります。
回答が入ります。回答が入ります。回答が入ります。回答が入ります。回答が入ります。回答が入ります。回答が入ります。回答が入ります。
質問が入ります。質問が入ります。質問が入ります。
回答が入ります。回答が入ります。回答が入ります。回答が入ります。回答が入ります。回答が入ります。回答が入ります。回答が入ります。
質問が入ります。質問が入ります。質問が入ります。
回答が入ります。回答が入ります。回答が入ります。回答が入ります。回答が入ります。回答が入ります。回答が入ります。回答が入ります。

<dl class="faq-list">

<dt>質問が入ります。質問が入ります。質問が入ります。</dt>

<dd>回答が入ります。回答が入ります。回答が入ります。回答が入ります。回答が入ります。回答が入ります。回答が入ります。回答が入ります。</dd>

<dt>質問が入ります。質問が入ります。質問が入ります。</dt>

<dd>回答が入ります。回答が入ります。回答が入ります。回答が入ります。回答が入ります。回答が入ります。回答が入ります。回答が入ります。</dd>

<dt>質問が入ります。質問が入ります。質問が入ります。</dt>

<dd>回答が入ります。回答が入ります。回答が入ります。回答が入ります。回答が入ります。回答が入ります。回答が入ります。回答が入ります。</dd>

<dt>質問が入ります。質問が入ります。質問が入ります。</dt>

<dd>回答が入ります。回答が入ります。回答が入ります。回答が入ります。回答が入ります。回答が入ります。回答が入ります。回答が入ります。</dd>

</dl>