@charset "UTF-8";
@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap);

body{
	overflow-x:hidden;
	min-width: 980px;
}


.fade-in {
  opacity: 0;
  transition-duration: 600ms;
  transition-property: opacity, transform;
  transform: translate(0, 50px);
  transition-timing-function:ease;
}

.fade-in-up{
  transform: translate(0, 50px);
}
.scroll-in{
  opacity: 1;
  transform: translate(0, 0);
}



#feature{
	/*font-family: 'Noto Serif JP', serif;*/
	color:#333;
	font-size: 14px;
	line-height: 1.6em;
}

#feature img{
	display:block;
}
#feature h1{
	width:980px;
}
#feature h1 img{
	width:980px;
	height:auto;
}



.itemWrapper{
	width:980px;
	margin:0;
	padding:0;
	box-sizing: border-box;
	display:flex;
	align-items: flex-start;
}

.itemWrapper:nth-of-type(even){
	flex-direction: row-reverse;
}
.itemWrapper img{
	width:100%;
	height:auto;
	display: block;
}
div.imgL,
div.imgS{
	width:490px;
}
div.imgL .inner{
	width:410px;
	margin:232px 0 0 80px;
	position: relative;
}
.itemWrapper:nth-of-type(even) div.imgL .inner{
	margin:232px 80px 0 0;
}
div.imgL .inner p{
	margin: 37px 0;
	text-align: center;
	font-size:14px;
	line-height: 1.8em;
	font-family: "Noto Sans JP", sans-serif;
}
div.imgL .inner .btnBuy{
	display:block;
	width:260px;
	margin: 0 auto 20px auto;
}
div.imgS .inner img{
	width:350px;
	margin:0 0 0 60px;
}
.itemWrapper:nth-of-type(even) div.imgS .inner img{
	width:350px;
	margin:0 0 0 80px;
}
.itemWrapper div.imgS .inner h2{
	margin:150px 0 82px 0;
}
.itemWrapper div.imgS .inner h2 img,
.itemWrapper:nth-of-type(even) div.imgS .inner h2 img{
	width:410px;
}


.imgL .inner::after{
	content:"";
	display: block;
	width:315px;
	height:315px;
	border-radius: 100%;
	background: #f9afb2;
	position: absolute;
	top:-120px;
	right:-170px;
	z-index:-1;
	-ms-filter: blur(130px);
	filter: blur(130px);
	opacity: 0.5;
}
.imgL .inner::before{
	content:"";
	display: block;
	width:170px;
	height:170px;
	border-radius: 100%;
	background: #f9afb2;
	position: absolute;
	bottom:50px;
	left:-50px;
	z-index:-1;
	-ms-filter: blur(130px);
	filter: blur(130px);
	opacity: 0.5;
}

.style2 .imgL .inner::after{
	width:315px;
	height:315px;
	top:-150px;
	right:-40px;
	z-index:-1;
}
.style2 .imgL .inner::before{
	width:240px;
	height:240px;
	bottom:-30px;
	left:-240px;
}


.style3 .imgL .inner::after{
	width:230px;
	height:230px;
	top:-40px;
	right:-540px;
	z-index:-1;
}
.style3 .imgL .inner::before{
	width:260px;
	height:260px;
	bottom:30px;
	left:260px;
}


.style4 .imgL .inner::after{
	width:300px;
	height:300px;
	top:-80px;
	left:-245px;
	z-index:-1;
	opacity:0.4;
}
.style4 .imgL .inner::before{
	width:260px;
	height:260px;
	bottom:30px;
	left:180px;
	opacity:0.4;
}

.itemWrapper a img{
	transition: all 0.6s ease;
}
.itemWrapper a:hover img{
	opacity: 0.5;
}


div.btnAll{
	width:100%;
	padding: 140px 0 80px 0;
	
}
div.btnAll a{
	width:490px;
	height:70px;
	display: block;
	margin: 0 auto;
}
div.btnAll a img,
a.btnBuy img{
	/*ransition: all 0.3s ease;*/
	transition: none;
}
div.btnAll a:hover img,
a.btnBuy:hover img{
	opacity: 1;
	/*background: #eff4fa;*/
	filter: brightness(0) saturate(100%) invert(88%) sepia(18%) saturate(3390%) hue-rotate(297deg) brightness(111%) contrast(94%);
}