.contact-form-lead  {margin-bottom: 100px;}
.contact-form-input-area    {width: 100%;font-size: 1rem}
.contact-form-input-area    th, .contact-form-input-area    td   {padding: 10px;}
.contact-form-input-area    th{vertical-align: top;}
.radio-botton   label{padding-right: 1em;}

.to-pp  {margin-top: 20px;}
.to-pp  a  {color: var(--color-p3);text-decoration: none;}

#formWrap{margin:0 auto;line-height:120%;}
#formWrap	table.formTable{width:100%;margin:0 auto;border-collapse:collapse}
#formWrap	table.formTable td,#formWrap	table.formTable th{border:1px solid #ccc;padding:15px;vertical-align: middle;}
#formWrap	table.formTable th{width:30%;font-weight:400;background:rgba(0,0,0,0.05);text-align:left}

/*form	input[type="text"] ,form 	input[type="email"] ,textarea*/
form	input[type="text"] ,form 	input[type="email"] ,textarea{
padding: 12px;border: 1px solid var(--color-p1);
-moz-box-shadow: inset 1px 1px 2px -3px rgba(0,0,0,0.5);-webkit-box-shadow: inset 1px 1px 2px -3px rgba(0,0,0,0.5);
box-shadow: inset 1px 1px 2px -3px rgba(0,0,0,0.5);border-radius: 4px;font-size: 1.1rem;outline: none;
}

/*select */
select {
background:#fff;border:thin solid #ccc;border-radius:4px;display:inline-block;font:inherit;line-height:1.5em;padding:.5em 3.5em .5em 1em;margin:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;}
select.minimal {background-image:linear-gradient(45deg, transparent 50%, gray 50%),linear-gradient(135deg, gray 50%, transparent 50%),linear-gradient(to right, #ccc, #ccc);background-position:calc(100% - 20px) calc(1em + 2px),calc(100% - 15px) calc(1em + 2px),calc(100% - 2.5em) 0.5em;background-size:5px 5px,5px 5px,1px 1.5em;background-repeat: no-repeat;}
select.minimal:focus{background-image:linear-gradient(45deg,green 50%,transparent 50%),linear-gradient(135deg,transparent 50%,green 50%),linear-gradient(to right,#ccc,#ccc);background-position:calc(100% - 15px)1em,calc(100% - 20px)1em,calc(100% - 2.5em).5em;background-size:5px 5px,5px 5px,1px 1.5em;background-repeat:no-repeat;border-color:green;outline:0}
select:-moz-focusring{color:transparent;text-shadow:0 0 0 #000}

/*focus*/
input[type="text"]:focus,input[type="email"]:focus,
textarea:focus {box-shadow: 0 0 2px #1b62a4;border: 1px solid #1b62a4;}

/*iPhone対策*/
input[type="submit"],input[type="reset"],input[type="button"]{-webkit-appearance: none;}

/*必須*/
.hissu	{margin-left: 0.5em;color: #f00;}

/*郵便番号/ input area size 調整*/
.yn	{margin-right: 10px;}
.input01	{width: 50%;}
textarea	{width: calc(100% - 30px);}
.inputm	{margin-bottom: 1em;}

/*submitarea*/
.submitarea	{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;margin: 20px 0}
.submitarea	input[type="submit"],.submitarea	input[type="reset"],.submitarea	input[type="button"],.submitarea	a{-ms-flex-preferred-size: 40%;flex-basis: 40%;margin: 0 5%;padding: 10px 0;border: none;font-size: 105%;background: var(--color-p1);border: 3px solid var(--color-p1);color: #fff;transition: all 0.5s;}
.submitarea	input[type="submit"]:hover,.submitarea	input[type="reset"]:hover,.submitarea	input[type="button"]:hover,.submitarea	a:hover{background: #fff;color: var(--color-p1)}
.submitarea	a	{text-decoration: none;text-align: center}



.error-message	{}
.error-text	{color: #1b62a4;}

.thanks-message	{margin-bottom: 100px;}

.email-kakunin	{display:block;margin: 0.5em 0;}

@media screen and (max-width:767px) {
#formWrap{width:95%;margin:0 auto}
#formWrap	table td,#formWrap	table th{width:auto;display:block}
#formWrap	table th{margin-top:20px;border-bottom:0}

.radio-botton label{display: block;width: 100%;margin-bottom: 10px;}

.input01,
.input02,
textarea	{width: 100%;}

.thanks-message	{margin-bottom: 30px;}
}
