@charset "UTF-8";
/* @import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@200..900&family=Shippori+Mincho+B1&display=swap'); */

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


.fadein,
.fadein-up,
.fadein-down,
.fadein-left,
.fadein-right {
	opacity: 0;
}

.fadein-up {
	transform: translate(0, 40px);
}

.fadein-down {
	transform: translate(0, -40px);
}

.fadein-left {
	transform: translate(-40px, 0);
}

.fadein-right {
	transform: translate(40px, 0);
}

.fadein.scroll-in {
	opacity: 1;
	transition-duration: 2000ms;
	transition-property: opacity;
	transition-timing-function: ease;
}

.fadein-up.scroll-in,
.fadein-down.scroll-in,
.fadein-left.scroll-in,
.fadein-right.scroll-in {
	opacity: 1;
	transform: translate(0, 0);
	transition-duration: 1000ms;
	transition-property: opacity, transform;
	transition-timing-function: ease;
}

#feature .itemWrapper .innerWrapper .bgImg.fadein.scroll-in {
	transition-delay: 300ms;
}


#feature {
	font-family: 'Noto Serif JP', serif;
	color: #333;
	font-size: 13px;
	line-height: 1.6em;
	overflow: hidden;
}

#feature img {
	display: block;
}

#feature h1 {
	width: 980px;
}

#feature h1 img {
	width: 980px;
	height: auto;
	overflow: hidden;
}

#feature .stickyBgImg {
	position: sticky;
	top: 0;
	opacity: 0.6;
}

#feature h2,
#feature h2 a {
	font-family: "Shippori Mincho B1", serif;
	color: #a19d99;
	font-size: 50px;
	font-weight: 500;
	line-height: 1.1em;
	margin: 0 0 0 0;
	min-height: 4.6em;
	display: flex;
	align-items: center;
}

#feature h2 a:hover {
	text-decoration: none;
}


#feature .itemWrapper a {
	display: block;
	overflow: hidden;
	background: #fff;
}

#feature .itemWrapper a img {
	transition: all 0.4s ease;
}

#feature .itemWrapper a:hover img {
	opacity: 0.75;
	transform: scale(1.1);
}






.itemWrapper img {
	width: 100%;
	height: auto;
	display: block;
}

#feature .itemWrapper {
	width: 860px;
	box-sizing: border-box;
	margin: 80px auto 0 auto;
	padding: 0;
}

#feature .itemWrapper .innerWrapper {
	position: relative;
}

#feature .itemWrapper.style1 .innerWrapper .img1 {
	width: 490px;
	height: auto;
	display: block;
}

#feature .itemWrapper.style1 .innerWrapper .img2 {
	width: 540px;
	height: auto;
	display: block;
}

#feature .itemWrapper .innerWrapper .bgImg {
	width: 500px;
	height: 640px;
}

#feature .itemWrapper .innerWrapper .txt1 {
	width: 430px;
	height: auto;
	display: block;
}

#feature .itemWrapper .innerWrapper .txt2 {
	width: 430px;
	height: auto;
	display: block;
}




/* style1 */
#feature .itemWrapper.style1 {
	height: 1200px;
}

#feature .itemWrapper.style1 .innerWrapper .img1 {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
}

#feature .itemWrapper.style1 .innerWrapper .img2 {
	position: absolute;
	top: 580px;
	right: 0;
	z-index: 1;
}

#feature .itemWrapper.style1 .innerWrapper .bgImg {
	position: absolute;
	top: -195px;
	right: 0;
}

#feature .itemWrapper.style1 .innerWrapper .txt1 {
	position: absolute;
	top: 445px;
	right: 0;
}

#feature .itemWrapper.style1 .innerWrapper .txt2 {
	position: absolute;
	top: 640px;
	left: 0;
}



/* style2 */
#feature .itemWrapper.style2 {
	height: 1380px;
}

#feature .itemWrapper.style2 .innerWrapper .img1 {
	width:490px;
	height:640px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}

#feature .itemWrapper.style2 .innerWrapper .img2 {
	width:430px;
	height:490px;
	position: absolute;
	top: 580px;
	right: 0;
	z-index: 2;
}

#feature .itemWrapper.style2 .innerWrapper .bgImg {
	position: absolute;
	top: 180px;
	right: 80px;
	z-index: -1;
}

#feature .itemWrapper.style2 .innerWrapper .txt1 {
	position: absolute;
	top: 0;
	right: 0;
}

#feature .itemWrapper.style2 .innerWrapper .txt2 {
	position: absolute;
	top: 820px;
	left: 0;
}



/* style3 */
#feature .itemWrapper.style3 {
	height: 1140px;
}

#feature .itemWrapper.style3 .innerWrapper .img1 {
	width:490px;
	height:640px;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 1;
}

#feature .itemWrapper.style3 .innerWrapper .img2 {
	width:430px;
	height:490px;
	position: absolute;
	top: 335px;
	left: 0;
	z-index: 2;
}

#feature .itemWrapper.style3 .innerWrapper .bgImg {
	position: absolute;
	top: 190px;
	left: 85px;
	z-index: -1;
}

#feature .itemWrapper.style3 .innerWrapper .txt1 {
	position: absolute;
	top: 0;
	left: 0;
}

#feature .itemWrapper.style3 .innerWrapper .txt2 {
	position: absolute;
	top: 640px;
	right: 0;
}



/* style4 */
#feature .itemWrapper.style4 {
	height: 1355px;
}

#feature .itemWrapper.style4 .innerWrapper .img1 {
	width:490px;
	height:640px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
}

#feature .itemWrapper.style4 .innerWrapper .img2 {
	width:430px;
	height:490px;
	position: absolute;
	top: 540px;
	right: 0;
	z-index: 1;
}

#feature .itemWrapper.style4 .innerWrapper .bgImg {
	position: absolute;
	top: 180px;
	right: 45px;
	z-index: -1;
}

#feature .itemWrapper.style4 .innerWrapper .txt1 {
	position: absolute;
	top: 0;
	right: 0;
}

#feature .itemWrapper.style4 .innerWrapper .txt2 {
	position: absolute;
	top: 640px;
	left: 0;
}


/* style5 */
#feature .itemWrapper.style5 {
	height: 1155px;
}

#feature .itemWrapper.style5 .innerWrapper .img1 {
	width:490px;
	height:640px;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 2;
}

#feature .itemWrapper.style5 .innerWrapper .img2 {
	width:430px;
	height:490px;
	position: absolute;
	top: 380px;
	left: 0;
	z-index: 1;
}

#feature .itemWrapper.style5 .innerWrapper .bgImg {
	position: absolute;
	top: -145px;
	left: 225px;
	z-index: -1;
}

#feature .itemWrapper.style5 .innerWrapper .txt1 {
	position: absolute;
	top: 0;
	left: 0;
}

#feature .itemWrapper.style5 .innerWrapper .txt2 {
	position: absolute;
	top: 735px;
	right: 0;
}








.btnAllWrapper {
	text-align: center;
	width: 465px;
	margin: 0 auto;
	padding-top: 0;
	padding-top: 120px;
	padding-bottom: 80px;
}

.btnAllWrapper img {
	width: 465px;
	height: auto;
	display: block;
}

.btnAllWrapper .btnAll img {
	transition: all 0.4s ease;
}

.btnAllWrapper .btnAll:hover img {
	opacity: 0.6;
	;
}