@charset "UTF-8";

/* index
----------------------------------------*/
.sub_index_inner {
	max-width: 100rem;
	margin: 4.3rem auto 11.1rem;
}
.sub_index_lead {
	font-size: 1.6rem;
	font-weight: 500;
	line-height: 2.18;
}
.sub_index_list {
	margin-top: 2.2rem;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 4rem;
}
.sub_index_list li {
  display: flex;
  flex-direction: column;
}
.sub_index_list figure {
	overflow: hidden;
	border-radius: 1rem;
}
.sub_index_list li figure img {
	max-width: 48rem;
	height: auto;
	object-fit: cover;
	transition: transform .3s;
}
.sub_index_list_box {
	flex: 1;
	margin-top: 1.5rem;
	display: flex;
	flex-direction: column;
}
.sub_index_list_box h2 {
	font-size: 2rem;
	font-weight: 700;
	line-height: 1.75;
}
.sub_index_list_box p {
	margin-top: 1.5rem;
	font-size: 1.5rem;
	line-height: 1.73;
}

@media (hover:hover) {
	.sub_index_list a:hover figure img {
		transform: scale(1.1);
	}
}
@media only screen and (max-width: 768px) {
	.sub_index_inner {
		margin: 2rem 1.5rem 5rem;
	}
	.sub_index_list {
		grid-template-columns: repeat(1, 1fr);
		gap: 2rem;
	}
	.sub_index_lead {
		font-size: 1.4rem;
		line-height: 1.75;
	}
	.sub_index_list_box h2 {
		font-size: 1.8rem;
		line-height: 1.5;
	}
	.sub_index_list_box p {
		margin-top: 0.5rem;
		font-size: 1.4rem;
	}
}

.btn_more {
	position: relative;
	width: 15rem;
	border-radius: 1rem;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: .8rem;
	background: #000000;
	color: #fff;
	font-size: 1.4rem;
	font-weight: 900;
	height: 5rem;
	margin: 2.5rem auto;
}
.btn_more::after {
	content: '';
	position: absolute;
	display: block;
	background: url(../../img/sub/icon_more.svg) no-repeat right top / 100% auto;
	width: 1.3rem;
	height: 1.2rem;
	right: 1.9rem;
}