@charset "utf-8";
/* CSS Document */
#commitment h3 {
	font-size: 25px;
	font-family: 'Raleway', sans-serif;
	letter-spacing: 1px;
	font-weight: normal;
	border-bottom: 1px solid #000;
	padding-bottom: 5px;
}
#commitment h3 .sub_txt {
	font-size: 14px;
	text-align: center;
	color: #f44a4a;
	padding-left: 10px;
}

#commitment .box {
	margin-top: 30px;
}

#commitment .left {
	width: 45%;
	float: left;
}
#commitment .left img,
#commitment .right img {
	width: 100%;
}
#commitment .right {
	width: 49%;
	float: right;
}
#commitment .com_box {
	margin-top: 30px;
}

#commitment .com_box p {
	margin-top: 10px;
	line-height: 180%;
	letter-spacing: 2px;
}
#commitment .com_box h4 {
	font-size: 20px;
	color: #f44a4a;
	border-bottom: 1px solid #ccc;
	padding-bottom: 5px;
}

#commitment .chara_box {
	margin-top: 50px;
}
#commitment .chara_box h4 {
	text-align: center;
	margin-top: 20px;
	font-size: 25px;
	color: #f44a4a;
}
#commitment .chara_box b {
	display: block;
	color: #ccc;
	font-weight: normal;
	font-size: 14px;
	text-align: center;
	margin-top: 5px;
}
#commitment .chara_box p {
	line-height: 180%;
	letter-spacing: 2px;
	margin-top: 20px;
}
#commitment .chara_box .bold {
	display: block;
	text-align: center;
	font-size: 20px;
	font-weight: bold;
}
#commitment .chara_box .bold_red {
	color: #f44a4a;
	font-weight: bold;
}
#commitment .chara_box .red {
	color: #f44a4a;
}

#commitment .origin_box {
	margin-top: 50px;
}
#commitment .origin_box .img {
	text-align: center;
}
#commitment .origin_box .img img {
	max-width: 700px;
	width: 100%;
}
#commitment .origin_box .txt {
	text-align: center;
	line-height: 180%;
	margin-top: 10px;
	letter-spacing: 2px;
}
#commitment .sp_block {
		display: none;
	}

/*タブレット------------------------------------*/
@media (max-width:800px) {
	#commitment {
		padding: 0 20px;
		margin-bottom: 40px;
	}
	#commitment h3 {
		font-size: 20px;
	}
	#commitment h3 .sub_txt {
		font-size: 12px;
	}
	#commitment .sp_block {
		display: block;
	}
}

/*スマホ------------------------------------------*/
@media (max-width:415px) {
	#commitment h3 {
		font-size: 18px;
	}
	#commitment .left {
		width: 100%;
		float: none;
	}
	#commitment .right{
		width: 100%;
		float: none;
	}
	#commitment .left img {
		margin-top: 20px;
	}
	#commitment .com_box h4 {
		margin-top: 20px;
	}
	#commitment .chara_box h4 {
		font-size: 20px;
	}
	#commitment .chara_box b {
		font-size: 12px;
	}
}

/*スマホ(iphone5)---------------------------------*/
@media (max-width:320px) {
	#commitment h3 {
		font-size: 15px;
	}
}