@charset "UTF-8";
/* CSS Document */

h2{
background: url("../img/graduate.png") no-repeat center center;
background-size: 100% auto;
background-size: cover;
height: 200px;
color: #fff;
}

#info{
}
#info span{
color: #e60012;
}
#info .m-box{
margin-top: 30px
}

#formWrap {
	margin:20px auto 0;
	line-height:120%;
}
table.formTable{
	width:100%;
	margin:0 auto;
	border-collapse:separate;
	border-spacing: 10px;
}
table.formTable td,table.formTable th{
	padding:10px;
}
table.formTable th{
	width:30%;
	font-weight:normal;
	background:#add2d5;
}
table.formTable td{
	background:#dcdddd;
}
table input,textarea{
	background:#dcdddd;
	border: none;
	width: 100%;
}
table td p{
margin: 10px 0 0;
font-size: 0.9em;
}
input[type="radio"],[type="checkbox"] {
	display:inline-block;
	width: auto;
}
#formWrap p input {
margin-top: 15px;
padding: 10px 20px;
background-color: #4c4948;
color: #fff;
font-size: 0.9em;
border: none;
border-radius: 4px;
}
.attention{
margin-top: 30px;
font-size: 0.9em;
}

/*　簡易版レスポンシブ用CSS（必要最低限のみとしています。ブレークポイントも含め自由に設定下さい）　*/
@media screen and (max-width:572px) {
#formWrap {
	width:95%;
	margin:0 auto;
}
table.formTable th, table.formTable td {
	width:auto;
	display:block;
}
table.formTable th {
	margin-top:5px;
	border-bottom:0;
}
input[type="text"], textarea {
	padding:5px;
	font-size:110%;
	display:block;
}
input[type="submit"], input[type="reset"], input[type="button"] {
	display:block;
	width:100%;
	height:40px;
}
#formWrap p input:nth-of-type(2) {
margin-top: 10px;
}
}