@charset "UTF-8";

h1, h2, h3, h4, h5, dt, dd{
	font-family:"Century Gothic", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
}

.wrapper{
	background-color: #DDDDDD;
	width:100%;
	padding:60px 30px 0;
	position:relative;
	top:-10px;
}

.mid-wrapper{
	width:900px;
	margin:30px auto 50px;
}

.caption{
	width:700px;
	margin:30px auto;
}

.bold_text{
	font-size:15px;
	font-weight:bold;
	color:#2f5173;
}

.big_style01, .big_style02{
	margin:50px 50px 100px;
	display:flex;
	height:auto;
	align-items: flex-start;
}

.big_style02{
	flex-flow: row-reverse;
}

.big_style01 img, .big_style02 img{
	width:500px;
}

.big_style01 img{
	padding-right:20px;
}

.big_style02 img{
	padding-left:20px;
}

.style_item_box{
	position:relative;
	padding:30px 0;
}

.big_style01 .style_item_box img, .big_style02 .style_item_box img{
	width:200px;
	margin-bottom:20px;
}

.big_style02 .style_item_box img{
	margin-left:-20px;
}

.second_wrapper{
	margin-top:50px;
}

.second_wrapper .caption{
	margin-bottom:50px;
}

.style_caption_box{
	position:relative;
	z-index:10;
	background-color:#fff;
	padding:30px;
}

.style_caption_box h1{
	letter-spacing:1px !important;
	color:#e4c4af;
}

.style_caption_box h2{
	font-size:17px;
	letter-spacing:2px !important;
	line-height: 2;
	color:#2f5173;
}

.style_caption_box p, .small_style p, .lstee-box p, .azuki_box .caption p{
	font-size:14px;
	text-align: justify;
	margin:20px 0;
}

.style_caption_box .item_list{
	margin-top:30px;
}

.item_list li, .item_list li a{
	font-size:12px;
	margin:10px 0;
}

.small_style_wrapper, .azuki_box{
	display: flex;
	height: auto;
	align-items: flex-start;
	justify-content: space-between;
	margin-bottom:70px;
}

.small_style_wrapper{
	flex-wrap: wrap;
}

.small_style, .lstee-box{
	width:400px;
	margin-bottom:50px;
}

.third_wrapper{
	width:100%;
	background:#fff;
	padding-top:30px;
}

.azuki_box{
	width:900px;
	margin:30px auto -40px;
}

.azuki_box .caption{
	position:relative;
	top:-95px;
}

.azuki_box img:first-of-type{
	width:400px;
	margin-right:30px;
}

.azuki_small{
	text-align: center;
	margin:40px 0 0 30px;
}

.azuki_small_sp, .small_caption{
	display:none;
}

.azuki_title img{
	width:100%;
}

.azuki_small .item_list{
	text-align: left!important;
	margin-top:20px;
}


@media screen and (max-width: 768px){
	
	.mid-wrapper, .caption,.third_wrapper .sp, .azuki_box, .azuki_small_sp{
		width:600px;
	}
	
	.small_style, .lstee-box{
		width:270px;
	}
	
	.small_style p, .lstee-box p{
		font-size:12px;
	}
	
	.big_style01, .big_style02, .azuki_small_sp{
		display:block;
	}
	
	.third_wrapper{
		padding-top:0;
	}
		
	.third_wrapper .sp img{
		width:400px;
		display: inline;
		margin:30px 40px;
	}
	
	.azuki_box{
		padding-bottom:50px;
		margin:0 auto;
	}
	
	.azuki_box .caption{
		position:static!important;
		margin-top:-20px;
	}
	
	.azuki_box .caption p{
		font-size:12px;
	}
	
	.azuki_box img:first-of-type{
		width:300px;
	}
	
	.azuki_small_sp{
		width:400px;
		margin:0 auto;
	}

}

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

	.wrapper{
		padding:30px 10px 0;
	}

	.mid-wrapper, .small_style_wrapper{
		width:350px;
	}
	
	.caption{
		width:100%;
		margin-bottom:30px;
	}
	
	.mid-wrapper{
		padding:0 10px 30px;
	}
		
	.bold_text{
		font-size: 13px;
		text-align: justify;
	}
	
	.big_style01, .big_style02{
		padding:0;
		margin:0 0 50px 0;
		display:block;
	}
	
	.big_style01 img, .big_style02 img{
		padding:0!important;
	}
	
	.big_style02 .style_item_box img{
	margin-left:0;
	}

	.small_style_wrapper{
		display:block;
	}
	
	.small_style, .lstee-box{
		width:330px;
		margin-left:0px;
	}
	
	.style_caption_box p{
		font-size:13px;
	}
	
	.azuki_box, .azuki_small_sp, .third_wrapper .sp{
		width:300px;
	}
	
	.azuki_box img:first-of-type{
		width:100%;
	}
	
	.third_wrapper .sp img{
		margin:0 0 30px;
		padding-left:30px;
	}

	.azuki_box{
		display:block;
		padding-bottom:0;
	}
	
	.azuki_box .caption p{
		margin-top:40px;
	}

}

/* CSS Document */