* {
	box-sizing: border-box;
}

html,
body {
	width: 100%;
	height: 100%;
	overflow: auto;
	margin: 0;
	padding: 0;

	-ms-overflow-style: none;
	scrollbar-width: none;
}

.page {
	overflow-x: hidden;
	overflow-y: auto;
	height: auto;
	-ms-overflow-style: none;
	/* Edge */
	scrollbar-width: none;
	/* Firefox */
}

.page::-webkit-scrollbar {
	display: none;
	/* Chrome,Safari */
}



section {
	width: 100%;
}

.top-section {
	position: relative;
	height: 302px;
	overflow: hidden;
}

.top-section-inner {
	position: relative;
	padding: 130px 118px 40px 118px;
	z-index: 2;
}

.pankuzu-unit {
	color: #151515;
	font-family: Noto Sans JP;
	font-weight: 400;
	font-style: Regular;
	font-size: 12px;
	line-height: 150%;
	letter-spacing: 0%;

}
.pankuzu-unit a {
	color: #151515;
	text-decoration: none;
}
.pankuzu-list {
	display: flex;
	width: 100%;
	margin-bottom: 24px;
}

.pankuzu-separator {
	position: relative;
	width: 24px;
	height: 18px;
}

.pankuzu-separator img {
	margin: 0 auto;
	width: 10px;
	height: 16px;
	display: block;
}

.top-title {
	color: #151515;
	font-family: Noto Sans JP;
	font-weight: 500;
	font-style: Medium;
	font-size: 40px;
	line-height: 145%;
	letter-spacing: 0;
}

.top-title-sub {
	color: #151515;
	font-family: Noto Sans JP;
	font-weight: 500;
	font-style: Medium;
	font-size: 16px;
	line-height: 100%;
	letter-spacing: 0;
}

.main-section {
	padding: 80px 220px;
}

.message-area {
	max-width: 1000px;
	width: 100%;
	margin: 0 auto;
}

.message-title {
	border: 1px solid #D7D7D7;
	padding: 16px;
	font-family: Noto Sans JP;
	font-weight: 700;
	font-style: Bold;
	font-size: 18px;
	leading-trim: NONE;
	line-height: 180%;
	letter-spacing: 0%;
	color: #151515;
	background-color: #F5F5F5;
	margin-bottom: 40px;
}

.message-body {
	font-family: Noto Sans JP;
	font-weight: 400;
	font-style: Regular;
	font-size: 16px;
	leading-trim: NONE;
	line-height: 180%;
	letter-spacing: 0%;
}


.kf-login-box {
	width: 500px;
	border: 1px solid #D7D7D7;
	padding: 24px 48px;
	margin: 0 auto;
	border-radius: 8px;
}

.kf-login-box h3 {
	font-family: Noto Sans JP;
	font-weight: 700;
	font-style: Bold;
	font-size: 24px;
	leading-trim: NONE;
	line-height: 140%;
	letter-spacing: 0%;
	text-align: center;
	color: #151515;
	margin-bottom: 40px;
}

.label-text {
	font-family: Noto Sans JP;
	font-weight: 700;
	font-style: Bold;
	font-size: 14px;
	leading-trim: NONE;
	line-height: 140%;
	letter-spacing: 0%;
	margin-bottom: 8px;
}

.kf-login-box input {
	font-family: Noto Sans JP;
	font-weight: 400;
	font-style: Regular;
	font-size: 16px;
	leading-trim: NONE;
	line-height: 180%;
	letter-spacing: 0%;
	text-align: left;
	padding: 8px 16px;
	color: #151515;
	border: 1px solid #AAA;
	height: 45px;
	margin-bottom: 16px;
	width: 100%;
}

.button-area {
	margin-top: 32px;
	text-align: center;
}

.button-primary::after {
	content: "";
	position: absolute;
	right: 16px;
	top: 50%;
	transform: translateY(-50%);
	width: 24px;
	height: 24px;
	background: url(/common/asset/btn-bule_arrow.svg) no-repeat center / contain;
}

.button-primary {
	display: inline-flex;
	gap: 16px;
	min-width: 260px;
	font-family: "Noto Sans JP",system-ui,sans-serif;
	align-items: center;
	justify-content: left;
	height: 56px;
	width: 260px;
	padding: 16px 0 16px 0;
	border-radius: 64px;
	border: 1px solid #005EAD;
	background: #005EAD;
	color: #F2F2F2;
	text-decoration: none;
	font-weight: 700;
	font-size: 16px;
	position: relative;
	text-align: center;
	justify-content: center;
}

.logout_link::after {
	content: "";
	position: absolute;
	right: 16px;
	top: 50%;
	transform: translateY(-50%);
	width: 24px;
	height: 24px;
	background: url(/common/asset/btn-bule_arrow.svg) no-repeat center / contain;
}
.logout_link {
	display: inline-flex;
	gap: 16px;
	min-width: 260px;
	font-family: "Noto Sans JP",system-ui,sans-serif;
	align-items: center;
	justify-content: left;
	height: 56px;
	width: 260px;
	padding: 16px 0 16px 0;
	border-radius: 64px;
	border: 1px solid #005EAD;
	background: #005EAD;
	color: #F2F2F2;
	text-decoration: none;
	font-weight: 700;
	font-size: 16px;
	position: relative;
	text-align: center;
	justify-content: center;
}
.logout_link:hover,
.logout_link:active,
.logout_link:focus {
	color: #F2F2F2;
	text-decoration: none;
}

.logout-button-area {
	text-align: center;
}

.reminder-area {
	padding-top: 16px;
	margin: 0 auto;
	width: 100%;
	text-align: center;
	color: #151515;
}

.reminder-area A {
	font-family: Noto Sans JP;
	font-weight: 400;
	font-style: Regular;
	font-size: 16px;
	leading-trim: NONE;
	line-height: 180%;
	letter-spacing: 0%;
	text-align: center;
	text-decoration: underline;
	text-decoration-style: solid;
	text-decoration-offset: 0%;
	text-decoration-thickness: 0%;
	color: #151515
	text-decoration: 1px solid #151515;
}

@media screen and (max-width: 1024px) {

	.top-section {
		height: auto;
	}

	.top-section-inner {
		padding: 104px 24px 40px 24px;
	}

	.top-title-sub {
		font-family: Noto Sans JP;
		font-weight: 400;
		font-style: Regular;
		font-size: 14px;
		leading-trim: NONE;
		line-height: 160%;
		letter-spacing: 0%;
	}

	.top-title {
		font-family: Noto Sans JP;
		font-weight: 500;
		font-style: Medium;
		font-size: 32px;
		leading-trim: NONE;
		line-height: 160%;
		letter-spacing: 0%;
	}

	.main-section {
		padding: 32px 24px 56px 24px;
	}

	.message-title {
		font-family: Noto Sans JP;
		font-weight: 700;
		font-style: Bold;
		font-size: 16px;
		leading-trim: NONE;
		line-height: 180%;
		letter-spacing: 0%;

		margin-bottom: 24px;
	}

	.message-body {
		font-family: Noto Sans JP;
		font-weight: 400;
		font-style: Regular;
		font-size: 14px;
		leading-trim: NONE;
		line-height: 180%;
		letter-spacing: 0%;
	}

	.kf-login-box {
		padding: 32px 24px;
		width: 100%;
	}


}