/*Tested up to: 5.4 Requires PHP: 5.6 License: GNU General Public License v2 or later License URI: LICENSE Text Domain: smartcheck-in Tags: custom-background,
custom-logo,
custom-menu,
featured-images,
threaded-comments,
translation-ready This theme,
like WordPress,
is licensed under the GPL. Use it to make something cool,
have fun,
and share what you've learned.

SmartCheck-in is based on Underscores https: //underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later. Normalizing styles have been helped along thanks to the fine work of Nicolas Gallagher and Jonathan Neal https: //necolas.github.io/normalize.css/
*/
.fv {
  background-image: url('/dms-rentalcar-lite/wp/wp-content/uploads/2026/03/fv-1.webp');
  background-size: cover;
  background-position: center;
  min-height: 300px;
  display: flex;
  align-items: center;
  justify-content: center;
}
/* タイトル（FV） */
.fv h2 {
  font-size: 36px;
  font-weight: bold;
  text-align: center;
  color: #222;
}

/* 本文エリア */
.site-main {
  max-width: 800px;
  margin: 0 auto;
  padding: 40px 20px;
  text-align: center;
}

/* 本文テキスト */
.site-main p {
  font-size: 16px;
  line-height: 1.8;
  margin-bottom: 20px;
}
.fv {
  background-image: url('/dms-rentalcar-lite/wp/wp-content/uploads/2026/03/fv-1.webp');
  background-size: cover;
  background-position: center;
  min-height: 300px;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* フォーム全体 */
.form {
  max-width: 800px;
  margin: 0 auto;
  padding: 40px 20px;
}

/* テーブル */
.wpcf7 table {
  width: 100%;
  border-collapse: collapse;
}

/* 行 */
.wpcf7 tr {
  border-bottom: 1px solid #eee;
}

/* ラベル */
.wpcf7 th {
  width: 30%;
  text-align: left;
  vertical-align: middle;
  padding: 20px 10px;
  font-weight: bold;
  font-size: 16px;
}

/* 入力欄 */
.wpcf7 td {
  width: 70%;
  padding: 20px 10px;
}

/* input */
.wpcf7 input,
.wpcf7 textarea {
  width: 100%;
  padding: 14px;
  border: 1px solid #ccc;
  border-radius: 6px;
  font-size: 16px;
}

/* textarea */
.wpcf7 textarea {
  height: 180px;
}

/* 必須タグ */
.wpcf7 th span {
  background: #ff6b00;
  color: #fff;
  font-size: 12px;
  padding: 3px 6px;
  margin-left: 8px;
  border-radius: 3px;
}

/* 説明文 */
.form-desc {
  text-align: center;
  font-size: 18px;
  margin-bottom: 30px;
}

/* ボタン */
.button-wrapper {
  margin-top: 40px;
}

.wpcf7 input[type="submit"] {
  width: 100%;
  background: #009688;
  color: #fff;
  padding: 0px;
  font-size: 18px;
  border: none;
  border-radius: 6px;
  cursor: pointer;
}
/* プライバシー文言 */
.policy {
  text-align: center;
  font-size: 14px;
  color: #555;
  margin: 30px 0 20px;
}

/* リンク */
.policy a {
  color: #009688;
  text-decoration: underline;
}

/* ボタンと幅揃える */
.form .policy {
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
}
/* プライバシー行 */
.wpcf7 .policy {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}

/* チェックボックス */
.wpcf7 input[type="checkbox"] {
  width: 16px;
  height: 16px;
  margin: 0;
}
/* =====================
   スマホ対応
===================== */
@media screen and (max-width: 768px) {

  /* テーブルをブロック化 */
  .wpcf7 table,
  .wpcf7 tbody,
  .wpcf7 tr,
  .wpcf7 th,
  .wpcf7 td {
    display: block;
    width: 100%;
  }

  /* 行ごとに余白 */
  .wpcf7 tr {
    margin-bottom: 20px;
    border-bottom: none;
  }

  /* ラベル */
  .wpcf7 th {
    padding: 0 0 8px;
    font-size: 14px;
  }

  /* 入力 */
  .wpcf7 td {
    padding: 0;
  }

  /* input */
  .wpcf7 input,
  .wpcf7 textarea {
    width: 100%;
    font-size: 16px;
  }

  /* textarea */
  .wpcf7 textarea {
    height: 140px;
  }

  /* 必須タグ */
  .wpcf7 th span {
    font-size: 11px;
    margin-left: 6px;
  }

  /* ボタン */
  .wpcf7 input[type="submit"] {
    height: 50px;
    font-size: 16px;
  }

  /* フォーム余白 */
  .form {
    padding: 30px 15px;
  }

}
/* フッター下の余白（スマホ用） */
@media screen and (max-width: 768px) {
  body {
    padding-bottom: 100px!important; 
  }
}

@media (max-width: 1200px) {

  .header-button--tel .header-button__row {
    opacity: 0!important;
  }

  .header-button--tel {
    display: block !important;
    width: 48px !important;
    height: 48px !important;

    padding: 0 !important;
    border: none !important;
    background: none !important;

    background-image: url('/dms-rentalcar-lite/img/header-tel-sp.webp') !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: contain !important;
  }
}