@charset "utf-8";
/* ===================================================================
 トップ用*/
 
body {
	background-color:#FFFFFF;
	min-width:1040px;
	-webkit-text-size-adjust : 100% ;
}

/*----------------------------------------------------
	PCとSP設定
----------------------------------------------------*/
/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc { display: block !important; }
.sp { display: none !important; }

/*----------------------------------------------------
	.unit
----------------------------------------------------*/
.unit{
	margin-bottom:60px;
}
/*----------------------------------------------------
	#ドライバー募集のテキスト
----------------------------------------------------*/
p.lead{
    display: block;
    font-size: 130%;
    line-height: 150%;
    margin-bottom: 2.5em;
}
/*----------------------------------------------------
	#明石・神戸営業所へのリンク
----------------------------------------------------*/
.link a{
	display:block;
	width:100%;
	padding:1em 0;
	border-radius:10px;
	background:#881B20;
	color:#fff;
	font-size:120%;
	text-decoration:none;
	margin:0 auto;
}
.link a:hover{
	opacity:0.8;
}
/*----------------------------------------------------
	.title
----------------------------------------------------*/
.title{
	margin-bottom:30px;
	text-align: left;
}

ul.sp_txt{
    display: none !important;
}
/*----------------------------------------------------
	#footer
----------------------------------------------------*/
#footWrap{
	width:100%;
	height:50px;
	margin: 0 auto;/*これ大事*/
	background:#8E0F16;
}
.copyright {
	clear: both;
	text-align: center;
	padding-top:20px;
	color: #FFFFFF;
}


/* スマホ向け　*/
@media screen and (max-width: 767px) {   /* ウィンドウサイズが 767px 以下の場合有効 */
/*----------------------------------------------------
	スマートフォンで見たときは"sp"のclassがついた画像が表示される
----------------------------------------------------*/
.pc { display: none !important; }
.sp { display: block !important; }

img { max-width: 100%; }

/*----------------------------------------------------
	.unit
----------------------------------------------------*/
.unit{
	margin-bottom:2em;
    text-align: center;
}
/*----------------------------------------------------
	.title
----------------------------------------------------*/
.title{
	margin-bottom:30px;
	text-align: left;
}
.title img{
	width: 100%;
    height: auto;
}
/*----------------------------------------------------
	#ドライバー募集のテキスト
----------------------------------------------------*/
p.lead{
    display: block;
    font-size: 180%;
    line-height: 180%;
    margin: 1.5em 1em 1em 1em;
}
ul.sp_txt li{
    display: block;
    font-size: 180%;
    line-height: 180%;
    text-align: left;
}
/*----------------------------------------------------
	#明石・神戸営業所へのリンク
----------------------------------------------------*/
.link a{
	display:block;
	width:90%;
	padding:1em 0;
	border-radius:10px;
	background:#881B20;
	color:#fff;
	font-size:200%;
	text-decoration:none;
	margin:0 auto;
}
.link a:hover{
	opacity:0.8;
}

/*----------------------------------------------------
	#footer
----------------------------------------------------*/
#footWrap{
	width:100%;
	height:60px;
	margin: 0 auto;/*これ大事*/
	background:#8E0F16;
}
.copyright {
	clear: both;
	text-align: center;
	padding-top:20px;
	color: #FFFFFF;
}
}