@charset "utf-8";

/* ============================================= main_visual */
.products_list .main_visual {
	background: url(../imgs/products/rotaryencoder/main_visual.png) 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/rotaryencoder/main_visual_sp.png) no-repeat center top / cover;
	}
}


/* ============================================= new_products */
.pc-thumb-col3 {
	gap:32px;
	margin: 18px 0 0;
	padding: 0;
}

.pc-thumb-col3 img {
	max-width: 288px;
}

.new_item {
	display:flex;
	justify-content:space-between;
}
.new_item li {
	width:31%;
}
.new_item li a img {
	transition:0.2s;
	width:100%;
}


/* ------------------------------------- for pc */
@media ( min-width : 768px ) {
	.new_item li a:hover img {
		transition:0.2s;
		box-shadow:5px 5px 15px rgba(51,51,51,.15);
	}
}

/* ------------------------------------- for sp */
@media ( max-width : 767px ) {
	.new_item {
		flex-direction:column;
		gap:32px;
	}
	.new_item li,
	.pc-thumb-col3 li {
		width: 100%;
	}
	
	.pc-thumb-col3 img {
		max-width: 100%;
		width: 100%;
	}
}


/* ============================================= incremental_encoder */
.incremental_encoder .flexbox {
	gap: 32px;
	margin: 18px 0 0;
}
.incremental_encoder .flexbox .text {
	/* width: 608px; */
	width: calc(100% - 320px);
}



.incremental_encoder .image {
	width: 288px;
}

.incremental_encoder .link_type_02 {
	width: 100%;
	padding: 0.2rem 1.4rem 0.4rem;
}

.incremental_encoder .link_type_02 span {
	font-size: 1.4rem;
}



/* ------------------------------------- for sp */
@media ( max-width : 767px ) {
	.incremental_encoder .flexbox .text,
	.incremental_encoder .flexbox .image {
		width: 100%;
	}

	.incremental_encoder .link_type_01 {
		font-size: 1.44rem;
	}
}


/* ============================================= absolute_encoder */
.absolute_encoder .text {
	margin: 18px 0 0;
}

.absolute_encoder .link_type_01 {
	display: inline-block;
	width: auto;
	padding: 8px 66px;
}

.absolute_encoder .pc-thumb-col3 {
	gap: 32px;
	margin: 18px 0 0;
	padding: 0;
}

.absolute_encoder .pc-thumb-col3 > li {
	width: 31%;
}

.absolute_encoder .link_type_02 {
	width: 100%;
	padding: 0.2rem 1.4rem 0.4rem;
}

.absolute_encoder .link_type_02 span {
	font-size: 1.4rem;
}

.table_content table th span.red {
	color:#C8384D;
}
.table_content table td.new {
	position:relative;
}
.table_content table td.new::after {
	content: "New";
	position: absolute;
	top: 8px;
	right: 8px;
	background: #C8384D;
	color: #fff;
	font-size: 1.4rem;
	font-weight: bold;
	padding: 3px 8px 4px;
	line-height: 1;
	z-index: 2;
}

/* ------------------------------------- for sp */
@media ( max-width : 767px ) {
	.absolute_encoder .link_type_01 {
		font-size: 1.44rem;
	}
	.absolute_encoder .pc-thumb-col3 {
		flex-direction:column;
	}
	.absolute_encoder .pc-thumb-col3 > li {
		width: 100%;
	}
}


/* ============================================= about_content */
.about_content.bottom_line {
	margin-bottom:80px;
	padding-bottom:80px;
	border-bottom:1px solid #BBBBBB;
}
.about_content .flexbox {
	justify-content:space-between;
}
.about_content .flexbox p {
	line-height:1.875;
	width:calc(100% - 165px);
}
.about_content .flexbox .image {
	width:140px;
}
.about_content .illust {
	display:flex;
}
.illust.space-between-pc {
	justify-content:space-between;
}
.illust.center-pc {
	justify-content:center;
}
.illust .image_l,
.illust .image_r {
	width:48.2%;
	max-width:416px;
}
.illust .image_c {
	width:48.2%;
	max-width:448px;
}
.illust .image_l img,
.illust .image_r img {
	margin-top:20px;
}
.illust .image_c img {
	margin-top:40px;
}
.illust .image_l span,
.illust .image_r span {
	display:block;
	font-weight:700;
}
.illust .image_c span {
	display:block;
	font-weight:700;
	text-align:center;
}

/* ------------------------------------- for sp */
@media ( max-width : 767px ) {
	.about_content.bottom_line {
		margin-bottom:50px;
		padding-bottom:50px;
		border-bottom:1px solid #BBBBBB;
	}
	.about_content .flexbox {
		flex-direction:column;
	}
	.about_content .flexbox p {
		line-height:1.875;
		width: 100%;
	}
	.about_content .flexbox .image {
		margin:30px auto 0;
		max-width:140px;
	}
	.about_content .illust {
		
	}
	.illust.space-between-pc {
		flex-direction:column;
	}
	.illust.center-pc {
		flex-direction:column;
	}
	.illust .image_l,
	.illust .image_r,
	.illust .image_c {
		width:100%;
		margin-top:50px;
	}
	.illust span {
		text-align:center;
	}
}


/* ============================================= incremental */
.inner_links.incremental {
	margin-top:80px;
}
/* ------------------------------------- for sp */
@media ( max-width : 767px ) {
	.inner_links.incremental {
		width:10em;
		white-space:nowrap;
	}
	.inner_links.incremental {
		margin:60px auto;
	}
}

ul.notes {
	font-size:1.4rem;
	line-height:1.56;
}
ul.notes li {
	position:relative;
	margin-bottom:3px;
}
/* ----
ul.notes li::before {
	content:"・";
}
---- */


/* ============================================= related_ul */
.related_ul .related_li {
		aspect-ratio: 4 / 3 !important;
		background-size:cover;
	}
/* ------------------------------------- responsive */
@media screen and (min-width:1085px) and ( max-width:1200px) {
	.related_ul .related_li {
		aspect-ratio: 5 / 3 !important;
		background-size:cover;
	}
}
@media screen and (min-width:768px) and ( max-width:1084px) {
	.related_ul .related_li {
		aspect-ratio: 4 / 3 !important;
		background-size:cover;
	}
}

/* ------------------------------------- for sp */
@media ( max-width : 767px ) {
	.related_ul .related_li {
		aspect-ratio: 1 / 1 !important;
		background-size:cover;
	}
}