@charset 'UTF-8';

#property.property-top #footer_fixed {
	display: block;
}

#property.property-top #footer_fixed .txt-area {
	font-weight: 700;
	display: flex;
	align-items: center;
}
#property.property-top #footer_fixed .txt-area::before {
    content: "\f14a";
    color: #0e70b5;
    font: 900 2rem / 1 'Font Awesome 5 Free';
    position: relative;
    margin-right: 10px;
}

#property.property-top #footer_fixed .f_fixed li {
    gap: 30px;
}

#property.property-top #footer_fixed .f_fixed li .tel-mail-wrap,
#property-detail #footer_fixed .f_fixed li .tel-mail-wrap {
	display: flex;
	align-items: center;
	gap: 15px;
}

#footer_fixed .f_fixed li .tel-area a {
	line-height: 1;
	height: auto;
}

#property.property-top {
	padding-bottom: 80px;
}

#property.property-top #page_top {
    bottom: 10px;
}


#property #footer_fixed .tel-area {
	display: none!important;
}

#property #footer_fixed .c-area .txt {
	display: none!important;
}
@media screen and (max-width: 768px) {
	#property.property-top #footer_fixed {
		display: block;
	}

	#property.property-top #footer_fixed .txt-area {
		display: flex;
		align-items: center;
	}
	#property.property-top #footer_fixed .txt-area::before {
		font: 900 1.2rem / 1 'Font Awesome 5 Free';
		position: relative;
		margin-right: 5px;
	}
	
	#property.property-top #footer_fixed .txt-area p {
		font-size: 1.2rem;
	}

	#property.property-top #footer_fixed .f_fixed li,
	#property-detail #footer_fixed .f_fixed li{
		gap: 8px;
		flex-direction: column;
	}
	
	#property.property-top #footer_fixed .f_fixed li .p-detail-txt .txt,
	#property-detail #footer_fixed .f_fixed li .p-detail-txt .txt {
		font-size: 1.4rem;
	}
	
	#property.property-top #footer_fixed .f_fixed li .tel-mail-wrap {
		display: flex;
		gap: 10px;
	}

	#property.property-top {
		padding-bottom: 30px;
	}

	#property.property-top #page_top {
		bottom: 60px;
	}

	
}



/* -----------------------------------------------------------
    job/のみ
-------------------------------------------------------------- */


@media screen and (max-width: 768px) {

	
}

/* -----------------------------------------------------------
    下層の検索エリア共通 property-search
-------------------------------------------------------------- */
.property-search {
	position: relative;
	z-index: 2;
}

/*現在の検索条件*/
.property-search-block.block-now-wrap {
	padding: 20px;
	background-color: #fff;
	margin-bottom: 15px;
	border: solid 1px #0f75bc;
}
.property-search-block.block-now-wrap .block-header {
    cursor: pointer;
    display:block;
    position: relative;
    margin: 0;
    border-bottom: 1px solid #bbc0c3;
    padding: 0 0 10px 0px;
	margin-bottom: 10px;
	font-size: 1.6rem;
}

.property-search-block.block-now-wrap .block-body-list {
    background: #fff;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    gap: 5px;
}
.property-search-block.block-now-wrap .block-header-ttl .name {
    font-size: 1.6rem;
}

.property-search-block.block-now-wrap  .block-body-list dl:last-child,
.property-search-block.block-now-wrap  .block-body-list .selection-item {
    margin-bottom: 0px;
}


/* 条件を保存ボタン・保存した条件 */
.condition-actions {
	display: flex;
	gap: 10px;
	margin: 20px 0 0;
}

.condition-actions li {
	width: calc(100% / 2);
}

.condition-actions button,
.condition-actions a {
	display: inline-block;
	padding: 10px 5px;
	border-radius: 5px;
	text-decoration: none;
	text-align: center;
	font-size: 1.4rem;
	font-weight: 700;
	line-height: 1.4;
	cursor: pointer;
	transition: background-color 0.3s, color 0.3s;
	width: 100%;
	font-family: "Zen Kaku Gothic Antique";
}

.save-condition-btn {
	background-color: #C2B59B;
	color: #fff;
	border: none;
}

a.saved-conditions-link {
	background-color: #fff;
	border: solid 1px #C2B59B;
	color: #C2B59B;
}

.save-condition-btn:hover {
	background-color: #ddd;
}

a.saved-conditions-link:hover {
	background-color: #ddd;
}



/**/
.property-search .search-opacity {
	opacity: 0;
}

.property-search .search-inner {
	background: #f8f8f8;
	width: 280px;
	border-radius: 5px;
	overflow: hidden;
}

.property-search-scroll {
	overflow: scroll;
	max-height: calc( 100vh - 160px );
}

.property-search .search-inner.search-fix {
	/*position: fixed;*/
	top: 20px;
	/*height: 100vh;*/
}

.property-search form#property_search_under {
	padding: 0 10px 0 15px;
}
@media screen and (min-width: 769px) {
	.property-search form#property_search_under {
		display: block!important;
	}
}
@media screen and (max-width: 768px) {
	.property-search form#property_search_under {
		display: none;
	}
}

.property-search .head-btn-close {
	display: none;
}

.property-search .search-ttl-wrap {
	position: relative;
}

.property-search .search-ttl {
	font-size: 2rem;
	font-weight: bold;
	text-align: center;
	background: #0F75BC;
	color: #fff;
	padding: 15px 0 17px;
	line-height: 1.2;
}

.property-search .block-header-ttl {
	align-items: center;
	display: flex;
}

.property-search .block-header-ttl .icon {
	width: 38px;
	margin-right: 8px;
	text-align: center;
}

.property-search .block-area .icon {
	width: 30px;
}

.property-search .block-header-ttl .name {
	font-size: 1.8rem;
	font-weight: bold;
	color: #333333;
}

.property-search .block-header {
	cursor: pointer;
	display: flex;
	position: relative;
	margin: 0;
	border-bottom: 1px solid #bbc0c3;
	padding: 12px 0 12px 5px;
}

.property-search .block-header-ttl img {
	max-width: 28px;
	max-height: 30px;
}

.property-search .block-header-icon {
	position: absolute;
	top: 50%;
	-webkit-transform : translateY(-50%);
	transform : translateY(-50%);
	right: 15px;
	height: 18px;
}

.property-search .block-header-icon span {
	position: relative;
	display: inline-block;
	height: 18px;
	width: 18px;
}

.property-search .block-header-icon span::before,
.property-search .block-header-icon span::after {
	background-color: #262b2d;
	content: "";
	height: 2px;
	position: absolute;
	top: 50%;
	-webkit-transform : translateY(-50%);
	transform : translateY(-50%);
	width: 100%;
	transition: all .3s;
}

.property-search .block-header-icon span::before{
	transform: rotate(0deg);
}

.property-search .block-header-icon span::after {
	transform: rotate(90deg);
}

.property-search .block-open .block-header-icon span::after {
	transform: rotate(0deg);
}

.property-search .block-body {
	display: none;
	background-color: #fff;
	padding: 15px 10px 15px;
}

.property-search .block-body-list {
	background: #fff;
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	gap: 5px;
	line-height: 1.6;
}

.property-search .block-area-header {
	cursor: pointer;
	background: #90b6c6;
	font-size: 1.6rem;
	font-weight: 500;
	color: #fff;
	padding: 10px;
	position: relative;
}

.property-search .block-area {
	border-bottom: 1px solid #e8f6fb;
}

.property-search .area-icon {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	right: 20px;
}

.property-search .area-icon span {
	position: relative;
	display: inline-block;
	height: 15px;
	width: 15px;
}

.property-search .area-icon span::before,
.property-search .area-icon span::after {
	background-color: #fff;
	content: "";
	height: 2px;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	width: 100%;
	transition: all .3s;
}

.property-search .area-icon span::before {
	transform: rotate(0deg);
}

.property-search .area-icon span::after {
	transform: rotate(90deg);
}


.property-search .area-open .area-icon span::after {
	transform: rotate(180deg);
}

.property-search .block-area-accordion {
	background: #fff;
	display: none;
	padding: 10px;
}

.property-search .job-area-all {
	position: relative;
}

.property-search .job-area-all input {
	opacity: 0;
	position: absolute;
	height: 100%;
	cursor: pointer;
}

.property-search .job-area-all input:checked + label {
	color: #d8ae00;
	border-color: #d8ae00;
	background: #fff9e1;
	font-weight: bold;
}

.property-search .job-area-all label {
	background: #f6f6f6;
	border-radius: 30px;
	color: #878787;
	display: inline-block;
	pointer-events: auto;
	padding: 8px 15px 10px;
	white-space: nowrap;
	font-size: 1.4rem;
	cursor: pointer;
	min-width: 70px;
	text-align: center;
	transition: .3s;
	border: 1px solid #bbc0c3;
}

.property-search .job-area-list {
	display: flex;
	flex-wrap: wrap;
}

.property-search .job-area-list li {
	margin: 10px 10px 0 0;
	position: relative;
}

.property-search .job-area-list input {
	opacity: 0;
	position: absolute;
	width: 100%;
	height: 100%;
	cursor: pointer;
}

.property-search .job-area-list label {
	background: #f6f6f6;
	border-radius: 30px;
	color: #878787;
	display: inline-block;
	pointer-events: auto;
	padding: 8px 10px 10px;
	white-space: nowrap;
	font-size: 1.4rem;
	cursor: pointer;
	min-width: 70px;
	text-align: center;
	transition: .3s;
	border: 1px solid #bbc0c3;
}

.property-search .job-area-list input:checked + label {
	color: #d8ae00;
	border-color: #d8ae00;
	background: #fff9e1;
	font-weight: bold;
}

.property-search-keyword {
	margin: 20px 0 0 0;
}

.property-search-keyword input {
	appearance: none;
	border: 3px solid #E05334;
	border-radius: 3px;
	font-weight: 500;
	font-size: 1.4rem;
	width: 100%;
	padding: 15px 10px;
	height: 100%;
	margin: 5px 0 20px;
}

.property-search-keyword input:focus {
	outline: none;
	background: #f8efd4;
}

.property-search-keyword .keyword-ttl {
	font-weight: bold;
}

.rent-search-btn{
	margin: 20px auto 0px;
	position: relative;
	width: 100%;
	padding: 0 0px 0 0;
}

.rent-search-btn::after {
	content: "\f002";
	color: #eebf00;
	font: 900 1.7rem/1 'Font Awesome 5 Free';
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	right: 25px;
	z-index: 2;
	transition: .5s;
}

.rent-search-btn input {
	background: #fff;
	border: #eebf00 2px solid;
	border-radius: 40px;
	cursor: pointer;
	color: #262b2d;
	height: 60px;
	font-size: 1.7rem;
	text-align: center;
	width: 100%;
	font-weight: 500;
	transition: .5s;
	font-family: "Zen Kaku Gothic Antique", 'Noto Sans JP', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック", YuGothic, "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.rent-search-btn:hover input {
	background: #fcca00;
	color: #fff;
}

.rent-search-btn:hover::after {
	color: #fff;
}

/*地図から探すボタン*/
.map-search-btn {
	margin: 10px auto 30px;
	position: relative;
	width: 100%;
	padding: 0 0px 0 0;
}

.map-search-btn a::after {
	content: "\f5a0";
	color: #0f75bc;
	font: 900 1.7rem/1 'Font Awesome 5 Free';
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	right: 25px;
	z-index: 2;
	transition: .5s;
}

.map-search-btn a {
	display: block;
	background: #fff;
	border: #0f75bc 2px solid;
	border-radius: 40px;
	cursor: pointer;
	color: #262b2d;
	height: 60px;
	font-size: 1.7rem;
	text-align: center;
	width: 100%;
	font-weight: 500;
	transition: .5s;
	padding: 20px 0;
}

.map-search-btn a:hover {
	background: #0f75bc;
	color: #fff;
}

.map-search-btn a:hover::after {
	color: #fff;
}




/*検索窓内*/
.sub-cate {
	font-weight: 700;
	margin-bottom: 5px;
}

/*現在の検索条件*/
.property-search .block-body-list dt {
	font-weight: 700;
	margin-bottom: 5px;
}

.property-search .block-body-list dl {
	margin-bottom: 15px;
}

.property-search .block-body-list dd {
	display: inline-block;
    padding-right: 12px;
	line-height: 1.3;
}

/*sys*/
.property-search .selection-item {
	margin-bottom: 15px;
}


/*勤務地*/
.search-location ul {
	display: flex;
	gap: 10px;
}

.search-li-location {
	display: flex;
	position: relative;
}
.search-li-location p {
	font-weight: 700;
	min-width: 74px;
}
.search-li-location select {
    width: 100%;
    height: 45px;
    background: #fff;
    padding: 0 10px;
    line-height: 1;
    font-size: 1.5rem;
    border: solid 1px #a8835a;
    border-radius: 5px;
    appearance: none;
	position: relative;
}
.search-li-location::after {
    position: absolute;
    top: 28%;
    font-size: 1.5rem;
    right: 15px;
    font-family: "Font Awesome 5 Free";
    font-weight: bold;
    pointer-events: none;
    content: "\f107";
    color: #a8835a;
}

.block-area-wrap .area-wrap:first-child {
    margin-bottom: 20px;
}


/*職種*/
.radio_list {
	margin-bottom: 15px;
	line-height: 1.9;
}

@media screen and (max-width: 768px) {
	
	.property-search .search-area {
		
	}
	
	.property-search .search-inner.search-fix {
		position: static;
		height: auto;
		box-shadow: 0 2px 13px -5px rgba(65, 146, 172, 0.8);
	}
	
	.property-search .search-inner {
		border-radius: 0;
		width: 100%;
	}
	
	.property-search .search-ttl {
		font-size: 1.6rem;
		position: relative;
		padding: 15px 0 15px;
	}
	
	.property-search .search-ttl::before {
		content: "\f0fe";
		font: 900 2.2rem/1 'Font Awesome 5 Free';
		position: absolute;
		top: 50%;
		-webkit-transform : translateY(-50%);
		transform : translateY(-50%);
		right: 20px;
	}
	
	.property-search .search-ttl.is-minus::before {
		content: "\f146";
	}
	
	.property-search .search-ttl span {
		position: relative;
	}
	
	/*.property-search .search-ttl span::before {
		content: "\f002";
		font: 900 1.7rem/1 'Font Awesome 5 Free';
		position: absolute;
		top: 52%;
		-webkit-transform : translateY(-50%);
		transform : translateY(-50%);
		left: 0;
	}*/
	
	.property-search form#jobform {
		display: none;
		padding: 0 15px;
	}
	
	.property-search-scroll {
		height: auto;
		max-height: unset;
	}
	
	.property-search .block-header {
		padding: 14px 0 14px 5px;
	}
	
	.property-search .block-header-ttl .name {
		font-size: 1.7rem;
	}
	
	.property-search .block-header-ttl .icon {
		width: 30px;
	}
	
	.property-search .block-area-accordion {
		padding: 15px 0 15px 10px;
	}
	
	.property-search .block-area .icon {
		width: 25px;
		margin-right: 5px;
	}
	
	.property-search .block-area .block-header-ttl img {
		width: 20px;
		height: 28px;
	}
	
	.property-search .block-money .block-header-ttl img {
		width: 29px;
		height: 30px;
	}
	
	.property-search .block-job .block-header-ttl img {
		width: 26px;
		height: 25px;
	}
	
	.property-search .block-type .block-header-ttl img {
		width: 27px;
		height: 28px;
	}
	
	.property-search .block-recruit .block-header-ttl img {
		width: 33px;
		height: 25.5px;
	}
	
	.property-search .block-work .block-header-ttl img {
		width: 27px;
		height: 26px;
	}
	
	.property-search .block-env .block-header-ttl img {
		width: 27px;
		height: 26px;
	}
	
	.property-search .block-area-header {
		font-size: 1.5rem;
		padding: 15px 10px;
	}
	
	.property-search .block-area-header {
		font-weight: bold;
	}
	
	.property-search .job-area-all label {
		font-size: 1.3rem;
		padding: 12px 15px 14px;
	}
	
	.property-search .job-area-list label {
		font-size: 1.3rem;
		padding: 12px 15px 14px;
	}
	
	.property-search .block-body-item label {
		font-size: 1.3rem;
		padding: 12px 15px 14px;
	}
	
	.property-search .block-header-icon span {
		height: 15px;
		width: 15px;
	}
	
	.property-search .job-area-list li {
		margin: 13px 10px 0 0;
	}
	
	.property-search-keyword {
		margin: 20px 15px 0 0;
	}
	
	.property-search-keyword input {
		width: 100%;
		margin: 5px 0 10px;
		padding: 20px 10px;
	}
	
	.rent-search-btn {
		margin: 15px 0 0px;
		width: 100%;
		/*padding: 0 15px 0 0;*/
	}
	
	.rent-search-btn::after {
		right: 30px;
	}
		
	.rent-search-btn input {
		color: #262b2d;
	}
	
	.map-search-btn {
		margin: 10px auto 20px;
	}
	
	
}


/* -----------------------------------------------------------
    下層求人検索エリア　スタッフ登録促し部分
-------------------------------------------------------------- */
.register-area {
	margin: 0 15px 20px;
	padding: 15px;
	background-color: #fff;
	border-radius: 5px;
}

.register-area .img-txt {
	display: flex;
	align-items: center;
	gap: 10px;
	text-align: left;
	margin-bottom: 10px;
	justify-content: center;
}
.register-area .img-txt .txt {
	font-weight: 700;
}

.register-area .txt {
	text-align: center;
}
.register-area a {
	font-weight: 700;
	color: #E36045;
}

@media screen and (max-width: 768px) {
	.register-area {
		margin: 20px 15px 20px;
	}
	.register-area .img-txt img {
		margin: 0;
	}
}


/* -----------------------------------------------------------
    掲載物件数・並び替え
-------------------------------------------------------------- */
.info-area {
	display: flex;
	justify-content: space-between;
	margin-bottom: 20px;
}

.listing-count span {
	font-size: 3rem;
	font-weight: 700;
	padding: 0 20px;
}

@media screen and (max-width: 768px) {
	.info-area {
		display: flex;
		margin-bottom: 10px;
		justify-content: flex-start;
		flex-direction: column;
	}

	.listing-count span {
		font-size: 2rem;
		padding: 0 10px;
	}
}


/* -----------------------------------------------------------
    チェックした物件を～・まとめてチェック
-------------------------------------------------------------- */
.inquiry-wrap {
	display: flex;
	gap: 20px;
	padding: 30px 30px;
	background-color: #eff4fa;
	border-radius: 0px;
	align-items: center;
	margin-bottom: 40px;
}

.inquiry-wrap .txt.check {
 	position: relative;
	font-size: 1.6rem;
	font-weight: 700;
	margin-right: 20px;
}
.inquiry-wrap .txt.check::before {
	content: "\f14a";
    color: #0e70b5;
    font: 900 2rem / 1 'Font Awesome 5 Free';
    position: relative;
    margin-right: 10px;
}

.inquiry-wrap ul {
	display: flex;
	gap: 20px;
}

.inquiry-wrap ul li a {
	align-items: center;
    background: #fff;
    border: #0E70B5 2px solid;
    border-radius: 40px;
    display: flex;
    font-weight: 500;
    height: 100%;
    justify-content: center;
    /*width: 100%;*/
    position: relative;
    padding: 20px 50px;
    overflow: hidden;
	width: 250px;
	transition: all .4s;
}

.inquiry-wrap ul li a::before {
    content: "\f105";
    color: #0E70B5;
    font: 900 2rem / 1 'Font Awesome 5 Free';
    position: absolute;
    right: 15px;
    z-index: 2;
    text-align: center;
    transition: all .4s;
    display: flex;
    align-items: center;
    justify-content: center;
}
.inquiry-wrap ul li a.favorite-btn::before {
    content: "\e500";
    color: #0E70B5;
    font: 900 2rem / 1 'Font Awesome 5 Free';
    position: absolute;
    right: 15px;
    z-index: 2;
    text-align: center;
    transition: all .4s;
    display: flex;
    align-items: center;
    justify-content: center;
}


@media screen and (max-width: 768px) {
	.inquiry-wrap {
		display: flex;
		gap: 10px;
		padding: 20px 20px;
		border-radius: 20px;
		align-items: center;
		flex-direction: column;
		margin-bottom: 20px;
	}

	.inquiry-wrap .txt.check {
		position: relative;
		font-size: 1.6rem;
		margin-right: 10px;
	}
	.inquiry-wrap .txt.check::before {
		content: "\f14a";
		font: 900 1.8rem / 1 'Font Awesome 5 Free';
		position: relative;
		margin-right: 10px;
	}

	.inquiry-wrap ul {
		display: flex;
		flex-direction: column;
		gap: 10px;
	}

	.inquiry-wrap ul li a {
		align-items: center;
		display: flex;
		height: 100%;
		justify-content: center;
		position: relative;
		padding: 20px 50px;
		overflow: hidden;
		width: 250px;
	}

	.inquiry-wrap ul li a::before {
		content: "\f105";
		color: #0E70B5;
		font: 900 2rem / 1 'Font Awesome 5 Free';
		position: absolute;
		right: 15px;
		z-index: 2;
		text-align: center;
		transition: all .4s;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.inquiry-wrap ul li a.favorite-btn::before {
		content: "\e500";
		color: #0E70B5;
		font: 900 2rem / 1 'Font Awesome 5 Free';
		position: absolute;
		right: 15px;
		z-index: 2;
		text-align: center;
		transition: all .4s;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	
}


/* -----------------------------------------------------------
    一覧エリア
-------------------------------------------------------------- */
/*ボタン*/
.btn-wrap {
	display: flex;
	flex-direction: column;
	gap: 10px;
	align-items: center;
	justify-content: center;
}

.btn-wrap li.btn-detail a {
	display: block;
	padding: 10px 15px;
	background: #fff;
    border: #0E70B5 2px solid;
    border-radius: 40px;
	position: relative;
	width: 120px;
	font-size: 1.3rem;
}
.btn-wrap li.btn-detail a::before {
    content: "\f105";
    color: #0E70B5;
    font: 900 1.3rem / 1 'Font Awesome 5 Free';
    position: absolute;
    right: 10px;
    z-index: 2;
    text-align: center;
    transition: all .4s;
    display: flex;
    align-items: center;
    justify-content: center;
}

.btn-wrap li .like-btn i {
    font-size: 3.5rem;
}

/*お問い合わせ*/
.btn-wrap li.button {
	margin-top: 0px;
}
.btn-wrap li.button a {
	display: block;
	padding: 11px 15px;
	border-radius: 40px;
	position: relative;
	width: 120px;
	height: auto;
	font-size: 1.3rem;
	text-align: left;
	box-shadow: none;
	z-index: 0;
}

.btn-wrap li a.btn01.orange::after,
.btn-wrap li a.btn01.blue::after {
    font: 900 1.3rem / 1 'Font Awesome 5 Free';
    position: absolute;
    right: 10px;
}
.btn-wrap li a.btn01.orange::before,
.btn-wrap li a.btn01.blue::before {
	z-index: -1;
}


@media screen and (max-width: 768px) {
	
	/*ボタン*/
	.btn-wrap {
		display: flex;
		flex-direction: column;
		gap: 7px;
		align-items: center;
		justify-content: center;
		margin-top: 20px;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: flex-start;
	}

	.btn-wrap li a {
		display: block;
		padding: 10px 20px;
		position: relative;
		width: 120px;
		font-size: 1.2rem;
	}
	.btn-wrap li a::before {
		content: "\f105";
		color: #0E70B5;
		font: 900 1.4rem / 1 'Font Awesome 5 Free';
		position: absolute;
		right: 10px;
		z-index: 2;
		text-align: center;
		transition: all .4s;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.btn-wrap li .like-btn i {
		font-size: 2.5rem;
	}
	
}




/*----------まとめてチェック・並び替え----------*/
.allcheck-sotr-wrap {
	display: flex;
	justify-content: space-between;
}

@media screen and (max-width: 768px) {
	.allcheck-sotr-wrap {
		justify-content: space-between;
		flex-direction: column-reverse;
		align-content: flex-start;
		flex-wrap: wrap;
	}
	
	.job-index .sort_list {
		margin-bottom: 10px;
	}
}


/*----------お気に入りから削除----------*/
button.remove-favorite {
	background-color: #ccc;
	color: #333;
	border: none;
	padding: 8px 16px;
	border-radius: 4px;
	cursor: pointer;
	transition: background-color 0.4s;
	border-radius: 20px;
}

button.remove-favorite:hover {
	background-color: #bbb;
}

@media screen and (max-width: 768px) {
	button.remove-favorite {
		font-size: 1.2rem;
	}
}