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


/* !パンフレット作成のポイント
---------------------------------------------------------- */
.pointCts01 {
	max-width:1240px;
	margin:0 auto;
	padding:70px 20px 80px 20px;
}
.pointCts02 {
	max-width:1240px;
	margin:0 auto;
	padding:0 20px 80px 20px;
}
	.meritIntro p {
		text-align:center;
	}
	
.fukidashi {
	display:inline-block;
	font-size:26px;
	color:#FFF;
	line-height:1.5;
	padding:0.3em 0.8em 0.2em 0.8em;
	vertical-align:bottom;
	background:#80C7CE;
	border-radius:6px;
	margin-bottom:30px;
	position:relative;
	margin-left:15px;
}
	.fukidashi:before {
		content:url(../../merit/img/fukidashi.png);
		left:-15px;
		top:20%;
		position:absolute;
	}

ul.pointList01 {
	width:auto;
	clear:both;
}
	ul.pointList01 li {
		margin-bottom:10px;
	}
		ul.pointList01 li:last-child {
			margin-bottom:0;
		}
		ul.pointList01 li span.left {
			display:inline-block;
			width:30%;
			float:left;
			color:#66871B;
			font-weight:bold;
			text-align:center;
			background:#DBEFAE;
			padding:0.4em;
			margin-right:5%;
			border-radius:20px;
		}
		ul.pointList01 li span.center {
			display:inline-block;
			width:30%;
			float:left;
			color:#DD7706;
			font-weight:bold;
			text-align:center;
			background:#FCE0B3;
			padding:0.4em;
			margin-right:5%;
			border-radius:20px;
		}
		ul.pointList01 li span.right {
			display:inline-block;
			width:30%;
			float:left;
			color:#3C9197;
			font-weight:bold;
			text-align:center;
			background:#CCE9EB;
			padding:0.4em;
			border-radius:20px;
		}
		
ul.pointList02 {
	width:auto;
	clear:both;
}
	ul.pointList02 li {
		width:50%;
		float:left;
		margin-bottom:10px;
		background:url(../img/icon_check.png) 0 4px no-repeat;
		padding:0 0 0 28px;
	}
		ul.pointList02 li:last-child {
			margin-bottom:0;
		}
		
ul.pointList03 {
	width:85%;
	clear:both;
	margin:0 auto 60px auto;
}
	ul.pointList03 li {
		width:14.2%;
		float:left;
		text-align:center;
	}
	
.important {
	font-size:20px;
	font-weight:bold;
	margin-bottom:20px;
}
	.important span {
		display:inline-block;
		color:#FFF;
		background:#333;
		font-size:16px;
		padding:0.2em 0.6em;
		margin-right:10px;
	}
		.important span i.fa {
			display:inline-block;
			margin-right:7px;
		}
	.important br {
		display:none;
	}
		
.emp {
	font-size:20px;
	font-weight:bold;
}
	.emp span {
		color:#F20000;
	}
	
.pointMb01 {
	margin-bottom:60px;
}
.pointMb02 {
	margin-bottom:60px;
}

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

.fukidashi {
	font-size:22px;
}

ul.pointList03 {
	width:100%;
	margin:0 auto 50px auto;
}

.important {
	font-size:18px;
}
	.important span {
		font-size:15px;
	}
		
.emp {
	font-size:18px;
}
	.emp span {
		color:#F20000;
	}

.pointMb01 {
	margin-bottom:50px;
}
}

@media screen and (max-width:767px){
.pointCts01 {
	padding:50px 15px 60px 15px;
}
.pointCts02 {
	margin:0 15px;
	padding:0 15px 60px 15px;
}
	.pointIntro p {
		text-align:left;
	}
	
.fukidashi {
	font-size:18px;
}

		ul.pointList01 li span.left {
			width:32%;
			font-weight:normal;
			padding:0.4em;
			margin-right:2%;
			border-radius:4px;
			font-size:10px;
			line-height:1.6;
		}
		ul.pointList01 li span.center {
			width:32%;
			font-weight:normal;
			padding:0.4em;
			margin-right:2%;
			border-radius:4px;
			font-size:10px;
			line-height:1.6;
		}
		ul.pointList01 li span.right {
			width:32%;
			font-weight:normal;
			padding:0.4em;
			border-radius:4px;
			font-size:10px;
			line-height:1.6;
		}

	ul.pointList02 li {
		width:100%;
		float:none;
	}
	
ul.pointList03 {
	margin-bottom:40px;
}
	ul.pointList03 li {
		width:50%;
		margin-bottom:15px;
	}
	
.important {
	font-size:14px;
	margin-bottom:20px;
}
	.important span {
		display:inline-block;
		font-size:13px;
		margin:0 0 10px 0;
	}
		.important span i.fa {
			display:inline-block;
			margin-right:7px;
		}
	.important br {
		display:inherit;
	}

.emp {
	font-size:14px;
}

.pointMb01 {
	margin-bottom:40px;
}
}