@charset "UTF-8";
/* @group Reset */
.pdu {
	background: #000;
	padding: 1em;
}



/*--------------------------------------------------------------------------------------------------------------------*/
/*768px*//*1024px*/
@media print, screen and (min-width : 768px){
	#contents .inner {
		margin-top: 35px;
		width: 780px;
	}
	#contents .inner p {
		line-height: 2;
		margin-bottom: 10px;
	}
	#contents .inner p.eng {
		font-size: 87.5%;
		line-height: 1.7;
	}

	
	
	#contents #work ul,
	#contents #work p {
		font-size: 87.5%;
		line-height: 1.5;
		margin: 5px 0 0 0;
	}
	
	.pdu {
		margin-bottom: 30px;
	}
	.pdu ul li {
		float: left;
		margin-right: 20px;
	}
	#contents #work h3 {
	 font-size: 1em;
	}
	#contents #work .inner {
		margin-top: 25px;
		width: 780px;
	}
	#contents #work .box {
		float: left;
		width: 189px;
		margin-right: 8px;
	}
	#contents #work .box:nth-child(4n) {
		margin-right: 0;
	}
	#contents #work .cat_img{
	 margin-bottom: 10px;
	}
	#contents #work .ttl {
		border-top: 2px solid #000;
		margin-top: 50px;
		padding-top:  30px;
	}
}
/*-----------------------------------------------------------*/
@media only screen and (max-width: 767px)  {
	#contents .inner {
		font-size: 0.75em;
	}
	#contents .inner p {
		margin: 5px 0 0 0;
		line-height: 1.7;
		margin-bottom: 10px;
	}
	#contents .inner p.eng {
		line-height: 1.4;
	}
	
	.pdu {
		margin: 2em 0;
	}
	.pdu ul li {
		float: left;
		margin-right: 20px;
	}

	#contents .img {
		margin: 1em 0;
		text-align: center;
	}
	#contents #work .inner {
		margin-top: 1em;
	}
	#contents #work .box {
		float: left;
		width: 45%;
	
	}
	#contents #work .box img {
		width: 100%;
	
	}
	#contents #work .box:nth-child(2n) {
		float: right;
	}

}