/* variables color */
/*
#colors

@Service #2658CE
@Job #37B500
@Career #FE590F
@tone1 #F4F4F9
@tone2 #EBEBF3
@tone3 #CACAD9
@tone4 #84849A
@tone5 #4A4A4A
*/
/* variables-color */
:root {
	/* color color palette */
	/* Gray */
	--Gray-100: #f6f3f0;
	--Gray-200: #e4e0de;
	--Gray-300: #cbc8c6;
	--Gray-400: #b2afac;
	--Gray-500: #969391;
	--Gray-600: #716e6b;
	--Gray-700: #605d5b;
	--Gray-800: #4e4b49;
	--Gray-900: #2d2b29;
	--Gray-1000: #171413;
	/* Pink */
	--Pink-100: #fef1f5;
	--Pink-200: #fbd8e2;
	--Pink-300: #f7b5c8;
	--Pink-400: #f189aa;
	--Pink-500: #e9588e;
	--Pink-600: #cb006b;
	--Pink-700: #ac0058;
	--Pink-800: #8b0647;
	--Pink-900: #57002a;
	--Pink-1000: #280010;
	/* Red */
	--Red-100: #fff1f1;
	--Red-200: #ffd8d7;
	--Red-300: #fdb4b4;
	--Red-400: #fb888b;
	--Red-500: #f5505f;
	--Red-600: #d40038;
	--Red-700: #ac1731;
	--Red-800: #920625;
	--Red-900: #5c0415;
	--Red-1000: #2f0107;
	/* Orange */
	--Orange-100: #fef2ed;
	--Orange-200: #ffdacd;
	--Orange-300: #ffb59c;
	--Orange-400: #f88d68;
	--Orange-500: #f25915;
	--Orange-600: #c04101;
	--Orange-700: #934225;
	--Orange-800: #79371f;
	--Orange-900: #4f1f0d;
	--Orange-1000: #260c04;
	/* Lime */
	--Lime-100: #f2f9e2;
	--Lime-200: #dfebbf;
	--Lime-300: #c1d293;
	--Lime-400: #a2bb4b;
	--Lime-500: #869f16;
	--Lime-600: #687c0b;
	--Lime-700: #566606;
	--Lime-800: #465408;
	--Lime-900: #2c3505;
	--Lime-1000: #121700;
	/* Green */
	--Green-100: #ecfaec;
	--Green-200: #cdf0cc;
	--Green-300: #a8daa8;
	--Green-400: #66c56c;
	--Green-500: #28af3d;
	--Green-600: #2b8735;
	--Green-700: #276d2e;
	--Green-800: #1b5a22;
	--Green-900: #0f3a14;
	--Green-1000: #021b04;
	/* Aqua */
	--Aqua-100: #e3fafe;
	--Aqua-200: #b7f0fa;
	--Aqua-300: #7edae9;
	--Aqua-400: #12c0d6;
	--Aqua-500: #1aa4b6;
	--Aqua-600: #2b7e8a;
	--Aqua-700: #176774;
	--Aqua-800: #0f5760;
	--Aqua-900: #05373f;
	--Aqua-1000: #00191d;
	/* Blue */
	--Blue-100: #f2f5fc;
	--Blue-200: #dae3f7;
	--Blue-300: #b0c7f9;
	--Blue-400: #8aaaf6;
	--Blue-500: #648cf4;
	--Blue-600: #3a63e0;
	--Blue-700: #2045da;
	--Blue-800: #142ec5;
	--Blue-900: #08118c;
	--Blue-1000: #020448;
	/* Violet */
	--Violet-100: #f4f5fa;
	--Violet-200: #dfe1f6;
	--Violet-300: #bec2f8;
	--Violet-400: #9fa3f4;
	--Violet-500: #8382f3;
	--Violet-600: #6258dd;
	--Violet-700: #5336d8;
	--Violet-800: #451dc3;
	--Violet-900: #290083;
	--Violet-1000: #104;
	/* Purple */
	--Purple-100: #f9f3f9;
	--Purple-200: #eedced;
	--Purple-300: #e2b7e1;
	--Purple-400: #d392d2;
	--Purple-500: #c46bc4;
	--Purple-600: #a247a2;
	--Purple-700: #950c98;
	--Purple-800: #7d0c7f;
	--Purple-900: #4f0050;
	--Purple-1000: #260027;
	/* Yellow */
	--Yellow-100: #fffaec;
	--Yellow-200: #feeec1;
	--Yellow-300: #fee195;
	--Yellow-400: #f7ce5a;
	--Yellow-500: #f4c200;
	--Yellow-600: #d4a800;
	--Yellow-700: #b18c00;
	--Yellow-800: #896c00;
	--Yellow-900: #5f4a00;
	--Yellow-1000: #1f1600;
}

.p-search {
	padding: 20px;
}

.p-search-title {
	margin-bottom: 4px;
}

.p-search-panel {
	display: flex;
	align-items: flex-start;
	align-self: stretch;
	margin-top: 14px;
	gap: 16px;
}

@media print, screen and (max-width: 767px) {
	.p-search-panel {
		flex-direction: column;
	}
}

.p-search-panel-list {
	display: flex;
	flex: 1 0 0;
	justify-content: center;
	align-items: center;
	padding: 20px 24px;
	border-radius: 4px;
	background: #f4f4f6;
	gap: 20px;
}

@media print, screen and (max-width: 767px) {
	.p-search-panel-list {
		width: 100%;
	}
}

.p-search-box {
	margin-top: 32px;
}

.p-search-flex {
	display: flex;
	align-items: stretch;
	margin-bottom: 12px;
	gap: 16px;
}

@media print, screen and (max-width: 767px) {
	.p-search-flex {
		flex-direction: column;
	}
}

.p-search-flex-title {
	display: flex;
	align-items: center;
	margin-bottom: 4px;
	gap: 8px;
}

.p-search-flex-middle {
	max-width: 447px;
}

.p-search-flex-middle-inner {
	display: flex;
	align-items: center;
	margin-bottom: 10px;
	gap: 4px;
}

.p-search-flex-middle-inner .mod-input {
	width: 140px;
	min-height: 50px;
	font-size: 1.6rem;
}

@media print, screen and (max-width: 767px) {
	.p-search-flex-middle-inner .mod-input {
		width: 32%;
	}
}

.p-search-flex-right .mod-button {
	min-width: 186px;
}

@media print, screen and (max-width: 767px) {
	.p-search-flex-right .mod-button {
		width: 100%;
	}
}

.p-search-caution {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	align-self: stretch;
	margin-top: 32px;
	padding: 16px 24px;
	border: 1px solid #b40000;
	border-radius: 8px;
	gap: 8px;
}