#index .section-top .pc{
width:100%;
margin:0 auto;
		position:relative;
    min-width: 1080px;
}

#index section{
 min-width: 1080px;
}
#index .section-top .pc .side-menu{


	background-color:#fff;

	font-size:16px;

	border-left:1px solid #dcdddd;
	height:610px;
    
    	position: absolute;
	top: 0;
	left: 0;
	width: 229px;
}
 

#index .section-top .pc .side-menu .logo{
text-align:left;
padding-left:50px;
width:100%;	
padding-top:38px;

}

#index .section-top.pc .side-menu .ribbon{
	position:absolute;
	left:0;
	top:200px;
	
}
#index .section-top .pc .side-menu .saiyo{
	color:#f0831e;
	padding-top:20px;
	padding-left:50px;
	line-height:1.6;
	
}
#index .section-top .pc .side-menu a:first-child{
	border-top:1px solid #dcdddd;
}
#index .section-top .pc .side-menu .menu{
position:absolute;
bottom:0;
width:auto;
width:100%;
}


#index .section-top .pc .side-menu .menu a{
	color:#000000;
	height:31px;
	line-height:1;
	padding-top:14px;
	padding-left:80px;
	background-image:url(common/images/icon01.png);
	background-repeat:no-repeat;
	background-position:50px center;
	display:block;
	border-bottom:1px solid #dcdddd;
	
}


#index .section-top .pc .side-menu .menu a:last-child{
	border-bottom:0;
}
#index .section-top .pc .side-menu .menu a.message{
	background-image:url(common/images/icon01_off.png);
}
#index .section-top .pc .side-menu .menu a.ourwork{
	background-image:url(common/images/icon02_off.png);
}
#index .section-top .pc .side-menu .menu a.env{
	background-image:url(common/images/icon03_off.png);
}
#index .section-top .pc .side-menu .menu a.staff{
	background-image:url(common/images/icon04_off.png);
}
#index .section-top .pc .side-menu .menu a.bosyu{
	background-image:url(common/images/icon05_off.png);
}

#index .section-top .pc .side-menu .menu a:hover.message{
	background-image:url(common/images/icon01_on.png);
}
#index .section-top .pc .side-menu .menu a:hover.ourwork{
	background-image:url(common/images/icon02_on.png);
}
#index .section-top .pc .side-menu .menu a:hover.env{
	background-image:url(common/images/icon03_on.png);
}
#index .section-top .pc .side-menu .menu a:hover.staff{
	background-image:url(common/images/icon04_on.png);
}
#index .section-top .pc .side-menu .menu a:hover.bosyu{
	background-image:url(common/images/icon05_on.png);
}
#index .section-top .pc .side-menu .menu a.staff{
padding-top:7px;
height:39px;
}
#index .section-top .pc .side-menu .menu a:hover{
	color:#fff;
	background-color:#FDD666;
}
#index .section-top .pc .main{
	width: calc(100% - 229px);
	height: 610px;
	float: right;
		overflow: hidden;

    
} 
#index .section-top .pc .main .image {
    width:auto;
	min-width:100%;
	min-height:100%;
	z-index:-100;
	position: relative;
	top: 30%;
	transform: translateY(-30%);
    
}

#index .section-top .pc .main .dotte{
    position: absolute;
    bottom:0;
    height:54px;
    width: calc(100% - 229px);
  	background-image:url(images/dotte.png);  
}
#index .section-top .pc .main img{
 width:100%;   
}
#index .section-top .pc .btn01{
	position:absolute;
bottom:-100px;
right:10px;
z-index:9999999;
}

#index .section-message .pc{

	background-image:url(images/back02.jpg);
	overflow:hidden;
}
#index .section-message .pc .left{
	width:684px;
	float:left;
	height:610px;
	position:relative;
	background-image:url(images/man01.png);
	background-repeat:no-repeat;
	background-position:bottom left 50px;

}

#index .section-message .pc .left h2{
	position:absolute;
	right:70px;
	top:65px;
}

#index .section-message .pc .left .fukidashi{
	color:#f0831e;
	position:absolute;
	left:68px;
	top:269px;
	text-align:center;
	line-height:1.3;
	font-size:13px;

}

#index .section-message .pc .left .text01{
	font-size:16px;
	color:#f0831e;
	position:absolute;
		right:70px;
	top:217px;
}

#index .section-message .pc .left .text02{
	font-size:16px;
	color:#231815;
	top:273px;
	width:200px;
	position:absolute;
		right:70px;

		text-align:left;
		
}
#index .section-message .pc .left .btn-detail{
	position:absolute;
	right:70px;
		top:503px;
}


#index .section-message .pc .right{
	width:396px;
	position:relative;
	float:left;
height:610px;
}

#index .section-message .pc .right img{
	position:absolute;	
}


#index .section-mission .pc{
	height:397px;
	background-image:url(images/back03.jpg);
	overflow:hidden;
}

#index .section-mission .pc .left{
	width:602px;
	float:left;
height:397px;
	position:relative;


}


#index .section-mission .pc .left img{
	position:absolute;
	right:0;
}
#index .section-mission .pc .right{
	position:relative;
	width:475px;
	float:left;
}
#index .section-mission .pc .right h2{
	position:absolute;
	left:75px;
	top:55px;
}

#index .section-mission .pc .right .text01{
	position:absolute;
	left:75px;
	top:248px;

	font-size:16px;
}

#index .section-mission .pc .right .btn-detail{
	position:absolute;
	left:350px;
		top:340px;
		width:122px;
}




#index .section-environment .pc{
height:397px;
	background-image:url(images/back02.jpg);
	overflow:hidden;
}



#index .section-environment .pc .left{
	width:426px;
	float:left;
height:397px;
	position:relative;


}

#index .section-environment .pc .left h2{
	position:absolute;
	left:75px;
	top:52px;
	z-index:999999;
}

#index .section-environment .pc .left .text01{
	position:absolute;
	left:75px;
		top:180px;
	font-size:16px;
	width:330px;
	
}

#index .section-environment .pc .left .btn-detail{
	position:absolute;
	right:30px;
		top:328px;
		width:122px;
}

#index .section-environment .pc .right{
	position:relative;
	width:654px;
	float:left;
	
}



#index .section-interview .pc{
	height:610px;
	overflow:hidden;
}

#index .section-interview .pc .left{
	
	
}
#index .section-interview .pc .left .image{
	position:absolute;
	left:50%;
	margin-left:-473px;
	z-index:999999;
	top:40px;
}
#index .section-interview .pc .left a{
	position:absolute;

	z-index:999999;
}

#index .section-interview .pc .left dl{
	position:absolute;
	z-index:999999;
}
#index .section-interview .pc .left dt{
margin-bottom:8px;
letter-spacing:0.2em;	
}

#index .section-interview .pc .left dd{
color:#f0831e;
line-height:1.6;
}
#index .section-interview .pc .left .eisei dl{

	left:540px;
	top:155px;


}

#index .section-interview .pc .left .eisei a{
	left:720px;
	top:130px;
}


#index .section-interview .pc .left .ishi dl{

	left:490px;
	top:345px;
	


}
#index .section-interview .pc .left .ishi dt{
	margin-bottom:0px;
}
#index .section-interview .pc .left .ishi dd{
	line-height:1.3;
}
#index .section-interview .pc .left .ishi a{
	left:730px;
	top:325px;
}

#index .section-interview .pc .left .uketsuke dt{
	margin-bottom:0px;
}
#index .section-interview .pc .left .uketsuke dl{

	left:435px;
	top:480px;
	line-height:1.4;

}
#index .section-interview .pc .left .uketsuke dl dd{
	line-height:1.3;
}
#index .section-interview .pc .left .uketsuke a{
	left:672px;
	top:460px;
}


#index .section-interview .pc .right{
		position:absolute;
		left:288px;
		top:0;
		width:2000px;
		height:610px;
		background-image:url(images/back03.jpg);
}


@media screen and (max-width: 768px) {
    #index section{
 min-width:auto;
}
	#index .top-section,
	#index .message-section,
	#index .mission-section,
	#index .environment-section,
	#index .interview-section{
		margin-bottom:10px;
		
	}
	#index .sp{
		position:relative;
	
	}
	#index .sp .btn{
		width:80px;
		display:block;
		position:absolute;
		z-index: 999999;
		right:10px;
		bottom:10px;
	}
	
	#index .section-top .sp .name{
		font-size:16px;
		font-weight:600;
		letter-spacing: 0.3em;
		text-align:center;
		color:#EF821E;
		padding:8px 0;
	}
	
}