@charset "UTF-8";
/*
 * fsc.css
 *
 */


/* !導入
---------------------------------------------------------- */
.fscCts01 {
	max-width:1240px;
	margin:0 auto;
	padding:70px 20px 80px 20px;
}
.fscCts02 {
	max-width:1240px;
	margin:0 auto;
	padding:0 20px 80px 20px;
}

.intro {
	width:100%;
	display: flex;
	justify-content: space-between;
}
	.intro div.left {
		width:55%;
	}
		.intro div.left h2 {
			font-size:24px;
			font-weight: bold;
			line-height: 1.6;
			margin-bottom: 40px;
		}
	.intro div.right {
		width:37%;
	}
		.intro div.right img {
			display: block;
			width:100%;
			border-radius: 6px;
		}

ul.merit {
	width:100%;
	margin-bottom:30px;
}
	ul.merit li {
		width:33.3%;
		border-right:1px dotted #999;
		padding:0 24px;
		float:left;
	}
		ul.merit li:first-child {
			border-left:1px dotted #999;
		}
		ul.merit li img {
			display: block;
			width:180px;
			border-radius: 50%;
			margin: 0 auto 15px auto;
		}
		ul.merit li h3 {
			font-size:20px;
			font-weight:bold;
			color: #95C112;
			text-align:center;
			margin-bottom:10px;
		}
		ul.merit li p {
			text-align: center;
		}
p.meritCap {
	font-size:22px;
	font-weight: bold;
	color: #ff9600;
	text-align: center;
}
	p.meritCap br {
		display: none;
	}

ul.paper {
	width:100%;
	display: flex;
	margin-bottom:40px;
}
	ul.paper li {
		width:33.3%;
		border-right:1px dotted #999;
		padding:0 30px;
	}
		ul.paper li:first-child {
			border-left:1px dotted #999;
		}
		ul.paper li h3 {
			font-size:18px;
			font-weight:bold;
			text-align:center;
			margin-bottom:25px;
		}
			ul.paper li h3 span {
				display: inline-block;
				color:#FFF;
				background:#95C112;
				line-height:1.2;
				padding:0.6em 0.8em;
				border-radius:4px;
			}
				ul.paper li h3 span span {
					display:inline;
					font-size:80%;
					background:none;
					padding:0;
					font-weight: normal;
				}
			
table.difference {
	border: 1px solid #D5D5D5;
	border-collapse: collapse;
	width: 100%;
	line-height:1.6;
}
	table.difference th,
	table.difference td {
		border: 1px solid #D5D5D5;
		padding: 10px;
		vertical-align: top;
	}
	table.difference th {
		width:20%;
		background-color: #F2FCD3;
		font-weight:bold;
	}
	table.difference td {
		text-align: left;
	}

ul.choice {
	width:100%;
	display: flex;
}
	ul.choice li {
		width:50%;
		border-left:1px dotted #999;
		padding:0 30px;
	}
	ul.choice li:last-child {
		border-right:1px dotted #999;
	}
		ul.choice li p.answer {
			font-size:18px;
			text-align: center;
			margin-bottom: 20px;
		}
			ul.choice li p.answer strong {
				font-weight: bold;
			}
			ul.choice li p.answer span {
				display: inline-block;
				font-weight: bold;
				color: #FFF;
				padding:0.2em 1.6em;
				border-radius: 30px;
				margin-top: 10px;
			}
			ul.choice li p.answer span.fsc {
				background: #95c112;
			}
			ul.choice li p.answer span.recycle {
				background: #ff9600;
			}
			ul.choice li p.cap {
				text-align: center;
				font-weight: bold;
			}
				ul.choice li p.cap br {
					display: none;
				}

@media screen and (max-width:1039px){
.fscCts01 {
	padding:60px 20px 70px 20px;
}
.fscCts02 {
	padding:0 20px 70px 20px;
}

		.intro div.left h2 {
			font-size:22px;
			margin-bottom: 30px;
		}
	.intro div.right {
		width:38%;
	}
	
ul.merit {
	margin-bottom:25px;
}
		ul.merit li img {
			width:160px;
		}
		ul.merit li h3 {
			font-size:18px;
		}
p.meritCap {
	font-size:18px;
}
	
ul.paper {
	margin-bottom:40px;
}
	ul.paper li {
		padding:0 25px;
	}
		ul.paper li h3 {
			font-size:17px;
		}
	
	ul.choice li {
		padding:0;
	}
		ul.choice li p.answer {
			font-size:16px;
		}
				ul.choice li p.cap br {
					display: inherit;
				}
}

@media screen and (max-width:767px){
.fscCts01 {
	padding:50px 15px 60px 15px;
}
.fscCts02 {
	padding:0 15px 60px 15px;
}

.intro {
	flex-wrap: wrap;
}
	.intro div.left {
		width:100%;
		margin-bottom: 40px;
	}
		.intro div.left h2 {
			font-size:18px;
		}
	.intro div.right {
		width:100%;
	}
		.intro div.right img {
			width:260px;
			margin: 0 auto;
		}
	
ul.merit {
	width:100%;
	margin-bottom:25px;
}
	ul.merit li {
		width:100%;
		border-right:0;
		border-bottom:1px dotted #999;
		padding:25px 0;
		float:none;
		margin-bottom: 0;
	}
		ul.merit li:first-child {
			border-left:0;
		}
		ul.merit li img {
			width:150px;
			margin: 0 auto 15px auto;
		}
		ul.merit li h3 {
			font-size:18px;
		}
p.meritCap {
	font-size:17px;
	line-height: 1.8;
}
	p.meritCap br {
		display: inherit;
	}
	
ul.paper {
	flex-wrap: wrap;
	margin-bottom:40px;
}
	ul.paper li {
		width:100%;
		border-right:0;
		border-bottom:1px dotted #999;
		padding:25px 0;
	}
		ul.paper li:first-child {
			border-left:0;
		}
		ul.paper li h3 {
			font-size:15px;
			margin-bottom:25px;
		}
			ul.paper li h3 span {
				display: inline-block;
				color:#FFF;
				background:#95C112;
				line-height:1.2;
				padding:0.6em 0.8em;
				border-radius:4px;
			}
				ul.paper li h3 span span {
					display:inline;
					font-size:80%;
					background:none;
					padding:0;
					font-weight: normal;
				}
		
table.difference {
	border: 1px solid #D5D5D5;
	border-collapse: collapse;
	width: 100%;
	line-height:1.6;
}
	table.difference th,
	table.difference td {
		border: 1px solid #D5D5D5;
		padding: 10px;
		vertical-align: top;
	}
	table.difference th {
		width:7em;
		background-color: #F2FCD3;
		font-weight:bold;
	}
	table.difference td {
		text-align: left;
	}
	
ul.choice {
	flex-wrap: wrap;
}
	ul.choice li {
		width:100%;
		border-left:0;
		border-top:1px dotted #999;
		padding:25px 0;
	}
	ul.choice li:last-child {
		border-right:0;
		border-bottom:1px dotted #999;
	}

}