@charset "utf-8";

/* ===================================================================

	トップ top

=================================================================== */


/* ===================================================================
	fv ファーストビュー
=================================================================== */
.fv {
	position: relative;
/*	padding-top: 1px;*/
}
/*
.fv::after {
	content: "";
	position: absolute;
	top: 0;
	width: 77%;
	height: 80%;
	border-radius: 0 0 50px 0;
	background: var(--bs-primary);
	z-index: -1;
	overflow: hidden;
}*/

.fv_img {
	width: 100%;
	height: 80vh;
	margin: 49px 0 0 ;
	padding: 0;
/*	border-radius: 0 0 0 80px;*/
	overflow: hidden;
/*	background: var(--bs-primary-light-02);*/
}
.fv_img img {
	width: 100%;
	height: 100%;
/*	border-radius: 0 0 0 70px;*/
	object-fit: cover;
}

.fv_inner {
/*	max-width: 610px;*/
/*	width: 94%;*/
	width: 60%;
	max-width: 600px;
	display: flex;
	flex-direction: column;
	justify-content: center;
/*	width: var(--def-width);*/
	height: auto;
	position: absolute;
	top: 120px;
	top: calc(50% + 50px );
	left: 2%;
	transform: translateY(-50%);
}

.fv_copy {
	max-width: 500px;
	margin-bottom: 60px;
}
.fv_copy svg {
	width: 100%;
	height: auto;
}

/*.fv_copy svg path {
	fill: #fff;
}*/

/*  検索ボックス ------------- */
.fv_search_area {
	
}
.fv_search_area {
	padding: 30px;
	background: var(--bs-white);
	border-radius: 40px;
	filter: var(--filter-box-shadow);
}
.fv_search_area h2 {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 20px;
	font-family: var(--maru-font-family);
	font-size: var(--font-size--md);
	font-weight: 700;
}
.fv_search_area h3 img {
	margin-right: 10px;
}

.search_form {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.search_form_pref,
.search_form_job {
	width: calc(50% - 5px);
	margin-bottom: 10px;
}
.search_form_pref .form_select {
	padding-left: 40px;
	background-color: var(--bs-white);
	background-image: url(../img/arrow_select.svg) , url(../img/icon_map.svg);
	background-repeat: no-repeat, no-repeat;
	background-position: right 0.75em center, left 0.75em center;
	background-size: auto .5em , 22px 22px;
}
.search_form_job .form_select {
	padding-left: 43px;
	background-color: var(--bs-white);
	background-image: url(../img/arrow_select.svg) , url(../img/icon_job.svg);
	background-repeat: no-repeat, no-repeat;
	background-position: right 0.75em center, left 0.75em center;
	background-size: auto .5em , 25px 22px;
}
.search_form_keyword {
	width: 70%;
	margin-right: 10px;
	flex-shrink: 1;
	flex-grow: 1;
}

/* 検索ボタン */
.btn_fv_search {
	display: flex;
	justify-content: center;
	align-items: center;
	max-width: 120px;
	width: 30%;
	border-radius: 40px;
	background: var(--bs-primary);
	color: #fff;
	border: none;
	cursor: pointer;
	text-align: center;
	font-size: calc(var(--font-size--bs) * 1.1);
	font-weight: 700;
	transition: all .3s;
}
.btn_fv_search:hover {
	background: var(--bs-primary-light);
}
.btn_fv_search img {
	margin-right: 10px;
}

.search_popular_area {
	display: flex;
	margin-top: 20px;
	font-size: var(--font-size--bs);
}
.search_popular_area dt {
	flex-grow: 0;
	flex-shrink: 0;
	margin-right: 10px;
	font-weight: 600;
}
.search_popular_area dd a {
	display: inline-block;
    height: 1.8em;
    margin: 0 0.5em 0.5em 0;
    padding: 0 1em;
    line-height: 1.6;
    border-radius: 0.9em;
    border: 1px solid var(--bs-gray-dark);
    vertical-align: middle;
}


/* ===================================================================
	kigyo
=================================================================== */
.listed_companies {
	max-width: var(--def-max-width);
	width: var(--def-width);
	margin:  100px auto 0;
}
.listed_companies_logo {
/*	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 10px 30px;*/
}
.listed_companies_item {
	margin: 0 20px;
}
.listed_companies_logo_img {
	display: flex;
	align-items: center;
	height: 100%;
}
.listed_companies_logo_img img {
	width: auto;
	height: 40px;
	object-fit: contain;
	margin: auto;
}



/* ===================================================================
	flow
=================================================================== */
.flow {
	background: var(--sub-bg-color);
/*	margin-top: var(--home-sec-top-margin);*/
	padding: var(--sec-padding);
/*	border-radius: var(--border-radius-bg);*/
}
.flow_inner {
	max-width: var(--def-max-width);
	width: var(--def-width);
	margin: 0 auto;
}
.flow_list {
	display: flex;
	justify-content: space-between;
	margin: 80px auto 60px;
}
.flow_list li {
	position: relative;
	width: 31%;
	background: var(--bs-white);
	border: 3px solid var(--main-txt-color);
	border-radius: var(--border-radius-bs);
}
.flow_step {
	position: absolute;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 6em;
	height: 40px;
	margin: 0 auto;
	top: -20px;
	left: 50%;
	transform: translateX(-50%);
	border-radius: 20px;
	background: var(--main-txt-color);
	font-family: var(--en-font-family);
	font-size: calc(var(--font-size--md) * 1.3);
	font-weight: 700;
	color: var(--bs-white);
	text-align: center;
}
.flow_img {
	border-radius: calc(var(--border-radius-bs) - 3px) calc(var(--border-radius-bs) - 3px) 0 0;
	overflow: hidden;
}
.flow_list_inner {
	padding: 20px 30px;
}
.flow_title {
	margin-bottom: 20px;
	font-family: var(--maru-font-family);
	font-size: var(--font-size--lg);
	font-weight: 700;
	color: var(--bs-primary);
	text-align: center;
}
.flow_txt {
}


/* ===================================================================
	feature
=================================================================== */
.feature {
/*	margin-top: var(--home-sec-top-margin);*/
	padding: var(--sec-padding);
/*	background: var(--bs-white);
	border-radius: var(--border-radius-bg);*/
}
.feature_inner {
	max-width: var(--def-max-width);
	width: var(--def-width);
	margin: 0 auto;
}
.feature_list {
}
.feature_list li {
	display: flex;
	overflow: hidden;
}
.feature_list li:first-child {
	border-radius: 50px 50px 0 0;
}
.feature_list li:last-child {
	border-radius: 0 0 50px 50px;
}
.feature_list li:nth-of-type(odd) {
	background: var(--bs-primary);
}
.feature_list li:nth-of-type(even) {
	background: var(--bs-secondary);
}
.faeture_img {
	width: 37%;
	max-width: 400px;
}
.faeture_img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.feature_list_txt {
	width: 63%;
	padding: 40px;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
}
.feature_num {
	display: inline-block;
	width: 9em;
	margin-bottom: 10px;
	padding: 0.4em 0;
	border-radius: 1.1em;
	background: var(--main-txt-color);
	font-family: var(--en-font-family);
	font-size: var(--font-size--md);
	font-weight: 700;
	color: var(--bs-white);
	text-align: center;
	line-height: 1;
}
.feature_num strong {
	font-size: 140%;
}
.feature_title {
	margin-bottom: 10px;
	font-family: var(--maru-font-family);
	font-weight: 700;
	font-size: var(--font-size--lg);
	color: var(--bs-white);
	letter-spacing: 1px;
}
.feature_title strong {
	font-size: 140%;
}
.feature_list_txt p {
	font-size: calc(var(--font-size--bs) * 1.1);
	color: var(--bs-white);
}



/* ===================================================================
	pick up
=================================================================== */
.pickup {
	margin-top: 100px;
	padding: var(--sec-padding);
	padding-top: 140px;
	border-radius: var(--border-radius-bg);
	position: relative;
}
.pickup_bk {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
}
.pickup_bk::before,
.pickup_bk::after {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
}
.pickup_bk::before {
	z-index: -1;
	background: var(--bs-primary);
	border-radius: 50% 50% 0 0 / 40% 40% 0 0;
}
.pickup_bk::after {
	z-index: -10;
	background: var(--bs-primary-light-02);
	border-radius: 50% 50% 0 0 /35% 35% 0 0;
}
.pickup_inner {
	max-width: var(--def-max-width);
	width: var(--def-width);
	margin: 0 auto;
}
.pickup .content_title {
	color: var(--bs-white);
}
.pickup .content_title span {

}

/* スライダー ------------- */

.slick-track {
	display: flex;
}
.slick-slide {
	height: auto !important;
}


.recruit_slider {
	margin: 0 auto 60px;
}
.recruit_slider_detail {
	height: 100%;
	margin: 0 10px;
}
.recruit_slider_detail > a {
	display: block;
	height: 100%;
	color: var(--main-txt-color);
	background:var(--bs-white);
	border-radius: var(--border-radius-bs);
}
.recruit_slider_detail > a:hover {
	background: var(--bs-primary-light-02);
}

.recruit_slider_thumb {
	border-radius: var(--border-radius-bs) var(--border-radius-bs) 0 0;
	overflow: hidden;
	position: relative;
	margin: 0 auto;
}
.recruit_slider_thumb::before {
	display: block;
	padding-top: 62%;
	content: "";
}
.recruit_slider_thumb img {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform .5s ease-out;
}
.recruit_slider_detail > a:hover .recruit_slider_thumb img {
	transform: scale(1.1);
}
.recruit_slider_inner {
	padding: 20px;
}
.recruit_slider_inner h4 {
	margin-bottom: 10px;
	font-family: var(--maru-font-family);
	font-weight: 700;
	font-size: var(--font-size--md);
}
.recruit_slider_inner .recruit_company {
	margin-bottom: 15px;
	color: var(--bs-gray-dark);
}
.recruit_slider_inner .recruit_address {
	margin-bottom: 10px;
}
.recruit_slider_info .recruit_offer {
	display: flex;
	align-items: center;
	margin-bottom: 10px;
}
.recruit_slider_info .recruit_offer dt {
	flex-grow: 0;
	flex-shrink: 0;
	width: 6em;
	margin-right: 10px;
	padding: .2em 0;
	color: var(--bs-primary);
	font-size: calc(var(--font-size--bs) * 0.9);
	font-weight: 700;
	text-align: center;
	border-radius: 19px;
	border: solid 1px var(--bs-primary);
}
.recruit_slider_info .recruit_offer dd {
	font-size: calc(var(--font-size--bs) * 0.9);
	font-weight: 500;
}

/* 矢印ボタン ------------- */
.recruit_slider .slick-arrow {
	width: 80px;
	height: 80px;
	border-radius: 40px;
	background-color: var(--bs-white);
	cursor: pointer;
	outline: none;
	top: 50%;
	z-index: 1;
}
.recruit_slider .slick-prev,
.recruit_slider .slick-next {
	transition: all .3s;
}
.recruit_slider .slick-prev {
	left: -30px;
}
.recruit_slider .slick-next {
	right: -30px;
}
.recruit_slider .slick-prev::before,
.recruit_slider .slick-next::before {
	display: none;
/*	content: '';
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	opacity: 1;*/
}
.recruit_slider .slick-prev::after,
.recruit_slider .slick-next::after {
	position: absolute;
	content: '';
	display: inline-block;
	top: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
	width: 80px;
	height: 80px;
/*	filter: var(--filter-box-shadow-03);*/
}
.recruit_slider .slick-prev::after {
	background: url(../img/slider_arrow_prev.svg)no-repeat center center;
	background-size: contain;
}
.recruit_slider .slick-next::after {
	background: url(../img/slider_arrow_next.svg)no-repeat center center;
	background-size: contain;
}

/* ===================================================================
	q&a
=================================================================== */

.qa {
	background: var(--sub-bg-color);
	margin-top: var(--home-sec-top-margin);
	padding: var(--sec-padding);
/*	border-radius: var(--border-radius-bg);*/
}
.qa_inner {
	max-width: var(--def-max-width);
	width: var(--def-width);
	margin: 0 auto;
}
.qa_list {
	margin-bottom: 60px;
}
.qa_list dl {
	margin-bottom: 30px;
	border-left: 3px solid var(--main-txt-color);
	border-right: 3px solid var(--main-txt-color);
	border-bottom: 3px solid var(--main-txt-color);
	border-radius: 50px;
	background: var(--bs-white);
}
.qa_list dl:last-of-type {
	margin-bottom: 0;
}
.qa_list dl dt {
	position: relative;
	display: flex;
	align-items: center;
	min-height: 100px;
	padding: 20px;
	border-radius: 50px;
	background: var(--bs-white);
	z-index: 1;
}
.qa_list dl dt:before {
	content: "";
	display: block;
	position: absolute;
	top: -3px;
	left: -3px;
	width: calc(100% + 6px);
	height: calc(100% + 6px);
	border: 3px solid var(--main-txt-color);
	border-radius: 60px;
	z-index: 1;
}
.qa_list dl dt .faq_title {
	position: relative;
	display: flex;
	align-items: center;
	font-size: var(--font-size--md);
	font-weight: 700;
	line-height: 1.4;
}
.qa_list dl dt .faq_icon_q {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-shrink: 0;
	flex-grow: 0;
	width: 60px;
	height: 60px;
	margin-right: 20px;
	border-radius: 50%;
	background: var(--bs-primary);
	color: var(--bs-white);
	text-align: center;
	font-size: var(--font-size--lg);
	font-family: var(--en-font-family);
	font-weight: 700;
}
.qa_list dl dd {
	position: relative;
	display: flex;
	padding: 20px;
	z-index: 1;
}
.qa_list dl dd .faq_icon_a {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-shrink: 0;
	flex-grow: 0;
	width: 60px;
	height: 60px;
	margin-right: 20px;
	border-radius: 50%;
	background: var(--bs-secondary);
	color: var(--bs-white);
	text-align: center;
	font-size: var(--font-size--lg);
	font-family: var(--en-font-family);
	font-weight: 700;
}
.faq_answer {
	margin-top: 15px;
}


/* ===================================================================
	news
=================================================================== */
.news {
/*	max-width: var(--def-max-width);
	width: var(--def-width);*/
/*	margin: -100px auto 0;*/
	padding: var(--sec-padding);
	position: relative;
	z-index: 10;
	background: var(--bs-primary);
}/*
.news::after {
	content: "";
	position: absolute;
	top: 0;
	width: 77%;
	height: 100%;
	border-radius: var(--border-radius-bg-single) 0 0 0 ;
	background: var(--bs-primary);
	z-index: -1;
	overflow: hidden;
}*/
.news_inner {
	max-width: var(--def-max-width);
	width: var(--def-width);
	margin: 0 auto;
/*	display: flex;*/
}
.news_left {
	width: 200px;
}
.news .content_title {
	color: var(--bs-white);
	text-align: left;
}
.news .btn_base {
	width: 100%;
}
.news_list {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 0;
	max-width: 800px;
	width: calc(100% - 300px);
	margin: 0 4% 0 auto;
	padding: 10px 40px 60px;
	border-radius: var(--border-radius-bs);
	background: var(--bs-white);
}
.news_list li {
	padding: 40px 0;
	border-bottom: solid 1px #DADCDC;
}
.news_list li:last-child {
	border: none;
}
.news_list li a {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	color: var(--main-txt-color);
	font-weight: 700;
	letter-spacing: 1px;
}
.news_list li a:hover {
	color: var(--bs-gray-dark);
}
.news_list li .news_date {
	font-weight: bold;
	font-family: var(--en-font-family);
	vertical-align: bottom;
	line-height: 1;
}
.news_list li .cate_info {
	display: inline-block;
	min-width: 8em;
	margin: 0 20px;
	padding: 0.3em 0.5em;
	border-radius: 1em;
	color: var(--bs-primary);
	border: solid 1px var(--bs-primary);
	text-align: center;
	line-height: 1;
}




/* ===================================================================
	検索ランキング
=================================================================== */
.search_ranking {
/*	margin-top: var(--home-sec-top-margin);*/
	padding: var(--sec-padding);
/*	padding-top: 140px;*/
/*	background: var(--bs-white);*/
/*	border-radius: var(--border-radius-bg);*/
}
.search_ranking_inner {
	max-width: var(--def-max-width);
	width: var(--def-width);
	margin: 0 auto;
}
.search_ranking .content_title span {
	color: var(--bs-primary);
}

.top_ranking_box {
	display: flex;
	justify-content: space-between;
}
.top_ranking_box > div {
	width: 48%;
	max-width: 520px;
	padding: 0 20px 20px;
	background: var(--bs-white);
	border-radius: 35% 35% 40px 40px;
}
.top_ranking_box .top_ranking_type {
	background: var(--bs-primary);
}
.top_ranking_box .top_ranking_keyword {
	background: var(--bs-secondary);
}

.top_ranking_title {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 40px 0;
	font-size: var(--font-size--md);
	font-weight: 700;
	color: var(--bs-white);
	text-align: center;
	letter-spacing: 1px;
}
.top_ranking_title img {
	margin-right: 10px;
}
.rank_list {
	counter-reset:num;
	padding: 40px;
	background: var(--bs-white);
	border-radius: var(--border-radius-bs);
}
.rank_list li {
	display: flex;
	align-items: center;
	padding: 5px 0;
	position: relative;
}
.rank_list li:before {
	display:flex;
	justify-content: center;
	align-items: center;
	width: 2em;
	height: 2.4em;
	margin-right: 20px;
	line-height: 1;
	counter-increment: num;
	content: counter(num);
	border: 1px solid var(--main-txt-color);
	font-family: var(--en-font-family);
	color: var(--main-txt-color);
	font-weight: 700;
	border-radius: 1em;
/*	position: absolute;
	left: 0;*/
	text-align: center;
}
.rank_list li:nth-child(1):before {
	border: 1px solid #f2c227;
	color: #f2c227;
}
.rank_list li:nth-child(2):before {
	border: 1px solid #adabac;
	color: #adabac;
}
.rank_list li:nth-child(3):before {
	border: 1px solid #a0730b;
	color: #a0730b;
}
.rank_list li a {
	color: var(--main-txt-color);
}

.ranking_keyword_list {
	padding: 40px;
	background: var(--bs-white);
	border-radius: var(--border-radius-bs);
}
a.keyword_tag {
	display: inline-block;
	height: 1.8em;
	margin: 0 0.5em 0.5em 0;
	padding: 0 1em;
	line-height: 1.6;
	border-radius: 0.9em;
	border: 1px solid var(--main-txt-color);
	vertical-align: middle;
}



.home_float_for_company {
	position: fixed;
	right: 20px;
	bottom: 100px;
	z-index: 100;
	transition: 0.5s;
}
.home_float_for_company.is_hidden {
	visibility: hidden;
	opacity: 0;
}

/* ===================================================================
	レスポンシブ対応用
=================================================================== */

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

@media ( max-width : 1200px ){
	.recruit_slider {
		margin: 0 25px 40px;
	}
	.recruit_slider .slick-arrow {
		width: 60px;
		height: 60px;
	}
	.recruit_slider .slick-prev::after,
	.recruit_slider .slick-next::after {
		width: 60px;
		height: 60px;
	}
}

/* Large devices (desktops, 992px and up) */
@media (max-width: 992px) {
	.fv_inner {
		width: 50%;
	}
	.search_form {
		display: block;
	}
	.search_form_pref, .search_form_job {
		width: 100%;
		margin: 0 0 10px;
	}
	.search_form_keyword {
		width: 100%;
		margin: 0 0 10px;
	}
	.btn_fv_search {
		width: 80%;
		margin: 0 auto;
		padding: 0.8em;
	}

	.listed_companies {
		margin:  80px auto 0;
	}

	.pickup {
		padding-top: 80px;
	}
	.pickup_bk::before {
		border-radius: 50vw 50vw 0 0 / 30vw 30vw 0 0;
	}
	.pickup_bk::after {
		border-radius: 50vw 50vw 0 0 / 26vw 26vw 0 0;
	}
	

	.flow_list {

	}
	.flow_step {
		font-size: var(--font-size--md);
	}
	.flow_list_inner {
		padding: 20px;
	}

	.news_inner {
		display: flex;
		justify-content: space-between;
	}
	.news_list {
		position: relative;
		top: inherit;
		right: inherit;
		transform: translateY(0);
		width: calc(100% - 250px);
		margin: 0;
	}


}

/* Medium devices (tablets, 768px and up) */
@media (max-width: 768px) {
	.fv {
		position:relative;
	}
	.fv_img {
/*		width: 90%;
		height: 50vh;
		margin-top: 50px;*/
		height: 55vh;
		padding: 0
	}
	.fv_inner {
/*		width: 90%;*/
		width: 100%;
		max-width: inherit;
		margin: -5vh auto 0;
		position: relative;
		position: inherit;
		top: inherit;
		left: inherit;
		transform: translateY(0);
	}
	.fv_search_area {
		max-width: 600px;
		margin: 0 auto;
		padding: 20px;
	}
	.fv_copy {
		position: absolute;
		max-width: 250px;
		width: 40%;
		left: 0;
		top: -32vh;
	}
	


	.top_ranking_box {
		display: block;
	}
	.top_ranking_box > div {
		width: auto;
		margin: 0 auto 20px;
	}

	.flow_list {
		display: block;
		margin: 40px auto;
	}
	.flow_list li {
		width: auto;
		margin-bottom: 40px;
		display: flex;
		align-items: stretch;
	}
	.flow_img {
		flex-grow: 0;
		flex-shrink: 0;
		align-self: stretch;
		width: 30%;
	/*	height: 100%;*/
		max-width: 300px;
		border-radius: calc(var(--border-radius-bs) - 3px) 0 0 calc(var(--border-radius-bs) - 3px);
	}
	.flow_img img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
	.flow_list_inner {
		padding-top: 35px;
	}
	.flow_title {
		margin-bottom: 10px;
		text-align: left;
	}

	.feature_list_txt {
		padding: 20px;
	}
	.feature_num {
		font-size: var(--font-size--bs);
	}


	.qa_list dl dt .faq_icon_q,
	.qa_list dl dd .faq_icon_a {
		width: 50px;
		height: 50px;
		margin-right: 10px;
	}
	.faq_answer {
		margin-top: 10px;
	}


	.news {
		margin-top: -60px;
		padding: var(--sec-padding);
	}
	.news::after {
		width: 100%;
		border-radius: var(--border-radius-bg);
	}
	.news_inner {
		display: block;
	}
	.news_left {
		width: auto;
		display: flex;
		justify-content: space-between;
		align-items: flex-end;
		margin: 0 auto 20px;
	}
	.news .content_title {
		margin: 0 20px 0 0;
	}
	.news .btn_mini {
		padding-right: 4em;
		font-size: var(--font-size--sm);
		border: 2px solid var(--bs-white);
	}
	.news .btn_mini::after {
		right: 0.8em;
		width: 24px;
		height: 24px;
		background: var(--bs-primary) url(../img/icon_arrow_white.svg) no-repeat 58% center;
		background-size: 5px auto;
	}

	.news_list {
		width: auto;
		padding: 10px 20px;
	}
	.news_list li {
		padding: 20px 0;
	}
	.news_title {
		width: 100%;
		margin-top: 10px;
	}
	.news_list li .cate_info {
		font-size: var(--font-size--sm);
	}


	.home_float_for_company {
		width: 180px;
		position: fixed;
		right: inherit;
		left: 10px;
		bottom: inherit;
		top: 130px;
		z-index: 100;
	}

}

/* Small devices (landscape phones, 576px and up) */
@media (max-width: 576px) {
	.home_float_for_company {
		top: 100px;
		width: 150px;
	}

	.search_popular_area {
		display: block;
	}
	.search_popular_area dt {
		margin: 0 0 5px;
		text-align: center;
	}
	.search_popular_area dd {
		text-align: center;
	}

	.listed_companies {
		margin:  60px auto 0;
	}
	.listed_companies_logo {
		gap: 10px 20px;
	}
	.listed_companies_logo img {
		width: auto;
		height: 30px;
	}

	.pickup {
		margin-top: 60px;
	}


	.flow_list {
		margin: 55px  auto 40px;
	}
	

	.feature_list li {
		display: block;
	}
	.faeture_img {
		width: 100%;
		max-width: inherit;
	}
	.feature_list_txt {
		width: 100%;
		padding: 30px;
	}
	.feature_title {
		line-height: 1.4;
	}
	.feature_list_txt p {
		font-size: var(--font-size--bs);
	}

}


.home_float_for_company {
	display: none;
}