@charset "utf-8";@import url(https://fonts.googleapis.com/css2?family=Archivo:ital,wght@0,700;1,400&family=Noto+Sans+JP&display=swap);

.is-pc {
	display: block;
}

.is-sp {
	display: none
}

p {
	margin-bottom: 0
}

ul {
	margin: 0;
	list-style-type: none
}

@-webkit-keyframes zoom-in {
	0% {
		transform: scale(1)
	}

	100% {
		transform: scale(1.2)
	}
}

@keyframes zoom-in {
	0% {
		transform: scale(1)
	}

	100% {
		transform: scale(1.2)
	}
}

@-webkit-keyframes infinity-scroll-left {
	from {
		transform: translateX(0)
	}

	to {
		transform: translateX(-100%)
	}
}

@keyframes infinity-scroll-left {
	from {
		transform: translateX(0)
	}

	to {
		transform: translateX(-100%)
	}
}

@media(hover: hover) {
	.moe_content_wrapper .sec02 article {
		display: flex;
		flex-flow: row nowrap;
		justify-content: center;
		align-items: stretch
	}

	.moe_content_wrapper .sec02 article+article {
		margin-top: 124px
	}

	.moe_content_wrapper .sec02 article .green {
		color: #a2e4b8
	}

	.moe_content_wrapper .sec02 article .img_wrapper,
	.moe_content_wrapper .sec02 article .detail {
		width: 50vw;
		min-height: 50vw;
		padding: 20px
	}

	.moe_content_wrapper .sec02 article .img_wrapper {
		position: relative;
		display: flex;
		flex-flow: row nowrap;
		justify-content: center;
		align-items: center;
		z-index: 1
	}

	.moe_content_wrapper .sec02 article .img_wrapper .bg_img {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		z-index: -1
	}

	.moe_content_wrapper .sec02 article .img_wrapper .bg_img img {
		width: 100%;
		height: 100%;
		-o-object-fit: cover;
		object-fit: cover;
	}

	.moe_content_wrapper .sec02 article .product_img img {
		margin-bottom: 10px;
		max-width: 21.4285714286vw;
		width: 100%;
		max-height: 28.5714285714vw
	}

	.moe_content_wrapper .sec02 article .product_img p {
		font-size: .875em;
		font-weight: 400;
		line-height: 1
	}

	.moe_content_wrapper .sec02 article .product_img p a {
		color: #fff;
		text-decoration: underline
	}

	.moe_content_wrapper .sec02 article .detail {
		display: flex;
		flex-flow: column nowrap;
		justify-content: center;
		align-items: center
	}

	.moe_content_wrapper .sec02 article .detail .inner {
		max-width: 380px
	}

	.moe_content_wrapper .sec02 article .detail .green {
		margin-bottom: 48px;
		font-size: .875em
	}

	.moe_content_wrapper .sec02 article .detail .copy {
		margin-bottom: 24px;
		font-size: 1.25em
	}

	.moe_content_wrapper .sec02 article .detail .text {
		margin-bottom: 24px;
		color: #555;
		font-size: .875em
	}

	.moe_content_wrapper .sec02 article .detail .btn {
		color: #555;
		border: 1px solid #a2e4b8;
		background: rgba(0, 0, 0, 0)
	}

	.moe_content_wrapper .sec02>a:hover {
		color: #111
	}
}

.bread-crumbs {
	position: relative;
	margin-bottom: 0;
	color: #fff;
	background: rgba(0, 0, 0, .6);
	z-index: 10
}

.bread-crumbs a {
	color: #fff
}

.moe_content_wrapper {
	padding-bottom: 120px;
	background: #eee
}

.moe_content_wrapper * {
	font-family: "Archivo", "Noto Sans JP", sans-serif;
	font-feature-settings: "palt" on
}

.moe_content_wrapper .sec_fv {
	margin-top: -45px
}

.moe_content_wrapper .sec_fv .swiper-wrap {
	margin: 0 calc(50% - 50vw);
	max-width: 100vw;
	position: relative;
	overflow: hidden
}

.moe_content_wrapper .sec_fv .swiper-slide-active .slide-img,
.moe_content_wrapper .sec_fv .swiper-slide-duplicate-active .slide-img,
.moe_content_wrapper .sec_fv .swiper-slide-prev .slide-img {
	-webkit-animation: zoom-in 10s linear 0s 1 normal both;
	animation: zoom-in 10s linear 0s 1 normal both
}

.moe_content_wrapper .sec_fv .slide-img img {
	-o-object-fit: cover;
	object-fit: cover;
	height: 100vh;
	width: 100vw
}

.moe_content_wrapper .sec_scroll .scroll-infinity__wrap {
	display: flex;
	overflow: hidden
}

.moe_content_wrapper .sec_scroll .scroll-infinity__list--left {
	display: flex;
	list-style: none;
	-webkit-animation: infinity-scroll-left 200s infinite linear .5s both;
	animation: infinity-scroll-left 200s infinite linear .5s both
}

.moe_content_wrapper .sec_scroll .scroll-infinity__list--left_02 {
	display: flex;
	list-style: none;
	-webkit-animation: infinity-scroll-left 380s infinite linear .5s both;
	animation: infinity-scroll-left 380s infinite linear .5s both
}

.moe_content_wrapper .sec_scroll .scroll-infinity__item.item01 {
	width: 92vw
}

.moe_content_wrapper .sec_scroll .scroll-infinity__item.item02 {
	width: 100vw
}

.moe_content_wrapper .sec_scroll .scroll-infinity__item.item03 {
	width: 182.5714285714vw
}

.moe_content_wrapper .sec_scroll .scroll-infinity__item>img {
	width: 100%
}

.moe_content_wrapper h2 {
	margin-bottom: 0;
	color: #ccc;
	font-size: 5em;
	font-weight: bold;
	line-height: 1;
	text-align: center
}

.moe_content_wrapper h2+p {
	margin-bottom: 65px;
	color: #111;
	font-size: .875em;
	line-height: 1;
	text-align: center
}

.moe_content_wrapper .btn {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 176px;
	height: 56px;
	color: #111;
	background: #f8f8f8
}

.moe_content_wrapper .sec_mv img {
	width: 100%;
}

.moe_content_wrapper .sec01 {
	margin: 126px 0 120px;
	text-align: center
}

.moe_content_wrapper .sec01 .swiper-wrap {
	overflow: hidden;
	margin-bottom: 30px;
}

.moe_content_wrapper .sec01 .item-list-link {
	color: #ccc;
	font-size: 2em;
	line-height: 1;
	text-decoration: underline;
	transition: color .5s;
	font-family: "Libre Baskerville", serif;
	font-weight: 700;
	font-style: normal;
}

.moe_content_wrapper .sec02 {
	margin: 126px 0 120px;
	text-align: center
}

.moe_content_wrapper .sec02 article {
	display: flex;
	flex-flow: row nowrap;
	justify-content: center;
	align-items: stretch;
	text-align: left
}

.moe_content_wrapper .sec02 article+article {
	margin-top: 124px
}

.moe_content_wrapper .sec02 article:last-of-type {
	margin-bottom: 120px
}

.moe_content_wrapper .sec02 article .green {
	color: #a2e4b8
}

.moe_content_wrapper .sec02 article .img_wrapper,
.moe_content_wrapper .sec02 article .detail {
	width: 50vw;
	min-height: 50vw;
	padding: 20px
}

.moe_content_wrapper .sec02 article .img_wrapper {
	position: relative;
	display: flex;
	flex-flow: row nowrap;
	justify-content: center;
	align-items: center;
	z-index: 1;
	overflow: hidden;
}

.moe_content_wrapper .sec02 article .img_wrapper .bg_img {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: -1
}

.moe_content_wrapper .sec02 article .img_wrapper .bg_img.left {
	opacity: 0;
	visibility: hidden;
	transition: all 1s;
	transform: translateX(-100%);
}

.moe_content_wrapper .sec02 article .img_wrapper .bg_img.right {
	opacity: 0;
	visibility: hidden;
	transition: all 1s;
	transform: translateX(100%);
}

.moe_content_wrapper .sec02 article .img_wrapper .bg_img.is-active {
	opacity: 1;
	visibility: visible;
	transform: translateX(0);
}

.moe_content_wrapper .sec02 article .img_wrapper .bg_img img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
}

.moe_content_wrapper .sec02 article .product_img img {
	margin-bottom: 10px;
	max-width: 21.4285714286vw;
	width: 100%;
	max-height: 28.5714285714vw
}

.moe_content_wrapper .sec02 article .product_img p {
	font-size: .875em;
	font-weight: 400;
	line-height: 1
}

.moe_content_wrapper .sec02 article .product_img p a {
	color: #fff;
	text-decoration: underline
}

.moe_content_wrapper .sec02 article .detail {
	display: flex;
	flex-flow: column nowrap;
	justify-content: center;
	align-items: center
}

.moe_content_wrapper .sec02 article .detail .inner {
	max-width: 380px
}

.moe_content_wrapper .sec02 article .detail .green {
	margin-bottom: 48px;
	font-size: .875em
}

.moe_content_wrapper .sec02 article .detail .copy {
	margin-bottom: 24px;
	font-size: 1.25em
}

.moe_content_wrapper .sec02 article .detail .text {
	margin-bottom: 24px;
	color: #555;
	font-size: .875em
}

.moe_content_wrapper .sec02 article .detail .item {
	display: flex;
	justify-content: space-around;
}

.moe_content_wrapper .sec02 article .detail .item .item-link {
	width: 40%;
}

.moe_content_wrapper .sec02 article .detail .btn {
	color: #555;
	border: 1px solid #a2e4b8;
	background: rgba(0, 0, 0, 0)
}

.moe_content_wrapper .sec_about {
	text-align: center;
	padding: 50px;
}

.moe_content_wrapper .sec_about article {
	width: 50%;
	margin: auto;
}

.moe_content_wrapper .sec_about article .about_ttl {
	font-size: 26px;
	color: #000;
	margin-bottom: 40px;
	font-family: "Libre Baskerville", serif;
	font-weight: 700;
	font-style: normal;
}

.moe_content_wrapper .sec_about article .detail .green {
	color: #a2e4b8;
	margin-bottom: 48px;
	font-size: .875em
}

.moe_content_wrapper .sec_about article .detail .copy {
	margin-bottom: 24px;
	font-size: 1.25em
}

.moe_content_wrapper .sec_about article .detail .text {
	margin-bottom: 24px;
	color: #555;
	font-size: .875em
}

.moe_content_wrapper .sec_about article .about_img_wrapper {
	width: 85%;
	margin: 100px auto 0;
}

@media screen and (max-width: 768px) {
	.is-pc {
		display: none;
	}

	.is-sp {
		display: block
	}

	.moe_content_wrapper {
		padding-bottom: 21.3333333333vw
	}

	.moe_content_wrapper .sec_fv {
		margin-top: 0
	}

	.moe_content_wrapper .sec_scroll .scroll-infinity__list--left {
		-webkit-animation: infinity-scroll-left 200s infinite linear .5s both;
		animation: infinity-scroll-left 200s infinite linear .5s both
	}

	.moe_content_wrapper .sec_scroll .scroll-infinity__list--left_02 {
		-webkit-animation: infinity-scroll-left 380s infinite linear .5s both;
		animation: infinity-scroll-left 380s infinite linear .5s both
	}

	.moe_content_wrapper .sec_scroll .scroll-infinity__item.item01 {
		width: 156.2666666667vw
	}

	.moe_content_wrapper .sec_scroll .scroll-infinity__item.item02 {
		width: 180vw
	}

	.moe_content_wrapper .sec_scroll .scroll-infinity__item.item03 {
		width: 310.1069333333vw
	}

	.moe_content_wrapper h2 {
		margin-bottom: 2.1333333333vw;
		font-size: 12.8vw;
	}

	.moe_content_wrapper h2+p {
		margin-bottom: 10.6666666667vw;
		font-size: 3.2vw;
		letter-spacing: .52em;
		text-align: left
	}

	.moe_content_wrapper .btn {
		width: 46.9333333333vw;
		height: 14.9333333333vw
	}

	.moe_content_wrapper .sec01 .item-list-link {
		font-size: 6.8vw;
	}

	.moe_content_wrapper .sec02 {
		margin: 21.3333333333vw 0
	}

	.moe_content_wrapper .sec02 article {
		flex-flow: column nowrap;
		justify-content: center;
		align-items: center;
		text-align: center
	}

	.moe_content_wrapper .sec02 article:nth-of-type(2n) {
		flex-flow: column-reverse nowrap
	}

	.moe_content_wrapper .sec02 article+article {
		margin-top: 18.9333333333vw
	}

	.moe_content_wrapper .sec02 article:last-of-type {
		margin-bottom: 18.9333333333vw
	}

	.moe_content_wrapper .sec02 article .img_wrapper,
	.moe_content_wrapper .sec02 article .detail {
		width: 100vw;
		min-width: unset;
		padding: 0
	}

	.moe_content_wrapper .sec02 article .img_wrapper {
		min-height: 100vw
	}

	.moe_content_wrapper .sec02 article .product_img img {
		margin-bottom: 2.9333333333vw;
		max-width: 48.8vw;
		max-height: 65.0666666667vw
	}

	.moe_content_wrapper .sec02 article .product_img p {
		font-size: 3.7333333333vw
	}

	.moe_content_wrapper .sec02 article .product_img .price {
		margin-top: 1.0666666667vw
	}

	.moe_content_wrapper .sec02 article .detail {
		margin-top: 8.5333333333vw
	}

	.moe_content_wrapper .sec02 article .detail .inner {
		max-width: 74.4vw
	}

	.moe_content_wrapper .sec02 article .detail .green {
		margin-bottom: 6.4vw;
		font-size: 3.7333333333vw
	}

	.moe_content_wrapper .sec02 article .detail .copy {
		margin-bottom: 6.4vw;
		font-size: 5.3333333333vw
	}

	.moe_content_wrapper .sec02 article .detail .text {
		margin-bottom: 6.4vw;
		font-size: 3.7333333333vw;
		text-align: left
	}

	.moe_content_wrapper .sec02 article .detail .btn {
		margin: 0 auto;
		border: 0.2666666667vw solid #a2e4b8
	}

	.moe_content_wrapper .sec02>a {
		font-size: 12.8vw
	}

	.moe_content_wrapper .sec_about article {
		width: 100%;
	}

	.moe_content_wrapper .sec_about article .about_ttl {
		font-size: 5vw;
	}

	.moe_content_wrapper .sec_about article .about_img_wrapper {
		width: 100%;
	}

	.moe_content_wrapper .sec_about article .detail .copy {
		font-size: 3.7333333333vw;
	}
}