@charset "utf-8";
/* ------------------------------
 製品紹介（PC）
------------------------------ */
@media print, screen and (min-width: 768px) {
	.contentsTop > .heading {
		background: url(../img/products_mainimg.jpg) no-repeat center 0 / 1920px 560px;
	}
}
/* ------------------------------
 製品紹介（SP）
------------------------------ */
@media screen and (max-width: 767px) {
	.contentsTop > .heading {
		background: url(../img/products_mainimg.jpg) no-repeat center 0 / 960px 280px;
	}
}

/* ------------------------------
 駆動系部品（PC）
------------------------------ */
.propshaft {
	margin-bottom: 40px;
}
/* フロー */
.flow {
	display: flex;
	justify-content: space-between;
}
.flow li {
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	background-color: #73bdf2;
	color: #fff;
	font-size: 1.8rem;
	line-height: 1.35;
	font-weight: bold;
	text-align: center;
}
.flow li:nth-child(2) {
	background-color: #54aff0;
}
.flow li:nth-child(3) {
	background-color: #339fed;
}
.flow li:nth-child(4) {
	background-color: #4083c0;
}
.flow li:nth-child(5) {
	background-color: #2673b8;
}
.flow li:nth-child(6) {
	background-color: #1467b2;
}
.flow li:nth-child(7) {
	background-color: #406087;
}
.flow li:nth-child(8) {
	background-color: #284c78;
}
.flow li:nth-child(9) {
	background-color: #103869;
}
/* フロー シフトデバイス*/
.flow.sb li:nth-child(2) {
	background-color: transparent;
}
.flow.sb li:nth-child(2) p {
	display: flex;
	width: 100%;
	height: 50%;
	justify-content: center;
	align-items: center;
	background-color: #0087e8;
}
.flow.sb li:nth-child(3) {
	background-color: #005aab;
}
.flow.sb li:nth-child(4) {
	background-color: #103869;
}
/* 下線 */
.inBlock .blineBox:last-of-type {
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: none;
}
@media print, screen and (min-width: 768px) {
	.propshaft {
		position: relative;
		text-align: right;
	}
	.propshaft p {
		position: absolute;
		top: 0;
		left: 0;
		width: 420px;
		line-height: 2;
		text-align: left;
	}
	.propshaft img {
		width: 733px;
		height: 513px;
	}
	/* フロー */
	.flow {
		justify-content: space-between;
	}
	.flow li {
		width: 96px;
		height: 93px;
	}
	.flow li:not(:last-child):after {
		content: "";
		display: inline-block;
		position: absolute;
		top: 0;
		bottom: 0;
		right: -20px;
		width: 8px;
		height: 8px;
		margin: auto 0;
		border-top: solid 3px #005aab;
		border-right: solid 3px #005aab;
		vertical-align: middle;
		transform: rotate(45deg);
	}
	/* フロー シフトデバイス*/
	.flow.sb {
		justify-content: flex-start;
		gap: 40px;
	}
	.flow.sb li {
		width: 120px;
		height: 84px;
	}
	.flow.sb li:nth-child(2) {
		flex-direction: column;
		gap: 8px;
	}
	/* 下線 */
	.blineBox {
		display: flex;
		flex-direction: row-reverse;
		justify-content: space-between;
	}
	.blineBox .w1-2 > img {
		margin-top: 60px;
	}
}
/* ------------------------------
 駆動系部品（SP）
------------------------------ */
@media screen and (max-width: 767px) {
	/* フロー */
	.flow {
		flex-direction: column;
		row-gap: 26px;
		width: 100%;
		max-width: 500px;
		margin: 0 auto;
	}
	.flow li {
		width: 100%;
		line-height: 38px;
	}
	.flow li br {
		display: none;
	}
	.flow li:not(:last-child):after {
		content: "";
		display: inline-block;
		position: absolute;
		bottom: -16px;
		left: 0;
		right: 0;
		width: 7px;
		height: 7px;
		margin: 0 auto;
		border-top: solid 3px #005aab;
		border-right: solid 3px #005aab;
		transform: rotate(135deg);
	}
	/* フロー シフトデバイス*/
	.flow.sb li:nth-child(2) {
		column-gap: 4px;
	}
	/* 下線 */
	.blineBox .w1-2 + .w1-2 {
		margin-top: 1.75em;
	}
}
@media screen and (max-width: 414px) {
	.flow li:not(:first-child):before {
		left: -22%;
	}
}