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




/*-------article------------*/

article{ 
	
	clear:both;
	margin-bottom:40px;

}

h1{
	width:450px;
	margin:30px auto;
	margin-bottom: 20px;
}

section li{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
	
section h2{
	margin: 0;
	margin-bottom: 30px;
	padding:10px 0 10px 30px;
	background-color:#2e8b57;
	color: #fff;
	font-size:26px;
	position: relative;
	border-radius: 6px;
}

h2::after {
	position: absolute;
	top: 98%;
	left: 30px;
	content: '';
	width: 0;
	height: 0;
	border: 10px solid transparent;
	border-top: 15px solid #2e8b57;
}
section ul{
	width: 600px;
	margin: 10px ;
	margin-left: 80px;
	padding: 0;
}

section li {
	list-style: square;
	font-size: 20px;
	margin: 15px;
	border-bottom: 2px dotted #999;
	padding-bottom: 18px;
	
	
	
}

.yuainomori_link a{
	color: #063;
	text-decoration:none;
}
.yuainomori_link a:hover{
	color:#C99;
}

.section_top, .section_middle, .section_bottom{
	
	width:800px;
	padding: 20px;
	border-radius: 3px;
	margin:0 auto;
	margin-bottom: 20px;
	background-color:#fff;
	
	
}
.section_middle ul{
	width:680px;
	margin-left: 80px;
}

.section_bottom p{
	font-size:20px;
	width: 500px;
	margin:10px ;
	margin-left: 120px;
}
.section_middle p, .section_top p{
	font-size: 18px;
	margin-left: 40px;
}


.mise_img{
	margin-right: 20px;
	float:right;
	width:150px;
}
.mise_padding{
	padding-bottom: 20px;
}
.top_img, .kyubi_img {
	margin-left: 120px;
}
.bottom_img{
	margin-left: 130px;
	width: 520px;
}

.riconasu{
	float: right;
	
	margin-right: 70px;
	margin-top:20px;
}
.bottom_riconasu {
	border: 2px dashed #9C6;
	border-radius:20px;
	float:right;
	text-align:center;
	padding:15px;
	margin-bottom: 20px;
	margin-top: -90px;
	
}
.bottom_riconasu a{
    color: #090;
}
	
.bottom_img p {
	font-size:16px;
	width: 240px;
	margin:0;
}

.kyubi_img img{
	width:150px;
	
}


.link{
	color:#F96;
}





/*-------responsive-----------*/

@media screen and (max-width: 480px){
	
	
	.section_top, .section_middle, .section_bottom{
		width:100%;
		margin:0 auto;
		padding:0;
		font-size:95%;
	}
	.section_top h2, .section_middle h2, .section_bottom h2{
		width:90%;
		font-size:120%;
		margin: 5% auto 10%;
		padding-left:5%;
	}
	.section_top ul, .section_middle ul{
		width:95%;
		margin:0 auto;
		padding:0;
	}
	.section_top li, .section_middle li{
		width:90%;
		margin:0 auto;
		padding:0;
		font-size:100%;
	}
		
	.section_middle p ,.section_bottom p {
		width:100%;
		margin:0;
		padding:0;
		font-size:105%;
	}
	.section_middle img{
		width:30%;
	}
	.section_top p{
		font-size:100%;
		padding:0;
		margin:0;
	}
	.section_bottom p {
		width:90%;
		margin:0 auto;
		padding:0;
		font-size:105%;
	}
	
	.section_top img {
		width:100%;
		height:90%;
		margin:0;
		margin-top:15px;
		padding:0;
	}
	.kyubi_img {
		width:90%;
		margin:0 20%;
		padding:0;
		}
		
	.kyubi_img img{
		margin:0 ;
		padding:0;
		
		width:30%;
	}
	.bottom_img{
		margin:0;
		padding:0;
		max-width:100%;
	}
	.riconasu{
		margin-top:40px;
		width:30%;
	}
	.brand_jpg{
		width:45%;
	}
	.bottom_riconasu{
		margin:0 8%;
		padding:2%;
		width:60%;
		height:20%;
		font-size:85%;
		text-height:25%;
		
	}
	.bottom_riconasu p:last-child{
		text-align:left;
	}
	h1{
		width:100%;
	}
	h1 img{
		width: 90%;
		display:block;
		margin:0 auto;
		padding:0;
	}
	
}