/* 下層サブメニュー */

/* メインビジュアル */
#MainImgWrapper {
	position:relative;
	z-index:1;
}

#MainImg {
	height: 40vw;
	max-height:450px;
	min-height:300px;
	/* transition: all 1s ease; */
}

#MainImg img {
	position:relative;
	width:100%;
}

/* ページタイトル */
#PageTitleBox {
	max-width:1215px;
	width: 100%;
	margin:auto;
	position:relative;
	z-index:10;
	top:-68px;
	margin-bottom:-88px;
	padding-left:40px;
}

#PageTitleBox .in {
	min-width: 200px;
}

#PageTitleBox h3 {
	background:#FFF;
	line-height:1.2;
	font-size:2em;
	color:#00A0E2;
	padding:15px;
	letter-spacing:0.05em;
	display:block;
}

#PageTitleBox span {
	display: inline-block;
}

#PageTitleBox .en_title {
	background:#00A0E2;
	color:#FFF;
	font-size:0.7em;
	letter-spacing:0.1em;
	display:block;
	padding:15px;
}

/* パンくずリスト */
#PageNavi {
	max-width:1200px;
	margin:auto;
	position:relative;
	text-align:right;
	font-size:0.7em;
	padding-bottom:20px;
	padding-right:20px;
	position:relative;
	z-index:20;
}

#PageNavi a {
	color:#00A0E2;
}

#PageNavi a:hover {
	text-decoration:none;
}

#PageNavi i {
	padding-left:5px;
	padding-right:5px;
}

#PageNavi strong {
	font-weight:400;
}

/* 一覧用ボックス */
.ContBox.-flex {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.ContTopBox {
	width:31%;
	margin-right:3.5%;
	padding-bottom:30px;
	float:left;
	border-top:1px solid #CCC;
	padding-top:15px;
}

.ContBox.-flex .ContTopBox {
	margin: 0;
	float: none;
}

.ContTopBox a {
	text-decoration:none;
}

.ContTopBox a:hover {
	opacity:0.7;
}

.ContTopBox img {
	width:100%;
	display:block;
	padding-bottom:15px;
}

.ContTopBox h4 {
	font-weight:400;
	color:#00A0E2;
	line-height:1.5;
	padding-bottom:10px;
	font-size:1.3em;
}

.ContTopBox h5 {
	font-weight:400;
	line-height:1.5;
	padding-bottom:10px;
	font-size:1.2em;
}

.ContTopBox i {
	padding-right:5px;
	opacity:0.5;
}

.ContTopBox p {
	color:#222;
	line-height:1.6;
	font-size:0.8em;
}

/*========================================
ページごとの背景
========================================*/
/* 会社概要トップ */
#CompanyBG {
	background:url(../img/company_mainimg.jpg) no-repeat center center;
	background-size:cover;
	width:100%;
	height:100%;
	clear:both;
	overflow:hidden;
	position:relative;
}

/* ハートタクシーについて */
#AboutBG {
	background:url(../img/about_mainimg.jpg) no-repeat center center;
	background-size:cover;
	width:100%;
	height:100%;
	clear:both;
	overflow:hidden;
	position:relative;
}

/* 会社概要 */
#ProfileBG {
	background:url(../img/profile_mainimg.jpg) no-repeat center center;
	background-size:cover;
	width:100%;
	height:100%;
	clear:both;
	overflow:hidden;
	position:relative;
}

/* 営業所一覧 */
#ListBG {
	background:url(../img/list_mainimg.jpg) no-repeat center center;
	background-size:cover;
	width:100%;
	height:100%;
	clear:both;
	overflow:hidden;
	position:relative;
}

/* その他の業態 */
#OtherBG {
	background:url(../img/other_mainimg.jpg) no-repeat center center;
	background-size:cover;
	width:100%;
	height:100%;
	clear:both;
	overflow:hidden;
	position:relative;
}

/* 自動車整備事業 */
#SeibiBG {
	background:url(../img/seibi_mainimg.jpg) no-repeat center center;
	background-size:cover;
	width:100%;
	height:100%;
	clear:both;
	overflow:hidden;
	position:relative;
}

/* サービス概要 */
#ServiceBG {
	background:url(../img/service_mainimg.jpg) no-repeat center center;
	background-size:cover;
	width:100%;
	height:100%;
	clear:both;
	overflow:hidden;
	position:relative;
}

/* タクシー料金について */
#TaxifeeBG {
	background:url(../img/taxifee_mainimg.jpg) no-repeat center center;
	background-size:cover;
	width:100%;
	height:100%;
	clear:both;
	overflow:hidden;
	position:relative;
}

/* 定額運賃について */
#FlatrateBG {
	background:url(../img/flatrate_mainimg.jpg) no-repeat center center;
	background-size:cover;
	width:100%;
	height:100%;
	clear:both;
	overflow:hidden;
	position:relative;
}

/* 観光タクシーについて */
#SightseeingBG {
	background:url(../img/sightseeing_mainimg.jpg) no-repeat center center;
	background-size:cover;
	width:100%;
	height:100%;
	clear:both;
	overflow:hidden;
	position:relative;
}

/* 車両について */
#CarBG {
	background:url(../img/car_mainimg.jpg) no-repeat center center;
	background-size:cover;
	width:100%;
	height:100%;
	clear:both;
	overflow:hidden;
	position:relative;
}

/* ドライバーについて */
#DriverBG {
	background:url(../img/driver_mainimg.jpg) no-repeat center center;
	background-size:cover;
	width:100%;
	height:100%;
	clear:both;
	overflow:hidden;
	position:relative;
}

/* 全自動配車について */
#InterractivevoiceBG {
	background:url(../img/interractivevoice_mainimg.jpg) no-repeat center center;
	background-size:cover;
	width:100%;
	height:100%;
	clear:both;
	overflow:hidden;
	position:relative;
}

/* お知らせ */
#NewsBG {
	background:url(../img/news_mainimg.jpg) no-repeat center center;
	background-size:cover;
	width:100%;
	height:100%;
	clear:both;
	overflow:hidden;
	position:relative;
}

/* お問い合わせ */
#ContactBG {
	background:url(../img/contact_mainimg.jpg) no-repeat center center;
	background-size:cover;
	width:100%;
	height:100%;
	clear:both;
	overflow:hidden;
	position:relative;
}

/* 採用情報 */
#RecruitBG {
	background:url(../img/recruit_mainimg.jpg) no-repeat center center;
	background-size:cover;
	width:100%;
	height:100%;
	clear:both;
	overflow:hidden;
	position:relative;
}

/* ガソリンスタンド */
#gsBG {
	background:url(../img/gs_mainimg.jpg) no-repeat center center;
	background-size:cover;
	width:100%;
	height:100%;
	clear:both;
	overflow:hidden;
	position:relative;
}

/* パーキング */
#parkingBG {
	background:url(../img/parking_mainimg.jpg) no-repeat center center;
	background-size:cover;
	width:100%;
	height:100%;
	clear:both;
	overflow:hidden;
	position:relative;
}

/* 産業廃棄物 */
#SanpaiBG {
	background:url(../img/sanpai_mainimg.jpg) no-repeat center center;
	background-size:cover;
	width:100%;
	height:100%;
	clear:both;
	overflow:hidden;
	position:relative;
}

/* よくある質問 */
#FaqBG {
	background:url(../img/faq_mainimg.jpg) no-repeat center center;
	background-size:cover;
	width:100%;
	height:100%;
	clear:both;
	overflow:hidden;
	position:relative;
}

/* プライバシーポリシー */
#PrivacyBG {
	background:url(../img/privacy_mainimg.jpg) no-repeat center center;
	background-size:cover;
	width:100%;
	height:100%;
	clear:both;
	overflow:hidden;
	position:relative;
}

/* 優先配車サービス */
#PriorityBG {
	background:url(../img/priority_mainimg.jpg) no-repeat center center;
	background-size:cover;
	width:100%;
	height:100%;
	clear:both;
	overflow:hidden;
	position:relative;
}

/* お問い合わせフォーム */
#FormBG {
	background:url(../img/form_mainimg.jpg) no-repeat center center;
	background-size:cover;
	width:100%;
	height:100%;
	clear:both;
	overflow:hidden;
	position:relative;
}

/* ライドシェアドライバー採用 */
#rideshare {
	background:url(../img/rideshare_mainimg.jpg) no-repeat center center;
	background-size:cover;
	width:100%;
	height:100%;
	clear:both;
	overflow:hidden;
	position:relative;
}

/* カミングスーン表示 */
.coming_soon_wrap {
	padding-top: 100px;
	padding-bottom: 200px;
	text-align: center;
}

.coming_soon_wrap .en_txt {
	font-size: 1.4em;
	color: #00A0E2;
	padding-bottom: 20px;
}

.coming_soon_wrap .txt {
	font-size: 0.85em;
}