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

@import url('https://fonts.googleapis.com/css?family=Open+Sans:300');

#factory #main-img{
	width:85%;
	margin:auto;
	background-image:url(../factory_data/hougan.png); 
	box-sizing:border-box; 
	background-size:80%;
}
@media screen and (min-width:0px) and ( max-width:599px) {
#factory #main-img{
	width:100%;
}
}

#factory #main-img img{
	box-sizing:border-box;
	width:100%;
	height:auto;
	padding:10px;
	margin:0 auto;
	display:block;
}

#factory .sankaku{
	text-align:center; 
	color:#66cef5; 
	margin:30px 0;
}

/********************************************************/
#factory table{
	border-collapse:collapse;
	margin:auto;
}
#factory table td{
	border-collapse:collapse;
	border-top:#CCC solid 1px;
	border-bottom:#CCC solid 1px;
	padding:15px;
	padding-right:150px;
	font-size:14px;
	line-height:25px;
}

#factory table td.bold{
	background-color:#f3f3f3;
	font-weight:bold;
	border-right:#CCC solid 1px;
}

#factory table td div{
	color:#e42236;
}

/********************************************************/
#factory .factory-contact{
	width:31.33333%;
	float:left;
	margin-bottom:30px;
}
#factory .m-r-2{
	margin-right:3%;
	
}

#factory .factory-contact p{
	margin:5px;
	display:block;
}

#factory .factory-name{
	border-top:#CCC solid 1px; border-bottom:#CCC solid 1px; padding:10px 0; text-align:center;	
}

#factory .factory-phone{
	color:#00ab4e;
	font-family: 'Rajdhani', sans-serif;
	font-weight:bold;
	text-align:center;
	font-size:45px;
}

#factory .factory-mail{
	color:#00ab4e;
	font-family: 'Rajdhani', sans-serif;
	text-align:center;
	font-size:20px;
	line-height:50px;
}

#factory .factory-phone i{
	font-size:35px;
}




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

#factory table{
	border-collapse:collapse;
	width:100%;
}
#factory table td{
	border-collapse:collapse;
	border-top:#CCC solid 1px;
	border-bottom:#CCC solid 1px;
	padding:15px;
	padding-right:15px;
	font-size:14px;
	line-height:25px;
}

#factory table td.bold{
	background-color:#f3f3f3;
	font-weight:bold;
	border-right:#CCC solid 1px;
}

#factory table td div{
	color:#e42236;
}

.factory-contact{
	width:48%;
	float:left;
	margin-bottom:30px;
}

.m-r-2{
	margin-right:0%;
	
}
.m-r-4{
	margin-right:4%;
	
}

.factory-contact p{
	margin:5px;
	display:block;
	font-size:14px;
}


.factory-name{
	border-top:#CCC solid 1px; border-bottom:#CCC solid 1px; padding:10px 0; text-align:center;	
}

.factory-phone{
	color:#00ab4e;
	font-family: 'Rajdhani', sans-serif;
	font-weight:bold;
	text-align:center;
	font-size:35px;
}

.factory-mail{
	color:#00ab4e;
	font-family: 'Rajdhani', sans-serif;
	text-align:center;
	font-size:20px;
	line-height:50px;
}

.factory-phone i{
	font-size:25px;
}




@media screen and (min-width:0px) and ( max-width:599px) {
#factory table{
	border-collapse:collapse;
	background-color:#FFF;
	margin:auto;
	box-sizing:border-box;
	max-width:100%;
}
#factory table td{
	border-collapse:collapse;
	border-top:#CCC solid 1px;
	border-bottom:#CCC solid 1px;
	padding:5px;
	font-size:12px;
	line-height:20px;
}

#factory table td.bold{
	background-color:#f3f3f3;
	font-weight:bold;
	border-right:#CCC solid 1px;
}

#factory table td div{
	color:#e42236;
}


#factory .factory-contact{
	width:100%;
	float:none;
	margin-bottom:30px;
}

#factory .m-r-2{
	margin-right:0%;
	
}
#factory .m-r-4{
	margin-right:0%;
	
}

#factory .factory-contact p{
	margin:5px;
	display:block;
	font-size:14px;
}


#factory .factory-name{
	border-top:#CCC solid 1px; border-bottom:#CCC solid 1px; padding:10px 0; text-align:center;	
}

#factory .factory-phone{
	color:#00ab4e;
	font-family: 'Rajdhani', sans-serif;
	font-weight:bold;
	text-align:center;
	font-size:35px;
}

#factory .factory-mail{
	color:#00ab4e;
	font-family: 'Rajdhani', sans-serif;
	text-align:center;
	font-size:20px;
	line-height:50px;
}

#factory .factory-phone i{
	font-size:25px;
}

}

#factory .photo{
	width:49.5%;
	margin:5px 0.25% 5px 0.25%;
	float:left;
	text-align:right;
}

#factory .photo img{
	height:310px;
	width:100%;
}




#factory .navi a img{
	width:200px;
	height:inherit;
}



#factory .one-to-four{
	width:50%;
	float:left;
}
#factory .five-to-eight{
	width:100%;
	float:left;
}


#factory .one-to-four a{
	width:49%;
	height:150px;
	display:block;
	background-size:cover;
	background-position:50% 50%;
	background-repeat:no-repeat;
	background-color:#333;
	float:left;
	margin:5px 0.5%;
	text-decoration:none;
	border-top-left-radius:10px;
}
#factory .five-to-eight a{
	width:24.5%;
	height:150px;
	display:block;
	background-size:cover;
	background-position:50% 50%;
	background-repeat:no-repeat;
	background-color:#333;
	float:left;
	margin:5px 0.25%;
	text-decoration:none;
	border-top-left-radius:10px;
}


#factory .navi .img-01{
	background-image:url(../index_data/mv_factory.jpg);
}
#factory .navi .img-02{
	background-image:url(../factory_data/01.jpg);
}
#factory .navi .img-03{
	background-image:url(../factory_data/02.jpg);
}
#factory .navi .img-04{
	background-image:url(../factory_data/03.jpg);
}


#factory .navi a .no{
	width:50px;
	height:30px;
	background-color:rgba(0,0,0,0.5);
	line-height:30px;
	text-align:center;
	color:#FFF;
	font-family: 'Rajdhani', sans-serif;
	font-size:18px;
	border-top-left-radius:10px;
}

#factory .navi a .exp{
	width:100%;
	height:30px;
	background-color:rgba(0,0,0,0.5);
	line-height:30px;
	text-align:center;
	color:#FFF;
	margin-top:90px;
	font-size:12px;
}
#factory .over{
	width:auto;
	height:auto;
	opacity:0.5;
}