@charset "utf-8";
/* common */
body {
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; 
	font-size:15px;
	color:#000000;
	background:#FFFFFF;
	letter-spacing:0.05em;
	line-height:1.6;
}
img {
	max-width:100%;
	vertical-align:bottom;
}
a:link, a:visited {
	color:#333333;
	text-decoration:none;
}
a:hover {
	color:#333333;
	text-decoration:underline;
}
a:hover img.toka {
	opacity:0.6;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
}
.pc {
	display:inherit;
}
.sp {
	display:none;
}

.txtC {
	text-align:center;
	margin:60px auto;
}
.red{
  color: red;
}
.relative {
    position: relative;
}
.absolute {
    position: absolute;
}
.mb50{ margin-bottom: 50px; }


/* wrap */
.wrapA {
	width:950px;
	margin:0 auto;
	overflow:hidden;
	clear:both;
}
.wrapB {
	width:1100px;
	margin:0 auto;
	overflow:hidden;
	clear:both;
}
.wrapC {
	width:750px;
	margin:0 auto;
	overflow:hidden;
	clear:both;
}



/* header */
header {
	width:100%;
	position:fixed;
	border-bottom:3px solid #BC0008;
	background:url(../img/common/headBg.png) repeat-x top center,#FFF9CC;
	z-index:99999;
}
@media print{
	header.pc{
		display: none!important;
	}
}
.wrapH {
	width:950px;
	margin:0 auto;
	clear:both;
	position:relative;
}
#logo {
	width:185px;
	float:left;
	position:absolute;
}
#logo img {
	border-left:1px solid #BC0008;
	border-right:1px solid #BC0008;
	border-bottom:1px solid #BC0008;
}

.gNaviA {
	width:771px;
	height:36px;
	line-height:36px;
	margin:0 0 0 178px;
	padding:0 0 3px;
	text-align:right;
}
.gNaviA li {
	display:inline-block;
	margin:0 20px 0 0;
}
.gNaviA li.com a{
  margin-top: 10px;
}
.gNaviA li.img {
	margin:0 0 0 -6px;
  padding-top: 0px;
}
.gNaviA li.img img {
	border-right:1px solid #BC0008;
}
.gNaviA a:link,.gNaviA a:visited {
	color:#BC0008;
}
.gNaviB {
	width:771px;
	margin:0 0 0 178px;
}
.gNaviB li {
	float:left;
	border-right:1px solid #BC0008;
}



/* top */
#top .mainBoxOut {
	width:100%;
	height:400px;
	margin:0 auto 80px;
	padding:126px 0 0;
	background:url(../img/index/mainBg.png) no-repeat center top;
	background-size:cover;
}
#top .mainBoxIn {
	width:950px;
	height:400px;
	margin:0 auto;
	text-align:center;
	background:url(../img/common/mainUnder.png) no-repeat center bottom;
}
#top h1 {
	text-align:center;
	margin:0 auto 30px;
}
.topBlogBox {
	width: 400px;
	float:left;
	padding:20px 20px 0;
	margin: 0 10px 30px;
	border-top:5px solid #000300;
	border-bottom:5px solid #000300;
}
.topFBBox {
	width: 400px;
	float:right;
	padding:20px 20px 0;
	margin: 0 10px 30px;
	border-top:5px solid #000300;
	border-bottom:5px solid #000300;
}
.topBlogBox .ttl ,.topFBBox .ttl {
	font-size:17px;
	margin:0 0 10px;
}
.topBlogBox .img ,.topFBBox .img {
	float:left;
	margin:0 10px 10px 0;
	width:145px;
	min-height:160px;
}
.topBlogBox .right ,.topFBBox .right {
  float: right;
  width: 220px;
  min-height: 220px;
}
.topBlogBox dl ,.topFBBox dl {
	float:right;
	margin:0 0 10px;
}
.topBlogBox .btn ,.topFBBox .btn {
	text-align:center;
	clear:both;
}
.topBlogBox .btn a:link,.topBlogBox .btn a:visited,.topFBBox .btn a:link,.topFBBox .btn a:visited {
	display:inline-block;
	text-align:center;
	width:120px;
	color:#FFFFFF;
	background:#000300;
	padding:5px 0;
}
.topBlogBox .btn a:hover,.topFBBox .btn a:hover {
	background:#878887;
	text-decoration:none;
}
.keeperBox {
	width:1000px;
	margin:0 auto 50px;
	position:relative;
}
.kprCar {
	position:absolute;
	top:-50px;
	left:10px;
}
.kprInBoxA {
	overflow:hidden;
	width:100%;
}
.kprInBoxB {
	clear:both;
	overflow:hidden;
	width:100%;
}
.kprInBoxC {
	overflow:hidden;
	width:60%;
	float:right;
}
.kprInBoxD {
	overflow:hidden;
	width:100%;
	float:right;
}
.kpr01 {
	width:300px;
	height:300px;	
	float:left;
	background:url(../img/index/keeper01.png) no-repeat center center;
}
.kpr02 {
	width:700px;
	height:300px;
	float:right;
	background:url(../img/index/keeper02.png) no-repeat center center;
}
.kpr03 {
	width:400px;
	height:400px;
	float:left;
	background:url(../img/index/keeper03.png) no-repeat center center;
}
.kpr04 {
	width:600px;
	height:200px;
	background:url(../img/index/keeper04.png) no-repeat center center;
}
.kpr05 {
	width:200px;
	height:200px;
	float:left;
	background:url(../img/index/keeper05.png) no-repeat center center;
}
.kpr06 {
	width:400px;
	height:200px;
	float:right;
	background:url(../img/index/keeper06.png) no-repeat center center;
}

.kipaNavi {
	clear:both;
	overflow:hidden;
	margin:0 auto 100px;
}
.kipaNavi dl {
	width:24%;
	float:left;
	margin:0 0 0 7%;
}
.kipaNavi dt.img {
	margin:0 0 20px;
}
.kipaNavi dt.ttl {
	color:#BC0008;
	border-bottom:3px solid #BC0008;
	padding:0 0 10px;
	margin:0 0 10px;
	text-align:center;
	font-size:20px;
	font-weight:bold;
}
.kipaNavi dt.note {
	margin:0 0 20px;
}
.ttlRecruit {
	background:#F5C64C;
	padding:60px 0;
	text-align:center;
}
.staff01 {
	background:url(../img/index/topStaffBg01.png) no-repeat center center;
	background-size:cover;
	clear:both;
	overflow:hidden;
	height:340px;
	border-bottom:3px solid #F5C64C;
}
.staff02 {
	background:url(../img/index/topStaffBg02.png) no-repeat center center;
	background-size:cover;
	clear:both;
	overflow:hidden;
	height:340px;
	border-bottom:3px solid #F5C64C;
}
.staff03 {
	background:url(../img/index/topStaffBg03.png) no-repeat center center;
	background-size:cover;
	clear:both;
	overflow:hidden;
	height:340px;
	border-bottom:3px solid #F5C64C;
}
.staffL p {
	position:absolute;
	top:0;
	left:0;
}
.staffL dl {
	background:#FFFFFF;
	color:#BC0008;	
	margin:60px 0 62px 200px;
}
.staffL dt {
	font-size:20px;
	padding: 20px 0 10px 200px;
	border-bottom:2px solid #CB0008;
}
.staffL dd.txt {
	font-size: 30px;
	padding: 15px 0 15px 200px;
	line-height: 40px;
}
.staffL dd.name {
	padding: 0px 0 20px 200px;
}
.staffR p {
	position:absolute;
	top:0;
	right:0;
}
.staffR dl {
	background:#FFFFFF;
	color:#BC0008;	
	margin:60px 200px 62px 0;
}
.staffR dt {
	font-size:20px;
	padding: 20px 200px 10px 20px;
	border-bottom:2px solid #CB0008;
}
.staffR dd.txt {
	font-size: 30px;
	padding: 15px 200px 15px 20px;
	line-height: 40px;
}
.staffR dd.name {
	padding: 0px 200px 20px 20px;
}
.staff01 div,.staff02 div,.staff03 div {
	position:relative;
}
.topRecruitBox {
	background:#BC0008;
	padding:60px 0 100px;
	text-align:center;
	margin:0 auto 50px;
}
.topRecruitBox h2 {
	margin:0 auto 30px;
}
.topRecruitBox li {
	display:inline-block;
	margin:0 10px;
}
.topRecruitBox li a:link,.topRecruitBox li a:visited {
	padding:10px 100px;
	text-align:center;
	color:#0E0F19;
	background:#FFFFFF;
	font-size:20px;
}
.topRecruitBox li a:hover {
	background:#0E0F19;
	color:#FFFFFF;
	text-decoration:none;
}



/* bnr */
.bnrBox {
	width:821px;
	margin:50px auto 100px;
	text-align:center;
	background:#BC0008;
	padding:5px;
	border-radius:10px;
	overflow:hidden;
	clear:both;
}
.bnrBox li {
	float:left;
	margin-left:5px;
}



/* service */
#service .mainBoxOut {
	width:100%;
	height:300px;
	margin:0 auto 70px;
	padding:126px 0 0;
	background:url(../img/service/mainBg.png) no-repeat center top;
	background-size:cover;
}
#service .mainBoxIn {
	width:950px;
	height:300px;
	margin:0 auto;
	text-align:center;
	background:url(../img/service/mainTtl.png) no-repeat right bottom,url(../img/common/mainUnder.png) no-repeat center bottom;
}
.servBoxA p {
	text-align:center;
	margin:0 auto 70px;
}
.servBoxA p.big {
	font-size:24px;
	margin:0 auto 20px;
}
.servNavi {
	overflow:hidden;
	clear:both;
	margin:0 auto 60px;
}
.servNavi li {
	float:left;
	margin:0 8px 8px 0;
}
.servNavi li:nth-of-type(3n) {
	margin:0 0 8px 0;
}
.servImgA {
	width:1100px;
	margin:0 auto 30px;
}
#service h2 {
	color:#BC0008;
	font-size:25px;
	width:750px;
	margin:0 auto 5px;
}
#service h2 span {
	font-size:15px;
	margin-left:10px;
}
.servTblA {
	border-collapse:collapse;
	width:750px;
	margin:0 auto 100px;
}
.servTblA th {
	background:#efefef;
	width:160px;
	padding:10px 20px;
	border-top:1px solid #b5b5b6;
	border-bottom:1px solid #b5b5b6;
}
.servTblA td {
	padding:10px 20px;
	border-top:1px solid #b5b5b6;
	border-bottom:1px solid #b5b5b6;
}
#service .btn {
	text-align:center;
	margin:0 auto 100px;
}
.servTblA .tMain {
	padding:0 0 20px;
	margin:0 0 20px;
	border-bottom:2px solid #0A3190;
	display:block;
}
.servTblA .tSub  {
	margin:0 0 20px;
	display:block;
}
.servTblA .tSub img {
	float:left;
	margin-right:10px;
}
.servTblA .tSub span.note {
	font-size:80%;
}
.servTblA .tSub a:link,.servTblA .tSub a:visited {
	text-decoration:underline;
	color:#5E5F66;
}
.servTblA .tSub a:hover {
	text-decoration:none;
}



/* contact */
#contact .mainBoxOut {
	width:100%;
	height:300px;
	margin:0 auto 70px;
	padding:126px 0 0;
	background:url(../img/contact/mainBg.png) no-repeat center top;
	background-size:cover;
}
#contact .mainBoxIn {
	width:950px;
	height:300px;
	margin:0 auto;
	text-align:center;
	background:url(../img/contact/mainTtl.png) no-repeat right bottom,url(../img/common/mainUnder.png) no-repeat center bottom;
}



/* company */
#company .mainBoxOut {
	width:100%;
	height:300px;
	margin:0 auto 70px;
	padding:126px 0 0;
	background:url(../img/company/mainBg.png) no-repeat center top;
	background-size:cover;
}
#company .mainBoxIn {
	width:950px;
	height:300px;
	margin:0 auto;
	text-align:center;
	background:url(../img/company/mainTtl.png) no-repeat right bottom/*,url(../img/common/mainUnder.png) no-repeat center bottom*/;
}
#company h1 {
	text-align:center;
	margin:0 auto 10px;
}
#company h2 {
	text-align:center;
	margin:0 auto 30px;
	clear:both;
}
.compBoxA {
	width:100%;
	height:300px;
	background:url(../img/company/photo_back.png) repeat-x center bottom;	
	min-height:400px;
	margin-bottom:80px;
}
.compBoxAIn {
	width:950px;
	margin:0 auto;
	background:url(../img/company/photo.png) no-repeat right bottom;	
	min-height:400px;
}
.compBoxAtxt {
	width:70%;
}
.compBoxAtxt p.txt1 {
	font-size:22px;
	margin-bottom:10px;
}
.compBoxAtxt p.txt2 {
	margin-bottom:20px;
}
.compBoxAtxt p.txt3 {
	width:200px;
	float:right;
	font-size:15px;
}
.compBoxAtxt p.txt3 span {
	font-size:19px;
	margin-left:10px;
}

.compTblA {
	border-collapse:collapse;
	width:750px;
	margin:0 auto 80px;
}
.compTblA th {
	background:#efefef;
	width:160px;
	padding:10px 20px;
	border-top:1px solid #b5b5b6;
	border-bottom:1px solid #b5b5b6;
}
.compTblA td {
	padding:10px 20px;
	border-top:1px solid #b5b5b6;
	border-bottom:1px solid #b5b5b6;
}
.pro {
	width:190px;
	float:left;
	margin-right:10px;
	background:#CCCCCC;
}
.compTblB {
	border-collapse:collapse;
	width:550px;
	margin:0 0 80px;
	float:right;
}
.compTblB th {
	padding:5px;
	width:100px;
	vertical-align:top;
}
.compTblB th span {
	font-size:20px;
}
.compTblB td {
	padding:5px;
}



/* wc */
#wc .mainBoxOut {
	width:100%;
	height:300px;
	margin:0 auto;
	padding:126px 0 0;
	background:url(../img/wc/mainBg.png) no-repeat center top;
	background-size:cover;
}
#wc .mainBoxIn {
	width:950px;
	height:300px;
	margin:0 auto;
	text-align:center;
	background:url(../img/wc/mainTtl.png) no-repeat right bottom,url(../img/common/mainUnder.png) no-repeat center bottom;
}
.wcNavi {
	width:906px;
	margin:0 auto;
}
.wcNavi li {
	border-left:1px solid #727171;
	float:left;
}
.wcNavi li:last-child {
	border-right:1px solid #727171;
}
#wc h2#wcBoxB {
	background:url(../img/wc/ttlImg01.png) no-repeat left top;
	min-height:320px;
	width:410px;
	padding:80px 0 0 540px;
}
#wc h2#wcBoxC {
	background:url(../img/wc/ttlImg02.png) no-repeat left top;
	min-height:320px;
	width:410px;
	padding:80px 0 0 540px;
}
#wc h2#wcBoxE {
	background:url(../img/wc/ttlImg03.png) no-repeat left top;
	min-height:320px;
	width:410px;
	padding:80px 0 0 540px;
}
#wc h2#wcBoxB span.main,#wc h2#wcBoxC span.main,#wc h2#wcBoxE span.main {
	background:#bc0008;
	display:block;
	font-size:32px;
	color:#FFFFFF;
	padding:10px 20px;
	text-align:center;
	border-bottom:2px solid #FFFFFF;
}
#wc h2#wcBoxB span.sub,#wc h2#wcBoxC span.sub {
	background:#bc0008;
	display:block;
	color:#FFFFFF;
	padding:10px 20px;
}
#wc h2#wcBoxE span.sub {
	background:#bc0008;
	display:block;
	color:#FFFFFF;
	padding:10px 20px 0;
	font-size:23px;
}
#wc h2#wcBoxE span.sub .yellow {
	color:#fff100;
	background:#bc0008;
	display:block;
	padding:0 0 10px;
	font-size:50px;
}
#wc h3 {
	background:#0A3190;
	color:#FFFFFF;
	padding:5px 0;
	font-size:24px;
	font-weight:bold;
	text-align:center;
	margin:0 auto 40px;
}
#wc p.ttl {
	background:#E7AF00;
	color:#FFFFFF;
	padding:5px 0;
	font-size:20px;
	font-weight:bold;
	text-align:center;
	margin:0 auto 40px;
}
#wcBoxA {
	width:100%;
	background:url(../img/wc/eventBg.png) no-repeat center center;
	background-size:cover;
}
.wcBoxAIn {
	background:url(../img/wc/eventBoard.png) no-repeat center center;
	min-height:590px;
	padding:60px 0;
}
.wcBoxAIn p {
	width: 280px;
	padding: 85px 0 0 505px;
}
#wcBoxB {
}
#wc .btn {
	text-align:center;
	margin:50px auto 100px;
}
.list01 {
	clear:both;
	overflow:hidden;
	margin:0 auto 100px;
}
.list01 li {
	float:left;
	margin-right:10px;
}
.list01 li:last-child {
	margin-right:0;
}
.wcList {
	clear:both;
	overflow:hidden;
	margin:0 auto 100px;
}
.wcList li {
	float:left;
	margin:0 10px 10px 0;
}
.wcList li:nth-of-type(3n) {
	margin-right:0;
}
.staffList {
	overflow:hidden;
	width:45%;
	float:left;
	padding:30px 5% 0 0;
}
.staffList:last-of-type {
	margin-bottom:20px;
	border-bottom:none;
}
.staffPhoto {
	width:150px;
	float:left;
	margin-right:10px;
  position: relative;
}
.staffPhoto .absolute{
  top: 0;
  left: 0;
}
.staffNote {
	width:260px;
	float:right;
	overflow:hidden;
}
.staffNote dt {
	font-size:16px;
	font-weight:bold;
}
.staffNote dd {
	margin-bottom:5px;
}
.staffNote dd.name {
	margin-bottom:5px;
	font-size:24px;
	font-weight:bold;
}
.staffNote dd.year {
	margin-bottom:5px;
	font-size:14px;
	font-weight:bold;
}
.staffNote dd.txt {
	margin-bottom:5px;
}
#wcBoxD .bnr {
	width:1100px;
	margin:0 auto 100px;
}
.sekoList li {
	overflow:hidden;
	float:left;
	width:310px;
	margin:0 10px 30px 0;
}
.sekoList li:nth-of-type(3n) {
	margin-right:0;
}
.sekoList li span {
	display:block;
	margin-bottom:5px;
}
.wcBoxF {
	clear:both;
	overflow:hidden;
	padding:30px 0;
	width:100%;
	background:#FFF9CC;
}
.wcBoxF li {
	float:left;
	width:19%;
	margin:0 0.5%;
}



/* asphalt */
#asphalt .mainBoxOut {
	width:100%;
	height:300px;
	margin:0 auto 70px;
	padding:126px 0 0;
	background:url(../img/asphalt/mainBg.png) no-repeat center top;
	background-size:cover;
}
#asphalt .mainBoxIn {
	width:950px;
	height:300px;
	margin:0 auto;
	text-align:center;
	background:url(../img/asphalt/mainTtl.png) no-repeat right bottom,url(../img/common/mainUnder.png) no-repeat center bottom;
}
.asphBoxA {
	text-align:center;
	font-size:24px;
	margin:0 auto 70px;
}
.asphNavi {
	overflow:hidden;
	clear:both;
	margin:0 auto 60px;
}
.asphNavi li {
	float:left;
	margin:0 10px 10px 0;
}
.asphNavi li:nth-of-type(3n) {
	margin:0 0 10px 0;
}
.asphImgA {
}
#asphalt h2 {
	color:#BC0008;
	font-size:25px;
	width:750px;
	margin:0 auto 5px;
}
#asphalt h2 span {
	font-size:15px;
	margin-left:10px;
}
.asphTblA {
	border-collapse:collapse;
	width:750px;
	margin:0 auto 100px;
}
.asphTblA th {
	background:#efefef;
	width:160px;
	padding:10px 20px;
	border-top:1px solid #b5b5b6;
	border-bottom:1px solid #b5b5b6;
}
.asphTblA td {
	padding:10px 20px;
	border-top:1px solid #b5b5b6;
	border-bottom:1px solid #b5b5b6;
}
.asphBoxC {
	width:750px;
	margin:0 auto 100px;
	overflow:hidden;
	clear:both;
	text-align:center;
}
.asphBoxC li {
	float:left;
	margin:0 50px 30px 0;	
}
.asphBoxC li:nth-of-type(2n) {
	margin:0 0 30px 0;	
}



/* deliver */
#deliver .mainBoxOut {
	width:100%;
	height:300px;
	margin:0 auto 70px;
	padding:126px 0 0;
	background:url(../img/deliver/mainBg.png) no-repeat center top;
	background-size:cover;
}
#deliver .mainBoxIn {
	width:950px;
	height:300px;
	margin:0 auto;
	text-align:center;
	background:url(../img/deliver/mainTtl.png) no-repeat right bottom,url(../img/common/mainUnder.png) no-repeat center bottom;
}
.deliBoxA {
	text-align:center;
	font-size:24px;
	margin:0 auto 70px;
}
.deliNavi {
	overflow:hidden;
	clear:both;
	margin:0 auto 60px;
}
.deliNavi li {
	float:left;
	margin:0 10px 10px 0;
}
.deliNavi li:nth-of-type(3n) {
	margin:0 0 10px 0;
}
#deliver h2 {
	color:#BC0008;
	font-size:25px;
	width:750px;
	margin:0 auto 5px;
}
#deliver h2 span {
	font-size:15px;
	margin-left:10px;
}
.deliTblA {
	border-collapse:collapse;
	width:750px;
	margin:0 auto 100px;
}
.deliTblA th {
	background:#efefef;
	width:160px;
	padding:10px 20px;
	border-top:1px solid #b5b5b6;
	border-bottom:1px solid #b5b5b6;
}
.deliTblA td {
	padding:10px 20px;
	border-top:1px solid #b5b5b6;
	border-bottom:1px solid #b5b5b6;
}
#deliver .btn {
	text-align:center;
	margin:0 auto 100px;
}

/* contact */
#contact h2 {
	color:#BC0008;
	font-size:25px;
	width:750px;
	margin:0 auto 5px;
}
#contact h2 span {
	font-size:15px;
	margin-left:10px;
}
#contact_box{
  width: 750px;
  margin: 0 auto 0;
  clear: both;
  overflow:  hidden;
}
#contact .deliTblA th{
  width: 200px;
}
input.wpcf7-form-control.wpcf7-submit{
  padding: 5px 100px;
}



/* recruit */
#recruit .mainBoxOut {
	width:100%;
	height:300px;
	margin:0 auto;
	padding:126px 0 0;
	background:url(../img/recruit/mainBg.png) no-repeat center top;
	background-size:cover;
}
#recruit .mainBoxIn {
	width:950px;
	height:300px;
	margin:0 auto;
	text-align:center;
	background:url(../img/recruit/mainTtl.png) no-repeat right bottom,url(../img/common/mainUnder.png) no-repeat center bottom;
}
.recrBoxA {
	width:100%;
	height:300px;
	background:url(../img/recruit/photo_back.png) repeat-x center bottom;	
	min-height:400px;
	margin-bottom:80px;
}
#recruit .recrBoxAIn {
	width:950px;
	margin:30px auto 0;
	background:url(../img/recruit/photo.png) no-repeat right bottom;	
	min-height:400px;
}
.recrBoxAtxt {
	width:60%;
}
.recrBoxAtxt p.txt1 {
	font-size:21px;
	margin-bottom:10px;
	padding:80px 0 10px;
	border-bottom:2px solid #000000;
}
.recrBoxAtxt p.txt1 span {
	display:block;
	font-size:15px;
}
.recrBoxAtxt p.txt2 {
	margin-bottom:20px;
	font-size:33px;
	color:#BC0008;
}
.recrBoxAtxt p.txt3 {
	width:300px;
	font-size:15px;
}
.recrBoxAtxt p.txt3 span {
	font-size:19px;
	margin-left:10px;
}
.recrBoxB {
	width:950px;
	margin:60px auto; 
	overflow:hidden;
	clear:both;
}
.recrBoxB p {
	float:left;
	width:46%;
	margin:0 2%;
}
.recrBoxC {
	overflow:hidden;
	clear:both;
	background:#F5C64C;
}
#recruit h2 {
	margin:0 auto 30px;
	text-align:center;
}
#recruit h2.staffTtl {
	background:url(../img/recruit/recruitBg2.png) no-repeat;
	background-size:cover;
	padding:109px 0;
	margin:0 auto 80px;
}
.recrBoxC li {
	display:inline-block;
	margin:0 10px;
}
.recrBoxC li a:link,.recrBoxC li a:visited {
	padding:10px 100px;
	text-align:center;
	color:#0E0F19;
	background:#FFFFFF;
	font-size:20px;
}
.recrBoxC li a:hover {
	background:#0E0F19;
	color:#FFFFFF;
	text-decoration:none;
}
.recrBoxD {
	padding:60px 0 100px;
	text-align:center;
	margin:0 auto;
}
#recruit h3 {
	text-align:center;
	color:#FFFFFF;
	font-size:33px;
	padding:10px 0;
	margin:0 auto 40px;
}
#recruit h3.red {
	background:#BC0008;
}
#recruit h3.blue {
	background:#0A3190;
}
.recrBoxE {
	width:750px;
	margin:0 auto;
	overflow:hidden;
	clear:both;
}
#recruit h4 {
	color:#BC0008;
	font-size:25px;
	width:750px;
	margin:0 auto 5px;
	clear:both;
}
#recruit h4 span {
	font-size:15px;
	margin-left:10px;
}
#recruit .recrBoxF h4 {
	color:#0A3190;
	font-size:25px;
	width:750px;
	margin:0 auto 5px;
	clear:both;
}
.recrTblA {
	border-collapse:collapse;
	width:750px;
	margin:0 auto 100px;
}
.recrTblA th {
	background:#efefef;
	width:160px;
	padding:10px 20px;
	border-top:1px solid #b5b5b6;
	border-bottom:1px solid #b5b5b6;
}
.recrTblA td {
	background:#FFFFFF;
	padding:10px 20px;
	border-top:1px solid #b5b5b6;
	border-bottom:1px solid #b5b5b6;
}
.recrBoxE,.recrBoxF {
	width:750px;
	margin:0 auto;
	overflow:hidden;
	clear:both;
}
.recrBoxE dl,.recrBoxF dl {
	width:350px;
	background:#FFFFFF;
	float:left;
	margin:0 50px 50px 0;	
}
.recrBoxE dl:nth-of-type(2n),.recrBoxF dl:nth-of-type(2n) {
	margin:0 0 50px 0;	
}
.recrBoxE dt {
	padding:20px;
	border-bottom:2px solid #BC0008;
	font-size:26px;
	color:#BC0008;
}
.recrBoxF dt {
	padding:20px;
	border-bottom:2px solid #0A3190;
	font-size:26px;
	color:#0A3190;
}
.recrBoxE dt span,
.recrBoxF dt span {
	font-size:16px;
}
.recrBoxE dt span.blackSmall,
.recrBoxF dt span.blackSmall {
	color:#000000;
	display:block;
}
.recrBoxE dt span,.recrBoxF dt span {
	font-size:20px;
}
.recrBoxE dd,.recrBoxF dd {
	padding:20px;
}
#recruit .btn {
	text-align:center;
	margin:0 auto 100px;
}
.recrBoxG {
	padding:60px 0 100px;
	margin:0 auto;
}
.recrBoxH  {
	width:950px;
	margin:0 auto 100px;
	clear:both;
	overflow:hidden;
}
.recrBoxH dl.staff {
	background:url(../img/recruit/staffBg.png) no-repeat left bottom;
	color:#FFFFFF;
	width:890px;
	min-height:220px;
	float:left;
	margin:0 0 30px;
}
.recrBoxH dt {
	float:right;
	padding:0 10px 10px 0;
}
.recrBoxH dd.ttl {
	height:60px;
	font-size:16px;
	line-height:60px;
	padding:15px 0 0 20px;
}
.recrBoxH dd.txt {
	font-size:27px;
	line-height:32px;
	padding:20px;
}
.recrBoxH dd.name {
	font-size:17px;
	padding-left:20px;
}
.recrBoxH p.img {
	float:left;
	margin-right:20px;
	width:460px;
}
.recrBoxH p.txt {
	float:right;
	margin-right:60px;
	width:390px;
}
.no_rec{
  text-align: center;
  font-size: 20px;
  margin: 20px auto 40px;
}




/* footer */
footer {
	width:100%;
	overflow:hidden;
	clear:both;
	padding-top:76px;
	background:url(../img/common/fBorder.png) repeat-x top center;
}
.fNaviBox {
	width:100%;
	background:#005E73;
	overflow:hidden;
	color:#FFFFFF;
	font-size:12px;
	padding:60px 0;
}
.fNaviBox a:link,.fNaviBox a:visited {
	color:#FFFFFF;
}
.fNaviBox dl {
	float:left;
	width:22%;
	height:120px;
	margin:0 3% 2% 0;
}
.fNaviBox dt {
	font-size:20px;
	line-height:20px;
	margin:0 0 10px;
	background:url(../img/common/footerTtlBg.png) repeat-x right;
}
.fNaviBox dt span {
	display:inline-block;
	background:#005E73;
	padding-right:10px;
}
.fNaviBox dd {
}
.fBottomBox {
	width:100%;
	background:#0E0F19;
	overflow:hidden;
	color:#FFFFFF;
	padding:30px 0;
}
.fBottomBox .name {
	font-size:20px;
	float:left;
	margin:10px 20px 0 0;
}
.fBottomBox .add {
	font-size:11px;
	float:left;
	margin:0 20px 0 0;
}
.fBottomBox .copy {
	font-size:11px;
	float:right;
	margin:15px 0 0;
}
#toTop a {
	position:fixed;
	bottom:50px;
	right:50px;
}



/**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/


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

/* SP common */
body {
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; 
	font-size:100%;
	color:#000000;
	background:#FFFFFF;
	letter-spacing:0.05em;
	line-height:1.6;
}
img {
	max-width:100%;
	vertical-align:bottom;
}
a:link, a:visited {
	color:#333333;
	text-decoration:none;
}
a:hover {
	color:#333333;
	text-decoration:underline;
}
a:hover img.toka {
	opacity:0.6;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
}
.pc {
	display:none;
}
.sp {
	display:inherit;
}

.txtC {
	text-align:center;
	margin:0 auto 30px;
	width:90%;
}
.spTtl {
	text-align:center;
	font-size:140%;
	margin:0 auto 30px;
    color: #FFF;
    font-weight: bold;
    text-shadow: 1px 1px 1px #BC0008,
    -1px 1px 1px #BC0008,
    1px -1px 1px #BC0008,
    -1px -1px 1px #BC0008;
}
.spTtl span {
	display:block;
	font-size:60%;
}


/* SP wrap */
.wrapA {
	width:100%;
	margin:0 auto;
	overflow:hidden;
	clear:both;
}
.wrapB {
	width:100%;
	margin:0 auto;
	overflow:hidden;
	clear:both;
}
.wrapC {
	width:100%;
	margin:0 auto;
	overflow:hidden;
	clear:both;
}



/* SP header */
header {
	width:100%;
	height:60px;
	position:fixed;
	border-bottom:3px solid #BC0008;
	background:#FFF9CC;
	z-index:99999;
	top:0;
}
#spLogo {
	position:fixed;
	top:10px;
	left:10px;
}

/* spmenu */
#gNavi {
	display:none;
	width:100%;
	margin:60px auto 0;
	clear:both;
	border-bottom:1px solid #BC0008;
	position:fixed;
	z-index:1;
	background:rgba(255,249,204,0.9);
	box-shadow: 0px 2px 1px 1px #cccccc;
    -webkit-box-shadow: 0px 2px 1px 1px #cccccc;
    -moz-box-shadow: 0px 2px 1px 1px #cccccc;
	margin-bottom:0;
	top:0;
	color:#BC0008;
	padding:0;
	font-size:100%;
}
#gNavi li {
}
#gNavi li a {
	width:100%;
	padding: 10px 0;
	display:block;
	text-align:left;
	border-bottom:1px solid #BC0008;
	color:#BC0008;
	line-height:40px;
}
#gNavi li a img {
	margin:0 5px;
}
#spMenuBtn {
	position:fixed;
	top:10px;
	right:10px;
	background:url(../img/common/spBtnOff.png);
	width:40px;
	height:40px;
	z-index:100;
}
p.active{
	background:url(../img/common/spBtnOn.png) !important;
	width:40px;
	height:40px;
}
#gNavi .naviSp {
	width:100%;
}



/* SP top */
#top .mainBoxOut {
	width:100%;
	height:auto;
	margin:60px auto 30px;
	padding:0;
	background:url(../img/index/mainBg.png) no-repeat center top;
	background-size:cover;
}
#top .mainBoxIn {
	width:100%;
	height:auto;
	margin:0 auto;
	text-align:center;
	background:url(../img/common/mainUnder.png) no-repeat center bottom;
	background-size:contain;
}
#top h1 {
	text-align:center;
	margin:0 auto 10px;
}
#top h1 img {
	height:50px;
}
.topBlogBox {
	width:80%;
	float:none;
	padding:5%;
	margin:0 auto 20px;
	border-top:2px solid #000300;
	border-bottom:2px solid #000300;
	background:#EEEEEE;
}
.topFBBox {
	width:80%;
	float:none;
	padding:5%;
	margin:0 auto 20px;
	border-top:2px solid #000300;
	border-bottom:2px solid #000300;
	background:#EEEEEE;
}
.topBlogBox .ttl ,.topFBBox .ttl {
	font-size:120%;
	margin:0 auto 10px;
	text-align:center;
}
.topBlogBox .img ,.topFBBox .img {
	float:none;
	margin:0 auto 10px;
	text-align:center;
	width:90%;
	min-height:inherit;
}
.topBlogBox .img img,.topFBBox .img img {
	width:100%;
}
.topBlogBox dl ,.topFBBox dl {
	float:none;
	margin:0 auto 10px;
}
.topBlogBox .btn ,.topFBBox .btn {
	text-align:center;
	clear:both;
}
.topBlogBox .btn a:link,.topBlogBox .btn a:visited,.topFBBox .btn a:link,.topFBBox .btn a:visited {
	display:inline-block;
	text-align:center;
	width:100%;
	color:#FFFFFF;
	background:#000300;
	padding:10px 0;
}
.topBlogBox .btn a:hover,.topFBBox .btn a:hover {
	background:#878887;
	text-decoration:none;
}
.keeperBox {
	width:100%;
	margin:10% auto 30px;
	position:relative;
}
.kprCar {
	position:absolute;
	top:-9%;
	left:2%;
	width:20%;
}
.kprInBoxA {
	overflow:hidden;
	width:100%;
}
.kprInBoxB {
	clear:both;
	overflow:hidden;
	width:100%;
}
.kprInBoxC {
	overflow:hidden;
	width:60%;
	float:right;
}
.kprInBoxD {
	overflow:hidden;
	width:100%;
	float:right;
}
.kpr01 {
	width:30%;
	height:auto;	
	float:left;
	background:url(../img/index/keeper01.png) no-repeat center center;
	background-size:contain;
}
.kpr02 {
	width:70%;
	height:auto;
	float:right;
	background:url(../img/index/keeper02.png) no-repeat center center;
	background-size:contain;
}
.kpr03 {
	width:40%;
	height:auto;
	float:left;
	background:url(../img/index/keeper03.png) no-repeat center center;
	background-size:contain;
}
.kpr04 {
	width:100%;
	height:auto;
	background:url(../img/index/keeper04.png) no-repeat center center;
	background-size:contain;
}
.kpr05 {
	width:33.334%;
	height:auto;
	float:left;
	background:url(../img/index/keeper05.png) no-repeat center center;
	background-size:contain;
}
.kpr06 {
	width:66.667%;
	height:auto;
	float:right;
	background:url(../img/index/keeper06.png) no-repeat center center;
	background-size:contain;
}
.kipaNavi {
	clear:both;
	overflow:hidden;
	margin:0 auto 30px;
}
.kipaNavi dl {
	width:90%;
	float:none;
	margin:0 auto 20px;
}
.kipaNavi dt.img {
	margin:0 auto 10px;
	text-align:center;
}
.kipaNavi dt.ttl {
	color:#BC0008;
	border-bottom:3px solid #BC0008;
	padding:0;
	margin:0 auto 10px;
	text-align:center;
	font-size:100%;
	font-weight:bold;
}
.kipaNavi dt.note {
	margin:0;
}
.ttlRecruit {
	background:#F5C64C;
	padding:10px 0;
	text-align:center;
}
.ttlRecruit img {
	height:50px;
}

.staff01 {
	background:url(../img/index/topStaffBg01.png) no-repeat center center;
	background-size:cover;
	clear:both;
	overflow:hidden;
	height:auto;
	border-bottom:20px solid #F5C64C;
}
.staff02 {
	background:url(../img/index/topStaffBg02.png) no-repeat center center;
	background-size:cover;
	clear:both;
	overflow:hidden;
	height:auto;
	border-bottom:20px solid #F5C64C;
}
.staff03 {
	background:url(../img/index/topStaffBg03.png) no-repeat center center;
	background-size:cover;
	clear:both;
	overflow:hidden;
	height:auto;
	border-bottom:20px solid #F5C64C;
}
.staffL p {
	position:inherit;
	top:0;
	left:0;
	text-align:center;
}
.staffL dl {
	background:#FFFFFF;
	color:#BC0008;	
	margin:0;
}
.staffL dt {
	font-size:100%;
	padding:2% 5%;
	border-bottom:2px solid #CB0008;
}
.staffL dd.txt {
	font-size:120%;
	padding:2% 5% 1%;
	line-height:inherit;
}
.staffL dd.name {
	padding:0 5% 5%;
}
.staffR p {
	position:inherit;
	top:0;
	right:0;
	text-align:center;
}
.staffR dl {
	background:#FFFFFF;
	color:#BC0008;	
	margin:0;
}
.staffR dt {
	font-size:100%;
	padding:2% 5%;
	border-bottom:2px solid #CB0008;
}
.staffR dd.txt {
	font-size:120%;
	padding:2% 5% 1%;
	line-height:inherit;
}
.staffR dd.name {
	padding:0 5% 5%;
}
.staff01 div,.staff02 div,.staff03 div {
	position:inherit;
}
.topRecruitBox {
	background:#BC0008;
	padding:10px 5%;
	text-align:center;
	margin:0 auto;
}
.topRecruitBox h2 {
	margin:0 auto 10px;
}
.topRecruitBox h2 img {
	height:50px;
}

.topRecruitBox li {
	display:inherit;
	margin:0 auto 10px;
	width:100%;
}
.topRecruitBox li a:link,.topRecruitBox li a:visited {
	text-align:center;
	color:#0E0F19;
	background:#FFFFFF;
	font-size:100%;
	display:block;
}
.topRecruitBox li a:hover {
	background:#0E0F19;
	color:#FFFFFF;
	text-decoration:none;
}



/* SP bnr */
.bnrBox {
	width:88%;
	margin:0 auto 20px;
	text-align:center;
	background:#BC0008;
	padding:1%;
	border-radius:5px;
	overflow:hidden;
	clear:both;
}
.bnrBox li {
	float:left;
	margin-left:1%;
}
.bnrBox li.bnrL {
	width:19%;
}
.bnrBox li.bnrC {
	width:39%;
}
.bnrBox li.bnrR {
	width:39%;
}



/* SP service */
#service .mainBoxOut {
	width:100%;
	height:auto;
	margin:60px auto 30px;
	padding:0;
	background:url(../img/service/mainBg.png) no-repeat center top;
	background-size:cover;
}
#service .mainBoxIn {
	width:100%;
	height:auto;
	margin:0 auto;
	text-align:center;
	background:url(../img/common/mainUnder.png) no-repeat center bottom;
	background-size:contain;
}
.servBoxA p {
	text-align:center;
	margin:0 auto;
}
.servBoxA p.big {
	font-size:100%;
	margin:0 auto;
}
.servNavi {
	overflow:hidden;
	clear:both;
	margin:30px auto 50px;
}
.servNavi li {
	float:left;
	margin:1%;
	width:48%;
}
.servNavi li:nth-of-type(3n) {
	margin:1%;
}
.servImgA {
	width:100%;
	margin:0 auto 30px;
}
#service h2 {
	color:#BC0008;
	font-size:120%;
	width:90%;
	margin:0 auto;
}
#service h2 span {
	font-size:60%;
	margin:0 0 0 10px;
}
.servTblA {
	border-collapse:collapse;
	width:90%;
	margin:0 auto 30px;
	background:#efefef;
}
.servTblA th {
	width:96%;
	padding:2% 2% 0;
	border-top:1px solid #FFFFFF;
	border-bottom:none;
	display:block;
	font-weight:bold;
}
.servTblA td {
	width:96%;
	padding:0 2% 2%;
	border-top:none;
	border-bottom:1px solid #FFFFFF;
	display:block;
	font-size:80%;
}
#service .btn {
	text-align:center;
	margin:0 auto 50px;
	width:90%;
}
.servTblA .tMain {
	padding:2% 4% 4%;
	margin:0 auto 4%;
	border-bottom:2px solid #0A3190;
	display:block;
	width:90%;
}
.servTblA .tSub  {
	margin:0 auto;
	display:block;
}
.servTblA .tSub img {
	float: none;
	margin: 0 auto 10px;
	text-align: center;
	display: block;
}
.servTblA .tSub span.note {
	font-size:100%;
	display:block;
	margin:0 0 20px;
}
.servTblA .tSub a:link,.servTblA .tSub a:visited {
	text-decoration:underline;
	color:#5E5F66;
}
.servTblA .tSub a:hover {
	text-decoration:none;
}



/* SP contact */
#contact .mainBoxOut {
	width:100%;
	height:auto;
	margin:0 auto;
	padding:0;
	background:url(../img/contact/mainBg.png) no-repeat center top;
	background-size:cover;
}
#contact .mainBoxIn {
	width:100%;
	height:auto;
	margin:0 auto;
	text-align:center;
	background:url(../img/common/mainUnder.png) no-repeat center bottom;
	background-size:contain;
}



/* SP company */
#company .mainBoxOut {
	width:100%;
	height:auto;
	margin:60px auto 30px;
	padding:0;
	background:url(../img/company/mainBg.png) no-repeat center bottom;
	background-size:cover;
}
#company .mainBoxIn {
	width:100%;
	height:auto;
	margin:0 auto;
	text-align:center;
	background:url(../img/common/mainUnder.png) no-repeat center bottom;
	background-size:contain;
}
#company h1 {
	text-align:center;
	margin:0 auto 10px;
}
#company h1 img {
	height:50px;
}
#company h2 {
	text-align:center;
	margin:0 auto 10px;
	clear:both;
}
#company h2 img {
	height:50px;
}

.compBoxA {
	width:100%;
	height:auto;
	background:url(../img/company/photo_back.png) repeat-x center bottom;	
	min-height:inherit;
	margin:0 auto 30px;
}
.compBoxAIn {
	width:90%;
	margin:0 auto;
	padding:0 0 10%;
	background:url(../img/company/photo.png) no-repeat right bottom;	
	background-size:30%;
	min-height:inherit;
}
.compBoxAtxt {
	width:90%;
}
.compBoxAtxt p.txt1 {
	font-size:100%;
	margin:0 auto;
}
.compBoxAtxt p.txt2 {
	margin:0 auto;
}
.compBoxAtxt p.txt3 {
	width:80%;
	float:none;
	font-size:80%;
	padding:10% 0 0;
}
.compBoxAtxt p.txt3 span {
	font-size:120%;
	margin:0 auto;
}

.compTblA {
	border-collapse:collapse;
	width:90%;
	margin:0 auto 30px;
	background:#efefef;
}
.compTblA th {
	width:96%;
	padding:2% 2% 0;
	border-top:1px solid #FFFFFF;
	border-bottom:none;
	display:block;
	font-weight:bold;
}
.compTblA td {
	width:96%;
	padding:0 2% 2%;
	border-top:none;
	border-bottom:1px solid #FFFFFF;
	display:block;
	font-size:80%;
}
.pro {
	width:90%;
	float:none;
	margin:0 auto 10px;
	background:#CCCCCC;
}
.compTblB {
	border-collapse:collapse;
	width:90%;
	margin:0 auto 50px;
	background:#efefef;
	float:none;
}
.compTblB th {
	width:96%;
	padding:2% 2% 0;
	border-top:1px solid #FFFFFF;
	border-bottom:none;
	display:block;
	font-weight:bold;
}
.compTblB th span {
	font-size:100%;
}
.compTblB td {
	width:96%;
	padding:0 2% 2%;
	border-top:none;
	border-bottom:1px solid #FFFFFF;
	display:block;
	font-size:80%;
}



/* SP wc */
#wc .mainBoxOut {
	width:100%;
	height:auto;
	margin:60px auto 30px;
	padding:0;
	background:url(../img/wc/mainBg.png) no-repeat center top;
	background-size:cover;
}
#wc .mainBoxIn {
	width:100%;
	height:auto;
	margin:0 auto;
	text-align:center;
	background:url(../img/common/mainUnder.png) no-repeat center bottom;
	background-size:contain;
}
.wcNavi {
	width:100%;
	margin:0 auto 20px;
}
.wcNavi li {
	border-left:none;
	float:left;
	width:50%;
}
.wcNavi li:last-child {
	border-right:none;
}
#wc h2#wcBoxB {
	background:url(../img/wc/ttlImg01.png) no-repeat left top;
	background-size:cover;
	min-height:inherit;
	width:90%;
	padding:20px 5%;
}
#wc h2#wcBoxC {
	background:url(../img/wc/ttlImg02.png) no-repeat left top;
	background-size:cover;
	min-height:inherit;
	width:90%;
	padding:20px 5%;
}
#wc h2#wcBoxE {
	background:url(../img/wc/ttlImg03.png) no-repeat left top;
	background-size:cover;
	min-height:inherit;
	width:90%;
	padding:20px 5%;
}
#wc h2#wcBoxB span.main,#wc h2#wcBoxC span.main,#wc h2#wcBoxE span.main {
	background:rgba(188,0,8,0.7);
	display:block;
	font-size:130%;
	color:#FFFFFF;
	padding:3%;
	text-align:center;
	border-bottom:2px solid #FFFFFF;
}
#wc h2#wcBoxB span.sub,#wc h2#wcBoxC span.sub {
	background:rgba(188,0,8,0.7);
	display:block;
	color:#FFFFFF;
	padding:3%;
}
#wc h2#wcBoxE span.sub {
	background:rgba(188,0,8,0.7);
	display:block;
	color:#FFFFFF;
	padding:3%;
	font-size:100%;
	text-align:center;
}
#wc h2#wcBoxE span.sub .yellow {
	color:#fff100;
	background:none;
	display:block;
	padding:0;
	font-size:140%;
	text-align:center;
}
#wc h3 {
	background:#0A3190;
	color:#FFFFFF;
	padding:5px 0;
	font-size:100%;
	font-weight:bold;
	text-align:center;
	margin:10px auto 5px;
}
#wc p.ttl {
	background:#E7AF00;
	color:#FFFFFF;
	padding:0;
	font-size:100%;
	font-weight:bold;
	text-align:center;
	margin:0 auto;
}
#wcBoxA {
	width:100%;
	background:url(../img/wc/eventBg.png) no-repeat center center;
	background-size:cover;
}
.wcBoxAIn {
	background:url(../img/wc/eventBoard.png) no-repeat center center;
	background-size:contain;
	min-height:inherit;
	width:90%;
	margin:0 5% 30px;
}
.wcBoxAIn p {
	width:30%;
	padding:10% 0 10% 54%;
}
#wcBoxB {
}
#wc .btn {
	text-align:center;
	margin:10px auto 30px;
	width:90%;
}
.list01 {
	clear:both;
	overflow:hidden;
	margin:0 auto 20px;
}
.list01 li {
	float:left;
	margin:1%;
	width:48%;
}
.list01 li:last-child {
	margin:0 auto;
}
.wcList {
	clear:both;
	overflow:hidden;
	margin:0 auto 30px;
}
.wcList li {
	float:left;
	margin:1%;
	width:48%;
}
.wcList li:nth-of-type(3n) {
	margin:1%;
}
.staffList {
	overflow:hidden;
	width:100%;
	float:none;
	padding:0 0 10px;
	margin:10px 0 10px;
	border-bottom:1px solid #CCCCCC;
}
.staffList:last-of-type {
	margin:0 auto;
	border-bottom:none;
}
.staffPhoto {
	width:40%;
	float:left;
	margin:0 auto;
}
.staffNote {
	width:56%;
	float:right;
	overflow:hidden;
}
.staffNote dt {
	font-size:90%;
	font-weight:bold;
}
.staffNote dd {
	margin:0 auto;
}
.staffNote dd.name {
	margin:0 auto;
	font-size:120%;
	font-weight:bold;
}
.staffNote dd.year {
	margin:0 auto;
	font-size:100%;
	font-weight:bold;
}
.staffNote dd.txt {
	margin:0 auto;
	font-size:90%;
}
#wcBoxD .bnr {
	width:100%;
	margin:0 auto 30px;
}
.sekoList li {
	overflow:hidden;
	float:left;
	width:48%;
	margin:2% 1% 30px;
}
.sekoList li:nth-of-type(3n) {
	margin:2% 1% 10px;
}
.sekoList li span {
	display:block;
	margin:0 auto;
}
.wcBoxF {
	clear:both;
	overflow:hidden;
	padding:0;
	width:100%;
	background:#FFF9CC;
}
.wcBoxF li {
	float:left;
	width:46%;
	margin:2%;
}



/* SP asphalt */
#asphalt .mainBoxOut {
	width:100%;
	height:auto;
	margin:60px auto 30px;
	padding:0;
	background:url(../img/asphalt/mainBg.png) no-repeat center top;
	background-size:cover;
}
#asphalt .mainBoxIn {
	width:100%;
	height:auto;
	margin:0 auto;
	text-align:center;
	background:url(../img/common/mainUnder.png) no-repeat center bottom;
	background-size:contain;
}
.asphBoxA {
	text-align:center;
	font-size:120%;
	margin:0 auto 20px;
}
.asphNavi {
	overflow:hidden;
	clear:both;
	margin:0 auto 50px;
}
.asphNavi li {
	float:left;
	margin:1%;
	width:48%;
}
.asphNavi li:nth-of-type(3n) {
	margin:1%;
}
.asphImgA {
	margin:0 auto 30px;
}
.asphBoxB {
	font-size:100%;
	margin:30px auto 0;
}

#asphalt h2 {
	color:#BC0008;
	font-size:120%;
	width:90%;
	margin:0 auto;
}
#asphalt h2 span {
	font-size:60%;
	margin:0 0 0 10px;
}
.asphTblA {
	border-collapse:collapse;
	width:90%;
	margin:0 auto 30px;
	background:#efefef;
}
.asphTblA th {
	width:96%;
	padding:2% 2% 0;
	border-top:1px solid #FFFFFF;
	border-bottom:none;
	display:block;
	font-weight:bold;
}
.asphTblA td {
	width:96%;
	padding:0 2% 2%;
	border-top:none;
	border-bottom:1px solid #FFFFFF;
	display:block;
	font-size:80%;
}
.asphBoxC {
	width:90%;
	margin:0 auto 30px;
	overflow:hidden;
	clear:both;
	text-align:center;
}
.asphBoxC li {
	float:none;
	margin:0 auto 10px;
}
.asphBoxC li:nth-of-type(2n) {
	margin:0 auto;
}



/* SP deliver */
#deliver .mainBoxOut {
	width:100%;
	height:auto;
	margin:60px auto 30px;
	padding:0;
	background:url(../img/deliver/mainBg.png) no-repeat center top;
	background-size:cover;
}
#deliver .mainBoxIn {
	width:100%;
	height:auto;
	margin:0 auto;
	text-align:center;
	background:url(../img/common/mainUnder.png) no-repeat center bottom;
	background-size:contain;
}
.deliBoxA {
	text-align:center;
	font-size:120%;
	margin:0 auto 20px;
}
.deliNavi {
	overflow:hidden;
	clear:both;
	margin:0 auto 50px;
}
.deliNavi li {
	float:left;
	margin:1%;
	width:48%;
}
.deliNavi li:nth-of-type(3n) {
	margin:1%;
}
#deliver h2 {
	color:#BC0008;
	font-size:120%;
	width:90%;
	margin:0 auto;
}
#deliver h2 span {
	font-size:60%;
	margin:0 0 0 10px;
}
.deliTblA {
	border-collapse:collapse;
	width:90%;
	margin:0 auto 30px;
	background:#efefef;
}
.deliTblA th {
	width:96%;
	padding:2% 2% 0;
	border-top:1px solid #FFFFFF;
	border-bottom:none;
	display:block;
	font-weight:bold;
}
.deliTblA td {
	width:96%;
	padding:0 2% 2%;
	border-top:none;
	border-bottom:1px solid #FFFFFF;
	display:block;
	font-size:80%;
}
#deliver .btn {
	text-align:center;
	margin:0 auto 50px;
	width:90%;
}



/* SP recruit */
#recruit .mainBoxOut {
	width:100%;
	height:auto;
	margin:60px auto 30px;
	padding:0;
	background:url(../img/recruit/mainBg.png) no-repeat center top;
	background-size:cover;
}
#recruit .mainBoxIn {
	width:100%;
	height:auto;
	margin:0 auto;
	text-align:center;
	background:url(../img/common/mainUnder.png) no-repeat center bottom;
	background-size:contain;
}
.recrBoxA {
	width:100%;
	height:auto;
	background:url(../img/recruit/photo_back.png) repeat-x center bottom;	
	min-height:inherit;
	margin:0 auto 20px;
}
.recrBoxAIn {
	width:100%;
	margin:0 auto;
	background:url(../img/recruit/photo.png) no-repeat right bottom;
	background-size:contain;	
	min-height:inherit;
}
.recrBoxAtxt {
	width:70%;
}
.recrBoxAtxt p.txt1 {
	font-size:120%;
	margin:0 auto;
	padding:0;
	border-bottom:2px solid #000000;
}
.recrBoxAtxt p.txt1 span {
	display:block;
	font-size:80%;
}
.recrBoxAtxt p.txt2 {
	margin:0 auto;
	font-size:120%;
	color:#BC0008;
}
.recrBoxAtxt p.txt3 {
	width:100%;
	font-size:90%;
}
.recrBoxAtxt p.txt3 span {
	font-size:120%;
	margin:0 auto;
}
.recrBoxB {
	width:90%;
	margin:0 auto 30px;
	overflow:hidden;
	clear:both;
}
.recrBoxB p {
	float:none;
	width:100%;
	margin:0 auto;
}
.recrBoxC {
	overflow:hidden;
	clear:both;
	background:#F5C64C;
}
#recruit h2 {
	margin:0 auto 10px;
	text-align:center;
}
#recruit h2 img {
	height:50px;
}

#recruit h2.staffTtl {
	background:url(../img/recruit/recruitBg2.png) no-repeat;
	background-size:cover;
	padding:10px 0;
	margin:0 auto 5px;
}
.recrBoxC li {
	display:inherit;
	margin:0 auto 10px;
}
.recrBoxC li a:link,.recrBoxC li a:visited {
	text-align:center;
	color:#0E0F19;
	background:#FFFFFF;
	font-size:100%;
	display:block;
}
.recrBoxC li a:hover {
	background:#0E0F19;
	color:#FFFFFF;
	text-decoration:none;
}
.recrBoxD {
	padding:10px 5%;
	text-align:center;
	margin:0 auto 20px;
}
#recruit h3 {
	text-align:center;
	color:#FFFFFF;
	font-size:100%;
	padding:5px 0;
	margin:0 auto 10px;
}
#recruit h3.red {
	background:#BC0008;
}
#recruit h3.blue {
	background:#0A3190;
}
.recrBoxE {
	width:100%;
	margin:0 auto;
	overflow:hidden;
	clear:both;
}
#recruit h4 {
	color:#BC0008;
	font-size:120%;
	width:90%;
	margin:0 auto;
	clear:both;
}
#recruit h4 span {
	font-size:60%;
	margin:0 0 0 10px;
}
#recruit .recrBoxF h4 {
	color:#0A3190;
	font-size:120%;
	width:90%;
	margin:0 auto;
	clear:both;
}
.recrTblA {
	border-collapse:collapse;
	width:90%;
	margin:0 auto 20px;
	background:#efefef;
}
.recrTblA th {
	width:96%;
	padding:0 2%;
	border-top:none;
	border-bottom:none;
	display:block;
	font-weight:bold;
}
.recrTblA td {
	width:96%;
	padding:2%;
	border-top:none;
	border-bottom:none;
	display:block;
	font-size:80%
}
.recrBoxE,.recrBoxF {
	width:100%;
	margin:0 auto;
	overflow:hidden;
	clear:both;
}
.recrBoxE dl,.recrBoxF dl {
	width:90%;
	background:#FFFFFF;
	float:none;
	margin:0 auto 10px;
}
.recrBoxE dl:nth-of-type(2n),.recrBoxF dl:nth-of-type(2n) {
	margin:0 auto 10px;
}
.recrBoxE dt {
	padding:2%;
	border-bottom:2px solid #BC0008;
	font-size:100%;
	color:#BC0008;
}
.recrBoxF dt {
	padding:2%;
	border-bottom:2px solid #0A3190;
	font-size:100%;
	color:#0A3190;
}
.recrBoxE dt span,.recrBoxF dt span {
	font-size:90%;
}
.recrBoxE dt span.blackSmall,.recrBoxF dt span.blackSmall {
	color:#000000;
	display:block;
}
.recrBoxE dt span,.recrBoxF dt span {
	font-size:100%;
}
.recrBoxE dd,.recrBoxF dd {
	padding:2%;
}
#recruit .btn {
	text-align:center;
	margin:0 auto 50px;
	width:90%;
}
.recrBoxG {
	padding:5%;
	margin:0 auto;
}
.recrBoxG .img {
	width:100%;
	padding:0;
	border:1px solid #C8C4C1;
	margin:0 auto 10px;
}
.recrBoxH  {
	width:100%;
	margin:0 auto 20px;
	clear:both;
	overflow:hidden;
}
.recrBoxH dl.staff {
	background:#BC0008;
	color:#FFFFFF;
	width:100%;
	min-height:inherit;
	float:none;
	margin:0 auto 5px;
}
.recrBoxH dt {
	float:left;
	padding:0 2% 2% 0;
	width:40%;
}
.recrBoxH dd.ttl {
	height:auto;
	font-size:110%;
	line-height:inherit;
	padding:2% 0;
}
.recrBoxH dd.txt {
	font-size:90%;
	line-height:inherit;
	padding:0;
}
.recrBoxH dd.name {
	font-size:120%;
	padding:0 0 2%;
	clear:both;
	text-align:center;
}
.recrBoxH p.img {
	float:right;
	margin:0 auto;
	width:40%;
	padding:2%;
}
.recrBoxH p.txt {
	float:none;
	margin:0 auto;
	width:90%;
	padding:0 5%;
}



/* SP footer */
footer {
	width:100%;
	overflow:hidden;
	clear:both;
	padding:7% 0 0;
	background:url(../img/common/fBorder.png) repeat-x top center;
	background-size:contain;
}
.fNaviBox {
	width:94%;
	background:#005E73;
	overflow:hidden;
	color:#FFFFFF;
	font-size:100%;
	padding:10px 3%;
}
.fNaviBox a:link,.fNaviBox a:visited {
	color:#FFFFFF;
	display:block;
}
.fNaviBox dd a:link,.fNaviBox dd a:visited {
	background:rgba(255,255,255,0.1);
}
.fNaviBox dl {
	float:none;
	width:100%;
	height:auto;
	margin:0 auto 10px;
	text-align:center;
}
.fNaviBox dt {
	font-size:110%;
	line-height:40px;
	height:40px;
	margin:0 auto;
	background:url(../img/common/footerTtlBg.png) repeat-x right;
}
.fNaviBox dt span {
	display:inline-block;
	background:#005E73;
	padding:0 10px;
}
.fNaviBox dd {
	font-size:80%;
	line-height:30px;
	height:30px;
	border-bottom:2px solid #005E73;
}
.fBottomBox {
	width:94%;
	background:#0E0F19;
	overflow:hidden;
	color:#FFFFFF;
	padding:10px 3%;
}
.fBottomBox .name {
	font-size:140%;
	float:none;
	margin:0 auto 10px;
	text-align:center;
}
.fBottomBox .add {
	font-size:70%;
	float:none;
	margin:0 auto 10px;
}
.fBottomBox .copy {
	font-size:60%;
	float:none;
	margin:0 auto;
	text-align:center;
}
#toTop a {
	position:fixed;
	bottom:10px;
	right:10px;
	width:40px;
	height:40px;
}

}