@charset "UTF-8";
body, div, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, button, p, blockquote {
    margin: 0;
    padding: 0;
　　font-family: serif;
}
body {
	overflow: hidden;
	}

.clearfix:after{
content: '';
display: block;
height: 0;
clear: both;
visibility: hidden;

}

.bgimag{
	position: absolute;
	width:3000px;
	height:1800px;
	background-image: url(./img/back02.jpg);
	background-repeat: no-repeat;
	background-size: cover;

}


.window{
width:100%;
height:100%;
overflow: hidden;

}
/*#navi li{
	color:red;
	font-size:20px;
	float:left;
	list-style-type:none;
	width:50px;
	position:fixed;
	left:20px;
	top:30px;
	
}*/



#icon{
	width:35px;
	height:40px;
	border-radius:20px;
	background:rgba(184,99,232,0.2);	
	font-size:15px;
	color:#FFFFFF;
	line-height:40px;
	padding-left:5px;

}
#icon a{
	text-decoration: none;
	font-family: Impact, 'Comic Sans MS',fantasy; font-size:120%;
}
.icon1{
	position:fixed;
	left:40px;
	top:300px;
	}
.icon2{
	position:fixed;
	left:40px;
	top:350px;
	}
.icon3{
	position:fixed;
	left:40px;
	top:400px;
	}
.icon4{
	position:fixed;
	left:40px;
	top:450px;
	}
.icon5{
	position:fixed;
	left:40px;
	top:500px;
	}



#content1{
	width:3000px;
}
	#box1{
		width:1000px;
		height:600px;
		padding:50px 100px 100px 150px;
		float:left;
	}

	#box2{
		width:1000px;
		height:600px;
		padding:100px 100px 100px 150px;
		float:right;	
	}

#content2{
	width:3000px;
}
	#box3{
		width:1000px;
		height:600px;
		padding:100px 100px 100px 150px;
		float:left;
	}
	#box4{
		width:1000px;
		height:600px;
		padding:100px 100px 100px 150px;
		float:right;
		
	}
	
	.contentbox h1{
		font-size:60px;
		color:#EFF5F9;
		margin-bottom:20px;
		text-shadow:3px 3px 3px #5A6066;
	}
	.contentbox h2{
		font-size:30px;
		color:#EFF5F9;
		text-shadow:3px 3px 2px #5A6066;
		padding-bottom:15px;
	}
	.contentbox p{
		padding-bottom:5px;
		font-size:20px;
	}
#box4 h3{
	font-size:25px;
	}


 p, h1, h2{
    font-family: "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}