@charset "utf-8";
body {
margin:0;
padding:0;
background-image:url(./a0001_012736_m.jpg);
background-repeat:no-repeat;
background-size:cover;
background-attachment:fixed;
background-position:center center;
}
/*  ↑
no-repeatで一枚　
background-size:cover;でブラウザを大きくしてもついてくる
background-attachment:fixed;

background-position:20px 60px;で表示開始位置も設定できる
*/


.container {
width:100%;
background-color:;
margin:0 auto;
}

.btn {
margin:0;
padding;0;
width:100%;
table-layout: fixed;　/*1ナビ１行の記述*/
}

.btn ul {
width:100%;
list-style-type:none;
margin:0;
padding:0;
display:table;　/*1ナビ１行の記述*/


}
.btn li {
display:table-cell;　/*1ナビ１行の記述*/

}



.btn a {

height:40px;
text-align:center;
line-height:40px;
text-decoration:none;
font-weight:bold;
background-color:rgba(125,113,206,0.8);
color:#fff;
border-right:1px solid #fff;
display:block;

}

.btn li:last-child a {
border:none;
}

.contentbox{
	height:830px;
	}

#box1{
	background:rgba(232,164,99,0.5);
	
}
#box2{
	background:rgba(255,240,153,0.5);
}
#box3{
	background:rgba(184,99,232,0.5);
}
#box4{
	background:rgba(232,164,99,0.5);
}
#box5{
	background:rgba(143,191,255,0.5);
}
#box6{
	background:rgba(240,122,122,0.5);
}

/*余白０にする　ナビげーしょんボタンで重なるので下げる*/
.contentbox h2{
	margin:0;
	padding:0;
	padding:60px 0 0 30px;

	}
/*ナビげーしょんボタンを固定*/
.btn{
	position:fixed;
}	

.contentbox h3{
	color:#AD8329;
	font-size:50px;
	text-align: center;
	font-family: serif;	
}
#icon{
	width:30px;
	height:30px;
	border-radius:15px;
	background:#E6EDF7;	
	font-size:20px;
	color:#FFFFFF;
}

.icon1{
	position:fixed;
	left:60px;
	top:300px;
	}
.icon2{
	position:fixed;
	left:60px;
	top:350px;
	}
.icon3{
	position:fixed;
	left:60px;
	top:400px;
	}
.icon4{
	position:fixed;
	left:60px;
	top:450px;
	}
.icon5{
	position:fixed;
	left:60px;
	top:500px;
	}