@charset "utf-8";

/* ===========================================
	common
============================================== */
.article_area {
	padding-top: 16.334rem;
	padding-bottom: 9.2rem;
	background-image: url(../images/common/bg_texture.png);
	background-position: center;
	background-size: 96rem;
	background-repeat: repeat;
}

.article_ttl_wrap {
	position: relative;
	padding-right: 10rem;
	margin-bottom: 2.667rem;
}

.post_ttl_h1 {
	margin-bottom: 1.4rem;
	font-weight: 900;
	font-size: 2.667rem;
	line-height: 1.5;
}

.post_cat {
	margin-top: 1.334rem;
}

.eye_catch_wrap {
	margin-bottom: 3.334rem;
	width: 100%;
}

.eye_catch_wrap > img {
	width: 100%;
	height: auto;
}

.iimono_pdf {
	margin-top: 5.2rem;
	margin-bottom: 2.667rem;
}

.editor a.download_btn[download] {
	display: flex;
	justify-content: center;
	align-items: center;
	padding-right: 0;
	margin-right: auto;
	margin-left: auto;
	width: 17.8rem;
	height: 4rem;
	font-weight: 900;
	font-size: 1.334rem;
	color: var(--white_color);
	background-color: var(--orange_color);
	border-bottom: none;
	border-radius: 9999px;
}

.editor a.download_btn[download]::before,
.editor a.download_btn[download]::after {
	content: none;
}

/* ============
	responsive
================ */
@media screen and (max-width: 1439px) {
	.post_ttl_h1 {
		font-size: min(
			max(20px, calc(1.25rem + ((1vw - 3.75px) * 1.8797))),
			40px
		);
	}
}

@media screen and (max-width: 1024px) {
	.article_area {
		padding-top: 8.8rem;
		padding-bottom: 4.667rem;
	}

	.article_ttl_wrap {
		padding-right: 4rem;
	}

	.editor a.download_btn[download] {
		max-width: 16.2667rem;
		height: 2.8rem;
		font-size: 1.2rem;
	}
}

/* ===========================================
	post_nav_area
============================================== */
.post_nav_area {
	position: absolute;
	top: 0;
	right: 0;
}

.post_nav_inner {
	justify-content: center;
	align-items: center;
	column-gap: 4rem;
	width: 100%;
}

.post_prev_wrap,
.post_next_wrap,
.post_prev,
.post_next {
	position: relative;
	width: 2.2rem;
	height: 4.2rem;
}

.post_prev,
.post_next {
	justify-content: center;
	align-items: center;
}

.post_prev:hover,
.post_next:hover {
	opacity: 0.6;
}

.post_prev::before,
.post_next::after {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 2.8667rem;
	height: 2.8667rem;
	border-bottom: solid 2px var(--black_color);
}

.post_prev::before {
	left: 0.5rem;
	border-left: solid 2px var(--black_color);
	transform: rotate(45deg);
}

.post_next::after {
	right: 0.5rem;
	border-right: solid 2px var(--black_color);
	transform: rotate(-45deg);
}

.home_back {
	text-align: center;
}

/* ============
	responsive
================ */
@media screen and (max-width: 1024px) {
	.post_nav_inner {
		column-gap: 1.1334rem;
	}

	.post_prev_wrap,
	.post_next_wrap,
	.post_prev,
	.post_next {
		width: 0.8rem;
		height: 1.4667rem;
	}

	.post_prev::before,
	.post_next::after {
		width: 1rem;
		height: 1rem;
	}

	.post_prev::before {
		left: 0.2rem;
	}

	.post_next::after {
		right: 0.2rem;
	}
}

@media screen and (max-width: 480px) {
	.post_nav_inner {
		column-gap: 1rem;
	}
}

/* ===========================================
	owners
============================================== */
p + .eye_catch_wrap {
	margin-top: 2.334rem;
}

.owners .post_nav_area {
	position: static;
}

.owners .cont_wrap,
.caption_wrap {
	column-gap: 2.667rem;
	margin-top: 2.667rem;
	margin-bottom: 2.667rem;
}

.owners .cont_wrap > p {
	width: calc(100% - 24rem - 2.667rem);
}

.owners .cont_wrap .photo_wrap {
	width: 24rem;
	aspect-ratio: 18 / 25;
}

.owners .cont_wrap .photo_wrap > img,
.caption_wrap .photo_wrap > img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.caption_wrap {
	align-items: flex-end;
}

.caption_wrap .photo_wrap {
	width: 33.334rem;
	aspect-ratio: 25 / 18;
}

.caption_wrap > p {
	width: calc(100% - 33.334rem - 2.667rem);
}

.owners .post_nav_area {
	padding-top: 2.667rem;
}

.owners .post_nav_inner {
	column-gap: 0;
}

.owners .post_prev_wrap,
.owners .post_next_wrap,
.owners .post_prev,
.owners .post_next {
	width: 15.2rem;
	height: auto;
}

.owners .post_prev_wrap + .post_next_wrap {
	position: relative;
}

.owners .post_prev_wrap + .post_next_wrap::before {
	content: '';
	position: absolute;
	width: 1px;
	height: 100%;
	background-color: var(--black_color);
}

.owners .post_prev {
	padding-right: 1.334rem;
	padding-left: 2.5667rem;
}

.owners .post_next {
	padding-right: 2.5667rem;
	padding-left: 1.334rem;
}

.owners .post_prev::before,
.owners .post_next::after {
	width: 0.6334rem;
	height: 1.1334rem;
	background-image: url(../images/common/link_icon.svg);
	border: none;
	transform: rotate(0);
}

.owners .post_prev::before {
	transform: scale(-1, 1);
}

.owners .post_next_inner,
.owners .post_prev_inner {
	line-height: 1.7;
}

/* ============
	responsive
================ */
@media screen and (max-width: 1024px) {
	.owners .post_next_inner,
	.owners .post_prev_inner {
		font-size: 0.9334rem;
	}

	.owners .cont_wrap,
	.caption_wrap {
		column-gap: 5%;
	}

	.owners .cont_wrap > p,
	.caption_wrap .photo_wrap {
		width: 55%;
	}

	.owners .cont_wrap .photo_wrap,
	.caption_wrap > p {
		width: 40%;
	}
}

@media screen and (max-width: 768px) {
	.owners .cont_wrap,
	.owners .caption_wrap{
		row-gap: 2.667rem;
	}
	
	.owners .cont_wrap{
		flex-direction: column-reverse;
	}

	.owners .caption_wrap {
		flex-direction: column;
	}

	.owners .cont_wrap > p,
	.caption_wrap .photo_wrap,
	.owners .cont_wrap .photo_wrap,
	.caption_wrap > p {
		width: 100%;
	}
}