@charset "utf-8";


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

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

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

.main__img{
	height: 650px;
}

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

[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);
			}
				.js-fadein {
					transform: translate3d(0, 30px, 0);
					transition: 1s;
					opacity: 0;
				}
				.js-fadein.animated {
					transform: translate3d(0, 0, 0);
					opacity: 1;
				}
				.section__image {
					width: 100%;
					height: 100%;
					object-fit: cover;
				}


.section__wrapper--oxygen {
	background: url(../images/oxygen__bg.webp) no-repeat center / cover;
}
	.oxygen__text {
		color: #202020;
		font-family: "Zen Old Mincho";
		font-size: 16px;
		font-weight: 400;
		line-height: 2;
		letter-spacing: 0.04em;
	}

.section__wrapper--effect {
	background: #FFFEFA;
}
	.section__inner--effect {
		display: flex;
		gap: 50px;
	}
		.effect__image-box {
			position: relative;
			width: 528px;
			min-height: 442px;
			z-index: 1;
		}
		.effect__image-box::before {
			content: "";
			position: absolute;
			background: #B49E39;
			z-index: -1;
			width: 434px;
			height: 316px;
			top: 40px;
			left: 45px;
		}
			[class*="effect__image--"] {
				position: absolute;
			}
			.effect__image--top {
				top: 0;
				left: 0;
			}
			.effect__image--bottom {
				bottom: 0;
				right: 0;
			}
		.effect__content-box {
			padding-top: 15px;
		}
			.effect__list {
				display: flex;
				flex-direction: column;
				margin-bottom: 50px;
			}
			.effect__item {
				color: #202020;
				font-family: "Zen Old Mincho";
				font-size: 16px;
				font-weight: 400;
				line-height: 2;
				letter-spacing: 0.04em;
			}
		.effect__button {
			width: 292px;
			min-height: 60px;
		}
			.effect__link {
				position: relative;
				display: flex;
				align-items: center;
				justify-content: center;
				transition: .3s;
				width: 100%;
				min-height: 60px;
				border: 1px solid #959595;
				z-index: 1;
			}
			.effect__link-text {
				color: #202020;
				font-family: "Zen Old Mincho";
				font-size: 16px;
				font-weight: 400;
				line-height: 1.6;
				letter-spacing: 0.04em;
			}
			.effect__link::before {
				content: "";
				position: absolute;
				background:url(../images/effect__arrow.svg) no-repeat center / cover;
				width: 13px;
				height: 3px;
				top: 0;
				bottom: 0;
				margin: auto;
				right: 19px;
				transition: all .4s;
				z-index: 1;
			}
			.effect__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;
			}
			.effect__link:hover {
				opacity: 1;
			}
			.effect__link:hover::before {
				background: url(../images/effect__arrow-on.svg) no-repeat center / cover;
			}
			.effect__link:hover::after {
				transform: scale(1, 1);
			}
			.effect__link:hover .effect__link-text {
				color: #FFFEFA;
			}

.section__wrapper--overview {
	background: url(../images/overview__bg.webp) no-repeat center / cover;
}
		.ttl__box--overview {
			justify-content: center;
			margin-bottom: 50px;
		}
		.overview__box {
			position: relative;
		}
		.overview__list {
			display: flex;
			flex-direction: column;
			gap: 25px;
			width: 800px;
			margin: 0 auto;
			position: relative;
		}
		[class*="overview__image--"] {
			position: absolute;
			width: 508px;
			height: 372px;
		}
		.overview__image--top {
			top: -65px;
			right: -390px;
		}
		.overview__image--bottom {
			bottom: 111px;
			left: -390px;
		}
		.overview__item {
			display: flex;
			gap: 20px;
			padding-bottom: 24px;
			border-bottom: 1px solid #E9E9E9;
			width: 800px;
		}
			[class*="overview__text--"] {
				color: #202020;
				font-family: "Zen Old Mincho";
				font-size: 16px;
				font-weight: 400;
				line-height: 1.628;
				letter-spacing: 0.04em;
			}
			.overview__text--title {
				width: 134px;
				flex-shrink: 0;
			}