/* TABLE OF CONTENTS:
 * 
 * 00 どのサイズでも共通で適用されるスタイル
 *    - 見出しデザイン
 *    - 基本パーツ
 *    - SWIPER
 *    - 目次プラグイン
 *    - 買取事例（スライド）
 *    - よくある質問
 *    - フッターの上の表示枠
 * 01 幅 768px 未満 ( スマホの時だけ適用されるスタイル )
 * 02 幅 480px 以上
 * 03 幅 768px 以上 ( PCの時だけ適用されるスタイル )
 *    - フォントサイズと行送り
 *    - 見出しデザイン
 *    - 基本パーツ
 *    - 目次プラグイン
 *    - 買取事例（スライド）
 *    - よくある質問
 *    - フッターの上の表示枠
 *    - フッターの上の表示枠内、対応エリア
 * 04 幅 880px 以上
 * 05 幅 1072px 以上
 * 06 幅 1264px 以上
 */

/* --------------------------------------------------------------------------------------------------------
   00
 *
 * どのサイズでも共通で適用されるスタイル
 */

table {
  width: 100%;
  max-width: 1000px;
  margin: auto;
}

table tr {
  border-bottom: 1px solid #caba9e;
}

table th {
  font-weight: 700;
  padding: 1em !important;
}

table td {
  padding: 1em 2em;
  font-size: 1rem;
}

#content .gmap {
  width: 100vw;
  margin: 0 calc(50% - 50vw);
  margin-bottom: -2em;
  padding-top: 2.2em;
}

iframe {
  width: 100%;
}


/* --------------------------------------------------------------------------------------------------------
   01
 *
 * 幅 768px 未満 ( スマホの時だけ適用されるスタイル )
 */
@media screen and (max-width: 767px) {

  table th,
  table td {
    display: block;
    padding: 0.4em !important;
  }

  p.catch {
    text-align: center;
  }

  .gmap iframe {
    height: 450px;
  }
}

/* End max 767px */



/* --------------------------------------------------------------------------------------------------------
   02
 *
 * 幅 480px 以上
 */
@media screen and (min-width: 30em) {

  /* ここにスタイル */

}

/* End min 480px*/



/* --------------------------------------------------------------------------------------------------------
   03
 *
 * 幅 768px 以上 ( PCの時だけ適用されるスタイル )
 */
@media screen and (min-width: 48em) {
  table th {
    width: 24%;
  }

  .gmap iframe {
    height: 600px;
  }
}

/* End min 768px */



/* --------------------------------------------------------------------------------------------------------
   04
 *
 * 幅 880px 以上
 */
@media screen and (min-width: 55em) {

  /* ここにスタイル */

}

/* End min 880px */



/* --------------------------------------------------------------------------------------------------------
   05
 *
 * 幅 1072px 以上
 */
@media screen and (min-width: 67em) {

  /* ここにスタイル */

}

/* End min 1072px */



/* --------------------------------------------------------------------------------------------------------
   06
 *
 * 幅 1264px 以上
 */
@media screen and (min-width: 79em) {

  /* ここにスタイル */

}

/* End min 1264px */