@charset "utf-8";
/* CSS Document */
body, h1, h2, h3, h4, h5, h6 {
margin: 0px;
}
body * {
box-sizing:border-box;
font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
}
img {
	vertical-align: bottom;
}
.clearfix::after{
  content: "";
  display: block;
  clear: both;
}

.wrap {
	width:100%;
}
.section1 {
	text-align: center;
	width: 100%;
	max-width: 1100px;
	margin: auto;
}
.section2 {
	text-align: center;
	width: 100%;
	max-width: 1000px;
	margin: auto;
}
.section3 {
	text-align: center;
	width: 100%;
	max-width: 1150px;
	margin: auto;
}
#top {
	background: linear-gradient(#ffffff, #ffe1eb);
}
#top .section3 {
	background:url("/img/lotion_rich/img1.png") no-repeat center top;
	background-size: cover;
}
#box1 {
	background:url("/img/lotion_rich/bk1.jpg") no-repeat center top;
	background-size: cover;
	background-attachment: fixed;
}
#box2 {
	background:url("/img/lotion_rich/bk2.jpg") no-repeat center top;
	background-size: cover;
}
#box2 .section1 {
	background:url("/img/lotion_rich/img4.png") no-repeat left top;
	background-size: 100% auto;
}
#box3 {
	background:url("/img/lotion_rich/img6.jpg") repeat;
	background-attachment: fixed;
}
#box3 .section1 {
	background:url("/img/lotion_rich/img8.png") no-repeat left top;
	background-size: 100% auto;
}
#box3 dl dt, #box3 dl dd {
	float:left!important;
	margin: 0px;
	padding: 0px;
}
/* 画面外にいる状態 */
.fadein {
    opacity : 0.1;
    transform : translate(0, 20px);
    transition : all 2100ms;
    }
/* 画面内に入った状態 */
.fadein.scrollin {
    opacity : 1;
    transform : translate(0, 0);
    }
.fadein:nth-of-type(2) {
    -moz-transition-delay:300ms;
    -webkit-transition-delay:300ms;
    -o-transition-delay:300ms;
    -ms-transition-delay:300ms;
    }
.fadein:nth-of-type(3) {
    -moz-transition-delay:600ms;
    -webkit-transition-delay:600ms;
    -o-transition-delay:600ms;
    -ms-transition-delay:600ms;
    }
.fadein:nth-of-type(4) {
    -moz-transition-delay:900ms;
    -webkit-transition-delay:900ms;
    -o-transition-delay:900ms;
    -ms-transition-delay:900ms;
    }
.fadein:nth-of-type(5) {
    -moz-transition-delay:1200ms;
    -webkit-transition-delay:1200ms;
    -o-transition-delay:1200ms;
    -ms-transition-delay:1200ms;
    }
.fadein:nth-of-type(6) {
    -moz-transition-delay:1500ms;
    -webkit-transition-delay:1500ms;
    -o-transition-delay:1500ms;
    -ms-transition-delay:1500ms;
    }
/* 画面内に入った状態 */
.fadein.scrollin {
    opacity : 1;
    transform : translate(0, 0);
    }
#box4 {
	background:url("/img/lotion_rich/bk3.jpg") no-repeat center top;
	background-size: cover;
}
#box5 {
	background: #459ada;
	
}
#box5 .section1 {
	background:url("/img/lotion_rich/img11.jpg") no-repeat center top;
	background-size: cover;
}
#box6 {
	background:url("/img/lotion_rich/bk4.jpg") no-repeat center top;
	background-size: cover;
	background-attachment: fixed;
}
#box7 {
	background:url("/img/lotion_rich/bk3.jpg") no-repeat center top;
	background-size: cover;
}
.btnbox {
	position:relative;
}
.btn {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	max-width: 1000px;
}
a:hover img{
    cursor:pointer;
    filter: alpha(opacity=80);        /* ie lt 8 */
    -ms-filter: "alpha(opacity=60)";  /* ie 8 */
    -moz-opacity:0.8;                 /* FF lt 1.5, Netscape */
    -khtml-opacity: 0.8;              /* Safari 1.x */
    opacity:0.8;
    zoom:1;
}
/*===============================================
●sp
===============================================*/

@media screen and (max-width:860px){
	div{
		margin: 0px;
		padding: 0px;
		line-height: 0px;
	}
	div img {
	vertical-align: top;
}

}