@charset "UTF-8";

/*=======================
common
========================*/


/*
.page-index #Header .logo{
	top: 36%;
	left: 50%;
	width: 100px;
	margin-left: -50px;
	text-align:center;
	margin-bottom:20px;
	z-index: 9998;
}
*/
#Container{
	width: 100%;
	position:relative;
	padding:40px 0 60px;
	background-color: #fff;
}

.bold{
	font-weight:bold;
}
.gf{
	font-family: 'Montserrat', sans-serif;
	font-size:135%;
	letter-spacing:0.1em;
}
.on a{
	color:#d80c18 !important;
}



/*=====================
container
=====================*/





/*=====================
contact
=====================*/
#contact{
	font-size: 17px;
    width: 700px;
    letter-spacing: 0.1em;
	margin:40px auto 0;
}
#contact dt,
#contact dd{
	float:left;
}
#contact dt{
clear: both;
    width: 300px;
    font-weight: bold;
    /* text-align: right; */
    padding: 10px 10px 0 10px;
}
#contact dd{
	padding:10px 0;
}
#contact dd input{
	padding:10px 0;
}
.red{
	color:#C96;
}
.indent{
letter-spacing:-0.1em;
}

.footlink{
	width:580px;
	margin:0px auto;
	margin-top:60px;
}
.footlink li{
	float:left;
	width:150px;
	margin:0 30px 0 0; 
	text-align:center;
	border:1px solid #999;
	padding:10px;
}
.gf2{
	font-family: 'Oswald', sans-serif;
	font-size:160%;
}
.none{
	display: none;
}.center{
	text-align: center;
}


/*=======================
sp
========================*/
@media screen and (max-width: 980px) {


}
@media screen and (max-width: 640px) {
	#contact dt, #contact dd{
		    float: none;
	}
	#contact{
		margin-left: 10px;
	}
#topContent div{
	width: 94%;
}
#container.works{
padding:10px;
}
.blc,
.box{
	padding:0px;
	width:290px !important;;
}
.about,
.company,
.recruit,
.contact{
	width:100% !important;
	padding:10px 0 0 10px;
}

.about h4{
	font-weight: bold;
	font-size: 20px;
	padding: 20px 0 20px 0;
	line-height: 1.5em;
}

#Service div{
	width: 43.5%;
}
#Service div.pickup{
	width:94.5%;
	border: 0;
	margin-top: 0;
}
}