@charset "utf-8";

/*- ABOUT -*/
.aboutB1{
	height:428px;
	background:url(../img/about/img02.jpg) no-repeat;
	background-size:contain;
	position:relative;
}
.aboutB1 h3{
	font-size:36px;
	line-height:1.6;
	color:#fff;
	padding:100px 0 0 26px;
}
.aboutB1:after {
	border: 10px solid transparent;
	content: ' ';
	height:0;
	width:0;
	position: absolute;
	border-right-color: #e1cdbb;
	top:4%;
	right:30px;
	-moz-transform:scale(4,1);
	-webkit-transform:scale(4,1);
	transform:scale(4,1);
}
.aboutB2{
	height:368px;
	padding-top:60px;
	background:#e1cdbb;
	color:#3b2108;
	text-align:center;
	box-shadow:0 -15px 10px -10px rgba(0,0,0,0.1) inset;
}
.aboutB2 h3{
	display:block;
	font-size:19px;
	line-height:28px;
	margin-bottom:15px;
}
.aboutB2 p{
	font-size:15px;
	line-height:26px;
	margin-bottom:15px;
}
.aboutB3{
	height:360px;
	background:url(../img/about/img03.jpg) no-repeat;
	background-size:contain;
	position:relative;
	text-align:center;
}
.aboutB3 h3{
	color:#fff;
	font-size:38px;
	line-height:38px;
	padding-top:135px;
}
.aboutB3 p{
	color:#fff;
	font-size:18px;
	line-height:28px;
	padding-top:100px;
}
.aboutB3:after {
	border: 10px solid transparent;
	content: ' ';
	height:0;
	width:0;
	position: absolute;
	border-bottom-color: #fff;
	top:100%;
	left:50%;
	margin:-50px 0 0 -10px;
	-moz-transform:scale(1,4);
	-webkit-transform:scale(1,4);
	transform:scale(1,4);
}
.aboutB4{
	padding:50px 0 40px;
	text-align:center;
	background:#fff;
	box-shadow:0 -15px 10px -10px rgba(0,0,0,0.1) inset;
}
.aboutB4 p{
	font-size:16px;
	line-height:30px;
	color:#3b2108;
	margin-bottom:15px;
}
.aboutB5{
	height:373px;
	padding-top:55px;
	background:#e1cdbb;
	color:#3b2108;
	text-align:center;
	box-shadow:0 -15px 10px -10px rgba(0,0,0,0.1) inset;
}
.aboutB5 h3{
	display:block;
	font-size:19px;
	line-height:28px;
	margin-bottom:23px;
}
.aboutB5 p{
	font-size:15px;
	line-height:26px;
	margin-bottom:23px;
}
.aboutB6{
	height:428px;
	background:url(../img/about/img04.jpg) no-repeat;
	background-size:contain;
	position:relative;
}
.aboutB6 h3{
	color:#fff;
	font-size:38px;
	line-height:62px;
	text-align:center;
	padding-top:125px;
}
.aboutB6:after {
	border: 10px solid transparent;
	content: ' ';
	height:0;
	width:0;
	position: absolute;
	border-left-color: #e1cdbb;
	top:4%;
	left:30px;
	-moz-transform:scale(4,1);
	-webkit-transform:scale(4,1);
	transform:scale(4,1);
}
.aboutB7{
	height:428px;
	background:url(../img/about/img05.jpg) no-repeat;
	background-size:contain;
	position:relative;
}
.aboutB7 h3{
	color:#fff;
	font-size:38px;
	line-height:62px;
	padding:18px 0 0 24px;
}
.aboutB7:after {
	border: 10px solid transparent;
	content: ' ';
	height:0;
	width:0;
	position: absolute;
	border-right-color: #e1cdbb;
	top:4%;
	right:30px;
	-moz-transform:scale(4,1);
	-webkit-transform:scale(4,1);
	transform:scale(4,1);
}
.aboutB8{
	height:373px;
	padding-top:55px;
	background:#e1cdbb;
	color:#3b2108;
	text-align:center;
	box-shadow:0 -15px 10px -10px rgba(0,0,0,0.1) inset;
}
.aboutB8 h3{
	display:block;
	font-size:19px;
	line-height:28px;
	margin-bottom:23px;
}
.aboutB8 p{
	font-size:15px;
	line-height:26px;
	margin-bottom:26px;
}

.prB{
	display:inline-block;
	background: rgb(214,183,149);
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNkNmI3OTUiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjOWM3MjQ5IiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L3JhZGlhbEdyYWRpZW50PgogIDxyZWN0IHg9Ii01MCIgeT0iLTUwIiB3aWR0aD0iMTAxIiBoZWlnaHQ9IjEwMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-radial-gradient(center, ellipse cover,  rgb(214,183,149) 0%, rgb(156,114,73) 100%);
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgb(214,183,149)), color-stop(100%,rgb(156,114,73)));
	background: -webkit-radial-gradient(center, ellipse cover,  rgb(214,183,149) 0%,rgb(156,114,73) 100%);
	background: -o-radial-gradient(center, ellipse cover,  rgb(214,183,149) 0%,rgb(156,114,73) 100%);
	background: -ms-radial-gradient(center, ellipse cover,  rgb(214,183,149) 0%,rgb(156,114,73) 100%);
	background: radial-gradient(ellipse at center,  rgb(214,183,149) 0%,rgb(156,114,73) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d6b795', endColorstr='#9c7249',GradientType=1 );
	margin: 0 auto;
	font-size: 16px;
	line-height: 24px;
	font-weight: 700;
	padding:15px 45px 12px;
}
.br480{
	display:none;
}

/*-- 上：デフォルト：960px以上(PC用)の記述 --*/

@media screen and (max-width: 959px){
/*-- 959px以下(タブレット用)の記述 (max-width/max-device-width) --*/
.aboutB1:after {
	border: 10px solid transparent;
	content: ' ';
	height:0;
	width:0;
	position: absolute;
	border-bottom-color: #e1cdbb;
	top:100%;
	left:30px;
	margin-top:-50px;
	-moz-transform:scale(1,4);
	-webkit-transform:scale(1,4);
	transform:scale(1,4);
}
.aboutB3{
	height:180px;
}
.aboutB3 h3{
	font-size:28px;
	line-height:28px;
	padding-top:55px;
}
.aboutB3 p{
	font-size:15px;
	line-height:20px;
	padding-top:30px;
}
.aboutB4{
	padding:40px 0 40px;
	text-align:center;
}
.aboutB6:after {
	border: 10px solid transparent;
	content: ' ';
	height:0;
	width:0;
	position: absolute;
	border-top-color: #e1cdbb;
	left:90%;
	margin-top:10px;
	-moz-transform:scale(1,4);
	-webkit-transform:scale(1,4);
	transform:scale(1,4);
}
.aboutB7:after {
	border: 10px solid transparent;
	content: ' ';
	height:0;
	width:0;
	position: absolute;
	border-bottom-color: #e1cdbb;
	top:100%;
	left:30px;
	margin-top:-50px;
	-moz-transform:scale(1,4);
	-webkit-transform:scale(1,4);
	transform:scale(1,4);
}
.br480{
	display:block;
}

}

@media screen and (max-width: 479px){
/*-- 479px以下(スマートフォン用)の記述 --*/
.aboutB1{
	height:285px;
}
.aboutB1 h3{
	font-size:24px;
	padding:60px 0 0 20px;
}
.aboutB2{
	height:263px;
	padding-top:22px;
}
.aboutB2 h3{
	font-size:16px;
	line-height:24px;
	margin-bottom:10px;
}
.aboutB2 p{
	font-size:12px;
	line-height:20px;
	margin-bottom:10px;
}
.aboutB3{
	height:180px;
	background-size:cover;
}
.aboutB3 h3{
	font-size:19px;
	line-height:19px;
	padding-top:55px;
}
.aboutB3 p{
	font-size:12px;
	line-height:20px;
	padding-top:40px;
}
.aboutB4{
	padding:25px 0 25px;
}
.aboutB4 p{
	font-size:12px;
	line-height:20px;
	margin-bottom:15px;
}
.aboutB5{
	height:261px;
	padding-top:24px;
}
.aboutB5 h3{
	font-size:14px;
	line-height:24px;
	margin-bottom:12px;
}
.aboutB5 p{
	font-size:12px;
	line-height:20px;
	margin-bottom:12px;
}
.aboutB6{
	height:285px;
}
.aboutB6 h3{
	font-size:26px;
	line-height:46px;
	padding-top:75px;
}
.aboutB6:after {
	left:85%;
}
.aboutB7{
	height:285px;
}
.aboutB7 h3{
	color:#fff;
	font-size:26px;
	line-height:42px;
	padding:12px 0 0 16px;
}
.aboutB8{
	height:262px;
	padding-top:23px;
}
.aboutB8 h3{
	display:block;
	font-size:15px;
	line-height:24px;
	margin-bottom:12px;
}
.aboutB8 p{
	font-size:12px;
	line-height:20px;
	margin-bottom:13px;
}
.prB{
	font-size: 12px;
	line-height: 20px;
	padding:8px 18px 5px 25px;
}

}