@charset "utf-8";

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

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

.product_common_visual span.label {
	font-weight:400 !important;
}

/* ============================================= top_thumbnail */
.end_of_production {
	width:100% !important;
}
.end_of_production img {
	width:100% !important;
	transform: scale(1) !important;
}
.end_of_production:hover img {
	transform: scale(1.05) !important;
}
.end_of_production span {
	position:absolute;
	right:10px;
	top:10px;
	z-index:1;
	color:#FFF;
	background:#000;
	padding:2px 10px 4px;
	line-height:1.4;
}


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

.link_type_03 {
	background:#FFF;
}

.heading_02 {
	margin-bottom:18px;
}

.bold.w500 {
	font-weight:500 !important;
}

/* ============================================= inner_links */
.inner_links.list {
	display:block;
	margin:50px 0;
	text-align:left;
}
.inner_links.list li {
	margin:10px 0;
}

.inner_links.lvdt_list {
	margin:50px 0;
	flex-wrap:wrap;
}
.inner_links.lvdt_list li {
	margin:10px 20px;
}

/* ------------------------------------- for sp */
@media ( max-width : 767px ) {
	.inner_links {
		display: grid;
		justify-content: center;
	}
	.inner_links li {
	  text-align: left;
	  width: fit-content;
	}
	.inner_links.list li {
		margin:1.5rem 0;
		padding-left:1.5rem;
		text-indent:-1.5rem;
	}
	.inner_links.list.synchro li {
		padding-left:2.5rem;
		text-indent:-2.5rem;
	}
}


/* ============================================= about_image */
.about_image.flex {
	display:flex;
	justify-content:space-between;
}
.about_image.flex div {
	width:48%;
}
.about_image.flex div img {
	margin-top:20px;
}
.about_image.flex div p {
	text-align:center;
	font-weight:700;
	font-size:1.6rem;
}

/* ------------------------------------- for sp */
@media ( max-width : 767px ) {
	.about_image.flex {
		display:flex;
		justify-content:space-between;
		flex-direction:column;
	}
	.about_image.flex div {
		width:100%;
		margin-top:50px;
	}
}


/* ============================================= product_content */
.flexbox.pc-text-col2 {
	gap: 32px;
	margin: 18px 0 0;
}

.flexbox.pc-text-col2 .text {
	width: calc(100% - 320px);
	margin: 0;
}

.flexbox.pc-text-col2 .image {
	width: 288px;
}

/* ------------------------------------- for pc */
@media ( min-width : 768px ) {
	.product_content .pc-thumb-col3 {
		gap:32px 0;
	}
	.product_content .pc-thumb-col3 > li {
		width:31%;
		max-width:288px;
		margin-right:3.5%;
	}
	.product_content .pc-thumb-col3 > li:nth-child(3n) {
		margin-right:0;
	}
}

/* ------------------------------------- for sp */
@media ( max-width : 767px ) {
	.flexbox.pc-text-col2 .text,
	.flexbox.pc-text-col2 .image {
		width: 100%;
	}
	.flexbox.pc-text-col2 .text .flexbox > p {
		width:4em;
	}
	.flexbox.pc-text-col2 .text .flexbox > p + p {
		width:calc(100% - 4em);
	}
}


/* ============================================= table */
th.type_image span {
	text-align:center;
	display:block;
}
th.type_image img {
	margin:10px auto 0;
	width:auto;
	max-width:160px;
}


/* ============================================= related_ul */
.related_ul .related_li {
	aspect-ratio: 6 / 5 !important;
	background-size:cover;
}

/* ------------------------------------- responsive */
@media screen and (min-width:931px) and ( max-width:1200px) {
	.related_ul .related_li {
		aspect-ratio: 3 / 2 !important;
		background-size:cover;
	}
}
@media screen and (min-width:768px) and ( max-width:976px) {
	.related_ul .related_li {
		aspect-ratio: 1 / 0.85 !important;
		background-size:cover;
	}
}

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


/* ============================================= type_page */
.contents.type_page {
	margin-top:40px !important;
}
.type_links {
	text-align:center;
}
.type_links li {
	margin-bottom:20px;
}
.type_image img,
.vrdc_image img {
	width:auto;
	max-width:100%;
	margin:auto;
}

ul.notes {
	font-size:1.4rem;
}
ul.notes.indent {
	margin:0;
}
ul.notes.indent li {
	line-height:1.875;
	padding:0 2rem;
}


/* ============================================= indent */
span.indent3 {
	display:block;
	text-indent:0em;
	margin-left:3em;
}
span.inline-indent3 {
	display:inline-block;
	text-indent:-3em;
	margin-left:3em;
}

.product_common_visual.thumb .text p span.red {
	color:#C8384D;
	margin-top:-15px;
}

.indent2em {
	padding-left:2em;
	text-indent:-2em;
}

.vrdc_top_text {
	text-align:center;
	font-size:1.2rem;
	margin-top:-50px;
}
/* ------------------------------------- for sp */
@media ( max-width : 767px ) {
	.vrdc_top_text {
		margin:-30px auto 0;
		text-align:center;
	}
	
	.sp.inline {
		display:inline-block;
	}
	
}

span.indent1 {
	display:block;
	padding-left:1em;
	text-indent:-1em;
}