@charset "utf-8";

/**
 *
 *  トップページ
 *
 */

/*--------------------------------------------------------------------------
   overwrite  - 共通CSSの上書き -
---------------------------------------------------------------------------*/
Header{
	margin-top: 30px;
}
#Content{
	margin:80px 0 0px;
}
#Page{
	width: 1000px;
	margin: 10px auto 50px;
}

.works_box h1{
	font-size: 20px;
	margin-bottom: 20px;
}
.main_v{
	width: 650px;
	float: right;
}

.main_img{
	display: block;
	overflow: hidden;
	text-align: center;
	margin-bottom: 20px;
   width: 100%;
   height: 450px;
}

.main_img img{
	display: block;
   margin: 0 auto;
	text-align: center;
}

.main_v img{
	width: 100%;
}
.works_box img{
	width: 100%;
	margin-bottom: 20px;
}

.txt{
	width:340px;
	padding-right:10px;
	float: left;
}
.txt a{
	text-decoration: underline;
}
.back{
	width: 25px;
	height:25px;
	text-align: center;
	padding-top:5px;
	background-color: #dbdbdb;
}
.back a{
	color:#14151A;
}

.back :hover{
	color:#585D68;
}

span.credit{
	display: inline-block;
	margin-top: 10px;
	font-weight: bold;
	color: #14151A;
	background-color: #FFF;
}

/* responsive
-----------------------------------------------------------------*/

@media screen and ( max-width:800px )
{
	#Page{
		width: auto;
	}
	#Content{
		margin: -15px 0 80px;
	}
	#Content img{
		width: 100%;
		height: auto;
	}
	.main_img{
		overflow: auto;
		width: auto;
		height: auto;
		text-align: center;
	}
	iframe{
		width:100%;
		height:450;
	}
	.txt{
		float: both;
		margin-bottom: 10px;
	}
	.main_v{
		width: auto;
		float: both;
	}
}