@charset "UTF-8";

/*
	/css/common.css
	-----------------------------------
	v1.0
	Last Updated: 2017-08-03
	-----------------------------------
	[Updated]
	v1.0		2017-08-03
	-----------------------------------

	クリアフィックス
	表示設定
	フォントカラー
	フォントサイズ
	行間
	テキストレイアウト
	背景カラー
	リストレイアウト
	見出し
	テーブル
	カラム
	画像
	横幅
	googlemap
	カラーボックス


*/

@media only screen and (max-width: 767px) {
	/*スマホ（ipad含まない）*/
}
@media print, screen and (min-width: 768px) {
	/*PC（ipad含む）*/
}
@media print, screen and (min-width: 1281px) {
	/*1281pix以上*/
}



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

	クリアフィックス

************************************************************/
.clearfix:after {
	content: "";
	display: block;
	clear: both;
}


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

	非表示設定

************************************************************/
.hide-all {
	display:none !important;
}
.hide-text {
	font-size: 0;
	line-height: 0;
	text-indent: -9999px;
	list-style-type: none;
	height: 0;
	overflow: hidden;
}

@media only screen and (max-width: 767px) {
	.hide-sp {
		display:none !important;
	}
}
@media print, screen and (min-width: 768px) {
	.hide-pc {
		display:none !important;
	}
}


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

	フォントカラー

************************************************************/
/*赤*/
.cl-red {
	color:#e92232;
}

/*黃*/
.cl-yellow {
	color:#fabe00 !important;
}


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

	フォントサイズ

************************************************************/
/*em*/
.font-size08em {font-size: 0.8em !important;}
.font-size09em {font-size: 0.9em !important;}
.font-size10em {font-size: 1.0em !important;}
.font-size11em {font-size: 1.1em !important;}
.font-size12em {font-size: 1.2em !important;}
.font-size13em {font-size: 1.3em !important;}
.font-size14em {font-size: 1.4em !important;}
.font-size15em {font-size: 1.5em !important;}
.font-size16em {font-size: 1.6em !important;}
.font-size17em {font-size: 1.7em !important;}
.font-size18em {font-size: 1.8em !important;}
.font-size19em {font-size: 1.9em !important;}
.font-size20em {font-size: 2.0em !important;}

@media only screen and (max-width: 767px) {
	.font-size-ll-sp {font-size: 1.5em !important;}
	.font-size-l-sp {font-size: 1.2em !important;}
	.font-size-s-sp {font-size: 0.9em !important;}
	.font-size-ss-sp {font-size: 0.8em !important;}
}
@media print, screen and (min-width: 768px) {
	.font-size-ll-pc {font-size: 1.5em !important;}
	.font-size-l-pc {font-size: 1.2em !important;}
	.font-size-s-pc {font-size: 0.9em !important;}
	.font-size-ss-pc {font-size: 0.8em !important;}
}

/*px*/
.font-size08px {font-size: 8px !important;}
.font-size09px {font-size: 9px !important;}
.font-size10px {font-size: 10px !important;}
.font-size11px {font-size: 11px !important;}
.font-size12px {font-size: 12px !important;}
.font-size13px {font-size: 13px !important;}
.font-size14px {font-size: 14px !important;}
.font-size15px {font-size: 15px !important;}
.font-size16px {font-size: 16px !important;}
.font-size17px {font-size: 17px !important;}
.font-size18px {font-size: 18px !important;}
.font-size19px {font-size: 19px !important;}
.font-size20px {font-size: 20px !important;}

@media only screen and (max-width: 767px) {
	.font-size-10px-sp {font-size: 10px !important;}
	.font-size-11px-sp {font-size: 11px !important;}
	.font-size-12px-sp {font-size: 12px !important;}
	.font-size-14px-sp {font-size: 14px !important;}
	.font-size-16px-sp {font-size: 16px !important;}
	.font-size-18px-sp {font-size: 18px !important;}
	.font-size-20px-sp {font-size: 20px !important;}
	.font-size-24px-sp {font-size: 24px !important;}
}

@media print, screen and (min-width: 768px) {
	.font-size-10px-pc {font-size: 10px !important;}
	.font-size-11px-pc {font-size: 11px !important;}
	.font-size-12px-pc {font-size: 12px !important;}
	.font-size-14px-pc {font-size: 14px !important;}
	.font-size-16px-pc {font-size: 16px !important;}
	.font-size-18px-pc {font-size: 18px !important;}
	.font-size-20px-pc {font-size: 20px !important;}
	.font-size-24px-pc {font-size: 24px !important;}
	.font-size-28px-pc {font-size: 28px !important;}
}


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

	行間

************************************************************/
.line-height08 {line-height: 0.8 !important;}
.line-height09 {line-height: 0.9 !important;}
.line-height10 {line-height: 1.0 !important;}
.line-height11 {line-height: 1.1 !important;}
.line-height12 {line-height: 1.2 !important;}
.line-height13 {line-height: 1.3 !important;}
.line-height14 {line-height: 1.4 !important;}
.line-height15 {line-height: 1.5 !important;}
.line-height16 {line-height: 1.6 !important;}
.line-height17 {line-height: 1.7 !important;}
.line-height18 {line-height: 1.8 !important;}
.line-height19 {line-height: 1.9 !important;}
.line-height20 {line-height: 2.0 !important;}


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

	テキストレイアウト

************************************************************/
/*テキストの左寄せ*/
.text-left {
	text-align:left;
}
@media only screen and (max-width: 767px) {
	.text-left-sp {
		text-align:left;
	}
}
/*テキストのセンタリンク*/
.text-center {
	text-align:center;
}
@media print, screen and (min-width: 768px) {
	.text-center-pc {
		text-align:center;
	}
}
/*テキストの右寄せ*/
.text-right {
	text-align:right;
}


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

	背景カラー

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

/*薄い緑*/
.bg-lite_green {
	background-color:#d2eeec;
}

/*黄色*/
.bg-yellow {
	background-color:#ffff00;
}


/*灰色1*/
.bg-glay01 {
	background-color:#1b1b1b;
}

/*灰色2*/
.bg-glay02 {
	background-color:#303030;
}

/*灰色3*/
.bg-glay03 {
	background-color:#4f4f4f;
}


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

	リストレイアウト

************************************************************/
/*センタリング*/
.li-flex {
	display: flex;
	justify-content: center;
}




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

	見出し

************************************************************/
/*会社情報*/
@media only screen and (max-width: 767px) {
	#company-box h1 {
		font-size:18px;
		font-weight:normal;
		line-height: 1.5;
		padding: 0 0 0 11px;
		margin: 0 0 22px;
		border-left: 5px solid #5287d1;
	}

	#company-box h2 {
		background:#5287d1;
		color:#FFF;
		font-size:18px;
		font-weight:normal;
		line-height: 1.5;
		padding: 10px 20px;
		margin: 0 0 18px;
	}
}
@media print, screen and (min-width: 768px) {
	#company-box h1 {
		font-size:28px;
		font-weight:normal;
		line-height: 1.5;
		padding: 0 0 0 16px;
		margin: 0 0 21px;
		border-left: 8px solid #5287d1;
	}

	#company-box h2 {
		background:#5287d1;
		color:#FFF;
		font-size:18px;
		font-weight:normal;
		line-height: 1.5;
		padding: 10px 20px;
		margin: 0 0 18px;
	}
}

/*乗務員募集*/
@media only screen and (max-width: 767px) {
	#recruit-box h1 {
		font-size:18px;
		font-weight:normal;
		line-height: 1.5;
		padding: 0 0 0 11px;
		margin: 0 0 22px;
		border-left: 5px solid #00a3d8;
	}
	#recruit-box h2 {
		background:#00a3d8;
		color:#FFF;
		font-size:18px;
		font-weight:normal;
		line-height: 1.5;
		padding: 10px 20px;
		margin: 0 0 18px;
	}
	#recruit-box h3 {
		font-size:16px;
		font-weight:normal;
		line-height: 1.5;
		border: 2px solid #00a3d8;
		padding: 4px 18px;
		margin: 0 0 18px;
	}
}
@media print, screen and (min-width: 768px) {
	#recruit-box h1 {
		font-size:28px;
		font-weight:normal;
		line-height: 1.5;
		padding: 0 0 0 16px;
		margin: 0 0 21px;
		border-left: 8px solid #00a3d8;
	}
	#recruit-box h2 {
		background:#00a3d8;
		color:#FFF;
		font-size:18px;
		font-weight:normal;
		line-height: 1.5;
		padding: 10px 20px;
		margin: 0 0 18px;
	}
	#recruit-box h3 {
		font-size:16px;
		font-weight:normal;
		line-height: 1.5;
		border: 2px solid #00a3d8;
		padding: 4px 18px;
		margin: 0 0 18px;
	}
}

/*先輩ドライバーの声*/
@media only screen and (max-width: 767px) {
	#voice-box h1 {
		font-size:18px;
		font-weight:normal;
		line-height: 1.5;
		padding: 0 0 0 11px;
		margin: 0 0 22px;
		border-left: 5px solid #d19d52;
	}
	#voice-box h2 {
		background:#d19d52;
		color:#FFF;
		font-size:18px;
		font-weight:normal;
		line-height: 1.5;
		padding: 10px 20px;
		margin: 0 0 18px;
	}
	#voice-box h3 {
		font-size:16px;
		font-weight:normal;
		line-height: 1.5;
		border: 2px solid #d19d52;
		padding: 4px 18px;
		margin: 0 0 18px;
	}
}
@media print, screen and (min-width: 768px) {
	#voice-box h1 {
		font-size:28px;
		font-weight:normal;
		line-height: 1.5;
		padding: 0 0 0 16px;
		margin: 0 0 21px;
		border-left: 8px solid #d19d52;
	}

	#voice-box h2 {
		background:#d19d52;
		color:#FFF;
		font-size:18px;
		font-weight:normal;
		line-height: 1.5;
		padding: 10px 20px;
		margin: 0 0 18px;
	}

	#voice-box h3 {
		font-size:16px;
		font-weight:normal;
		line-height: 1.5;
		border: 2px solid #d19d52;
		padding: 4px 18px;
		margin: 0 0 18px;
	}
}

/*ご家族からよくある質問*/
@media only screen and (max-width: 767px) {
	#qa-box h1 {
		font-size:18px;
		font-weight:normal;
		line-height: 1.5;
		padding: 0 0 0 11px;
		margin: 0 0 22px;
		border-left: 5px solid #20aa9f;
	}

	#qa-box h2 {
		background:#20aa9f;
		color:#FFF;
		font-size:18px;
		font-weight:normal;
		line-height: 1.5;
		padding: 10px 20px;
		margin: 0 0 18px;
	}
}
@media print, screen and (min-width: 768px) {
	#qa-box h1 {
		font-size:28px;
		font-weight:normal;
		line-height: 1.5;
		padding: 0 0 0 16px;
		margin: 0 0 21px;
		border-left: 8px solid #20aa9f;
	}

	#qa-box h2 {
		background:#20aa9f;
		color:#FFF;
		font-size:18px;
		font-weight:normal;
		line-height: 1.5;
		padding: 10px 20px;
		margin: 0 0 18px;
	}
}


/*個人情報の取扱いについて*/
@media only screen and (max-width: 767px) {
	#privacy_policy-box h1 {
		font-size:18px;
		font-weight:normal;
		line-height: 1.5;
		padding: 0 0 0 11px;
		margin: 0 0 22px;
		border-left: 5px solid #002252;
	}

	#privacy_policy-box h2 {
		background:#002252;
		color:#FFF;
		font-size:18px;
		font-weight:normal;
		line-height: 1.5;
		padding: 10px 20px;
		margin: 0 0 18px;
	}
}
@media print, screen and (min-width: 768px) {
	#privacy_policy-box h1 {
		font-size:28px;
		font-weight:normal;
		line-height: 1.5;
		padding: 0 0 0 16px;
		margin: 0 0 21px;
		border-left: 8px solid #002252;
	}

	#privacy_policy-box h2 {
		background:#002252;
		color:#FFF;
		font-size:18px;
		font-weight:normal;
		line-height: 1.5;
		padding: 10px 20px;
		margin: 0 0 18px;
	}
}



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

	テーブル

************************************************************/
/*テーブルタイプ1*/
#content table.table01 {
	margin-bottom: 21px;
	width: 100%;
	border-collapse: collapse;
}

#content table.table01 tr th {
	background-color: #f2f2f2;
	font-weight:normal;
}
#content table.table01 tr th,
#content table.table01 tr td {
	font-size: 14px;
	line-height: 1.5;
	border: 1px solid #b9b9b9;
	padding: 10px;
}
/*テーブル01*/
/*table.table01 {
	width: 100%;
	border-collapse: collapse;
}
table.table01 th,
table.table01 td {
	border: 1px solid #8c8c8c;
	padding: 16px 20px;
}
table.table01 th {
	background: #ebe8ff;
	font-weight: normal;
}
*/


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

	カラム

************************************************************/
.column {
	clear: both;
}
.column:after {
	content: "";
	display: block;
	clear: both;
}

.box {
	margin:0 0 2em;
}

.box:after {
	content: "";
	display: block;
	clear: both;
}



/*3カラム*/
.column2 {
}

/*3カラム*/
.column3 {
}
@media only screen and (max-width: 767px) {
	/*スマホ（ipad含まない）*/
}
@media print, screen and (min-width: 768px) {
	.column3-l {
		float:left;
		width:280px;
		margin: 0 20px 0 0;
	}
	.column3-2-l {
		float:left;
		width:580px;
		margin: 0 20px 0 0;
	}
	.column3-c {
		float:left;
		width:280px;
	}
	.column3-r {
		float:right;
		width:280px;
	}
	.column3-2-r {
		float:right;
		width:580px;
	}
}


/*4カラム*/
.column4 {
}

/*最後のカラム*/
.column-end {
	margin-right: 0;
}


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

	画像

************************************************************/
@media only screen and (max-width: 767px) {
	img {
	width: 100%;
	height: auto;
	vertical-align: bottom;
}
}
@media print, screen and (min-width: 768px) {

}

/*回り込み*/
@media only screen and (max-width: 767px) {
	.float-pc {
		margin-bottom: 10px;
	}
	.float-pc img {
		margin-bottom: 10px;
	}
}
@media print, screen and (min-width: 768px) {
	.float-pc {
		float: left;
		margin-right: 10px;
		margin-bottom: 10px;
	}
}


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

	横幅

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

.width90 {
	width: 90%;
}
@media only screen and (max-width: 767px) {
	.width90-sp {
		width: 90%;
	}
}
@media print, screen and (min-width: 768px) {
	.width90-pc {
		width: 90%;
	}
}





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

	googlemap

************************************************************/
.ggmap {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}

.ggmap iframe,
.ggmap object,
.ggmap embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}



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

	カラーボックス

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

.box-yellow {
	background: #fffeec;
	padding: 20px 20px 1px;
	margin: 0 0 1em;
}
@media only screen and (max-width: 767px) {
	.box-yellow {
		padding: 12px 12px 1px;
	}
}




@media only screen and (max-width: 767px) {
	/*スマホ（ipad含まない）*/
}
@media print, screen and (min-width: 768px) {
	/*PC（ipad含む）*/
}