/*-------------------------------------------------------------

content.css

-------------------------------------------------------------*/

.toiawaseContBox{
	text-align: left;
	padding:0 100px;
}

.toiawaseTopComm{
	font-size:16rem;
	line-height:1.8;
	margin:0 50px 30px 50px;
	text-align: left;
}

.toiawaseBotComm{
	font-size:14rem;
	line-height:1.8;
	margin:30px 50px 20px 50px;
	text-align: left;
}

.toiawasePrivacyBox{
	height:150px;
	overflow:auto;
	text-align:left;
	border:solid 1px #ccc;
	margin-bottom: 10px;
}
.privacyBox{
	padding:10px;
}
.privacyBox h2,
.privacyBox h3,
.privacyBox p{
	background-color:#fff;
	border:none;
	padding:0;
	font-size:13rem;
	line-height:1.8;
	margin-bottom:1em;
}


.toiawaseFormMailAlert{
	margin-bottom: 15px;
	padding:20px;
	background-color:#f3f5f4;
}
.toiawaseFormMailAlert p{
	font-size: 14rem;
	line-height:1.6;
	margin-bottom: 10px;
}
.toiawaseFormMailAlert p:last-child{
	margin-bottom: 0;
}


.toiawaseFormBox dl{
	border-bottom:dotted 1px #999;
	padding:20px 0;
	display: flex;
	align-items: center;
}
.toiawaseFormBox dt{
	float:left;
	width:30%;
	font-size: 14rem;
	line-height: 1;
}
.toiawaseFormBox dt small{
	font-size: 12rem;
	line-height: 1;
	display: inline-block;
	background-color: #099;
	padding:3px 10px;
	color:#fff;
	margin-left: 5px;
}
.toiawaseFormBox dd{
	float:left;
	width:70%;
}
.toiawaseFormBox dd label{
	float:left;
	margin-right: 2em;
}
.fotmText input,
.fotmText textarea{
	border:solid 1px #ccc;
	padding:3px;
	font-size:16rem;
	width:400px;
}
.fotmText textarea{
	width:95%;
}






.toiawaseSubmit{
	text-align: center;
	margin: 30px 0;
}

.toiawaseSubmit input{
	display: inline-block;
	color:#099;
	border: solid 1px #099;
	padding:1em 3em;
	font-size: 20rem;
	transition: 0.2s;
	background-color: #fff;
}
.toiawaseSubmit input:hover {
	background-color: #cee;
}


.toiawaseErrorBox{
	margin-bottom:2.5%;}
.toiawaseErrorBoxInner{
	border:solid 2px #c66;
	padding:10px;
	text-align:left;}
.toiawaseErrorBoxSt{
	font-size:14rem;
	line-height:1;
	padding:10px;
	margin-bottom:10px;
	color:#fff;
	background-color:#c66;
	font-weight:bold;
}
.toiawaseErrorBox p{
	font-size:15rem;
	line-height:1.8;
}


/*完了*/
.formKanryoBox{
	}

.formKanryoBox p{
	font-size:15rem;
	line-height:1.8;}

.formKanryoBox p big{
	font-size:18rem;}





/*-----834以下-----*/
@media screen and (max-width: 834px) {

	.toiawaseContBox{
		padding:0 2%;
	}
	
	.toiawaseTopComm{
		margin:0 0 5% 0;
		font-size:14rem;
	}
	
	.toiawaseBotComm{
		margin:5% 0 0 0;
		font-size:14rem;
	}
	
	.toiawasePrivacyBox{
		height:10em;
		margin-bottom: 5%;
	}
	.privacyBox{
		padding:1%;
	}
	
	
	.toiawaseFormMailAlert{
		margin-bottom:5%;
	}
	.toiawaseFormMailAlert p{
		margin-bottom: 5%;
	}
	
	
	.toiawaseFormBox dl{
		border-bottom:dotted 1px #999;
		padding:5% 0;
		display: block;
		align-items: center;
	}
	.toiawaseFormBox dt{
		float:none;
		width:auto;
		font-size: 14rem;
		margin-bottom:3%;
	}
	.toiawaseFormBox dt::before{
		content:'■';
	}
	.toiawaseFormBox dt small{
		font-size: 12rem;
		padding:1% 3%;
		margin-left: 0.5%;
	}
	.toiawaseFormBox dd{
		float:none;
		width:auto;
	}
	.toiawaseFormBox dd label{
		float:none;
		margin:0 0 2% 0;
	}
	.fotmText input,
	.fotmText textarea{
		width:96%;
	}
	.fotmText textarea{
		width:96%;
	}
	
	.toiawaseSubmit{
		margin:10% 0 0 0;
	}
	
	.toiawaseSubmit input{
		font-size:3.8vw;
		padding:3% 8%;
		transition: 0s;
	}
	
	
	.toiawaseErrorBox{
		margin-bottom:5%;}
	.toiawaseErrorBoxInner{
		padding:2%;}
	.toiawaseErrorBoxSt{
		padding:3%;
		margin-bottom:3%;
	}
	.toiawaseErrorBox p{
		font-size:14rem;
	}
	
	
	/*完了*/
	.formKanryoBox p{
		font-size:14rem;
		line-height:1.8;}
	
	.formKanryoBox p big{
		font-size:16rem;}


}
