@charset "shift_jis";
/* CSS Document */

main {
	width: 95%;
	margin: 0 auto;
}

#title {
	margin-bottom: 5%;
}

#title h1 {
	font-size: 1.7em;
	text-align: center;
	background-color: #0F388A;
	color: #fff;
	margin: 2% 0;
	padding: 3% 1%;
	border-radius: 0.3em;
}
/*申し込みフォーム*/
#contactform {
	width: 95%;
	margin-left: 2%;
	font-size: 1.1em;
}

#contactform dl.form dl,dt,dd {
margin: 0;
padding: 0;
}
 
#contactform dl.form{
background:#BDD7F1;
border: 1px solid #36548A;
border-radius: 0.2em;
width: 100%;
}

#contactform dl.form dt,dd {
padding: 6px;
}
 
#contactform dl.form dd {
background:#E2E9F7;
}

#contactform input{
max-width:99%;
}

#contactform .btn{
text-align: center;
}

#contactform textarea{
max-width:99%;
}

#contactform .formmdc {
	text-align: center;
	font-weight: bold;
	font-size: 1.2em;
	color: #b31247;
	margin-left: -2%;
}

/*サンクスページ*/
#thanks h2 {
	font-size: 1.7em;
	text-align: center;
	background-color: #0F388A;
	color: #fff;
	margin: 2% 0;
	padding: 3% 1%;
	border-radius: 0.3em;
}

#thanks p {
	font-size: 1.1em;
}

/*960px以上*/
@media screen and (min-width: 960px) {
main {
	width: 960px;
	margin: 0 auto;
}

#title h1 {
	font-size: 2.5em;
}

/*申し込みフォーム*/
#contactform {
	width: 80%;
	margin:  0 auto;
	font-size: 1.2em;
}
	
#contactform dl.form dt,dd {
	padding-left: 3%;
}

/*サンクスページ*/
#thanks h2 {
	font-size: 2.3em;
}

#thanks p {
	font-size: 1.2em;
	margin-left: 2%;
}

}