@charset "UTF-8";

.common-header-pages {
	margin-bottom: 6rem;
	@media screen and (max-width: 767px) {
		margin-bottom: 3.4rem;
	}
	.en {
		font-family: var(--pop);
		font-style: normal;
		font-weight: 600;
		font-size: 7.5rem;
		line-height: 111%;
		letter-spacing: -0.01em;
		color: #000000;
		flex-grow: 0;
		@media screen and (max-width: 767px) {
			font-size: 3.8rem;
		}
	}
	.jp {
		font-family: var(--noto);
		font-style: normal;
		font-weight: 700;
		font-size: 1.4rem;
		line-height: 4rem;
		letter-spacing: 0.1em;
		color: #e50012;
		flex-grow: 0;
		padding-left: 1.37rem;
		position: relative;
		@media screen and (max-width: 767px) {
			line-height: 2.16rem;
		}
		&::after {
			content: "";
			position: absolute;
			left: 0;
			top: 50%;
			transform: translateY(-50%) rotate(45deg);
			width: 0.937rem;
			height: 0.937rem;
			background-color: #e50012;
			@media screen and (max-width: 767px) {
				width: 0.523rem;
				height: 0.523rem;
			}
		}
	}
}