/* ----------------------------------------
	contact.html / request.html
-------------------------------------------*/

.contact .read,
.contact .sec .text{
	text-align: justify;
}
.contact .read{
	padding-bottom: 12%;
}
.contact .sec{
	padding-bottom: 20%;
}


/* form reset css */

input,
button{
	border: none;
	outline: none;
	border-radius: 0;
}
#form dd label{
	padding: 0;
	margin: 0;
}
#form dd label input{
	width: auto;
	padding: 0;
	border: 0;
	margin: 0;
}
::-webkit-input-placeholder{ color: #ddd; }
:-ms-input-placeholder{ color: #ddd; }
:-moz-placeholder{ color: #ddd; }

/*---------------------------------------------------form_cmn----------*/


#form{
}
#form dl{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	text-align: left;
	padding-bottom: 8%;
}
#form dt{
	width: 230px;
	font-weight: bold;
}
#form dd{
	width: calc(100% - 230px);
}
#form dd a{
	color: var(--green);
}
#form dd a:hover{
	opacity: var(--hover);
}
#form span.hissu,
#form span.any{
	border-radius: 4px;
	padding: 4px 8px;
	margin: 0 12px 0 0;
	font-size: 14px;
	color: #fff;
	background-color: var(--green);
}
#form span.any{
	background-color: #aaa;
}
#form dd input,
#form dd textarea{
	box-sizing: border-box;/*横幅ぴったりにする*/
	width: 100%;
	padding: 24px 20px;
	font-size: 18px;
	border-radius: 8px;
	background-color: #fff;
	border: solid 1px;
	border-color: var(--bg-sub-color);
}

/*---------------------------------------------------checkbox_btn----------*/


#form dd label{
	display: inline-block;
	padding: 24px 20px;
	margin: 0 0 16px;
	border-radius: 8px;
	line-height: 1.6;
	white-space: nowrap;/*改行禁止*/
	background-color: rgba(var(--bg-sub-color-rgb),0.3);
}
#form dd label input{  /* チェックボックスの横並び */
	width: auto;
	border: 0;
	padding: 0;
}


/*---------------------------------------------------#acceptance-btn----------*/


#form p.agree{
	padding-bottom: 4%;
}


/*---------------------------------------------------send_btn----------*/


#form .send input{
	width: 400px;
	height: 90px;
	font-size: 18px;
	letter-spacing: 0.05em;
	border-radius: 8px;
	transition: all .2s;
	color: #fff;
	background-color: var(--font-black);
}
#form .send input:hover{
	background-color: var(--green);
}


/*---------------------------------------------------Error message----------*/


.wpcf7-not-valid-tip {
	margin: 1% 0 0;
	background-color: #ffeeee;
}


@media screen and (max-width: 650px){
	
	.contact .sec{
		padding-bottom: 28%;
	}
	.contact .read{
		padding-bottom: 20%;
	}
	
	#form span.hissu,
	#form span.any{
		font-size: 11px;
	}
	#form dt,
	#form dd{
		width: 100%;
	}
	#form dt{
		padding-bottom: 4%;
	}
	#form dd input,
	#form dd textarea{
		padding: 6%;
		font-size: 16px;
	}
	
	/* send_btn----------*/
	
	#form .send input{
		width: 100%;
		height: 80px;
		font-size: 14px;
	}
}