@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
*/

/* 問い合わせページの枠 */
/* CF7 レスポンシブ：スマホ対応 */
@media screen and (max-width: 780px){
    .CF7_table tr,
    .CF7_table td,
    .CF7_table th {
        display: block;
        width: 100%;
    }

  /* 入力欄・テキストエリア・ファイル欄を幅いっぱいに */
    .CF7_table input[type="text"],
    .CF7_table input[type="tel"],
    .CF7_table input[type="email"],
    .CF7_table input[type="file"],
    .CF7_table textarea {
        display: block;
        width: 98%;
        box-sizing: border-box; /* paddingやborderを含める */
        margin: 0 auto 10px auto; /* 下に少し余白 */
    }
}
/* 項目の横幅を揃えたいものだけ */
.CF7_table th,
.CF7_table td {
  vertical-align: middle;
  padding: 12px 10px;
}

.CF7_table th {
  white-space: nowrap;
}
/* 記入欄の横幅を揃えたいものだけ */
.CF7_table td input[type="text"],
.CF7_table td input[type="email"],
.CF7_table td input[type="tel"],
.CF7_table td textarea {
  width: 100%;
}
/* 送信前の確認にカッコを設ける */
.confirm-box {
  margin: 20px 0;
  padding: 15px;
  border: 2px solid #ccc;
  background: #f9f9f9;
}

.confirm-title {
  font-weight: bold;
  margin-bottom: 8px;
}

.confirm-box .en {
  display: block;
  font-size: 0.9em;
  color: #666;
}
/* 送信ボタンを中央揃え */
.submit-center {
  text-align: center;
  margin-top: 20px;
}