@charset "UTF-8";


:root {
  --color-p1: #d58139;/*必須項目の赤*/
		--color-p2: #006E89;/*submitボタンの青*/
			--color-p3: #92d6d0;
}


#formWrap{margin:0 auto;line-height:120%;word-break: break-all;}
#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}
#formWrap	table.formTable th{width:30%;font-weight:400;background:rgba(0,0,0,0.05);text-align:left}
#formWrap	table.formTable td	{width:70%;white-space: wrap}

#formWrap	label	{display: block;margin: 0 0 10px 0}



/*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;font-size: 18px;
}

/*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 var(--color-p1);border: 1px solid var(--color-p1);}

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

/*必須*/
.hissu	{margin-left: 0.5em;padding: 0.1em 0.5em;background: var(--color-p1);border-radius: 5px;color: #fff;font-size: 0.85em;letter-spacing: 1px}

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

.input04	{margin: 5px 0}

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



.error-message	{}
.error-text	{color: var(--color-p1);}

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

.recaptcha-area	{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;padding-top: 30px;}
#warning	{display: block;text-align: center;font-size: 14px;}
#warning	span{display: inline-block;text-align: left;}
.g-recaptcha	{margin: 0 auto}

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

@media screen and (max-width:990px) {
.contact-inner{width:100%}

#formWrap{width:100%;margin:0}
#formWrap	table.formTable td,#formWrap	table.formTable th{width:auto;display:block}
#formWrap	table.formTable th{margin-top:20px;border-bottom:0}

.input01,
.input02,
.input03,
.input04,
textarea	{width: 100%;}
textarea	{min-height: 5em}
.thanks-message	{margin-bottom: 30px;}
}