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

body{}


.bnr{width:45%;
margin:0% 0% 0% 0%;}

#key{background:url("../img/key.png") no-repeat;
background-size: 100%;
padding-bottom: 0%;
padding-top: 4%;}


.box01{background:#fff;
margin-top: 15%;
font-size: 14px;
opacity: 89%;
padding: 5% 5%;
}

.box01 p{
padding: 5% 0%;
font-weight: bold;
color: #333333;}


	.pic{width:90%;
	margin: 5% auto;}

.pic-2{width:90%;
	margin: 5% auto;}



.no12{width:90%;
	margin: 5% auto;}

.pic{width:90%;
	margin: 5% auto;}


	.pic-s{width:38%;
	float: left;
	margin-left: 10%;
	margin-right: 0%;
	margin-top: 10%;}
	
	
		.pic-s2{width:38%;
	float: right;
	margin-left: 0%;
	margin-right:10%;
	margin-top: 10%;}



.pic-batu{width:90%;
	margin: 5% auto;}

.pic-batu02{width:90%;
	margin: 5% auto;}

.box02{
margin-top: 5%;
}



.tit{font-size: 20px;
padding: 5% 0% 0% 0%;
font-weight: bold;
color: #333333;
text-align: center;}

.txt{font-size:14px;
padding: 2% 0%;
color: #333333;
margin-top: 3%;
font-weight: bold;}

	.txt02{font-size: 14px;
	padding: 2% 0%;
color: #333333;
margin-top: 3%;
font-weight: bold;}

.y{border-left:solid 2px #E8BA41;
border-right:solid 2px #E8BA41;
border-bottom:solid 2px #E8BA41;}
.y dt{background: #E8BA41;
padding: 0%;}
.y dt img{width:100%;}
.y dd{font-size: 14px;
	background:#fff;
padding: 2%;
color: #333333;
font-weight: bold;}

.next {
width:7%;
margin: 0% auto;}

a:visited{
  color: inherit;
}


.next02 {
width:65%;
margin: 3% auto;}



	.pic-right{width:100%;

	margin-left:2% auto;
	margin-top: 10%;}


.icon img{width:3%;
padding-right: 1%;
padding-left: 7%;}

.icon02 img{width:2%;
padding-right: 1%;
vertical-align: middle;}

.icon03 img{width:2%;
padding-right: 1%;
padding-left: 12%;}

	.pic02{width:100%;
	float: left;
	margin-left: 2%;
	margin-right: 2%;
	margin-top: 10%;
font-size: 13px;
text-align: left;
font-weight: bold;}

.pic02 th{padding:0% 2% 0% 2%;
width:25%;
vertical-align:top;}
/*.small{font-size: 12px;}*/

	.we{padding-left: 11%;
	font-weight:700;}

.we02{
	font-weight:700;}

	.pic03{width:90%;

	margin-left: auto;
	margin-right: auto;
	margin-top: 10%;}

	.link{
	margin-left: 0%;
	margin-top: 2%;
font-size: 13px;}

.link a{text-decoration: underline;
color: #595757;}

.next03 {
width:55%;
margin: 10% auto;}


.tokusho a{color:#fff;
font-size: 14px;}

.pdficon img{width:5%;}	

@media only screen and (min-width: 640px) {
	
	.pdficon img{width:2%;}	
	
	
	.bnr{width:40%;
margin:3% 0% 0% 7%; }

	
	#key{background:url("../img/key.png") no-repeat;
background-size: 100%;
padding-bottom: 0%;
padding-top: 0%;}
	
	
	
	.box01{background:#fff;
margin-top: 40%;
opacity: 89%;
padding: 5% 5%;

}
	
	
	.box01 p{font-size: 18px;}
	
	
.txt{font-size: 18px;}

	.txt02{font-size: 18px;
	padding: 2% 0%;
color: #333333;
margin-top: 3%;
font-weight: bold;}

.y dt img{width:50%;}
	.y dd{font-size: 18px;
	}
	
	.pic{width:45%;
	float: left;
	margin-left: 0%;
	margin-right: 2%;
	margin-top: 10%;}
	
	
		.pic-2{width:45%;
	float: right;
	margin-left: 2%;
	margin-right: 0%;
	margin-top: 10%;}
	
	
	
	
	
		.no12{width:47%;
	width:45%;
	float: left;
	margin-left: 0%;
	margin-right: 0%;
	margin-top: 2%;}
	
	
		.no1{width:44%;
	width:48%;
	float: right;
	margin-left: 0%;
	margin-right:1%;
	margin-top: 3%;}
	
	
	
	
	
	
			.pic-batu{width:45%;
	float: left;
	margin-left: 0%;
	margin-right: 10%;
	margin-top: 0%;
	margin-bottom: 0%;}
	
	.pic-batu02{width:45%;
	float: left;
	margin-left: 0%;
	margin-right: 0%;
	margin-top: 0%;
	margin-bottom: 0%;}
	
	
	.pic-right{width:25%;
	float: right;
	margin-top: 1%;}

	
		.pic02{width:60%;
	float: left;
	margin-left: 0%;
	margin-right: 0%;
	margin-top: 10%;
font-size: 18px;}
	
	
		.pic03{width:39%;
	float: right;
	margin-left: 0%;
	margin-right: 0%;
	margin-top: 10%;}
	
/*	.small{font-size: 14px;
	}*/
	
		.we{font-size: 18px;
	font-weight: lighter;}
	

		
		.we02{font-size: 18px;
	font-weight: lighter;}
	
	
		.link{
	margin-left: 0%;
	margin-top: 3%;
font-size: 16px;}
	
	.next03 {
width:35%;
margin: 3% auto;}

}