.l-header__logo {
	display: flex;
	align-items: center;
	justify-content: center;
	line-height: 1;

	@include sp {
		font-size: var(--ark-logo_size--sp);
	}

	@include pc {
		font-size: var(--ark-logo_size--pc);

		[data-logo="left"] & {
			justify-content: flex-start;
		}
	}
}

.c-headLogo {
	display: block;
	// max-width: 400px;
	color: inherit;
	font-weight: normal;
	text-decoration: none;

	.has-image > & {
		// height: 100%;

		@include sp {
			height: var(--ark-logo_size--sp);
		}

		@include pc {
			height: var(--ark-logo_size--pc);
		}
	}

	.has-text > & {
		font-size: .75em;
		line-height: 1.5;
	}
}

.c-headLogo__img {
	width: auto;
	height: 100%;
	object-fit: contain;
}