/*-----フォーム設定-----*/
/* -----------------------------------------
   1. 全体の枠線を消し、背景の対比を際立たせる
------------------------------------------- */
div.wpcf7 .form-item {
    display: flex !important;
    flex-direction: column !important;
    border: none !important; 
    margin-bottom: 8px !important;
    background: transparent !important;
}

@media only screen and (min-width: 768px) {
    div.wpcf7 .form-item {
        flex-direction: row !important;
        align-items: stretch !important;
    }
}

/* 項目名（左：グレー） */
div.wpcf7 .form-ttl {
    background: #eeeeee !important; /* 薄いグレー */
    padding: 1.2rem 1rem !important;
    font-weight: bold !important;
    border: none !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
}

@media only screen and (min-width: 768px) {
    div.wpcf7 .form-ttl {
        width: 250px !important;
        flex-shrink: 0 !important;
    }
}

/* 必須マーク（赤文字のみ、背景・枠なし） */
div.wpcf7 .must {
    color: #ff2424 !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-left: 5px !important;
    font-weight: bold !important;
}

/* -----------------------------------------
   2. 入力エリアとプルダウン文字切れ対策
------------------------------------------- */
div.wpcf7 .form-content {
    background: #fff !important;
    padding: 1rem 1.5rem !important;
    border: none !important;
    flex: 1 !important;
}

/* プルダウン（都道府県）の文字切れを徹底修正 */
div.wpcf7 select.wpcf7-select {
    height: 48px !important; /* 高さをしっかり確保 */
    line-height: 1.5 !important;
    padding: 10px !important;
    display: block !important;
    -webkit-appearance: menulist !important; /* 矢印を標準に戻す */
    appearance: menulist !important;
}

/* 入力フィールド全般 */
div.wpcf7 input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]),
div.wpcf7 textarea {
    min-height: 44px !important;
    border: 1px solid #ccc !important;
    border-radius: 0 !important;
    box-sizing: border-box !important;
    background: #fff !important;
}
/* disabled のときだけ背景色を変更 */
div.wpcf7 input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]):disabled,
div.wpcf7 textarea:disabled,
div.wpcf7 select:disabled {
    background: #ccc !important;
    cursor: not-allowed;
}

/* -----------------------------------------
   3. 姓名・セイメイの横並び（強制制御）
------------------------------------------- */
/* CF7が生成する不要な改行を消す */
div.wpcf7 .form-content br {
    display: none !important;
}

/* 姓名のラベルと入力欄を横並びにする */
div.wpcf7 .form-content span.note {
    display: inline-block !important;
    margin-right: 5px !important;
    vertical-align: middle !important;
}

div.wpcf7 input[size="10"] {
    width: 35% !important; /* 横並びにするために幅を指定 */
    display: inline-block !important;
    margin-right: 15px !important;
    margin-bottom: 10px !important;
}

/* -----------------------------------------
   4. 見出し（青い縦棒スタイル）
------------------------------------------- */
.wpcf7 h3 {
    font-size: 1.25rem !important;
    color: #195090 !important;
    border-left: 4px solid #195090 !important;
    border-bottom: 1px solid #ddd !important;
    padding: 5px 15px !important;
    margin: 40px 0 20px 0 !important;
    background: #fcfcfc !important;
}

/* -----------------------------------------
   5. 送信ボタン（スタイリッシュな緑）
------------------------------------------- */
div.wpcf7 .wpcf7-submit {
    width: 320px !important;
    height: 60px !important;
    background: #0087ba !important;
    color: #fff !important;
    font-size: 1.2rem !important;
    border: none !important;
    border-radius: 50rem !important;
    box-shadow: none !important;
    cursor: pointer !important;
	display: block !important;
	margin: 40px auto 0 !important;
	font-weight: 700;
}