@charset "UTF-8";


	
/* visualVoice --------------------------------------------------------------- */
#visualVoice,
#visualVoice p {
	}

#visualVoice {
	margin: 0 auto;
	background-image: url(../../img/voice/visual.jpg);
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	position: relative;
	}
	
	#visualVoice #visualVoiceInner {
		width: 100%;
		max-width: 1100px;
		margin: 0 auto;
		padding: 200px 0;
		color: #ffffff;
		}
		
		#visualVoice #visualVoiceInner h1 {
			font-size: 28px;
			font-weight: bold;
			letter-spacing: 2px;
			margin-bottom: 30px;
			}
			
			#visualVoice #visualVoiceInner h1 span {
				font-size: 13px;
				padding: 7px 0 0 3px;
				}
		
		#visualVoice #visualVoiceInner p {
			font-size: 16px;
			line-height: 1.5;
			font-weight: bold;
			}

@media screen and (max-width: 768px){
	#visualVoice,
	#visualVoice p {
		}
	
	#visualVoice {
		background-image: url(../../img/voice/visual_mob.jpg);
		}
		
		#visualVoice #visualVoiceInner {
			margin-top: 60px;
			padding: 120px 5%;
			}
			
			#visualVoice #visualVoiceInner h1 {
				font-size: 24px;
				margin-bottom: 30px;
				}
				
			#visualVoice #visualVoiceInner p {
				font-size: 15px;
				}
	}



/* memberList --------------------------------------------------------------- */
#memberList {
	width: 100%;
	max-width: 1100px;
	margin: 50px auto 100px auto;
	}
	
	#memberList ul {
		overflow: hidden;
		margin-right: -60px;
		}
		
		#memberList ul li {
			float: left;
			width: 520px;
			margin: 0 60px 40px 0;
			background-position: center center;
			-webkit-background-size: cover;
			-moz-background-size: cover;
			-o-background-size: cover;
			background-size: cover;
			}
			
			#memberList ul li a {
				padding: 70px 40px;
				color: #ffffff;
				font-size: 15px;
				line-height: 1.3;
				
				background-position: center center;
				-webkit-background-size: cover;
				-moz-background-size: cover;
				-o-background-size: cover;
				background-size: cover;
				}
				
				#memberList ul li a span {
					font-size: 20px;
					font-weight: bold;
					letter-spacing: 2px;
					margin-bottom: 7px;
					}
				
			#memberList ul li.member-1 a {
				background-image: url(../../img/voice/member-1.jpg);
				}
			
			#memberList ul li.member-2 a {
				background-image: url(../../img/voice/member-2.jpg);
				}
			
			#memberList ul li.member-3 a {
				background-image: url(../../img/voice/member-3.jpg);
				}
			
			#memberList ul li.member-4 a {
				background-image: url(../../img/voice/member-4-2.jpg);
				}
		
@media screen and (max-width: 768px){
	#memberList {
		display: none;
		}
	}



/* toggle --------------------------------------------------------------- */
.toggle {
	display: none;
	}

@media screen and (max-width: 768px){
	.toggle {
		display: block;
		}
		
		.toggle a {
			padding: 70px 40px;
			color: #ffffff;
			font-size: 15px;
			line-height: 1.3;
			
			background-position: center 90%, center center;
			-webkit-background-size: 24px auto, cover;
			-moz-background-size: 24px auto, cover;
			-o-background-size: 24px auto, cover;
			background-size: 24px auto, cover;
			}
			
			.toggle a span {
				font-size: 20px;
				font-weight: bold;
				letter-spacing: 2px;
				margin-bottom: 7px;
				}
			
		.toggle a.member-1 {
			background-image: url(../../img/voice/arrow.png), url(../../img/voice/member-1.jpg);
			}
		
		.toggle a.member-2 {
			background-image: url(../../img/voice/arrow.png), url(../../img/voice/member-2.jpg);
			}
	}
			
		
		
/* voiceInner --------------------------------------------------------------- */
.voiceInner {
	display: block;
	}
	
@media screen and (max-width: 768px){
	.voiceInner {
		display: none;
		}
	}
	


/* memberVisual --------------------------------------------------------------- */
#member-1-v {
	background-image: url(../../img/voice/member-1/memberVisual.jpg);
	}

#member-2-v {
	background-image: url(../../img/voice/member-2/memberVisual.jpg);
	}
		
.memberVisual {
	margin: 0 auto;
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	position: relative;
	}
		
	.memberVisual .memberVisualInner {
		width: 100%;
		max-width: 1100px;
		margin: 0 auto;
		padding: 200px 0;
		color: #ffffff;
		}
		
		.memberVisual .memberVisualInner h2 {
			font-size: 28px;
			font-weight: bold;
			text-align: left;
			line-height: 1.5;
			letter-spacing: 2px;
			margin-bottom: 20px;
			}
		
		.memberVisual .memberVisualInner p {
			font-size: 16px;
			line-height: 1.5;
			}
			
			.memberVisual .memberVisualInner p span {
				font-size: 22px;
				margin-top: 10px;
				}

@media screen and (max-width: 768px){
	#member-1-v,
	#member-2-v {
		background-image: none;
		}
			
	.memberVisual {
		}
			
		.memberVisual .memberVisualInner {
			margin-bottom: 30px;
			padding: 0;
			}
			
			.memberVisual .memberVisualInner .mob {
				margin-bottom: 20px;
				}
				
			.memberVisual .memberVisualInner h2,
			.memberVisual .memberVisualInner p {
				color: #000000;
				padding: 0 5%;
				}
				
			.memberVisual .memberVisualInner h2 {
				font-size: 20px;
				margin-bottom: 10px;
				}
			
			.memberVisual .memberVisualInner p {
				font-size: 14px;
				}
				
				.memberVisual .memberVisualInner p span {
					font-size: 18px;
					font-weight: bold;
					}
	}



/* voiceImg / voiceTxt --------------------------------------------------------------- */
.memberCont {
	width: 100%;
	max-width: 1100px;
	margin: 100px auto;
	}
	
	.memberCont ul {
		overflow: hidden;
		}
		
		/* インタビュー1の個別設定 */
		#member-1-1 ul li.voiceImg {
			float: left;
			background-image: url(../../img/voice/member-1/img.jpg);
			}
		
		#member-1-1 ul li.voiceTxt {
			float: right;
			margin-left: -15%;
			z-index: 10;
			position: relative;
			}
			
			#member-1-1 ul li.voiceTxt .voiceTxtInner {
				padding: 40px 0 40px 40px;
				}
		
		#member-1-2 ul li.voiceImg {
			float: right;
			background-image: url(../../img/voice/member-2/img.jpg);
			}
		
		#member-1-2 ul li.voiceTxt {
			float: left;
			margin-right: -15%;
			z-index: 10;
			position: relative;
			}
			
			#member-1-2 ul li.voiceTxt .voiceTxtInner {
				padding: 40px 40px 40px 0;
				}
				
		#member-1-3 ul li.voiceImg {
			float: left;
			background-image: url(../../img/voice/member-3/img.jpg);
			}
		
		#member-1-3 ul li.voiceTxt {
			float: right;
			margin-left: -15%;
			z-index: 10;
			position: relative;
			}
			
			#member-1-3 ul li.voiceTxt .voiceTxtInner {
				padding: 40px 0 40px 40px;
				}
		
		#member-1-4 ul li.voiceImg {
			float: right;
			background-image: url(../../img/voice/member-4/img2.jpg);
			}
		
		#member-1-4 ul li.voiceTxt {
			float: left;
			margin-right: -15%;
			z-index: 10;
			position: relative;
			}
			
			#member-1-4 ul li.voiceTxt .voiceTxtInner {
				padding: 40px 40px 40px 0;
				}
				
		.memberCont ul li.voiceImg {
			width: 50%;
			background-position: center center;
			-webkit-background-size: cover;
			-moz-background-size: cover;
			-o-background-size: cover;
			background-size: cover;
			position: relative;
			}
		
		.memberCont ul li.voiceTxt {
			width: 65%;
			padding: 50px 0;
			}
			
			.memberCont ul li.voiceTxt .voiceTxtInner {
				background-image: url(../../img/voice/txtbg.png);
				background-repeat: repeat;
				}
			
				.memberCont ul li.voiceTxt .voiceTxtInner h3 {
					font-size: 24px;
					font-weight: bold;
					line-height: 1.5;
					letter-spacing: 2px;
					margin-bottom: 20px;
					}
				
				.memberCont ul li.voiceTxt .voiceTxtInner p {
					font-size: 15px;
					line-height: 1.8;
					}

@media screen and (max-width: 768px){
	.memberCont {
		margin: 0 auto;
		color: #000000;
		}
	
	#member-1-3,
	#member-2-3 {
		margin-bottom: 10px;
		}
			
			/* インタビュー1の個別設定 */
			#member-1-1 ul li.voiceImg,
			#member-1-2 ul li.voiceImg,
			#member-1-3 ul li.voiceImg {
				float: none;
				background-image: none;
				}
			
			#member-1-1 ul li.voiceTxt,
			#member-1-2 ul li.voiceTxt,
			#member-1-3 ul li.voiceTxt {
				float: none;
				margin: 0 auto;
				}
				
				#member-1-1 ul li.voiceTxt .voiceTxtInner,
				#member-1-2 ul li.voiceTxt .voiceTxtInner,
				#member-1-3 ul li.voiceTxt .voiceTxtInner {
					padding: 0 5%;
					}
				
			/* インタビュー2の個別設定 */
			#member-2-1 ul li.voiceImg,
			#member-2-2 ul li.voiceImg,
			#member-2-3 ul li.voiceImg {
				float: none;
				background-image: none;
				}
			
			#member-2-1 ul li.voiceTxt,
			#member-2-2 ul li.voiceTxt,
			#member-2-3 ul li.voiceTxt {
				float: none;
				margin: 0 auto;
				}
				
				#member-2-1 ul li.voiceTxt .voiceTxtInner,
				#member-2-2 ul li.voiceTxt .voiceTxtInner,
				#member-2-3 ul li.voiceTxt .voiceTxtInner {
					padding: 0 5%;
					}					
					
			.memberCont ul li.voiceImg {
				width: 100%;
				}
			
			.memberCont ul li.voiceTxt {
				width: 100%;
				padding: 30px 0;
				}
				
				.memberCont ul li.voiceTxt .voiceTxtInner {
					background-image: none;
					}
				
					.memberCont ul li.voiceTxt .voiceTxtInner h3 {
						font-size: 20px;
						letter-spacing: 0;
						}
					
					.memberCont ul li.voiceTxt .voiceTxtInner p {
						font-size: 14px;
						}
	}