@charset "UTF-8";

/************************************************************
CREW
************************************************************/

/*CONTENTS*******************************************/

/*******************************df*/

.inner_main-contents{
	font-size:0;
	line-height:0;
}

.col-1{
	text-align:center;
	vertical-align:top;
}

.position{
	display:inline-block;
	padding:0 2em;
	border-bottom:1px dotted #999999;
	color:#cccccc;
	font-size:14px;
	line-height:1.5;
}

.name{
	display:inline-block;
	font-size:18px;
	font-weight:bold;
	line-height:1.5;
}

.btn{
	display:inline-block;
	margin-top:10px;
	border:1px solid #cccccc;
	background-color:#ff0000;
	font-size:14px;
	line-height:1;
}

.btn:hover{
	border:1px solid #ffffff;
}

.btn a{
	display:block;
	padding:10px 30px;
	width:100%;
	height:100%;
}

.col-2{
	display:inline-block;
	margin-top:60px;
	width:30%;
	text-align:center;
	vertical-align:top;
}

.col-3{
	display:inline-block;
	margin-top:60px;
	width:33.3333%;
	text-align:center;
	vertical-align:top;
}

h2 span{
	margin-left:15px;
	color:#cccccc;
	font-size:14px;
	line-height:1.5;
}

.thumbnail_list{
	list-style:none;
	margin:10px auto 0 auto;
	width:768px;
	font-size:0;
	line-height:0;
}

.thumbnail_list li{
	display:inline-block;
	margin-right:1%;
	margin-bottom:1%;
	width:24.25%;
	height:auto;
}

.thumbnail_list li:nth-child(4n){
	margin-right:0;
}

.thumbnail_list li img{
	width:100%;
	height:auto;
}

a.banner{
	display:inline-block;
	margin:0 10px 10px 0;
}

.work_list{
	line-height:2.5;
}

.yt{
	display:inline-block;
	padding:3px 3px 3px 3px;
	border:1px solid #ff6666;
	background:#ff0000;
	font-size:12px;
	line-height:1;
}

.left-img{
	margin:20px 20px 20px 0;
	width:200px;
	height:300px;
	float:left;
}

.left-img img{
	width:100%;
	height:auto;
}

.right-img{
	margin:0 0 20px 20px;
	width:240px;
	height:135px;
	float:right;
}

.right-img img{
	width:100%;
	height:auto;
}

.credit{
	color:#999999;
	font-size:11px;
	line-height:1.5;
}

/*******************************SP*/

@media screen and (max-width: 480px){

.col-2{
	display:block;
	margin-top:60px;
	width:100%;
}

.col-3{
	display:block;
	margin-top:60px;
	width:100%;
}

.thumbnail_list{
	width:100%;
}

.thumbnail_list li{
	width:49.5%;
}

.thumbnail_list li:nth-child(4n){
	margin-right:1%;
}

.thumbnail_list li:nth-child(2n){
	margin-right:0;
}

.left-img{
	margin:20px 20px 20px 0;
	width:100px;
	height:150px;
	float:left;
}

.left-img img{
	width:100%;
	height:auto;
}

.right-img{
	margin:0 0 20px 20px;
	width:50%;
	float:right;
}

.right-img img{
	width:100%;
	height:auto;
}

}