@charset "utf-8";

/* Layout
-------------------------------------------------- */
#container{
	padding-top:47px;
}
/* ヘッダー */
#header #head{
	-webkit-box-shadow:0 1px 3px 0 rgba(0,0,0,0.3);
	-moz-box-shadow:0 1px 3px 0 rgba(0,0,0,0.3);
	box-shadow:0 1px 3px 0 rgba(0,0,0,0.3);
}


/* common
-------------------------------------------------- */
.madeinjapan{
	color:#ffffff;
}
h2{
	font-size:3rem;
	font-weight:200;
	text-align:center;
}
h2::after{
	content:"";
	display:block;
	margin:10px auto 0 auto;
	border-bottom:2px solid #d90013;
	width:60%;
}
h3{
	font-size:2.2rem;
	margin:20px auto 20px auto;
	text-align:center;
	font-weight:200;
}


/* メインビジュアル
-------------------------------------------------- */
.madeinjapan .main-v .main-v-inner{
	width:100%;
	background-color:#3a3034;
	background-image:url(../jpg/bg-main-v.jpg);
	background-repeat:no-repeat;
	background-position:center bottom;
	background-size:120%;
	padding-bottom:60%;
}
.madeinjapan .main-v .lead{
	padding:15px 15px 0 15px;
}
.madeinjapan .main-v .lead p.title{
	font-weight:400;
	font-size:3.6rem;
	color:#d90013;
	margin-bottom:1.5rem;
}
.madeinjapan .main-v .lead p.middle{
	font-size:2rem;
	line-height:115%;
	font-weight:300;
	margin-bottom:1.5rem;
}
.madeinjapan .main-v .lead p.text{
	line-height:150%;
	font-weight:300;
	
}

/* 会社案内動画
-------------------------------------------------- */
.madeinjapan .mv-inner{
	background:#000000;
	width:100%;
	padding:20px 10px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
.madeinjapan .mv-inner .mv{
	width:100%;
	position:relative;
	padding-top:56.25%;
}
.madeinjapan .mv-inner iframe{
	position:absolute;
	top:0;
	right:0;
	width:100%!important;
	height:100%!important;
}


/* 生産体制
-------------------------------------------------- */
.madeinjapan .manufacturing{
	background:#000000;
	padding:10px 10px 20px 10px;
	text-align:center;
}
.madeinjapan .manufacturing p.txt{
	line-height:150%;
	font-weight:300;
	padding:0 15px;
	text-align:left;
}
.madeinjapan .manufacturing ul{
	text-align:center;
	margin-top:20px;
}
.madeinjapan .manufacturing ul li{
	margin-bottom:10px;
}
.madeinjapan .manufacturing ul li span,
.madeinjapan .manufacturing ul li img{
	display:block;
}
.madeinjapan .manufacturing ul li span{
	text-align:center;
	background:#d90013;
	padding:10px 0;
	font-size:2.2rem;
	font-weight:200;
}


/* 一貫製造
-------------------------------------------------- */
.integrated{
	background-image:url(../jpg/bg-integrated.jpg);
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
}
.integrated .integrated-inner{
	padding:20px 15px 30px 15px;
}
.integrated .integrated-inner h2{
	font-size:2.4rem;
	text-align:left;
	padding:2px 0 5px 10px;
	border-left:4px solid #d90013;
	font-weight:300;
	line-height:125%;
}
.integrated .integrated-inner h2::after{
	display:none;
}
.integrated .integrated-inner .right ul{
	margin-top:10px;
	letter-spacing:-0.4em;
}
.integrated .integrated-inner .right ul li{
	letter-spacing:normal;
	display:inline-block;
	background:#d90013;
	width:30%;
	height:auto;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	border-radius:50%;
	position:relative;
	margin-right:5%;
}
.integrated .integrated-inner .right ul li:last-child{
	margin-right:0;
}
.integrated .integrated-inner .right ul li::before{
	content:"";
	display:block;
	padding-top:100%;
}
.integrated .integrated-inner .right ul li span.wrap{
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	text-align:center;
}
.integrated .integrated-inner .right ul li span.wrap span.item{
	display:table;
	width:100%;
	height:100%;
}
.integrated .integrated-inner .right ul li span.wrap span.item span{
	display:table-cell;
	vertical-align:middle;
}
.integrated .integrated-inner .right ul li::after{
	content:"＋";
	position:absolute;
	top:calc(50% - 0.7rem);
	left:100%;
	width:5%;
	text-align:center;
	font-size:1.4rem;
	color:#bfbfbf;
	font-weight:600;
}
.integrated .integrated-inner .right ul li:last-child::after{
	display:none;
}

.integrated .integrated-inner .left{
	margin-top:10px;
}
.integrated .integrated-inner p.txt{
	line-height:150%;
}


/* 製品開発
-------------------------------------------------- */
.development{
	background:#000000;
	padding:30px 15px 30px 15px;
}
.development h3{
	line-height:125%;
}
.development p.txt{
	line-height:150%;
	font-weight:300;
}

/* スライダー */
.development .bx-wrapper{
	width:100%;
	height:400px;
	overflow:hidden;
	position:relative;
	-ms-touch-action:pan-y;
	touch-action:pan-y;
	margin-top:30px;
	background:#ffffff;
}
.development .bx-wrapper .bx-viewport{
	-webkit-transform: translatez(0);
	width:100%;
	height:400px!important;
}
.development .bx-wrapper .bx-viewport .develop-slide{
	height:100%;
}
.development .bx-wrapper .bx-viewport .develop-slide .slide{
	height:100%;
}

/* コントローラー */
.development .bx-wrapper .bx-controls{
	position:relative;
}
.development .bx-wrapper .bx-controls .bx-controls-direction{
	display:none;
}
.development .bx-wrapper .bx-controls .bx-pager{
	position:absolute;
	bottom:22px;
	z-index:999;
	width:100%;
	height:2px;
	text-align:center;
}
.development .bx-wrapper .bx-controls .bx-pager .bx-pager-item{
	display:inline-block;
	width:30px;
	height:2px;
	margin:0 10px;
/*	font-size:0;*/
}
.development .bx-wrapper .bx-controls .bx-pager .bx-pager-item a{
	display:block;
	width:30px;
	height:2px;
	background:#afafaf;
	text-indent:-9999px;
}
.development .bx-wrapper .bx-controls .bx-pager .bx-pager-item a:hover,
.development .bx-wrapper .bx-controls .bx-pager .bx-pager-item a.active,
.development .bx-wrapper .bx-controls .bx-pager .bx-pager-item a:focus{
	background:#d90013;
}

/* スライド */
.development .slide{
	background-color:#ffffff;
	background-repeat:no-repeat;
	background-size:cover;
}
.development .slide01{
	background-position:left center;
	background-image:url(../jpg/bg-slide01.jpg);
}
.development .slide02{
	background-position:center center;
	background-image:url(../jpg/bg-slide02.jpg);
}
.development .slide03{
	background-position:center center;
	background-image:url(../jpg/bg-slide03.jpg);
}
.development .slide04{
	background-image:url(../jpg/bg-slide04.jpg);
	background-position:20px 20px;
	background-size:45%;
}
.development .slide{
	position:relative;
}
.development .slide .inner-box{
	position:absolute;
	width:90%;
	padding:10px;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
}
.development .slide .inner-box p{
	text-align:left!important;
	font-size:1rem;
}
.development .slide .inner-box p.title{
	font-size:1.2rem!important;
	font-weight:200;
	margin-bottom:5px;
}
.development .slide01 .inner-box{
	background:rgba(217,0,19,0.8);
	right:5%;
	bottom:40px;
}
.development .slide02 .inner-box{
	background:rgba(0,0,0,0.8);
	top:40px;
	left:5%;
}
.development .slide03 .inner-box{
	background:rgba(217,0,19,0.8);
	left:5%;
	bottom:40px;
}
.development .slide04 .inner-box{
	background:rgba(0,0,0,0.8);
	right:5%;
	bottom:40px;
}
.development .slide04 .qaic{
	position:absolute;
	top:60px;
	right:10px;
	width:45%;
}
.development p.message{
	background:#d90013;
	text-align:left;
	font-size:1.6rem;
	font-weight:300;
	padding:10px 15px;
	line-height:125%;
}


/* 金型の自社開発
-------------------------------------------------- */
.metal-pattern{
	background:#000000;
	padding:30px 15px;
}
.metal-pattern p.txt{
	text-align:left;
	line-height:150%;
	font-weight:300;
	margin-top:15px;
}
.metal-pattern .photo{
	text-align:center;
}
.metal-pattern .photo li{
	margin-top:10px;
}


/* お客様のご要望にお応えする技術
-------------------------------------------------- */
.technology{
	background:#000000;
	padding-top:10px;
}
.technology h2{
	line-height:110%;
}
.technology .msg{
	margin-top:10px;
	background:#d90013;
}
.technology .msg .msg-inner{
	background-image:url(../jpg/photo-technology.jpg);
	background-repeat:no-repeat;
	background-position:center bottom;
	background-size:100%;
	padding:20px 15px 65% 15px;
}
.technology .msg-inner .txt{
	line-height:150%;
	padding-bottom:5px;
}



/* PC
-------------------------------------------------- */
@media only screen and (min-width: 768px) {

	/* Layout
	++++++++++++++++++++++++++++++++++++++++++++++ */
	#container{
		padding-top:98px;
	}
	#container.scroll{
		padding-top:70px;
	}

	/* ヘッダー */
	#header #head{
		-webkit-box-shadow:none;
		-moz-box-shadow:none;
		box-shadow:none;
	}
	.scroll #header #header-inner{
		-webkit-box-shadow:0 3px 3px 0 rgba(0,0,0,0.3);
		-moz-box-shadow:0 3px 3px 0 rgba(0,0,0,0.3);
		box-shadow:0 3px 3px 0 rgba(0,0,0,0.3);
	}

	/* グローバルメニュー */
	.scroll #header #header-inner #globalnavi{
		background:#d90013;
		max-width:100%;
		margin:0;
	}
	.scroll #header #header-inner ul.global{
		background:#d90013;
		max-width:1024px;
	}
	.scroll #header #header-inner ul.global	li.global-parent > a{
		background:#d90013;
		color:#ffffff;
	}

	/* ドロップメニュー */
	.scroll #header #header-inner ul.global	ul.global-child{
		border-right:1px solid #dedede;
		border-left:1px solid #dedede;
		border-bottom:1px solid #dedede;
		top:32px;
	}
	.scroll #header #header-inner ul.global-child li,
	.scroll #header #header-inner ul.global-child li a{
		display:inherit;
	}


	/* common
	++++++++++++++++++++++++++++++++++++++++++++++ */
	h2{
		font-size:36px;
	}
	h2::after{
		margin:15px auto 0 auto;
		border-bottom:3px solid #d90013;
		width:230px;
	}
	h3{
		font-size:24px;
		margin:40px auto 20px auto;
	}

	/* メインビジュアル
	++++++++++++++++++++++++++++++++++++++++++++++ */
	.madeinjapan .main-v{
		width:100%;
		height:420px;
		background:url(../jpg/bg-main-v-pc.jpg) repeat-x left top;
	}
	.madeinjapan .main-v .main-v-inner{
		max-width:1024px;
		padding:0 20px;
		height:420px;
		margin:0 auto;
		background-color:transparent;
		background-position:right bottom;
		background-size:708px;
		padding-bottom:0;
	}
	.madeinjapan .main-v .lead{
		padding:60px 0 0 0;
		height:420px;
	}
	.madeinjapan .main-v .lead p.title{
		font-size:48px;
		margin-bottom:18px;
	}
	.madeinjapan .main-v .lead p.middle{
		font-size:26px;
		margin-bottom:30px;
	}
	.madeinjapan .main-v .lead p.text{
		line-height:175%;
	}


	/* 会社案内動画
	++++++++++++++++++++++++++++++++++++++++++++++ */
	.madeinjapan .mv-wrap{
		background:#000000;
	}
	.madeinjapan .mv-inner{
		max-width:840px;
		padding:50px 0;
		margin:auto;
	}


	/* 生産体制
	++++++++++++++++++++++++++++++++++++++++++++++ */
	.manufacturing{
		padding:50px 0 70px 0;
	}
	.madeinjapan .manufacturing p.txt{
		line-height:200%;
		text-align:center;
	}
	.madeinjapan .manufacturing{
		padding:50px 0 70px 0;
	}
	.madeinjapan .manufacturing p.txt{
		line-height:200%;
		padding:0;
	}
	.madeinjapan .manufacturing ul{
	margin-top:40px;
	}
	.madeinjapan .manufacturing ul li{
		display:inline-block;
		width:299px;
		margin:0 15px;
	}
	.madeinjapan .manufacturing ul li span{
		padding:10px 0;
		font-size:24px;
	}


	/* 一貫製造
	++++++++++++++++++++++++++++++++++++++++++++++ */
	.integrated{
		padding:60px 0;
	}
	.integrated .integrated-inner{
		width:890px;
		margin:0 auto;
		padding:0;
	}
	.integrated .integrated-inner h2{
		font-size:26px;
		border-left:5px solid #d90013;
		display:inline-block;
		white-space:nowrap;
		line-height:100%;
	}
	.integrated .integrated-inner .right{
		float:right;
		width:178px;
	}
	.integrated .integrated-inner .right ul{
		margin-top:-30px;
		letter-spacing:nomal;
	}
	.integrated .integrated-inner .right ul li{
		display:table;
		width:178px;
		height:178px;
		-webkit-border-radius:50%;
		-moz-border-radius:50%;
		border-radius:50%;
		position:relative;
		margin-right:0;
		margin-bottom:45px;
	}
	.integrated .integrated-inner .right ul li:last-child{
		margin-bottom:0;
	}
	.integrated .integrated-inner .right ul li::after{
		top:177px;
		left:0;
		width:178px;
		text-align:center;
		font-size:40px;
	}
	.integrated .integrated-inner .left{
		margin-top:25px;
		float:left;
	}
	.integrated .integrated-inner p.txt{
		line-height:230%;
		max-width:660px;
		text-align:justify;
		letter-spacing:0.03em;
	}


	/* 製品開発
	++++++++++++++++++++++++++++++++++++++++++++++ */
	.development{
		background:#000000;
		padding:50px 0 0 0;
	}
	.development h3{
		line-height:100%;
	}
	.development p.txt{
		text-align:center;
		line-height:200%;
	}

	/* スライダー */
	.development .bx-wrapper{
		height:700px;
		margin-top:60px;
	}
	.development .bx-wrapper .bx-viewport{
		height:700px!important;
	}

	/* コントローラー */
	.development .bx-wrapper .bx-controls{
		position:relative;
	}
	.development .bx-wrapper .bx-controls .bx-controls-direction{
		display:block;
		position:relative;
	}
	.development .bx-wrapper .bx-controls .bx-pager{
		display:none;
	}
	.bx-wrapper .bx-controls .bx-controls-direction .bx-prev,
	.bx-wrapper .bx-controls .bx-controls-direction .bx-next{
		position:absolute;
		top:-367px;
		width:34px;
		height:34px;
		font-size:0;
		text-indent:-9999px;
	}
	.bx-wrapper .bx-controls .bx-controls-direction .bx-prev{
		left:40px;
		border-top:2px solid #000000;
		border-left:2px solid #000000;
		-webkit-transform:rotate(-45deg);
		transform:rotate(-45deg);
	}
	.bx-wrapper .bx-controls .bx-controls-direction .bx-next{
		right:40px;
		border-top:2px solid #000000;
		border-right:2px solid #000000;
		-webkit-transform:rotate(45deg);
		transform:rotate(45deg);
	}

	/* スライド */
	.development .slide{
		background-position:center center!important;
		height:700px;
	}
	.development .slide04{
		background-image:none;
	}
	.development .slide .box960{
		position:relative;
		height:700px;
		width:960px;
		margin:0 auto;
	}
	.development .slide .inner-box{
		width:400px;
		padding:20px;
		box-sizing:content-box;
		-webkit-box-sizing:content-box;
		-moz-box-sizing:content-box;
	}
	.development .slide .inner-box p{
		font-size:inherit;
	}
	.development .slide .inner-box p.title{
		font-size:26px!important;
		margin-bottom:10px;
	}
	.development .slide01 .inner-box{
		background:rgba(217,0,19,1);
		right:0;
		bottom:40px;
	}
	.development .slide02 .inner-box{
		background:rgba(0,0,0,1);
		top:160px;
		left:0;
	}
	.development .slide03 .inner-box{
		background:rgba(217,0,19,1);
		left:0;
		bottom:50px;
	}
	.development .slide04 .box960{
		background-image:url(../jpg/bg-slide04.jpg);
		background-repeat:no-repeat;
		background-position:40px center;
		background-size:388px;
	}
	.development .slide04 .inner-box{
		background:rgba(0,0,0,1);
		right:40px!important;
		bottom:90px;
	}
	.development .slide04 .qaic{
		position:absolute;
		top:90px;
		right:40px;
		width:277px;
	}
	.development p.message{
		padding:30px 0;
		line-height:100%;
		text-align:center;
		font-size:22px;
	}


	/* 金型の自社開発
	++++++++++++++++++++++++++++++++++++++++++++++ */
	.metal-pattern{
		padding:50px 0 70px 0;
	}
	.metal-pattern p.txt{
		text-align:center;
		line-height:200%;
		margin-top:25px;
	}
	.metal-pattern .photo{
		margin-top:50px;
	}
	.metal-pattern .photo li{
		display:inline-block;
		margin:0 15px;
		width:435px;
	}


	/* お客様のご要望にお応えする技術
	++++++++++++++++++++++++++++++++++++++++++++++ */
	.technology h2{
		line-height:100%;
	}
	.technology .msg{
		margin-top:25px;
	}
	.technology .msg .msg-inner{
		width:890px;
		height:284px;
		margin:0 auto;
		background-position:right center;
		background-size:472px;
		padding:0;
	}
	.technology .msg-inner .txt{
		width:330px;
		height:284px;
		display:table;
		padding-bottom:0;
	}
	.technology .msg-inner .txt span{
		display:table-cell;
		vertical-align:middle;
		line-height:180%;
		font-size:18px;
		font-weight:300;
	}
}