@charset "UTF-8";

.p-mv {
	display: flex;
}

@media screen and (max-width: 767px) {
	.p-mv {
		flex-direction: column;
		justify-content: flex-end;
		aspect-ratio: 25 / 26;
		background: url("/client_info/HARMONICK/view/userweb/images/excel-upload/main_sp.jpg") center / cover no-repeat;
	}
}

@media screen and (min-width: 768px) {
	.p-mv {
		padding: 4rem calc(50% - 480px);
		aspect-ratio: 240 / 91;
		background: url("/client_info/HARMONICK/view/userweb/images/excel-upload/main.jpg") center / cover no-repeat;
	}
}

.p-marker {
	text-decoration: underline;
	text-decoration-thickness: 0.75em;
	text-decoration-color: #faf4bc;
	text-underline-offset: -0.4em;
	text-decoration-skip-ink: none;
}

.p-brackets::before {
	content: "＼";
}

.p-brackets::after {
	content: "／";
}

.p-card {
	background: #fff;
	border-radius: 16px;
	box-shadow: 
		0.3px 0.3px 0.5px hsl(125deg 14% 58% / 0.36),
		1.1px 1.1px 1.8px -0.8px hsl(125deg 14% 58% / 0.36),
		2.7px 2.7px 4.3px -1.7px hsl(125deg 14% 58% / 0.36),
		6.6px 6.6px 10.5px -2.5px hsl(125deg 14% 58% / 0.36);
}

@media screen and (max-width: 767px) {
	.p-card {
		padding: 1rem;
	}
}

@media screen and (min-width: 768px) {
	.p-card {
		padding: 2.5rem 4rem;
	}
}

.p-excel-upload-button {
	border: 1px solid #76bc32 !important;
	color: #fff !important;
	background: #76bc32 !important;
}

.p-excel-upload-button:hover {
	border-color: #61a52a !important;
	background: #61a52a !important;
	opacity: 1 !important;
}

.p-excel-upload-button:active {
	border-color: #397c1b !important;
	background: #397c1b !important;
}

.p-amazonpay-button {
	display: block;
	max-width: 360px;
	border-radius: 4px;
	overflow: hidden;
	background: #333E48;
}