@charset "utf-8";
/* CSS Document */

/*=========================
括弧付き数字リスト
==========================*/
ol.par_list{
	padding-left: 0;
}
ol.par_list li{
	list-style-type: none;
	counter-increment: cnt;
	text-indent: -1.8rem;
	padding-left: 1.8rem;
}
ol.par_list li::before {
	content: "("counter(cnt)") ";
}

/*=========================
アクチュエータの断面図
==========================*/
.cross_section{
	background-color: #c3e3f4;
	border: #1c2e4c 1px solid;
	padding: 15px;
	max-width: 500px;
	text-align: center;
	margin: 0 auto;
}

/*=========================
モジュレイティッド流量制御
==========================*/
#modulated img{ display: block;}
#modulated img:first-child{ margin-bottom: 20px;}
@media (min-width: 992px) {
	#modulated img{
		margin-left: auto;
		margin-right: 0;
	}
}
@media (max-width: 991px) {
	#modulated img{
		margin-left: auto;
		margin-right: auto;
	}
}
@media (min-width: 768px) {
	#modulated ol{ margin-bottom: 0;}
}
@media (max-width: 767px) {
	#modulated img:first-child{ margin-top: 40px;}
}

/*=========================
アクチュエーター要目
==========================*/
#point{ margin-bottom: 40px;}
.typebox{ background-color: #e5f1f9;}
.typebox .type_img{ background-color: #fff;}

.typebox p{
	text-align: center;
	padding: 10px 0;
	margin-bottom: 0;
}
@media (max-width: 767px) {
	#point div:not(:last-child) .typebox{ margin-bottom: 20px;}
}

.type_txt{ margin-top: 5px;}
@media (min-width: 992px) {
	.type_txt{ font-size: 0.9rem;}
}
@media (max-width: 991px) {
	.type_txt{ font-size: 0.8rem;}
}