@charset 'UTF-8';
/* 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;
}

.sp-view {
	display: none;
}

@media print, screen and (max-width: 767px) {
	.sp-view {
		display: block;
	}
}

.pc-view {
	display: none;
}

@media print, screen and (min-width: 768px) {
	.pc-view {
		display: block;
	}
}

.p-start-l-header {
	background: #fff;
	color: #000;
}

@media print, screen and (min-width: 768px) {
	.p-start-l-header {
		min-width: 1024px;
	}
}

.p-start-l-header-inner {
	display: flex;
	justify-content: space-between;
	align-items: center;
	max-width: 1200px;
	height: 72px;
	margin: 0 auto;
	padding: 0 16px;
}

@media print, screen and (max-width: 767px) {
	.p-start-l-header-inner {
		height: 60px;
	}
}

@media print, screen and (max-width: 767px) {
	.p-start-l-header-logo {
		width: auto;
		height: 27px;
	}
}

.p-start-l-header-group {
	display: flex;
	align-items: center;
	gap: 16px;
}

@media print, screen and (max-width: 767px) {
	.p-start-l-header-group {
		display: block;
		text-align: right;
	}
}

.p-start-l-header-text {
	overflow: hidden;
	padding: 4px 16px;
	border: 1px solid #000;
	border-radius: 4px;
	font-size: 1.4rem;
	font-weight: bold;
}

@media print, screen and (max-width: 767px) {
	.p-start-l-header-text {
		display: none;
	}
}

.p-start-l-header-telephone {
	position: relative;
	color: #000;
	font-size: 3.1rem;
	font-weight: bold;
}

@media print, screen and (max-width: 767px) {
	.p-start-l-header-telephone {
		font-size: 2rem;
	}
}

.p-start-l-header-telephone::before {
	content: '';
	display: inline-block;
	width: 23px;
	height: 25px;
	margin-right: 4px;
}

@media print, screen and (max-width: 767px) {
	.p-start-l-header-telephone::before {
		width: 14px;
		height: 16px;
		background-size: 14px auto;
	}
}

.p-start-l-header-telephone:hover {
	opacity: 0.8;
}

.p-start-l-header-business-hours {
	font-size: 1.4rem;
	font-weight: bold;
}

@media print, screen and (max-width: 767px) {
	.p-start-l-header-business-hours {
		font-size: 1.1rem;
	}
}

.not-login-header {
	position: -webkit-sticky;
	position: sticky;
	z-index: 100;
	top: 0;
	left: 0;
	width: 100%;
}

.not-login-header.header-relative {
	position: relative;
}

.not-login-header .p-start-l-header-inner {
	justify-content: space-between;
}

.not-login-header .p-start-l-header-nav {
	display: flex;
	margin-left: auto;
}

@media print, screen and (max-width: 767px) {
	.not-login-header .p-start-l-header-nav.hamburger-menu {
		display: none;
	}

	.not-login-header .p-start-l-header-nav.hamburger-menu-open {
		display: flex;
		position: absolute;
		top: 60px;
		left: 0;
		overflow-y: auto;
		flex-direction: column;
		width: 100%;
		height: calc(100vh - 60px);
		background-color: #f4f4f9;
	}
}

.not-login-header .p-start-l-header-link {
	display: flex;
	padding: 0 20px;
	color: #000;
	font-weight: 500;
	line-height: 68px;
}

@media print, screen and (max-width: 767px) {
	.not-login-header .p-start-l-header-link {
		line-height: 48px;
	}
}

@media print, screen and (max-width: 767px) {
	.not-login-header .p-start-l-header-link-career {
		background-color: #f55a13;
		color: #fff;
	}
}

.not-login-header .p-start-l-header-link-career:hover,
.not-login-header .p-start-l-header-link-career:active,
.not-login-header .p-start-l-header-link-career.is-current,
.not-login-header .p-start-l-header-link-career.is-selected {
	background-color: #f55a13;
	color: #fff;
}

@media print, screen and (max-width: 767px) {
	.not-login-header .p-start-l-header-link-job {
		background-color: #22ab38;
		color: #fff;
	}
}

.not-login-header .p-start-l-header-link-job:hover,
.not-login-header .p-start-l-header-link-job:active,
.not-login-header .p-start-l-header-link-job.is-current,
.not-login-header .p-start-l-header-link-job.is-selected {
	background-color: #22ab38;
	color: #fff;
}

.not-login-header .p-start-l-header-link.js-toggle-menu {
	position: relative;
	justify-content: center;
	align-items: center;
	gap: 8px;
}

@media print, screen and (max-width: 767px) {
	.not-login-header .p-start-l-header-link.js-toggle-menu {
		justify-content: start;
	}
}

@media print, screen and (min-width: 768px) {
	.not-login-header .p-start-l-header-link.js-toggle-menu {
		cursor: pointer;
	}
}

.not-login-header .p-start-l-header-link.js-toggle-menu::after {
	content: '';
	position: relative;
	width: 12px;
	height: 12px;
	margin-bottom: 6%;
	border-right: 2px solid #737373;
	border-bottom: 2px solid #737373;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	-webkit-transform-origin: center;
	transform-origin: center;
}

@media print, screen and (max-width: 767px) {
	.not-login-header .p-start-l-header-link.js-toggle-menu::after {
		display: none;
	}
}

.not-login-header .p-start-l-header-link.js-toggle-menu.is-selected::after {
	margin-bottom: -6%;
	border: none;
	border-top: 2px solid #fff;
	border-left: 2px solid #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.not-login-header .p-start-l-header-link.js-toggle-menu:hover::after,
.not-login-header .p-start-l-header-link.js-toggle-menu:active::after,
.not-login-header .p-start-l-header-link.js-toggle-menu.is-current::after {
	border-color: #fff;
}

.not-login-header .p-start-l-header-btn {
	margin: 0 20px;
}

@media print, screen and (max-width: 767px) {
	.not-login-header .p-start-l-header-btn {
		margin-right: 16px;
		margin-left: auto;
	}
}

.not-login-header .p-start-l-header-btn > a {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 0 16px;
	border-radius: 10px;
	background-color: #f4f4f9;
	color: #000;
	font-size: 16px;
	line-height: 40px;
}

@media print, screen and (max-width: 767px) {
	.not-login-header .p-start-l-header-btn > a {
		padding: 0 8px;
		border-radius: 5px;
		font-size: 12px;
		line-height: 32px;
	}
}

.not-login-header .p-start-l-header-btn > a:hover {
	background-color: #2658ce;
	color: #fff;
}

@media print, screen and (max-width: 767px) {
	.not-login-header .p-start-l-header-menu {
		position: relative;
		width: 32px;
		height: 32px;
		background: none;
	}

	.not-login-header .p-start-l-header-menu::before {
		content: '';
		position: absolute;
		top: 8px;
		left: 4px;
		width: 24px;
		height: 2px;
		background-color: #000;
	}

	.not-login-header .p-start-l-header-menu::after {
		content: '';
		position: absolute;
		bottom: 8px;
		left: 4px;
		width: 24px;
		height: 2px;
		background-color: #000;
	}

	.not-login-header .p-start-l-header-menu span {
		position: absolute;
		top: 50%;
		left: 4px;
		width: 24px;
		height: 2px;
		margin-top: -1px;
		background-color: #000;
	}

	.is-nav-open .not-login-header .p-start-l-header-menu::before {
		top: 14px;
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}

	.is-nav-open .not-login-header .p-start-l-header-menu::after {
		top: 14px;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}

	.is-nav-open .not-login-header .p-start-l-header-menu span {
		display: none;
	}

	.not-login-header .p-start-l-header-menu .p-start-header.is-open .p-start-header-menu::before {
		top: 14px;
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}

	.not-login-header .p-start-l-header-menu .p-start-header.is-open .p-start-header-menu::after {
		top: 14px;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}

	.not-login-header .p-start-l-header-menu .p-start-header.is-open .p-start-header-menu span {
		display: none;
	}
}

.not-login-header .p-start-l-header-sub-nav {
	display: none;
	position: absolute;
	left: 0;
	width: 100%;
}

@media print, screen and (min-width: 768px) {
	.not-login-header .p-start-l-header-sub-nav {
		padding: 20px 0;
		background-color: #fff;
	}
}

@media print, screen and (max-width: 767px) {
	.not-login-header .p-start-l-header-sub-nav {
		display: flex;
		position: relative;
		flex-direction: column;
	}
}

.not-login-header .p-start-l-header-sub-nav a:hover {
	opacity: 0.6;
}

.not-login-header .p-start-l-header-sub-menu {
	display: flex;
	position: relative;
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 16px;
}

@media print, screen and (max-width: 767px) {
	.not-login-header .p-start-l-header-sub-menu {
		position: relative;
		flex-direction: column;
	}
}

.not-login-header .p-start-l-header-sub-menu::before {
	content: '';
	width: 1px;
	border-left: 1px solid #c9c9c9;
}

@media print, screen and (max-width: 767px) {
	.not-login-header .p-start-l-header-sub-menu::before {
		display: none;
	}
}

.not-login-header .p-start-l-header-sub-menu-list {
	flex: 1;
}

@media print, screen and (min-width: 768px) {
	.not-login-header .p-start-l-header-sub-menu-list {
		border-right: 1px solid #c9c9c9;
	}
}

.not-login-header .p-start-l-header-sub-menu-link {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	padding: 12px;
	color: #000;
	font-weight: 600;
}

@media print, screen and (max-width: 767px) {
	.not-login-header .p-start-l-header-sub-menu-link {
		justify-content: flex-start;
		padding: 12px 0;
	}
}

.not-login-header .p-start-l-header-sub-menu-top {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto 16px;
	padding: 0 16px;
	font-weight: 600;
}

@media print, screen and (max-width: 767px) {
	.not-login-header .p-start-l-header-sub-menu-top {
		margin: 0;
	}
}

.not-login-header .p-start-l-header-sub-menu-top > a {
	color: #000;
}

@media print, screen and (max-width: 767px) {
	.not-login-header .p-start-l-header-sub-menu-top > a {
		display: block;
		padding: 12px 0;
	}
}

@media print, screen and (max-width: 767px) {
	.not-login-footer {
		padding-top: 20px;
		padding-bottom: 12px;
	}
}

.not-login-footer .l-footer-inner {
	justify-content: space-between;
}

@media print, screen and (max-width: 767px) {
	.not-login-footer .l-footer-logo {
		display: flex;
		justify-content: center;
	}

	.not-login-footer .l-footer-logo img {
		width: 200px;
	}
}

.is-nav-open {
	overflow: hidden;
}

.l-wrapper {
	padding-top: 0;
}

.p-start-header {
	background-color: #fff;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
}

.p-start-header.is-open .p-start-header-menu::before {
	top: 14px;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.p-start-header.is-open .p-start-header-menu::after {
	top: 14px;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.p-start-header.is-open .p-start-header-menu span {
	display: none;
}

.p-start-header.is-open .p-start-header-nav {
	display: block;
}

.p-start-header.is-open .p-start-header-local {
	display: block;
}

.p-start-header-inner {
	display: flex;
	align-items: center;
	padding: 0 16px;
	gap: 22px;
}

@media print, screen and (min-width: 768px) {
	.p-start-header-inner {
		min-width: 1024px;
		max-width: 1200px;
		height: 68px;
		margin: 0 auto;
	}
}

@media print, screen and (max-width: 767px) {
	.p-start-header-inner {
		width: 100%;
		height: 56px;
	}
}

@media print, screen and (min-width: 768px) {
	.p-start-header-logo {
		margin-top: -6px;
	}
}

@media print, screen and (max-width: 767px) {
	.p-start-header-logo img {
		width: auto;
		height: 27px;
	}
}

.p-start-header-nav {
	display: flex;
}

@media print, screen and (max-width: 767px) {
	.p-start-header-nav {
		display: none;
		position: absolute;
		z-index: 100;
		top: 56px;
		left: 0;
		flex-direction: column;
		width: 100%;
		border-top: 1px solid #ebebf3;
		background-color: #fff;
		box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
		color: #fafafa;
	}
}

.p-start-header-link {
	display: inline-block;
	padding: 0 20px;
	color: #4a4a4a !important;
	font-weight: 500;
	line-height: 68px;
}

@media print, screen and (max-width: 767px) {
	.p-start-header-link {
		width: 100%;
		border-bottom: 1px solid #ebebf3;
		font-size: 2.2rem;
		text-align: center;
	}
}

.p-start-header-link span {
	font-size: 1.4rem;
}

@media print, screen and (max-width: 767px) {
	.p-start-header-link span {
		font-size: 1.8rem;
	}
}

.p-start-header-link:hover,
-menu
.p-start-header-link:active {
	color: #fafafa !important;
}

.p-start-header-link-career:hover,
.p-start-header-link-career:active,
.p-start-header-link-career.is-current {
	background-color: #f55a13;
}

.p-start-header-link-career.is-current {
	color: #fafafa !important;
}

.p-start-header-link-job:hover,
.p-start-header-link-job:active,
.p-start-header-link-job.is-current {
	background-color: #22ab38;
}

.p-start-header-link-job.is-current {
	color: #fafafa !important;
}

@media print, screen and (max-width: 767px) {
	.p-start-header-menu {
		position: relative;
		width: 32px;
		height: 32px;
		margin-left: auto;
		background-color: none;
	}

	.p-start-header-menu::before {
		content: '';
		position: absolute;
		top: 8px;
		left: 4px;
		width: 24px;
		height: 2px;
		background-color: #000;
	}

	.p-start-header-menu::after {
		content: '';
		position: absolute;
		bottom: 8px;
		left: 4px;
		width: 24px;
		height: 2px;
		background-color: #000;
	}

	.p-start-header-menu span {
		position: absolute;
		top: 50%;
		left: 4px;
		width: 24px;
		height: 2px;
		margin-top: -1px;
		background-color: #000;
	}
}

.p-start-header-sub {
	border-top: 1px solid;
	background-color: #f4f4f9;
	line-height: 40px;
}

.p-start-header-sub-menu {
	display: inline-flex;
	justify-content: center;
	width: 100%;
	gap: 50px;
}

.p-start-header-sub-menu a {
	display: inline-block;
	position: relative;
	padding-right: 18px;
	color: #4a4a4a;
	font-size: 1.4rem;
}

.p-start-header-sub-menu a::after {
	content: '';
	position: absolute;
	top: 50%;
	right: 2px;
	width: 8px;
	height: 8px;
	margin-top: -6px;
	border-top: 2px solid #000;
	border-right: 2px solid #000;
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
}

.p-start-header-sub-career {
	border-color: #f55a13;
}

.p-start-header-sub-job {
	border-color: #22ab38;
}

@media print, screen and (max-width: 767px) {
	.p-start-header-sub {
		display: none;
	}
}

.p-start-support {
	min-width: 1024px;
	margin-top: auto;
	padding: 80px 16px;
	border-bottom: solid 1px rgba(255, 255, 255, 0.3);
	background-color: #2658ce;
	color: #fff;
	text-align: center;
}

@media print, screen and (max-width: 767px) {
	.p-start-support {
		min-width: auto;
		padding: 40px 16px;
	}
}

.p-start-support-heading {
	margin-bottom: 16px;
	font-size: 3.2rem;
	font-weight: bold;
}

@media print, screen and (max-width: 767px) {
	.p-start-support-heading {
		font-size: 2.4rem;
	}
}

.p-start-support-text {
	margin-bottom: 8px;
	line-height: 1.5;
}

.p-start-support-button {
	display: flex;
	position: relative;
	justify-content: center;
	align-items: center;
	width: 480px;
	height: 72px;
	margin: 0 auto 24px;
	border-radius: 10px;
	background-color: #fff;
	color: #2658ce;
	font-size: 2rem;
	transition: opacity 0.2s ease-in-out;
}

.p-start-support-button:hover {
	opacity: 0.7;
	text-decoration: none;
}

.p-start-support-button:hover {
	color: #2658ce;
}

@media print, screen and (max-width: 767px) {
	.p-start-support-button {
		width: 100%;
		height: auto;
		padding: 16px 12px;
		font-size: 1.6rem;
	}
}

.p-start-support-button::after {
	content: '';
	position: absolute;
	top: 50%;
	right: 16px;
	width: 16px;
	height: 16px;
	margin-top: -8px;
	border-top: 2px solid #2658ce;
	border-right: 2px solid #2658ce;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

@media print, screen and (max-width: 767px) {
	.p-start-support-button::after {
		width: 10px;
		height: 10px;
		margin-top: -5px;
	}
}

.p-start-support-contact {
	display: flex;
	justify-content: center;
	margin-bottom: 40px;
	gap: 16px;
}

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

.p-start-support-contact a {
	position: relative;
	padding-left: 34px;
	color: #fff;
	transition: opacity 0.2s ease-in-out;
}

.p-start-support-contact a:hover {
	opacity: 0.7;
	text-decoration: none;
}

.p-start-support-contact a::before {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
	width: 32px;
	height: 32px;
	margin-top: -16px;
}

.p-start-support-contact-tel a::before {
	background: url('../img/start/icon-tel.svg') no-repeat center center;
	background-size: 28px auto;
}

.p-start-support-contact-mail a::before {
	background: url('../img/start/icon-mail.svg') no-repeat center center;
	background-size: 28px auto;
}

.p-start-support-contact-fax a::before {
	background: url('../img/start/icon-fax.svg') no-repeat center center;
	background-size: 28px auto;
}

.p-start-support-time {
	margin-bottom: 8px;
	font-size: 2rem;
	font-weight: bold;
}

.p-start-support-note {
	line-height: 1.5;
}

@media print, screen and (max-width: 767px) {
	.p-start-support-note {
		font-size: 1.4rem;
		text-align: left;
	}
}

.p-start-footer {
	background-color: #2658ce;
	color: #fff;
}

@media print, screen and (min-width: 768px) {
	.p-start-footer {
		min-width: 1024px;
	}
}

@media print, screen and (max-width: 767px) {
	.p-start-footer {
		background-color: #fff;
	}
}

.p-start-footer-inner {
	display: flex;
	align-items: center;
	padding: 24px 16px;
}

@media print, screen and (min-width: 768px) {
	.p-start-footer-inner {
		justify-content: space-between;
		min-width: 1024px;
		max-width: 1200px;
		margin: 0 auto;
		/* 【_footer_service_links.njk】用のレイアウト変更 */;
	}
}

@media print, screen and (max-width: 767px) {
	.p-start-footer-inner {
		flex-direction: column;
		padding: 16px 16px 0;
	}
}

.p-start-footer-logo {
	display: block;
	margin-right: 32px;
}

@media print, screen and (max-width: 767px) {
	.p-start-footer-logo {
		display: none;
	}
}

.p-start-footer-list {
	display: flex;
	align-items: center;
	font-size: 1.3rem;
	gap: 16px;
}

@media print, screen and (min-width: 768px) {
	.p-start-footer-list {
		line-height: 1;
	}
}

@media print, screen and (max-width: 767px) {
	.p-start-footer-list {
		display: block;
		width: 100%;
		padding-bottom: 8px;
		text-align: center;
	}
}

@media print, screen and (max-width: 767px) {
	.p-start-footer-list li {
		display: inline-block;
		margin-right: 1em;
	}
}

.p-start-footer-list a {
	color: #fff;
}

.p-start-footer-list a:hover {
	text-decoration: underline;
}

@media print, screen and (max-width: 767px) {
	.p-start-footer-list a {
		color: #2658ce;
	}
}

.p-start-footer-copyright {
	margin-left: auto;
	font-size: 1rem;
}

@media print, screen and (max-width: 767px) {
	.p-start-footer-copyright {
		display: block;
		width: calc(100% + 32px);
		margin: 0 -16px;
		padding: 10px 0;
		background-color: #2658ce;
		text-align: center;
	}
}

.p-start-body {
	display: grid;
	min-height: 100vh;
	grid-template-rows: auto 1fr auto;
	grid-template-columns: 100%;
}

.p-start-bg {
	background-color: #fff;
	color: #000;
}

@media print, screen and (min-width: 768px) {
	.p-start-bg {
		min-width: 1024px;
	}
}

.p-start-bg_gray {
	background-color: #f4f4f9;
}

@media print, screen and (min-width: 768px) {
	.p-start-bg_gray {
		min-width: 1024px;
	}
}

.p-start-section {
	background-color: #ffd407;
}

.p-start-section-inner {
	margin: 0 auto;
	padding: 10px;
	font-size: 2.0rem;
	font-weight: 600;
	text-align: center;
}

@media print, screen and (min-width: 768px) {
	.p-start-section-inner {
		max-width: 1200px;
	}
}

@media print, screen and (max-width: 767px) {
	.p-start-section-inner {
		width: 100%;
		font-size: 1.6rem;
	}
}

.p-start-kv {
	position: relative;
	overflow: hidden;
	width: 100%;
}

@media print, screen and (min-width: 768px) {
	.p-start-kv {
		min-height: 500px;
	}
}

@media print, screen and (max-width: 767px) {
	.p-start-kv {
		height: 640px;
	}
}

.p-start-kv::before {
	content: '';
	display: block;
	position: absolute;
	left: 50%;
	width: 100%;
	height: 100%;
	background: url('../img/start/kv_jobs_bg.webp') no-repeat center top;
	background-size: 2000px auto;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}

@media print, screen and (max-width: 767px) {
	.p-start-kv::before {
		background: url('../img/start/kv_jobs_bg_sp.webp') no-repeat center;
		background-size: cover;
	}
}

.p-start-kv.recruit::before {
	background: url('../img/start/kv_recruits_bg.webp') no-repeat center top;
	background-size: 2000px auto;
}

@media print, screen and (max-width: 767px) {
	.p-start-kv.recruit::before {
		background: url('../img/start/kv_recruits_bg_sp.webp') no-repeat center;
		background-size: cover;
	}
}

.p-start-kv.cafe::before {
	background: url('../img/start/kv_cafe_bg.webp') no-repeat center top;
	background-size: 2000px auto;
}

@media print, screen and (max-width: 767px) {
	.p-start-kv.cafe::before {
		background: url('../img/start/kv_cafe_bg_sp.webp') no-repeat center;
		background-size: cover;
	}
}

.p-start-inner {
	position: relative;
	max-width: 1200px;
	height: 100%;
	margin: 0 auto;
	padding: 20px 16px;
}

.p-start-content {
	padding: 30px 16px 0 0;
}

@media print, screen and (max-width: 767px) {
	.p-start-content {
		width: 100%;
		padding: 0;
	}
}

.p-start-copy {
	display: flex;
	align-items: center;
	margin-bottom: 10px;
	font-family: 'A P-OTF Gothic MB101 Pr6N' ,sans-serif;
	gap: 10px;
}

@media print, screen and (max-width: 767px) {
	.p-start-copy {
		gap: 5px;
	}
}

.p-start-copy-heading {
	display: inline-block;
	width: 228px;
	padding: 8px 0;
	border-radius: 100px;
	background-color: #f55a13;
	color: #fff;
	font-size: 2.0rem;
	font-weight: 600;
	text-align: center;
}

.p-start-copy-heading.recruit {
	background-color: #22ab38;
}

.p-start-copy-heading.cafe {
	background-color: #00a9e0;
}

@media print, screen and (max-width: 767px) {
	.p-start-copy-heading {
		width: 147px;
		padding: 6px 0;
		font-size: 1.2rem;
	}
}

.p-start-copy-text {
	font-size: 2.8rem;
	font-weight: 500;
}

@media print, screen and (max-width: 767px) {
	.p-start-copy-text {
		font-size: 1.8rem;
	}

	.cafe .p-start-copy-text {
		font-size: 4vw;
	}
}

.p-start-title {
	margin-bottom: 10px;
	font-family: 'A P-OTF Gothic MB101 Pr6N' ,sans-serif;
	font-size: 5.2rem;
	font-weight: 600;
	line-height: 1.3;
}

.p-start-title span {
	color: #f55a13;
}

.p-start-title.recruit span {
	color: #22ab38;
}

.p-start-title.cafe span {
	color: #00a9e0;
}

@media print, screen and (max-width: 767px) {
	.p-start-title {
		font-size: 3.0rem;
	}
}

.p-start-lead-text {
	width: 50%;
	font-size: 1.6rem;
	line-height: 1.5;
}

@media print, screen and (max-width: 767px) {
	.p-start-lead-text {
		width: 100%;
	}
}

.p-start-box {
	display: flex;
	align-items: center;
	width: 100%;
	gap: 32px;
}

@media print, screen and (min-width: 768px) {
	.p-start-box {
		padding: 20px 0;
	}
}

@media print, screen and (max-width: 767px) {
	.p-start-box {
		flex-direction: column;
		padding: 20px 0;
		gap: 10px;
	}
}

.p-start-button-application {
	display: flex;
	position: relative;
	justify-content: center;
	align-items: center;
	width: 100%;
	padding: 20px;
	border: solid 2px #f55a13;
	border-radius: 10px;
	background-color: #f55a13;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
	color: #fff;
	font-size: 2.4rem;
	font-weight: 600;
	transition: ease-in-out 0.3s;
}

.p-start-button-application::after {
	content: '';
	position: absolute;
	top: calc( 50% + 2px);
	right: 16px;
	width: 12px;
	height: 12px;
	margin-top: -8px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.p-start-button-application:active::after {
	content: '';
	position: absolute;
	width: 12px;
	height: 12px;
	border-top: 2px solid #f55a13;
	border-right: 2px solid #f55a13;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.p-start-button-application:hover::after {
	content: '';
	position: absolute;
	width: 12px;
	height: 12px;
	border-top: 2px solid #f55a13;
	border-right: 2px solid #f55a13;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.p-start-button-application:visited,
.p-start-button-application:active,
.p-start-button-application:focus {
	color: #fff;
}

.p-start-button-application:hover {
	background-color: #fff;
	color: #f55a13;
}

@media print, screen and (max-width: 767px) {
	.p-start-button-application {
		padding: 14px;
		font-size: 2.0rem;
	}
}

.p-start-button-application.recruit {
	border: solid 2px #22ab38;
	background-color: #22ab38;
}

.p-start-button-application.recruit::after {
	content: '';
	position: absolute;
	top: calc( 50% + 2px);
	right: 16px;
	width: 12px;
	height: 12px;
	margin-top: -8px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.p-start-button-application.recruit:active::after {
	content: '';
	position: absolute;
	width: 12px;
	height: 12px;
	border-top: 2px solid #22ab38;
	border-right: 2px solid #22ab38;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.p-start-button-application.recruit:hover::after {
	content: '';
	position: absolute;
	width: 12px;
	height: 12px;
	border-top: 2px solid #22ab38;
	border-right: 2px solid #22ab38;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.p-start-button-application.recruit:visited,
.p-start-button-application.recruit:active,
.p-start-button-application.recruit:focus {
	color: #fff;
}

.p-start-button-application.recruit:hover {
	background-color: #fff;
	color: #22ab38;
}

.p-start-button-application.cafe {
	border: solid 2px #00a9e0;
	background-color: #00a9e0;
}

.p-start-button-application.cafe::after {
	content: '';
	position: absolute;
	top: calc( 50% + 2px);
	right: 16px;
	width: 12px;
	height: 12px;
	margin-top: -8px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.p-start-button-application.cafe:active::after {
	content: '';
	position: absolute;
	width: 12px;
	height: 12px;
	border-top: 2px solid #00a9e0;
	border-right: 2px solid #00a9e0;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.p-start-button-application.cafe:hover::after {
	content: '';
	position: absolute;
	width: 12px;
	height: 12px;
	border-top: 2px solid #00a9e0;
	border-right: 2px solid #00a9e0;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.p-start-button-application.cafe:visited,
.p-start-button-application.cafe:active,
.p-start-button-application.cafe:focus {
	color: #fff;
}

.p-start-button-application.cafe:hover {
	background-color: #fff;
	color: #00a9e0;
}

.p-start-button-application.is-disabled {
	cursor: none;
	border: solid 2px #cacad9;
	background-color: #cacad9;
	pointer-events: none;
}

.p-start-button-application.is-disabled::after,
.p-start-button-application.is-disabled::before {
	display: none;
}

@media print, screen and (max-width: 767px) {
	.p-start-button-application.is-disabled {
		font-size: 1.6rem;
	}
}

.p-start-button-document {
	display: flex;
	position: relative;
	justify-content: center;
	align-items: center;
	width: 100%;
	padding: 20px;
	border: solid 2px #f55a13;
	border-radius: 10px;
	background-color: #fff;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
	color: #f55a13;
	font-size: 2.4rem;
	font-weight: 600;
	transition: ease-in-out 0.3s;
}

.p-start-button-document::after {
	content: '';
	position: absolute;
	top: calc( 50% + 2px);
	right: 16px;
	width: 12px;
	height: 12px;
	margin-top: -8px;
	border-top: 2px solid #f55a13;
	border-right: 2px solid #f55a13;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.p-start-button-document:active::after {
	content: '';
	position: absolute;
	width: 12px;
	height: 12px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.p-start-button-document:hover::after {
	content: '';
	position: absolute;
	width: 12px;
	height: 12px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.p-start-button-document:visited,
.p-start-button-document:active,
.p-start-button-document:focus {
	color: #f55a13;
}

.p-start-button-document:hover {
	background-color: #f55a13;
	color: #fff;
}

@media print, screen and (max-width: 767px) {
	.p-start-button-document {
		padding: 14px;
		font-size: 2.0rem;
	}
}

.p-start-button-document.recruit {
	border: solid 2px #22ab38;
	color: #22ab38;
}

.p-start-button-document.recruit::after {
	content: '';
	position: absolute;
	top: calc( 50% + 2px);
	right: 16px;
	width: 12px;
	height: 12px;
	margin-top: -8px;
	border-top: 2px solid #22ab38;
	border-right: 2px solid #22ab38;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.p-start-button-document.recruit:active::after {
	content: '';
	position: absolute;
	width: 12px;
	height: 12px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.p-start-button-document.recruit:hover::after {
	content: '';
	position: absolute;
	width: 12px;
	height: 12px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.p-start-button-document.recruit:visited,
.p-start-button-document.recruit:active,
.p-start-button-document.recruit:focus {
	color: #22ab38;
}

.p-start-button-document.recruit:hover {
	background-color: #22ab38;
	color: #fff;
}

.p-start-button-document.cafe {
	border: solid 2px #00a9e0;
	color: #00a9e0;
}

.p-start-button-document.cafe::after {
	content: '';
	position: absolute;
	top: calc( 50% + 2px);
	right: 16px;
	width: 12px;
	height: 12px;
	margin-top: -8px;
	border-top: 2px solid #00a9e0;
	border-right: 2px solid #00a9e0;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.p-start-button-document.cafe:active::after {
	content: '';
	position: absolute;
	width: 12px;
	height: 12px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.p-start-button-document.cafe:hover::after {
	content: '';
	position: absolute;
	width: 12px;
	height: 12px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.p-start-button-document.cafe:visited,
.p-start-button-document.cafe:active,
.p-start-button-document.cafe:focus {
	color: #00a9e0;
}

.p-start-button-document.cafe:hover {
	background-color: #00a9e0;
	color: #fff;
}

.p-start-login-box {
	margin: auto;
}

@media print, screen and (min-width: 768px) {
	.p-start-login-box {
		max-width: 430px;
		padding: 40px 0;
	}
}

@media print, screen and (max-width: 767px) {
	.p-start-login-box {
		width: 100%;
		padding: 40px 16px;
	}
}

.p-start-login-box > input,
.p-start-login-box > label {
	display: none;
}

.p-start-login-box .box-inner {
	display: block;
}

.p-start-login-box-inner {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 100%;
	margin-bottom: 20px;
	padding: 56px 40px;
	border-radius: 16px;
	background-color: #fff;
	gap: 20px;
}

.p-start-login-box-inner .login-txt {
	margin-bottom: 12px;
	font-size: 2.4rem;
	font-weight: bold;
}

.p-start-login-box-inner .input {
	display: flex;
	flex-direction: column;
	width: 100%;
	gap: 5px;
}

.p-start-login-box-inner .input label {
	font-size: 1.4rem;
	font-weight: bold;
}

.p-start-login-box-inner .mod-input {
	outline: none;
	width: 100%;
	padding: 10px;
	border: 1px solid #cacad9;
	border-radius: 5px;
	background-color: #fff;
	line-height: 1.4;
}

.p-start-login-box-inner .checkbox {
	font-size: 1.4rem;
}

.p-start-login-box-inner .checkbox label {
	margin-right: 0;
	border: none;
}

.p-start-login-box-inner .checkbox input:checked + label:after {
	background-color: #2658ce !important;
}

.p-start-login-box-inner .checkbox .login-button button {
	width: 10em;
	background-color: #4976de;
}

.p-start-login-box-inner .checkbox .login-button button:hover {
	background-color: #2658ce;
}

.p-start-login-box-inner .login-button {
	width: 140px;
}

.p-start-login-box .forget_pass {
	text-align: center;
}

.p-start-login-box .forget_pass .mod-link {
	position: relative;
	color: #000;
	font-size: 1.4rem;
	font-weight: bold;
}

.p-start-login-box .forget_pass .mod-link::after {
	content: '';
	position: absolute;
	top: 50%;
	right: -15px;
	width: 8px;
	height: 8px;
	margin-top: -3px;
	border-top: 2px solid #2658ce;
	border-right: 2px solid #2658ce;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.p-start-login-box .error-text {
	display: none;
}

.p-start-login-box.error .mod-input {
	border: 1px solid #b40000;
}

.p-start-login-box.error .error-text {
	display: block;
	color: #b40000;
	font-size: 1.2rem;
}

.p-start-login-box.error .error-box {
	display: flex;
	align-items: center;
	width: 100%;
	padding: 8px 12px;
	border-radius: 8px;
	background-color: #fbe9e9;
	color: #b40000;
	gap: 8px;
}

.p-start-login-box.error .error-box::before {
	content: '\e911';
	padding-right: 5px;
	font-family: 'icomoon';
}

.p-start-login-box.error .error-box-inner {
	font-size: 1.2rem;
}

.p-start-login-box.error .error-box-inner p,
.p-start-login-box.error .error-box-inner a {
	font-weight: bold;
}

.p-start-login-box.error .error-box-inner a {
	cursor: pointer;
	color: #b40000;
	text-decoration: underline;
}

.p-start-information-box {
	margin: auto;
}

@media print, screen and (min-width: 768px) {
	.p-start-information-box {
		max-width: 1200px;
		padding: 0 16px 80px;
	}
}

@media print, screen and (max-width: 767px) {
	.p-start-information-box {
		width: 100%;
		padding: 0 16px 20px;
	}
}

.p-start-information-box-inner {
	padding: 15px;
	border-radius: 5px;
	background-color: #fff9b2;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
	color: #4a4a4a;
}

.p-start-information-box-inner .information-titl {
	margin-bottom: 10px;
	padding-left: 1.2em;
	font-size: 1.8rem;
	font-weight: bold;
	text-indent: -1.2em;
}

.p-start-information-box-inner .information-titl::before {
	content: '\e911';
	padding-right: 5px;
	font-family: 'icomoon';
}

.p-start-information-box-inner .information-text {
	font-size: 1.4rem;
}

.p-start-information-box-inner .information-text span {
	display: block;
	padding-left: 1em;
	text-indent: -1em;
}