#formWrap{max-width: 900px;margin:50px auto 0 auto;line-height:120%;}

.formTable{width:100%;margin:0 auto;border-collapse:collapse;background: rgba(255,255,255,0.5);}
.formTable td,.formTable th{border:1px solid #ccc;padding:15px;text-align:left;vertical-align: top}
.formTable th{width:20%;font-weight:400;background: rgba(255,255,255,0.8);}

.index-page .formTable th,.index-page .formTable td{border:none;background: none}
.index-page .formTable{background: none}

/*form	input[type="text"] ,form 	input[type="email"] ,textarea*/
form	input[type="text"] ,form 	input[type="email"] ,textarea{
padding: 8px;border: 1px solid #ccc;
-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 var(--color-04);}

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

/*必須*/
.hissu	{margin-right: 0.3em;color: var(--color-04);font-size: 0.85em;}
.hissunone {display: inline-block;width: 1.3em;font-size: 0.85em;}


/*郵便番号/ input area size 調整*/
.yn	{margin-right: 10px;}
input[type="text"],
textarea	{width: 100%;}
textarea	{min-height: 6em}
.inputm	{margin-bottom: 1em;}
.email {margin-bottom : 15px;}

.pp-understand {padding: 1em 0 0 0;text-align: center;}
.pp-understand label{margin: 0 auto}

/*submitarea*/
.submitarea	{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;margin: 30px 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: 110%;background: #ebc4cc;border: 3px solid #ebc4cc;color: var(--color-04);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-04)}
.submitarea	a	{text-decoration: none;text-align: center}


.input-error-wrap {text-align: center;}
.input-error {margin-bottom: 1.5em;}
.error-message	{}
.error-text	{color: var(--color-04);}

.thanks-mail-page {background: var(--color-01);}

.thanks-page {height: calc(100svh - 150px);background: var(--color-01);}
.thanks-message	{margin-top: 50px;}
.thanks-page .submitarea	a{-ms-flex-preferred-size: 40%;flex-basis: 40%;margin: 0 5%;padding: 10px 0;border: none;font-size: 100%;background: #fff;color: var(--color-04);transition: all 0.5s;}
.thanks-page .submitarea	a:hover{background: var(--color-03);color:#fff;opacity: 1}

@media screen and (max-width:768px) {
#formWrap{width:96%;margin:0 2%;}
#formWrap	table.formTable td,#formWrap	table.formTable th{width:auto;display:block;border:0}
#formWrap	table.formTable th{padding: 10px;}
#formWrap	table.formTable td {padding: 10px;}

.hissunone {display: none}

.thanks-page {height: calc(100svh - 320px);}
.thanks-message	{margin-bottom: 50px;}
.thanks-page .submitarea	a{-ms-flex-preferred-size: 80%;flex-basis: 80%;}
}