@charset "UTF-8";
/* トップページ */
/* 全体の設定
---------------------------------------------------------------------------*/
/* 基本設定
---------------------------------------------------------------------------*/
/* responsive */
.view-sp,
.view-tb {
  display: none; }

@media screen and (max-width: 768px) {
  .view-sp,
  .view-tb {
    display: block; }

  .view-pc {
    display: none; } }
/* 画像パス */
/* 枠 */
/* flexbox */
/* position */
/* 電話番号リンク設定 */
@media screen and (min-width: 769px) {
  .telnum {
    pointer-events: none; } }

/* フォント */
/* アイキャッチアイコンセット */
/* ボタン */
/* 文字サイズ */
/* 色 */
/* 背景色 */
/* 文字色 */
/* 背景画像 */
/* 中央揃え */
/* object */
/* ホバーアクション */
/* 背景 */
/* 導入
---------------------------------------------------------------------------*/
.intro a {
  text-decoration: underline; }

/* FAQ
---------------------------------------------------------------------------*/
.faq {
  background-color: #E5E0DB;
  /* ボタン */ }
  .faq dl + dl {
    margin-top: 40px; }
    @media screen and (max-width: 768px) {
      .faq dl + dl {
        margin-top: 6vw; } }
  .faq dt,
  .faq dd {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 20px 25px; }
    @media screen and (max-width: 768px) {
      .faq dt,
      .faq dd {
        padding: 3vw; } }
  .faq dt {
    background-color: #F5F3F1;
    cursor: pointer; }
  .faq dd {
    display: none; }
  .faq .faq-q__num,
  .faq .faq-a__num {
    font-size: 30px;
    font-family: 'Josefin Sans', sans-serif;
    width: 2em; }
    @media screen and (max-width: 768px) {
      .faq .faq-q__num,
      .faq .faq-a__num {
        font-size: 5vw; } }
  .faq .faq-q__num {
    color: #9ead33; }
  .faq .faq-a__num {
    color: #7D624D; }
  .faq .faq-q__tx,
  .faq .faq-a__tx {
    padding-top: 12px;
    width: calc(100% - 2em); }
    @media screen and (max-width: 768px) {
      .faq .faq-q__tx,
      .faq .faq-a__tx {
        padding-top: 0; } }
  .faq .faq-q__tx {
    font-size: 20px;
    line-height: 1;
    color: #7D624D; }
    @media screen and (max-width: 768px) {
      .faq .faq-q__tx {
        font-size: 4.4vw;
        line-height: 1.6; } }
  .faq .faq-a__tx {
    font-size: 16px;
    line-height: 1.75; }
    @media screen and (max-width: 768px) {
      .faq .faq-a__tx {
        font-size: 3.48vw; } }
  .faq .faq__btn {
    margin-top: 40px; }
    @media screen and (max-width: 768px) {
      .faq .faq__btn {
        margin-top: 6vw; } }
  .faq .faq__btn a {
    width: 350px;
    margin-left: auto;
    margin-right: auto; }
    @media screen and (max-width: 768px) {
      .faq .faq__btn a {
        width: 88vw; } }