@charset "utf-8";
/* ===========================================================
 CSS information
 file name : cancel.css
 style info : cancel page style
============================================================== */

@media print, screen and (min-width: 960px) {
	/*----------------------------------------------------
		please
	----------------------------------------------------*/
	.please {
		width: 586px;
		padding: 24px;
		border: 2px solid #FF8900;
		border-bottom-width: 4px;
		border-radius: 8px;
		margin: 0 16px 32px;
	}
	.t_green,
	.t_red { font-size: 20px; }
	
	.please + img {
		width: 638px;
		display: block;
		margin: 0 auto;
	}
}

@media screen and (min-width: 751px) and (max-width: 959px) {
	/*----------------------------------------------------
		please
	----------------------------------------------------*/
	.please {
		width: 472px;
		padding: 19px;
		border: 1px solid #FF8900;
		border-bottom-width: 3px;
		border-radius: 6px;
		margin: 0 12px 25px;
	}
	.t_green,
	.t_red { font-size: 16px; }
	
	.please + img {
		width: 512px;
		display: block;
		margin: 0 auto;
	}
}

@media screen and (max-width: 750px) {
	/*----------------------------------------------------
		please
	----------------------------------------------------*/
	.please {
		width: 100%;
		padding: 4vw;
		border: 0.5vw solid #FF8900;
		border-bottom-width: 2vw;
		border-radius: 4vw;
		margin: 0 0 4vw;
	}
	.t_green,
	.t_red { font-size: 4.8vw; }
	
	.please + img {
		width: 90vw;
		display: block;
		margin: 0 auto;
	}
}
.please p + p { margin-top: 2em; }
.t_red { text-decoration: underline; }
.t_green::before,
.t_red::before {
	font-family: "Font Awesome 5 Free";
	content: "\f14a";
	margin-right: 0.4em;
	font-weight: 900;
}