@charset "utf-8";

/* ===================================================================
	Author: aki
=================================================================== */

#mf-list{
	background:url(../img/staff/index/bg.png) center repeat #f7f7f7;
}

#mf-list .mf-inner{
	padding:70px 100px 70px 130px;
}

#mf-list h2{
	text-align:center;
}


#mf-list .staff{
	position:relative;
	padding:40px 0 0 0;
}

#mf-list .staff#staff2,
#mf-list .staff#staff4,
#mf-list .staff#staff6{
	padding:80px 0 40px 339px;
}


#mf-list .staff .cimg{
	position:absolute;
	bottom:-30px;
	right:80px;
}


#mf-list .staff#staff2 .cimg,
#mf-list .staff#staff4 .cimg{
	position:absolute;
	bottom:0;
	right:auto;
	left:80px;
}
#mf-list .staff#staff6 .cimg{
	position:absolute;
	top:30px;
	right:auto;
	left:20px;
}


#mf-list .staff .ctext{
	width:430px;
	background:#fff;
}

#mf-list .staff .ctext-inner{
	padding:15px 20px;
}

#mf-list .staff .ctext h3{
	font-size:1.7em;
	line-height:1.5em;
}

#mf-list .staff .ctext p{
	padding:10px 0 0 0;
}

#mf-list .staff .ctext p.sname{
	padding:0px 0 0 0;
	color:#0066b0;
	font-size:1.5em;
	line-height:1.5em;
}


#mf-list .staff#staff5  p.sname{
	color:#ea616a;
}

#mf-list .btn{
	text-align:center;
}

#mf-list .btn a{
	display:block;
	border:#cf47c7 solid 1px;
	color:#cf47c7;
	line-height:1.1em;
	padding:5px;
	margin:0 50px;
	text-decoration:none;
}







#mf1{
	
}

#mf1 .mf-top{
	width:auto;
}

#mf1 .mf-inner{
	position:relative;
}


#mf1 .cimg img{
	width:100%;
}

#mf1 .sinfo{
	width:100%;
	position:absolute;
	top:50%;
	left:0;
}

#mf1 .sinfo-frame{
	width:1000px;
	margin:0 auto;
	-moz-transform: translate(0%, -50%);
	-webkit-transform: translate(0%, -50%);
	-o-transform: translate(0%, -50%);
	-ms-transform: translate(0%, -50%);
}

#mf1 .sinfo-frame-inner{
	padding:20px;
}

#mf1 .sinfo .ctext{
	width:280px;
	background:url(../img/staff/cmn/bg1.jpg) left top repeat;
}
#mf1 .rinfo .ctext{
	margin:0 0 0 auto;
}


#mf1 .sinfo .ctext-inner{
	padding:40px 10px;
	text-align:center;
}

#mf1 .sinfo .ctext p{
	font-size:0.9em;
	line-height:1.5em;
	text-shadow:1px 1px 0px #fff;
}

#mf1 .sinfo .ctext p.job{
	font-size:1.1em;
	line-height:1.5em;
}

#mf1 .sinfo .ctext h2{
	font-size:2.5em;
	line-height:1.5em;
	padding:10px 0;
	text-shadow:1px 1px 0px #fff;
}


#mf2 .mf-inner{
	padding:20px 0 70px 0;
}

#mf2 .catch{
	text-align:center;
}

#mf2 .cbox{
	padding:60px 0 20px 0;
}

#mf2 .cbox .cbox-inner{

}

#mf2 .cbox .cttl{
	text-align:center;
	padding:0 0 30px 0;
}

#mf2 .cbox .cttl h3{
	display:inline-block;
	background:url(../img/staff/cmn/bg2.jpg) left top repeat;
	padding:0 20px;
	font-size:2.0em;
	line-height:1.7em;
	text-shadow:1px 1px 0px #fff;
}

#mf2 .cbox .cimg{
	float:left;
}

#mf2 .cbox .ctext{
	float:right;
	width:695px;
}


#mf2 .cbox#cbox22 .cimg{
	float:right;
}

#mf2 .cbox#cbox22 .ctext{
	float:left;
}



#mf3{
	background:url(../img/staff/cmn/bg3.jpg) left top repeat;
	margin:0 0 50px 0;
}

#mf3 .mf-inner{
	position:relative;
	padding:30px 250px 20px 0;
}

#mf3 .ctext{
	
}

#mf3 h4{
	text-align:center;
}

#mf3 h4:before{
	display:inline-block;
	content:url(../img/staff/cmn/ic1.png);
	margin:5px 20px 0 0;
}


#mf3 .cimg{
	position:absolute;
	right:10px;
	bottom:0;
}


#mf3 .tbox{
	background:#fff;
	margin:15px 0 0 0;
	padding:20px;
}


#re .btn{
	text-align:center;
	padding:0 0 70px 0;
}

#re .btn a{
	display:inline-block;
	background:#cf47c7;
	color:#fff;
	font-size:1.9em;
	line-height:1.1em;
	padding:20px 180px;
	text-decoration:none;
}



@media screen and (max-width: 800px) {
	
#mf-list{
	background:url(../img/top/bg2.png) center repeat #f7f7f7;
}

#mf-list .mf-inner{
	padding:30px 10px;
}

#mf-list h2{
	text-align:center;
}


#mf-list .staff{
	position:relative;
	padding:30px 0 0px 0;
}

#mf-list .staff#staff2,
#mf-list .staff#staff4,
#mf-list .staff#staff6{
	padding:30px 0 0px 0px;
}


#mf-list .staff .cimg{
	position:static;
	bottom:0;
	right:0px;
	text-align:center;
}


#mf-list .staff#staff2 .cimg,
#mf-list .staff#staff4 .cimg,
#mf-list .staff#staff6 .cimg{
	position:static;
	bottom:0;
	right:auto;
	left:0px;
}


#mf-list .staff .ctext{
	width:auto;
	background:#fff;
}





#mf-list .staff .ctext-inner{
	padding:10px;
}

#mf-list .staff .ctext h3{
	font-size:1.3em;
	line-height:1.5em;
}

#mf-list .staff .ctext p{
	padding:10px 0 0 0;
}

#mf-list .staff .ctext p.sname{
	padding:0px 0 0 0;
	font-size:1.5em;
	line-height:1.5em;
}



#mf-list .btn a{
	margin:0 3em;
}




#mf1{
	
}

#mf1 .mf-top{
	width:auto;
}

#mf1 .mf-inner{
	position:relative;
}


#mf1 .cimg img{
	width:100%;
}

#mf1 .sinfo{
	width:100%;
	position:static;
	top:0;
	left:0;
}
#mf1 .sinfo-frame{
	width:auto;
	margin:0;
	-moz-transform: translate(0%, 0%);
	-webkit-transform: translate(0%, 0%);
	-o-transform: translate(0%, 0%);
	-ms-transform: translate(0%, 0%);
}

#mf1 .sinfo-frame-inner{
	padding:0px;
}

#mf1 .sinfo .ctext{
	width:auto;
	background:url(../img/staff/cmn/bg1.jpg) left top repeat;
}

#mf1 .sinfo .ctext-inner{
	padding:20px 10px;
	text-align:center;
}

#mf1 .sinfo .ctext p{
	font-size:0.9em;
	line-height:1.5em;
	text-shadow:1px 1px 0px #fff;
}

#mf1 .sinfo .ctext p.job{
	font-size:1.0em;
	line-height:1.5em;
}

#mf1 .sinfo .ctext h2{
	font-size:1.5em;
	line-height:1.5em;
	padding:10px 0;
	text-shadow:1px 1px 0px #fff;
}


#mf2 .mf-inner{
	padding:20px 10px 70px 10px;
}

#mf2 .catch{
	text-align:center;
}

#mf2 .cbox{
	padding:40px 0 20px 0;
}

#mf2 .cbox .cbox-inner{

}

#mf2 .cbox .cttl{
	text-align:center;
	padding:0 0 20px 0;
}

#mf2 .cbox .cttl h3{
	display:inline-block;
	background:url(../img/staff/cmn/bg2.jpg) left top repeat;
	padding:0 20px;
	font-size:1.3em;
	line-height:1.7em;
	text-shadow:1px 1px 0px #fff;
}

#mf2 .cbox .cimg{
	float:none;
	text-align:center;
	padding:0 0 20px 0;
}

#mf2 .cbox .ctext{
	float:none;
	width:auto;
}


#mf2 .cbox#cbox22 .cimg{
	float:none;
}

#mf2 .cbox#cbox22 .ctext{
	float:none;
}



#mf3{
	background:url(../img/staff/cmn/bg3.jpg) left top repeat;
	margin:0 0 50px 0;
}

#mf3 .mf-inner{
	position:relative;
	padding:30px 10px 20px 10px;
}

#mf3 .ctext{
	
}

#mf3 h4{
	text-align:center;
}

#mf3 h4 img {
	width:50%;
}

#mf3 h4:before{
	display:block;
	content:url(../img/staff/cmn/ic1.png);
	margin:0 0 10px 0;
}


#mf3 .cimg{
	position:absolute;
	right:10px;
	bottom:0;
	width:20%;
}

#mf3 .cimg img{

}


#mf3 .tbox{
	background:#fff;
	margin:15px 0 0 0;
	padding:20px;
	padding-right:calc(100% - 80%);
}

#re .btn{
}

#re .btn a{
	display:block;
	background:#cf47c7;
	color:#fff;
	font-size:1.9em;
	line-height:1.1em;
	padding:20px 0px;
	text-align:center;
	text-decoration:none;
}

}