@charset "UTF-8";
/*
    Template: swell
    Theme Name: SWELL CHILD
    Theme URI: https://swell-theme.com/
    Description: SWELLの子テーマ
    Version: 1.0.0
    Author: LOOS WEB STUDIO
    Author URI: https://loos-web-studio.com/

    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl.html
*/

///////////////お問い合わせ////////////////////
/* お問い合わせフォーム：黒背景用の明瞭なスタイル */
table.inquiry {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0 16px;
  color: #fff;
}

table.inquiry th {
  text-align: left;
  vertical-align: top;
  padding: 8px 12px;
  width: 30%;
  font-weight: bold;
  color: #fff;
  font-size: 15px;
}

table.inquiry td {
  padding: 8px 12px;
  width: 70%;
}

/* 入力欄：白背景＋黒文字 */
table.inquiry input[type="text"],
table.inquiry input[type="email"],
table.inquiry textarea {
  width: 100%;
  padding: 12px;
  border: none;
  border-radius: 6px;
  background-color: #fff; /* ← 白背景に */
  color: #000;            /* ← 黒文字に */
  font-size: 15px;
}

table.inquiry input[type="text"]::placeholder,
table.inquiry input[type="email"]::placeholder,
table.inquiry textarea::placeholder {
  color: #666; /* プレースホルダーも濃いグレーに */
}

table.inquiry textarea {
  min-height: 120px;
}

/* 必須マーク（赤） */
.req {
  background: #E63946;
  color: #fff;
  font-size: 12px;
  padding: 2px 6px;
  border-radius: 4px;
  margin-right: 6px;
  display: inline-block;
}

/* 送信ボタン（緑） */
#formbtn {
  background-color: #00B894;
  color: #fff;
  font-weight: bold;
  font-size: 16px;
  padding: 14px 28px;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  margin-top: 20px;
  transition: background-color 0.3s;
}

#formbtn:hover {
  background-color: #00a17e;
}

p.center {
  text-align: center;
}

.privacy-check {
  margin: 24px 0 8px;
  text-align: center;
  color: #fff;
  font-size: 14px;
}

.privacy-check a {
  color: #FBDD63;
  text-decoration: underline;
}

.privacy-check input[type="checkbox"] {
  margin-right: 6px;
  transform: scale(1.2);
}

.privacy-check {
  margin: 24px 0 8px;
  text-align: center;
  color: #fff;
  font-size: 14px;
}

.privacy-check a {
  color: #FBDD63;
  text-decoration: underline;
}

.privacy-check input[type="checkbox"] {
  margin-right: 6px;
  transform: scale(1.2);
}

@media screen and (max-width: 768px) {
  table.inquiry,
  table.inquiry tr,
  table.inquiry th,
  table.inquiry td {
    display: block;
    width: 100% !important;
    box-sizing: border-box;
  }

  table.inquiry th {
    padding: 6px 0;
    font-size: 14px;
    color: #fff;
  }

  table.inquiry td {
    padding: 4px 0 16px;
  }
}