デザインガイド

見出し１

<h1 class="theme-color">見出し１</h1>

見出し１（記事タイトル）

<h1 class="entry-title">見出し１（記事タイトル）</h1>

見出し２

<h2 class="theme-color">見出し２</h2>

見出し３

<h3>見出し３</h3>

見出し４

<h4>見出し４</h4>

見出し４（テーマカラー）

<h4 class="theme-color">見出し４（テーマカラー）</h4>

見出し５

<h5>見出し５</h5>

見出し５（テーマカラー）

<h5 class="theme-color">見出し５（記事タイトル）</h5>

見出し６

<h6>見出し６</h6>

見出し６（テーマカラー）

<h6 class="theme-color">見出し６（テーマカラー）</h6>

サンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキスト

サンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキスト

<p>サンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキスト</p>
<p>サンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキスト</p>

  • 箇条書き(リスト)
  • 箇条書き(リスト)箇条書き(リスト)箇条書き(リスト)箇条書き(リスト)箇条書き(リスト)箇条書き(リスト)箇条書き(リスト)箇条書き(リスト)箇条書き(リスト)箇条書き(リスト)
  • 箇条書き(リスト)

<ul>
<li>箇条書き(リスト)
<li>箇条書き(リスト)箇条書き(リスト)箇条書き(リスト)箇条書き(リスト)箇条書き(リスト)箇条書き(リスト)箇条書き(リスト)箇条書き(リスト)箇条書き(リスト)箇条書き(リスト)
<li>箇条書き(リスト)
</ul>

  • 箇条書き(リスト)
  • 箇条書き(リスト)箇条書き(リスト)箇条書き(リスト)箇条書き(リスト)箇条書き(リスト)箇条書き(リスト)箇条書き(リスト)箇条書き(リスト)箇条書き(リスト)箇条書き(リスト)
  • 箇条書き(リスト)

<ul class="ls-none">
<li>箇条書き(リスト)
<li>箇条書き(リスト)箇条書き(リスト)箇条書き(リスト)箇条書き(リスト)箇条書き(リスト)箇条書き(リスト)箇条書き(リスト)箇条書き(リスト)箇条書き(リスト)箇条書き(リスト)
<li>箇条書き(リスト)
</ul>

  • 箇条書き(リスト)
  • 箇条書き(リスト)箇条書き(リスト)箇条書き(リスト)箇条書き(リスト)箇条書き(リスト)箇条書き(リスト)箇条書き(リスト)箇条書き(リスト)箇条書き(リスト)箇条書き(リスト)
  • 箇条書き(リスト)

<ul class="ls-circle">
<li>箇条書き(リスト)
<li>箇条書き(リスト)箇条書き(リスト)箇条書き(リスト)箇条書き(リスト)箇条書き(リスト)箇条書き(リスト)箇条書き(リスト)箇条書き(リスト)箇条書き(リスト)箇条書き(リスト)
<li>箇条書き(リスト)
</ul>

  • 箇条書き(リスト)
  • 箇条書き(リスト)箇条書き(リスト)箇条書き(リスト)箇条書き(リスト)箇条書き(リスト)箇条書き(リスト)箇条書き(リスト)箇条書き(リスト)箇条書き(リスト)箇条書き(リスト)
  • 箇条書き(リスト)

<ul class="ls-decimal">
<li>箇条書き(リスト)
<li>箇条書き(リスト)箇条書き(リスト)箇条書き(リスト)箇条書き(リスト)箇条書き(リスト)箇条書き(リスト)箇条書き(リスト)箇条書き(リスト)箇条書き(リスト)箇条書き(リスト)
<li>箇条書き(リスト)
</ul>

  • 箇条書き(リスト)
  • 箇条書き(リスト)箇条書き(リスト)箇条書き(リスト)箇条書き(リスト)箇条書き(リスト)箇条書き(リスト)箇条書き(リスト)箇条書き(リスト)箇条書き(リスト)箇条書き(リスト)
  • 箇条書き(リスト)

<ul class="ls-decimal-leading-zero">
<li>箇条書き(リスト)
<li>箇条書き(リスト)箇条書き(リスト)箇条書き(リスト)箇条書き(リスト)箇条書き(リスト)箇条書き(リスト)箇条書き(リスト)箇条書き(リスト)箇条書き(リスト)箇条書き(リスト)
<li>箇条書き(リスト)
</ul>

  1. 順序付き(リスト)
  2. 順序付き(リスト)順序付き(リスト)順序付き(リスト)順序付き(リスト)順序付き(リスト)順序付き(リスト)順序付き(リスト)順序付き(リスト)順序付き(リスト)順序付き(リスト)
  3. 順序付き(リスト)

<ol>
<li>順序付き(リスト)
<li>順序付き(リスト)順序付き(リスト)順序付き(リスト)順序付き(リスト)順序付き(リスト)順序付き(リスト)順序付き(リスト)順序付き(リスト)順序付き(リスト)順序付き(リスト)
<li>順序付き(リスト)
</ol>

  1. 順序付き(リスト)
  2. 順序付き(リスト)順序付き(リスト)順序付き(リスト)順序付き(リスト)順序付き(リスト)順序付き(リスト)順序付き(リスト)順序付き(リスト)順序付き(リスト)順序付き(リスト)
  3. 順序付き(リスト)

<ol class="ls-none">
<li>順序付き(リスト)
<li>順序付き(リスト)順序付き(リスト)順序付き(リスト)順序付き(リスト)順序付き(リスト)順序付き(リスト)順序付き(リスト)順序付き(リスト)順序付き(リスト)順序付き(リスト)
<li>順序付き(リスト)
</ol>

  1. 順序付き(リスト)
  2. 順序付き(リスト)順序付き(リスト)順序付き(リスト)順序付き(リスト)順序付き(リスト)順序付き(リスト)順序付き(リスト)順序付き(リスト)順序付き(リスト)順序付き(リスト)
  3. 順序付き(リスト)

<ol class="ls-circle">
<li>順序付き(リスト)
<li>順序付き(リスト)順序付き(リスト)順序付き(リスト)順序付き(リスト)順序付き(リスト)順序付き(リスト)順序付き(リスト)順序付き(リスト)順序付き(リスト)順序付き(リスト)
<li>順序付き(リスト)
</ol>

  1. 順序付き(リスト)
  2. 順序付き(リスト)順序付き(リスト)順序付き(リスト)順序付き(リスト)順序付き(リスト)順序付き(リスト)順序付き(リスト)順序付き(リスト)順序付き(リスト)順序付き(リスト)
  3. 順序付き(リスト)

<ol class="ls-decimal">
<li>順序付き(リスト)
<li>順序付き(リスト)順序付き(リスト)順序付き(リスト)順序付き(リスト)順序付き(リスト)順序付き(リスト)順序付き(リスト)順序付き(リスト)順序付き(リスト)順序付き(リスト)
<li>順序付き(リスト)
</ol>

  1. 順序付き(リスト)
  2. 順序付き(リスト)順序付き(リスト)順序付き(リスト)順序付き(リスト)順序付き(リスト)順序付き(リスト)順序付き(リスト)順序付き(リスト)順序付き(リスト)順序付き(リスト)
  3. 順序付き(リスト)

<ol class="ls-decimal-leading-zero">
<li>順序付き(リスト)
<li>順序付き(リスト)順序付き(リスト)順序付き(リスト)順序付き(リスト)順序付き(リスト)順序付き(リスト)順序付き(リスト)順序付き(リスト)順序付き(リスト)順序付き(リスト)
<li>順序付き(リスト)
</ol>

定義リスト（タイトル）

定義リスト（内容）

<dl>
<dt>定義リスト（タイトル）<dt>
<dd>定義リスト（内容）<dd>
</dl>

# 項目名 内容
1 サンプル項目1 サンプル内容1
2 サンプル項目2 サンプル内容2

<table>
<thead>
<tr>
<th>#</th>
<th>項目名</th>
<th>内容</th>
</tr>
</thead>
<tbody>
<tr>
<th>1</th>
<td>サンプル項目1</td>
<td>サンプル内容1</td>
</tr>
<tr>
<th>2</th>
<td>サンプル項目2</td>
<td>サンプル内容2</td>
</tr>
</tbody>
</table>

サンプルタイトル サンプルタイトル サンプルタイトル
サンプルテキスト サンプルテキスト サンプルテキスト
サンプルテキスト サンプルテキスト サンプルテキスト

<table>
<thead>
<tr>
<th>#</th>
<th>項目名</th>
<th>内容</th>
</tr>
</thead>
<tbody>
<tr>
<th>1</th>
<td>サンプル項目1</td>
<td>サンプル内容1</td>
</tr>
<tr>
<th>2</th>
<td>サンプル項目2</td>
<td>サンプル内容2</td>
</tr>
</tbody>
</table>







<button>ボタン</button>
<button class="btn">ボタン</button>
<button class="btn w-25">ボタン（幅25%）</button>
<button class="btn btn-primary w-50">ボタン（幅50%）</button>
<button class="btn btn-secondary w-75">ボタン（幅75%）</button>
<button class="btn btn-success w-100">ボタン（幅100%）</button>

物件探しは入居希望日のどのくらい前から始めたらいいんだろう？
入居希望日の1ヶ月～2ヶ月前が目安です。
前の入居者が解約を伝えるのがそのくらいになるので、空き情報が出たタイミングと契約などの期間を考えると1ヶ月～2ヶ月がベストな時期になります。
内覧の時に気を付けて見るべきところってなんですか？
騒音や日当たり、コンセントの位置や周辺環境などの間取り図を見ただけでは分からないところを見るといいと思います。
暖房や結露に関することも見落としがちなのでチェックしておくといいです。

<dl class="sfc-qa">
<dt class="sfc-question">内覧の時に気を付けて見るべきところってなんですか？</dt>
<dd class="sfc-answer">入居希望日の1ヶ月～2ヶ月前が目安です。<br>
前の入居者が解約を伝えるのがそのくらいになるので、空き情報が出たタイミングと契約などの期間を考えると1ヶ月～2ヶ月がベストな時期になります。</dd>
</dl>
<dl class="sfc-qa">
<dt class="sfc-question">内覧の時に気を付けて見るべきところってなんですか？</dt>
<dd class="sfc-answer">騒音や日当たり、コンセントの位置や周辺環境などの間取り図を見ただけでは分からないところを見るといいと思います。<br>
暖房や結露に関することも見落としがちなのでチェックしておくといいです。</dd>
</dl>

よくある「お部屋探し」のお悩みや不安

  • 初めて暮らす土地での新生活で、土地勘もないし家賃相場も分からないけど、何を基準に選べばいいの？

    ライフスタイルに合わせて提案型のお部屋探しのお手伝いをしております。例えば女性の一人暮らしの場合では、夜道が不安というお客さまが多くいらっしゃいます。そんな方には建物の位置、お部屋の階数、街灯の数や明るさ、交通量などを総合的に考えてご提案させていただきます。
    また、学生の方にはアルバイト予定の有無や学校までの通学路などを考えてご提案しています。

  • 移動手段がないので、不動産屋さんを回ることが大変。

    当社では送迎サービスを行なっております。送迎サービスをご希望の方は、ご自宅や最寄りの駅、宿泊先のホテルなどのご指定の場所をご連絡いただければ、当社スタッフがご指定の場所までお伺いいたします。

  • 内覧はしたけど、細かい作りは忘れちゃった・・・レイアウトどうしよう・・・

    そんな時はメールかお電話をいただければ当社スタッフより、お部屋の写真や動画をメールなどでお渡しいたします。お気軽にご連絡ください。

<h1 class="sfc-faq-areatitle">よくある「お部屋探し」のお悩みや不安</h1>
<ul class="ls-decimal-leading-zero sfc-faq">
<li class="sfc-faq-list"><h2 class="sfc-faq-title">初めて暮らす土地での新生活で、土地勘もないし家賃相場も分からないけど、何を基準に選べばいいの？</h2><p class="sfc-faq-content">ライフスタイルに合わせて提案型のお部屋探しのお手伝いをしております。例えば女性の一人暮らしの場合では、夜道が不安というお客さまが多くいらっしゃいます。そんな方には建物の位置、お部屋の階数、街灯の数や明るさ、交通量などを総合的に考えてご提案させていただきます。<br>また、学生の方にはアルバイト予定の有無や学校までの通学路などを考えてご提案しています。</p><li class="sfc-faq-list"><h2 class="sfc-faq-title">移動手段がないので、不動産屋さんを回ることが大変。</h2><p class="sfc-faq-content">当社では送迎サービスを行なっております。送迎サービスをご希望の方は、ご自宅や最寄りの駅、宿泊先のホテルなどのご指定の場所をご連絡いただければ、当社スタッフがご指定の場所までお伺いいたします。</p>
<li class="sfc-faq-list"><h2 class="sfc-faq-title">内覧はしたけど、細かい作りは忘れちゃった・・・レイアウトどうしよう・・・</h2><p class="sfc-faq-content">そんな時はメールかお電話をいただければ当社スタッフより、お部屋の写真や動画をメールなどでお渡しいたします。お気軽にご連絡ください。</p>
</ul>