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

/*--------------------------------------------------------------------*/
/*　tempStart　　　　　　　　　　　　　　　　　　　　　　　　　　　　*/
/*--------------------------------------------------------------------*/

.mainnContentNavi{
	padding-left: 7em;
}

.mainnContentNavi dd:nth-of-type(6n+1){
	border-left: none;
}

.mainnContentNavi dd:nth-of-type(4n+1){
    border-left: 1px solid #222;
}


#memberWrap{
	padding-left:60px;
	
}
#memberWrap a{
	text-decoration: none;
}
	
#member{
	margin-bottom:83px;
	margin-left:7px;
}
#member h3{
	font-weight:normal;
	letter-spacing:0.36rem;
	margin-bottom:30px;
}
#member h5{
	font-weight:bold;
	font-size: 1.4rem;
	color: #555;
	margin-bottom:7px;
	line-height:161%;
}
#member p{
	font-size: 1.2rem;
	line-height: 172%;
	margin-bottom:49px;
}
#member p span{
	display:block;
	height:7px;
	width:7px;
}

#member dl a{
	color:#222;
	display:block;
	width:132px;
	text-align:center;
	float:left;
	margin-right:11px;
	margin-bottom:31px;
}
#member dl a:nth-of-type(4n){
	margin-right:0;
}
#member dl a:nth-of-type(4n-3){
	margin-left:13px;
}
#member dl a img{
	width:100%;
}
#member dl a:hover{
	color:#222;
}
#member dl dt{
	margin-bottom:8px;
}
#member dl dd{
	line-height:168%;
}
#member dl a .memberLink{
	color:#04F;
	text-decoration:underline;
	line-height:172%;
}
#member dl a span:hover{
	color:#09F;
}

#member dl a .memberPosition {
    font-size: 1.0rem;
}
/*-memberEnd-*/

/*-.memberListStart-*/
.memberList section:after{
	content:"";
	display:block;
	clear:both;
}
.memberList section h1{
	letter-spacing:0.01rem;
	font-family:"myFont";
	font-weight:normal;
	padding-left:20px;
	font-size:1.638rem;
	border-bottom:1px solid #c0c0c0;
	/*padding-bottom:3px; 11px*/
	width:592px;
	height: 28px;
	margin-bottom:42px;
	position: relative;
	box-sizing:border-box;
}

.memberList section h1::after{
	content: "";
	display: block;
	position: absolute;
	width: 18px;
	height: 28px;
	bottom: -28px;
	left: -18px;
}

.memberList section{
	position: relative;
}

#producer h1{
	border-left: 18px solid #a384a8;
}
#producer h1::after{
	
	background: #dce2d8;
}

#assistant h1{
	border-left: 18px solid #ead7c1;
}
#assistant h1::after{
	
	background: #f7e9e5;
}

#salesPromotion h1{
	border-left: 18px solid #323300;
}
#salesPromotion h1::after{
	
	background: #7f0000;
}

#productionPurchase h1{
	border-left: 18px solid #007f80;
}

#productionPurchase h1::after{
	background: #faf6ec;
}

#webDev h1{
	border-left: 18px solid #606653;
}

#webDev h1::after{
	background: #e6e5e6;
}

#designer h1{
	border-left: 18px solid #000000;
}

#designer h1::after{
	background: #000000;
}

#production h1{
	border-left: 18px solid #983366;
}

#production h1::after{
	background: #efe1ff;
}

#graphic h1{
	border-left: 18px solid #000000;
}

#graphic h1::after{
	background: #800000;
}


#photographer h1{
	border-left: 18px solid #007f9b;
}

#photographer h1::after{	
	background: #95d1d0;
}

.memberList section h1 span{
	font-size:1.1rem;
	vertical-align: middle;
	padding-bottom:6px;
}
.memberList section p:nth-of-type(1){
	border:1px solid #eaeaea;
	float:left;
	margin-left:9px;
	margin-right:24px;
	margin-bottom:94px;
}
.memberList section:last-of-type p:nth-of-type(1){
	margin-bottom:0;
}
.memberList section h3{
	font-weight:bold;
	float:left;
	width:320px;
	line-height:158%;
	font-size:1.405rem;
	margin-bottom:7px;
	padding-top:2px;
}
.memberList section p:nth-of-type(2){
	float:left;
	width:320px;
	font-size:1.17rem;
	line-height:173%;
}
.memberList section p:nth-of-type(2) span{
	display:block;
	height:7px;
}

@media screen and (max-width:414px) {
	
	.mainnContentNavi{
		padding-left: 0;
	}
	
	.mainnContentNavi .gyou2{
		font-size:2.3vw
	}
	
	#main{
		font-size: 2.7vw;
	}
	
	#mainTop h2 {
		margin: 0 auto;
		padding: 0;
		padding-bottom: 0px;
		padding-left: 0px;
		padding-bottom: 0px;
		padding-left: 0px;
		width: 100%;
		padding-bottom: 0.7%;
		padding-left: 3%;
		background-color: #fff;
		color: #222;
		border-bottom: 1px solid #bfbfbf;
		margin-bottom: 6%;
		font-size: 3.3vw;
		box-sizing: border-box;

	}
	
	#memberWrap{
		padding-left:0;

	}

	#member{
		margin-bottom: 14vw;
		margin-left:0;
	}

	#member h3{
		display: none;
	}
	
	#member h5{
		/*font-weight: normal;*/
		color:#333;
		font-size: 3.5vw;
		margin-bottom: 3vw;
		line-height:1.6;
	}
	
	.memberList .spDesc{
		width:82%;
		margin: 0 auto 4vw;
	}
	
	#member p{
		font-size: 2.8vw;
		line-height: 1.72;
		margin-bottom:14vw;
	}
	#member p span{
		display:block;
		height: 2.5vw;
	}

	#member dl{
		display: none;
	}
	
	/*-memberEnd-*/

	/*-.memberListStart-*/
	.memberList section h1{
		letter-spacing:0;
		padding-left:0;
		font-size: 3.3vw;
		border-bottom:none;
		padding-bottom:0;
		width:100%;
		height:20px;
		margin-bottom: 2vw;
		box-sizing:border-box;
		padding-left:3%;
	}
	
	#producer h1{
		border-left: 14px solid #a384a8;
	}

	#assistant h1{
		border-left: 14px solid #ead7c1;
	}

	#salesPromotion h1{
		border-left: 14px solid #323300;
	}

	#productionPurchase h1{
		border-left: 14px solid #007f80;
	}

	#webDev h1{
		border-left: 14px solid #606653;
	}

	#designer h1{
		border-left: 14px solid #000000;
	}

	#production h1{
		border-left: 14px solid #983366;
	}

	#graphic h1{
		border-left: 14px solid #000000;
	}

	#photographer h1{
		border-left: 14px solid #007f9b;
	}
	
	.memberList section h1 span{
		font-size: 3.0vw;
	}
	
	.memberList section h1::after{
		width: 14px;
		height: 20px;
		bottom: -20px;
		left: -14px;
	}
	.memberList section p:nth-of-type(1){
		border:none;
		float:none;
		margin-left:0;
		margin-right:0;
		margin-bottom:0;
	}
	.memberList section:last-of-type p:nth-of-type(1){
		margin-bottom:0;
	}
	
	.memberList section{
		margin-bottom: 14vw;
	}
	
	.memberList section:last-of-type{
		margin-bottom: 0;
	}
	
	.memberList section h3{
		font-weight:bold;
		float:none;
		width:100%;
		line-height:1.8;
		font-size: 3.3vw;
		margin-bottom: 3vw;
		padding-top:0;
	}
	.memberList section p:nth-of-type(2){
		float:none;
		width:100%;
		font-size:2.8vw;
		line-height:1.8;
	}
	.memberList section p:nth-of-type(2) span{
		height: 2.5vw;
	}
	
	

}