@charset "utf-8";
/* ---------------------------------------------
  テーマ化に伴う追加・補正
-----------------------------------------------*/

/* WordPress 管理バー表示時に固定ヘッダーが隠れないように */
.admin-bar .header{ top: 32px;}
@media screen and (max-width: 782px) {
    .admin-bar .header{ top: 46px;}
}

/* 画像プレースホルダー（アーカイブに残っていなかった画像の代替） */
.sutd-ph{
    display: block;
    width: 100%;
    height: auto;
}

/* <button> を .btn と同じ見た目に */
.btn_wrap button.btn{
    font-family: 'Noto Sans JP', sans-serif;
    cursor: pointer;
    text-align: center;
}
.btn_wrap button.btn.-white{
    border: 1px solid #073190;
}

/* ---------------------------------------------
  ご相談予約フォーム
-----------------------------------------------*/

/* 旧 #radio_wrap（ID の重複を避けるためクラスに変更） */
.form_style .radio_input{
    position: absolute;
    left: 80px;
    top: 5px;
    width: auto;
}
.form_style .radio_wrap{ min-height: 45px;}

/* エラー表示 */
.sutd-notice{
    margin: 40px 0 0;
    padding: 16px 20px;
    font-weight: 700;
    color: #CF000E;
    background: #FFE4E4;
    border-left: 4px solid #CF000E;
}
.sutd-error{
    margin-top: 8px;
    font-size: 1.4rem !important;
    line-height: 1.6 !important;
    color: #CF000E;
}
.form_style .is-error input,
.form_style .is-error textarea,
.form_style .is-error .selectIn{
    background: #FFE4E4;
}
.form_style .is-error.radio_wrap{ background: #FFE4E4;}

/* 確認画面 */
.tbl.form_style.confirm td{ vertical-align: middle;}
.confirm_value{
    font-size: 1.6rem;
    line-height: 1.8;
    word-break: break-all;
}
.confirm_empty{ color: #999;}
#confirm_button .back_btn{ margin-right: 0;}

/* Cloudflare Turnstile（確認画面の送信ボタンの上） */
.sutd-turnstile{
    display: flex;
    justify-content: center;
    min-height: 65px;
    margin-top: -40px;
}

/* スパム対策用のダミー項目（画面には出さない） */
.sutd-hp{
    position: absolute !important;
    left: -9999px !important;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

/* お知らせ アーカイブ見出し */
.archive-ttl{
    font-size: 1.8rem;
    font-weight: 700;
    color: #073190;
    margin-bottom: 30px;
}

@media(max-width:767px) {
    .form_style .radio_input{
        left: 52px;
        top: 2px;
    }
    .form_style .radio_wrap{ min-height: 40px;}
    .sutd-notice{ margin-top: 6%;}
    .sutd-error{ font-size: 1.2rem !important;}
    .confirm_value{ font-size: 1.4rem;}
}