#28  よくある質問のセクション【ポートフォリオ作成】

<!-- よくある質問 -->
<div class="question">
    <div class="question__inner">
        <h2 class="question__headline">
            <span class="question__headline-en">Question</span>
            <span class="question__headline-jp">よくある質問</span>
        </h2>
        <dl class="question__list">
            <div>
                <dt>Q.営業日はいつですか？</dt>
                <dd>A.平日の9時〜18時です。緊急の場合は土日祝日でも対応可能ですのでご相談ください。</dd>
            </div>
            <div>
                <dt>Q.まとめて依頼するので値引きは可能ですか？</dt>
                <dd>A.可能です。まとめてご依頼いただく場合はお値引き可能ですが、契約書・発注書が必要となります。</dd>
            </div>
        </dl>
    </div>
</div>
<!-- /よくある質問 -->

/* ===========================

よくある質問

=========================== */

.question{
  background-color: #7768ED;
  padding: 130px 0;
}

.question__inner{
  max-width: 1140px;
  margin: 0 auto;
}

.question__headline{
  margin-bottom: 60px;
}

.question__headline-en{
  font-family: 'Montserrat';
  font-weight: 700;
  font-size: 20px;
  color: #fff;
  display: block;
  margin-bottom: 10px;
}

.question__headline-jp{
  font-weight: 700;
  font-size: 32px;
  color: #fff;
}

.question__list div + div{
  margin-top: 30px;
}

.question__list dt{
  padding: 50px 40px;
  margin-bottom: 2px;
  background-color: #fff;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.question__list dd{
  padding: 50px 40px;
  background-color: #fff;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  font-weight: bold;
}