@charset "UTF-8";

.sp_width640 {
	margin-top: 2em !important; 
	line-height: 1.8; 
}
.sp_width640 h2 {
	display: block; 
	margin: 0.5em 0 0.25em; 
	padding-left: 0.375em; 
	font-size: 1.75em; 
}
.sp_width640_02 {
	margin-top: 1em !important; 
	line-height: 1.8; 
}
.sp_width640_02 h2 {
	display: block; 
	margin: 0.5em 0; 
	padding-left: 0.375em; 
	font-size: 1.5em; 
}
.sp_width640 .tag {
	display: inline-block; 
	border: solid 2px rgb(0,153,68); 
	line-height: 1.6; 
}
.sp_width640_02 .tag {
	display: inline-block; 
	margin: 0.75em 0 0.25em; 
	padding: 0.25em 0.75em; 
	color: white; 
	line-height: 1.6; 
}
.sp_width640_02 .knowledge {
	margin-top: 1.5em; 
	padding: 1.25em; 
	background: rgb(255,252,219); 
	border: solid 2px rgb(233,83,131); 
	border-radius: 12px; 
}
.tag p:first-child {
	display: inline-block;
	background: rgb(255,248,204); 
	padding: 0.25em 1em; 
}
.tag p:last-child {
	display: inline-block; 
	background: rgb(0,153,68); 
	padding: 0.25em 1em; 
	color: white; 
}
.req {
	margin: 1.25em 0 0.5em; 
	padding: 0.25em 0.5em; 
	background: rgb(237,241,176); 
	line-height: 1.6; 
}
.sp_width640 li:before {
	content: "●";
	color: rgb(238,135,180);
}

@media only screen and (max-width: 960px) {
.sp_width640,
.sp_width640_02 {
	width: 100%; 
	max-width: 640px !important; 
	}
}