/* フロント ログイン */
.frontLogin {
	display: grid;
	grid-template-columns: 1fr 1fr;
	height: 100vh;
}

.frontLogin__left {
	overflow: hidden;
}

.frontLogin__left img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.frontLogin__right {
	padding-inline: 6.4rem;
	align-content: center;
}

.frontLogin__logoWrap {
	width: 21.6rem;
	margin-inline: auto;
}

.frontLogin__title {
	font-size: 2.4rem;
	font-weight: 700;
	font-family: var(--familyRoboto);
}

@media screen and (max-width:767px) {
	.frontLogin {
		grid-template-columns: 1fr;
	}

	.frontLogin__left {
		display: none;
	}

	.frontLogin__right {
		padding-inline: 4rem;
	}
}

/* 管理画面　ログイン */
.adminLogin__wrap {
	width: 100%;
	height: 100vh;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #F2F4F8;
	padding-inline: 2rem;
}

.adminLogin {
	max-width: 48rem;
	width: 100%;
	padding: 6.4rem 4rem 4rem;
	border-radius: 2.4rem;
	background: var(--colorWhite);
	border: 1px solid #DDE1E6;
	box-shadow: 0 3.22px 4.83px rgba(0, 0, 0, 0.09)
}

.adminLogin__top {
	max-width: 23.9rem;
	margin-inline: auto;
}

.adminLogin__logo {
	margin-inline: 1.15rem;
}

.loginArea__title {
	font-size: 2.4rem;
	font-family: var(--familyRoboto);
	font-weight: 700;
	margin-top: 0.48rem;
}

.adminLogin .primaryButton {
	width: 100%;
	border-radius: 0.4rem;
	transition: all 0.3s;
}

@media (hover: hover) {
	.adminLogin .primaryButton:hover {
		background: #224c90;
	}
}

@media screen and (max-width:767px) {
	.adminLogin {
		padding-inline: 2rem;
	}
}