@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&family=Noto+Serif+JP&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:940px;
	margin:50px auto 0 auto;
	padding:0 0 0 0;
}
.itemWrapper img{
	width:100%;
	height:auto;
	display: block;
}


.itemInfo{
	width:100%;
	display:flex;
	justify-content: space-between;
}
.itemInfoImg{
	width:470px;
	box-sizing: border-box;
}
.itemInfoTxt{
	width:470px;
	box-sizing: border-box;
}
.item1 .itemInfoTxt,
.item3 .itemInfoTxt{
	padding: 0 0 0 70px;
}
.item2 .itemInfoTxt{
	padding: 0 70px 0 0;
	text-align: right;
}
img.numImg{
	height:100px;
	width:auto;
	diaplay:block;
	margin: 20px 0;
}
.item2 img.numImg{
	margin: 20px 0 0 auto;
}

.itemWrapper h2{
	font-family: "Noto Sans JP", sans-serif;
	font-weight: 600;
	font-size: 25px;
	line-height: 1.2em;
	margin: 30px 0;
}

.itemInfoTxt p{
	margin: 30px 0;
	font-size: 16px;
	font-family: "Noto Sans JP", sans-serif;
	font-weight: 400;
	line-height: 1.8em;
}
.itemInfoTxt a.btnBuy{
	width:260px;
	height:60px;
	display:inline-block;
	
}
.itemInfoTxt a.btnBuy img{
	width:260px;
	height:60px;
	diaplay:block;
	
}
.item2 .itemInfoTxt a.btnBuy{
	margin: 0 auto 0 0;
}
.itemWrapper .staffCoordinte{
	width:100%;
	margin:40px auto 0 auto;
	padding:0 0 35px 0;
	display:flex;
}

.staffImg{
	width:470px;
	box-sizing: border-box;
	position: relative;
}
.item1 .staffImg,
.item3 .staffImg{
	padding: 75px 0 0 70px;
}
.item2 .staffImg{
	padding: 75px 70px 0 0;
}
.staffImg img.type{
	position: absolute;
	top:20px;
	left:0;
	display:block;
	pointer-events: none；
}
.staffImg img.type.natural{
	height:80px;
	width:auto;
}
.staffImg img.type.wave{
	height:60px;
	width:auto;
}
.staffImg img.type.straight{
	height:100px;
	width:auto;
}

.itemWrapper .staffCoordinte .staffImg:nth-last-child(1){
	margin-top:-200px;
}

.itemWrapper.item2 .staffCoordinte .staffImg{
	margin-top:-200px;
}
.itemWrapper.item2 .staffCoordinte .staffImg:nth-last-child(1){
	margin-top:0;
}

.item1 .staffImg img.type.natural,
.item3 .staffImg img.type.natural{
	top:20px;
	left:50px;
}
.item2 .staffImg img.type.natural{
	top:20px;
	left:-25px;
}

.item1 .staffImg img.type.wave,
.item3 .staffImg img.type.wave{
	top:30px;
	left:50px;
}
.item2 .staffImg img.type.wave{
	top:30px;
	left:-25px;
}

.item1 .staffImg img.type.straight,
.item3 .staffImg img.type.straight{
	top:10px;
	left:50px;
}
.item2 .staffImg img.type.straight{
	top:10px;
	left:-25px;
}

.staffImg .profile{
	width:100%;
	margin:-20px auto 0 auto;
	padding:0 0 35px 20px;
	box-sizing: border-box;
	display:flex;
	justify-content: space-between;
	gap:20px;
	align-content: flex-end;
	align-items: flex-end;
}
.staffImg .profile .profileImg{
	width:120px;
	position: relative;
}
.staffImg .profile .profileImg img.icoInsta{
	width:40px;
	height:40px;
	display: block;
	position: absolute;
	top:70px;
	left:70px;
}
.staffImg .profile .profileImg a:hover img.thumb{
	opacity: 1;
	transform: scale(110%);
}
.staffImg .profile .profileImg a:hover img.icoInsta{
	opacity: 1;
}
.staffImg .profile .profileTxt{
	width:280px;
	padding-bottom:3px;
	font-size:14px;
	line-height: 1.6em;
}
.staffImg .profile .profileTxt span{
	font-weight: bold;
	font-size:1.2em;
}









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









.btnAllWrapper{
	width:470px;
	margin: 30px auto 100px auto;
}
.btnAllWrapper img{
	width:100%;
	height:auto;
	display: block;
	margin-bottom:30px;
}
.btnAllWrapper a:hover{
	opacity: 0.6;
}