@charset "utf-8";

/* ============================================= main_visual */
.products_list .main_visual {
	background: url(../imgs/products/stepmotor/main_visual.jpg) no-repeat center center / cover;
}

.main_visual .text {
	max-width: 736px;
}

/* ------------------------------------- for sp */
@media ( max-width : 767px ) {
	.products_list .main_visual {
		background: url(../imgs/products/stepmotor/main_visual_sp.jpg) no-repeat center top / cover;
	}
}

.heading_02 {
	margin-bottom:18px;
}

.product_content .pc-thumb-col3 > li {
	width:31%;
	max-width:288px;
}
/* ------------------------------------- for sp */
@media ( max-width : 767px ) {
	
	.product_content .pc-thumb-col3 > li {
		width: 100%;
		max-width: 100%;
	}
	.pc-thumb-col3 img {
		max-width: 100%;
		width: 100%;
	}
}


/* ============================================= heading_01 span */
/* ------------------------------------- for sp */
@media ( max-width : 767px ) {
	.heading_01 span.lb {
		display:flex;
		justify-content:center;
	}
}


/* ============================================= image */
.stepmotor_about_image img {
	margin-left:auto;
	margin-right:auto;
}

/* ============================================= notes */
.notes {
	font-size:1.4rem;
	line-height:1.56;
}


/* ============================================= related_ul */
.related_li .image img {
	transform: scale(1.1);
	object-fit:cover;
}

.related_ul .related_li {
	aspect-ratio: 7 / 5 !important;
	background-size:cover;
}
@media screen and (min-width:1000px) and ( max-width:1200px) {
	.related_ul .related_li {
		aspect-ratio: 8 / 5 !important;
		background-size:cover;
	}
}
@media screen and (min-width:768px) and ( max-width:999px) {
	.related_ul .related_li {
		aspect-ratio: 4 / 3 !important;
		background-size:cover;
	}
}
/* ------------------------------------- for sp */
@media ( max-width : 767px ) {
	.related_ul .related_li {
		aspect-ratio: 9 / 10 !important;
		background-size:cover;
	}
}




.stepmotor_about_image p {
	text-align:center;
	font-weight:500;
}
/* ------------------------------------- for sp */
@media ( max-width : 767px ) {
	.stepmotor_about_image p {
		text-align:left;
		display:flex;
	}
	.stepmotor_about_image p span.point {
		width:5em;
	}
	.stepmotor_about_image p span.text {
		width:calc(100% - 5em);
	}
}