@charset "utf-8";

/* **************************************************************** */
/* お問い合わせフォーム（LP_QUOcardPay）
   レイアウト・配色は style.css の .contact セクションと合わせる
*/

/* **************************************************************** */
/* フォームコントロール共通
*/
/* 以前ここに input:focus::placeholder {color: transparent} があった。
   当時は placeholder が唯一のラベルだったため、入力を始めた瞬間に項目名が消えていた。
   <label> を付けたので撤去する。 */


input, button, select, textarea {
    -webkit-appearance: none;
    appearance: none;
    font-family: inherit;
}

.fmctr {
    font-size: 16px;
    width: 100%;
    padding: 12px 16px;
    box-sizing: border-box;
    border: solid 1px #C8CFDA;
    background: #ffffff;
    border-radius: 4px;
    color: #222222;
    caret-color: #222222;
    line-height: 1.5;
}
.fmctr::placeholder {color: #AAAAAA;}
.fmctr:focus {border-color: #0C5CDD; box-shadow: 0 0 0 3px rgba(12, 92, 221, 0.12);}
textarea.fmctr {min-height: 220px; resize: vertical;}

/* 以下、フォームのレイアウト詳細は Build 工程で追記 */

/* **************************************************************** */
/* 送信エラー表示・ハニーポット・送信中の状態
*/
.form_error {
    margin-bottom: 30px;
    padding: 16px 20px;
    border: 1px solid #ED3453;
    border-radius: 5px;
    background: #FFF4F6;
    color: #C2223C;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.7;
    letter-spacing: 0.01em;
}
.form_error a {
    color: inherit;
    text-decoration: underline;
}

/* ボット除け。display:none や type=hidden は素通りされやすいのでオフスクリーンにする */
.hp_field {
    position: absolute;
    left: -9999px;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

.btn_submit:disabled,
.btn_submit.is-sending {
    opacity: .6;
    cursor: default;
    pointer-events: none;
}