@charset "UTF-8";

:root {
	--pop: "Poppins", sans-serif;
	--zen: "Zen Maru Gothic", sans-serif;
	--noto: "Noto Sans JP", sans-serif;
}

#contents {
	padding-bottom: 20rem;
	@media screen and (max-width: 767px) {
		padding-bottom: 10rem;
	}
}

.common-title_h2 {
	position: relative;
	font-family: var(--zen);
	font-style: normal;
	font-weight: 500;
	font-size: 4rem;
	line-height: 1.5;
	text-align: center;
	letter-spacing: 0.08em;
	color: #000000;
	@media screen and (max-width: 767px) {
		font-size: 2.2rem;
	}
	&:after {
		content: "";
		position: absolute;
		width: 2.667rem;
		height: 1.6rem;
		bottom: -3.1rem;
		left: 50%;
		transform: translateX(-50%);
		background: url("../../common/img/general/title-decoration.png") no-repeat center / 100% auto;

		@media screen and (max-width: 767px) {
			width: 2rem;
			height: 1.4rem;
		}
	}
}

.mb54 {
	margin-bottom: 5.4rem;

	@media screen and (max-width: 767px) {
		margin-bottom: 5.4rem;
	}
}

.mb81 {
	margin-bottom: 8.1rem;

	@media screen and (max-width: 767px) {
		margin-bottom: 5.4rem;
	}
}

.mb111 {
	margin-bottom: 11.1rem;

	@media screen and (max-width: 767px) {
		margin-bottom: 5.4rem;
	}
}

/* .page { */
	.common-anchor {
		padding-top: 20rem;
		padding-bottom: 14rem;
		width: 100%;

		@media screen and (max-width: 767px) {
			padding-top: 0;
			padding-bottom: 6rem;
		}

		& ul {
			display: flex;
			gap: 3rem;
			flex-wrap: wrap;

			@media screen and (max-width: 767px) {
				gap: 1rem;
			}

			& li {
				@media screen and (max-width: 767px) {
					width: 100%;
				}

				& a {
					width: 37.9rem;
					height: 5.9rem;
					border: 0.3rem solid #267bca;
					display: flex;
					justify-content: center;
					align-items: center;
					position: relative;
					border-radius: 3.8rem;

					@media screen and (max-width: 767px) {
						width: 100%;
						height: 5rem;
					}

					& span {
						font-family: var(--zen);
						font-style: normal;
						font-weight: 700;
						font-size: 2.2rem;
						line-height: 1;
						letter-spacing: 0.08em;
						color: #267bca;

						@media screen and (max-width: 767px) {
							font-size: 1.6rem;
						}
					}

					& img {
						width: 1.7rem;
						vertical-align: middle;
						position: absolute;
						right: 2rem;
						top: 50%;
						transform: translateY(-50%);

						@media screen and (max-width: 767px) {
							width: 1.2rem;
						}
					}
				}
			}
		}
	}
/* } */