@charset "UTF-8";
/* CSS Document */


/*--------------------------------------------------


    EMPLOYEE PAGE
	

---------------------------------------------------*/

/*--------------------------------------------------

     トップ
	 
---------------------------------------------------*/

.employee-wrapper{
	width:100%;
	/*height:100%;*/
}

.employee-wrapper.index{
	padding-top:100px;
}

/* IE10以上 */
@media all and (-ms-high-contrast: none){
.employee-wrapper{
	padding-bottom:630px;
	}
	
.employee-wrapper.index{
	padding-bottom:50px;
	}
}

/* Edge */
@supports (-ms-ime-align: auto) {
.employee-wrapper {
	padding-bottom:1px;
	}
	
.employee-wrapper.index{
	padding-bottom:50px;
	}
}

/*Firefox*/
@-moz-document url-prefix() {
.employee-wrapper{
	padding-bottom:630px;
	}
	
.employee-wrapper.index{
	padding-bottom:50px;
	}
}
/*5人の時
.employee-index01{
	width:100%;
	height:1115px;
	background-color:#F1F1F1;
	margin-bottom:730px;
}
.index01-inner{
	width:1260px;
	height:600px;
	margin:0 auto;
	position:relative;
}
*/
.employee-index01{
	width:100%;
	background-color:#F1F1F1;
	margin-bottom:730px;
}
.index01-inner{
	width:1260px;
	height:500px;
	margin:0 auto;
	position:relative;
}

.index01-inner ul{
	display: flex;
	position:absolute;
	top:-100px;
	justify-content: center;
	flex-wrap: wrap;
}

/*5人の時
.index01-inner ul li{
	width:360px;
	height:530px;
	position:relative;
	margin-right:90px;
	margin-bottom:80px;
}

.index01-inner ul li:nth-child(3),
.index01-inner ul li:nth-child(5){
	margin-right:0px;
}*/
.index01-inner ul li{
	width:300px;
	height:450px;
	position:relative;
	margin-right:20px;
	margin-bottom:0;
}

.index01-inner ul li:nth-child(4){
	margin-right:0px;
}
.index01-inner ul li img{
	width:100%;
}
/*5のの時
.name-plate{
	width:270px;
	height:185px;
	position:absolute;
	background-color:#FFFFFF;
	left:45px;
	bottom:0;
	text-align:center;
}*/
.name-plate{
	width:270px;
	height:185px;
	position:absolute;
	background-color:#FFFFFF;
	left:30px;
	bottom:0;
	text-align:center;
}

.name-plate > h3{
	width:220px;
	height:30px;
	line-height:30px;
	font-weight:bold;
	color:#FFFFFF;
	display:block;
	background-color:#CD2441;
	margin:-15px 0 20px 25px;
}

.name-plate > p{
	font-size:12px;
	font-style:italic;
	margin-bottom:10px;
}

.name-plate p > span{
	color:#CD2441;
}

.name-plate > h4{
	font-size:20px;
	margin-bottom:30px;
}

.name-plate h4 > span{
	display:block;
	color:#016CB7;
	font-size:12px;
	letter-spacing:0.2em;
}

.arrow {
	display: block;
	width: 14px;
	height: 14px;
	border-top: 4px solid #DEDEDE;
	border-right: 4px solid #DEDEDE;
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
	margin:0 auto;
}

.index01-inner ul li a{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    text-indent:-9999px;
}

.index01-inner ul li a:hover{
    background-color:#F1F1F1;
    filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
	-webkit-transition: all .3s;
	transition: all .3s;
}




@media screen and (max-width: 960px) {
.employee-wrapper.index{
	padding-top:50px;
}

.employee-index01{
	width:100%;
	height:auto;
	margin-bottom:0px;
}

.index01-inner{
	width:100%;
	height:auto;
}

.index01-inner ul{
	position:static;
	justify-content: flex-start;
}

.index01-inner ul li{
	width:50%;
	height:auto;
	margin-right:0px;
	margin-bottom:0px;
}

.index01-inner ul li img{
	width:100%;
	height:auto;
}

.name-plate{
	width:100%;
	height:auto;
	position:static;
	padding:10px 0;
}

.name-plate > h3{
	width:95%;
	margin:0px 2.5%;
	margin-bottom:7px;
}

.name-plate h3.fs{
	font-size:10px;
}

.name-plate > p{
	margin-bottom:5px;
	font-size:10px;
}

.name-plate > h4{
	font-size:18px;
	margin-bottom:15px;
}

.name-plate h4 > span{
	letter-spacing:0em;
}

.index01-inner ul li a{
	z-index:99;
}

}






/*--------------------------------------------------

     社員詳細　共通
	 
---------------------------------------------------*/

.employee-inner-main{
	width:100%;
	height:600px;
	text-align:center;
	position:relative;
	margin-top:100px;
	margin-bottom:30px;
}

.employee-inner-main .inner-title{
	width:1260px;
	height:600px;
	position: absolute;
	top:50%;
	left:50%;
	transform: translate(-50%, -50%);
	-webkit-transform:translate(-50%, -50%);
	color:#FFFFFF;
	padding-top:100px;
	text-align:left;
}

.employee-inner-main .inner-title > h1{
	font-size:46px;
	margin-bottom:80px;
	line-height:1.5;
	font-weight:normal;
	-webkit-filter: drop-shadow(1px 1px 3px rgba(0,0,0,1));
     filter: drop-shadow(1px 1px 3px #000000);
}

.employee-inner-main .inner-title > h2{
	display:block;
	width:160px;
	height:30px;
	line-height:30px;
	background-color:#CD2441;
	font-size:14px;
	margin-bottom:10px;
	text-align:center;
}

.employee-inner-main .inner-title h2.w220{
	font-size:13px;
	width:220px;
}

.employee-inner-main .inner-title > h3{
	font-size:40px;
	margin-bottom:0px;
	line-height:1;
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight:lighter;
	letter-spacing:0.2em;
	-webkit-filter: drop-shadow(1px 1px 3px rgba(0,0,0,1));
     filter: drop-shadow(1px 1px 3px #000000);
}

.employee-inner-main .inner-title > p{
	font-size:16px;
	-webkit-filter: drop-shadow(1px 1px 3px rgba(0,0,0,1));
     filter: drop-shadow(1px 1px 3px #000000);
}

.employee-inner01{
	width:100%;
	height:auto;
	position:relative;
}

.inner01-inner{
	width:100%;
	height:auto;
	padding:80px 50% 80px 10%;
}

.image01{
	width:100%;
	height:300px;
}

.inner01-inner > h3,
.inner02-inner > h3,
.inner03-inner > h3{
	font-size:24px;
	margin-bottom:20px;
}

.inner01-inner > p,
.inner02-inner > p,
.inner03-inner > p{
	font-size:16px;
}

.paint{
	width:100%;
	height:auto;
	position:absolute;
	top:0;
	left:0;
}

.paint img{
	width:100%;
	height:auto;
}


.employee-inner02{
	width:100%;
	height:750px;
	position:relative;
	background-color:#F1F1F1;
}

.inner02-inner{
	width:500px;
	height:auto;
	position: absolute;
	top:40%;
	right:10%;
	transform: translate(10%, -40%);
	-webkit-transform:translate(10%, -40%);
}

.employee-inner03{
	width:100%;
	height:750px;
	position:relative;
}

.inner03-inner{
	width:50%;
	padding:50px 100px;
	position: absolute;
	top:50%;
	left:0%;
	transform: translate(0%, -50%);
	-webkit-transform:translate(0%, -50%);
	background-color:rgba(255,255,255,0.9);
}


/*ナビ*/
.employee-nav{
	width:100%;
	padding:40px 0;
	background-color:#000000;
	margin-bottom:730px;
}

/* IE10以上 */
@media all and (-ms-high-contrast: none){
.employee-nav{
	margin-bottom:50px;
}
}

/* Edge */
@supports (-ms-ime-align: auto) {
.employee-nav {
	padding-bottom:1px;
	}
}

/*Firefox*/
@-moz-document url-prefix() {
.employee-nav{
	margin-bottom:50px;
}
}

.employee-nav ul{
	width:1000px;
	display:block;
	margin:0 auto;
}

.employee-nav ul li{
	width:250px;;
	display:block;
	float:left;
}
/*5人の時
.employee-nav ul li{
	width:200px;
	height:280px;
	display:block;
	float:left;
}
*/

.employee-nav ul li img{
	width:100%;
	height:auto;
}

.employee-nav ul li a{
	opacity:0.5;
}

.employee-nav ul li a:hover,
.employee-nav ul li a.active{
	opacity:1;
	-webkit-transition: all .3s;
	transition: all .3s;
}


@media screen and (max-width: 960px) {
.employee-inner-main{
	height:400px;
	margin-top:50px;
	margin-bottom:20px;
}

.employee-inner-main .inner-title{
	width:90%;
	height:auto;
	transform: translate(0%, 0%);
	-webkit-transform:translate(0%, 0%);
	padding-top:20px;
	color:#FFFFFF;
	text-align:left;
	left:5%;
	top:150px;
}

.employee-inner-main .inner-title > h1{
	width:95%;
	font-size:20px;
	margin:0 auto;
	margin-bottom:10px;
}

.employee-inner-main .inner-title > h2{
	display:block;
	font-size:12px;
	color:#FFFFFF;
	margin-bottom:15px;
}

.employee-inner-main .inner-title > h3{
	font-size:18px;
	margin-bottom:0px;
	letter-spacing:0em;
}

.employee-inner-main .inner-title > p{
	font-size:14px;
}

/*.main-bg{
	position:absolute;
	width:100%;
	height:100%;
	background:url(../images/employee/main_bg.png) repeat 0 0;
}*/


.employee-inner01{
	width:100%;
	height:auto;
	margin-bottom:50px;
}

.inner01-inner{
	width:95%;
	padding:20px 0;
	margin:0 auto;
}

.image01{
	width:100%;
	height:auto;
}

.image01 img{
	width:100%;
	height:auto;
}

.inner01-inner > h3,
.inner02-inner > h3,
.inner03-inner > h3{
	font-size:18px;
	margin-bottom:10px;
	text-align:center;
	font-weight:bold;
}

.inner01-inner > p,
.inner02-inner > p,
.inner03-inner > p{
	font-size:14px;
}

.paint{
	display:none;
}

.employee-inner02{
	height:auto;
	margin-bottom:50px;
}

.employee-inner02 img{
	width:100%;
	height:auto;
}

.inner02-inner{
	width:95%;
	height:auto;
	position:static;
	transform: translate(0%, 0%);
	-webkit-transform:translate(0%, 0%);
	margin:0 auto;
	padding:20px 0;
}

.employee-inner03{
	height:auto;
	margin-bottom:50px;
}

.employee-inner03 img{
	width:100%;
	height:auto;
}

.inner03-inner{
	width:95%;
	height:auto;
	position:static;
	transform: translate(0%, 0%);
	-webkit-transform:translate(0%, 0%);
	margin:0 auto;
	padding:20px 0;
}

/*ナビ*/
.employee-nav{
	padding:20px 0;
	margin-bottom:0px;
}

.employee-nav ul{
	width:100%;
}

.employee-nav ul li{
	width:50%;
	height:auto;
}
/*5人の時
.employee-nav ul li{
	width:33.3%;
	height:auto;
}
*/

}


/*--------------------------------------------------

     各社員詳細
	 
---------------------------------------------------*/

/* 01 --------------------------------------------- */
.employee-inner-main.employee01{
	background:url(../images/employee/employee01_main.jpg) no-repeat center center;
	background-size:cover;
}

.image01.employee01{
	background:url(../images/employee/employee01_01.jpg) no-repeat center top;
	background-size:cover;
}

.employee-inner02.employee01{
	background:url(../images/employee/employee01_02.jpg) no-repeat center center #F1F1F1;
	background-size:contain;
}

.employee-inner03.employee01{
	background:url(../images/employee/employee01_03.jpg) no-repeat center center;
	background-size:contain;
}

/* 02 --------------------------------------------- */
.employee-inner-main.employee02{
	background:url(../images/employee/employee02_main.jpg) no-repeat center center;
	background-size:cover;
}

.image01.employee02{
	background:url(../images/employee/employee02_01.jpg) no-repeat center top;
	background-size:cover;
}

.employee-inner02.employee02{
	background:url(../images/employee/employee02_02.jpg) no-repeat center center #F1F1F1;
	background-size:contain;
}

.employee-inner03.employee02{
	background:url(../images/employee/employee02_03.jpg) no-repeat center center;
	background-size:contain;
}

/* 03 --------------------------------------------- */
.employee-inner-main.employee03{
	background:url(../images/employee/employee03_main.jpg) no-repeat center center;
	background-size:cover;
}

.image01.employee03{
	background:url(../images/employee/employee03_01.jpg) no-repeat center top;
	background-size:cover;
}

.employee-inner02.employee03{
	background:url(../images/employee/employee03_02.jpg) no-repeat center center #F1F1F1;
	background-size:contain;
}

.employee-inner03.employee03{
	background:url(../images/employee/employee03_03.jpg) no-repeat center center;
	background-size:contain;
}

/* 04 --------------------------------------------- */
.employee-inner-main.employee04{
	background:url(../images/employee/employee04_main.jpg) no-repeat center center;
	background-size:cover;
}

.image01.employee04{
	background:url(../images/employee/employee04_01.jpg) no-repeat center top;
	background-size:cover;
}

.employee-inner02.employee04{
	background:url(../images/employee/employee04_02.jpg) no-repeat center center #F1F1F1;
	background-size:contain;
}

.employee-inner03.employee04{
	background:url(../images/employee/employee04_03.jpg) no-repeat center center;
	background-size:contain;
}

/* 05 --------------------------------------------- */
.employee-inner-main.employee05{
	background:url(../images/employee/employee05_main.jpg) no-repeat center center;
	background-size:cover;
}

.image01.employee05{
	background:url(../images/employee/employee05_01.jpg) no-repeat center top;
	background-size:cover;
}

.employee-inner02.employee05{
	background:url(../images/employee/employee05_02.jpg) no-repeat center center #F1F1F1;
	background-size:contain;
}

.employee-inner03.employee05{
	background:url(../images/employee/employee05_03.jpg) no-repeat center center;
	background-size:contain;
}

/* 06 --------------------------------------------- */
.employee-inner-main.employee06{
	background:url(../images/employee/employee06_main.jpg) no-repeat center center;
	background-size:cover;
}

.image01.employee06{
	background:url(../images/employee/employee06_01.jpg) no-repeat center top;
	background-size:cover;
}

.employee-inner02.employee06{
	background:url(../images/employee/employee06_02.jpg) no-repeat center center #F1F1F1;
	background-size:contain;
}

.employee-inner03.employee06{
	background:url(../images/employee/employee06_03.jpg) no-repeat center center;
	background-size:contain;
}

@media screen and (max-width: 960px) {
.employee-inner-main.employee01,
.image01.employee01,
.employee-inner02.employee01,
.employee-inner03.employee01,
.employee-inner-main.employee02,
.image01.employee02,
.employee-inner02.employee02,
.employee-inner03.employee02,
.employee-inner-main.employee03,
.image01.employee03,
.employee-inner02.employee03,
.employee-inner03.employee03,
.employee-inner-main.employee04,
.image01.employee04,
.employee-inner02.employee04,
.employee-inner03.employee04,
.employee-inner-main.employee05,
.image01.employee05,
.employee-inner02.employee05,
.employee-inner03.employee05,
.employee-inner-main.employee06,
.image01.employee06,
.employee-inner02.employee06,
.employee-inner03.employee06{
	background:none;
}

.employee-inner-main.employee01{
	background:url(../images/employee/sp_employee01_main.jpg) no-repeat center top;
	background-size:cover;
}

.employee-inner-main.employee02{
	background:url(../images/employee/sp_employee02_main.jpg) no-repeat center top;
	background-size:cover;
}

.employee-inner-main.employee03{
	background:url(../images/employee/sp_employee03_main.jpg) no-repeat center top;
	background-size:cover;
}

.employee-inner-main.employee04{
	background:url(../images/employee/sp_employee04_main.jpg) no-repeat center top;
	background-size:cover;
}

.employee-inner-main.employee05{
	background:url(../images/employee/sp_employee05_main.jpg) no-repeat center top;
	background-size:cover;
}

.employee-inner-main.employee06{
	background:url(../images/employee/sp_employee06_main.jpg) no-repeat center top;
	background-size:cover;
}
}