/********************** PC・タブレット用css ***************************/

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

.trainee_list{
	padding:7% 0;
}

.trainee_list:nth-of-type(even){
	background:#F7F7F7;
}

.trainee_list h2{
	font-size:130%;
	letter-spacing: 0.2em;
	margin:0 0 5%;
	padding-left:1em;
	text-align: center;
	color:#435e72;
}

.trainee_list_inner{
	max-width:1000px;
	display:flex;
	flex-wrap: wrap;
	align-items: flex-start;
	margin:0 auto;
}

.trainee{
	width:10%;
	margin:3% 0 0 8%;
}

.trainee a{
	text-decoration:none;
}

.trainee a div:hover,
.trainee a p:hover{
	filter:alpha(opacity=80);
    -moz-opacity: 0.8;
    opacity: 0.8;
}

.trainee p{
	font-size:80%;
	font-weight:600;
	letter-spacing:0.2em;
	color:#262626;
	text-align: center
}

.team_pg{
	font-size:11px;
	letter-spacing:0.1em;
	font-weight:500;
	color:#AF3F5F;
}

.icon-keyboard:before{
  content: "\e9f8";
  color:#D9455C;
}

.team_fr{
	font-size:11px;
	letter-spacing:0.1em;
	font-weight:500;
	color:#198F61;
}

.icon-pencil:before{
  content: "\e9a9";
  color:#348F9E;
}

.morelink{
    display:block;
    max-width:240px;
    margin:7% auto;
    padding:10px 20px;
    background:#7c7c7c;
    border:2px solid #fff;
    color:#fff;
    text-align:center;
    border-radius:5px;
}

.morelink:hover{
    cursor:pointer;
    border:2px solid #7c7c7c;
    background:#fff;
    color:#7c7c7c;
}

.join {
	color: #262626;
	display: block;
	font-size: 85%;
	font-weight: 300;
	letter-spacing: 0.2em;
}

}