/******************************

楽ペン　コンタクトフォームカスタムCSS

******************************/

/*メールフォーム要素のpタグmarginリセット*/
.contact-formBox p {margin-bottom: 0;}

/*入力項目のmargin top*/
.Fflex {margin-top: 25px;}

/*各項目のmarginリセット*/
select.wpcf7-form-control.wpcf7-select, input.wpcf7-form-control.wpcf7-text, textarea.wpcf7-form-control.wpcf7-textarea{margin-bottom: 0;margin-top: 2px;}

/*名前・アドレス入力のplaceholder 設定*/
input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required.FName::placeholder, 
input.wpcf7-form-control.wpcf7-text.wpcf7-email.wpcf7-validates-as-required.wpcf7-validates-as-email.Fdefa::placeholder,
input.wpcf7-form-control.wpcf7-text.FmiddleW::placeholder,input.wpcf7-form-control.wpcf7-text.FAd::placeholder, 
textarea.wpcf7-form-control.wpcf7-textarea.Fmemo::placeholder{color: #bbb;}

/*ドロップダウン*/
select.wpcf7-form-control.wpcf7-select.wpcf7-validates-as-required.Fselect {color: #333;width: 300px;}
@media only screen and (max-width:799px){select.wpcf7-form-control.wpcf7-select.wpcf7-validates-as-required.Fselect {width:100%;}}

/*input short width*/
input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required.FshortW {width: 150px;text-align: right;}
input.wpcf7-form-control.wpcf7-text.FshortW {width: 150px;text-align: right;}
input.wpcf7-form-control.wpcf7-text.FAd {width: 150px;}

/*備考欄*/
@media only screen and (max-width:799px){textarea.wpcf7-form-control.wpcf7-textarea.Fmemo {padding: 5px;}}

/* 必須の調整 */
.Frequired { font-size:8pt;padding:5px;background:#ff5b5b;color:#fff;border-radius:3px;margin-right: 3px;}
.Fany { font-size:8pt;padding:5px;background:#6bbf8d;color:#fff;border-radius:3px;margin-right: 3px;}

/*submit button*/
.Fsubmit {text-align: center;margin-top: 15px;}
.Fsubmit input[type="submit"] {    width: 260px;font-size: 2.2rem;font-family: "Avenir Next", Verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", 游ゴシック, "Yu Gothic", メイリオ, Meiryo, Osaka, sans-serif;}

/*sp画面　幅調整*/
@media only screen and (max-width:414px){.contact-formBox {position: relative;left: -10px;width: 106%;}}

/*h3*/
h3.estimateh3 {border: none;margin: 0;padding: 20px 0 10px;border-bottom: 1px solid;font-size: 25px;font-weight: 500;}
@media only screen and (max-width:414px){h3.estimateh3{font-size: 22px}}

/*font-size*/
span.Fitem {font-weight: 500;font-size: 1.7rem;}


/*table*/
table.Fuser {width: 100%;}
table.Fuser td {text-align: left;border: 1px solid #dbdbdb;border: 1px solid #bfbfbf;padding: 5px;font-weight: 500;}
td.Est-td-l {width:30%;background: #f6f6f6;}
td.Est-td-r {width:70%;}
@media only screen and (max-width:414px){table.Fuser td{padding:3px 10px;font-size: 1.5rem;}}
/*必須・任意text*/
td span.Frequired, td span.Fany {float: right;padding: 0 5px;}
@media only screen and (max-width:414px){td span.Frequired, td span.Fany {float: unset;padding: 0 5px;display: block;text-align: center;}}

/*new contact form*/
/*フォーム内paddingとheightの調整*/
select.wpcf7-form-control.wpcf7-select.wpcf7-validates-as-required.est-ef, input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required.est-ef, input.wpcf7-form-control.wpcf7-text.est-ef{padding: 0 10px;height: 35px;}
textarea.wpcf7-form-control.wpcf7-textarea.est-ef {padding: 0 10px;height: 130px;}

/*項目・質問*/
p.entry-q {margin-bottom: 0;font-size: 20px;font-weight: 500;}
.entry-form-sec .Frequired, .entry-form-sec .Fany {
    font-size: 17px;
    padding: 1px 15px;
    margin-left: 20px;
}