@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
*/
#content{
	padding-top:0!important;
	padding-bottom:0;
}
.post_content h2{
    font-weight: 700;
    letter-spacing: .16em;
    padding: 0;
    background: none;
    font-size: 5em;
    color: inherit;
    line-height: 1.2;
}
.post_content p{
    line-height: 2;
    letter-spacing: .04em;
}
/* MW WP Form 基本スタイル */
table.mw-wp-form {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
}

table.mw-wp-form th,
table.mw-wp-form td {
  padding: 14px 12px;
  border-bottom: 1px solid #e5e7eb; /* 薄いグレー */
  vertical-align: top;
}

table.mw-wp-form th {
  width: 28%;
  font-weight: 600;
  color: #111827;
  text-align: left;
  background: #f9fafb;
}

/* 必須・任意ラベル */
table.mw-wp-form .required,
table.mw-wp-form .optional {
  display: inline-block;
  margin-left: 8px;
  padding: 2px 8px;
  font-size: 12px;
  line-height: 1.6;
  border-radius: 999px;
  vertical-align: middle;
}

table.mw-wp-form .required {
  color: #fff;
  background: #ef4444; /* 赤 */
}

table.mw-wp-form .optional {
  color: #374151;
  background: #e5e7eb; /* グレー */
}

/* 入力要素 */
table.mw-wp-form input[type="text"],
table.mw-wp-form input[type="email"],
table.mw-wp-form input[type="tel"],
table.mw-wp-form textarea,
table.mw-wp-form select {
  width: 100%;
  max-width: 560px;
  padding: 10px 12px;
  border: 1px solid #d1d5db;
  border-radius: 6px;
  background: #fff;
  color: #111827;
  font-size: 16px;
  line-height: 1.6;
  box-sizing: border-box;
}

table.mw-wp-form textarea {
  resize: vertical;
  min-height: 160px;
}

table.mw-wp-form input::placeholder,
table.mw-wp-form textarea::placeholder {
  color: #9ca3af;
}

/* フォーカス */
table.mw-wp-form input:focus,
table.mw-wp-form textarea:focus,
table.mw-wp-form select:focus {
  outline: none;
  border-color: #2563eb;
  box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.15);
}

/* エラーメッセージ（mwform_error） */
table.mw-wp-form .error,
table.mw-wp-form .mw_wp_form_error,
table.mw-wp-form .mwform-error,
table.mw-wp-form span.error {
  display: block;
  margin-top: 6px;
  color: #dc2626;
  font-size: 13px;
  line-height: 1.6;
}

/* ボタンエリア */
.mw-wp-form-buttons {
  margin-top: 18px;
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}

/* MW WP Form のボタンは input になることが多いので広めに対応 */
.mw-wp-form-buttons input[type="submit"],
.mw-wp-form-buttons input[type="button"],
.mw-wp-form-buttons button {
  appearance: none;
  border: 1px solid transparent;
  border-radius: 8px;
  padding: 10px 18px;
  font-size: 15px;
  font-weight: 600;
  cursor: pointer;
  line-height: 1.2;
}

/* 確認へ（主ボタン想定） */
.mw-wp-form-buttons input[name="submitConfirm"],
.mw-wp-form-buttons input[type="submit"] {
  background: #2563eb;
  color: #fff;
}

.mw-wp-form-buttons input[name="submitConfirm"]:hover,
.mw-wp-form-buttons input[type="submit"]:hover {
  background: #1d4ed8;
}

/* 戻る */
.mw-wp-form-buttons input[name="submitBack"],
.mw-wp-form-buttons input[type="button"] {
  background: #fff;
  border-color: #d1d5db;
  color: #111827;
}

.mw-wp-form-buttons input[name="submitBack"]:hover,
.mw-wp-form-buttons input[type="button"]:hover {
  background: #f3f4f6;
}

/* 送信（確定） */
.mw-wp-form-buttons input[name="submit"],
.mw-wp-form-buttons input[name="submitSend"] {
  background: #16a34a;
  color: #fff;
}

.mw-wp-form-buttons input[name="submit"]:hover,
.mw-wp-form-buttons input[name="submitSend"]:hover {
  background: #15803d;
}

/* スマホ対応 */
@media (max-width: 768px) {
  table.mw-wp-form,
  table.mw-wp-form tbody,
  table.mw-wp-form tr,
  table.mw-wp-form th,
  table.mw-wp-form td {
    display: block;
    width: 100%;
  }

  table.mw-wp-form th {
    background: transparent;
    border-bottom: none;
    padding-bottom: 6px;
    width: 100%;
  }

  table.mw-wp-form td {
    padding-top: 0;
  }

  table.mw-wp-form input[type="text"],
  table.mw-wp-form input[type="email"],
  table.mw-wp-form input[type="tel"],
  table.mw-wp-form textarea,
  table.mw-wp-form select {
    max-width: 100%;
  }
}