@import url('https://fonts.googleapis.com/css2?family=Zen+Kaku+Gothic+New:wght@300;400;500;700;900&display=swap');

#cform {padding: 0 0 40px 0; line-height: 200%;}

#cform .a1 {
		padding:5px;
		border:1px solid black;
		font-size:16px;
font-family: 'Zen Kaku Gothic New', sans-serif;
		width:100%;
		box-sizing:border-box;
	margin-bottom: 2px;
	height: 50px;
	}
	
	#cform .a2 {
		padding:5px;
		border:1px solid black;
		font-size:16px;
font-family: 'Zen Kaku Gothic New', sans-serif;	
		box-sizing:border-box;
		margin-bottom: 2px;
		width: 100%;
		height: 50px;
	}
	
	#cform .a3 {
		padding:5px;
		border:1px solid black;
		font-size:16px;
font-family: 'Zen Kaku Gothic New', sans-serif;		width:35%;
		box-sizing:border-box;
		margin-bottom: 2px;
		min-height: 2em;
		min-width: 7em;
		height: 50px;
	}

#cform .a4 {
		padding:5px;
		border:1px solid #ccc;
		font-size:16px;
font-family: 'Zen Kaku Gothic New', sans-serif;		width:3em;
		box-sizing:border-box;
		margin-bottom: 2px;
		min-height: 2em;
		min-width: 7em;
	}

#cform .a5 {
		padding:5px;
		border:1px solid #ccc;
		font-size:16px;
font-family: 'Zen Kaku Gothic New', sans-serif;

		width:4em;
		box-sizing:border-box;
		margin-bottom: 2px;
		min-height: 2em;
		min-width: 7em;
	}
	
	#cform .sendb,
	#cform .sendb:focus {
		padding:8px 20px;
		background-color:#7dcde6;
		color:black;
		border:solid 3px black;
		cursor:pointer;
		border-radius: 28.5px;
font-family: 'Zen Kaku Gothic New', sans-serif;		font-size: 20px;
font-weight: 700;
		text-decoration: none;
		margin-top: 40px;
		transition: 0.5s;
		
	}
	
	#cform .sendb:hover {
		background-color:#333333;
		cursor:pointer;
		color: white;
	}
	
	#cform .backb {
		padding:8px 20px;
		color:#000000;
		border:none;
		box-shadow: 0px 0px 3px #ccc;
		-webkit-box-shadow: 0px 0px 3px #ccc;
		-moz-box-shadow: 0px 0px 3px #ccc;
		cursor:pointer;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px; 
font-family: 'Zen Kaku Gothic New', sans-serif;
	}
	
	#cform .backb:hover {
		background-color:#666666;
		cursor:pointer;
	}
	
	#cform .msg {color:red;}
	
	#cform .a1:focus,
	#cform .a2:focus {
		border:1px solid #333333;
		background:url(../settings/img/contact/backw.png);
		box-shadow: 0px 0px 3px #ccc;
		-webkit-box-shadow: 0px 0px 3px #ccc;
		-moz-box-shadow: 0px 0px 3px #ccc;
}

	#cform .ctr {text-align:center; padding:10px; clear:both;}

.red {
	background-color: #f29c9f;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px; 
	padding: 2px 5px;
	color: #ffffff;
	font-size: 0.8em;
	margin-right: 5px;
}

.redp {color: red;}


.pp {
	overflow:scroll; 
	overflow-x:hidden; 
	height:100px; 
	width:660px; 
	margin:0 auto;
	padding:20px;
	border:1px solid #C0C0C0;
	text-align: left;
font-family: 'Zen Kaku Gothic New', sans-serif;	}
	
#cform p.ppt {
	width: 682px;
	background-color: #FFD4E1;
	color: #A5060B;
	padding: 5px 10px;
	margin: 20px auto 0 auto;
font-family: 'Zen Kaku Gothic New', sans-serif;}

#cform p.bigp {
font-size: 2em;
margin: 0;
padding: 30px 0;
text-align: center;
}

p.ck label.ww {
	display: inline-block;
	width: 30%;
}
@media(max-width:650px){
#cform .a1 {
	height: 40px;
	}
	
	#cform .a2 {
		height: 40px;
	}
	
	#cform .a3 {
		height: 40px;
	}
}




/*-------smp---------------------------*/
@media screen and (max-width: 640px) {
	
p.ck label.ww {
	display: inline-block;
	width: 100%;
}

#cform .a1 {width: 100%;}
#cform .a2 {width: 100%;}
#cform .a3 {width: 60%;}

.pp {
	height:100px; 
	width:100%; 
	margin:0 auto;
	padding:10px 5%;
	border:1px solid #C0C0C0;
	box-sizing: border-box;
	}
	
#cform p.ppt {
	width: 100%;
	background-color: #FFD4E1;
	padding: 5px 10px;
	margin: 20px auto 0 auto;
	box-sizing: border-box;
}

#cform p.bigp {
font-size: 1.6em;
margin: 0;
padding: 30px 0;
text-align: center;
}



}