/* 
 sub
----------------------------------------------------------- */ 
.c-sub-fv__main{
	height: clamp(280px, 22.9vw, 440px);
	padding: 80px 5% 0;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	background-color: var(--main-color);
}
.c-sub-fv__title{
	text-align: center;
	color: #fff;
	width: 100%;
	font-family: var(--font-en);
	font-weight: 700;
	font-size: clamp(30px, 3.4vw, 65px);
}

.c-sub-nav__list{
	display: flex;
	gap: clamp(15px, 2vw, 40px);
	flex-wrap: wrap;
	margin-top: clamp(20px, 2.6vw, 50px);
}
.c-sub-nav__link{
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 235px;
	background-color: #fff;
	padding: 4px 4px 4px 20px;
	font-size: var(--fontsize-18);
	font-weight: 500;
}
.c-sub-nav__link > p{
	flex: 1;
}

.c-sub-h2{
	margin-bottom: clamp(30px, 3.4vw, 65px);
}
.c-sub-h2__ja{
	font-weight: 500;
	display: flex;
	align-items: center;
	gap: 20px;
	font-size: var(--fontsize-33);
}
.c-sub-h2__ja::after{
	content: "";
	flex: 1;
	height: 1px;
	width: auto;
	border-top: 1px dashed var(--main-color);
}
.c-sub-h2__en{
	font-weight: 400;
	color: var(--main-color);
	font-size: var(--fontsize-20);
	font-family: var(--font-en);
}

@media screen and (max-width: 1440px) {
}
@media screen and (max-width: 1280px) {
}
@media screen and (max-width: 1024px){
	.c-sub-fv__main{
		padding-top: 60px;
	}
	.c-sub-nav__link{
		padding: 4px 4px 4px 10px;
		width: 210px;
	}
}
@media screen and (max-width: 767px){
	.c-sub-nav{
		width: 100%;
	}
	.c-sub-nav__list{
		display: grid;
		gap: 10px;
		grid-template-columns: repeat(2, 1fr);
	}
	.c-sub-nav__link{
		font-size: 16px;
		width: auto;
	}
	.c-sub-nav__link .c-box-arrow{
		width: 35px;
		height: 35px;
	}
}
@media screen and (max-width: 480px){
	.c-sub-nav__link{
		font-size: 14px;
	}
	.c-sub-nav__link .c-box-arrow{
		width: 30px;
		height: 30px;
	}
}