@charset "utf-8";

/*- STYLIST -*/
.stylistB1{
	height:428px;
	background:url(../img/stylist/img02.jpg) no-repeat;
	background-size:contain;
	position:relative;
}
.stylistB1: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);
}
.stylistB2{
	height:403px;
	background:#e1cdbb;
	color:#3b2108;
	overflow:hidden;
	padding-left:55px;
	padding-top:25px;
	box-shadow:0 -15px 10px -10px rgba(0,0,0,0.1) inset;
}
.stylistB2 h5{
	display:block;
	font-size:18px;
	line-height:1.5;
	margin-bottom:5px;
	font-weight:normal;
	margin-top:20px;
}
.stylistB2 h5 span{
	padding-right:10px;
	font-weight:700;
	letter-spacing:2px;
}
.stylistB2 .name{
	font-size:22px;
	line-height:1;
	letter-spacing:4px;
}
.stylistB2 .name small{
	font-size:14px;
	padding-left:15px;
}
.stylistB2 table{
	overflow:hidden;
	font-size:20px;
	line-height:1.4;
}
.stylistB2 th{
	font-weight:normal;
}
.stylistB2 td{
	padding-left:10px;
}
.stylistB2 td:before{
	content:":";
	padding-right:10px;
}
.stylistB3{
	color:#3b2108;
  overflow: hidden;
	background:#fff;
	box-shadow:0 -15px 10px -10px rgba(0,0,0,0.1) inset;
  padding-bottom: 20px;
	position:relative;
}
.stylistB3:after {
	border: 10px solid transparent;
	content: ' ';
	height:0;
	width:0;
	position: absolute;
	border-bottom-color: #e1cdbb;
	bottom:30px;
	left:50%;
	margin:0 0 0 -10px;
	-moz-transform:scale(1,4);
	-webkit-transform:scale(1,4);
	transform:scale(1,4);
}
.stylistB3 h3{
	font-size:38px;
	line-height:1.2;
	padding:60px 0 30px;
	text-align:center;
}
.stylistB3 .subB{
	overflow:hidden;
	width:80%;
	margin:0 auto 40px;
	box-shadow:0 -15px 10px -10px rgba(0,0,0,0.1);
  padding-top:40px;
  text-align: center;
}
.stylistB3 .subB:first-of-type{
	box-shadow:none;
	padding-bottom:0;
}
.stylistB3 .subB h5{
	font-size:26px;
	line-height:1.2;
	margin-bottom:7px;
}
.stylistB3 .subB p{
	font-size:15px;
	line-height:1.8;
}
.stylistB4{
	background:#e1cdbb;
	color:#3b2108;
	overflow:hidden;
	padding:70px 0;
	text-align:center;
	position:relative;
	box-shadow:0 -15px 10px -10px rgba(0,0,0,0.1) inset;
}
.stylistB4:after {
	border: 10px solid transparent;
	content: ' ';
	height:0;
	width:0;
	position: absolute;
	border-bottom-color: #ECE4DC;
	bottom:30px;
	left:50%;
	margin:0 0 0 -10px;
	-moz-transform:scale(1,4);
	-webkit-transform:scale(1,4);
	transform:scale(1,4);
}
.stylistB4 h3{
	font-size:38px;
	line-height:1.2;
	padding:0 0 35px;
	text-align:center;
}
.stylistB4 .c1{
	font-size:26px;
	line-height:1.5;
	margin-bottom:15px;
}
.stylistB4 .c2{
	font-size:18px;
	line-height:2;
}
.stylistB5{
	background:#ECE4DC;
	color:#3b2108;
	overflow:hidden;
	padding:70px 0;
	text-align:center;
	position:relative;
	box-shadow:0 -15px 10px -10px rgba(0,0,0,0.1) inset;
}
.stylistB5 h3{
	font-size:38px;
	line-height:1.2;
	padding:0 0 35px;
	text-align:center;
}
.stylistB5 .c1{
	font-size:26px;
	line-height:1.5;
}
.stylistB5 .c2{
	font-size:18px;
	line-height:2;
	margin-bottom:10px;
}

.br480{
	display:none;
}
.br320{
	display:none;
}

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

@media screen and (max-width: 959px){
/*-- 959px以下(タブレット用)の記述 (max-width/max-device-width) --*/
.stylistB1: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);
}
.stylistB3 h3{
	font-size:33px;
}
.stylistB3 .subB{
	width:88%;
}
.stylistB3 .subB h5{
	float:none;
	font-size:22px;
	text-align:center;
}
.stylistB3 .subB p{
	float:none;
	font-size:15px;
	line-height:1.8;
}
.stylistB4 h3{
	font-size:33px;
}
.stylistB4 .c1{
	font-size:20px;
	margin-bottom:10px;
}
.stylistB4 .c2{
	font-size:14px;
}
.stylistB5 h3{
	font-size:33px;
}
.stylistB5 .c1{
	font-size:20px;
}
.stylistB5 .c2{
	font-size:14px;
	margin-bottom:6px;
}
.br480{
	display:block;
}

}

@media screen and (max-width: 479px){
/*-- 479px以下(スマートフォン用)の記述 --*/
.stylistB1{
	height:285px;
}
.stylistB2{
	height:281px;
	padding:4px 0 0 20px;
}
.stylistB2 h5{
	font-size:16px;
	line-height:1.3;
	margin-bottom:3px;
	margin-top:16px;
}
.stylistB2 h5 span{
	padding-right:10px;
}
.stylistB2 .name{
	font-size:20px;
}
.stylistB2 .name small{
	font-size:13px;
}
.stylistB2 table{
	font-size:15px;
	line-height:1.4;
}
.stylistB3 .subB{
	width:90%;
	overflow:hidden;
}

.cr320{
	display:none;
}
.br320{
	display:block;
}



.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;
}

}