@charset "UTF-8";

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


img{
max-width: 100%;
height: auto;
width /***/:auto;　
}

body{
	-webkit-text-size-adjust: 100%;
	line-height:1.8;
	color: #1e1e1e;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ','Meiryo','ＭＳ Ｐゴシック','sans-serif';
	font-size: 13px;
	letter-spacing: 1px;
	font-weight: normal;
}

a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
-webkit-tap-highlight-color: rgba(0,0,0,0.5);
}


/*
===========================================
 common
===========================================
*/

body{
	-webkit-text-size-adjust: 100%;
}

a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
-webkit-tap-highlight-color: rgba(0,0,0,0.5);
}



body{
	border-top: solid 2px #fc5707;
}


#head{
	margin-bottom: 10px;
	width: 100%;
	padding-top: 15px;
}

#head h1{
	max-width: 266px;
	margin: 0 auto 5px auto;
}

#head h2{
	width: 96%;
	padding: 0 2%;
	text-align: center;
	font-size: 11px;
	margin-bottom: 10px;
}




#conte{
	width: 96%;
	padding: 0px 2%;
	padding-bottom: 40px;
}


/*===================================================================

 NAV

=====================================================================*/

#nav{
	font-size: 16px;
	width: 100%;
	background: none;
}

#nav div{
	width: 100%;
	border-bottom: solid 1px #fff;
}

#nav div p{
	color: #fff;
	border-bottom: solid 1px #fff;
	text-align:center;
	padding: 5px 0;
	display: block;
	background: #fc5707;
}

#nav div ul{
	display: none;
}

#nav  div > ul > li{
	display:block;
	width: 100%;
	color: #000;
	text-align:center;
	border-bottom: dotted 1px #fc5707;
	background: #fff;
}

#nav div ul li a{
	display:block;
	width: 100%;
	padding: 5px 0;
}

#nav div ul li a span{
	display:block;
}




#nav div ul li a img{
	display: none !important;
}

#nav ul li a:link{
 color: #000;
 text-decoration: none;
}

#nav ul li a:visited{
 color: #000;
 text-decoration: none;
}

#nav ul li a:hover{
 color: #000;
 text-decoration: none;
}

#nav ul li a:active{
 color: #000;
 text-decoration: none;
}


.sub_Navi{
	display:none;
}

#navi_sub ul li{
	display:block;
	width: 100%;
	color: #fff;
	text-align:center;
	border-top: solid 1px #fff;
}

#navi_sub ul li a{
	display:block;
	width: 100%;
	padding: 5px 0;
}

#navi_sub ul li a:link{
 color: #1e1e1e;
 text-decoration: none;
 background: #fde4e3;
}

#navi_sub ul li a:visited{
 color: #1e1e1e;
 text-decoration: none;
 background: #fde4e3;
}

#navi_sub ul li a:hover{
 color: #1e1e1e;
 text-decoration: none;
 background: #fde4e3;
}

#navi_sub ul li a:active{
 color: #1e1e1e;
 text-decoration: none;
 background: #fde4e3;
}


/*===================================================================

 FOOT

=====================================================================*/

#foot{
	width: 100%;
	padding: 15px 0 10px 0;
	border-top: solid 2px #fc5707;
}

.fNavi{
	display: none;
}


#foot div{
	width: 100%;
	margin: 0 auto;
	text-align: center;
}

#foot div h2{
	margin-bottom: 5px;
}

.footAddress{
	font-size: 11px;
	color: #666666;
}

.copy{
	font-size: 11px;
	color: #999999;
}


/*
===========================================
 TOP
===========================================
*/

#main{
	width: 100%;
	height: 160px;
	background: url(../img/main01.jpg) no-repeat center top;
	background-size: 170%;
	margin-bottom: 15px;
}

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

.topBana{
	width: 96%;
	padding: 0 2%;
	margin-bottom: 20px;
}

.topBana p{
	float:left;
	display: block;
	width: 48%;
	max-width: 225px;
	margin-bottom: 5px;
}

.topBana p:nth-child(even){
	float:right;
	display: block;
	width: 48%;
	max-width: 225px;
}

.tBana01{ background:url(../img/bana01_on.jpg) no-repeat 0 0; background-size:contain;;}
.tBana02{ background:url(../img/bana02_on.jpg) no-repeat 0 0; background-size:contain;;}
.tBana03{ background:url(../img/bana03_on.jpg) no-repeat 0 0; background-size:contain;;}
.tBana04{ background:url(../img/bana04_on.jpg) no-repeat 0 0; background-size:contain;;}


.newsWrap{
	width: 96%;
	margin-bottom: 40px;
}

.newsBox{
	width: 96%;
	margin: 0 auto;
	padding: 0 2%;
}

.newsBox h2{
	margin-bottom: 10px;
}

.newsBox h2 img{
	display: none;
}


.newsBox div{
}

.newsBox div dl{
}

.newsBox div dl dt{
	font-size: 12px;
	color: #fff;
	background: #CCC;
	display: inline;
	padding: 0 3px;
}

.newsBox div dl dd{
	margin-bottom: 10px;
}


.footBana{
	max-width: 300px;
	margin: 0 auto;
	background:url(../img/fBana_on.jpg) no-repeat 0 0;
	background-size: contain;
	margin-bottom: 40px;
}








/*
===========================================
 contents common
===========================================
*/

#main02{
	width: 100%;
	height: 100px;
	margin-bottom: 5px;
}

#main02 h2{
	width: 96%;
	padding: 0 2%;
	line-height: 100px;
	font-size: 34px;
	margin: 0 auto;
	color: #fff;
}

.hBusiness{ background:url(../../business/img/head.jpg) no-repeat center top; background-size: cover;}
.hRecruit{ background:url(../../recruit/img/head.jpg) no-repeat center top; background-size: cover;}
.hCompany{ background:url(../../company/img/head.jpg) no-repeat center top; background-size: cover;}
.hContact{ background:url(../../contact/img/head.jpg) no-repeat center top; background-size: cover;}

.pun{
	width: 96%;
	padding:0 2%;
	margin: 0 auto 15px auto;
	font-size: 11px;
}

.pun li{
	float:left;
}

#wrap{
	width: 96%;
	padding: 0 2%;
	margin: 0 auto 40px auto;
}


/*
===========================================
 BUSINESS
===========================================
*/


.busiBox{
	width: 100%;
	margin-bottom: 40px;
}

.busiBox div{
}

.busiBox div h3{
	background:#1a1a1a;
	color: #fff;
	font-size: 16px;
	margin-bottom: 10px;
	padding-left: 10px;
}

.busiBox div p{
	font-size: 16px;
	padding-left: 10px;
}

.busiImg{
  display: none;
}


/*
===========================================
 company
===========================================
*/

.comTable{
	width: 100%;
	float:left;
	margin-bottom: 40px;
}

.comTable th{
	padding: 5px 10px;
 display: list-item;
 background: #eceaea;
 font-weight: bold;
	border-bottom: dotted 1px #ccc;
	border-top: dotted 1px #ccc;
}

.comTable td{
	padding: 5px 10px;
 display: list-item;
}

.comImg{
	width: 100%;
	text-align:center;
}

.comImg p{
	margin: 0 auto;
	max-width: 280px;
}

.comImg p{
	margin-bottom: 15px;
}

.map{
	display: none;
}


.mapButton{
 display: block;
 width: 96%;
 margin: 0 auto 30px auto;
 font-size: 16px;
 text-align: center;
 border: solid 1px #FFF;
 border-radius: 5px 5px 5px 5px / 5px 5px 5px 5px;
 background: -webkit-gradient(linear, left bottom, left top, from(#E1E1E1),color-stop(0.5, #FFF),to(#FFFFFF));
 background: -moz-linear-gradient(bottom, #E1E1E1,#FFFFFF 50%,#FFFFFF) ;
 -moz-box-shadow: inset 0px 0px 3px #333333;
 -webkit-box-shadow: inset 0px 0px 3px #333333;
 box-shadow: inset 0px 0px 3px #333333;
 font-weight: bold;
}

.mapButton a{
 display: block;
 color: #6b3d26;
 padding: 10px 0px;
 -moz-text-shadow: 0px 1px 1px #FFFFFF;
 -webkit-text-shadow: 0px 1px 1px #FFFFFF;
 text-shadow: 0px 1px 1px #FFFFFF;
 text-decoration: none;
}

/*
===========================================
 recruit
===========================================
*/

.recTxt01{
	font-size: 24px;
	text-align:center;
	margin-bottom: 40px;
}

.recImg{
	width: 100%;
	margin: 0 auto 40px auto;
}

.recTxt02{
	text-align:center;
	margin-bottom: 40px;
	font-size: 16px;
}

.recBana{
	width: 90%;
	max-width: 600px;
	height: 100px;
	margin: 0 auto;
	background:url(../../recruit/img/bana_on.jpg) no-repeat 0 0;
	background-size: contain;
}

/*
===========================================
 contact
===========================================
*/


.contactTxt{
	margin-bottom: 20px;
}

.contactTxt span.cSpan01{
	color: #aa0000;
}

.contactTxt span.cSpan02{
	background: #aa0000;
	color: #fff;
}


.contact_table{
 width: 100%;
 border-collapse: collapse;
 margin-bottom: 10px;
}



.contact_table th{
 border: solid 1px #ccc;
 background: #eeeeee;
 font-weight: bold;
 padding: 15px;
 display: list-item;
 
}.contact_table th.formCap{
 border: solid 1px #ccc;
 background: #b2c73e;
 font-weight: bold;
 padding: 15px;
 color: #6d3d00;
 display: list-item;
}



.contact_table th span{
	background: #aa0000;
	color: #fff;
	font-size: 12px;
}

.contact_table td{
 border: solid 1px #ccc;
 padding: 15px;
 display: list-item;
}


.contact_table td div{
	margin-bottom: 7px;
	display: table;
	vertical-align: middle;
}

.contact_table td div p{
}


.contact_table td .input{
 border: solid 1px #999;
 padding: 2px;
 width: 100%;
 color: #1a1a1a;
}

.contact_table td .entryWidth{
 border: solid 1px #999;
 padding: 2px;
 width: 70px;
}

.contact_table td .input:focus{
 border: solid 1px #00AADB;
 background:#F1FCFF;
}

.contact_table td textarea{
 width: 100%;
 border: solid 1px #BEBEBE;
 padding: 2px;
}

.tipped{
 color:#cccccc;
}



.form_radio{
 line-height: 20px;
 position: relative;
 float:left;
 width: 120px;
}

.form_radio span{
 position: absolute;
 top: 2px;
 left: 30px;
}



.inputButton01{
	width: 178px;
}

.inputButton02{
	width: 55px;
}


.contact_table td textarea:focus{
 border: solid 1px #00AADB;
 background:#F1FCFF;
}

.contact_table td .form_privacy{
 width: 100%x;
 height: 200px;
 display: block;
 overflow: auto;
 font-size: 8pt;
 border: solid 1px #CCCCCC;
 padding: 5px;
}

.contact_table td .form_privacy .form_span01{
 font-weight: bold;
}

.form_button{
	width: 100%;
 padding-top: 20px;
	margin-bottom: 50px;
	text-align:center;
}

.form_button p{
 display: block;
}

.form_doui{
 line-height: 20px;
 display:block;
 position: relative;
 margin-bottom: 20px;
}

.form_doui span{
 font-weight: bold;
}

input[type=checkbox] {
    width: 20px;
    height: 20px;
    vertical-align: middle;
}

input[type=radio] {
    width: 20px;
    height: 20px;
    vertical-align: middle;
}


/*
fire fox
*/
input[type=checkbox] {
  -moz-transform-origin: right bottom;
  -moz-transform: scale( 1.5 , 1.5 );
}

input[type=radio] {
  -moz-transform-origin: right bottom;
  -moz-transform: scale( 1.5 , 1.5 );
}


/*
IE
*/
:root *> .contact_table td .form_doui span{
 position: absolute;
 top: 0;
 left: 20px;
 font-weight: bold;
}




.afterDiv{
 padding: 20px;
 border: dotted 1px #252525;
 margin: 0px auto 15px auto;
}



.afterP01{
 display: block;
 font-size: 8.6pt;
 font-weight: bold;
 margin-bottom: 10px;
}

.afterP01 span{
 font-size: 10pt;
}

.afterP02 span{
 color: #990000;
}

.afterP03{
	text-align:center;
 display: block;
 margin: 0px auto 0px auto;
 max-width: 356px;
}

/*
===========================================
 pp
===========================================
*/

.ppWrap{
	width: 96%;
	padding: 0 2%;
	background: #fff;
	padding-bottom: 50px;
}

.ppWrap h1{
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 20px;
	border-bottom: solid 2px #ccc;
}

.ppWrap h2{
	font-size: 16px;
	font-weight: bold;
	border-bottom: dotted 1px #ccc;
	margin-bottom: 5px;
}

.ppWrap p{
	margin-bottom: 20px;
}


.ppWrap div{
	text-align:center;
}


/*===================================================================

 PAGE TOP

=====================================================================*/


#page-top {
	display:none !important;
}



/*=====================================

  Page top2
 
===========================================*/

/* page-top */
#page-top02 {
	position: fixed;
	bottom: 10px;
	right: 10px;
}
#page-top02 a {
	display: block;
	width: 40px;
	height: 40px;
	background-color:rgba(0,0,0,0.5);
	filter: alpha(opacity=50);
	-moz-opacity:0.5;
	border-radius: 10px; 
    -webkit-border-radius: 10px; 
    -moz-border-radius: 10px; 
}

#page-top02 a img{
	width: 40px;
	height: 40px;
	
}












}