@charset "utf-8";

/* --------------------------------------------------
レスポンシブ　
-------------------------------------------------- */
/* 共通 */


/*@media (max-width: 768px){
  .pcnone { display: block; }
  .spnone { display: none; }
}*/

/*@media screen and (min-width: 789px) {*/
/*********PCで非表示*********/

.pcnone {
	display: none;
}
.spnone {
    display: block;
}

.pcon {
	display: block;
}
.br-pc {
	display: none;
}
/*}*/



@media screen and (max-width: 788px) {
body{
    width: 100%;
    min-width: 100%;
}

/*********スマホで非表示*********/
.pcnone {
	display: block;
}
.spnone {
	display: none;
}

.pc-img{
    margin: 0 auto;
}
/*ヘッダー*/
#header {
	display: none;
}
.br-sp {
	display: none;
}
/*フッター*/

.pagetop2 {
	display: none;
}
/*********スマホで表示*********/
.spon {
	display: block;
}
#bx-pagerSP {
	display: block;
}
}

/* 画面サイズが480px以下の場合に適用 */

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

.styled h2 {
margin-top: 70px;

}

	
#mainimg {
   height: 130px!important;
}	
.indexpoint .pmg01,.indexpoint .pmg02,.indexpoint .pmg03 {
    margin-top: 0px;
    width: 70%!important;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}	

	
}



/* 画面サイズが788px以下の場合に適用 */

@media screen and (max-width: 788px) {
/* 全体 */
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
body {
	width: 100%;
	margin: 0px;
	font-size: 14px;
}
/*html {
	width: 100%;
}
*/.allpadding {
	padding: 0 2%;
}
textarea {
	width: 100%
}
input.check01 {
	width: auto
}
.styled p {
	padding-right: 5px;
	padding-left: 5px;
}
.br-sp {
	display: none;
}
/*********width指定解除**********/
#gnaviInner, #headerInner, #footerInner, .styled, #main, #contentsInner {
	width: 100% !important;
}
img {
	max-width: 100%;
	height: auto;
}


/* header */
#maincontainer {
	background-image: none;

}
#header {
	
}
#headerInner {

}
#headerSPLogo {
	z-index: 999999;
	width: 200px;
	top: 10px;
	left: 5px;
	position: absolute;
}
#headerSPTel {
	z-index: 999999;
	width: 8%;
	top: 8px;
	right: 60px;
	position: absolute;
}
	
	


nav {
	margin-top: 50px;
}

nav li span{
	display: block;
	
}
nav img{
	display: none!important;
	
}
/* フッター
------------------------------ */
/*会社案内*/


.companyArea .txt01{
   font-size:20px; 
   padding-left: 10px;
}
.companyArea .txt01 p{
   width:100%;  
	 
}
.companyArea .img01{
    
    text-align: center;
    width: 100%;
}


.companyArea .img02{
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 0px;
    text-align: center;
	width: 100%;
}
.companyArea .img02 img{
    margin-right: auto;
    vertical-align: top;
    display: block;
    margin-right: auto;
	text-align: center;    
}
.companyArea .img02 p{
   padding-top: 5px;
   padding-bottom: 10px;
	text-align: center;    
}
.companyArea .img02 p.fax{
     margin-right: auto;
	 margin-left: auto;
    margin-top: 0px;
    font-size: 16px;
    font-weight: bold;
	text-align: center;    
}

#footer {
    margin-bottom: 0px;
    margin-top: 10px;
    font-size: 14px;
    line-height: 120%;
    padding-top: 10px;
}
#footer .sitemapnavi {
	padding-top: 0px;
	font-size: 13px;
	text-align: center;
	line-height: 120%;
	padding-bottom: 0px;
	width: 100%;

}

.copyright {
	padding-bottom: 10px;
	padding-top: 0px;
	font-size: 10px;
}
/*********その他個別指定*********/

#contents {
    width: 100%;
    padding-bottom: 0px;
    padding-top: 0px;
    position: relative;
    background-image: none;
}
.contentsInner {
	width: 100%;
	margin-bottom: 10px;
	padding: 0 2%;
}
#mainimg {
    width: 100%;
   height: 200px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    padding-top: 0px;
}
#mainimgtxt {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    position: absolute;
    z-index: 990;
    left: 0px;
    right: 0px;
    top: 10px;
    width:25%;
}
.skippr-arrow {

    display: none;
}
.skippr-nav-element-bubble {

    display: none;
}	
	
#main {
	width: 100%;
	margin-bottom: 0px;
}
#side {
	width: 100%;
	padding-top: 0px;
	margin-bottom: 10px;
}

.imgC {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	max-width: 100%;
	display: block;
}
	
.bannerArea img {
    vertical-align: middle!important;	
}


	
	
	
	
	
/* index.html
------------------------------ */
.indexpoint {
    margin-top: 20px;
    width: 100%;
   
}
.newsBox {
    margin-bottom: 50px;
    margin-left: auto;
    margin-right: auto;
	width:100%;
	max-width:385px;
}


	
	
.facebookBox {
  margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
	width:100%;
	max-width:385px;
}	
.indexrecruit {
    background-color: #1B59A4;
    text-align: center;
    padding-top: 20px;
    padding-bottom: 10px;
    margin-bottom: 10px;
}	

.indexrecruitBox {
    width: 100% !important;
    background-color: #1B59A4;
  
}
.indexrecruitBox .txt01{
    text-align: left;
    color: #FFFFFF;
    font-size: 14px;
    line-height: 150%;
    padding-left: 10px;
    padding-right: 10px;
}
.indexrecruitBox .btn01{
    text-align: center;
}


/* 表示順番 */	
.contentsInner02 {
	width: 100%;
	margin-bottom: 0px;

flex-direction: column;
	display:-webkit-box;
  	display: -webkit-flex;
  	display:-ms-flexbox;
  	display: flex;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
}
.contentsInner02 .boxcolumn01 {
-webkit-box-ordinal-group:-1;
  -ms-flex-order:-1;
  -webkit-order:-1;
   order: -1;
   width: 100%;
}
.contentsInner02 .boxcolumn02 {
-webkit-box-ordinal-group:0;
  -ms-flex-order:0;
  -webkit-order:0;
   order: 0;
}	

.contentsInner02 .boxcolumn03 {
-webkit-box-ordinal-group:1;
  -ms-flex-order:1;
  -webkit-order:1;
   order: 1;
}
	
	
	
	
/*********セカンド********/	
	
#mainimg2nd{
    background-image: url(../img/category/mainimg2nd01.jpg);
    height: 80px;
    background-position: center top;
    margin-bottom: 0px;
}
.bread{
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: left;
}
.img2ndright{
    float: none;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
	}

.img60{
    width: 40%;  
	}	
h2 {
    position: relative;
    padding-top: 20px;
    font-size: 20px;
    color: #164A96;
    margin-bottom: 0px;
    font-weight: bold;
}
h2 span {
    padding-bottom: 10px;
    border-bottom: 5px double #FFFFFF;
}

.styled h3,.styled h4,.styled h5{
	font-size: 16px;


}

.styled  {
	font-size: 14px;	
	padding-right: 2%;
	padding-left:2%;

	}
.styled .section {
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 10px;
	position: relative;
	}
.styled .section02 {
	margin-top: 30px;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 10px;
	position: relative;
	}
.table02 {
	margin: 0px;
	width: 100%;
}
.table02 th, .table02 td {
	width: 100%;
	display: block;
	border-top: none;
}

.d_voiceBox .img01 {
    padding-top: 20px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    width: 40%;
    display: block;
}
.d_voicename {
 
    width: 70%;
    display: block;
}
.car table th
{
    width: 100%;
	}	
.fb-box{
	width:100%;
	min-width:200px;
}
}