/******************/
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.controls {
	margin-bottom:0px;
	margin:0 auto;
}
.controls div {
	display:block;
	margin-bottom:10px;
}
label {
	font-weight: 300;
	margin: 0 .4em 0 0;
}
button {
	display:inline-block;
	padding:0.4em 0.8em;
	background:#666;
	border:0;
	color:#ddd;
	border-radius:4px;
	cursor:pointer;
	margin:0 5px 5px;
	font-size:16px;
}


 @media only screen and (max-width:640px) {
	 
	 button {
	display:inline-block;
	padding:0.4em 0.8em;
	background:#666;
	border:0;
	color:#ddd;
	border-radius:4px;
	cursor:pointer;
	margin:0 5px 5px;
	font-size:12px;
}
	 

}


@media screen and (min-width: 650px){	
  .br-pc { display:block; }
  .br-sp { display:none; }
}
@media screen and (max-width: 650px){	
  .br-pc { display:none; }
  .br-sp { display:block; }
}
button.active {
	background: #1aa;
}
button:focus {
	outline: 0 none;
}
button + label {
	margin-left: 1em;
}
.container {
	padding: 2% 2% 0;
	text-align: justify;
	font-size: 0.1px;
	background:#fafafa;
	-webkit-backface-visibility: hidden;
	font-size:13px;
	width:100%;
}
.container:after {
	content:'';
	display:inline-block;
	width:100%;
}
.container .mix, .container .gap {
	display: inline-block;
	width: 49%;
}
.container .mix {
	text-align: left;
	background: #ccc;
/*	margin-bottom: 2%;*/
	display: none;
	margin:0;
	padding:0;
}


.container .mix-no {
	text-align: left;

/*	margin-bottom: 2%;*/
	display: none;
	margin:0;
	padding:0;
}



/*在学生*/
/*.container .mix.category-1 {border-top: 4px solid limegreen;}*/

/*卒業生*/
/*.container .mix.category-2 {border-top: 4px solid olive;}*/


/*大田原*/
.container .mix.category-3 {
	border-top: 3px solid #be2772;
	border-bottom: 3px solid #be2772;
	
}

/*成田*/
.container .mix.category-4 {	
	border-top: 3px solid #0482e3;
	border-bottom: 3px solid #0482e3;	
}

/*小田原*/
.container .mix.category-5 {
	border-top: 3px solid #00aae0;
	border-bottom: 3px solid #00aae0;	

}



/*大川*/
/*.container .mix.category-6 {
	border-top: 3px solid #E88120;
	border-bottom: 3px solid #E88120;	

}*/

/*放射*/
.container .mix.category-housha {
	border-top: 3px solid #0990d4;
	border-bottom: 3px solid #0990d4;	

}
/*在学生*/
/*.container .mix.category-zaigaku {
	border-top: 3px solid #00CC99;
	border-bottom: 3px solid #00CC99;	

}*/


/*卒業生*/
/*.container .mix.category-sotsugyo {
	border-top: 3px solid #f2668e;
	border-bottom: 3px solid #f2668e;	

}*/



.container .mix:after {
/*content: attr(data-myorder) ;
*/padding:0;
margin:0;
	color: white;
	font-size: 16px;
	display: inline-block;
	vertical-align: top;
	padding: 4% 6%;
	font-weight: 700;
	
}
.container .mix:before {
/*	content: '';*/
	display: inline-block;
/*	padding-top: 60%;*/
}
 @media all and (min-width: 420px) {
.container .mix,  .container .gap {
	width: 32%;
}
}


/*
4列仕様
 .container .mix,
  .container .gap{
    width: 23.5%;  
  
}
*/


.container img{
	margin:0;
	padding:0}
	
	
	


 @media only screen and (max-width:640px) {
.container .mix,  .container .gap {
	width: 100%;
}
}






.controls{
border: 3px solid #00CCCC;
	border-radius: 0.2em;

	padding:15px 10px 5px 10px;
	margin:0 auto;
	width:1000px;
}

.controls span{
	font-weight:bold;
	color:#333333;
	font-size:16px;}

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

	width:96%;
	
}
}



/*===== 在学生・卒業生　学生インタビュー ===========================*/


.voices_index{
	margin:0 auto;
	width:80%;
	
}


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


.voices_index p{
	text-align:center;
	 font-size:16px}

.voices_index h2{
	
color: #02b5c0;
	border-bottom: 1px solid #b3e9ec;
	background-color:#FFF;
	margin:20px 0 30px;
	padding-bottom:12px;
	cursor:auto;
	
	


	border-radius: 5px;

	font-size: 24px;
	font-weight: bold;
	text-align: center;
	cursor: pointer;
	line-height: 1.4;
	
	}


 @media only screen and (max-width:640px) {
	 
	.voices_index h2{
	border-bottom: 1px solid #b3e9ec;
	background-color:#FFF;
	margin:20px 0 15px;
	padding-bottom:12px;
	cursor:auto;
	border-radius: 5px;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	cursor: pointer;
	line-height: 1.4;
	} 
	
.voices_index p{
	text-align: left;
	 font-size:13px}
	
	
  .none_br {
    display: none;
}
 }

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

.display-none{
    display:none;

}
}