@charset "utf-8";

/* common
---------------------------------------- */

/* welding and machining
---------------------------------------- */
div#welding{
}

div#welding div.comment,
div#machining div.comment{
	width:calc(45% - 90px);
	min-height:420px;
	position:relative;
	padding:60px 60px 0 60px;
	padding-left:calc(55% + 30px);
}
div#welding div.comment:before,
div#machining div.comment:before{
	content:"";
	width:calc(55% - 30px);
	height:0;
	position:absolute;
	top:0;
	left:0;
	display:block;
	padding-top:480px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-ms-border-radius:5px;
	background:url(../../business/img/welding.png) no-repeat center center;
	background-size:cover!important;
}
div#machining div.comment:before{
	background:url(../../business/img/machining.png) no-repeat right 20% center;
}

@media screen and (max-width:760px){
	div#welding div.comment,
	div#machining div.comment{
		width:calc(100% - 120px);
		min-height:0;
		padding-top:calc(66.66% + 40px);
		padding-left:60px;
	}
	div#welding div.comment:before,
	div#machining div.comment:before{
		content:"";
		width:100%;
		padding-top:66.66%;
	}
}
@media screen and (max-width:540px){
	div#welding div.comment,
	div#machining div.comment{
		width:100%;
		padding-left:0;
		padding-right:0;
	}
}

/* machining
---------------------------------------- */
div#machining{
}




/* performance
---------------------------------------- */
div#performance{
	margin:0 30px;
}
div#performance p{
	margin-bottom:90px;
	text-align:center;
}
div#performance ul li{
	width:calc(33.33% - 40px);
	position:relative;
	margin-right:60px;
	margin-bottom:60px;
	padding-top:calc(21.41% + 5px);
	font-size:20px;
}
div#performance ul li:nth-child(3n){
	margin-right:0;
}
div#performance ul li:before{
	width:100%;
	height:0;
	content:"";
	position:absolute;
	top:0;
	left:0;
	display:block;
	padding-top:63.15%;
	background-repeat:no-repeat;
	background-position:center center;
	background-size: 100% auto;
}
div#performance ul li:nth-child(1):before{background-image:url(../../business/img/performance/01.png);}
div#performance ul li:nth-child(2):before{background-image:url(../../business/img/performance/02.png);}
div#performance ul li:nth-child(3):before{background-image:url(../../business/img/performance/03.png);}
div#performance ul li:nth-child(4):before{background-image:url(../../business/img/performance/04.png);}
div#performance ul li:nth-child(5):before{background-image:url(../../business/img/performance/05.png);}
div#performance ul li:nth-child(6):before{background-image:url(../../business/img/performance/06.png);}
div#performance ul li:nth-child(7):before{background-image:url(../../business/img/performance/07.png);}
div#performance ul li:nth-child(8):before{background-image:url(../../business/img/performance/08.png);}
div#performance ul li:nth-child(9):before{background-image:url(../../business/img/performance/09.png);}
div#performance ul li:nth-child(10):before{background-image:url(../../business/img/performance/10.png);}
div#performance ul li:nth-child(11):before{background-image:url(../../business/img/performance/11.png);}
div#performance ul li:nth-child(12):before{background-image:url(../../business/img/performance/12.png);}

@media screen and (max-width:1054px){
	div#performance ul li{
		width:calc(33.33% - 20px);
		margin-right:30px;
		margin-bottom:30px;
		padding-top:calc(21.41% + 3px);
		font-size:18px;
	}
}
@media screen and (max-width:760px){
	div#performance{
		margin:0;
	}
	div#performance p{
		text-align:left;
	}
	div#performance ul li{
		width:calc(50% - 15px);
		padding-top:calc(32.12% + 5px);
		font-size:16px;
	}
	div#performance ul li:nth-child(3n){
		margin-right:30px;
	}
	div#performance ul li:nth-child(2n){
		margin-right:0;
	}
}
@media screen and (max-width:540px){
	div#performance ul li{
		width:calc(50% - 7.5px);
		margin-right:15px;
		padding-top:calc(32.12% + 5px);
		font-size:14px;
	}
	div#performance ul li:nth-child(3n){
		margin-right:15px;
	}
	div#performance ul li:nth-child(2n){
		margin-right:0;
	}
}
@media screen and (max-width:350px){
	div#performance ul li{
		width:calc(50% - 5px);
		margin-right:10px;
		padding-top:calc(32.12% + 2px);
		font-size:12px;
	}
	div#performance ul li:nth-child(3n){
		margin-right:10px;
	}
	div#performance ul li:nth-child(2n){
		margin-right:0;
	}
}