/* contact
-------------------------------------------*/

#wrapper .contact .sec{
	padding-bottom: 100px;
}
.contact .sec .text span{
	font-size: 13px;
	text-decoration: underline;
}

/* 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: rgba(var(--font-black-rgb),0.1); }
:-ms-input-placeholder{ color: rgba(var(--font-black-rgb),0.1); }
:-moz-placeholder{ color: rgba(var(--font-black-rgb),0.1); }

#form{
	position: relative;
	overflow: hidden;
	width: 96%;
	padding: 150px 0;
	margin: 0 auto 200px;
	border-radius: 100px;
	background-color: rgba(var(--green-rgb),0.1);
}
#form .inner{
	width: var(--page-width);
	margin: 0 auto;
	text-align: left;
}
#form dl{
	display: flex;
	justify-content: space-between;
	margin-bottom: 3%;
}
#form dt{
	width: 28%;
	font-weight: bold;
}
#form dd{
	width: 70%;
}
#form dt span{
	margin-left: 6px;
	font-size: 12px;
	line-height: 1;
	color: #fff;
	background-color: rgba(var(--font-black-rgb),0.3);/* 任意 */
	padding: 2px 10px 3px;
	border-radius: 12px;
	height: 24px;
}
#form dt span.hissu{
	background-color: var(--green);
}
#form dd .agree{
	font-size: 16px;
	padding-bottom: 3%;
}
#form dd p a{
	color: var(--green);
}
#form dd p a:hover{
	opacity: var(--hover);
}
#form dd input,
#form dd textarea{
	box-sizing: border-box;/*横幅ぴったりにする*/
	width: 100%;
	padding: 24px 20px;
	font-size: 16px;
	border-radius: 10px;
	letter-spacing: .12em;
	background-color: #fff;
	border: solid 1px rgba(var(--font-black-rgb),0.2);
}

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


#form dd label{
	display: inline-block;
	padding: 16px 30px;
	margin: 0 10px 10px 0;
	background-color: rgba(var(--green-rgb), 0.1);
}
#form dd label input{  /* チェックボックスの横並び */
	width: auto;
	border: 0;
	padding: 0;
	margin-right: 6px;
}


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


#form #check_acceptance{
	margin-right: 6px;
}


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


#form .send{
	width: 100%;
	margin: 0 auto;
	text-align: center;
}
#form .send input{
	width: 500px;
	height: 90px;
	border-radius: 45px;
	margin: 3% auto 5%;
	font-size: 16px;
	letter-spacing: .2em;
	transition: all .2s;
	color: #fff;
	background-color: var(--font-black);
}
#form .send input:hover{
	background-color: var(--green);

}


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


.wpcf7-not-valid-tip{
	color: red;
	font-size: 90%;
	padding: 0 10px;
	border-radius: 2px;
	background-color: #ffeeee;
}
.screen-reader-response ul li{
	display: none;
}


@media screen and (max-width: 650px){
	
	#wrapper .contact .sec{
		padding-bottom: 15%;
	}
	.contact .sec .text span{
		font-size: 10px;
	}
	#form{
		width: 100%;
		padding: 20% 0;
		margin: 0 auto 20%;
		border-radius: 40px;
	}
	#form .inner{
		width: 90%;
	}
	#form dl{
		flex-wrap: wrap;
		padding-bottom: 5%;
	}
	#form dt,
	#form dd{
		width: 100%;
		letter-spacing: 0;
	}
	#form dt{
		font-size: 14px;
		padding-bottom: 3%;
	}
	#form dt span{
		font-size: 11px;
		border-radius: 10px;
		height: 20px;
	}
	#form dd .agree{
		font-size: 13px;
		padding-bottom: 5%;
	}
	#form dd input,
	#form dd textarea{
		box-sizing: border-box;/*横幅ぴったりにする*/
		width: 100%;
		padding: 18px 14px;
		font-size: 14px;
		border-radius: 6px;
	}
	
	/* checkbox_btn----------*/
	
	#form dd label{
		padding: 3% 5%;
	}
	
	/* send_btn----------*/
	
	#form .send input{
		width: 100%;
		height: 70px;
		border-radius: 35px;
		font-size: 14px;
	}
}