@charset "UTF-8";

/* ===================================================================
	トップのcss
=================================================================== */
/* トップ検索エリア
------------------------------------------------------------------- */
.top_search {
	padding: 60px 0 20px;
	background: var(--bs-dorapita);
}

.site_no1_top {
	width: var(--def-width);
	max-width: var(--def-max-width);
	margin: 0 auto;
	padding: 0;
}
.site_no1_title {
	margin-bottom: 30px;
	font-size: 2rem;
	font-weight: 500;
	text-align: center;
	color: var(--bs-white);
	filter: drop-shadow(0px 0px 3px rgba(0,0,0,0.7));
}
.site_no1_title span {
	position: relative;
	display: inline-block;
	padding: 0 45px;
}
.site_no1_title span:before,
.site_no1_title span:after {
	content: '';
	position: absolute;
	top: 50%;
	display: inline-block;
	width: 1.5em;
	height: 2px;
	background-color: var(--bs-white);
}
.site_no1_title span:before {
	left:0;
	-webkit-transform: rotate(60deg);
	transform: rotate(60deg);
}
.site_no1_title span:after {
	right: 0;
	-webkit-transform: rotate(-60deg);
	transform: rotate(-60deg);
}

.keisaisu_box {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	margin-bottom: 30px;
}
.keisaisu {
	margin: 0 20px;
	font-size: 1.4rem;
	font-weight: 500;
	color: var(--bs-white);
	text-align: center;
}
.keisaisu .keisaisu_num {
	margin-left: 0.3em;
	font-size: 180%;
	font-weight: 700;
	color: #ffc824;
}

.top_search_box {
	width: var(--def-width);
/*	max-width: 1010px;*/
	max-width: 600px;
	margin: 40px auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
}
.top_search_box {
	display: flex;
}
/*
.top_search_area,
.top_search_syokusyu,
.top_search_keyword,
.top_search_btn {
	width: 24%;
}*/
.top_search_area,
.top_search_keyword {
	width: calc((98% - 5em) / 2);
}
.top_search_btn {
	width: 5em;
}
.top_search_box .form_control {
	border: none;
}
.top_search_box .input_group_text {
	border: none;
	background: var(--bs-primary-dark);
	color: var(--bs-white);
	filter: drop-shadow(0px 2px 3px rgba(0,0,0,0.15));
}

.top_search_box .form_select {
	padding: 0.375rem 3.25rem 0.375rem 0.75rem;
	height: 2.25rem;
/*	line-height: 2.25rem;*/
	border: none;
	filter: drop-shadow(0px 2px 3px rgba(0,0,0,0.15));
}
.top_search_area,
.top_search_syokusyu {
	position: relative;
}
/*
.top_search_area::after,
.top_search_syokusyu::after {
	font-family: 'Material Icons';
	content: "expand_more";
	font-size: 24px;
	display: block;
	width: 2.5rem;
	height: 2.25rem;
	line-height: 2.25rem;
	text-align: center;
	background: var(--bs-primary-dark);
	color: var(--bs-white);
	z-index: 100;
	position: absolute;
	right: 0;
	top: 0;
	border-radius: 0 0.25rem 0.25rem 0;
	pointer-events: none;
}*/
.top_search_area .icon,
.top_search_syokusyu .icon {
	width: 2.5rem;
	height: 2.25rem;
	line-height: 2.25rem;
	text-align: center;
	background: var(--bs-primary-dark);
	color: var(--bs-white);
	z-index: 100;
	position: absolute;
	right: 0;
	top: 0;
	border-radius: 0 0.25rem 0.25rem 0;
	pointer-events: none;
}
.top_search_area .icon::after,
.top_search_syokusyu .icon::after {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: 12.5px;
	height: 12.5px;
	background-image: url(../../img/front/new_dorapita/icon_arrow.svg);
	background-repeat: no-repeat;
	background-size: 50px auto;
	background-position: 0 0;
}


.top_search_btn .btn {
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	filter: drop-shadow(0px 2px 3px rgba(0,0,0,0.15));
}
.top_search_btn .btn_primary {
	background: var(--bs-primary-dark);
}
.top_search_btn .btn_primary::before {
	content: "";
	display: inline-block;
	width: 20px;
	height: 20px;
	margin-right: .2em;
	background-image: url(../../img/front/new_dorapita/icon.svg);
	background-repeat: no-repeat;
	background-size: 200px auto;
	background-position: 0 0;
}

.site_no1_btm {
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
}
.site_no1_3kan {
	width: 600px;
	order: 2;
	flex-shrink: 0;
	flex-grow: 0;
	display: none;
}
.no1_bk_01 {
	order: 1;
/*	flex-shrink: 1;
	flex-grow: 1;*/
}
.no1_bk_02 {
	order: 3;
/*	flex-shrink: 1;
	flex-grow: 1;*/
}
.no1_notice {
	margin-top: 20px;
	font-size: .8rem;
	text-align: center;
	color: var(--bs-white);
}
.no1_bk_sp {
	display: none;
}


/* 掲載企業
------------------------------------------------------------------- */
.top_listed_companies {
	width: var(--def-width);
	max-width: var(--def-max-width);
	margin: 0 auto;
	padding: 80px 0;
}
.top_listed_companies_list {
	display: flex;
	flex-wrap: wrap;
/*	justify-content: space-between;*/
	justify-content: center;
	align-items: center;
	margin-bottom: 20px;
}
.top_listed_companies_list li {
	width: 18%;
	margin:0 auto 20px;
	margin-bottom: 20px;
}

.top_listed_companies_btn {
	text-align: center;
/*	display: flex;
	justify-content: center;*/
}
a.btn_companies {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-shrink: 0;
	flex-grow: 0;
	width: 15em;
	margin: 0 auto;
	padding: 0 .8em 0 .5em;
	background: var(--bs-dorapita);
	color: var(--bs-white);
	font-size: .9rem;
	font-weight: 700;
	line-height: 2.2em;
	border-radius: 1.1em;
}
a.btn_companies::after {
	content: "";
	display: block;
	width: 10px;
	height: 10px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: .8em;
	background-image: url('../../img/front/new_dorapita/icon_arrow.svg');
	background-repeat: no-repeat;
	background-size: 40px auto;
	background-position: -30px 0px;
}
/*
.top_listed_companies_btn a {
	display: flex;
	justify-content: center;
	align-items: center;
	width: auto;
	margin: 0 auto;
	padding: 0.3em 10px 0.3em 30px;
	color: var(--bs-white);
	background: var(--bs-dorapita);
	border-radius: 2em;
	font-size: .9rem;
	font-weight: 700;
}
.top_listed_companies_btn a span {
	margin-left: 10px;
}*/





/* もっと見る */
a.title_more_link {
	position: relative;
	width: 140px;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-shrink: 0;
	flex-grow: 0;
	padding: 0 15px;
	border: 1px solid var(--bs-dorapita);
	background: var(--bs-white);
	color: var(--bs-dorapita);
	font-size: .9rem;
	font-weight: 700;
	line-height: 1.8em;
	border-radius: .9em;
}
a.title_more_link::after {
	content: "";
	display: block;
	width: 10px;
	height: 10px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: .4em;
	background-image: url('../../img/front/new_dorapita/icon_arrow.svg');
	background-repeat: no-repeat;
	background-size: 40px auto;
	background-position: -30px -10px;
}
.top_more_link_sp {
	display: none;
}


/* こだわり条件から探すボタン */
.btn_kodawari {
	display: flex;
	justify-content: center;
	align-items: center;
	max-width: var(--def-max-width);
	width: var(--def-width);
	margin: 0 auto;
}
a.btn_link_kodawari {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	max-width: 730px;
	width: 90%;
	background: var(--bs-primary);
	color: var(--bs-white);
	height: 4em;
	padding: 0 3em;
	border-radius: 2em;
}

a.btn_link_kodawari .icon_round {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 1em;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background: var(--bs-white);
}
a.btn_link_kodawari .icon_round::after {
	content: "";
	display: block;
	width: 12.5px;
	height: 12.5px;
	background-image: url(../../img/front/new_dorapita/icon_arrow.svg);
	background-repeat: no-repeat;
	background-size: 50px auto;
	background-position: -37.5px -25px;
}
.btn_link_kodawari_txt {
	flex-shrink: 1;
	flex-grow: 1;
	text-align: center;
}
.btn_link_kodawari_main {
	display: block;
	margin-bottom: 8px;
	font-size: 1.4rem;
	font-weight: 700;
}
.btn_link_kodawari_sub {
	display: block;
	font-size: .9rem;
}





/* 新着求人
------------------------------------------------------------------- */
.top_job {
	padding: 80px 0;
	background: #f5f6f6 url(../../img/front/new_dorapita/bk_graphcheck.png) repeat top center ;
}
.top_new_job,
.top_popular_job {
	width: var(--def-width);
	max-width: var(--def-max-width);
	margin: 0 auto 60px;
	padding: 0;
}


.top_job_list {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.top_job_list > li {
	width: 32.2%;
	margin-bottom: 1.7%;
	border-radius: 10px;
	background: var(--bs-white);
	filter: drop-shadow(0px 3px 3px rgba(0,0,0,0.2));
}
.top_job_list > li a {
	display: block;
	padding: 20px;
}
.top_job_list li .company_name {
	color: var(--bs-dorapita);
	font-size: .85rem;
}
.top_job_list_title {
	margin: 5px 0;
	font-weight: 700;
}
.top_job_list li .job_btm {
	
}
.top_job_subinfo {
	display: flex;
	align-items: center;
	margin-bottom: 3px;
	font-size: .8rem;
	color: var(--bs-gray);
}
.top_job_subinfo:last-child {
	margin-bottom: 0;
}
.top_job_subinfo .material-icons-outlined {
	margin-right: .2em;
	color: var(--bs-dorapita);
	font-size: 20px;
}

.icon_job_subinfo {
	position: relative;
	padding-left: 20px;
}

.icon_job_subinfo::before {
	content: '';
	display: block;
	position: absolute;
	width: 15px;
	height: 15px;
	top: .3em;
	left: 0;
	background-image: url(../../img/front/new_dorapita/icon_job.svg);
	background-repeat: no-repeat;
	background-size: 100px auto;
}

.icon_job_subinfo_green::before {
	content: '';
	display: block;
	position: absolute;
	width: 16px;
	height: 16px;
	background-image: url(../../img/front/new_dorapita/icon_job_green.svg);
	background-repeat: no-repeat;
	background-size: 100px auto;
}

.icon_map_pin::before {
	background-position: 0 0;
}
.icon_truck::before {
	background-position: -15px 0;
}
.icon_yen::before {
	background-position: -30px 0;
}
.icon_badge::before {
	background-position: -45px 0;
}

.icon_briefcase_circle::before {
	background-position: 0 -20px;
}
.icon_yen_circle::before {
	background-position: -20px -20px;
}
.icon_location_circle::before {
	background-position: -40px -20px;
}

.icon_briefcase_circle_green::before {
	background-position: 0 -20px;
}
.icon_yen_circle_green::before {
	background-position: -20px -20px;
}
.icon_location_circle_green::before {
	background-position: -40px -20px;
}




/* 人気の求人
------------------------------------------------------------------- */

.top_job_btm {
	display: flex;
	justify-content: space-between;
	margin-top: 15px;
}
.top_job_img {
	width: 37%;
}
.top_job_img img {
	border-radius: 10px;
}
.top_job_detail {
	width: 59%;
}
.top_job_top .top_job_detail,
.top_job_btm .company_name {
	display: none;
}




/* 車種から探す
------------------------------------------------------------------- */
.top_vehicle_type {
	padding: 60px 0;
}
.top_vehicle_type_inner {
	width: var(--def-width);
	max-width: var(--def-max-width);
	margin: 0 auto 60px;
}

.top_vehicle_type_list {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.top_vehicle_type_list li {
	width: 20%;
	margin-bottom: 10px;
}
.top_vehicle_type_list li a {
	display: block;
	padding: 10px;
	text-align: center;
}
.top_vehicle_type_icon {
	margin-bottom: 10px;
}
.top_vehicle_type_icon img {
	max-width: 130px;
	width: 100%;
}
.top_vehicle_type_name {
	font-weight: 700;
}



/* 検索ランキング
------------------------------------------------------------------- */
.top_ranking {
	padding: 60px 0;
	background: url(../../img/front/new_dorapita/bk_ranking.png) no-repeat center top;
	background-size: cover;
}
.top_ranking .top_title_02 {
	color: var(--bs-white);
}
.top_ranking_box {
	display: flex;
	justify-content: space-between;
	width: var(--def-width);
	max-width: var(--def-max-width);
	margin: 0 auto;
}
.top_ranking_type,
.top_ranking_item,
.top_ranking_keyword {
	padding: 20px;
	background: var(--bs-white);
	border-radius: 10px;
}
.top_ranking_type,
.top_ranking_item {
	width: 23%;
}
.top_ranking_type {
	width: 48%;
}
.top_ranking_keyword {
	width: 50%;
}
.top_ranking_title {
	margin-bottom: 20px;
	padding: 0 0 10px;
	border-bottom: 2px solid var(--bs-dorapita);
	font-size: 1.1rem;
	font-weight: 700;
}

.rank_list {
	
}

.rank_list {
	counter-reset:num;
}
.rank_list li {
	margin-bottom: 10px;
	padding-left: 40px;
	position: relative;
}
.rank_list li:before {
	display:inline-block;
	width: 1.6em;
	height: 1.6em;
	line-height: 1.6em;
	counter-increment: num;
	content: counter(num);
	background: #6b6b6b;
	color: var(--bs-white);
	font-weight: 700;
	border-radius: 50%;
	position: absolute;
	left: 0;
	text-align: center;
/*	top: 10px;*/
}
.rank_list li:nth-child(1):before {
	background: #d4c328;
}
.rank_list li:nth-child(2):before {
	background: #a6a6a6;
}
.rank_list li:nth-child(3):before {
	background: #c2924a;
}

.ranking_keyword_list {}
a.keyword_tag {
	display: inline-block;
	height: 1.8em;
	margin: 0 .5em .9em 0;
	padding: 0 1em;
	line-height: 1.6em;
	border-radius: .9em;
	border: 1px solid var(--bs-dorapita);
	color: var(--bs-dorapita);
	font-size: .9rem;
	vertical-align: middle;
}

/* エリアから探す
------------------------------------------------------------------- */
.top_area_search {
	padding: 60px 0;
	
	 display: flex;
	flex-direction: column;
/*	align-items: center;*/
	justify-content: center;
	
}
.top_area_search .top_title_02 img {
	width: 20px;
}

.top_area_search_box {
	max-width: var(--def-width);
	margin: 0 auto 40px;
}
.top_area_box {
	display: flex;
	align-items: flex-start;
	margin-bottom: 20px;
}
.top_area_box .area_name {
	width: 11em;
	margin-right: 20px;
	background: linear-gradient(-45deg,#369599 0%,#369599 50%,#00797e 50%,#00797e 100%);
	color: var(--bs-white);
	line-height: 2em;
	font-size: 1rem;
	font-weight: 700;
	text-align: center;
	border-radius: 1em;
	flex-shrink: 0;
	flex-grow: 0;
}
.top_pref_list {
	display: flex;
	flex-wrap: wrap;
	flex-shrink: 1;
	flex-grow: 1;
}
.top_pref_list li {
	margin: .3em 0;
	padding: 0 1.5em;
	line-height: 1em;
	border-right: 1px solid var(--bs-gray-light);
}
.top_pref_list li:last-child {
	border-right: none;
}


/* ドライバーの種類
------------------------------------------------------------------- */
.top_driver_type {
	padding: 60px 0;
	background: #f5f6f6 url(../../img/front/new_dorapita/bk_graphcheck.png) repeat top center ;
}
.top_driver_type .top_title_02 img {
	width: 30px;
}
.top_driver_type_list {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: var(--def-width);
	max-width: var(--def-max-width);
	margin: 0 auto;
}
.top_driver_type_box {
	display: flex;
	width: 49%;
	margin-bottom: 2%;
	padding: 20px;
	background: var(--bs-white);
	filter: drop-shadow(0px 2px 3px rgba(0,0,0,0.15));
	border-radius: 10px;
}
.top_driver_type_box .driver_type_img {
	width: 40%;
	margin-right: 25px;
	flex-shrink: 0;
	flex-grow: 0;
}
.top_driver_type_box .driver_type_img img {
	border-radius: 10px;
}
.top_driver_type_box .driver_type_title {
	margin-bottom: 15px;
	font-size: 1.3rem;
	font-weight: 700;
	color: var(--bs-dorapita);
}
.top_driver_type_box .driver_type_txt {
	margin-bottom: 15px;
}

a.btn_more_mini {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-shrink: 0;
	flex-grow: 0;
	width: 9em;
	margin: 0 0 0 auto;
	padding: 0 .8em 0 .5em;
	border: 1px solid var(--bs-dorapita);
	background: var(--bs-white);
	color: var(--bs-dorapita);
	font-size: .9rem;
	font-weight: 700;
	line-height: 1.8em;
	border-radius: .9em;
}
a.btn_more_mini::after {
	content: "";
	display: block;
	width: 10px;
	height: 10px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: .4em;
	background-image: url('../../img/front/new_dorapita/icon_arrow.svg');
	background-repeat: no-repeat;
	background-size: 40px auto;
	background-position: -30px -10px;
}


/* XX-Large devices (larger desktops, 1400px and up) */
@media (max-width: 1400px) {
	
}


/* X-Large devices (large desktops, 1200px and up) */
@media (max-width: 1200px) {
	.top_popular_job .top_job_list > li {
		width: 49%;
		margin: 0 .5% 1%;
	}
}

/* Large devices (desktops, 992px and up) */
@media (max-width: 992px) {
	.site_no1_btm {
		flex-wrap: wrap;
	}
	.site_no1_3kan {
		width: var(--def-width);
		margin: 0 auto;
		order:1;
	}
	.no1_bk_01,
	.no1_bk_02 {
		display: none;
	}
	.no1_bk_sp {
		display: block;
		margin: 0 20px;
		text-align: center;
		order: 2;
	}
	
	.top_ranking_box {
		flex-wrap: wrap;
	}
	.top_ranking_type,
	.top_ranking_item {
		width: 49%;
		margin-bottom: 2%;
	}
	.top_ranking_keyword {
		width: 100%;
	}
}


/* Medium devices (tablets, 768px and up) */
@media (max-width: 768px) {
	.top_search {
		padding: 40px 0 20px;
	}
	
	.top_listed_companies,
	.top_job {
		padding: 60px 0;
	}
	
	
	.top_listed_companies_list {
		justify-content: center;
	}
	.top_listed_companies_list li {
		width: 24%;
		margin: 0 .5% 20px;
	}
	
	.top_new_job .top_job_list {
		padding: 10px 0;
		border-radius: 10px;
		background: var(--bs-white);
		filter: drop-shadow(0px 3px 3px rgba(0,0,0,0.2));
	}
	.top_new_job .top_job_list > li {
		width: 100%;
		margin: 0;
		background: none;
		border-radius: 0;
		filter: none;
	}
	.top_new_job .top_job_list > li a {
		padding: 10px 20px;
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	.top_new_job .top_job_list li .company_name {
		order: 1;
	}
	.top_new_job .top_job_list li .top_job_list_title {
		order: 3;
	}
	.top_new_job .top_job_list li .top_job_subinfo {
		order: 1;
	}
	
	
	.top_popular_job .top_job_list > li {
		width: 100%;
		margin: 0 0 10px;
	}
	.top_popular_job .top_job_list li a {
		display: flex;
		justify-content: space-between;
	}
	.top_job_top {
		width: 55%;
	}
	.top_job_btm {
		width: 40%;
		margin: 0;
		display: block;
	}
	.top_job_top .company_name,
	.top_job_btm .top_job_detail {
		display: none;
	}
	.top_job_top .top_job_detail {
		display: block;
		width: 100%;
	}
	.top_job_top .top_job_area {
		font-size: .9rem;
		margin: 5px 0;
	}
	.top_job_jobtype {
		display: inline-block;
		padding: .3em .6em;
		background: var(--bs-dorapita);
		color: var(--bs-white);
		font-size: .8rem;
	}
	.top_job_img {
		width: 100%;
		margin-bottom: 5px;
	}
	.top_job_btm .company_name {
		display: block;
		text-align: right;
	}
	
	.top_vehicle_type_inner {
		margin-bottom: 0;
	}
	.top_vehicle_type_list li {
		width: 30%;
	}
	
	.top_area_box {
		margin-bottom: 30px;
	}
	.top_area_box .area_name {
		margin: 0 auto 10px;
	}
	
	
	.top_area_box {
		display: block;
	}
	
	

	.top_publish {
	}
	.top_driver_type_box {
		width: 100%;
	}
	
	.top_publish_inner {
		padding: 50px 0;
	}
	.top_publish_title {
		margin-right: 0;
	}
	.top_publish_txt {
		margin-right: 0;
	}
	.top_publish_img {
/*		display: none;*/
		width: 90%;
		top: 45%;
		background-size: auto;
	}
	.btn_contact_publish {
		margin: 45% auto 0;
	}

	.top_title_wrap {
		margin-bottom: 30px;
	}
	.top_title_01 {
		margin-left: 0;
	}
	.top_title_wrap a.title_more_link {
		display: none;
	}
	.top_more_link_sp {
		display: block;
		margin: 20px auto 0;
		text-align: center;
	}
	.top_more_link_sp a.title_more_link {
		margin: 0 auto;
	}
	
	
	.btn_link_kodawari_main {
		margin-bottom: 0;
	}
	.btn_link_kodawari_sub {
		display: none;
	}
}



/* Small devices (landscape phones, 576px and up) */
@media (max-width: 576px) {
	
	.site_no1_title {
		font-size: 1.6rem;
		line-height: 1.2;
	}
	
	.top_search_box {
		
	}
	.top_search_area {
		width: 100%;
		margin-bottom: 10px;
	}
	.top_search_keyword {
		width: calc(98% - 7em);
	}
	.top_search_keyword > div {
		width: 100%;
	}
	
	
	
	
	
	.top_listed_companies_list li {
		width: 30%;
		margin: 0 .5% 10px
	}
	
	.top_vehicle_type_list li {
		width: 50%;
	}
	
	.top_ranking_type,
	.top_ranking_item {
		width: 100%;
	}
	
	.top_driver_type_box {
		padding: 10px;
	}
	.top_driver_type_box .driver_type_img {
		margin-right: 15px;
	}
	.top_driver_type_box .driver_type_title{
		margin: 10px 0;
	}
	.top_driver_type_box .driver_type_txt {
		font-size: .85rem;
	}
	
	
	a.btn_link_kodawari {
		height: 2.6em;
		padding: 0 2em 0 1em;
		font-size: 1.1rem;
		font-weight: 700;
		border-radius: 1.3em;
	}
	a.btn_link_kodawari .icon_round {
		right: 1em;
		width: 20px;
		height: 20px;
	}
	a.btn_link_kodawari .icon_round::after {
		width: 10px;
		height: 10px;
		background-image: url('../../img/front/new_dorapita/icon_arrow.svg');
		background-repeat: no-repeat;
		background-size: 40px auto;
		background-position: -30px -20px;
	}
	
	.btn_link_kodawari_main {
		font-size: 1.2rem;
	}
}


@media (max-width: 479px) {
	.top_driver_type_box {
		display: block;
		}
	.top_driver_type_box .driver_type_img {
		margin: 0 0 20px;
		width: 100%;
	}
	.top_driver_type_box .driver_type_img img {
		width: 100%;
		max-width: inherit;
	}
}