h3 {
    font-size: 24px;
    font-weight: bold;
    color: #222; /* 文字色 */
    display: inline-block;
    border-bottom: 5px solid black; /* 下線を引く */
    padding-bottom: 5px; /* 文字と線の間隔調整 */
}


.order_error-message {
    color: #D12219;
    font-size: 20px;
    font-weight: 300;
}

/* 全体のフォームコンテナ */
.form-container {
    padding: 20px;
    border-radius: 5px;
}

/* 各入力フィールドのラベル */
.form-label {
    font-weight: bold;
    display: block;
    margin-bottom: 5px;
}

/* 必須ラベルを自動的に追加 */
/*
.required::after {
    content: " 必須";
    background-color: red;
    color: white;
    font-size: 12px;
    padding: 2px 5px;
    margin-left: 5px;
    border-radius: 3px;
    font-weight: bold;
	 display: inline-block; 
    white-space: nowrap;  
}*/


/* 必須ラベル（赤色） */
.required-label {
    background-color: red;
    color: white;
    font-size: 12px;
    padding: 2px 5px;
    margin-left: 5px;
    border-radius: 3px;
}

/* テキスト入力フィールド */
.form-input {
    width: calc(100% - 10px);
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 5px;
    font-size: 16px;
}

/* 名前フィールド（姓・名を横並び） */
.name-input-group {
    display: flex;
    gap: 10px;
}

.name-input-group .form-input {
    width: 50%;
}

/* 住所自動入力ボタン */
.address-auto-btn {
    background-color: #ddd;
    border: 1px solid #aaa;
    padding: 8px 10px;
    cursor: pointer;
    border-radius: 5px;
}

.address-auto-btn:hover {
    background-color: #ccc;
}

/* エラーメッセージ */
.error-message {
    color: red;
    font-size: 14px;
    margin-left: 10px;
}

.wpcf7 form.sent .wpcf7-response-output {font-size: 25px;}