@charset "UTF-8";
/*----------------------------------------

	- variables
	- default setting
	- font setting
	- link setting
	- color setting
	- common setting

-----------------------------------------*/

/*----------------------------------------
	variables
-----------------------------------------*/
:root {
	--color_white: #ffffff;
	--color_black: #000000;
	--color_cmn-heading: #202020;
	--color_cmn-text-1: #464646;
	--color_cmn-text-2: #666666;
	--color_cmn-text-3: #949494;
	--color_cmn-text--inactive: #cccccc;
	--color_cmn-caution: #fa3600;
	--color_cmn-line: #d6dde1;
	--color_cmn-form-border: #cccccc;
	--color_cmn-form-placeholder: #cccccc;
	--color_aquamarine-200: #d7f1fe;
	--color_aquamarine-300: #AFE3FD;
	--color_aquamarine-500: #37b8f9;
	--color_sapphire-500: #0189d8;
	--color_lavender-500: #6060a9;
	--color_lavender-600: #4D4D87;
	--color_raspberry-500: #f22469;
	--color_raspberry-600: #C21D54;
	--color_sunset: #fa3600;
	--color_sand: #f5f3f0;
	--color_mist-200: #f7f8f9;
	--color_mist-250: #f4f5f7;
	--color_mist-300: #eff1f3;
	--color_mist-350: #eaedef;
	--color_mist-400: #e3e8eb;
	--color_mist-450: #dde2e6;
	--color_mist-500: #d6dde1;
	--color_mist-550: #c1c7ca;
	--color_monotone-100: #f5f5f5;
	--color_monotone-150: #ededed;
	--color_monotone-250: #dbdbdb;
	--color_monotone-300: #cccccc;
	--color_monotone-450: #949494;
	--color_monotone-600: #666666;
	--color_monotone-700: #464646;
	--color_monotone-900: #202020;

	/* default font size 16px */
	/* figmaのバリアブルを下記で出力した結果を指定しています。
	www2 ~ nagoya/shibata/box/figma_variables/index.html
	（最後に削除するコメントアウトです）*/
	--font-size10: 0.625rem;
	--font-size11: 0.688rem;
	--font-size12: 0.75rem;
	--font-size14: 0.875rem;
	--font-size16: 1rem;
	--font-size18: 1.125rem;
	--font-size21: 1.313rem;
	--font-size24: 1.5rem;
	--font-size28: 1.75rem;
	--font-size32: 2rem;
	--font-size36: 2.25rem;
	--font-size42: 2.625rem;
	--font-size48: 3rem;
	--font-size55: 3.438rem;
	--font-size63: 3.938rem;
	--font-size72: 4.5rem;
	--font-size83: 5.188rem;
	--font-size95: 5.938rem;
	--font-size109: 6.813rem;
	--font-size125: 7.813rem;
	--font-size144: 9rem;
	--font-size165: 10.313rem;

	/* font-family */
	--ff_noto: 'Noto Sans JP', sans-serif;
	--ff_roboto: 'Roboto', sans-serif;
	--ff_handwriting: "";

	/* font-wieght */
	--font-weight300: 300; /* light */
	--font-weight400: 400; /* regular */
	--font-weight500: 500; /* medium */
	--font-weight700: 700; /* bold */

	/* line-height */
	--line-height2: 2;
	--line-height175: 1.75; /* normal text */
	--line-height15: 1.5; /* heading */
	--line-height125: 1.25; /* button */

	/* letter-spacing */
	--letter-spacing005: 0.05em;


	/*----------------------------------------
		icon
	-----------------------------------------*/
	/* 汎用アイコン */
	--ic_arrowhead: url(/img/c-icon_arrowhead.svg);
	--ic_arrow: url(/img/c-icon_arrow.svg);
	--ic_arrow-hover: url(/img/c-icon_arrow-hover.svg);
	--ic_arrow-hover02: url(/img/c-icon_arrow-hover02.svg);
	--ic_ac_open: url(/img/c-icon_accordion-open.svg);
	--ic_ac_close: url(/img/c-icon_accordion-close.svg);
	--ic_check-mark: url(/img/c-icon_check-mark.svg);
	--ic_close: url(/img/c-icon_close.svg);
	/* パスワード */
	--ic_security-on: url(/img/c-icon_security-on.svg);
	--ic_security-off: url(/img/c-icon_security-off.svg);
	/* お気に入り */
	--ic_favorite-on: url(/img/c-icon_favorite-on.svg);
	--ic_favorite-off: url(/img/c-icon_favorite-off.svg);
	/* 返信 */
	--ic_arrow-turn: url(/img/c-icon_arrow-turn.svg);
	/* スマホヘッダー */
	--ic_header01: url(/img/c-icon_header-sp01.svg);
	--ic_header02: url(/img/c-icon_header-sp02.svg);
	--ic_header03: url(/img/c-icon_header-sp03.svg);
	/* 求人詳細 */
	--ic_job01: url(/img/c-icon_job01.svg);
	--ic_job02: url(/img/c-icon_job02.svg);
	--ic_job03: url(/img/c-icon_job03.svg);
	--ic_job04: url(/img/c-icon_job04.svg);
	--ic_job05: url(/img/c-icon_job05.svg);
	--ic_job06: url(/img/c-icon_job06.svg);
	--ic_job07: url(/img/c-icon_job07.svg);
	/* マイページ */
	--ic_mypage01: url(/img/c-icon_mypage01.svg);
	--ic_mypage02: url(/img/c-icon_mypage02.svg);
	--ic_mypage03: url(/img/c-icon_mypage03.svg);
	--ic_mypage04: url(/img/c-icon_mypage04.svg);
	--ic_mypage05: url(/img/c-icon_mypage05.svg);
	--ic_mypage06: url(/img/c-icon_mypage06.svg);
	/* サイトトップ */
	--ic_search: url(/img/c-icon_search.svg);
	--ic_balloon: url(/img/c-icon_balloon.svg);
	--ic_arrowhead-w: url(/img/c-icon_arrowhead-white.svg);
	/* チェックボックス */
	--ic_check-on: url(/img/c-icon_check-on.svg);
	--ic_check-off: url(/img/c-icon_check-off.svg);
	--ic_check-err: url(/img/c-icon_check-err.svg);
	/* ラジオボタン */
	--ic_radio-on: url(/img/c-icon_radio-on.svg);
	--ic_radio-off: url(/img/c-icon_radio-off.svg);
	--ic_radio-err: url(/img/c-icon_radio-err.svg);
	/* その他 */
	--ic_clip: url(/img/c-icon_clip.svg);
	--ic_tag: url(/img/c-icon_tag.svg);
	--ic_tag-link: url(/img/c-icon_tag-link.svg);

	/*----------------------------------------
	another setting
	-----------------------------------------*/
	scroll-behavior: smooth;
}

/*----------------------------------------
	default setting
-----------------------------------------*/
dt,th {font-weight: inherit;}
small {font-size: inherit;}
img { width: 100%; height: auto; }
body {
	font-size: var(--font-size16);
	color: var(--color_cmn-text-1);
	font-family: var(--ff_noto);
	font-feature-settings: "palt" 1;
	font-weight: var(--font-weight400);
	line-height: var(--line-height175);
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/*----------------------------------------
	font setting
-----------------------------------------*/
/* color */
.color_black { color: var(--color_black ); }
.color_white { color: var(--color_white); }
.color_cmn-heading { color: var(--color_cmn-heading); }
.color_cmn-text-1 { color: var(--color_cmn-text-1); }
.color_cmn-text-2 { color: var(--color_cmn-text-2); }
.color_cmn-text-3 { color: var(--color_cmn-text-3); }
.color_sapphire { color: var(--color_sapphire-500); }
.color_caution { color: var(--color_cmn-caution); }
.color_raspberry { color: var(--color_raspberry-500); }

/* size */
.font10 { font-size: var(--font-size10); }
.font11 { font-size: var(--font-size11); }
.font12 { font-size: var(--font-size12); }
.font14 { font-size: var(--font-size14); }
.font16 { font-size: var(--font-size16); }
.font18 { font-size: var(--font-size18); }
.font21 { font-size: var(--font-size21); }
.font24 { font-size: var(--font-size24); }
.font28 { font-size: var(--font-size28); }
.font32 { font-size: var(--font-size32); }
.font36 { font-size: var(--font-size36); }
.font42 { font-size: var(--font-size42); }
.font48 { font-size: var(--font-size48); }
.font55 { font-size: var(--font-size55); }
.font63 { font-size: var(--font-size63); }
.font72 { font-size: var(--font-size72); }
.font83 { font-size: var(--font-size83); }
.font95 { font-size: var(--font-size95); }
.font109 { font-size: var(--font-size109); }
.font125 { font-size: var(--font-size125); }
.font144 { font-size: var(--font-size144); }
.font165 { font-size: var(--font-size165); }

/* family */
.noto {
	font-family: var(--ff_noto);
	font-feature-settings: "palt" 1;
}
.roboto {
	font-family: var(--ff_roboto);
	font-feature-settings: normal;
}
.handwriting {
	font-family: var(--ff_handwriting);
	font-feature-settings: normal;
}

/* weight */
.light { font-weight: var(--font-weight300); }
.regular { font-weight: var(--font-weight400); }
.medium { font-weight: var(--font-weight500); }
.bold { font-weight: var(--font-weight700); }

/* line-height */
.lh2 { line-height: var(--line-height2); }
.lh175 { line-height: var(--line-height175); }
.lh15 { line-height: var(--line-height15); }
.lh125 { line-height: var(--line-height125); }

/* letter-spacing */
.ls005 { letter-spacing: var(--letter-spacing005); }

/*----------------------------------------
	other setting
-----------------------------------------*/
.pc_none { display: none; }
.sp_none { display: block; }
@media screen and (max-width: 800px) {
	.pc_none { display: block; }
	.sp_none { display: none; }
}

.indent {
	text-indent: -1em;
	padding-left: 1em;
}

.indent::before {
	content: "※";
}