@charset "utf-8";

/* アイコンの説明
-------------------------------------------------- */
/* パンくず */
#crumb{
	background:#f5f5f5;
}

/* タイトル */
.iconlist h3{
	font-weight:400;
	color:#d90013;
	font-size:2rem;
}
.iconlist .main h4{
	font-size:1.7rem;
	padding-bottom:3px;
	border-bottom:1px solid #323232;
	font-weight:400;
	margin-top:20px;
	margin-bottom:10px;
}
.iconlist .main h5{
	font-weight:500;
	margin-bottom:5px;
}

/* アイコン */
.iconlist ul.icon li{
	margin-bottom:15px;
}
.iconlist ul.icon li .left{
	width:25%;
	text-align:center;
	float:left;
}
.iconlist ul.icon li .left img,
.iconlist ul.icon li .left span{
	display:block;
}
.iconlist ul.icon li .left span{
	margin-top:3px;
	font-size:1.2rem;
	line-height:110%;
}

/* 説明 */
.iconlist ul.icon li .right{
	float:right;
	width:73%;
	text-align:left;
	line-height:125%;
}
.iconlist ul.icon li .right .rohs{
	font-size:1rem;
	margin-top:7px;
	line-height:110%;
}



/* PC
-------------------------------------------------- */
@media only screen and (min-width: 768px) {


	/* アイコンの説明
	++++++++++++++++++++++++++++++++++++++++++++++ */
	/* タイトル */
	.iconlist h3{
		max-width:1024px;
		margin:0 auto;
		font-size:40px;
	}
	.iconlist .main h4{
		font-size:24px;
		margin-top:30px;
		padding-bottom:7px;
	}

	/* アイコン */
	.iconlist ul.icon{
		letter-spacing:-0.4em;
	}
	.iconlist ul.icon li{
		letter-spacing:normal;
		display:inline-block;
		width:47%;
		margin-bottom:30px;
		margin-right:6%;
		vertical-align:top;
	}
	.iconlist ul.icon li:nth-child(2n){
		margin-right:0;
	}
	.iconlist ul.icon li .right .rohs{
		font-size:10px;
		line-height:125%;
	}

	/* サイドメニュー */
	.side-navi dd.fittings{
		display:none;
	}
	.side-navi dd.about_caster{
		display:none;
	}
}