@charset "UTF-8";



/*---------------------------------------------------
SC_MAIN
---------------------------------------------------*/

/*641-------------------*/
@media screen and (min-width:641px){
	#SC_MAIN .mem_box{
		width: 800px;
		margin: 0 auto;
	}
}


/*---------------------------------------------------
MAM_TITLE_BOX
---------------------------------------------------*/

/*641-------------------*/
@media screen and (min-width:641px){
	#MAM_TITLE_BOX{
		width: 420px;
		padding: 40px 0;
		margin:0 auto 40px;
	}
}

/*640-------------------*/
@media screen and (max-width:640px){
	#MAM_TITLE_BOX{
		padding: 40px 10px 20px;
		margin:0 auto 20px;
	}
}


/*---------------------------------------------------
SC_TITLE_BOX
---------------------------------------------------*/

/*clear-------------------*/
.list_box .box,
.after_box_sub,
.in_box{
	zoom:1;
}
.list_box .box:before,
.list_box .box:after,
.after_box_sub:before,
.after_box_sub:after,
.in_box:before,
.in_box:after{
	content: ".";
	display: block;
	height: 0;
	overflow: hidden;
}
.list_box .box:after,
.after_box_sub:after,
.in_box:after{
	clear: both;
}


/*common-------------------*/

.list_box .box .right h3{
	color: #a20909;
}

.after_box h4{
	background-color: #a20909;
	text-align: center;
	color: #fff;
	font-weight: normal;
	padding: 5px 0;
	border-radius: 5px;
}


/*641-------------------*/
@media screen and (min-width:641px){
	.list_box .box{
		margin-bottom: 70px;
	}
	
		.list_box .box .left{
			width: 200px;
		}
		
		.list_box .box .right{
			width: 550px;
		}

		.list_box .box .right h3{
			font-size: 2.3rem;
			padding: 10px 0 10px 50px;
			background-position: left center;
			background-repeat: no-repeat;
			font-weight: normal;
		}
			
			.list_box .box .right h3.n01{
				background-image: url(../../../img/member/n01.png);
			}
			
			.list_box .box .right h3.n02{
				background-image: url(../../../img/member/n02.png);
			}
			
			.list_box .box .right h3.n03{
				background-image: url(../../../img/member/n03.png);
			}
	
	
	h3.copy01{
		text-align: center;
	}
	
	p.copy02{
		text-align: center;
	}
	
	
	.after_box{
		width: 800px;
		margin: 70px 0 40px;
	}
	
	.after_box_sub{
		width: 825px;
		overflow: hidden;
	}
		.after_box li{
			float: left;
			width: 250px;
			margin-right: 25px;
		}
		
		.after_box h4{
			
		}
			
		.after_box .ph{
			text-align: center;
			margin: 15px 0;
		}
}



/*640------------------*/
@media screen and (max-width:640px){
	.list_box .box{
		margin-bottom: 20px;
	}
	
		.list_box .box .left{
			width: 100%;
			text-align: center;
			margin-bottom: 10px;
		}
		
		.list_box .box .right{
			width: 100%;
		}

		.list_box .box .right h3{
			font-size: 1.8rem;
			padding: 10px 0 10px 50px;
			background-position: left center;
			background-repeat: no-repeat;
			font-weight: normal;
		}
			
			.list_box .box .right h3.n01{
				background-image: url(../../../img/member/n01.png);
			}
			
			.list_box .box .right h3.n02{
				background-image: url(../../../img/member/n02.png);
			}
			
			.list_box .box .right h3.n03{
				background-image: url(../../../img/member/n03.png);
			}
	
	
	h3.copy01{
		text-align: center;
	}
	
	p.copy02{
		text-align: center;
	}
	
	
	.after_box{
		margin: 30px 0 10px;
	}
	
	.in_box .ph{
		float: left;
		width: 103px;
	}
	
		.in_box .ph img{
			width: 83px;
		}
		
		
		.after_box li{
			margin-bottom: 15px;
	
		}
		
		.after_box h4{
			margin-bottom: 15px;
		}
			
		.after_box .ph{
			margin: 0 0;
		}
}













/*---------------------------------------------------
SC_TITLE_BOX
---------------------------------------------------*/



/*---------------------------------------------------
VOICE_BOX
---------------------------------------------------*/
#VOICE_BOX{

}

@media screen and (min-width:641px){
	#VOICE_BOX{
		width: 760px;
		margin: 0 auto;
	}
}



/*---------------------------------------------------
box
---------------------------------------------------*/
#VOICE_BOX .box{
	margin-bottom: 40px;
}

	#VOICE_BOX .box h2{
		font-weight: normal;
		color: #a20909;
		border-bottom: 1px solid #a20909;
		margin-bottom: 20px;
		padding-bottom: 5px;
	}
	
	#VOICE_BOX .box h3{
		font-weight: normal;
		color: #a20909;
		margin-bottom: 10px;
	}

	#VOICE_BOX .box p.indivedual{
		text-align: right;
		margin-top: 10px;
		color: #9c9c9c;
		font-size: 1.3rem;
	}


@media screen and (min-width:641px){

	#VOICE_BOX .box{
		
	}
		
		#VOICE_BOX .box h2{
			font-size: 2.4rem;
		}
	
		#VOICE_BOX .box h3{
			font-size: 1.8rem;
		}
}


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

	#VOICE_BOX .box{
		
	}
		
		#VOICE_BOX .box h2{
			font-size: 2rem;
		}
	
		#VOICE_BOX .box h3{
			font-size: 1.6rem;
		}
}



/*---------------------------------------------------
PAGER
---------------------------------------------------*/

#PAGER{
	zoom:1;
	position: relative;
	overflow: hidden;
}

#PAGER:before,
#PAGER:after{
	content: ".";
	display: block;
	height: 0;
	overflow: hidden;
}

#PAGER:after{
	clear: both;
}

	#PAGER ul{
		position: relative;
		left: 50%;
		float: left;
	}

	#PAGER li{
		position: relative;
		left: -50%;
		float: left;
		margin: 0 4px;
	}
	
		#PAGER li.on{
			border: 1px solid #a20909;
			padding: 5px 8px;
			color: #fff;
			background-color: #a20909;
		}
		
		#PAGER li a{
			border: 1px solid #a20909;
			display: block;
			text-decoration: none;
			padding: 5px 8px;
			color: #a20909;
		}
		
			#PAGER li a:hover{
				background-color: #a20909;
				color: #fff;
			}