/* 全体のレイアウト調整 */
#content {
    max-width: 800px; /* サイトに合わせて調整してください */
    margin: 20px auto;
    /* font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif; */
}

.form-h2{
  font-size: 2rem;;
  font-weight: 400;
  text-align: center;
  padding: 15px 10px;
  margin: 50px auto 10px auto;
  line-height: normal;
}

/* オレンジの見出しヘッダー */
.form-header {
    background-color: #f7931e;
    color: #fff;
    padding: 20px;
    text-align: center;
    font-size: 1.25rem;
    font-weight: bold;
    line-height: normal;
    margin-bottom: 0; /* 下のformAreaと密着させる場合 */
}

/* フォームを包むエリア */
.formArea {
    background: #fff;
    border-top: none; /* ヘッダーと繋がっているように見せる */
    padding: 10px 0;
}

.inner {
    width: 90%;
    margin: 0 auto;
}

/* 各入力項目の行 */
.inputRow {
    padding: 25px 0;
    border-bottom: 1px solid #eeeeee;
}

.inputRow p {
    margin: 0 0 12px 0;
    font-weight: bold;
    color: #333;
    font-size: 16px;
}

/* 必須の星マーク */
.asterisk {
    color: #d93025;
    margin-left: 4px;
}

/* 入力欄（input / textarea）共通 */
.inputRow input[type="text"],
.inputRow input[type="tel"],
.inputRow textarea {
    width: 100%;
    padding: 12px;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
    font-size: 16px;
    transition: border-color 0.2s;
}

/* お問い合わせ内容 (textarea) */
.inputRow textarea.detail {
    min-height: 150px;
    resize: vertical;
}

/* フォーカス時の枠線 */
.inputRow input:focus,
.inputRow textarea:focus {
    outline: none;
    border-color: #f7931e;
}

/* 注意書きテキスト */
.caution {
    font-size: 14px;
    color: #666;
    margin: 20px 0;
    text-align: right;
}

/* ボタンエリア */
.buttonArea {
    text-align: center;
    margin-bottom: 40px;
}

.formButtonBox {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
}

/* 送信ボタン（画像のデザイン） */
.submitBtn {
    display: inline-block;
    background-color: #fdf5eb; /* 薄いベージュ */
    color: #f7931e;           /* オレンジ文字 */
    border: 2px solid #f7931e; /* オレンジ枠 */
    padding: 15px 80px;
    font-size: 18px;
    font-weight: bold;
    border-radius: 50px;      /* 楕円形 */
    cursor: pointer;
    transition: all 0.3s ease;
    min-width: 280px;
}

.submitBtn:hover {
    background-color: #f7931e;
    color: #fff;
}

/* TOPに戻るボタンなど */
.returnBtn {
    color: #888;
    text-decoration: underline;
    font-size: 14px;
}

.cmnBtn{
  box-shadow: none;

}

/* スマホ対応（必要に応じて） */
@media screen and (max-width: 768px) {
    .submitBtn {
        width: 100%;
        padding: 15px 0;
    }
}