.txt-fw {
	font-weight: bold;
}
/*-------------------------------------------------
|- ttl-block
-------------------------------------------------*/
.ttl-block {
	width: 100%;
	padding: 125px 10px;
	box-sizing: border-box;
}
.ttl__en {
	color: #fff;
	font-family: "Jost", sans-serif;
	font-optical-sizing: auto;
	font-style: normal;
	font-size: 2.64rem;
	font-weight: 500;
	text-align: center;
	text-indent: .5rem;
	letter-spacing: .5rem;
}
.ttl__jp {
	color: #fff;
	font-size: var(--fs20);
	font-weight: bold;
	text-align: center;
	text-indent: .46rem;
	letter-spacing: .46rem;
}
@media screen and (max-width: 767px){
	.ttl-block {
		padding: 25px 0;
	}
	.ttl__en {
		margin-bottom: 5px;
		font-size: var(--fs21);
		text-indent: .16rem;
		letter-spacing: .16rem;
	}
	.ttl__jp {
		font-size: var(--fs13);
		text-indent: .14rem;
		letter-spacing: .14rem;
		line-height: 1;
	}
}
/*-------------------------------------------------
|- link-btn
-------------------------------------------------*/
.link-btn {
	width: 500px;
	margin: auto;
}
.link-btn__link {
	position: relative;
	width: 100%;
	padding: 26px 10px;
	color: #fff;
	font-size: var(--fs26);
	font-weight: bold;
	text-align: center;
	text-indent: .03rem;
	letter-spacing: .03rem;
	background: #a08d70;
	border: 2px solid #a08d70;
	box-sizing: border-box;
	display: block;
	transition: .3s;
}
.link-btn__link:after {
	content: '';
	position: absolute;
	top: 50%;
	right: 10%;
	width: 11px;
	height: 30px;
	background: url(/assets/img/inquiry/bg_arrow.svg) no-repeat;
	transition: .3s;
	transform: translateY(-50%);
}
@media (hover: hover){
	.link-btn__link:hover {
		color: #a08d70;
		background: #fff;
	}
	.link-btn__link:hover:after {
		background: url(/assets/img/inquiry/bg_arrow_h.svg) no-repeat;
	}
}
@media screen and (max-width: 767px){
	.link-btn {
		width: 79%;
	}
	.link-btn__link {
		padding: 11px 10px;
		font-size: var(--fs15);
		text-indent: .15rem;
		letter-spacing: .15rem;
	}
	.link-btn__link:after {
		right: 12%;
		width: 6px;
		height: 15px;
	}
}
/*-------------------------------------------------
|- pagination
-------------------------------------------------*/
.pagination {
	width: 90%;
	max-width: 1280px;
	margin: auto;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 15px;
}
.pagination-item {
	width: 31px;
	height: 31px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.pagination-item.current {
	color: #fff;
	font-weight: bold;
	background: #a08d70;
}
.pagination-item__link {
	width: 100%;
	height: 100%;
	color: #fff;
	font-weight: bold;
	background: #000;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: .3s;
}

.pagination-arrow {
	position: relative;
	width: 31px;
	height: 31px;
}
.pagination-prev:after,
.pagination-next:after {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	width: 15px;
	height: 15px;
	margin: auto;
	border-radius: 1px;
	pointer-events: none;
}
.pagination-prev:after {
	left: 3px;
	border-top: solid 1px #7f7f7f;
	border-right: solid 1px #7f7f7f;
	transform: rotate(225deg);
}
.pagination-prev.disabled:after {
	border-top: solid 1px #d4d4d4;
	border-right: solid 1px #d4d4d4;
}
.pagination-next:after {
	right: 3px;
	border-top: solid 1px #7f7f7f;
	border-right: solid 1px #7f7f7f;
	transform: rotate(45deg);
}
.pagination-next.disabled:after {
	border-top: solid 1px #d4d4d4;
	border-right: solid 1px #d4d4d4;
}
.pagination-arrow__link {
	width: 100%;
	height: 100%;
	display: block;
}
@media (hover: hover){
	.pagination-item__link:hover {
		background: #a08d70;
	}
}
@media screen and (max-width: 767px){
	.pagination {
		gap: 10px;
	}
	.pagination-item,
	.pagination-arrow {
		width: 29px;
		height: 29px;
	}
	.pagination-item {
		font-size: var(--fs12);
	}
	.pagination-prev:after,
	.pagination-next:after {
		width: 10px;
		height: 10px;
	}
}
/*-------------------------------------------------
|- viewmore-btn
-------------------------------------------------*/
.viewmore-btn {
	width: 180px;
}
.viewmore-btn__link {
	position: relative;
	width: 100%;
	padding: 13px 0;
	color: #fff;
	font-size: var(--fs11);
	letter-spacing: .26rem;
	text-align: center;
	background: #000;
	box-sizing: border-box;
}
.viewmore-btn__link:after {
	content: '';
	position: absolute;
	top: 50%;
	right: 10px;
	width: 6px;
	height: 6px;
	margin: auto;
	border-top: solid 2px #fff;
	border-right: solid 2px #fff;
	border-radius: 1px;
	transform: translateY(-50%) rotate(45deg);
	transition: .3s;
}
@media (hover: hover){
	.viewmore-btn__link:hover:after {
		right: 5px;
	}
}
