@charset "utf-8";
/* CSS Document */

/* ------------------------------
背景色を横幅いっぱいに
------------------------------ */

/* ---------------
大枠
--------------- */
.home .container {
	padding-left: 0;
	padding-right: 0;
}

.home section > div {
	padding-left: 15px;
	padding-right: 15px;
}

@media (min-width:768px){
	.home .container,
	.home .main {
		width: 100%;
	}

	.home section > div {
		width: 1200px;
		margin-left: auto;
		margin-right: auto;
	}
}

/* ---------------
大枠 - section枠なし
--------------- */
.top_question {
	padding-left: 15px;
	padding-right: 15px;	
}

@media (min-width:768px){
	.top_question {
		width: 1200px;
		margin-left: auto;
		margin-right: auto;
	}
}

/* ---------------
背景色を付けるブロック
--------------- */
.home section:has(.top_job):nth-of-type(even),
.home section:has(.point) {
	margin-top: 60px;
	padding-top: 60px;
	padding-bottom: 60px;
	background: var(--main-color-light);
}

.home section:has(.top_job):nth-of-type(even) .title_icon,
.home section:has(.point) .title_icon {
	margin-top: 0;
}

@media screen and (max-width:767px){
	.home section:has(.top_job):nth-of-type(even),
	.home section:has(.point) {
		margin-top: 40px;
		padding-top: 40px;
		padding-bottom: 40px;
	}
}

/* ---------------
新着求人
--------------- */
.home .joblist a {
	background: #fff;
}

/* ---------------
3つの特徴
--------------- */
.home .point .box {
	padding: 40px;
	border: 0;
	border-radius: 20px;
	background: #fff;
}

@media screen and (max-width:767px){
	.home .point .box {
		padding: 20px;
	}
}

/* ------------------------------
検索（3連ボタン）
------------------------------ */
.top_search .dl_list > p {
	background: #fff;
	border: 3px solid rgba(var(--main-color-rgb),0.3);
	color: var(--main-color);
}

/*アイコン色変更*/
/*元が白アイコンなのでフィルター1行目で黒アイコンに変更*/
.top_search .dl_list > p > span:nth-of-type(1):before{
	filter: 
		brightness(0) saturate(100%)
		var(--main-color-filter);
}

@media (min-width:768px){
	.top_search .box {
		margin-top: 60px;
		padding: 30px;
		min-height: 120px;
		border: 0;
		border-radius: 30px;
		background: var(--main-color-light);
	}

	.top_search #searhtab {
		margin-bottom: 0;
	}
	
	.top_search .dl_list > div > dl {
		padding: 20px;
		background: #fff;
	}
	
	.top_search .dl_list > p {
		border-radius: 100px;
	}
}

/* ------------------------------
ボタン
------------------------------ */
/*端を丸くする*/
.home .btn1 > *,
.home .btn2 > * {
	padding: 15px 40px;
	border-radius: 100px;
}

.home .btn1:after,
.home .btn2:after {
	right: 20px;
}

/*色変更*/
.home .btn2 > * {
	border: 1px solid var(--main-color);
	background: #fff;
}