@charset "utf-8";
   

/*
=========================================
  intro
=========================================
*/
.intro{
	text-align:center;
}
.intro h3{
	text-align:center;
	padding: 5rem 0 7rem;
	font-size:170%;
	font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	letter-spacing:0.5rem;
	font-weight: 400;
}
.intro p{
	font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size:110%;
	padding-bottom:6rem;
}


@media screen and (max-width: 1200px) {
.intro h3{
	padding: 3rem 0 3rem;
	font-size:120%;
	letter-spacing: 0.1rem;
}
.intro p{
	padding-bottom:3rem;
}

}


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


.intro p{
	padding-bottom:4rem;
	font-size:100%;
}
}




/*---------------------------------------
  hair
---------------------------------------*/
.tate{
	position:absolute;
	top:100px;
	left: -90px;
	top:0;
	font-size:250%;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	color:#666;
	min-height:300px;
}

.hair h3{
	padding-bottom:2rem;
}
.hair h4{
	font-size:130%;
}

.hair .bg_img{
    position:relative;
    margin-left:80px;
}
.hair .r_box h3{
	margin-left:70%;
}
.cont{
	width:55%;
}
.r_box .cont{
	float:right;
	position:relative;
	width:30%;
}
.hair .img{
	position:absolute;
	right:0;
	width:60%;
}

.hair .bg_img strong{
	color:#999;
	font-size:140%;
	font-weight:normal;
	display:block;
	padding:1rem 0 0.2rem;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka,  sans-serif;
}
.hair .bg_img p{
	min-height:500px;
	font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}

.sp1,.sp2,.sp3,.sp4,.sp5,.sp6,.sp7{
	overflow:hidden;
	clear:both;
	padding-bottom:5rem;
}


.sp2 .img,.sp4 .img,.sp6 .img{
	position:absolute;
	left:0;
	width:60%;
}

.images{
	padding-bottom:11rem;
}
.images img{
	width:100%;
}


.sp7 div.box p{
	min-height:auto;
	padding-bottom:3rem;
}
.sp7 div.box img{
	width:320px;
}


.otameshi{
	padding:2rem 0 7rem;
	text-align:center;
}
.otameshi p{
	padding:2rem 10%;
	text-align:center;
	background:url(../menu/img/flower.jpg) no-repeat left;
	font-family :
	YuMincho,    /* Mac用 */
	'Yu Mincho', /* Windows用 */
	serif; 
	font-size:180%;
	display:inline-block;
}

@media screen and (max-width: 1200px) {
.hair .sp1 .bg_img  p{
	min-height:350px;
}
.hair .bg_img p{
	min-height:250px;
}
.hair .img{
	width:50%;
}
.hair .r_box h3{
	margin-left:60%;
}
.r_box .cont{
	width:40%;
}
.tate{
	left: -60px;
	font-size:170%;
}
.sp1,.sp2,.sp3,.sp4,.sp5,.sp6,.sp7{
	padding-bottom:2rem;
}
.images{
	padding-bottom:7rem;
}
.otameshi p{
	background-size:22%;
	font-size:150%;
	padding:2rem 0 2rem 12%;
}
.otameshi{
	padding:1rem 0 4rem;
}
}

@media screen and (max-width: 900px) {
.tate{
	letter-spacing:0.2rem;
	font-size:150%;
	left: -50px;
	top:0;
}
.hair h4{
	font-size:115%;
}
.hair .bg_img{
    margin-left:0;
}
.hair .cont{
	margin-left:10%;
	width:90%;
}
.hair .img{
	position:relative;
	right:0;
	width:100%;
	margin-bottom:1.8rem;
}
.hair .bg_img strong{
	font-size:130%;
	padding:0.5rem 0 0.2rem;
}
.hair .r_box h3{
	margin-left:0;
}
.hair h3{
	width:60%;
	min-width:200px;
	padding-bottom:1rem;
}
.hair .sp1 .bg_img  p,
.hair .bg_img p{
	min-height:auto;
}
.sp1,.sp2,.sp3,.sp4,.sp5,.sp6,.sp7{
	padding-bottom:3rem;
}
.sp2,.sp5{
	padding-top:2rem;
	background:#F6F9F7;
	margin-bottom:2rem;
}
.sp7 div.box img{
	width:280px;
	margin:-10px 0 0 -40px;
}
.images{
	padding-bottom:3rem;
}
.otameshi{
	padding:0 0 3rem;
}
.otameshi p{
	padding:6rem 10% 0 10%;
	text-align:center;
	background:url(../menu/img/flower.jpg) no-repeat top;
	background-size:25%;
	font-family :
	YuMincho,    /* Mac用 */
	'Yu Mincho', /* Windows用 */
	serif; 
	font-size:120%;
	display:inline-block;
}
}