/* ------------------------------
リセット
------------------------------ */
*{
	margin: 0;
	padding: 0;
}

*,
*:before,
*:after{
	box-sizing: border-box;
}

a{
	text-decoration: none;
	color: #333;
}

li{
	list-style-type: none;
}

body,button,input,select,textarea,h1,h2,h3,h4,h5{
	color: #333;
	font-size: 16px;
	line-height: 1.6;
	word-break: break-all;
}

*:focus{
	outline: none;
}

@media screen and (max-width:767px){
	body,button,input,select,textarea,h1,h2,h3,h4,h5{
		font-size: 14px;
	}
}

/* ------------------------------
フォント
------------------------------ */
body,button,input,select,textarea,h1,h2,h3,h4,h5{
	/*
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	*/
	font-family: "Noto Sans JP", sans-serif;
}

/* ------------------------------
基本設定
------------------------------ */
img {
	max-width: 100%;
}

@media (min-width:768px){
	.sp_only{
		display: none !important;
	}

	a:hover{
		opacity: 0.9;
	}
}

@media screen and (max-width:767px){
	.pc_only{
		display: none !important;
	}
}

/* ------------------------------
reCAPTCHA
------------------------------ */
.grecaptcha-badge {
	z-index: 9999999;
}

/* ------------------------------
ページ内リンク
------------------------------ */
/* ---------------
スムーススクロール
--------------- */
html {
	scroll-behavior: smooth;
}

/* ---------------
ジャンプ位置調整
--------------- */
@media (min-width:1201px){
	html {
		/*ヘッダーの高さ70x2 + 余白30*/
		scroll-padding-top: 170px;
	}

	html:has(.header.fixed) {
		/*ヘッダーの高さ70 + 余白30*/
		scroll-padding-top: 100px;
	}
}

@media screen and (max-width:1200px){
	html {
		/*ハンバーガーボタンの高さ60+余白10*/
		scroll-padding-top: 70px;
	}
}

/* ------------------------------
SVGアイコン　カラー
------------------------------ */
/* ---------------
メインカラー
--------------- */
/*ヘッダー*/
.header_link img,
/*ヘッダーなど 電話番号*/
.tel_num:before,
/*サイド 注目の求人特集*/
.side_link ul li a img,
/*見出し*/
.title_icon:before,
.title_icon_pin:before,
.title_icon_search:before,
.title_icon_bullhorn:before,
.title_icon_heart:before,
/*下部固定ナビ*/
.bottombtn_register span:before,
.bottombtn_mypage span:before,
.bottombtn_mail span:before,
.bottombtn_tel span:before,
/*.bottombtn_line span:before,*/
.bottombtn_login span:before,
.bottombtn_search span:before,
/*メイン画像 検索ボックス（スタンダード以上）*/
.mainv_form_x img,
/*求人一覧*/
.jobbox_check .favorite a:before,
.jobbox_check .favorite span:before,
.jobbox .imgtext li:before,
.matomete-after a span:before,
/*求人詳細*/
.btn_favorite > * > span:before {
	filter: var(--main-color-filter);
}

/* ---------------
白
--------------- */
/*メイン画像 検索ボックス 虫眼鏡（スタンダード以上）*/
.mainv_form_btn span:before {
	filter: brightness(0) invert(1);
}