@charset "UTF-8";

#contants{}

/* background chenge スクロールで背景画像切り替え*/
.background {
    top: 0;
    left: 0;
    right: 0;
    height: 100%; height: 100vh;
    position: fixed;
    background-position: center center;
    opacity: 0;
-webkit-background-size: cover;
        background-size: cover;
-webkit-transition: all 0.5s ease 0s;
   -moz-transition: all 0.5s ease 0s;
        transition: all 0.5s ease 0s;
}
.show .background { opacity: 1;}
.contents .wrap {
    padding: 10vh 0 50vh; /*セクション高さ*/
    position: relative;
    z-index: 2;
}




/*歩み*/
#content01_bg {
	background-image: url(../images/back_ayumi.jpg);
}
/*症状*/
#content02_bg {
	background-color: #FFFFFF;
	background-image: url(../images/wa_t.png);
	background-repeat: no-repeat;
	background-size: 45% auto;
	background-position: 15% center;
}
/*施術例*/
#content03_bg {
	background-color: #FFFFFF;
}
/*料金*/
#content04_bg {
	background-image: url(../images/back_price.jpg);
}
/*ご予約*/
#content05_bg {
	background-color: #FFFFFF;
	background-image: url(../images/wa_b.png);
	background-repeat: no-repeat;
	background-size: 30% auto;
	background-position: 90% center;
}
/*ご案内*/
#content06_bg {
	background-image: linear-gradient(rgba(0,0,0,0.0),rgba(0,0,0,0.50)),url(../images/back_info.jpg);
}
/*院の四季*/
#content07_bg {
	background-color: #fff;
}
/*footer*/
#content08_bg {
	background-image: linear-gradient(rgba(0,0,0,0.0),rgba(0,0,0,0.70)),url(../images/back_footer.jpg);
	background-position: center top;
}
#content08 .wrap {
	padding: 10vh 0;
}







/*  
#content04 .wrap {background-color: rgba(255,255,255,0.20);}
#content02 .wrap { background-color: rgba(0,255,0,0.2);}
#content08 .wrap { background-color: rgba(0,0,255,0.2);}
*/