@charset "utf-8";
/* CSS Document */

/*------------------------------------------------------
　共通
-------------------------------------------------------*/

p.page-read{
	font-size:26px;
	margin:1em 0 1.5em 0;
	text-align:center;
}
@media screen and (max-width:768px){
p.page-read{
	font-size:20px;
}	
}
.bg-fixed{
	
}

/*------------------------------------------------------
　私たちの仕事
-------------------------------------------------------*/
.guide-title.bg-1{
	background:url(../img/guide/slice.jpg);
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center;
	background-attachment:fixed;
}
.guide-title.bg-2{
	background:url(../img/guide/lathe.jpg);
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center;
	background-attachment:fixed;
}
.guide-title.bg-3{
	background:url(../img/guide/welding_cans.jpg);
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center;
	background-attachment:fixed;
}
.guide-title.bg-4{
	background:url(../img/guide/repair_assembly.jpg);
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center;
	background-attachment:fixed;
}
.guide-title{
	color:#fff;
	margin-left:-10px;
	margin-right:-10px;
	text-align:center;
	margin-top:50px;
	margin-bottom:5px;
}
.guide-title .cover{
	background:rgba(0,0,0,0.5);
	padding:100px 0;
}
.guide-title h2{
	margin:0 0 0.5em 0;
}
.guide-title h2 span:before{
	border-top:3px solid #fff;
}
.garary{
	line-height: 0;
	padding-left:-15px;
	padding-right:-15px;
	margin-top:50px;
	margin-bottom:100px;
	max-width:1200px;
	margin-left:auto;
	margin-right:auto;
}
.garary img{
	vertical-align:bottom;
	margin:0;
	padding:5px;
	width:20%;
	float:left;
}

.garary_fit_img{
	width: 100%;
    height: 200px;
    object-fit: cover;
    vertical-align: bottom;
}
@media screen and (max-width:1023px){
.garary{
	margin-bottom:50px;
}
}
@media screen and (max-width:768px){
.garary img{
	width:33%;
}
.garary{
	margin-left:-10px;
	margin-right:-10px;
}
}

@media screen and (max-width:576px){
.garary img{
	width:50%;
}
.garary{
	margin-bottom:50px;
}
}


/*------------------------------------------------------
　設備
-------------------------------------------------------*/


table.spec{
	margin:0 auto 1em auto;
	border-left:2px solid #fff;
	border-top:2px solid #fff;
	width:85%;
}
table.spec th{
	padding:10px;
	border-right:2px solid #fff;
	border-bottom:2px solid #fff;
	text-align:center;
	background-color:#6696bd;
	font-weight:bold;
	min-width:40px;
	color:#fff;
	vertical-align:middle;
}
table.spec th.sub{
	background-color:#fff;
	font-weight:bold;
}
table.spec td{
	padding:10px;
	border-right:2px solid #fff;
	border-bottom:2px solid #fff;
}
table.spec tr{
	background:#daf3db;
}
table.spec tr:nth-child(even){
	background:#dff1ff;
}

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

table.spec{
	font-size:10px;
	width:95%;
}
table.spec th{
	padding:5px;
}
table.spec td{
	padding:5px;
}
}



/*------------------------------------------------------
　受注～納品まで
-------------------------------------------------------*/

.flow{
	margin-bottom:30px;
	overflow:hidden;
}
.flow .group{
	position:relative;
	margin-bottom:50px;
}
.flow .group:before{
	content: "";
	position: absolute;
	top: calc(100% - 30px);
	left:calc(50% - 150px);
	border: 150px solid transparent;
	border-top: 70px solid #1e649b;
	z-index:1;
}

.flow .group.last:before{
	border: none;
	border-top: none;
}
.flow .group p.text{
	padding:5px;
	font-size:18px;
	background:rgba(0,0,0, 1);
	color:#fff;
}
.flow .group h3{
	margin:0;
	background:rgba(30, 100, 155, 0.8);
}
.flow .group h3 span{
	text-align:center;
	display:inline-block;
	width:50px;
	vertical-align:bottom;
	line-height:50px;
	margin-right:10px;
	background:#fff;
	color:#1e649b;
	border-radius:50%;
	font-weight:bold;
}
.flow .group img{
	margin:0;
	vertical-align:bottom;
	width:100%;
	height:400px;
	object-fit: cover;
}
.flow .group .cntent{
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
}

@media screen and (max-width:768px){
.flow .group{
	margin-bottom:30px;
}
.flow .group:before{
	top: calc(100% - 25px);
	left:calc(50% - 100px);
	border: 100px solid transparent;
	border-top: 50px solid #1e649b;
}
.flow .group h3 span{
	width:40px;
	line-height:40px;
}
.flow .group p.text{
	padding:5px;
	font-size:14px;
	background:rgba(0,0,0, 0.7);
	color:#fff;
}
.flow .group img{
	height:300px;
}
}