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

/*	Content
------------------------------------------------------*/
.main-monozukuri{
	min-height: 500px ;
}

@media screen and (max-width: 640px){
	.main-monozukuri{
		min-height: auto;
	}
}

/*	Footprint
------------------------------------------------------*/
.footprint{
	background: #000000 ;
	padding: 12px 0 ;
}

	.footprint p{
		width: 950px ;
		margin: 0 auto ;
		color: #a6a6a6 ;
		font-size: 0.65rem ;
	}

		.footprint p a{
			color: #a6a6a6 ;
		}

		.footprint p span{
			color: #ffffff ;
		}

@media screen and (max-width: 640px){
	.footprint p{
		width: 95% ;
	}
}

/*	Item
------------------------------------------------------*/
.item{
	width: 100% ;
	margin: 0 auto 15px;
	background: #212121 ;
	color: #ffffff ;
	display: table ;
}

	.items a{
		text-decoration: none ;
	}

.item .info{
		display: table-cell ;
		padding: 30px 0 30px 35px ;
		box-sizing: border-box ;
		vertical-align: top ;
		position: relative ;
	}

		.item .info .title{
			font-size: 1.3rem ;
			font-weight: bold ;
			margin: 0 0 20px 0 ;
		}

		.item .info .note{
			font-size: 0.9rem ;
			line-height: 2.2 ;
			margin: 0 0 20px 0 ;
		}

		.item .info .sub{
			font-size: 0.9rem ;
			color: #b2b2b2 ;
			margin-bottom: 5px ;
		}

		.item .info .btn{
			position: absolute ;
			right: 50px ;
			bottom:40px ;
			width: 45px ;
			height: 45px ;
			background-image:url(../img/icon.jpg) ;
			background-position: 0 0 ;
			background-repeat: no-repeat ;
		}

		.items .btn-img-arrow{
			top:auto;
			bottom:40px ;
			right:50px ;
		}

		.btn-img-arrow .ico-pdf {
			width: 24px ;
			height: 22px ;
			position: absolute;
			font-size: 50%;
			top: 45% ;
			left: 40%;
			margin: -.5em 0 0 -.45em ;
			background-image: url(../img/icon.jpg) ;
			background-position: center center ;
			background-repeat: no-repeat ;
		}

			/*  hover  */
			.target:hover .ico-pdf {
				-webkit-animation: arrow-slide .4s ease-in-out  ;
				animation: arrow-slide .4s ease-in-out ;
			}

	.item .photo{
		width: 370px ;
		display: table-cell ;
		background: #2c2c2c ;
		text-align:center ;
		vertical-align: middle ;
	}

@media screen and (max-width: 640px){
	.item .info{
			display:block ;
			padding: 15px 10px ;
		}

			.item .info .title{
				font-size: 1.3rem ;
				margin: 0 0 20px 0 ;
			}

			.item .info .note{
				font-size: 0.9rem ;
				margin: 0 0 20px 0 ;
			}

			.item .info .sub{
				font-size: 0.9rem ;
			}

			.item .info .btn{
				position: absolute ;
				right: 10px ;
				bottom:10px ;
			}

		.item .photo{
			padding: 10px ;
			width: 100% ;
			display:block;
			box-sizing:border-box ;
		}

			.item .photo img{
				max-width: 100% ;
			}
}