@charset "UTF-8";

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

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

section {
	padding-bottom: 0;
}
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;
}

.ns_bg {
position: relative;
}
.ns_bg img {
width:100%;
}

main {
	width: 100%;
}
.ns_bg_bottom {
display: none;
}

	#mainvisual-top {
		position: relative;
margin-bottom: 0;	}
		#mainvisual-top #main_image {
			background-color: #8396A4;
		}
		#mainvisual-top #main_image.smart {
			background-color: #FFFFFF;
		}
		#mainvisual-top #main_image.blk {
			background-color: #000000;
		}

			#mainvisual-top #main_image .main_wrap {
				max-width: 100%;
				height: auto;
			}
/*				#mainvisual-top #main_image .main_visual {
					max-width: 100%;
					width: 100%;
					background: url("../images/top/new_grinding_machines.png") no-repeat;
					background-size: cover;
				}*/
				#mainvisual-top #main_image .main_visual p {
					color: #fff;
				}
				#mainvisual-top #main_image .main_visual a {
					color: #fff;
					text-decoration: none;
				}
				
				#mainvisual-top #main_image .main_visual .area_one {
				}
				#mainvisual-top #main_image .main_visual .series_cylindricalgrinders {
				}
				#mainvisual-top #main_image .main_visual .series_cylindricalgrinders p {
					font-size: 30px;
					font-weight: bold;
					position: absolute;
					top: 10px;
					left: 10px;
				}
				#mainvisual-top #main_image .main_visual .series_catalogdownload {
					text-align: right;
					position: absolute;
					bottom: 10px;
					right: 350px;
 				}
				#mainvisual-top #main_image .main_visual .series_catalogdownload a {
					font-size: 20px;
					font-weight: bold;
					display: inline-block;
					padding: 10px 20px;
					border-radius: 5px;
					background-color: red;
				}
				#mainvisual-top #main_image .main_visual .series_title {
				}
				#mainvisual-top #main_image .main_visual .series_title p {
					font-size: 90px;
					line-height: 90px;
					font-weight: bold;
					text-align: center;
				}

				#mainvisual-top #main_image .main_visual {
				}
					#mainvisual-top #main_image .main_visual .series_conceptvideo {
						position: absolute;
						bottom: 10px;
						left: 10px;
					}
						#mainvisual-top #main_image .main_visual .series_conceptvideo a {
							font-size: 30px;
							font-weight: bold;
						}
						#mainvisual-top #main_image .main_visual .series_conceptvideo .series_conceptvideo_caution {
							font-size: 20px;
						}

				#mainvisual-top #main_image .main_visual .area_three {
					text-align: right;
					position: absolute;
					bottom: 10px;
					right: 10px;
				}
					#mainvisual-top #main_image .serieslist {
						display: inline-block;
					}
					#mainvisual-top #main_image .serieslist ol, ul {
						list-style: none;
					}
						#mainvisual-top #main_image .serieslist .left {
							float: left;
							width: 150px;
							text-align: left;
							margin-right: 10px;
							position: relative;
						}
							#mainvisual-top #main_image .serieslist .left img {
								display: block;
							}
							#mainvisual-top #main_image .serieslist .left .img-after {
								visibility: hidden;
								position: absolute;
								top: 0;
								left: 0;
							}
							#mainvisual-top #main_image .serieslist .left:hover .img-before{
								visibility: hidden;
							}
							#mainvisual-top #main_image .serieslist .left:hover .img-after{
								visibility: visible;
							}
								#mainvisual-top #main_image .serieslist a:link {
									color: #2e66a2;
									text-decoration: none;
									cursor: pointer;
								}
						#mainvisual-top #main_image .serieslist .right {
							float: left;
							width: 150px;
							text-align: right;
							margin-left: 10px;
							position: relative;
						}
							#mainvisual-top #main_image .serieslist .right img {
								display: block;
							}
							#mainvisual-top #main_image .serieslist .right .img-after {
								visibility: hidden;
								position: absolute;
								top: 0;
								left: 0;
							}
							#mainvisual-top #main_image .serieslist .right:hover .img-before{
								visibility: hidden;
							}
							#mainvisual-top #main_image .serieslist .right:hover .img-after{
								visibility: visible;
							}

	.series_container01 {
		background-color: #fff;
	}
		.series_container01 .main_wrap {
			max-width: 980px;
		}
	.series_container02 {
		padding: 100px 0;
		text-align: center;
	}
	.series_container03 {
		padding: 0 0 100px;
		background-color: #F0F0F0;
		border-top: solid 4px #BF2932;
		text-align: center;
	}
	.series_container04 {
		padding: 50px 0;
		background-color: #F0F0F0;
		border-top: solid 4px #BF2932;
		text-align: center;
	}
		.series_container02 .main_wrap,
		.series_container03 .main_wrap,
		.series_container04 .main_wrap {
			max-width: 1024px;
		}

		.series_cont {
			width: 100%;
			display: table;
			margin-bottom: 50px;
		}
				.series_cont h5 {
					font-size: 2.4rem;
					font-weight: bold;
					color: #fff;
					line-height: 1.2em;
					margin-bottom: 30px;
					text-align: center;
					background-color: #9f9f9f;
					height: 50px;
					display: table-cell;
					vertical-align: middle;
				}
					.series_cont h5 .small {
						font-size: 1.4rem;
						font-weight: normal;
					}
					.series_cont h5 .tclr {
						color: #BF2932;
					}
		.series_cont_wrap {
			display: table;
			width: 980px;
			text-align: center;
		}
			.series_cont-l {
				display: table-cell;
				width: 50%;
				vertical-align: middle;
			}
			.series_cont-r {
				display: table-cell;
				width: 50%;
				vertical-align: middle;
			}
			.series_cont_text {
				text-align: center;
				font-weight: bold;
				height: auto;
				font-size: 22px;
			}
			.series_cont-c img {
				width: 490px;
				text-align: center;
			}

	.series_image {
		margin-bottom: 20px;
		text-align: center;
	}

	.series_product .main_wrap {
		margin: 60px auto 150px;
		max-width: 980px;
	}
		.series-ttl_area {
			position: relative;
			padding-top: 10px;
			padding-bottom: 10px;
			border-bottom: solid 1px #231815;
		}
			.series_subttl {
				font-size: 1.8rem;
				line-height: 1.4em;
			}
			.series_ttl {
				position: absolute;
				bottom: 10px;
				right: 0;
				font-size: 1.8rem;
				line-height: 1.4em;
				text-align: right;
			}
		.series_set {
			padding-top: 15px;
			font-size: 1.8rem;
			line-height: 1.4em;
		}
		.series_point {
			padding-top: 15px;
			padding-bottom: 50px;
			line-height: 1.4em;
			font-size: 1.8rem;
		}
			.series_point span {
				display: inline-block;
				padding-right: 2em;
			}
		.series_part_point {
			display: table;
			padding-top: 30px;
			width: 100%;
			font-size: 1.8rem;
		}
			.series_part_point p {
				display: table-cell;
				width: 50%;
				text-align: left;
			}
		.series_notes {
			padding-top: 15px;
			font-size: 1.4rem;
		}

	.pdt20 {padding-top: 20px !important;}
	.pdt30 {padding-top: 30px !important;}
	.pdb10 {padding-bottom: 10px !important;}

	.tbfont {
		font-size: 140%;
	}

	.title_box {
	}
		.title_box img {
			max-width: none;
		}



/*g1_series*/
#mainvisual-top #main_image .main_visual.g1_top {
	max-width: 100%;
	width: 100%;
	height: 424px;
	background: url("../images/series/main_g1series01.jpg") no-repeat;
	background-size: cover;
}
#mainvisual-top #main_image .main_visual .area_one.g1series {
	padding-bottom: 80px;
}
#mainvisual-top #main_image .main_visual .series_title.g1series {
	padding-bottom: 80px;
}
#mainvisual-top #main_image .main_visual .area_four a {
	font-size: 30px;
	font-weight: bold;
	padding-left: 10px;
}
.g1series_cont_wrap01 {
	width: 490px;
	margin: 0 auto;
	text-align: center;
}


#mainvisual-top #main_image {
  background-color: #FFFFFF;
}
.g1series_cont_wrap02 {
	display: table;
	width: 980px;
}
.g1series_cont_wrap02 .series_cont-img {
	display: table-cell;
	width: 70%;
	vertical-align: middle;
}
.g1series_cont_wrap02 .series_cont-text {
	display: table-cell;
	width: 30%;
	vertical-align: middle;
}
.g1series_cont_wrap02 .series_cont_text01 {
	text-align: center;
	font-weight: bold;
	height: auto;
	font-size: 24px;
	border-bottom: 1px solid #000;
}
.g1series_cont_wrap02 .series_cont_text02 {
	text-align: center;
	font-weight: bold;
	height: auto;
	font-size: 18px;
}

.g1_ttl {
	margin-bottom: 40px;
}
	.g1_ttl h2 {
		text-align: center;
		font-size: 100px;
		font-weight: bold;
		border-bottom: 2px solid #000000;
	}
	.g1_ttl h2.small {
		font-size: 70px;
	}
		.g1_ttl h2 span {
			font-size: 26px;
		}
	.g1_ttl .title_img {
		text-align: center;
	}
.productBox {
	margin: 30px 0 50px;
}
.splitContainer {
	margin-bottom: 30px;
	text-align: center;
	font-size: 0;
	width: 100%;
}
	.splitContainer > div {
	}
	.splitContainer-img {
		display: inline-block;
		width: calc(100% - 330px);
	}
		.splitContainer-img img {
			width: 100%;
		}
	.splitContainer-txt {
		display: inline-block;
		width: 330px;
		vertical-align: middle;
	}
		.splitContainer-txt h4 {
			padding-bottom: 10px;
			font-weight: bold;
			font-size: 24px;
			border-bottom: 1px solid #000000;
		}
		.splitContainer-txt p {
			padding: 15px 5px 0;
			font-size: 16px;
			line-height: 1.4em;
		}
			.splitContainer-txt p .ured {
				font-size: 24px;
				color: #FF0000;
				font-weight: bold;
			}
.newggrindingContainer {
	margin-bottom: 50px;
	padding: 10px 10px 5px;
	border-left: 10px solid #DE0925;
}
		.newggrindingContainer h4 {
			padding-bottom: 5px;
			font-weight: bold;
			font-size: 24px;
			border-bottom: 1px solid #000000;
		}
		.newggrindingContainer ul.disc {
			list-style: disc;
		}
		.newggrindingContainer li {
			padding-top: 10px;
			padding-left: 1em;
			text-indent: -1em;
			font-size: 16px;
			line-height: 1.2em;
			list-style-position: inside;
		}
			.newggrindingContainer li .option {
				margin-left: 5px;
				padding: 0 3px;
				border: 1px solid #000000;
			}

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

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

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

	.main_wrap {
		padding: 0 15px;
		width: auto;
	}

	main {
		padding-top: 60px;
		min-width: 0;
	}
.ns_bg_bottom {
display:block;
width: 100%;height:133px;background-color: #9f9f9f;;
}

			#mainvisual-top #main_image .main_wrap {
				padding: 0;
			}
/*				#mainvisual-top #main_image .main_visual {
					background: url(../images/top/new_grinding_machines_sp.png) no-repeat;
					background-size: contain;
					height: 124vw;
					position: relative;
				}*/

#mainvisual-top #main_image .main_visual .series_catalogdownload {
display: none;
  text-align: right;
  position: absolute;
  top: 10px;
  right: 10px;
}
				#mainvisual-top #main_image .main_visual .area_one {
				}
					#mainvisual-top #main_image .main_visual .series_cylindricalgrinders p {
						font-size: 4vw;
					}
					#mainvisual-top #main_image .main_visual .series_catalogdownload a {
						font-size: 3vw;
					}
					#mainvisual-top #main_image .main_visual .series_title {
					}
					#mainvisual-top #main_image .main_visual .series_title p {
						font-size: 9vw;
						line-height: 120%;
					}
#mainvisual-top #main_image .main_visual .area_three {
  text-align: right;
  position: absolute;
  bottom: -130px;
  right: 10px;
}
#mainvisual-top #main_image .main_visual .series_conceptvideo {
  position: absolute;
  bottom: -130px;
  left: 10px;
}
			#main_menu ul {
				margin: 0;
				width: 100%;
				height: auto;
				list-style: none;
				font-size: 0;
			}
				#main_menu ul li {
					display: block;
				}

		.series_container01 {
			padding: 30px 0;
		}

				.series_cont_wrap {
					display: block;
					width: auto;
					text-align: center;
				}

					.series_cont-l {
						display: block;
						width: 100%;
						margin-bottom: 30px;
					}
					.series_cont-r {
						display: block;
						width: 100%;
					}
					.series_cont_text {
						font-size: 5vw;
					}
						.series_cont h5 .small {
							font-size: 2.0rem;
						}
						.series_cont p {
							font-size: 1.6rem;
						}

		.series_product .main_wrap {
			margin: 30px auto 50px;
		}
				.series_subttl {
					padding-top: 10px;
					padding-bottom: 10px;
					font-size: 1.4rem;
				}
				.series_ttl {
					position: static;
					bottom: 0;
					right: 0;
					font-size: 1.8rem;
					line-height: 1.4em;
					text-align: center;
				}
			.series_set {
				font-size: 1.4rem;
			}
			.series_point {
				font-size: 1.4rem;
			}
				.series_point span {
					display: block;
					padding-right: 0;
				}
			.taktica_part_point {
				font-size: 1.4rem;
			}

	.g1_ttl {
		margin-bottom: 30px;
	}
		.g1_ttl h2 {
			font-size: 50px;
		}

		.splitContainer-img {
			display: block;
			margin-bottom: 50px;
			width: auto;
		}
		.splitContainer-txt {
			display: block;
			margin-bottom: 20px;
			width: auto;
		}
			.splitContainer-txt h4 {
			}
			.splitContainer-txt p {
			}
				.splitContainer-txt p .ured {
				}

}

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

.ns_bg_bottom {
display:block;
width: 100%;height:93px;background-color: #9f9f9f;;
}
#mainvisual-top #main_image .main_visual .area_three {
  text-align: right;
  position: absolute;
  bottom: -90px;
  right: 10px;
}
#mainvisual-top #main_image .main_visual .series_conceptvideo {
  position: absolute;
  bottom: -90px;
  left: 10px;
}


				#mainvisual-top #main_image .main_visual .series_conceptvideo a {
					font-size: 18px;
				}
				#mainvisual-top #main_image .main_visual .series_conceptvideo .series_conceptvideo_caution {
					font-size: 14px;
				}
						#mainvisual-top #main_image .serieslist .left,
						#mainvisual-top #main_image .serieslist .right {
							margin: 0 0 0 10px;
							width: 100px;
						}
						#mainvisual-top #main_image .serieslist .left img,
						#mainvisual-top #main_image .serieslist .right img {
							width: 100%;
						}

			.g1_ttl h2.small {
				font-size: 40px;
			}
				.g1_ttl h2 span {
					font-size: 20px;
				}

}

@media screen and (max-width: 400px) {
				#mainvisual-top #main_image .main_visual .series_conceptvideo {
					display: block;
				}
				#mainvisual-top #main_image .main_visual .area_three {
					display: block;
					text-align: left;
				}
			.splitContainer-txt h4 {
				font-size: 14px;
			}
			.splitContainer-txt p {
				font-size: 10px;
			}
				.splitContainer-txt p .ured {
					font-size: 14px;
				}
}

@media screen and (max-width: 359px) {
		.splitContainer-img {
			width: 50%;
		}
			.splitContainer-img img {
			}
		.splitContainer-txt {
			width: 50%;
		}
			.splitContainer-txt h4 {
				padding-bottom: 3px;
				font-size: 12px;
			}
			.splitContainer-txt p {
				padding: 3px 2px 0;
			}
}