/* **********************
 * OneYear 固定ページ
********************** */

.oneyear-section__inner {
	max-width: 1120px;
	margin: 0 auto;
}

.oneyear-section__en {
	margin: 0 0 16px;
	color: #c28316;
	font-family: "berthold-baskerville-pro", "Baskervville", "Libre Baskerville", serif;
	font-size: 18px;
	letter-spacing: 0.14em;
	text-align: center;
	text-transform: lowercase;
}

.oneyear-section__title {
	color: #4b4947;
	font-size: 4.8rem;
	text-align: center;
	font-weight: 700;
}
.oneyear-section__inner .c {
	text-align: center;
}

.oneyear-product {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(320px, 44%);
	align-items: start;
	gap: clamp(32px, 5vw, 72px);
	align-items: center;
	margin-top: 72px;
}

.oneyear-product__title {
	margin: 0 0 24px;
	color: #4b4947;
	font-family: "黎ミン M", "Reimin M", serif;
	font-size: 3.4rem;
	line-height: 1.5;
	font-weight: 500;
}

.sub-ttl {
    font-family: "Ryumin Regular KL", serif;
    font-size: clamp(1.75rem, 1.324rem + 1.89vw, 2.625rem);
    font-weight: 400;
	line-height: 1.5;
}

.oneyear-product__text p {
	margin: 0 0 18px;
	color: #4b4947;
	font-size: 1.5rem;
	line-height: 2;
}

.oneyear-placeholder {
	display: grid;
	place-items: center;
	aspect-ratio: 4 / 3;
	background: rgba(255, 255, 255, 0.6);
	border: 1px solid rgba(103, 92, 72, 0.18);
	color: #9b8c78;
	font-size: 13px;
	letter-spacing: 0.12em;
}

.oneyear-linkBox {
	padding: 20px 0;
	display: flex;
	align-items: flex-end;
}
.oneyear-qr {
	width: 84px;
	height: 84px;
	margin: 16px;
}
.oneyear-linkBox__label {
	margin: 0 0 8px !important;
	font-size: 14px !important;
	line-height: 1.6 !important;
}

.oneyear-linkBox a {
	color: #4b4947;
	word-break: break-all;
	text-decoration: underline;
	text-underline-offset: 4px;
}

.oneyear-noteBox p {
	margin: 0;
	color: #4b4947;
	font-size: 15px;
	line-height: 2;
}

.oneyear-noteBox__small {
	margin-top: 16px !important;
	font-size: 13px !important;
}

.oneyear-spec {
	margin-top: 24px;
}

.oneyear-spec p {
	margin-bottom: 6px;
	font-size: 14px;
	line-height: 1.8;
}
.oneyear-spec p.oneyear-indent {
	margin-left: 42px;
}

.oneyear-posterSamples {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 16px;
	align-items: end;
}

.oneyear-posterSamples div {
	text-align: center;
}

.oneyear-posterSamples img {
	display: block;
	width: 100%;
	height: auto;
	margin: 0 auto;
}

.oneyear-posterSamples span {
	display: block;
	margin-top: 12px;
	color: #6c5b46;
	font-size: 18px;
	font-weight: 700;
}

.oneyear-board-pict {
	display: grid;
	grid-auto-flow: column;
	align-items: end;
	gap: 10px;
}

@media (max-width: 767px) {
	.oneyear-product:first-of-type .oneyear-product__title::before {
		content: "";
		display: block;
		width: 40px;
		height: 1px;
		margin: 0 auto 40px;
		background: #888;
	}
	
	.oneyear-section__title {
		margin: 0 0 10px;
		text-align: left;
		line-height: 1.3;
		font-size:3.5rem;
		letter-spacing: -0.02em;
	}

	.oneyear-product,
	.oneyear-product--reverse {
		display: block;
		margin-top: 35px;
	}

	.oneyear-product--reverse .oneyear-product__text,
	.oneyear-product--reverse .oneyear-product__visual {
		order: initial;
	}
	
	.oneyear-product__title {
		font-size: 2.8rem;
		margin: 0 0 10px;
	}

	.oneyear-product__visual {
		margin-top: 28px;
	}

	.oneyear-linkBox {
		padding: 18px 16px;
	}

	.oneyear-noteBox {
		margin-top: 48px;
		padding: 24px 18px;
	}

	.oneyear-posterSamples {
		grid-template-columns: 1fr;
		gap: 28px;
	}

	.oneyear-posterSamples img {
		max-width: 280px;
	}
	.oneyear-section__inner .c {
		text-align: left;
	}
}

/*ファーストビューイメージ変更*/
.oneyear-pageHead .l-pageHead__en {
	color: #d67392;
}
.oneyear-pageHead h1,
.oneyear-pageHead .sub-ttl,
.oneyear-pageHead .l-pageHead__note {
    color: #fff;
}
.page-slug-oneyear .l-pageHead.oneyear-pageHead {
	position: relative;
	background-image: url("/wp-content/themes/proporse-child/assets/images/header/page_oneyear-03.png");
}
.page-slug-oneyear .l-pageHead.oneyear-pageHead::before {
	content: "";
	position: absolute;
	inset: 0;
	background: rgba(0, 0, 0, 0.55);
}
.page-slug-oneyear .l-pageHead.oneyear-pageHead .l-pageHead__inner {
	position: relative;
	z-index: 1;
}