@charset "utf-8";

body.sub #page-wrapper {
		background-image: -moz-linear-gradient(top, rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url("../../images/backimage/about2.jpg");
		background-image: -webkit-linear-gradient(top, rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url("../../images/backimage/about2.jpg");
		background-image: -ms-linear-gradient(top, rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url("../../images/backimage/about2.jpg");
		background-image: linear-gradient(top, rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url("../../images/backimage/about2.jpg");
		background-attachment: fixed;
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
		padding-top: 0;
	}

#main > header {
		padding: 12em 0 10em 0 ;
		background-image: -moz-linear-gradient(top, rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url("../../images/backimage/about2.jpg");
		background-image: -webkit-linear-gradient(top, rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url("../../images/backimage/about2.jpg");
		background-image: -ms-linear-gradient(top, rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url("../../images/backimage/about2.jpg");
		background-image: linear-gradient(top, rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url("../../images/backimage/about2.jpg");
		background-attachment: fixed;
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
		text-align: center;
	}
	
/*画像キャプション*/
figure {
	position: relative;
	display: inline-block;
	margin-right: 20px;
	width: 100%;
}
	figure img {
		max-width: 100%;
		vertical-align: top;
	}
	figure figcaption {
		position: absolute;
		left: 0;
		bottom: 0;
		padding: 5px 10px;
		font-size: 86%;
		color: #fff;
		background:rgba(41, 21, 6, 0.9);
	}
	
	.banner{
}
/* 幅が 767px 以下であれば */
@media (max-width:767px) { 
	.banner{
		width:100%;
}

 }