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

.mainImg{
background-image:url(/new-try/img/main_img.jpg);
}

h1 em{
display: block;
text-shadow: 0px 1px 4px rgba(0,0,0,0.4);
}
h1 span{
display: block;
text-shadow: 0px 1px 4px rgba(0,0,0,0.4);
}

.secImgWrap{
margin-bottom: 0px;
}

.secImg{
height: 600px;
background: url(/company/img/sec_img.jpg);
background-repeat: no-repeat;
background-position: center center;
}



.grayBox{
	margin-top:40px;
	background-color:#efefef;
	padding:50px 110px;
	font-size:16px;
	line-height:2.4;
	background-image:url(/new-try/img/taruya_spirit.gif);
	background-position:right 25px top 25px;
	background-repeat:no-repeat;
	}

/* ---------------------works-------------------- */

.works{
	margin:110px 0;}

.works ul{
	width:905px;
	margin:auto;
	overflow:hidden;
	}

.works ul li{
	float:left;
	width:430px;
	border-bottom: #e5e5e5 1px solid;
	padding:18px 0;
	box-sizing:content-box
	}

.works ul li:nth-child(2n){
	margin-left:45px;
	}

.works ul li.pd{
	padding:30px 0 18px;
	}



@media screen and (min-width:1600px){
.secImg{
  background-repeat:no-repeat;
  background-size:100% auto;
}
}

@media screen and (max-width:1020px){
.secImg{
  background-size:cover;
  height:300px;
}

.grayBox{
	margin-top:40px;
	background-color:#efefef;
	padding:30px 3%;
	font-size:14px;
	line-height:2.4;
	background-position:right 3% top 25px;
	}

/* ---------------------works-------------------- */

.pc{
	display:block;
	}
.works ul{
	width:100%;
	margin:auto;
	overflow:hidden;
	}

.works ul li{
	float:left;
	width:49%;
	border-bottom: #e5e5e5 1px solid;
	padding:18px 0;
	}

.works ul li:nth-child(2n){
	margin-left:2%;
	}

}


@media screen and (max-width:780px){
	
.grayBox{
	margin-top:40px;
	background-color:#efefef;
	padding:140px 5% 30px;
	font-size:14px;
	line-height:2.4;
	background-position:center top 25px;
	background-size:100px;
	}

/* ---------------------works-------------------- */

.pc{
	display:none;
	}

.works{
	margin:80px 0;
	}
	
.works ul{
	width:100%;
	margin:auto;
	overflow:hidden;
	}

.works ul li{
	float:none;
	width:100%;
	border-bottom: #e5e5e5 1px solid;
	padding:18px 0 18px 1em;
	text-indent:-1em;
	}

.works ul li:nth-child(2n){
	margin-left:0;
	}
	
.works ul li.pd{
	padding:18px 0 18px 1em;
	}

	}

@media screen and (max-width: 640px) {
	
.grayBox{
	margin-top:40px;
	background-color:#efefef;
	padding:120px 5% 30px;
	font-size:14px;
	line-height:2.4;
	background-position:center top 25px;
	background-size:80px;
	}	
	


.works{
	margin:50px 0;
	}

}