/*
Theme Name: d-boot-wp
Description: bootstrap
Author: d
*/

/* フォーム全体のスタイル */
.wpcf7 {
}
/* ラベルのスタイル */
.wpcf7-form label {
display: block;
margin-bottom: 10px;
font-size: 16px;
color: #333333; /* ダークグレー */
text-align:left;
}
/* 必須フィールドのラベルスタイル */
.wpcf7-form .required {
background-color: #ff0000; /* レッド */
color: white;
padding: 2px 5px;
border-radius: 3px;
margin-left: 10px;
font-size: 12px;
}
/* インプットフィールドのスタイル */
.wpcf7-form textarea {
width: 100%;
padding: 10px;
border: 1px solid #cccccc; /* ライトグレー */
border-radius: 5px;
margin-bottom: 20px;
font-size: 16px;
background-color: #ffffff; /* 白 */
}
/* テキストエリアのスタイル */
.wpcf7-form textarea {
height: 150px;
resize: vertical;
}
/* 送信ボタンのスタイル */
.wpcf7-form input[type="submit"] {
background-color: #2e5075; /* ブルー */
color: white;
cursor: pointer;
transition: background-color 0.3s ease;
border: none;
    width: 100%;
    padding: 20px;
    font-size: 18px;
}
.wpcf7-form input[type="submit"]:hover {
background-color: #2e5075; 
}
/* エラーメッセージと成功メッセージのスタイル */
.wpcf7-form .wpcf7-not-valid-tip {
color: red;
font-size: 14px;
}
.wpcf7-form .wpcf7-mail-sent-ok {
color: green;
font-size: 16px;
margin-bottom: 20px;
}

input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required {
    width: 100%;
    line-height: 3;
	border: 1px solid #cccccc;
}
input.wpcf7-form-control.wpcf7-submit.has-spinner {
    padding: 20px;
    width: 100%;
}