@charset "UTF-8";

body {
	overflow-x: visible;
	overflow-y: visible;
}
a:hover {
	text-decoration: underline;
}

.sus-sub:hover {
	display:block;
}

section {
	padding-bottom: 100px;
}
section.nopb {
	padding-bottom: 0;
}

/* clearfix */
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
.show_pc {
	display: block;
}
.show_sp {
	display: none;
}

.main_wrap {
	margin: 0 auto;
	max-width: 1425px;
}

main {
	width: 100%;
}
#container .contents {
	width: auto;
}
	#container .contents > section {
		margin-bottom: 0;
	}
	#mainvisual-top {
		position: relative;
	}
		#mainvisual-top #main_image01 {
			background-color: #020003;
		}
			#mainvisual-top #main_image01 .main_visual {
				position: static;
				padding-top: 19.65%;
				height: 0;
				background: url("../images/jtektgroup/main-jtektgroup01.jpg") no-repeat;
				background-size: 100% auto;
				text-indent: -9999px;
			}
		#mainvisual-top #main_image02 {
			background-color: #AFB8BD;
		}
			#mainvisual-top #main_image02 .main_visual {
				position: static;
				padding-top: 50.5%;
				height: 0;
				background: url("../images/jtektgroup/main-jtektgroup02.jpg") no-repeat;
				background-size: 100% auto;
				text-indent: -9999px;
			}

	.title_box {
		background: linear-gradient(90deg, #e00824 0%, #e00824 30%, #000000 30%, #000000 100%);
	}
		.title_box img {
			max-width: none;
		}

	#group {
		margin: 100px auto 0;
		padding: 20px 15px;
		max-width: 1100px;
	}

		#group ul {
			font-size: 1.5rem;
			border-top: solid 1px #C8C8C8;
			list-style: none;
		}
			#group ul li {
				padding: 15px 0;
				width: 100%;
				box-sizing: border-box;
				border-bottom: solid 1px #C8C8C8;
			}

				.company {
					float: left;
					padding: 0 10px;
					width: 55%;
				}
					.company h5 {
						font-weight: bold;
					}
						.company dl {
						 	width: 100%;
						}
							.company dt {
								width: 25%;
								clear: left;
								float: left;
							}
							.company dd {
								width: 75%;
								float: left;
							}
				.products_image {
					float: left;
					width: 45%;
					text-align: center;
				}


@media screen and (max-width: 979px) {

	#container .contents {
		padding: 0;
	}
	section {
		padding-bottom: 50px;
	}
	section.nopb {
		padding-bottom: 0;
	}

	.show_pc {
		display: none;
	}
	.show_sp {
		display: block;
	}

	main {
		padding-top: 0;
		min-width: 0;
	}
		main .main_wrap {
			width: auto;
			padding: 0 15px;
		}

			#mainvisual-top #main_image01 .main_wrap,
			#mainvisual-top #main_image02 .main_wrap {
				max-width: 749px;
				padding: 0;
			}
				#mainvisual-top #main_image01 .main_visual {
					position: static;
					padding-top: 26.8%;
					height: 0;
					background: url("../images/jtektgroup/main-jtektgroup01_sp.jpg") no-repeat;
					background-size: 100% auto;
				}
				#mainvisual-top #main_image02 .main_visual {
					position: static;
					padding-top: 68.5%;
					height: 0;
					background: url("../images/jtektgroup/main-jtektgroup02_sp.jpg") no-repeat;
					background-size: 100% auto;
				}

	.title_box {
		margin-top: 0;
		background-color: #000000;
	}

	#group {
		margin: 30px auto 0;
	}

		.company {
			float: none;
			width: 100%;
		}
			.company dt {
				float: none;
				width: 100%;
			}
			.company dd {
				float: none;
				padding-bottom: 10px;
				width: 100%;
			}
		.products_image {
			float: none;
			margin-top: 10px;
			width: 100%;
		}

}

footer {
	padding-top: 0px;
}