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

*,body{
	margin:0;
	padding:0;
	font-family:'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
	}
html{
	height:100%;
	}
.head{
	width:630px;
	height:40px;
	margin:0 auto;
	}
.menu img{
	margin-right:450px;
	}		
h2{
	text-align:center;
	letter-spacing:0.2em;
	font-size:41px;
	color:#2A54A0;
	font-family:serif;
	line-height:25px;
	}	
.menu h3{
	text-align:center;
	margin-top:15px;
		}	
.menu h3 img{
	margin:0 auto;
	font-size:21px;
	font-weight:500;
	color:#F93;
	}

.head .iconmenu a{
	margin-right:20px;
	color:#fff;
	float:right;
	padding:6px 10px;
	border-radius:0 0 7px 7px;
	position:relative;
	top:-30px;
	background-color:#026EB8;
	font-size:12px;
	letter-spacing:0.1em;
	display:block;
	transition:0.4s;
	-moz-transition:0.4s;
	-webkit-transition:0.4s;
	opacity:0.7;	
	text-decoration:none;	
    }
.iconmenu a:hover{
	opacity:0.9;
	display:block;
	font-size:18px;
    }
.head .iconmenu2 a{
	color:#fff;
	float:right;
	margin-right:10px;
	padding:6px 10px;
	border-radius:0 0 7px 7px;
	position:relative;
	top:-30px;
	background-color:#026EB8;
	font-size:12px;
	letter-spacing:0.1em;
	display:block;
	transition:0.4s;
	-moz-transition:0.4s;
	-webkit-transition:0.4s;
	opacity:0.7;
	text-decoration:none;	
    }
.iconmenu2 a:hover{
	opacity:0.9;
	display:block;
	font-size:18px;
    }
.head .iconmenu3 a{
	color:#fff;
	float:right;
	margin-right:10px;
	padding:6px 10px;
	border-radius:0 0 7px 7px;
	position:relative;
	top:-30px;
	background-color:#026EB8;
	font-size:12px;
	letter-spacing:0.1em;
	display:block;
	transition:0.4s;
	-moz-transition:0.4s;
	-webkit-transition:0.4s;
	opacity:0.7;	
	text-decoration:none;	
    }
.iconmenu3 a:hover{
	opacity:0.9;
	display:block;
	font-size:18px;
    }
.panel{
		height:800px;	
		padding-top:30px;			
		}
.section4{
	height:1000px;
}	
				
.section1 {
	background:#eee url(../img/bg/bg1.gif) ;
	height:700px;
	}
.menu{
	width:630px;
	height:530px;
	 background-color:rgba(255,255,255,0.6);
	 border-radius:30px;
	 margin:0 auto;
}
.about{
	text-align:center;
	}
.about img{
	margin:0 auto;
	}
	
.about a{
	text-decoration:none;
	font-size:20px;
	color:#F0972B;
	transition:0.3s;
	-moz-transition:0.3s;
	-webkit-transition:0.3s;
	}
.about a:hover{
	opacity:0.8;}	
.about i{
	margin-top:-10px;
	}	
#section1 .about{
	margin-top:8px;
	}
#section1 .head .iconmenu a{
	opacity:0.9;}
	
#bosyu{
	position:relative;
	top:350px;
	}
		
.menu ul{
	padding:15px;
	height:270px;
	}

.menu ul li{
	width:280px;
	height:113px;
	list-style:none;
	float:left;
	background-color:#fff;
	text-align:center;
	margin:10px;
	border-radius:25px;
	color:#fff;
	}
.menu li img{
	border-radius:25px;	
	}	
.menu li a{
	color:rgba(255,255,255,0);
	border-radius:25px;
	display:block;
	transition:0.4s;
	-webkit-transition:0.4s;
	-moz-transition:0.4s;
	}
.menu li a:hover{
	width:280px;
	height:113px;
	background-color:#fff;
	opacity:0.7;
	border-radius:25px;
	}		
.menu p{
	}	
/*#foot1{
	width:100%;
	height:72px;
	background-image:url(../img/bg/bg4.gif);
	background-repeat:repeat-x;
	position:absolute;
	top:660px;
	left:0;
	}
*/	
.section2 {
	background:#eee url(../img/bg/bg2.gif);
    }
.section2 h2{
	line-height:40px;
	}
.section2 .menu{
	 background-color:#fff;
	border:2px #2A54A0 solid;
	}
.section2 .about{
	margin-top:130px;
	}	
.menu .sa1{
	font-size:22px;
	padding:25px;
	letter-spacing:0.1em;
	line-height:180%;
	}	
.menu .sa1-2{
	font-size:24px;
	color:#F63;
	letter-spacing:0.1em;
	text-align:center;
	}			
#foot2{
	width:100%;
	height:72px;
	background-repeat:repeat-x;
	position:relative;
	bottom:50px;
	left:0;
	}
	
	
.section3{
	background:#eee url(../img/bg/bg3.gif);
	}	
.section3 h2{
	line-height:32px;
	}
.section3 .menu{
	 background-color:#fff;
	 letter-spacing:0.1em;
	}
	
/*Qと鉛筆の画像*/
.s3_1{
	width:100%;
	text-align:center;
	margin-top:20px;
	margin-bottom:-20px;
	}
.s3_1 img{
	margin:0 auto;
	}	
.section3 .sa1{
	font-size:18px;
	margin-bottom:-20px;
	}	
.section3 .chui{
	color:#C33;
	font-size:21px;
	text-align:center;
	margin-top:-50px;
	}	
.section3 .about{
	margin-top:32px;
	}
.mt-50{
	margin-top:-50px;
	}		
.section4{
	background:#eee url(../img/bg/bg1.gif);
	}	
.section4 .menu{
	 background-color:#fff;
	 height:auto;
	 width:680px;
	 padding:20px;
	}
.section4 h2{
	font-size:24px;
	line-height:55px;
	}	
.section4 #formWrap{
	margin-top:10px;
	}	
.section4 form{
	margin:5px 5px 20px 5px;
	}	
.section4 .cb{
	margin-top:10px;
	}
	
	
#formWrap {
	width:540px;
	margin-left:50px;
	color:#555;
	line-height:15px;
	font-size:14px;
}
#formWrap span{
	color:#C66;}
table.formTable{
	width:560px;
	margin:0 auto;
	border-collapse:collapse;
}
#formWrap #top{
	font0size:10px;
	letter-spacing:0.1em;
	margin-top:-15px;}
table.formTable td,table.formTable th{
	padding:10px;
}
table textarea{
	width:330px;
	}
table.formTable th{
	font-weight:normal;
	background:#efefef;
	text-align:left;
	width:154px;
}
table.formTable td{
	width:380px;
}

.center{
	text-align:center;
	margin-top:5px;
	}
th,td{
	border:1px solid #ccc;
	}	
.formTable th,td{
	font-size:11px;
	}	
		

		
	
	

@media screen and (max-height:650px){
#foot1{
	background-image:none;}	
}