@media screen and (min-width:769px) {
	html {font-size: 62.5%;}
}

@media screen and (max-width:1860px) {
	html {font-size: calc(10 * (100vw / 1860))}
}

@media screen and (min-width:769px) {
	body {
		font-family: 'Noto Sans JP',"游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
			font-size: 62.5%;
		font-weight: 400;
			font-feature-settings: "palt";
		letter-spacing: 0.1em;
			color: #00273F;
		background: #FBFAF5;
	}

	a,
	button{
			color: #4467aa;
			text-decoration: none;
			transition: opacity  0.3s ease;
	}
	a:hover,
	button:hover{opacity: .6; cursor: pointer;}


	/**************************************
	wrap
	**************************************/
	#wrap{
		width: 100%;
		margin: 0 auto;
		padding: 6rem 0 0 30rem;
			overflow: hidden;
	}


	/*
	#wrap.lock{
		position: fixed;
		overflow: hidden;
		top: 0;
	}
	*/


	/**************************************
	swiper Setting
	**************************************/
	.sliderWrapper {
		position: relative;
		width: 100%;
		height: 100%;
		z-index: 1;
		display: flex;
		transition-property: transform;
		box-sizing: content-box;
	}
	.swiper-container-android .swiper-slide,
	.sliderWrapper {
		transform: translate3d(0px, 0, 0);
	}
	.swiper-container-multirow > .sliderWrapper {
		flex-wrap: wrap;
	}
	.swiper-container-multirow-column > .sliderWrapper {
		flex-wrap: wrap;
		flex-direction: column;
	}
	.swiper-container-free-mode > .sliderWrapper {
		transition-timing-function: ease-out;
		margin: 0 auto;
	}
	.swiper-container-pointer-events {
		touch-action: pan-y;
	}
	.swiper-container-pointer-events.swiper-container-vertical {
		touch-action: pan-x;
	}
	.slider {
		flex-shrink: 0;
		height: 100%;
		position: relative;
		transition-property: transform;
	}
	.swiper-slide-invisible-blank {
		visibility: hidden;
	}
	/* Auto Height */
	.swiper-container-autoheight,
	.swiper-container-autoheight .slider {
		height: auto;
	}
	.swiper-container-autoheight .sliderWrapper {
		align-items: flex-start;
		transition-property: transform, height;
	}

	/* CSS Mode */
	.swiper-container-css-mode > .sliderWrapper {
		overflow: auto;
		scrollbar-width: none;
		/* For Firefox */
		-ms-overflow-style: none;
		/* For Internet Explorer and Edge */
	}
	.swiper-container-css-mode > .sliderWrapper::-webkit-scrollbar {
		display: none;
	}
	.swiper-container-css-mode > .sliderWrapper > .slider {
		scroll-snap-align: start start;
	}
	.swiper-container-horizontal.swiper-container-css-mode > .sliderWrapper {
		scroll-snap-type: x mandatory;
	}
	.swiper-container-vertical.swiper-container-css-mode > .sliderWrapper {
		scroll-snap-type: y mandatory;
	}


	/* a11y */
	.swiper-container .swiper-notification {
		position: absolute;
		left: 0;
		top: 0;
		pointer-events: none;
		opacity: 0;
		z-index: -1000;
	}
	.swiper-container-fade.swiper-container-free-mode .slider {
		transition-timing-function: ease-out;
	}
	.swiper-container-fade .slider {
		pointer-events: none;
		transition-property: opacity;
	}
	.swiper-container-fade .slider .slider {
		pointer-events: none;
	}
	.swiper-container-fade .swiper-slide-active,
	.swiper-container-fade .swiper-slide-active .swiper-slide-active {
		pointer-events: auto;
	}
	.swiper-container-cube {
		overflow: visible;
	}
	.swiper-container-cube .slider {
		pointer-events: none;
		-webkit-backface-visibility: hidden;
						backface-visibility: hidden;
		z-index: 1;
		visibility: hidden;
		transform-origin: 0 0;
		width: 100%;
		height: 100%;
	}
	.swiper-container-cube .slider .slider {
		pointer-events: none;
	}
	.swiper-container-cube.swiper-container-rtl .slider {
		transform-origin: 100% 0;
	}
	.swiper-container-cube .swiper-slide-active,
	.swiper-container-cube .swiper-slide-active .swiper-slide-active {
		pointer-events: auto;
	}
	.swiper-container-cube .swiper-slide-active,
	.swiper-container-cube .swiper-slide-next,
	.swiper-container-cube .swiper-slide-prev,
	.swiper-container-cube .swiper-slide-next + .slider {
		pointer-events: auto;
		visibility: visible;
	}
	.swiper-container-cube .swiper-slide-shadow-top,
	.swiper-container-cube .swiper-slide-shadow-bottom,
	.swiper-container-cube .swiper-slide-shadow-left,
	.swiper-container-cube .swiper-slide-shadow-right {
		z-index: 0;
		-webkit-backface-visibility: hidden;
						backface-visibility: hidden;
	}
	.swiper-container-cube .swiper-cube-shadow {
		position: absolute;
		left: 0;
		bottom: 0px;
		width: 100%;
		height: 100%;
		opacity: 0.6;
		z-index: 0;
	}
	.swiper-container-cube .swiper-cube-shadow:before {
		content: '';
		background: #000;
		position: absolute;
		left: 0;
		top: 0;
		bottom: 0;
		right: 0;
		filter: blur(50px);
	}
	.swiper-container-flip {
		overflow: visible;
	}
	.swiper-container-flip .slider {
		pointer-events: none;
		-webkit-backface-visibility: hidden;
						backface-visibility: hidden;
		z-index: 1;
	}
	.swiper-container-flip .slider .slider {
		pointer-events: none;
	}
	.swiper-container-flip .swiper-slide-active,
	.swiper-container-flip .swiper-slide-active .swiper-slide-active {
		pointer-events: auto;
	}
	.swiper-container-flip .swiper-slide-shadow-top,
	.swiper-container-flip .swiper-slide-shadow-bottom,
	.swiper-container-flip .swiper-slide-shadow-left,
	.swiper-container-flip .swiper-slide-shadow-right {
		z-index: 0;
		-webkit-backface-visibility: hidden;
						backface-visibility: hidden;
	}

	.swiper-button-disabled{opacity: 0; pointer-events: none;}

	/**************************************
	#header
	**************************************/
	#header{
		display: block;
			height: 100vh;
			width: 30rem;
		padding: 3rem 2rem 0;
			background-color: #EEEEEE;
			position: fixed;
			z-index: 1001;
			left: 0;
			top: 0;
	}


	#header .headLogo{
		display: block;
		width: 100%;
		max-width: 20rem;
		margin: 0 auto 5rem;
	}

	#header .headLogo > a{
		display: block;
		width: 100%;
	}
	#header .headLogo picture{
		display: block;
		width: 100%;
		max-width: 16rem;
		margin: 0 auto 2rem;
	}
	#header .headLogo picture > img{display: block; width: 100%; height: auto;}

	#header .headLogo span{
			display: flex;
		flex-wrap: nowrap;
		align-items: center;
		justify-content: center;
		width: 100%;
		height: 4rem;
		background: #00293f;
		font-size: 2.4rem;
		color: #FFFFFF;
		text-align: center;
		font-weight: 700;
		line-height: 1;
	}

	#header #headNav{
		display: block;
	}

	#header #headNav > .openBtn{display: none;}

	#header #headNav > .headNavList,
	#header #headNav > .headNavList > ul{display: block;}

	#header #headNav > .headNavList > ul > li{
		display: block;
		width: 100%;
	}
	#header #headNav > .headNavList > ul > li + li{margin-top: 5px;}

	#header #headNav > .headNavList > ul > li > a{
			display: flex;
		flex-wrap: nowrap;
		align-items: center;
		justify-content: flex-start;
		width: 100%;
		min-height: 4rem;
		padding: 1rem 1rem 1rem 3rem;
		background: #FFFFFF;
		border-radius: 4px;
		font-size: 1.8rem;
		color: #00293f;
		text-align: left;
		font-weight: 700;
		line-height: 1;
		position: relative;
	}
	#header #headNav > .headNavList > ul > li > a::before{
		content: '';
		display: block;
		width: 2px;
		height: calc(100% - 2rem);
		background: #cccccc;
		position: absolute;
		left: 1.2rem;
		top: 1rem;
	}
	#header #headNav > .headNavList > ul > li > a.current::before{
		background: #ec6c00;
	}

	#header #headNav > .headNavList > ul > li > ul{
		display: block;
		width: 100%;
		position: relative;
	}
	#header #headNav > .headNavList > ul > li > ul::before{
		content: '';
		display: block;
		width: 100%;
		height: 4px;
		background: #FFFFFF;
		position: absolute;
		top: -4px;
		left: 0;
		pointer-events: none;
	}
	#header #headNav > .headNavList > ul > li > ul > li{display: block;}
	#header #headNav > .headNavList > ul > li > ul > li > a{
			display: flex;
		flex-wrap: nowrap;
		align-items: center;
		justify-content: flex-start;
		width: 100%;
		min-height: 3rem;
		padding: 1rem 1rem 1rem 3rem;
		background: #FFFFFF;
		font-size: 1.8rem;
		color: #00293f;
		text-align: left;
		font-weight: 700;
		line-height: 1;
		position: relative;
	}
	#header #headNav > .headNavList > ul > li > ul > li:nth-last-of-type(1) > a{border-radius: 0 0 4px 4px;}
	#header #headNav > .headNavList > ul > li > ul > li > a.current{
		color: #ec6c00;
	}


	#header #headNav > .headNavList > .close{display: none;}


	#header #headUtilityNav{
			display: flex;
		flex-wrap: nowrap;
		align-items: center;
		justify-content: flex-end;
		width: 100%;
		height: 6rem;
		max-width: calc(100% - 30rem);
		background: #ffffff;
		position: fixed;
		right: 0;
		top: 0;
		z-index: 1000;
	}

	#header #headUtilityNav > .loginName{
		display: block;
		font-size: 1.4rem;
		font-weight: 700;
	}

	#header #headUtilityNav > ul{
			display: flex;
		flex-wrap: nowrap;
		align-items: center;
		justify-content: flex-end;
		padding-left: 3rem;
		padding-right: 4rem;
	}

	#header #headUtilityNav > ul > li{display: block;}
	#header #headUtilityNav > ul > li + li{margin-left: 3rem;}

	#header #headUtilityNav > ul > li > a{
			display: flex;
		flex-wrap: nowrap;
		align-items: center;
		justify-content: flex-start;
		color: #00273F;
		font-size: 1.6rem;
		font-weight: 700;
		cursor: pointer;
	}

	#header #headUtilityNav > ul > li > a > span{
		display: block;
		margin-right: 1.5rem;
	}
	#header #headUtilityNav > ul > li > a > span > img{display: block; width: 100%; height: auto;}


	#header #headUtilityNav > ul > li.login > a > span{width: 3rem;}
	#header #headUtilityNav > ul > li.register > a > span,
	#header #headUtilityNav > ul > li.mypage > a > span{width: 2.6rem;}



	/**************************************
	#bottomAside
	**************************************/
	#bottomAside{
		display: block;
		width: 100%;
		max-width: calc(1500px + 12rem);
		padding: 5rem 6rem 6rem;
		margin: 0 auto;
	}

	#bottomAside > .hikokaiBanner{display: block; width: 100%;}
	#bottomAside > .hikokaiBanner picture{display: block; width: 100%;}
	#bottomAside > .hikokaiBanner img{display: block; width: 100%; height: auto;}

	#bottomAside .secretOffer{
		display: block;
		padding: 3rem 4rem 4rem;
		background: #ffffff;
	}
	#bottomAside .secretOffer > h3{
		display: block;
		margin-bottom: 4rem;
		font-size: 3.2rem;
		font-weight: 700;
		text-align: left;
		line-height: 1.5;
	}

	#bottomAside .secretOffer > h3 > strong{color: #ffa000;}
	#bottomAside .secretOffer > h3 > span{font-size: 2.0rem;}

	#bottomAside .secretOffer > .reason{
			display: flex;
		flex-wrap: nowrap;
		align-items: flex-start;
		justify-content: flex-start;
	}

	#bottomAside .secretOffer > .reason > figure{
		display: block;
		width: 21.12676056338028%;
		order: 2;
	}
	#bottomAside .secretOffer > .reason > figure > img{display: block; width: 100%; height: auto;}

	#bottomAside .secretOffer > .reason > .text{
		display: block;
		width: auto;
		max-width: 78.87323943661972%;
		padding-right: 3.25%;
		font-size: 1.8rem;
		line-height: 1.3;
		font-weight: 700;
		text-align: left;
		order: 1;
	}

	#bottomAside .secretOffer > .reason > .text > dl{
		display: block;
		margin-bottom: 3rem;
	}

	#bottomAside .secretOffer > .reason > .text > dl > dt{
		display: block;
		font-size: 2.4rem;
		margin-bottom: 1.5rem;
	}

	#bottomAside .secretOffer > .reason > .text > dl > dd + dd{margin-top: 2.5rem;}

	#bottomAside .secretOffer > .reason > .text > p > strong{
		font-size: 3.2rem;
	}

	#bottomAside .secretOffer > .reason > .text > p + p{
		margin-top: 2rem;
	}


	#bottomAside .secretOffer > .earlyEntry{
		display: block;
		padding-top: 4.5rem;
	}

	#bottomAside .secretOffer > .earlyEntry > h4{
		display: block;
		font-size: 3.2rem;
		font-weight: 700;
		text-align: center;
		color: #339999;
		line-height: 1;
		margin-bottom: 2.5rem;
	}

	#bottomAside .secretOffer > .earlyEntry > p{
		font-size: 1.8rem;
		line-height: 1.4;
		font-weight: 700;
		text-align: center;
	}

	#bottomAside .secretOffer > .earlyEntry > .btnEntry{
		display: block;
		width: 50rem;
		padding-top: 2.5rem;
		margin: 0 auto;
	}

	#bottomAside .secretOffer > .earlyEntry > .btnEntry > a{
		height: 8rem;
		font-size: 3.2rem;
	}


	/**************************************
	#footer
	**************************************/
	#footer{padding-top: 5rem;}


	/** footerSearchNav ******************************************/
	#footer .footerSearchNav{
		display: block;
		width: 100%;
		max-width: calc(1500px + 12rem);
		padding: 0 6rem;
		margin: 0 auto 5rem;
	}

	#footer .footerSearchNav > dl{
		display: block;
		width: 100%;
		padding: 2rem 4rem 4rem;
		background: #FFFFFF;
	}


	#footer .footerSearchNav > dl > dt{
		display: block;
		padding-left: 4.5rem;
		margin-bottom: 2.5rem;
		font-size: 2.4rem;
		line-height: 3rem;
		font-weight: 700;
		background: url("/img/common/icon_search.svg") 0 center no-repeat;
		background-size: auto 3rem;
	}


	#footer .footerSearchNav > dl > dd{
		display: block;
	}

	#footer .footerSearchNav > dl > dd > dl{
		display: block;
	}
	#footer .footerSearchNav > dl > dd > dl + dl{margin-top: 2.5rem;}

	#footer .footerSearchNav > dl > dd > dl > dt{
		display: block;
		font-size: 1.8rem;
		font-weight: 700;
		line-height: 1;
		margin-bottom: 1.5rem;
		text-align: left;
	}
	#footer .footerSearchNav > dl > dd > dl > dd{display: block;}

	#footer .footerSearchNav > dl > dd > dl > dd > ul{
			display: flex;
		flex-wrap: wrap;
		align-items: center;
		justify-content: flex-start;
	}
	#footer .footerSearchNav > dl > dd > dl > dd > ul > li > a{
		font-size: 1.8rem;
		line-height: 1.4;
		text-align: left;
		letter-spacing: 0.05em;
	}


	/** category **********/
	#footer .footerSearchNav > dl > dd > dl.category > dd > ul > li{
		display: block;
		width: 20%;
		padding-right: 2rem;
	}
	#footer .footerSearchNav > dl > dd > dl.category > dd > ul.jobtype > li{
		width: unset;
		padding-right: 4rem;
	}
	#footer .footerSearchNav > dl > dd > dl.category > dd > ul > li:nth-child(5n){padding-right: 0;}
	#footer .footerSearchNav > dl > dd > dl.category > dd > ul > li:nth-child(n + 6){margin-top: 1rem;}


	/** workStyle **********/
	#footer .footerSearchNav > dl > dd > dl.workStyle > dd > ul{
		flex-wrap: nowrap;
	}
	#footer .footerSearchNav > dl > dd > dl.workStyle > dd > ul > li{
		display: block;
		margin-right: 4rem;
	}

	#footer .footerSearchNav > dl > dd > dl.workStyle > dd > ul > li{
		display: block;
		margin-right: 4rem;
	}

	/** environment **********/
	#footer .footerSearchNav > dl > dd > dl.environment > dd > ul > li{
		display: block;
		width: 20%;
		padding-right: 2rem;
	}
	#footer .footerSearchNav > dl > dd > dl.environment > dd > ul > li:nth-child(5n){padding-right: 0;}
	#footer .footerSearchNav > dl > dd > dl.environment > dd > ul > li:nth-child(n + 6){margin-top: 1rem;}



	/** footerNewJobs ******************************************/
	#footer #footerNewJobs{
		display: block;
		width: calc(100% - 12rem);
		max-width: 1500px;
		padding: 3rem 4rem 4rem;
		margin: 0 auto 5rem;
		background: #FFFFFF;
		position: relative;
	}

	#footer #footerNewJobs > .footerTTL{
		display: block;
		margin-bottom: 2.5rem;
		font-size: 2.4rem;
		font-weight: 700;
	}

	#footer #footerNewJobsList{
		width: calc(100% - 4rem);
		margin-left: auto;
		margin-right: auto;
		position: relative;
		overflow-x: scroll;
		list-style: none;
		padding: 0;
		z-index: 1;
	}

	#footer #footerNewJobsList > ul.sliderWrapper{
			position: relative;
			width: 100%;
			height: 100%;
			z-index: 1;
		display: -webkit-flex;
			display: flex;
		-webkit-flex-wrap: nowrap;
		flex-wrap: nowrap;
			-webkit-align-items: stretch;
		align-items: stretch;
		-webkit-justify-content: flex-start;
		justify-content: flex-start;
			transition-property: transform;
			box-sizing: content-box;
	}


	#footer #footerNewJobsList > ul.sliderWrapper > li{
			display: flex;
			flex-wrap: nowrap;
		align-items: flex-start;
			justify-content: flex-start;
		height: auto;
		width: 100%;
		width: 33rem;
		padding: 2.5rem 2rem 2rem;
		margin-right: 2rem;
			background: #fbfaf5;
		word-break: break-all;
	}
	#footer #footerNewJobsList > ul.sliderWrapper > li:nth-last-of-type(1){margin-right: 0;}

	#footer #footerNewJobsList > ul.sliderWrapper > li > dl{
			display: flex;
		flex-direction: column;
			flex-wrap: nowrap;
		align-items: flex-start;
			justify-content: flex-start;
		height: 100%;
	}

	#footer #footerNewJobsList > ul.sliderWrapper > li > dl > dt{
		display: block;
		margin-bottom: 1.3rem;
		font-size: 1.8rem;
		line-height: 1.8;
		font-weight: 700;
		text-align: left;
	}

	#footer #footerNewJobsList > ul.sliderWrapper > li > dl > dd.workStyle{
		display: block;
		width: 100%;
		padding: 0 0 1.68rem;
		text-align: left;
	}

	#footer #footerNewJobsList > ul.sliderWrapper > li > dl > dd.workStyle > a,
	#footer #footerNewJobsList > ul.sliderWrapper > li > dl > dd.workStyle > span{
		display: flex;
		flex-wrap: nowrap;
		align-items: center;
		justify-content: center;
		width: 100%;
		height: 3rem;
		padding: 0.5rem 0;
		border-radius: 4px;
		font-size: 1.6rem;
		font-weight: 700;
		color: #FFFFFF;
		text-align: center;
		line-height: 1;
		margin-bottom: 0.2rem;
	}

	#footer #footerNewJobsList > ul.sliderWrapper > li > dl > dd.workStyle > .full{background: #339999;}
	#footer #footerNewJobsList > ul.sliderWrapper > li > dl > dd.workStyle > .shift{background: #673ab7;}
	#footer #footerNewJobsList > ul.sliderWrapper > li > dl > dd.workStyle > .hybrid{background: #ffa000;}

	#footer #footerNewJobsList > ul.sliderWrapper > li > dl > dd.category{
		display: block;
		margin-bottom: 0.68rem;
		font-size: 1.6rem;
		font-weight: 700;
		line-height: 1.4;
	}

	#footer #footerNewJobsList > ul.sliderWrapper > li > dl > dd.reward{
		display: block;
		margin-bottom: 1.5rem;
	}
	#footer #footerNewJobsList > ul.sliderWrapper > li > dl > dd.reward > span{
		display: block;
		padding-left: 4rem;
		background: url("/img/common/icon_yen.svg") 0 center no-repeat;
		background-size: auto 3rem;
		line-height: 3rem;
		font-size: 1.8rem;
		font-weight: 700;
		text-align: left;
	}
	#footer #footerNewJobsList > ul.sliderWrapper > li > dl > dd.reward > span > em{color: #ec6c00;}

	#footer #footerNewJobsList > ul.sliderWrapper > li > dl > dd.reward > span > em > strong{ font-size: 2.4rem;}


	#footer #footerNewJobsList > ul.sliderWrapper > li > dl > dd.outline{
		display: block;
			display: -webkit-box;
			-webkit-box-orient: vertical;
			-webkit-line-clamp: 5;
		margin-bottom: 2.5rem;
		overflow: hidden;
		font-size: 1.6rem;
		line-height: 1.5;
	}

	#footer #footerNewJobsList > ul.sliderWrapper > li > dl > dd.btn{
		display: block;
		width: 100%;
		max-width: 15rem;
		margin: auto auto 0;
	}

	#footer #footerNewJobsList > ul.sliderWrapper > li > dl > dd.btn > a{
			display: flex;
			flex-wrap: nowrap;
		align-items: center;
			justify-content: center;
		width: 100%;
		height: 4rem;
		background: #4467aa;
		border-radius: 2px;
		font-size: 1.6rem;
		text-align: center;
		color: #FFFFFF;
		font-weight: 700;
	}


	#footer #footerNewJobsList .slideScrollbar{
		display: block;
		width: 100%;
		height: 1.6rem;
		border-radius: 0.8rem;
		margin-top: 3rem;
		/* background: #eeeeee; */
		position: relative;
	}
	#footer #footerNewJobsList .slideScrollbar .scrollbarDrag{
		display: block;
		height: 1.6rem;
		border-radius: 0.8rem;
		/* background: #cccccc; */
		cursor: pointer;
	}


	#footer #footerNewJobs .control{ display: block;}
	#footer #footerNewJobs .control > .prev,
	#footer #footerNewJobs .control > .next{
		display: block;
		width: 4rem;
		height: 4rem;
		position: absolute;
		top: calc(50% - 2rem);
		z-index: 3;
		cursor: pointer;
			transition: opacity 0.3s ease;
	}

	#footer #footerNewJobs .control > .prev{ left: 0;}
	#footer #footerNewJobs .control > .next{ right: 0;}

	#footer #footerNewJobs .control > .prev::before{
		content: '';
		display: block;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 1.6rem 2rem 1.6rem 0;
		border-color: transparent #4467aa transparent transparent;
		position: absolute;
		top: calc(50% + 0.8rem);
		right: 0;
	}
	#footer #footerNewJobs .control > .next::before{
		content: '';
		display: block;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 1.6rem 0 1.6rem 2rem;
		border-color: transparent transparent transparent #4467aa;
		top: calc(50% + 0.8rem);
		left: 0;
	}

	#footer #footerNewJobs .control > .prev:hover,
	#footer #footerNewJobs .control > .next:hover{opacity:.6;}



	/** jobTrends ******************************************/
	#footer #jobTrends{
		display: block;
		width: calc(100% - 12rem);
		max-width: 1500px;
		padding: 3rem 4rem 4rem;
		margin: 0 auto 5rem;
		background: #FFFFFF;
	}

	#footer #jobTrends > .footerTTL{
		display: block;
		margin-bottom: 2.5rem;
		font-size: 2.4rem;
		line-height: 3rem;
		font-weight: 700;
		background-size: auto 3rem;
	}

	#footer #jobTrends .trendsText{
			display: flex;
			flex-wrap: nowrap;
		align-items: flex-start;
			justify-content: space-between;
	}

	#footer #jobTrends .trendsText > figure{
		display: block;
		width: 25rem;
		height: 25rem;
		border-radius: 50%;
		overflow: hidden;
	}
	#footer #jobTrends .trendsText > figure > img{
		display: block;
		width: 100%;
		height: auto;
	}

	#footer #jobTrends .trendsText > dl.text{
		display: block;
		width: calc(100% - 29rem);
	}

	#footer #jobTrends .trendsText > dl.text > dt{
		display: block;
		font-size: 2.0rem;
		line-height: 1.4;
		margin-bottom: 1.6rem;
		font-weight: 700;
		text-align: left;
	}

	#footer #jobTrends .trendsText > dl.text > dd{
		display: block;
		font-size: 1.6rem;
		line-height: 1.5;
	}



	/** footerBottom ******************************************/
	#footerBottom{
		display: block;
		width: 100%;
		padding: 3rem 6rem 5rem;
		background: #00263f;
	}


	/** footAboutsLinks ******************************************/
	#footerBottom .footAboutsLinks{
		display: block;
		width: 100%;
		max-width: 1500px;
		margin: 0 auto 5rem;
	}

	#footerBottom .footAboutsLinks > ul{
			display: flex;
			flex-wrap: nowrap;
		align-items: stretch;
			justify-content: center;
	}

	#footerBottom .footAboutsLinks > ul > li{
		display: block;
		margin-right: 3rem;
	}
	#footerBottom .footAboutsLinks > ul > li:nth-last-of-type(1){margin-right: 0;}

	#footerBottom .footAboutsLinks > ul > li > a{
		font-size: 1.4rem;
		text-align: center;
		color: #FFFFFF;
	}



	/** footerAboutText ******************************************/
	#footerBottom .footerAboutText{
			display: flex;
		flex-direction: column;
			flex-wrap: nowrap;
		align-items: center;
			justify-content: flex-start;
		width: 100%;
		max-width: 1500px;
		margin: 0 auto 6.5rem;
		position: relative;
	}

	#footerBottom .footerAboutText > .logo{
		display: block;
		width: 100%;
		padding: 0 27rem;
		order: 2;
	}
	#footerBottom .footerAboutText > .logo > img{
		display: block;
		width: 100%;
		max-width: 24rem;
		margin: 0 auto;
	}


	#footerBottom .footerAboutText > dl{
		display: block;
		width: 100%;
		margin-bottom: 3.5rem;
		order: 1;
	}
	#footerBottom .footerAboutText > dl > dt{
		display: block;
		margin-bottom: 2rem;
		font-size: 2rem;
		line-height: 1.4;
		color: #FFFFFF;
		font-weight: 700;
	}
	#footerBottom .footerAboutText > dl > dd{
		display: block;
		font-size: 1.4rem;
		text-align: left;
		color: #FFFFFF;
		line-height: 1.5;
	}

	#footerBottom .footerAboutText > .footCopy{
		font-size: 1.4rem;
		text-align: right;
		color: #FFFFFF;
		position: absolute;
		right: 0;
		bottom: 1rem;
	}


	/** footCompanyLinks ******************************************/
	#footerBottom .footCompanyLinks{
		display: block;
		width: 100%;
		max-width: 1500px;
		margin: 0 auto;
		padding: 3rem 3rem 4rem;
		background: #FFFFFF;
	}

	#footerBottom .footCompanyLinks > .lassicPresents{
			display: flex;
			flex-wrap: nowrap;
		align-items: flex-end;
			justify-content: flex-start;
		margin-bottom: 3rem;
		font-size: 2rem;
		color: #3f9f9f;
		font-weight: 700;
	}

	#footerBottom .footCompanyLinks > .lassicPresents > img{
		display: block;
		width: 12.2rem;
		margin-right: 1.4rem;
	}

	#footerBottom .footCompanyLinks > ul{
			display: flex;
			flex-wrap: wrap;
		align-items: stretch;
			justify-content: flex-start;
	}
	#footerBottom .footCompanyLinks > ul.telework > li{margin-top: 3rem;}


	#footerBottom .footCompanyLinks > ul.remogu > li{
		display: block;
		margin-right: 2.5rem;
		margin-bottom: 1rem;
	}
	#footerBottom .footCompanyLinks > ul.remogu > li:nth-last-of-type(1){margin-right: 0;}

	#footerBottom .footCompanyLinks > ul.remogu > li > a{
			display: flex;
			flex-wrap: nowrap;
		align-items: center;
			justify-content: flex-start;
	}

	#footerBottom .footCompanyLinks > ul.remogu > li > a > figure{
		display: block;
		height: 5rem;
	}
	#footerBottom .footCompanyLinks > ul.remogu > li > a > figure > img{display: block; height: 100%; width: auto;}

	#footerBottom .footCompanyLinks > ul.remogu > li > a > .catch{
		display: block;
		padding-left: 1rem;
		font-size: 1.4rem;
		line-height: 1;
		white-space: nowrap;
	}
	#footerBottom .footCompanyLinks > ul.remogu > li > a > .catch > span{
		display: block;
		color: #00273F;
		margin-bottom: 0.6rem;
	}
	#footerBottom .footCompanyLinks > ul.remogu > li > a > .catch > em{display: block;}



	#footerBottom .footCompanyLinks > ul.telework > li{
		display: block;
		margin-right: 3rem;
	}
	#footerBottom .footCompanyLinks > ul.telework > li:nth-last-of-type(1){margin-right: 0;}

	#footerBottom .footCompanyLinks > ul.telework > li > a{
			display: flex;
			flex-wrap: nowrap;
		align-items: center;
			justify-content: flex-start;
	}

	#footerBottom .footCompanyLinks > ul.telework > li.relasic > a > figure{
		display: block;
		width: 9rem;
	}
	#footerBottom .footCompanyLinks > ul.telework > li.KnockMe > a > figure{
		display: block;
		width: 14rem;
	}
	#footerBottom .footCompanyLinks > ul.telework > li.teleremo > a > figure{
		display: block;
		width: 18rem;
	}
	#footerBottom .footCompanyLinks > ul.telework > li > a > figure > img{display: block; height: auto; width: 100%;}

	#footerBottom .footCompanyLinks > ul.telework > li > a > .catch{
		display: block;
		padding-left: 2rem;
		font-size: 1.4rem;
		line-height: 1;
		white-space: nowrap;
	}
	#footerBottom .footCompanyLinks > ul.telework > li > a > .catch > span{
		display: block;
		color: #00273F;
		margin-bottom: 0.6rem;
	}
	#footerBottom .footCompanyLinks > ul.telework > li > a > .catch > em{display: block;}



	#footerBottom .footCompanyLinks > dl.otherLinks{
			display: flex;
			flex-wrap: nowrap;
		align-items: center;
			justify-content: space-between;
		margin-top: 3.8rem;
	}
	#footerBottom .footCompanyLinks > dl.otherLinks > dt{
		display: block;
		width: 12.2rem;
	}
	#footerBottom .footCompanyLinks > dl.otherLinks > dt > a{display: block;}
	#footerBottom .footCompanyLinks > dl.otherLinks > dt img{display: block; width: 100%; height: auto;}

	#footerBottom .footCompanyLinks > dl.otherLinks > dd{
		display: flex;
		align-items: center;
		justify-content: flex-start;
		width: calc(100% - 15.2rem);
		overflow: hidden;
	}

	#footerBottom .footCompanyLinks > dl.otherLinks > dd > ul{
			display: flex;
			flex-wrap: wrap;
		align-items: stretch;
			justify-content: flex-start;
		margin-left: -2.1rem;
	}
	#footerBottom .footCompanyLinks > dl.otherLinks > dd > ul + ul{
		margin-top: 0.6rem;
	}


	#footerBottom .footCompanyLinks > dl.otherLinks > dd > ul > li{
		display: block;
		padding-left: 2rem;
		padding-right: 2rem;
		border-left: 1px solid #4467aa;
	}

	#footerBottom .footCompanyLinks > dl.otherLinks > dd > ul > li > a{
		white-space: nowrap;
		font-size: 1.4rem;
	}

	/** presented ******************************************/
	#footer .presented{
			display: flex;
			flex-wrap: wrap;
		align-items: flex-end;
			justify-content: flex-end;
		padding: 2rem 5rem 2rem 0;
	}

	#footer .presented > span{font-size: 1.2rem; text-align: right; margin-right: 1rem;}
	#footer .presented > img{display: block; width: 12rem; height: auto;}



	/**************************************
	#main
	**************************************/
	#main{ display: block;}

	/**************************************
	btnSetting
	**************************************/
	.btnEntry > a,
	.btnEntry > button{
			display: flex;
			flex-wrap: nowrap;
			align-items: center;
			justify-content: center;
			width: 100%;
			height: 5rem;
			background: #ec6c00;
			border-radius: 2px;
			font-size: 1.8rem;
			text-align: center;
			color: #FFFFFF;
			font-weight: 700;
	}

	.btn.disabled > a,
	.btn > button:disabled,
	.btnSearch.disabled > a,
	.btnSearch > button:disabled,
	.btnEntry.disabled > a,
	.btnEntry > button:disabled,
	.btnBlue.disabled > a,
	.btnBlue > button:disabled{
		background: #CCCCCC !important;
		pointer-events: none !important;
	}


	.btnSearch > a,
	.btnSearch > button{
			display: flex;
			flex-wrap: nowrap;
			align-items: center;
			justify-content: center;
			width: 100%;
			height: 5rem;
			background: #ec6c00;
			border-radius: 2px;
			font-size: 1.8rem;
			text-align: center;
			color: #FFFFFF;
			font-weight: 700;
	}

	.btnBlue > a,
	.btnBlue > button{
			display: flex;
			flex-wrap: nowrap;
			align-items: center;
			justify-content: center;
			width: 100%;
			height: 5rem;
			background: #4466aa;
			border-radius: 2px;
			font-size: 1.8rem;
			text-align: center;
			color: #FFFFFF;
			font-weight: 700;
	}

	.btnGray > a,
	.btnGray > button,
	.btnGray > span{
			display: flex;
			flex-wrap: nowrap;
			align-items: center;
			justify-content: center;
			width: 100%;
			height: 5rem;
			background: #cccccc;
			border-radius: 2px;
			font-size: 1.8rem;
			text-align: center;
			color: #FFFFFF;
			font-weight: 700;
		cursor: pointer;
	}

	/**************************************
	mainVisual
	**************************************/
	#main .mainVisual{
		display: block;
		width: 100%;
		margin-bottom: 5rem;
		min-height: 1rem
	}
	#main .mainVisual > picture{
		display: block;
		width: 100%;
	}
	#main .mainVisual > picture img{display: block; width: 100%; height: auto;}


	/**************************************
	recruitingSearchBox
	**************************************/
	#main .recruitingSearchBox{
		display: block;
		width: 100%;
		padding: 0 6rem;
	}

	#main .recruitingSearchBox > dl{
		display: block;
		width: 100;
		max-width: 1500px;
		margin: 0 auto 5rem;
		padding: 2rem 4rem 4rem;
		border-radius: 8px;
		background: #FFFFFF;
	}


	#main .recruitingSearchBox > dl > dt{
		display: block;
		padding-left: 4.5rem;
		margin-bottom: 2.5rem;
		font-size: 2.4rem;
		line-height: 3rem;
		font-weight: 700;
		background: url("/img/common/icon_search.svg") 0 center no-repeat;
		background-size: auto 3rem;
	}

	#main .recruitingSearchBox > dl > dd{
		box-sizing: border-box;
			display: flex;
			flex-wrap: wrap;
		align-items: center;
			justify-content: flex-start;
		gap: 15px;
	}
	#main .recruitingSearchBox>dl>dd.left {
		width: 47%;
	}
	#main .recruitingSearchBox>dl>dd.right {
		width: 53%;
	}
	#main .recruitingSearchBox>dl>dd>dl.keyword input[type="text"]{
				height: 5rem;
				padding: 0 4.8rem 0 1.4rem;
				border: 1px solid #d5d5d5;
			background-color: #fff;
				vertical-align: middle;
				line-height: calc(5rem - 2px);
				font-size: 1.8rem;
				text-align: left;
				outline: none;
	}
	#main .recruitingSearchBox>dl{
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	#main .recruitingSearchBox>dl>dt {
		width: 100%;
	}

	#main .recruitingSearchBox > dl > dd > dl.job > dt{
		display: block;
		width: 6em;
		font-size: 1.8rem;
		text-align: left;
		font-weight: 700;
	}
	#main .recruitingSearchBox > dl > dd > dl.job > dd{
		display: flex;
		gap: 10px;
		align-items: center;
	}
	#main .recruitingSearchBox > dl > dd > dl.job > dd > select{
			height: 5rem;
			-webkit-appearance: none;
			-moz-appearance: none;
			appearance: none;
			padding: 0 4.8rem 0 1.4rem;
			background: url("/img/common/icon_select_arrow.svg") calc(100% - 1.3rem) center no-repeat #eeeeee;
		background-size: 1.8rem auto;
			border: 1px solid #d5d5d5;
			vertical-align: middle;
			line-height: calc(5rem - 2px);
			font-size: 1.8rem;
			text-align: left;
			outline: none;
			cursor: pointer;
	}
	#main .recruitingSearchBox > dl > dd > dl.job > dd > select.unit{
		width: 20rem;
	}
	#main .recruitingSearchBox > dl > dd > dl.job > dd > select:focus{ background: #FFFFFF;}

	#main .recruitingSearchBox > dl > dd > dl.job > dd > select.selected{background-color: #FFFFFF;}

	#main .recruitingSearchBox > dl > dd > dl.workStyle{
		display: flex;
		align-items: center;
	}
	#main .recruitingSearchBox > dl > dd > dl.workStyle > dt{
		display: inline-block;
		width: 6em;
		font-size: 1.8rem;
		text-align: left;
		font-weight: 700;
	}

	#main .recruitingSearchBox > dl > dd > dl.workStyle > dd{display: block;}
	#main .recruitingSearchBox > dl > dd > dl.workStyle > dd > ul{
			display: flex;
			flex-wrap: nowrap;
		align-items: stretch;
			justify-content: flex-start;
	}

	#main .recruitingSearchBox > dl > dd > dl.workStyle > dd > ul > li{
		display: block;
		min-width: 20rem;
		margin-right: 1rem;
	}
	#main .recruitingSearchBox > dl > dd > dl.workStyle > dd > ul > li:nth-last-of-type(1){margin-right: 0;}

	#main .recruitingSearchBox > dl > dd > dl.workStyle > dd > ul > li > label{
			display: flex;
			flex-wrap: nowrap;
		align-items: center;
			justify-content: center;
		height: 100%;
		min-height: 5rem;
		cursor: pointer;
			transition: opacity 0.3s ease;
	}
	#main .recruitingSearchBox > dl > dd > dl.workStyle > dd > ul > li > label:hover{opacity: .6;}

	#main .recruitingSearchBox > dl > dd > dl.workStyle > dd > ul > li > label > input{display: none;}
	#main .recruitingSearchBox > dl > dd > dl.workStyle > dd > ul > li > label > span{
			display: flex;
			flex-wrap: nowrap;
		align-items: center;
			justify-content: center;
		width: 100%;
		height: 100%;
		padding: 0 1.5rem;
		background: #eeeeee;
		border-radius: 4px;
		font-size: 1.8rem;
		font-weight: 700;
		line-height: 1;
		text-align: center;
		white-space: nowrap;
			transition: background 0.3s ease, color 0.3s ease;
	}

	#main .recruitingSearchBox > dl > dd > dl.workStyle > dd > ul > li > label > input:checked + span{
		background: #004b67;
		color: #FFFFFF;
	}


	#main .recruitingSearchBox > dl > dd > .btn{
		display: block;
		width: 15rem;
		margin-left: auto;
	}

	#main .recruitingSearchBox > dl > dd > .btn.search-btn{
		display: flex;
		width: 30rem;
		gap: 0 1rem;
	}

	button.clear-btn{
		background-color: lightgray !important;
	}

	#main .recruitingSearchBox > dl > dd > .btn > button,
	#main .recruitingSearchBox > dl > dd > .btn > a{
			display: flex;
			flex-wrap: nowrap;
		align-items: center;
			justify-content: center;
		width: 100%;
		height: 5rem;
		background: #ec6c00;
		border-radius: 2.5rem;
		font-size: 1.8rem;
		color: #FFFFFF;
		text-align: center;
		font-weight: 700;
		line-height: 1;
			transition: opacity 0.3s ease;
	}
	#main .recruitingSearchBox > dl > dd > .btn > button:hover,
	#main .recruitingSearchBox > dl > dd > .btn > a:hover{opacity: .6;}

	#main .recruitingSearchBox .selectNum {
		display: inline-block;
		margin-left: 5px;
		vertical-align: middle;
		color: #EB6C00;
		font-size: 1.4rem;
		font-weight: 500;
	}

	#main .recruitingSearchBox .modalSelectDl {
		display: flex;
		align-items: center;
		font-size: 1.8rem;
		font-weight: 700;
	}
	#main .recruitingSearchBox .modalSelectDl dt{
		width: 6em;
	}
	#main .recruitingSearchBox .btnSelectOpen {
		display: inline-block;
		background-color: #4467AA;
		border-radius: 4px;
		padding: 0 12px;
		margin: 0;
		line-height: 38px;
		font-size: 1.8rem;
		font-weight: 700;
		color: #fff;
		cursor: pointer;
	}

	#main .recruitingSearchBox .btnSelectOpen::after {
		width: 20px;
		height: 20px;
		display: inline-block;
		margin-left: 10px;
		content: "+";
		background-color: #fff;
		border-radius: 50px;
		color: #000;
		font-weight: 700;
		font-size: 1.8rem;
		line-height: 18px;
		text-align: center;
	}

	#main .recruitingSearchBox .labelWithTip {
		display: flex !important;
		gap: 6px;
	}

	#main .recruitingSearchBox .labelWithTip img {
		width: 1.9rem;
		cursor: pointer;
	}

	#main .recruitingSearchBox .keyword input {
		width: 26rem;
	}

	.tooltip {
		color: black !important;
		opacity: 10 !important;
		width: 48rem;
		font-size: 1.8rem !important;
	}

	/**************************************
	homeNewRecruiting
	**************************************/
	.homeNewRecruiting{
		display: block;
		padding-bottom: 5rem;
	}

	/**************************************
	mainTTL
	**************************************/
	#main .mainTTL{
		display: block;
		width: 100%;
		max-width: calc(1500px + 12rem);
		margin: 0 auto;
		padding: 0 6rem 4.2rem;
		font-size: 3.6rem;
		text-align: left;
		line-height: 1.2;
		font-weight: 700;
	}
	#main .mainTTL > span{
		font-size: 1.8rem;
	}


	#main .subTTL{
		display: block;
		width: 100%;
		max-width: calc(1500px + 12rem);
		margin: 0 auto;
		padding: 0 6rem 2rem;
		font-size: 2.4rem;
		text-align: left;
		line-height: 1.2;
		font-weight: 700;
	}



	/**************************************
	ledeBox
	**************************************/
	#main .ledeBox{
		display: block;
		width: calc(100% - 12rem);
		max-width: 1500px;
			padding: 3rem 4rem 3rem;
		margin: 0 auto 3rem;
		border-radius: 8px;
			background: #FFFFFF;
	}

	#main .ledeBox > .newTTL{
			display: flex;
			flex-wrap: nowrap;
		align-items: center;
			justify-content: flex-start;
		margin-bottom: 1.5rem;
		font-size: 2.4rem;
		font-weight: 700;
		line-height: 1;
	}

	#main .ledeBox > .newTTL > span{
		display: block;
		width: 3rem;
		margin-right: 1.5rem;
	}
	#main .ledeBox > .newTTL > span > img{display: block; width: 100%; height: auto;}


	#main .ledeBox > .mainTTL{
		display: block;
		width: 100%;
		max-width: auto;
		margin: 0 auto;
		padding: 0;
		margin-bottom: 2rem;
		font-size: 3.6rem;
		text-align: left;
		line-height: 1.2;
		font-weight: 700;
	}


	#main .ledeBox > p{
		display: block;
		font-size: 1.6rem;
		line-height: 1.3;
	}

	#main .ledeBox > p strong{
		font-weight: 700;
		color: #EF872F;
	}


	/**************************************
	recruitingList
	**************************************/
	.recruitingList{
		display: block;
		width: 100%;
		padding: 0 6rem;
	}

	.recruitingList > .listNoItem{
			display: flex;
			flex-wrap: nowrap;
		align-items: center;
			justify-content: center;
		width: 100%;
		max-width: 1500px;
		min-height: 20vh;
			padding: 3rem 4rem 3rem;
		margin: 3rem auto 3rem;
		border-radius: 8px;
			background: #FFFFFF;
		font-size: 2.4rem;
		font-weight: 700;
		text-align: center;
	}


	.recruitingList > ul{
		display: block;
		width: 100%;
		max-width: 1500px;
		margin: 0 auto;
	}

	.recruitingList > ul > li{
		display: block;
		width: 100%;
			padding: 3rem 4rem 3rem;
		margin: 0 auto;
		border-radius: 8px;
			background: #FFFFFF;
		position: relative;
	}

	/* .recruitingList > ul.limiteView > li:nth-of-type(n + 6){display: none;} */

	.recruitingList > ul > li + li{margin-top: 3rem;}

	.recruitingList > ul > li > dl{
		display: block;
	}
	.recruitingList > ul > li > dl > dt{
		display: block;
		padding-right: 17rem;
		margin-bottom: 2rem;
		font-size: 1.6rem;
		font-weight: 700;
		line-height: 1.2;
	}
	.recruitingList > ul > li > dl > dt > a{
		font-size: 2.0rem;
	}



	/** categories ******************************************/
	.recruitingList > ul > li > dl > dd.categories{
			display: flex;
			flex-wrap: nowrap;
		align-items: flex-end;
			justify-content: flex-start;
		margin-bottom: 2rem;
	}

	.recruitingList > ul > li > dl > dd.categories > .category{
		display: block;
		width: 20rem;
		padding: 0.45rem 0;
		font-size: 1.6rem;
		font-weight: 700;
		text-align: left;
		line-height: 1.3;
		margin-right: 1rem;
	}

	.recruitingList > ul > li > dl > dd.categories > ul{
			display: flex;
			flex-wrap: nowrap;
		align-items: flex-end;
			justify-content: flex-start;
	}
	.recruitingList > ul > li > dl > dd.categories > ul > li.reward{
			display: block;
		padding: 0.45rem 0 0.45rem 4rem;
			background: url(/img/common/icon_yen.svg) 0 center no-repeat;
			background-size: auto 2.5rem;
		line-height: 1;
			font-size: 1.6rem;
			font-weight: 700;
			text-align: left;
		margin-right: 6rem;
	}
	.recruitingList > ul > li > dl > dd.categories > ul > li.reward > span > em{color: #ec6c00;}
	.recruitingList > ul > li > dl > dd.categories > ul > li.reward > span > em > strong{ font-size: 2.2rem;}

	.recruitingList > ul > li > dl > dd.categories > ul > li.place{
		display: block;
		padding: 0.45rem 0 0.45rem 3rem;
		background: url("/img/common/icon_location.svg") 0 center no-repeat;
		background-size: auto 2.5rem;
		line-height: 1;
		font-size: 1.6rem;
		font-weight: 700;
		text-align: left;
		margin-right: 6rem;
		min-height: 2.5rem;
	}


	.recruitingList > ul > li > dl > dd.categories > .workStyle{display: flex;}
	.recruitingList > ul > li > dl > dd.categories > .workStyle > a,
	.recruitingList > ul > li > dl > dd.categories > .workStyle > span{
			display: flex;
			flex-wrap: nowrap;
		align-items: center;
			justify-content: center;
		width: 20rem;
		height: 3rem;
		padding: 0.5rem 0;
		border-radius: 4px;
		font-size: 1.6rem;
		font-weight: 700;
		color: #FFFFFF;
		text-align: center;
		line-height: 1;
		margin-right:2rem;
	}

	.recruitingList > ul > li > dl > dd.categories > .workStyle > .full{background: #339999;}
	.recruitingList > ul > li > dl > dd.categories > .workStyle > .shift{background: #673ab7;}
	.recruitingList > ul > li > dl > dd.categories > .workStyle > .hybrid{background: #ffa000;}


	/** outline ******************************************/
	.recruitingList > ul > li > dl > dd.outline{
		display: block;
		margin-bottom: 2rem;
	}

	.recruitingList > ul > li > dl > dd.outline > dl{
			display: flex;
			flex-wrap: nowrap;
		align-items: stretch;
			justify-content: space-between;
		width: 100%;
	}
	.recruitingList > ul > li > dl > dd.outline > dl + dl{margin-top: 1rem;}

	.recruitingList > ul > li > dl > dd.outline > dl > dt{
		display: block;
		width: 20rem;
		padding: 1.5rem 2rem;
		background: #eeeeee;
		font-size: 1.6rem;
		line-height: 1.3;
		font-weight: 700;
		text-align: left;
	}

	.recruitingList > ul > li > dl > dd.outline > dl.environment > dt{
			display: flex;
			flex-wrap: nowrap;
		align-items: center;
			justify-content: flex-start;
	}

	.recruitingList > ul > li > dl > dd.outline > dl > dd{
		display: block;
		width: calc(100% - 21rem);
		padding: 1.5rem 3rem 1.5rem 2rem;
		background: #fbfaf5;
		font-size: 1.6rem;
		line-height: 1.3;
		text-align: left;
		word-break: break-all;
		position: relative;
	}


	.recruitingList > ul > li > dl > dd.outline > dl > dd > .accordionBox{
		display: block;
		/*
			display: -webkit-box;
			-webkit-box-orient: vertical;
			-webkit-line-clamp: 3;
		*/
		height: calc(1.6rem * 1.3 * 3);
			overflow: hidden;
	}

	.recruitingList > ul > li > dl > dd.outline > dl > dd > .accordionBox.clamp{
			display: -webkit-box;
			-webkit-box-orient: vertical;
			-webkit-line-clamp: 3;
		height: auto;
	}

	.recruitingList > ul > li > dl > dd.outline > dl > dd > .accordionBox.open{
		display: block;
			-webkit-line-clamp: inherit;
		overflow: visible;
	}

	.recruitingList > ul > li > dl > dd.outline > dl > dd > .more{
		display: none;
		width: 12px;
		height: 15px;
		background: url("/img/common/icon_accordion_pc.svg") right bottom no-repeat;
		background-size: 100% auto;
		position: absolute;
		bottom: 5px;
		right: 5px;
		cursor: pointer;
			transition: opacity 0.3s ease;
	}
	.recruitingList > ul > li > dl > dd.outline > dl > dd > .accordionBox.clamp + .more{display: block;}
	.recruitingList > ul > li > dl > dd.outline > dl > dd > .more:hover{opacity: .6;}
	.recruitingList > ul > li > dl > dd.outline > dl > dd > .accordionBox.open + .more{display: none;}

	.recruitingList > ul > li > dl > dd.outline > dl > dd > ul{
			display: flex;
			flex-wrap: wrap;
		align-items: stretch;
			justify-content: flex-start;
		width: calc(100% + 1rem);
		margin-right: -1rem;
		margin-top: -1rem;
	}

	.recruitingList > ul > li > dl > dd.outline > dl > dd > ul > li{
			display: flex;
			flex-wrap: nowrap;
		align-items: center;
			justify-content: center;
		margin-top: 1rem;
		margin-right: 1rem;
	}

	.recruitingList > ul > li > dl > dd.outline > dl > dd > ul > li > span,
	.recruitingList > ul > li > dl > dd.outline > dl > dd > ul > li > a{
			display: flex;
			flex-wrap: nowrap;
		align-items: center;
			justify-content: center;
		height: 100%;
		padding: 1rem;
		background: #eeeeee;
		text-align: center;
		font-size: 1.6rem;
		line-height: 1;
		font-weight: 700;
		white-space: nowrap;
	}

	/** btn ******************************************/
	.recruitingList > ul > li > .spMore{
		display: none;
	}


	.recruitingList > ul > li > ul.btn{
			display: flex;
			flex-wrap: nowrap;
		align-items: stretch;
			justify-content: center;
	}

	.recruitingList > ul > li > ul.btn > li + li{
		margin-left: 3rem;
	}

	.recruitingList > ul > li > ul.btn > .btnDetail{
		display: block;
		width: 15rem;
	}
	.recruitingList > ul > li > ul.btn > .btnDetail > a{
			display: flex;
			flex-wrap: nowrap;
			align-items: center;
			justify-content: center;
			width: 100%;
			height: 5rem;
			background: #4467aa;
			border-radius: 2px;
			font-size: 1.8rem;
			text-align: center;
			color: #FFFFFF;
			font-weight: 700;
	}

	.recruitingList > ul > li > ul.btn > .btnEntry{
		display: block;
		width: 30rem;
	}

	.sidework {
		display: flex;
		border-radius: 4px;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-start;
		color: white;
		font-size: 250%;
		font-weight: 500;
		background-color: #00263f;
		position: absolute;
		top: 2.5rem;
		right: 2.5rem;
		padding-right: 1rem;
	}

	.recruitingDetail .sidework {
		top: -7rem;
	}

	.sidework > figure {
		display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    width: 3rem;
    height: 3rem;
		margin: 0 3px;
	}

	.sidework > figure > img {
		width: 80%;
	}

	/** btnKeep ******************************************/
	.recruitingList > ul > li .btnKeep{
		display: block;
		width: 15rem;
		position: absolute;
		right: 4rem;
		top: 2.5rem;
	}

	.recruitingList > ul > li .btnKeep > a,
	.recruitingList > ul > li .btnKeep > button{
			display: flex;
			flex-wrap: nowrap;
			align-items: center;
			justify-content: center;
			width: 100%;
			min-height: 3rem;
		padding: 0.5rem 0 0.5rem;
		background: #eeeeee;
			border-radius: 2px;
			font-size: 1.6rem;
			text-align: center;
			color: #00263f;
			font-weight: 700;
	}

	.recruitingList > ul > li .btnKeep > a.Keeping,
	.recruitingList > ul > li .btnKeep > button.Keeping{
		color: #FFFFFF;
		background: #f9be00;
	}


	.recruitingList > ul > li .btnKeep > a > span,
	.recruitingList > ul > li .btnKeep > button > span{padding-right: 0.5rem;}
	.recruitingList > ul > li .btnKeep > a > em >span,
	.recruitingList > ul > li .btnKeep > button em > span{}
	.recruitingList > ul > li .btnKeep > a.Keeping > em > span,
	.recruitingList > ul > li .btnKeep > button.Keeping em > span{display: none;}

	/** btnMore ******************************************/
	.recruitingList > .btnMore{
		display: block;
		width: 40rem;
		margin-top: 3rem;
		margin: 3rem auto 0;
	}


	/* .recruitingList > ul:not(.limiteView) + .btnMore{display: none;} */

	.recruitingList > .btnMore > span,
	.recruitingList > .btnMore > button{
			display: flex;
			flex-wrap: nowrap;
		align-items: center;
			justify-content: center;
			width: 100%;
		height: 6rem;
		padding: 0.5rem 0 0.5rem;
		background: #FFFFFF;
			border-radius: 2px;
			font-size: 1.6rem;
			text-align: center;
		cursor: pointer;
			transition: opacity 0.3s ease;
	}

	.recruitingList > .btnMore > span::before,
	.recruitingList > .btnMore > button::before{
		content: '';
		width: 1.8rem;
		height: 100%;
		background: url(/img/common/icon_select_arrow.svg) 0 center no-repeat;
			background-size: 1.6rem auto;
		margin-right: 0.5rem;
	}

	.recruitingList > .btnMore > span:hover,
	.recruitingList > .btnMore > button:hover{opacity: .6;}


	/**************************************
	breadcrumbs
	**************************************/
	.breadcrumbs{
			display: block;
		width: 100%;
			margin: 0 auto;
			padding: 0.9rem 0 0.9rem 6rem;
		background: #eeeeee;
	}

	.breadcrumbs > ol{
			display: flex;
			flex-wrap: wrap;
		align-items: flex-start;
			justify-content: flex-start;
		/*
		white-space: nowrap;
			overflow: auto;
		*/
		margin: 0;
		font-size: 1.2rem;
			line-height: 1.4;
	}

	.breadcrumbs > ol > li{
		display: inline;
	}

	.breadcrumbs > ol > li::after {
		content: "＞";
		margin: 0 1rem;
	}

	.breadcrumbs > ol > li:last-child::after{ display: none;}

	.breadcrumbs > ol > li > a{text-decoration: none; color:#00273f;}


	/**************************************
	#searchSection
	**************************************/
	#searchSection{padding-top: 5rem;}


	/**************************************
	detailSearchBox
	**************************************/
	#main .detailSearchBox{
		display: block;
		width: 100%;
		padding: 0 6rem;
	}

	#main .detailSearchBox .inner{
		display: block;
		width: 100%;
		max-width: 1500px;
		margin: 0 auto;
	}

	#main .detailSearchBox .inner > dl{
		display: block;
	}
	#main .detailSearchBox .inner > dl + dl{ margin-top: 5rem;}


	#main .detailSearchBox .inner > dl > dt{
		display: block;
		font-size: 2.4rem;
		line-height: 1;
		margin-bottom: 3rem;
		font-weight: 700;
	}

	#main .detailSearchBox .inner > dl > dd{display: block;}
	#main .detailSearchBox .inner > dl > dd > ul{
			display: flex;
			flex-wrap: wrap;
		align-items: stretch;
			justify-content: flex-start;
	}

	#main .detailSearchBox .inner > dl > dd > ul > li{
		display: block;
		width: 26.66666666666667%;
		margin-right: 1.33333333333333%;
	}
	#main .detailSearchBox .inner > dl > dd > ul > li:nth-of-type(3n){margin-right: 0;}
	#main .detailSearchBox .inner > dl > dd > ul > li:nth-of-type(n + 4){margin-top: 2rem;}

	#main .detailSearchBox .inner > dl > dd > ul > li > label{
			display: flex;
			flex-wrap: nowrap;
			align-items: center;
			justify-content: center;
			height: 100%;
			min-height: 5rem;
			cursor: pointer;
			transition: opacity 0.3s ease;
	}
	#main .detailSearchBox .inner > dl > dd > ul > li > label:hover{opacity: .6;}


	#main .detailSearchBox .inner > dl > dd > ul > li > label > input{display: none;}

	#main .detailSearchBox .inner > dl > dd > ul > li > label > span{
			display: flex;
			flex-wrap: nowrap;
			align-items: center;
			justify-content: flex-start;
			width: 100%;
			height: 100%;
			padding: 0.5rem 1.5rem 0.8rem 4.8rem;
			background: #eeeeee;
		color: #4467aa;
			font-size: 1.6rem;
			line-height: 1.4;
			text-align: left;
		position: relative;
			transition: background 0.3s ease, color 0.3s ease;
	}
	#main .detailSearchBox .inner > dl.categories > dd > ul > li > label > span::before{
			content: '';
			display: block;
			width: 2.6rem;
			height: 2.6rem;
			border: 1px solid #CCCCCC;
			border-radius: 50%;
			background: #FFFFFF;
			vertical-align: middle;
			text-align: center;
			position: absolute;
			top: calc(50% - 1.3rem);
			left: 1rem;
			z-index: 1;
	}

	#main .detailSearchBox .inner > dl.categories > dd > ul > li > label > span::after{
			content: '';
			display: block;
			width: 1.6rem;
			height: 1.6rem;
			border-radius: 50%;
			background: #ec6c00;
			position: absolute;
			top: calc(50% - 0.8rem);
			left: 1.5rem;
			z-index: 2;
			opacity: 0;
			transform: scale(0);
			-webkit-transition: all 0.2s ease;
			-moz-transition: all 0.2s ease;
			-o-transition: all 0.2s ease;
			transition: all  0.2s ease;
	}


	#main .detailSearchBox .inner > dl.categories > dd > ul > li > label > input:checked + span{
		background: #004b67;
		color: #FFFFFF;
	}

	#main .detailSearchBox .inner > dl.categories > dd > ul > li > label > input:checked + span::after{
			opacity: 1;
			transform: scale(1);
	}


	#main .detailSearchBox .inner > dl.workStyle > dd > ul > li > label > span::before{
			content: '';
			display: block;
			width: 2.6rem;
			height: 2.6rem;
			border: 1px solid #CCCCCC;
			background: #FFFFFF;
			vertical-align: middle;
			text-align: center;
			position: absolute;
			top: calc(50% - 1.3rem);
			left: 1rem;
			z-index: 1;
	}

	#main .detailSearchBox .inner > dl.workStyle > dd > ul > li > label > span::after{
			content: '';
			display: block;
			width: 2.0rem;
			height: 2.0rem;
			border-radius: 50%;
			background: url("/img/common/icon_check.svg") center center no-repeat;
		background-size: 100% auto;
			position: absolute;
			top: calc(50% - 1.1rem);
			left: 1.3rem;
			z-index: 2;
			opacity: 0;
			transform: scale(0);
			-webkit-transition: all 0.2s ease;
			-moz-transition: all 0.2s ease;
			-o-transition: all 0.2s ease;
			transition: all  0.2s ease;
	}


	#main .detailSearchBox .inner > dl.workStyle > dd > ul > li > label > input:checked + span{
		background: #004b67;
		color: #FFFFFF;
	}

	#main .detailSearchBox .inner > dl.workStyle > dd > ul > li > label > input:checked + span::after{
			opacity: 1;
			transform: scale(1);
	}


	#main .detailSearchBox .inner .btnSearch{
		display: flex;
		width: 60rem;
		gap: 0 1rem;
		margin: 8rem auto 0;
	}

	#main .detailSearchBox .detailSearchBoxItem select {
		width: 20rem;
		background-color: white;
    margin-right: 0.5rem;
	}
	#main .detailSearchBox .detailSearchBoxItem select.unit {
		width: 24rem;
	}

	#main .detailSearchBox .detailSearchBoxItem input {
		width: 40rem;
    margin: 0 1rem 0 0;
	}
	#main .detailSearchBox .detailSearchBoxItem .detail {
		display: inline-block;
		font-size: 2rem;
	}



	/**************************************
	pagerBox
	**************************************/
	.pagerBox{
			display: block;
		width: 100%;
		max-width: calc(1500px + 12rem);
		padding: 0 6rem;
		margin: 0 auto 3rem;
		position: relative;
	}
	.pagerBox:nth-last-child(1){margin-bottom: 0;}

	.recruitingList + .pagerBox{margin-top: 6rem;}


	.pagerBox > .cntBox{
			display: flex;
		flex-wrap: nowrap;
		align-items: center;
		justify-content: center;
		height: 3rem;
		font-size: 1.6rem;
		text-align: left;
		padding-left: 4rem;
		margin: 0;
		position: absolute;
		left: 6rem;
		top: 0;
	}

	.pagerBox > .listPager{
			display: block;
			width: 100%;
		margin: 0 auto;
	}

	.pagerBox > .listPager > ul{
		display: -webkit-flex;
			display: flex;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
			-webkit-align-items: center;
		align-items: center;
		-webkit-justify-content: center;
		justify-content: center;
			margin: 0 auto;
	}

	.pagerBox > .listPager >  ul > li{
		display: -webkit-flex;
			display: flex;
		-webkit-flex-wrap: nowrap;
		flex-wrap: nowrap;
			-webkit-align-items: center;
		align-items: center;
		-webkit-justify-content: center;
		justify-content: center;
			width: 3rem;
			height: 3rem;
			margin-right: 1rem;
			text-align: center;
	}
	.pagerBox > .listPager >  ul > li:nth-last-of-type(1){margin-right: 0;}

	.pagerBox > .listPager >  ul > li.prev,
	.pagerBox > .listPager >  ul > li.next{width: 6rem;}


	.pagerBox > .listPager >  ul > li > a{
		display: -webkit-flex;
			display: flex;
		-webkit-flex-wrap: nowrap;
		flex-wrap: nowrap;
			-webkit-align-items: center;
		align-items: center;
		-webkit-justify-content: center;
		justify-content: center;
			width: 100%;
			height: 100%;
		border-radius: 4px;
			background: #FFFFFF;
			color: #4467aa;
			font-size: 1.6rem;
		font-weight: 700;
		line-height: 1;
		text-align: center;
			text-decoration: none;
			-webkit-transition: background  0.2s ease;
			-moz-transition: background  0.2s ease;
			-o-transition: background  0.2s ease;
			transition: background  0.2s ease;
	}

	.pagerBox > .listPager >  ul > li > span{
		display: -webkit-flex;
			display: flex;
		-webkit-flex-wrap: nowrap;
		flex-wrap: nowrap;
			-webkit-align-items: center;
		align-items: center;
		-webkit-justify-content: center;
		justify-content: center;
			width: 100%;
			height: 100%;
		border-radius: 4px;
			background: #4467aa;
			font-size: 1.6rem;
		line-height: 1;
		text-align: center;
		color: #FFFFFF;
	}

	.pagerBox > .listPager >  ul > li.prev > span,
	.pagerBox > .listPager >  ul > li.next > span{
			background: #FFFFFF;
		color: #CCCCCC;
	}

	.pagerBox > .listPager >  ul > li.prev > a::before,
	.pagerBox > .listPager >  ul > li.prev > span::before{
		content: '前へ';
	}
	.pagerBox > .listPager >  ul > li.next > a::before,
	.pagerBox > .listPager >  ul > li.next > span::before{
		content: '次へ';
	}


	/**************************************
	#recruitingDetailSection
	**************************************/
	#recruitingDetailSection{padding-top: 5rem; padding-bottom: 5rem;}

	.category-link {
		margin-right: 2rem;
	}

	/**************************************
	recruitingDetail
	**************************************/
	.recruitingDetail{padding-bottom: 10rem;}



	.recruitingDetail > .categories{
			display: flex;
			flex-wrap: nowrap;
		align-items: center;
			justify-content: flex-start;
		width: 100%;
		max-width: calc(1500px + 12rem);
		padding: 0 6rem;
		margin: 0 auto 3rem;
		position: relative;
	}

	.recruitingDetail > .categories > .category{
		display: block;
		min-width: 24rem;
		padding: 0.45rem 0;
		margin-right: 6rem;
		font-size: 1.6rem;
		font-weight: 700;
		text-align: left;
		line-height: 1.3;
	}

	.recruitingDetail > .categories > ul{
			display: flex;
			flex-wrap: nowrap;
		align-items: flex-end;
			justify-content: flex-start;
	}
	.recruitingDetail > .categories > ul > li.reward{
			display: block;
		padding: 0.45rem 0 0.45rem 4rem;
			background: url(/img/common/icon_yen.svg) 0 center no-repeat;
			background-size: auto 2.5rem;
		line-height: 1;
			font-size: 1.6rem;
			font-weight: 700;
			text-align: left;
		left: 6rem;
		margin-right: 6rem;
	}
	.recruitingDetail > .categories > ul > li.reward > span > em{color: #ec6c00;}
	.recruitingDetail > .categories > ul > li.reward > span > em > strong{ font-size: 2.2rem;}

	.recruitingDetail > .categories > ul > li.place{
		display: block;
		padding: 0.45rem 0 0.45rem 3rem;
		background: url("/img/common/icon_location.svg") 0 center no-repeat;
		background-size: auto 2.5rem;
		line-height: 1;
		font-size: 1.6rem;
		font-weight: 700;
		text-align: left;
		margin-right: 6rem;
		min-height: 2.5rem;
	}


	.recruitingDetail > .categories > .workStyle{display: flex;}
	.recruitingDetail > .categories > .workStyle > a,
	.recruitingDetail > .categories > .workStyle > span{
			display: flex;
			flex-wrap: nowrap;
		align-items: center;
			justify-content: center;
		width: 20rem;
		height: 3rem;
		padding: 0.5rem 0;
		border-radius: 4px;
		font-size: 1.6rem;
		font-weight: 700;
		color: #FFFFFF;
		text-align: center;
		line-height: 1;
		margin-right: 1rem;
	}

	.recruitingDetail > .categories > .workStyle > .full{background: #339999;}
	.recruitingDetail > .categories > .workStyle > .shift{background: #673ab7;}
	.recruitingDetail > .categories > .workStyle > .hybrid{background: #ffa000;}


	.recruitingDetail > .categories > .btnKeep{
		display: block;
		width: 15rem;
		position: absolute;
		right: 6rem;
		bottom: 0;
	}

	.recruitingDetail > .categories > .btnKeep > a,
	.recruitingDetail > .categories > .btnKeep > button{
			display: flex;
			flex-wrap: nowrap;
			align-items: center;
			justify-content: center;
			width: 100%;
			min-height: 3rem;
		padding: 0.5rem 0 0.5rem;
		background: #eeeeee;
			border-radius: 2px;
			font-size: 1.6rem;
			text-align: center;
			color: #00263f;
			font-weight: 700;
	}

	.recruitingDetail > .categories > .btnKeep > a.Keeping,
	.recruitingDetail > .categories > .btnKeep > button.Keeping{
		color: #FFFFFF;
		background: #f9be00;
	}

	.recruitingDetail > .categories > .btnKeep > a > span,
	.recruitingDetail > .categories > .btnKeep > button > span{padding-right: 0.5rem;}
	.recruitingDetail > .categories > .btnKeep > a > em >span,
	.recruitingDetail > .categories > .btnKeep > button em > span{}
	.recruitingDetail > .categories > .btnKeep > a.Keeping > em > span,
	.recruitingDetail > .categories > .btnKeep > button.Keeping em > span{display: none;}


	/** outlineTable ************************/
	.recruitingDetail .outlineTable{
		display: block;
		width: 100%;
		padding: 0 6rem;
	}

	.recruitingDetail .outlineTable > dl{
			display: flex;
			flex-wrap: nowrap;
		align-items: stretch;
			justify-content: space-between;
		width: 100%;
		max-width: 1500px;
		margin: 0 auto;
	}
	.recruitingDetail .outlineTable > dl + dl{margin-top: 1rem;}

	.recruitingDetail .outlineTable > dl > dt{
		display: block;
		width: 20rem;
		padding: 1.5rem 2rem;
		background: #eeeeee;
		font-size: 1.6rem;
		line-height: 1.3;
		font-weight: 700;
		text-align: left;
	}

	.recruitingDetail .outlineTable > dl.environment > dt{
			display: flex;
			flex-wrap: nowrap;
		align-items: center;
			justify-content: flex-start;
	}

	.recruitingDetail .outlineTable > dl > dd{
		display: block;
		width: calc(100% - 21rem);
		padding: 1.5rem 3rem 1.5rem 2rem;
		background: #ffffff;
		font-size: 1.6rem;
		line-height: 1.3;
		text-align: left;
		word-break: break-all;
		position: relative;
	}

	.recruitingDetail .outlineTable > dl.environment > dd > ul{
			display: flex;
			flex-wrap: wrap;
		align-items: stretch;
			justify-content: flex-start;
		width: calc(100% + 1rem);
		margin-right: -1rem;
		margin-top: -1rem;
	}

	.recruitingDetail .outlineTable > dl.environment > dd > ul > li{
			display: flex;
			flex-wrap: nowrap;
		align-items: center;
			justify-content: center;
		margin-top: 1rem;
		margin-right: 1rem;
	}

	.recruitingDetail .outlineTable > dl.environment > dd > ul > li > span,
	.recruitingDetail .outlineTable > dl.environment > dd > ul > li > a{
			display: flex;
			flex-wrap: nowrap;
		align-items: center;
			justify-content: center;
		height: 100%;
		padding: 1rem;
		background: #eeeeee;
		text-align: center;
		font-size: 1.6rem;
		line-height: 1;
		font-weight: 700;
		white-space: nowrap;
	}


	/** otherInfo ************************/
	.recruitingDetail .otherInfo{
		display: block;
	}
	.recruitingDetail .outlineTable + .otherInfo,
	.recruitingDetail .otherInfo + .otherInfo{
		padding-top: 5rem;
	}



	/** btnEntry ******/
	#recruitingDetailSection .btnEntry{
		display: block;
		width: 30rem;
		margin: 0 auto;
	}





	/**************************************
	modal
	**************************************/
	.modalBox{
		display: block;
		width: 100vw;
		height: 100vh;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 10001;
			opacity: 0;
			visibility: hidden;
		pointer-events: none;
		webkit-transition: opacity 0.2s ease;
			-moz-transition: opacity 0.2s ease;
			-o-transition: opacity 0.2s ease;
			transition: opacity 0.2s ease;
			-webkit-transform: translate(-200vw,0);
			-moz-transform: translate(-200vw,0);
			-o-transform: translate(-200vw,0);
			transform: translate(-200vw,0);
	}
	.modalBox.open{
			visibility: visible;
			opacity: 1;
		pointer-events: inherit;
			-webkit-transform: translate(0,0);
			-moz-transform: translate(0,0);
			-o-transform: translate(0,0);
			transform: translate(0,0);
	}


	.modalBox > .modalBg{
		display: block;
		background: rgba(124,123,123,.8);
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 1;
	}


	.modalBox .modalWrapper{
		display: block;
		max-height: 50rem;
		max-width: 80rem;
		overflow: hidden;
		border: 1px solid #4466aa;
		background-color: #fff;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		z-index: 2;
	}

	.modalBox .modalInner{
		display: block;
		overflow: auto;
		width: 100%;
		height: 100%;
		position: relative;
		overflow: hidden !important;
	}

	.modalBox .modalInner > dl.complete{
			display: flex;
		flex-direction: column;
			flex-wrap: nowrap;
			align-items: center;
			justify-content: center;
		width: 70rem;
		height: 30rem;
		margin: 0 auto;
	}

	.modalBox .modalInner > dl.complete > dt{
		display: block;
		margin: 0.2rem 4rem 2rem;
		font-size: 1.8rem;
		text-align: center;
		font-weight: 700;
		line-height: 1.4;
		color: #ec6c00;
	}
	.modalBox .modalInner > dl.complete > dd.text{
		display: block;
		font-size: 1.6rem;
		text-align: center;
		line-height: 1.4;
		margin-bottom: 2rem;
	}
	.modalBox .modalInner > dl.complete > form > dd.text{
		display: block;
		font-size: 1.6rem;
		text-align: center;
		line-height: 1.4;
		margin-bottom: 2rem;
	}


	.modalBox .modalInner > dl.complete > dd.btnArea{
		padding-top: 3rem;
	}
	.modalBox .modalInner > dl.complete > form > dd.btnArea{
		padding-top: 3rem;
	}

	.modalBox .modalInner > dl.complete > dd.btnArea > ul > li{width: 30rem;}
	.modalBox .modalInner > dl.complete > form > dd.btnArea > ul > li{width: 30rem;}

	.modalBox .modalInner > dl.complete > dd.loading .loader {
		font-size: 20px;
	}

	/* close *******/
	.modalWrapper > .btnClose{
			display: flex;
			flex-wrap: nowrap;
			align-items: center;
			justify-content: center;
		width: 2.5rem;
		height: 2.5rem;
		background: #eeeeee;
		font-size: 2rem;
		font-weight: 700;
		color: #999999;
		position: absolute;
		right: 1.5rem;
		top: 1.5rem;
			-webkit-transition: opacity 0.3s ease;
			-moz-transition: opacity 0.3s ease;
			-o-transition: opacity 0.3s ease;
			transition: opacity  0.3s ease;
		cursor: pointer;
	}
	.modalWrapper > .btnClose:hover{opacity: .6;}
	.modalWrapper > .btnClose::before{content: '×';}


	.jobEntryModalBox .modalWrapper {
		max-height: 100vh;
		font-size: 1.6rem;
	}

	.jobEntryModalBox .modalInner > dl.complete {
		height: 100%;
		width: 80rem;
	}

	.jobEntryModalBox .modalInner > dl.complete .title {
		width: 100%;
		text-align: left;
		padding: 3rem 3rem 0 3rem;
		font-size: 2.4rem;
		font-weight: bold;
	}

	.jobEntryModalBox .modalInner .stepFlow {
		margin-bottom: 0;
	}

	.jobEntryModalBox .modalInner .jobEntryTitle {
		text-align: left;
	}

	.jobEntryModalBox .modalInner .jobEntryTitle span {
		color: #00273F;
		font-weight: normal;
	}

	.jobEntryModalBox .modalInner .jobEntryContentWrapper {
		width: 100%;
		padding: 0 3rem;
	}

	.jobEntryModalBox .modalInner .jobEntryContent {
		width: 100%;
		padding: 3rem;
		background-color: #eeeeee;
		text-align: center;
	}

	.jobEntryModalBox .modalInner .jobEntryContent .contentTitle {
		margin-bottom: 2rem;
		font-weight: bold;
	}

	.jobEntryModalBox .modalInner .jobEntryContent .contentDesc {
		margin-bottom: 2rem;
		line-height: 3rem;
	}

	.jobEntryModalBox .modalInner .jobEntryContent .dateInput {
		justify-content: center;
	}

	.jobEntryModalBox .modalInner .jobEntryContent .dateInput > div > select {
		background-color: #FFFFFF;
	}

	.jobEntryModalBox .modalInner .jobEntryContent .radioList li {
		display: inline-block;
		margin-left: 3rem;
	}

	.jobEntryModalBox .modalInner .jobEntryContent .radioList li:first-of-type {
		margin-left: 0rem;
	}

	.jobEntryModalBox .modalInner .btnArea {
		margin-bottom: 3rem;
	}

	.jobEntryModalBox .modalInner .btnArea li {
		cursor: pointer;
	}

	.jobEntryModalBox .modalInner .btnArea .btnBack {
		position: absolute;
		left: 3rem;
		width: 16rem !important;
	}

	.jobEntryModalBox .modalInner .btnArea .btnBack a {
		background-color: #EEEEEE;
		color: #B5B5B5;
		-webkit-transition: 0.3s ease;
		-moz-transition: 0.3s ease;
		-o-transition: 0.3s ease;
		transition: 0.3s ease;
	}

	.jobEntryModalBox .modalInner .btnArea .btnBack a:hover {
		background-color: #B5B5B5;
		color: #EEEEEE;
	}



	/**************************************
	kiyakuSection
	**************************************/
	.kiyakuSection{}

	.kiyakuSection > h3{
			display: block;
			font-size: 2rem;
			font-weight: 700;
			margin-bottom: 2rem;
	}

	.kiyakuSection > h4{
			display: block;
			font-size: 1.6rem;
			font-weight: 700;
			margin-bottom: 2rem;
	}

	.kiyakuSection > p{
			display: block;
			font-size: 1.6rem;
			line-height: 1.6;
	}
	.kiyakuSection > p + p{margin-top: 0.8rem;}

	.kiyakuSection > p + h3,
	.kiyakuSection > p + h4{
			margin-top: 5rem;
	}

	.kiyakuSection > h5{
			display: block;
			margin-top: 3rem;
			margin-bottom: 2rem;
			font-size: 1.4rem;
			font-weight: 700;
			line-height: 1.6;
	}
	.kiyakuSection > h4 + h5{margin-top: 0;}





	/**************************************
	#contactFormSection
	**************************************/
	#contactFormSection{
		display: block;
		padding: 5rem 0 5rem;
	}






	/**************************************
	orverRide
	**************************************/
	.spView{display: none!important;}


	.main-spacer {
		margin-bottom: 80%;
	}


	/**************************************
	Loading Indicator
	https://projects.lukehaas.me/css-loaders/
	**************************************/
	.loader {
		margin: 150px auto;
		font-size: 25px;
		width: 1em;
		height: 1em;
		border-radius: 50%;
		position: relative;
		text-indent: -9999em;
		-webkit-animation: load5 1.1s infinite ease;
		animation: load5 1.1s infinite ease;
		-webkit-transform: translateZ(0);
		-ms-transform: translateZ(0);
		transform: translateZ(0);
	}
	@-webkit-keyframes load5 {
		0%,
		100% {
			box-shadow: 0em -2.6em 0em 0em #eeeeee, 1.8em -1.8em 0 0em rgba(238,238,238, 0.2), 2.5em 0em 0 0em rgba(238,238,238, 0.2), 1.75em 1.75em 0 0em rgba(238,238,238, 0.2), 0em 2.5em 0 0em rgba(238,238,238, 0.2), -1.8em 1.8em 0 0em rgba(238,238,238, 0.2), -2.6em 0em 0 0em rgba(238,238,238, 0.5), -1.8em -1.8em 0 0em rgba(238,238,238, 0.7);
		}
		12.5% {
			box-shadow: 0em -2.6em 0em 0em rgba(238,238,238, 0.7), 1.8em -1.8em 0 0em #eeeeee, 2.5em 0em 0 0em rgba(238,238,238, 0.2), 1.75em 1.75em 0 0em rgba(238,238,238, 0.2), 0em 2.5em 0 0em rgba(238,238,238, 0.2), -1.8em 1.8em 0 0em rgba(238,238,238, 0.2), -2.6em 0em 0 0em rgba(238,238,238, 0.2), -1.8em -1.8em 0 0em rgba(238,238,238, 0.5);
		}
		25% {
			box-shadow: 0em -2.6em 0em 0em rgba(238,238,238, 0.5), 1.8em -1.8em 0 0em rgba(238,238,238, 0.7), 2.5em 0em 0 0em #eeeeee, 1.75em 1.75em 0 0em rgba(238,238,238, 0.2), 0em 2.5em 0 0em rgba(238,238,238, 0.2), -1.8em 1.8em 0 0em rgba(238,238,238, 0.2), -2.6em 0em 0 0em rgba(238,238,238, 0.2), -1.8em -1.8em 0 0em rgba(238,238,238, 0.2);
		}
		37.5% {
			box-shadow: 0em -2.6em 0em 0em rgba(238,238,238, 0.2), 1.8em -1.8em 0 0em rgba(238,238,238, 0.5), 2.5em 0em 0 0em rgba(238,238,238, 0.7), 1.75em 1.75em 0 0em #eeeeee, 0em 2.5em 0 0em rgba(238,238,238, 0.2), -1.8em 1.8em 0 0em rgba(238,238,238, 0.2), -2.6em 0em 0 0em rgba(238,238,238, 0.2), -1.8em -1.8em 0 0em rgba(238,238,238, 0.2);
		}
		50% {
			box-shadow: 0em -2.6em 0em 0em rgba(238,238,238, 0.2), 1.8em -1.8em 0 0em rgba(238,238,238, 0.2), 2.5em 0em 0 0em rgba(238,238,238, 0.5), 1.75em 1.75em 0 0em rgba(238,238,238, 0.7), 0em 2.5em 0 0em #eeeeee, -1.8em 1.8em 0 0em rgba(238,238,238, 0.2), -2.6em 0em 0 0em rgba(238,238,238, 0.2), -1.8em -1.8em 0 0em rgba(238,238,238, 0.2);
		}
		62.5% {
			box-shadow: 0em -2.6em 0em 0em rgba(238,238,238, 0.2), 1.8em -1.8em 0 0em rgba(238,238,238, 0.2), 2.5em 0em 0 0em rgba(238,238,238, 0.2), 1.75em 1.75em 0 0em rgba(238,238,238, 0.5), 0em 2.5em 0 0em rgba(238,238,238, 0.7), -1.8em 1.8em 0 0em #eeeeee, -2.6em 0em 0 0em rgba(238,238,238, 0.2), -1.8em -1.8em 0 0em rgba(238,238,238, 0.2);
		}
		75% {
			box-shadow: 0em -2.6em 0em 0em rgba(238,238,238, 0.2), 1.8em -1.8em 0 0em rgba(238,238,238, 0.2), 2.5em 0em 0 0em rgba(238,238,238, 0.2), 1.75em 1.75em 0 0em rgba(238,238,238, 0.2), 0em 2.5em 0 0em rgba(238,238,238, 0.5), -1.8em 1.8em 0 0em rgba(238,238,238, 0.7), -2.6em 0em 0 0em #eeeeee, -1.8em -1.8em 0 0em rgba(238,238,238, 0.2);
		}
		87.5% {
			box-shadow: 0em -2.6em 0em 0em rgba(238,238,238, 0.2), 1.8em -1.8em 0 0em rgba(238,238,238, 0.2), 2.5em 0em 0 0em rgba(238,238,238, 0.2), 1.75em 1.75em 0 0em rgba(238,238,238, 0.2), 0em 2.5em 0 0em rgba(238,238,238, 0.2), -1.8em 1.8em 0 0em rgba(238,238,238, 0.5), -2.6em 0em 0 0em rgba(238,238,238, 0.7), -1.8em -1.8em 0 0em #eeeeee;
		}
	}
	@keyframes load5 {
		0%,
		100% {
			box-shadow: 0em -2.6em 0em 0em #eeeeee, 1.8em -1.8em 0 0em rgba(238,238,238, 0.2), 2.5em 0em 0 0em rgba(238,238,238, 0.2), 1.75em 1.75em 0 0em rgba(238,238,238, 0.2), 0em 2.5em 0 0em rgba(238,238,238, 0.2), -1.8em 1.8em 0 0em rgba(238,238,238, 0.2), -2.6em 0em 0 0em rgba(238,238,238, 0.5), -1.8em -1.8em 0 0em rgba(238,238,238, 0.7);
		}
		12.5% {
			box-shadow: 0em -2.6em 0em 0em rgba(238,238,238, 0.7), 1.8em -1.8em 0 0em #eeeeee, 2.5em 0em 0 0em rgba(238,238,238, 0.2), 1.75em 1.75em 0 0em rgba(238,238,238, 0.2), 0em 2.5em 0 0em rgba(238,238,238, 0.2), -1.8em 1.8em 0 0em rgba(238,238,238, 0.2), -2.6em 0em 0 0em rgba(238,238,238, 0.2), -1.8em -1.8em 0 0em rgba(238,238,238, 0.5);
		}
		25% {
			box-shadow: 0em -2.6em 0em 0em rgba(238,238,238, 0.5), 1.8em -1.8em 0 0em rgba(238,238,238, 0.7), 2.5em 0em 0 0em #eeeeee, 1.75em 1.75em 0 0em rgba(238,238,238, 0.2), 0em 2.5em 0 0em rgba(238,238,238, 0.2), -1.8em 1.8em 0 0em rgba(238,238,238, 0.2), -2.6em 0em 0 0em rgba(238,238,238, 0.2), -1.8em -1.8em 0 0em rgba(238,238,238, 0.2);
		}
		37.5% {
			box-shadow: 0em -2.6em 0em 0em rgba(238,238,238, 0.2), 1.8em -1.8em 0 0em rgba(238,238,238, 0.5), 2.5em 0em 0 0em rgba(238,238,238, 0.7), 1.75em 1.75em 0 0em #eeeeee, 0em 2.5em 0 0em rgba(238,238,238, 0.2), -1.8em 1.8em 0 0em rgba(238,238,238, 0.2), -2.6em 0em 0 0em rgba(238,238,238, 0.2), -1.8em -1.8em 0 0em rgba(238,238,238, 0.2);
		}
		50% {
			box-shadow: 0em -2.6em 0em 0em rgba(238,238,238, 0.2), 1.8em -1.8em 0 0em rgba(238,238,238, 0.2), 2.5em 0em 0 0em rgba(238,238,238, 0.5), 1.75em 1.75em 0 0em rgba(238,238,238, 0.7), 0em 2.5em 0 0em #eeeeee, -1.8em 1.8em 0 0em rgba(238,238,238, 0.2), -2.6em 0em 0 0em rgba(238,238,238, 0.2), -1.8em -1.8em 0 0em rgba(238,238,238, 0.2);
		}
		62.5% {
			box-shadow: 0em -2.6em 0em 0em rgba(238,238,238, 0.2), 1.8em -1.8em 0 0em rgba(238,238,238, 0.2), 2.5em 0em 0 0em rgba(238,238,238, 0.2), 1.75em 1.75em 0 0em rgba(238,238,238, 0.5), 0em 2.5em 0 0em rgba(238,238,238, 0.7), -1.8em 1.8em 0 0em #eeeeee, -2.6em 0em 0 0em rgba(238,238,238, 0.2), -1.8em -1.8em 0 0em rgba(238,238,238, 0.2);
		}
		75% {
			box-shadow: 0em -2.6em 0em 0em rgba(238,238,238, 0.2), 1.8em -1.8em 0 0em rgba(238,238,238, 0.2), 2.5em 0em 0 0em rgba(238,238,238, 0.2), 1.75em 1.75em 0 0em rgba(238,238,238, 0.2), 0em 2.5em 0 0em rgba(238,238,238, 0.5), -1.8em 1.8em 0 0em rgba(238,238,238, 0.7), -2.6em 0em 0 0em #eeeeee, -1.8em -1.8em 0 0em rgba(238,238,238, 0.2);
		}
		87.5% {
			box-shadow: 0em -2.6em 0em 0em rgba(238,238,238, 0.2), 1.8em -1.8em 0 0em rgba(238,238,238, 0.2), 2.5em 0em 0 0em rgba(238,238,238, 0.2), 1.75em 1.75em 0 0em rgba(238,238,238, 0.2), 0em 2.5em 0 0em rgba(238,238,238, 0.2), -1.8em 1.8em 0 0em rgba(238,238,238, 0.5), -2.6em 0em 0 0em rgba(238,238,238, 0.7), -1.8em -1.8em 0 0em #eeeeee;
		}
	}

	.message-space {
		text-align: center;
		margin: 40rem auto 30rem;
		font-size: 2.4rem;
	}

	.workStyleLink {
		color: white;
		width: 100%;
	}

	/**************************************
	modal
	**************************************/
	.cModal {
		display: block;
		height: 100vh;
		position: fixed;
		width: 100%;
		top: 0;
		left: 0;
		z-index: 100000;
		font-size: 1.6rem;
	}
	.cModalBg {
		background: rgba(0, 0, 0, 0.6);
		height: 100vh;
		width: 100%;
	}
	.cModalContent {
		background: #fff;
		position: absolute;
		left: 50%;
		top: 50%;
		transform: translate(-50%, -50%);
		border-radius: 5px;
	}
	.cModalContent.isSmall {
			width: 30%;
		}

	.cModalContent.isMedium {
			width: 50%;
		}

	.cModalContent.isLarge {
			width: 70%;
		}

	.cModalContentInner {
		position: relative;
		padding: 0 24px;
		max-height: 64vh;
		overflow-y: scroll;
	}
	.cModalClose {
		position: absolute;
		top: 13px;
		right: 10px;
		color: #888;
		font-size: 3rem;
	}
	.cModal .modalTitle{
		font-size: 2.8rem;
		font-weight: 700;
		margin: 24px;
	}
	.cModal .modalInner{
		padding: 0 20px;
	}
	.cModalContent ul{
		display: flex;
		gap: 5px;
		flex-wrap: wrap;
		justify-content: space-between;
		list-style: none;
		padding: 0;
		margin: 0;
	}
	.cModalContent ul li{
		width: 49%;
		background-color: #eee;
		margin: 0 0 5px;
		display: flex;
		align-items: center;
	}
	.cModalContent .checkBox {
		display: block;
		position: relative;
		width: 100%;
		background-color: #eee;
		padding: 10px 10px 10px 50px;
		font-size: 1.6rem;
		color: #4466AA;
		cursor: pointer;
	}

	.cModalContent .checkBox input[type="checkbox"] {
		position: absolute;
		display: inline-block;
		width: 25px;
		height: 25px;
		left: 10px;
		top: 50%;
		margin-top: -13px;
		background-color: #fff;
		vertical-align: middle;
	}

	.cModalContent .checkBox > span {
		padding: 0;
	}

	.cModalContent .checkBox > span::before,
	.cModalContent .checkBox > span::after {
		display: none;
	}

	.cModalContent .buttonSet{
		display: flex;
		justify-content:center;
		gap: 10px;
		margin: 20px auto 20px;
	}
	.cModalContent .btnSelect{
		display: block;
		min-width: 150px;
		background-color: #4467AA;
		border-radius: 50px;
		padding: 0 20px;
		margin: 0;
		line-height: 50px;
		font-size: 1.8rem;
		font-weight: 700;
		color: #fff;
	}
}