@charset "utf-8";

/* about_caster_top
-------------------------------------------------- */
/* キャスターの構造 */
.construction{
	margin-top:15px;
}

/* ストッパーの種類 */
.stopper_varietion li{
	padding-left:1rem;
	list-style:inside disc;
	text-indent:-1rem;
	line-height:150%;
	margin-bottom:10px;
}

/* 旋回部の構造 */
h6{
	text-align:center;
	background:#d90013;
	font-weight:400;
	color:#ffffff;
	padding:10px;
}
.single-bearing{
	margin-bottom:10px;
}
.pivot_construction{
	background:#ffffff;
	padding:15px;
	border-left:1px solid #c8c8c8;
	border-right:1px solid #c8c8c8;
	border-bottom:1px solid #c8c8c8;	
}
.double-bearing .dashed{
	border-bottom:1px dashed #c8c8c8;
}
.pivot_construction dl{
	margin-top:10px;
	line-height:150%;
}
.pivot_construction dl dt{
	font-weight:500;
}



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


	/* about_caster_top
	++++++++++++++++++++++++++++++++++++++++++++++ */

	/* キャスターの構造 */
	.construction{
		border:1px solid #c8c8c8;
		background:#ffffff;
		padding:30px;
		text-align:center;
	}

	/* 旋回部の構造 */
	h6{
		padding:15px;
	}
	.single-bearing{
		margin-bottom:15px;
	}
	.pivot_construction{
		padding:25px;
	}
	.pivot_construction .left{
		float:left;
		width:55%;
	}
	.pivot_construction .right{
		float:right;
		width:40%;
	}
}