@charset "utf-8";

/* -------------------------------------------------------------
	anchor-btn-area
-------------------------------------------------------------- */
.anchor-btn-area {
	padding: 120px 0 0;
}

.anchor-btn-area .anchor-btn-list {
	display: flex;
	gap: 40px;
}
.anchor-btn-area .anchor-btn-list .anchor-btn-list_item {
	width: calc(100% / 3);
}

.anchor-btn-area .anchor-link_base {
	position: relative;
	top: 0;
	display: flex;
	align-items: center;
	gap: 20px;
	border: solid 1px var(--lightgray02);
	border-radius: 4px;
	transition: .3s;
}
.anchor-btn-area .anchor-link_base::after {
	position: absolute;
	content: "\f105";
	display: flex;
	align-items: center;
	justify-content: center;
	bottom: 10px;
	right: 10px;
	padding: 8px;
	color: var(--gray02);
	font-size: 1rem;
	width: 4px;
	height: 4px;
	border: solid 1px var(--gray02);
	border-radius: 50%;
	transform: rotate(90deg);
	transition: .4s;
}
.anchor-btn-area .anchor-link_base .img-anchor-link {
	width: 100px;
	height: 100px;
	border-radius: 4px 0 0 4px;
}
.anchor-btn-area .anchor-link_base .img-anchor-link img {
	width: 100%;
	object-fit: cover;
	transition: .3s;
}

/* ホバーアニメーション */
.anchor-btn-area .anchor-link_base:hover {
	top: -10px;
	transition: .3s;
}
.anchor-btn-area .anchor-link_base .img-wrap .img {
	overflow: hidden;
}
.anchor-btn-area .anchor-link_base:hover img{
	transform: scale(1.1);
	transition: .3s;
}

.anchor-btn-area .anchor-link-ttl-area {
	display: flex;
	align-items: center;
	gap: 20px;
}
.anchor-btn-area .txt-wrap > div {
	position: relative;
	top: 4px;
}
.anchor-btn-area .txt-wrap .en-ttl {
	color: #aaa;
	font-size: 1.3rem;
	font-weight: 700;
}
.anchor-btn-area .txt-wrap .anchor-link-ttl {
	margin: 4px 0 0;
	font-size: 2rem;
	font-weight: 500;
	line-height: 1.5;
	letter-spacing: 0.05em;
}

@media screen and (max-width: 768px) {

	.anchor-btn-area {
		padding: 40px 0 0;
	}

	.anchor-btn-area .anchor-btn-list {
		flex-direction: column;
		gap: 20px;
	}
	.anchor-btn-area .anchor-btn-list .anchor-btn-list_item {
		width: 100%;
	}

}

/* -------------------------------------------------------------
	application-details-area
-------------------------------------------------------------- */
.application-details-area {
	padding: 100px 0;
}

.application-details-area .block + .block {
	margin: 100px 0 0;
}

.application-details-area .application-details-list_item + .application-details-list_item {
	margin: 20px 0 0;
}

@media screen and (max-width: 768px) {

	.application-details-area {
		padding: 60px 0 40px;
	}

	.application-details-area .block + .block {
		margin: 60px 0 0;
	}

	.anchor-btn-area .page-mv {
		width: 90%;
		height: unset;
	}
	.anchor-btn-area .inner {
		margin: 20px 0 0;
		gap: 20px;
	}

}