/* -----------------------------------------------
= entry
----------------------------------------------- */
.entrypage {
	margin: 0 1.5rem 4rem;
	padding: 0 2rem 3rem;
	background: #fff;
}

.entrypage .link {
	display: block;
	margin-top: 2rem;
	padding: 3rem 7rem 3rem 4.5rem;
	background: #f7f7f7;
	line-height: 1;
}
.entrypage .link::before {
	right: 3.2rem;
	bottom: 50%;
	transform: translateY(50%);
}
.entrypage .link::after {
	right: 2rem;
	bottom: 50%;
	border: 1px solid #e1e1e1;
	transform: translateY(50%);
}
.entrypage .link span {
	display: block;
}
.entrypage .link .en {
	margin-bottom: .5rem;
	color: #777;
	font-family: var(--fontF);
	font-size: 1rem;
}
.entrypage .link .jp {
	position: relative;
	font-size: 1.7rem;
	font-weight: 500;
}
.entrypage .link .jp::before {
	content: '';
	position: absolute;
	top: -1rem;
	left: -3rem;
	width: 1.9rem;
	height: 1.9rem;
	background: url(../../img/shared/icon_circle.png) no-repeat 50% / cover;
}

@media print, screen and (min-width: 768px) {/* PC */
.entrypage {
	padding: 7rem 0 0;
}
.entrypage .entrypage_title {
	margin-bottom: 4rem;
	font-size: 8rem;
}
.entrypage .text {
	margin-bottom: 5.5rem;
	font-size: 2rem;
}
.entrypage ul {
	display: flex;
	justify-content: center;
	max-width: 114rem;
	margin: 0 auto;
}
.entrypage ul li {
	width: 100%;
	margin: 0 2rem;
}
.entrypage .link {
	display: block;
	max-width: 53rem;
	margin: 0 auto;
	padding: 4.2rem 12rem 4.2rem 6.5rem;
}
.entrypage .link::before {
	right: 6.3rem;
}
.entrypage .link::after {
	right: 4rem;
}
.entrypage .link .en {
	margin-bottom: 1rem;
	font-size: 1.4rem;
}
.entrypage .link .jp {
	font-size: 2.2rem;
}
.entrypage .link .jp::before {
	top: -1.5rem;
	left: -4rem;
	width: 2.8rem;
	height: 2.8rem;
}