@charset "UTF-8";
body{
	background-image : url("../img/bg/01.jpg");
	font-size : 18px;
	line-height : 1.6;
	background-color : #fff;
	color : #000;
	background-repeat : no-repeat;
	background-position : center top;
	background-attachment : fixed;
	font-family: 'M PLUS 1p', sans-serif;
	width : 100%;
}

a{
	text-decoration : none;
	color : #050;
}

a:hover{
	color : #080;
	text-decoration : underline;
}

.wlink{
	text-align : right;
	font-size : 22px;
	margin-right : 20px;
}

.rtop{
	height : 150px;
}


.rcont{
	padding-top: 10px;
	padding-bottom : 30px;
	width  : 980px;
	background-color : rgba(255,255,255, 0.9); 
	margin : auto auto;
	text-align : center;
	margin-bottom : 50px;

}

h1{
	text-align : center;
	font-size : 30px;
	color : #050;
	margin-top : 50px;
	margin-bottom : 50px;
}

table{
	width : 850px;
	border-collapse : collapse;
	margin : auto auto;
	margin-top : 20px;
}

table tr{
	border-bottom : 2px dotted #080;
}

table td{
	padding-top : 5px;
	padding-bottom : 5px;
}

table td:nth-child(1){
	width : 200px;
	text-align : center;
	vertical-align : top;
	color : #040;
}

table td:nth-child(2){
	width : 650px;
	text-align : left;
}

h2{
	font-size : 22px;
	color : #050;
}

.footer{
	background-color : rgba(255,255,255, 0.9);
	height : 30px;
	text-align : center;
	width : 100%;
	padding-top : 10px;
}


.f16t{
	font-size : 16px;
}


@media screen and (max-width: 1000px)
{

	body{
		width : 100vw;
		background-image : url("../img/sbg.jpg");
		background-size : cover;
		font-size : 15px;
	}
	
	.rcont{
		width : 100%;
	}
	
	table{
		width : 90%;
	}
	
	h1{
		font-size : 22px;
	}
	
	h2{
		font-size : 21px;
	}
	
	.wlink{
		font-size : 18px;
		font-weight : bold;
	}

	.footer{
		height : 50px;
	}
	
	.bold{
		font-weight : bold;
	}
	
	.f16t{
		font-size : 14px;
	}
}