@charset "utf-8";



div.new-graduates div.thanks h3,
div.new-graduates div.thanks p{
	font-size: 24px;
	text-align:left;
	background:none;
}

div.new-graduates div.thanks h3{
	margin-top:60px;
}

div.new-graduates div.thanks p{
	font-size: 16px;
	color:#444444;
}



div.button{
	margin:30px 0px 0px 0px;
	text-align:center;
}

div.button.go{
	margin:30px 0px 0px 0px;
}

div.button p.returnBtn,
button.button8 {

	display: inline;
	font-size: 16px;
	margin:20px 0px 0px 0px ;
	padding: 10px 40px;
	color: #fff;
	border-style: none;

	box-shadow: 1px 1px 3px 1px #aaa;
	-moz-box-shadow: 1px 1px 3px 1px #aaa;
	-webkit-box-shadow: 1px 1px 3px 1px #aaa;

	text-shadow: 1px 1px 2px #333;
	background-color:#76ccf5;
	background-color:#a1b4c2;
	background-color:#d6dbde;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	line-height:1.2em;
}

button.button8.go {
	background-color:#76ccf5;
}

div.button p.returnBtn{
	background-color:#a1b4c2;
	width:8em;
	margin-right:30px;
}

div.button p.returnBtn:hover,
button.button8:hover {
	opacity: 0.6;
}
button.button8:disabled {
	opacity: 1.0;
}



div.new-graduates p.error.button,
div.new-graduates p.error{
	font-size:12px;
	margin-bottom:0px;
	color:#fe7500;
	margin:0px;
	background:none;
	text-align:left;
}

div.new-graduates p.error.button{
	text-align:center;
	margin-bottom:0px;
}


div.contents{
	width:1004px;
	float:none;
}

div.new-graduates hr{
	margin:10px 0px 10px 0px;

}

section.con{
	padding:25px;
	border:solid 2px #B3B3B3;
	border-style: none solid solid solid 
}


section.navi ul li{
	background-image:url("./new-graduates-hei.svg");
	background-repeat:no-repeat;
	background-position:51% 0%;
	height:60px;
	float:left;
}

section.navi ul li.l{
	width: 50%;
	background-image:url("./new-graduates-hei.svg");
	background-repeat:no-repeat;
	background-position:49% 0%;
}

section.navi ul li.r{
	width: 50%;
}

section.navi ul li.l.c{
	background-image:url("./new-graduates-kai.svg");
	background-repeat:no-repeat;
	background-position:49% 0%;
}

section.navi ul li.r.c{
	background-image:url("./new-graduates-kai.svg");
	background-repeat:no-repeat;
	background-position:51% 0%;
}


section.navi ul li.l span,
section.navi ul li.r span{	
	color:#fff;
	display:block;
	width:200px;
	padding:14px 0px 14px 0px;
	background-color:#8CC63F;
	margin:8px 0px 0px 45px;
	width: 88%;
	text-indent:16px;
	font-size:1.4em;
	border-radius: 6px;        /* CSS3草案 */  
	-webkit-border-radius: 6px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 6px;   /* Firefox用 */  
} 

section.navi ul li.r span.m{
	background-color:#37B48D;
	margin:8px 0px 0px 15px;
}




div.con3 table,
div.con2 table{
	margin-top:20px;
	width:100%;
	border:solid 1px #C9CACA;
	border-style:  none none solid none ;
}

div.con3 th,
div.con3 td,
div.con2 th,
div.con2 td{
	padding:10px 0px 10px 0px;
	border:solid 1px #C9CACA;
	border-style: solid none none  none ;
	background-color:#fff;
	font-size:14px;
	width:60%;
	vertical-align:top;
}

div.con3 th,
div.con2 th{
	padding:10px 0px 10px 2%;
	color:#8CC63F;
	width:18%;
}

div.con3 th{
	color:#37B48D;

}


div.con3 h2{
	margin-top:40px;
	padding:5px 0px 5px 20px;
	background-color:#37B48D;
	color:#fff;
	font-size:20px;
}


div.con3 th.g,
div.con2 th.g{
	padding:10px 0px 10px 0%;
	background-color:#8CC63F;
	color:#fff;
	text-align:center;
	width:20%;
	font-size:20px;
}

div.con3 th.g{
	background-color:#37B48D;
}


div.con3 th.gh,
div.con2 th.gh{
	background-color:#8CC63F;
	color:#fff;
	font-size:20px;
}

div.con3 th.gh{
	background-color:#37B48D;
}

div.con3 th.gg,
div.con2 th.gg{
	padding:10px 0px 10px 0%;

	background-color:#F8F6E7;
	background-color:#eee9bf;
	background-color:#F0F0E0;
	color:#555;
	font-weight:normal;;
	text-align:center;
	width:20%;
	font-size:20px;
}



div.button_shoku{
	margin:0px 0px;
	background-color:#8CC63F;
	color:#fff;
	font-size:16px;
	padding:4px 0px 4px 0px;
	background-image:url("../common/images/right-arrow.svg");
	background-repeat:no-repeat;
	background-position:100% 50%;
	width:50%;
}

div.button_shoku:hover{
	background-color:#aCe65F;
}

div.button_shoku.mid{
	background-color:#37B48D;
}

div.button_shoku.mid:hover{
	background-color:#57d4aD;
}

section.con img{
	width: 100%;
}


section.form p{
	color:#fff;
	text-align:center;
	font-size:20px;
	background-color:#8CC63F;
	margin:30px 0px 0px 0px;
}

section.form p.mid{
	background-color:#37B48D;
}



section.form table{
	width: 100%;
	border:solid 1px #C9CACA;
	border-style: solid solid solid  solid ;
	margin:0px 0px 30px 0px;
}


section.form td,
section.form th{
vertical-align:top;
	padding:10px 2% 10px 0px;
	border:solid 1px #C9CACA;
	border-style: solid none none  solid ;
	font-size:14px;

}



section.form th{
	padding:10px 0px 10px 2%;
	width: 28%;
}


section.form th span{
	font-size:12px;
	color:#F15A24;
	color:#888;
	padding-left:5px;
	font-weight:normal;
}



section.form td{
	border:solid 1px #C9CACA;
	border-style: solid solid none  none ;
}
section.form td.n{

	border:solid 1px #C9CACA;
	border-style: none solid none  none ;
}


section.form table.kai td,
section.form table.kai  th{

}

input[type="radio"]{
	margin-right:10px;
}

input[type="text"],
textarea{
	width:100%;
	font-size:16px;
	padding:0.2em;
	background-color:#e9e9e9;
}

input[type="text"].h{		width:50%;	margin-right:1%;	}
input[type="text"].q{		width:25%;	margin-right:1%;	}
input[type="text"].y{		width:10%;	margin-right:1%;	}
input[type="text"].m{	width:5%;	margin-right:1%;	}


textarea.w{
	height:10em;

}

section.title{
	display:block;
	padding:390px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	height:565px;
	height:175px;

	background-color:#d4ebf9;
	background-image:url("./voice-of-employees-001.jpg");
	background-repeat:no-repeat;
	background-position:0% 0%;
	text-align:left;
}

section.title h1{
	line-height:1.2em;
	padding:0px;
	margin:0px 0px 14px 20px;
	font-size:36px;
	background:none;
	color:#fff;
	border:none;
	color:#8CC63F;
}

section.title p{
	margin:0px 0px 14px 20px;
	font-size:18px;
	line-height:1.8em;
	color:#fff;
}



section.voice div.n1,
section.voice div.n2,
section.voice div.n3{
	background-image:url("voice-of-employees-002.jpg");
	background-repeat:no-repeat;
	background-position:0px 0px;

	border:solid 4px #8CC63F;
	border-style: none none solid none ;

	height:456px;
	height:348px;
	width:539px;
	padding:108px 50px  0px 415px;
	margin-top:160px;
}

section.voice div.n2{
	background-image:url("voice-of-employees-003.jpg");
}
section.voice div.n3{
	background-image:url("voice-of-employees-004.jpg");
}


section.voice ul{
	float:left;
	width:200px;
	margin:38px 0px 0px 35px;
}

section.voice ul li{
	font-size:20px;
}

section.voice ul li:nth-child(2){
	margin-top:5px;
	font-size:10px;
}
section.voice ul li:nth-child(3){
	margin-top:10px;

	font-size:12px;
}

section.voice div.sub{
	float:left;
	width:500px;
	margin:38px 0px 0px 35px;
}

section.voice div.sub dt{
	float:left;
	background-color:#8CC63F;
	padding:0px 4px 0px 4px;
	font-size:12px;
	color:#fff;
}

section.voice div.sub dd{
	color:#8CC63F;
	padding:0px 0px 0px 10px;
	font-size:14px;
	float:left;
	line-height:1.2em;
}

section.voice  img{
	margin:20px 0px 0px 10px;
}

section.voice h3{
	color:#8CC63F;
	font-size:26px;
}

section.voice h1{
	color:#333333;
	margin:0px 0px 10px 0px;
	padding:0px 0px 10px 0px ;
	font-size:18px;

	border:solid 1px #C9CACA;
	border-style: none none solid none ;
}

section.comp div.l{
	float:left;
	width:451px;
	margin-left:140px;
	margin-right:30px;
}

section.comp h1{
	margin-top:20px;
	padding-bottom:10px;
	border:solid 1px #C9CACA;
	border-style: none none solid none ;
	color:#333333;
	font-size:22px;
}

section.map{
	width:945px;
	margin:30px auto 30px auto;
position:relative;
}

section.map img{
	width:100%;
}


section.map h1{
	color:#333333;
	font-size:24px;
	position:absolute;
	top:50px;
	left:0px;
}

section.map p.lead{
	font-size:16px;
	position:absolute;
	top:130px;
	left:0px;
}

section.map p.body{
	font-size:14px;
	position:absolute;
	top:450px;
	left:0px;
	width:300px;
}



section.business{
	background-image:url("./recruit-common-arr.jpg");
	background-repeat:no-repeat;
	background-position:50% 0%;
	width:100%;
	background-color:#F5F7F7;
}

div.business-wrapper{
		padding:80px 0px 60px 0px;
		width:945px;
		margin:0px auto;
}

section.business h1{
	font-size:36px;
	color:#8CC63F;
	text-align:center;
}


section.business div.col{
	border:solid 1px #C9CACA;
	border-style: none none solid none ;

}

section.business h2{
	padding:60px 0px 0px 0px;

	font-size:26px;
	color:#fff;
	color:#333;

}


section.business div.col p{
		width:468px;
}
section.business div.col p.lead{
	font-weight:bold;
	font-size:16px;
		width:468px;
}

section.business div.col div.l{
	float:left;
		width:468px;
}

section.business div.col div.r{
	position:relative;
	float:left;
}

img.sh001{
	position:absolute;
	top:90px;
	left:50px;
}

img.sh002{
	position:absolute;
	top:90px;
	left:30px;
}

img.sh003{
	position:absolute;
	top:90px;
	left:70px;
}


section.business div.col div.service{
	margin-bottom:50px;
	background-color:#ffffff;
	clear:both;
	padding:10px 20px 20px 20px;
	border:solid 2px #E6E6E6;
	border-style:solid none none  none ;
}

section.business div.col div.service.btm{
	margin-bottom:0px;
	border:none;
}

section.business div.col div.service:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}






section.business div.col div.service dl{
	width:285px;
	margin-left:6px;
	float:left;
	padding:6px;
	background-color:#8CC63F;

	border:solid 2px #cccccc;
	border-style: none none solid none ;
}

section.business div.col div.service dl.t{
	margin-left:0px;
}

section.business div.col div.service dt{
	background-color:#fff;
	color:#8CC63F;

}
section.business div.col div.service dd{
	color:#fff;
}

section.business div.col div.service h3{
	font-size:16px;
	color:#fff;
	color:#b3b3b3;
	text-align:center;
}




section.business div.business{
		padding:80px 0px 0px 0px;
		width:1004px;
		margin:0px auto;
}

section.business div.business div{
	margin:0px 0px 50px 108px;
	width:228px;
	float:left;
}

section.business div.business div:first-child{
margin-left:52px;
}

section.business dt{
	font-size:18px;
	background-color:#333333;
	text-align:center;
	color:#fff;
}

section.business dd{
	text-align:center;
	line-height:1.4em;
	margin:10px 0px 14px 0px;
}

div.business:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}


div.business2{
	background-color:#bedb9a;
		width:100%;
}

div.business2 ul{
	width:1004px;
	margin:0px auto;
	padding:0px 10px;
}

div.business2 ul li{
	background-color:#8CC63F;
	color:#fff;
	font-size:16px;
	padding:4px 0px 4px 10px;
	background-image:url("../common/images/right-arrow.svg");
	background-repeat:no-repeat;
	background-position:100% 50%;
}


section.voice div.con div.personal{
	margin-left:2px;
	float:left;
	width:333px;
	padding-bottom:120px;
}
section.voice div.con div.personal:first-child{
	margin-left:0px;
}

section.voice div.con dl{
	margin:30px 20px 15px 20px;

}

section.voice div.con dt,
section.voice div.con dd{
	font-size:20px;
	margin:0px 0px 8px 0px;
	line-height:1.2em;
}
section.voice div.con dd span{
	font-size:12px;
	margin-left:1em;
}

section.voice div.con dd.bu{
	margin:0px 0px 4px 0px;
	font-size:14px;
}



section.voice div.con ul li{
	margin:0px 20px;
	background-color:#8CC63F;
	color:#fff;
	font-size:16px;
	padding:4px 0px 4px 10px;
	background-image:url("../common/images/right-arrow.svg");
	background-repeat:no-repeat;
	background-position:100% 50%;
}


section.voice div.con ul li span{
	font-size:14px;
}


section.detail{

	background-color:#8CC63F;
}

section.detail div.con{
	width:1004px;
	margin:0px auto;
	padding:0px 10px 80px 10px;
}

section.detail div.con:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}


section.detail h1,
section.detail p{
	color:#ffffff;
	text-align:center;
}

section.detail h1{
	padding-top:50px;
	margin:0px auto 20px auto;
	font-size:36px;


}

section.detail p{
	color:#ffffff;
	padding-bottom:50px;
}


section.detail div.l{
	float:left;
}

section.detail div.r{
	float:right;
}




section.detail  ul li{
	margin:0px 0px;
	background-color:#fff;
	color:#8CC63F;
	font-size:16px;
	padding:4px 0px 4px 10px;
	background-image:url("../common/images/right-arrow-green.svg");
	background-repeat:no-repeat;
	background-position:100% 50%;
}


