@charset "utf-8";


body {
	-webkit-text-size-adjust: 100%;
}

#contents{
	width: auto;
	padding: 0;
	background: #FFFEFA;
}

.l-main{
	padding: 0;
	width: auto;
	overflow: hidden;
	background-color: #F9FFEF;
}

.main__img{
	height: 650px;
}

.main__img img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}
.breadcrumbs {
	background: #FFFEFA;
}

[class*="section__wrapper--"] {
	padding-block: 120px;
}
	[class*="section__inner--"] {
		width: 1140px;
		margin: 0 auto;
		position: relative;
		z-index: 1;
	}
		[class*="ttl__box--"] {
			display: flex;
			gap: 14px;
			margin-bottom: 50px;
			align-items: flex-end;
		}
			[class*="section__ttl--"] {
				color: #000;
				font-family: "Aref Ruqaa";
				font-size: 60px;
				font-weight: 400;
				line-height: 1;
				letter-spacing: 0.12em;
			}
			[class*="section__sub-ttl--"] {
				color: #000;
				font-family: "Zen Old Mincho";
				font-size: 16px;
				font-weight: 400;
				line-height: 1;
				letter-spacing: 0.12em;
			}
			.js-fade-in-text span {
				display: inline-block;
				font-family: "Aref Ruqaa";
				opacity: 0;
				transition: .3s;
			}
			[class*="section__sub-ttl--"].js-fade-in-text span {
				font-family: "Zen Old Mincho";
			}
			.js-fade-in-text span.active {
				opacity: 1;
				transform: translateX(0);
			}
				.section__link {
					display: flex;
					width: 100%;
					height: 100%;
					color: #202020;
					font-family: "Zen Old Mincho";
					font-size: 16px;
					font-weight: 400;
					line-height: 1.6;
					letter-spacing: 0.04em;
					position: relative;
					border: 1px solid #959595;
					align-items: center;
					justify-content: center;
				}
				.section__link::before {
					content: "";
					position: absolute;
					background: url(../images/important-arrow.svg) no-repeat center / cover;
					width: 13px;
					height: 13px;
					right: 19px;
					top: 0;
					bottom: 0;
					margin: auto;
					transition: all .4s;
				}
				.section__link::after {
					background: #202020;
					position: absolute;
					top: 0;
					left: 0;
					content: '';
					width: 100%;
					height: 100%;
					transform: scale(0, 1);
					transform-origin: left top;
					transition: .2s cubic-bezier(0.45, 0, 0.55, 1);
					z-index: -1;
				}
				.section__link:hover {
					color: #FFFEFA;
					opacity: 1;
				}
				.section__link:hover::before {
					background: url(../images/important-arrow-on.svg) no-repeat center / cover;
				}
				.section__link:hover::after {
					transform: scale(1, 1);
				}
				.js-fadein {
					transform: translate3d(0, 30px, 0);
					transition: 1s;
					opacity: 0;
				}
				.js-fadein.animated {
					transform: translate3d(0, 0, 0);
					opacity: 1;
				}

.section__wrapper--important {
	background: url(../images/important-bg.webp) no-repeat center / cover;
}
		.ttl__box--important {
			justify-content: center;
		}
		.important__text {
			color: #202020;
			text-align: center;
			font-family: "Zen Old Mincho";
			font-size: 16px;
			font-weight: 400;
			line-height: 2;
			letter-spacing: 0.64px;
			margin-bottom: 50px;
		}
		.important__btn {
			width: 282px;
			height: 60px;
			margin: 0 auto;
		}

.section__wrapper--commitment {
	background: #FFFEFA;
}
		.commitment__shop {
			position: absolute;
			transform: rotate(90deg);
			top: 259px;
			right: -509px;
			color: #DDD;
			text-align: right;
			font-family: "Zen Old Mincho";
			font-size: 70px;
			font-weight: 600;
			line-height: 1;
			letter-spacing: 8.4px;
		}
		.commitment__list {
			display: flex;
			flex-direction: column;
		}
		[class*="commitment__item--"] {
			display: flex;
			gap: 40px;
			align-items: center;
		}
		.commitment__item--bottom {
			flex-direction: row-reverse;
		}
			.commitment__img {
				flex-shrink: 0;
				height: 530px;
			}
			.commitment__item--top .commitment__img {
				width: 534px;
			}
			.commitment__item--bottom .commitment__img {
				width: 606px;
			}
			.commitment__text-box {
				display: flex;
				flex-direction: column;
				gap: 20px;
			}
			.commitment__item--bottom .commitment__text-box {
				width: 434px;
			}
				.commitment__title {
					color: #B49E39;
					font-family: "Zen Old Mincho";
					font-size: 40px;
					font-weight: 400;
					line-height: 1.4;
					letter-spacing: 1.6px;
					display: flex;
					flex-direction: column;
					gap: 2px;
				}
				.commitment__title-small {
					color: #B49E39;
					font-family: "Zen Old Mincho";
					font-size: 22px;
					font-weight: 400;
					line-height: 1.4;
					letter-spacing: 0.88px;
				}
				.commitment__text {
					color: #202020;
					font-family: "Zen Old Mincho";
					font-size: 16px;
					font-weight: 400;
					line-height: 2;
					letter-spacing: 0.64px;
				}

.section__wrapper--menu {
	background: url(../images/menu-bg.webp) no-repeat center / cover;
	padding-block: 120px 133px;
}
		.ttl__box--menu {
			position: absolute;
			top: 0;
			right: 0;
			left: 0;
			margin: auto;
			flex-direction: column;
			align-items: center;
			gap: 21px;
		}
		.menu__recommendation-list {
			display: flex;
			gap: 36px;
		}
			.menu__recommendation-item {
				display: flex;
				flex-direction: column;
				gap: 16px;
				align-items: center;
			}
			.menu__recommendation-item:nth-child(even) {
				padding-top: 146px;
			}
				.menu__img {
					width: 356px;
					height: 300px;
					flex-shrink: 0;
				}
				.menu__text-box {
					display: flex;
					flex-direction: column;
					gap: 4px;
					align-items: center;
				}
					.menu__title {
						color: #202020;
						font-family: "Zen Old Mincho";
						font-size: 30px;
						font-weight: 400;
						line-height: 1.4;
						letter-spacing: 1.2px;
					}
					.menu__text {
						color: #202020;
						text-align: center;
						font-family: "Zen Old Mincho";
						font-size: 16px;
						font-weight: 400;
						line-height: 1.6;
						letter-spacing: 0.64px;
					}