@charset "utf-8";

body{
	background: url(images/bg.jpg) no-repeat fixed center top / cover;
}
@media (max-width:1060px){
	body{
		background: url(images/bg.jpg) no-repeat center top / cover;
	}
}

article{
	display: block;
	width: 900px;
	background: rgba(255,255,255,0.9);
	padding: 30px 40px 20px 40px;
	margin: 0 auto 60px auto;
	color: #000;
	box-sizing: border-box;
}
article > h2{
	display: block;
	line-height: 100%;
	font-size: 16px;
	border-left: #000 solid 4px;
	margin-bottom: 40px;
	padding-left: 15px;
}
article > h2 span{
	font-family:"Roboto",sans-serif;	
	font-weight: 900;
	font-size: 30px;
	line-height: 100%;
	margin-right: 20px;
}
article .ind{
	display: block;
	width: 500px;
	padding-top: 30px;
	margin: 0 auto;
}
article .ind::after{
	content: "";
	display: block;
	clear: both;
}
article .top{
	display: block;
	width: 150px;
	float: left;
	border:#999 solid 1px;
	text-align: center;
	padding: 10px;
	box-sizing: border-box;
}
article .top a{
	color: #000;
}
article .border{
	display: block;
	width: 20px;
	float: left;
	background: url(images/border.png) no-repeat left 10px;
	height: 485px;
}
article .sec{
	display: block;
	width: 300px;
	float: left;
	padding-bottom: 40px;
}
article .sec .access,
article .sec .out{
	display: block;
	padding: 20px;
	border:#999 solid 1px;
	margin-bottom: 15px;
}
article .sec .access ul li,
article .sec .out ul li{
	display: block;
	margin-top: 8px;
}
article .sec .access ul li::before{
	content: "－ ";
}
article .sec .access a,
article .sec .put a{
	color: #000;
}
article .sec .guide{
	display: block;
	padding: 10px 20px;
	border:#999 solid 1px;
	margin-bottom: 15px;
}
article .sec .guide a{
	color: #000;
}
article .sec .out a{
	display: block;
	padding-left:30px;
	background: url(images/icon.png) no-repeat left center;
	color: #000;
}
article .sec .sub{
	display: block;
	padding: 10px 20px;
	border:#999 solid 1px;
	margin-bottom: 15px;
}
article .sec .sub a{
	color: #000;
}