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

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

@media screen and (max-width:768px) {
	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;
	}


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


	#wrap.lock,
	#wrap.spLock{
		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: flex;
		flex-wrap: nowrap;
		align-items: center;
		justify-content: space-between;
			height: 6rem;
			width: 100%;
		padding: 0 6rem 0 1rem;
			background-color: #EEEEEE;
			position: fixed;
			z-index: 1001;
			left: 0;
			top: 0;
	}


	#header .headLogo{
			display: flex;
		flex-wrap: nowrap;
		align-items: center;
		justify-content: center;
		width: 12rem;
		margin: 0;
	}

	#header .headLogo > a{
			display: flex;
		flex-direction: column;
		flex-wrap: nowrap;
		align-items: center;
		justify-content: center;
		width: 100%;
		height: 100%;
	}
	#header .headLogo picture{
		display: block;
		width: 100%;
		margin-bottom: 0.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: 1.4rem;
		background: #00293f;
		font-size: 1.1rem;
		color: #FFFFFF;
		text-align: center;
		font-weight: 700;
		line-height: 1;
	}

	/*** #headNav *****************************/
	#header #headNav{}


	#headNav .openBtn{
			display: flex;
		flex-direction: column;
		flex-wrap: nowrap;
		align-items: center;
		justify-content: center;
		width: 6rem;
		height: 6rem;
		color: #00273F;
		font-size: 1.0rem;
		line-height: 1;
		text-align: center;
		position: absolute;
		right: 0;
		top: 0;
	}

	#headNav .openBtn > em::before{
		content: 'MENU';
	}

	#headNav .openBtn > span{
		display: block;
		width: 2.5rem;
		height: 2.5rem;
		margin-bottom: 0.5rem;
		position: relative;
		z-index: 1000;
	}

	#headNav .openBtn > span > span{
		display: block;
		width: 100%;
		height: 0.4rem;
			border-radius: 0.4rem;
		background: #004660;
		position: absolute;
		left: 0;
		top: calc(50% - 0.2rem);
	}

	#headNav .openBtn > span::before{
		content: '';
		display: block;
		width: 100%;
		height: 0.4rem;
			border-radius: 0.4rem;
		background: #004660;
			opacity: 1;
		position:absolute;
		left: 0;
		top: 0.1rem;
		webkit-transition: transform 0.2s ease,opacity 0.5s ease;
			-moz-transition: transform 0.2s ease,opacity 0.5s ease;
			-o-transition: transform 0.2s ease,opacity 0.5s ease;
			transition: transform 0.2s ease,opacity 0.5s ease;
	}
	#headNav .openBtn > span::after{
		content: '';
		display: block;
		width: 100%;
		height: 0.4rem;
			border-radius: 0.4rem;
		left: 0;
		bottom: 0.1rem;
		background: #004660;
			opacity: 1;
		position:absolute;
		webkit-transition: transform 0.2s ease,opacity 0.5s ease;
			-moz-transition: transform 0.2s ease,opacity 0.5s ease;
			-o-transition: transform 0.2s ease,opacity 0.5s ease;
			transition: transform 0.2s ease,opacity 0.5s ease;
	}

	#headNav .openBtn.open{
		background: #CCCCCC;
	}


	#headNav .openBtn.open > span::before{
			opacity: 1;
		transform: translateY(0.92rem) rotate(-45deg);
	}
	#headNav .openBtn.open > span::after{
			opacity: 1;
		transform: translateY(-0.92rem) rotate(45deg);
	}

	#headNav .openBtn.open > span > span{opacity: 0;}

	#headNav .openBtn.open > em::before{
		content: '閉じる';
	}


	#headNav > .headNavList{
		display: block;
			width: 100%;
		height: calc(100vh - 6.0rem);
		padding: 3rem 2rem;
		background: #CCCCCC;
		opacity: 1;
		overflow-y: auto;
		-webkit-overflow-scrolling: touch;
		overflow-scrolling: touch;
		position: fixed;
		top: 6.0rem;
		left: 0;
		z-index: 1000;
		webkit-transition: transform 0.4s ease;
			-moz-transition: transform 0.4s ease;
			-o-transition: transform 0.4s ease;
			transition: transform 0.4s ease;
			-webkit-transform: translate(100vw,0);
			-moz-transform: translate(100vw,0);
			-o-transform: translate(100vw,0);
			transform: translate(100vw,0);
			-webkit-backface-visibility: hidden;
			backface-visibility: hidden;
	}

	#headNav .openBtn.open + .headNavList{
		visibility: visible;
			-webkit-transform: translate(0,0);
			-moz-transform: translate(0,0);
			-o-transform: translate(0,0);
			transform: translate(0,0);
	}

	#headNav .openBtn.open + .headNavList::after{
			content: '';
			display: block;
			width: 100%;
			height: 80px;
	}



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

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

	#header #headNav > .headNavList > ul > li > a{
			display: flex;
		flex-wrap: nowrap;
		align-items: center;
		justify-content: flex-start;
		width: 100%;
		min-height: 5rem;
		padding: 1rem 1rem 1rem 3rem;
		background: #FFFFFF;
		border-radius: 0.8rem;
		font-size: 1.4rem;
		color: #00293f;
		text-align: left;
		font-weight: 700;
		line-height: 1;
		position: relative;
	}
	#header #headNav > .headNavList > ul > li > a::before{
		content: '';
		display: block;
		width: 0.4rem;
		height: calc(100% - 3rem);
		background: #cccccc;
		position: absolute;
		left: 1.2rem;
		top: 1.5rem;
	}
	#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: 0.8rem;
		background: #FFFFFF;
		position: absolute;
		top: -0.8rem;
		left: 0;
		pointer-events: none;
	}
	#header #headNav > .headNavList > ul > li > ul > li{display: block; border-top: 1px solid #efefef;}
	#header #headNav > .headNavList > ul > li > 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;
		font-size: 1.4rem;
		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 0.8rem 0.8rem;}
	#header #headNav > .headNavList > ul > li > ul > li > a.current{
		color: #ec6c00;
	}


	#header #headNav > .headNavList > .close{
		display: block;
		margin-top: 4rem;
		padding-top: 1.5rem;
		border-top: 1px solid #979797;
		text-align: center;
	}

	#header #headNav > .headNavList > .close > span{
		font-size: 1.4rem;
		font-weight: 700;
	}


	/*** #headUtilityNav *****************************/
	#header #headUtilityNav{
			display: flex;
		flex-wrap: nowrap;
		align-items: stretch;
		justify-content: flex-end;
	}

	#header #headUtilityNav > .loginName{
		display: none;
	}

	#header #headUtilityNav > ul{
			display: flex;
		width: 12rem;
		flex-wrap: nowrap;
		align-items: stretch;
		justify-content: flex-end;
	}

	#header #headUtilityNav > ul > li{
		display: block;
		width: 6rem;
		height: 100%;
	}

	#header #headUtilityNav > ul > li > a{
			display: flex;
		flex-direction: column;
		flex-wrap: nowrap;
		align-items: center;
		justify-content: center;
		width: 100%;
		height: 100%;
		color: #00273F;
		font-size: 1.0rem;
		line-height: 1;
		text-align: center;
	}

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





	/**************************************
	#bottomAside
	**************************************/
	#bottomAside{
		display: block;
		width: 100%;
		padding: 10rem 1rem 0;
		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;
			width: 100%;
			padding: 2rem 1rem 3rem;
			background: #FFFFFF;
	}
	#bottomAside .secretOffer > h3{
		display: block;
		margin-bottom: 2rem;
		font-size: 1.6rem;
		font-weight: 700;
		text-align: center;
		line-height: 1.5;
	}

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

	#bottomAside .secretOffer > .reason{
			display: block;
	}

	#bottomAside .secretOffer > .reason > figure{
		display: block;
		width: 100%;
		margin-bottom: 1.5rem;
	}
	#bottomAside .secretOffer > .reason > figure > img{display: block; width: 60%; height: auto; margin: 0 auto;}

	#bottomAside .secretOffer > .reason > .text{
		display: block;
		width: auto;
		font-size: 1.4rem;
		line-height: 1.6;
		text-align: left;
	}

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

	#bottomAside .secretOffer > .reason > .text > dl > dt{
		display: block;
		font-size: 1.6rem;
		font-weight: 700;
		margin-bottom: 1rem;
	}

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

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

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


	#bottomAside .secretOffer > .earlyEntry{
		display: block;
		margin-top: 2rem;
		padding-top: 2rem;
		border-top: 1px solid #efefef;
	}

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

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

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

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


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

	/** footerSearchNav ******************************************/
	#footer .footerSearchNav{
		display: block;
		width: 100%;
		padding: 0 1rem;
		margin: 0 auto 3rem;
	}

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


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


	#footer .footerSearchNav > dl > dd{
		display: block;
		padding-top: 1.5rem;
		border-top: 1px solid #004B67;
	}

	#footer .footerSearchNav > dl > dd > dl{
		display: block;
	}
	#footer .footerSearchNav > dl > dd > dl + dl{
		margin-top: 3rem;
		padding-top: 2rem;
		border-top: 1px solid #D6D6D6;
	}

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



	/** category **********/
	#footer .footerSearchNav > dl > dd > dl.category > dd > ul{
			display: flex;
		flex-wrap: wrap;
		align-items: stretch;
		justify-content: flex-start;
		width: calc(100% + 0.5rem);
		margin: -0.6rem -0.5rem 0 0;
	}

	#footer .footerSearchNav > dl > dd > dl.category > dd > ul > li{
		display: block;
		margin-right: 0.5rem;
		margin-top: 0.6rem;
	}

	#footer .footerSearchNav > dl > dd > dl.category > dd > ul > li > a{
			display: flex;
		flex-wrap: nowrap;
		align-items: center;
		justify-content: center;
		min-height: 3rem;
		border-radius: 1.5rem;
		padding: 0.6rem 1rem 0.6rem;
		background: #EFEFEF;
		font-size: 1.2rem;
		line-height: 1.4;
		text-align: center;
		color: #1F4055;
		white-space: nowrap;
	}


	/** workStyle **********/
	#footer .footerSearchNav > dl > dd > dl.workStyle > dd > ul{
		display: block;
	}
	#footer .footerSearchNav > dl > dd > dl.workStyle > dd > ul > li{
		display: block;
	}
	#footer .footerSearchNav > dl > dd > dl.workStyle > dd > ul > li + li{
		margin-top: 1rem;
	}

	#footer .footerSearchNav > dl > dd > dl.workStyle > dd > ul > li > a{
			display: flex;
		flex-wrap: nowrap;
		align-items: center;
		justify-content: center;
		min-height: 4rem;
		border-radius: 2rem;
		padding: 0.6rem 1rem 0.6rem;
		background: #EFEFEF;
		font-size: 1.4rem;
		line-height: 1.4;
		text-align: center;
		color: #FFFFFF;
		white-space: nowrap;
	}
	#footer .footerSearchNav > dl > dd > dl.workStyle > dd > ul > li.full > a{background: #339999;}
	#footer .footerSearchNav > dl > dd > dl.workStyle > dd > ul > li.shift > a{background: #673AB7;}
	#footer .footerSearchNav > dl > dd > dl.workStyle > dd > ul > li.hybrid > a{background: #FFA000;}

	/** environment **********/
	#footer .footerSearchNav > dl > dd > dl.environment > dd > ul{
			display: flex;
		flex-wrap: wrap;
		align-items: stretch;
		justify-content: flex-start;
		width: calc(100% - 0.5rem);
		margin: -0.6rem -0.5rem 0 0;
	}

	#footer .footerSearchNav > dl > dd > dl.environment > dd > ul > li{
		display: block;
		width: calc((100% - 1.5rem) / 3);
		margin-right: 0.5rem;
		margin-top: 0.6rem;
	}

	#footer .footerSearchNav > dl > dd > dl.environment > dd > ul > li > a{
			display: flex;
		flex-wrap: nowrap;
		align-items: center;
		justify-content: center;
		min-height: 3rem;
		border-radius: 1.5rem;
		padding: 0.6rem 1rem 0.6rem;
		border: 1px solid #CCCCCC;
		background: #FFFFFF;
		font-size: 1.4rem;
		line-height: 1;
		text-align: center;
		color: #1F4055;
		white-space: nowrap;
		letter-spacing: 0;
	}



	/** footerNewJobs ******************************************/
	#footer #footerNewJobs{
		display: block;
		width: 100%;
		padding: 4rem 0 4rem;
		margin: 0 auto 3rem;
		background: #FFFFFF;
		position: relative;
	}

	#footer #footerNewJobs > .footerTTL{
		display: block;
		margin-bottom: 2.2rem;
		font-size: 1.8rem;
		font-weight: 700;
		text-align: center;
	}

	#footer #footerNewJobsList{
		width: 100%;
		margin-left: auto;
		margin-right: auto;
		position: relative;
		overflow-x: scroll;
		list-style: none;
		padding: 0 1rem;
		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: 24rem;
		padding: 1rem 1rem 1.5rem;
		margin-right: 0.5rem;
			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;
		min-height: calc(1.4rem * 1.4 * 2);
		margin-bottom: 0.7rem;
		font-size: 1.2rem;
		line-height: 1.4;
		font-weight: 700;
		text-align: left;
	}
	#footer #footerNewJobsList > ul.sliderWrapper > li > dl > dt > a{
		font-size: 1.4rem;
	}

	#footer #footerNewJobsList > ul.sliderWrapper > li > dl > dd.workStyle{
		display: block;
		width: 100%;
		margin-bottom: 0.8rem;
		text-align: center;
	}

	#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: 2rem;
		padding: 0 0 0.1rem;
		border-radius: 4px;
		font-size: 1.2rem;
		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.8rem;
		font-size: 1.0rem;
		line-height: 2;
	}

	#footer #footerNewJobsList > ul.sliderWrapper > li > dl > dd.reward{
		display: block;
		margin-bottom: 1rem;
	}
	#footer #footerNewJobsList > ul.sliderWrapper > li > dl > dd.reward > span{
		display: block;
		padding-left: 2.9rem;
		background: url("/img/common/icon_yen.svg") 0 center no-repeat;
		background-size: auto 2.4rem;
		line-height: 2.4rem;
		font-size: 1.4rem;
		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: 1.8rem;}


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

	#footer #footerNewJobsList > ul.sliderWrapper > li > dl > dd.btn{
		display: block;
		width: 100%;
		max-width: 16rem;
		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: 3rem;
		background: #4467aa;
		border-radius: 8px;
		font-size: 1.2rem;
		text-align: center;
		color: #FFFFFF;
		font-weight: 700;
		line-height: 1;
	}


	#footer #footerNewJobsList .slideScrollbar{
		display: none;
	}


	#footer #footerNewJobs .control{ display: none;}



	/** jobTrends ******************************************/
	#footer #jobTrends{
		display: block;
		width: calc(100% - 2rem);
		padding: 2rem 1rem 2rem;
		margin: 0 auto 3rem;
		background: #FFFFFF;
	}

	#footer #jobTrends > .footerTTL{
		display: block;
			padding: 0 0 0.75rem;
			margin-bottom: 1.5rem;
		border-bottom: 1px solid #004B67;
			font-size: 1.8rem;
			line-height: 1.3;
			font-weight: 700;
			text-align: center;
	}

	#footer #jobTrends .trendsText{
		display: block;
		position: relative;
	}

	#footer #jobTrends .trendsText > figure{
		display: block;
		width: 9rem;
		height: 9rem;
		border-radius: 50%;
		overflow: hidden;
		position: absolute;
		left: 0;
		top: 0;
	}
	#footer #jobTrends .trendsText > figure > img{
		display: block;
		width: 100%;
		height: auto;
	}

	#footer #jobTrends .trendsText > dl.text{
		display: block;
		width: 100%;
	}

	#footer #jobTrends .trendsText > dl.text > dt{
			display: flex;
			flex-wrap: nowrap;
		align-items: center;
			justify-content: flex-start;
		width: 100%;
		min-height: 9rem;
		padding-left: 11rem;
		font-size: 1.6rem;
		line-height: 1.3;
		margin-bottom: 2rem;
		font-weight: 700;
		text-align: left;
	}

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



	/** footerBottom ******************************************/
	#footerBottom{
		display: block;
		width: 100%;
		padding: 2rem 1rem 4rem;
		background: #00263f;
	}


	/** footAboutsLinks ******************************************/
	#footerBottom .footAboutsLinks{
		display: block;
		width: 100%;
		padding: 0 1rem;
		margin: 0 auto 3rem;
	}

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

	#footerBottom .footAboutsLinks > ul > li{
		display: block;
		color: #FFFFFF;
		font-size: 1.1rem;
		line-height: 2;
	}
	#footerBottom .footAboutsLinks > ul > li::after{
		content: '｜';
		display: inline;
		padding: 0 0.1rem;
	}
	#footerBottom .footAboutsLinks > ul > li:nth-last-of-type(1)::after{display: none;}

	#footerBottom .footAboutsLinks > ul > li > a{
		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%;
		padding: 0 1rem;
		margin: 0 auto 4rem;
		position: relative;
	}

	#footerBottom .footerAboutText > .logo{
		display: block;
		width: 18rem;
		padding: 0;
		margin: 0 auto 1rem;
	}
	#footerBottom .footerAboutText > .logo > img{
		display: block;
		width: 100%;
		margin: 0 auto;
	}


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

	#footerBottom .footerAboutText > .footCopy{
		display: block;
		font-size: 1.0rem;
		text-align: center;
		color: #FFFFFF;
	}


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

	#footerBottom .footCompanyLinks > .lassicPresents{
			display: block;
		padding-bottom: 0.7rem;
		margin-bottom: 3.5rem;
		border-bottom: 1px solid #00263F;
		font-size: 1.6rem;
		line-height: 1.25;
		color: #3f9f9f;
		font-weight: 700;
		text-align: center;
	}

	#footerBottom .footCompanyLinks > .lassicPresents > img{
		display: block;
		width: 12.2rem;
		margin: 0 auto;
	}

	#footerBottom .footCompanyLinks > ul{
			display: block;
	}

	#footerBottom .footCompanyLinks > ul.remogu{padding-bottom: 3rem;}

	#footerBottom .footCompanyLinks > ul.remogu > li{
		display: block;
	}
	#footerBottom .footCompanyLinks > ul.remogu > li + li{margin-top: 1.5rem;}

	#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;
		width: calc(100% - 5rem);
		padding-left: 2rem;
		font-size: 1.0rem;
		line-height: 1;
	}
	#footerBottom .footCompanyLinks > ul.remogu > li > a > .catch > span{
		display: block;
		color: #00273F;
		margin-bottom: 0.5rem;
	}
	#footerBottom .footCompanyLinks > ul.remogu > li > a > .catch > em{display: block; font-size: 1.4rem;}



	#footerBottom .footCompanyLinks > ul.telework{
		display: block;
		border-top: 1px solid #D6D6D6;
	}


	#footerBottom .footCompanyLinks > ul.telework > li{
		display: block;
		padding: 2rem 0;
	}
	#footerBottom .footCompanyLinks > ul.telework > li + li{
		border-top: 1px solid #D6D6D6;
	}

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

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

	#footerBottom .footCompanyLinks > ul.telework > li > a > .catch{
		display: block;
		width: calc(100% - 9rem);
		padding-left: 2rem;
		font-size: 1.0rem;
		line-height: 1;
	}
	#footerBottom .footCompanyLinks > ul.telework > li > a > .catch > span{
		display: block;
		color: #00273F;
		margin-bottom: 0.5rem;
	}
	#footerBottom .footCompanyLinks > ul.telework > li > a > .catch > em{display: block; font-size: 1.4rem;}



	#footerBottom .footCompanyLinks > dl.otherLinks{
		display: block;
		padding-top: 2rem;
		border-top: 1px solid #D6D6D6;
	}
	#footerBottom .footCompanyLinks > dl.otherLinks > dt{
		display: none;
	}
	#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: block;
		width: 100%;
	}

	#footerBottom .footCompanyLinks > dl.otherLinks > dd > ul{
			display: flex;
			flex-wrap: wrap;
		align-items: stretch;
			justify-content: center;
		position: relative;
	}


	#footerBottom .footCompanyLinks > dl.otherLinks > dd > ul > li{
		display: block;
		font-size: 1.1rem;
		line-height: 2;
	}

	#footerBottom .footCompanyLinks > dl.otherLinks > dd > ul > li::after{
		content: '｜';
		display: inline;
		padding: 0 0.1rem;
	}
	#footerBottom .footCompanyLinks > dl.otherLinks > dd > ul > li:nth-last-of-type(1)::after{display: none;}

	#footerBottom .footCompanyLinks > dl.otherLinks > dd > ul > li > a{
		white-space: nowrap;
		font-size: 1.2rem;
	}
	#footerBottom .footCompanyLinks > dl.otherLinks > dd > div{
		text-align: center;
		margin-top: 2em;
	}

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

	#footer .presented > span{font-size: 1rem; text-align: right; margin-right: 1rem;}
	#footer .presented > img{display: block; width: 8rem; 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: 4rem;
			background: #ec6c00;
			border-radius: 8px;
			font-size: 1.4rem;
			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: 4rem;
			background: #ec6c00;
			border-radius: 8px;
			font-size: 1.4rem;
			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: 4rem;
			background: #4466aa;
			border-radius: 8px;
			font-size: 1.4rem;
			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: 4rem;
			background: #CCCCCC;
			border-radius: 8px;
			font-size: 1.4rem;
			text-align: center;
			color: #FFFFFF;
			font-weight: 700;
	}




	/**************************************
	mainVisual
	**************************************/
	#main .mainVisual{
		display: block;
		width: 100%;
		margin-bottom: 0;
		min-height: 4rem;
	}
	#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: 2rem 1rem;
		margin-bottom: 4rem;
		background: #FFFFFF;
	}

	#main .recruitingSearchBox > dl{
		display: block;
		width: 100;
		margin: 0 auto 0;
		padding: 0;
	}


	#main .recruitingSearchBox > dl > dt{
		display: none;
	}

	#main .recruitingSearchBox > dl > dd{
			display: block;
	}

	#main .recruitingSearchBox > dl > dd > dl{
			display: flex;
			flex-wrap: nowrap;
		align-items: stretch;
			justify-content: flex-start;
	}
	#main .recruitingSearchBox > dl > dd > dl + dl{margin-top: 1rem;}

	#main .recruitingSearchBox > dl > dd > dl > dt{
			display: flex;
			flex-wrap: nowrap;
		align-items: center;
		width: 8.5rem;
		font-size: 1.4rem;
		font-weight: 700;
		text-align: center;
		padding-left: 1rem;
	}

	#main .recruitingSearchBox > dl > dd > dl > dd{width: calc(100% - 7.5rem);}
	#main .recruitingSearchBox>dl>dd>dl.job{
		margin-bottom: 10px;
	}
	#main .recruitingSearchBox > dl > dd > dl.job > dd > select{
			width: auto;
			height: 4rem;
			-webkit-appearance: none;
			-moz-appearance: none;
			appearance: none;
			padding: 0 3rem 0 0.9rem;
			background: url("/img/common/icon_select_arrow.svg") calc(100% - 0.9rem) center no-repeat #eeeeee;
		background-size: 1.2rem auto;
		border-radius: 4px;
			border: 1px solid #d5d5d5;
			vertical-align: middle;
			line-height: calc(3.8rem - 2px);
			font-size: 1.4rem;
			text-align: left;
			outline: none;
			cursor: pointer;
	}

	#main .recruitingSearchBox > dl > dd > dl.job > dd > select.unit{
		margin-left: 0.7rem;
	}

	#main .recruitingSearchBox>dl>dd>dl.job>dd span{
		font-size: 1.2rem;
	}

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

	#main .recruitingSearchBox>dl>dd>dl.keyword>dd>input[type="text"] {
		width: 100%;
		height: 4rem;
		padding: 0 3rem 0 0.9rem;
		border-radius: 4px;
		border: 1px solid #d5d5d5;
		vertical-align: middle;
		background-color: #fff;
		line-height: calc(3.8rem - 2px);
		font-size: calc(max(16px, 1.4rem));
		text-align: left;
		outline: none;
		cursor: pointer;
	}


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

	#main .recruitingSearchBox > dl > dd > dl.workStyle > dd > ul > li{
		display: block;
		width: calc((100% - 1rem) / 3);
		margin-right: 0.5rem;
	}
	#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: 4rem;
		cursor: pointer;
	}

	#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%;
		background: #eeeeee;
		border-radius: 4px;
		font-size: 1.2rem;
		font-weight: 700;
		line-height: 1;
		text-align: center;
		transition: background 0.3s ease, color 0.3s ease;
	}

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


	#main .recruitingSearchBox > dl > dd > .btn{
		display: block;
		width: 24rem;
		margin: 1.5rem auto 0;
	}

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

	#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: 4rem;
		background: #ec6c00;
		border-radius: 2rem;
		font-size: 1.4rem;
		color: #FFFFFF;
		text-align: center;
		font-weight: 700;
		line-height: 1;
	}

	#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 20px;
		margin: 0;
		line-height: 40px;
		font-size: 1.4rem;
		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;
	}

	.tooltip {
		color: black !important;
		opacity: 10 !important;
		width: 64%;
	}


	/**************************************
	homeNewRecruiting
	**************************************/
	.homeNewRecruiting{
		display: block;
	}

	/**************************************
	mainTTL
	**************************************/
	#main .mainTTL{
		display: block;
		width: 100%;
		margin: 0 auto;
		padding: 0 2rem 3rem;
		font-size: 1.8rem;
		text-align: center;
		line-height: 1.4;
		font-weight: 700;
	}
	#main .mainTTL > span{
		display: block;
		margin-top: 0.5rem;
		font-size: 1.2rem;
	}
	#main .mainTTL > em{
		display: block;
		margin-top: 0.5rem;
		font-size: 1.4rem;
	}

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


	/**************************************
	ledeBox
	**************************************/
	#main .ledeBox{
		display: block;
		width: 100%;
			padding: 0 2rem 0;
		margin: 0 auto 4rem;
	}

	#main .ledeBox > .newTTL{
		display: block;
		margin-bottom: 1.5rem;
		font-size: 1.8rem;
		font-weight: 700;
		line-height: 1.45;
		text-align: center;
	}

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


	#main .ledeBox > .mainTTL{
		padding-bottom: 1.5rem;
	}

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

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


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


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

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

	.recruitingList > ul > li{
		display: block;
		width: 100%;
			padding: 1.5rem 1rem 2rem;
		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: 2rem;}

	.recruitingList > ul > li > dl{
		display: block;
	}


	.recruitingList > ul > li > dl > dt{
		display: block;
		padding-right: 7rem;
		margin-bottom: 1.5rem;
		font-size: 1.2rem;
		line-height: 1.4;
		font-weight: 700;
	}
	.recruitingList > ul > li > dl > dt > a{
		font-size: 1.4rem;
	}



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

	.recruitingList > ul > li > dl > dd.categories > .category{
		display: block;
		width: 100%;
		margin-bottom: 1.3rem;
	}

	.recruitingList > ul > li > dl > dd.categories > .category > a,
	.recruitingList > ul > li > dl > dd.categories > .category > span{
			display: flex;
			flex-wrap: nowrap;
			align-items: center;
			justify-content: center;
			min-height: 3rem;
			border-radius: 1.5rem;
			padding: 0.6rem 1rem 0.6rem;
			background: #EFEFEF;
			font-size: 1.2rem;
			line-height: 1.4;
			text-align: center;
			color: #1F4055;
			white-space: nowrap;
	}

	.recruitingList > ul > li > dl > dd.categories > ul{
			display: block;
		width: calc(100% - 12rem);
	}
	.recruitingList > ul > li > dl > dd.categories > ul > li.reward{
		display: block;
		padding-left: 2.9rem;
		background: url("/img/common/icon_yen.svg") 0 center no-repeat;
		background-size: auto 2.4rem;
		line-height: 2.4rem;
		font-size: 1.4rem;
		font-weight: 700;
		text-align: left;
	}
	.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: 1.8rem;}

	.recruitingList > ul > li > dl > dd.categories > ul > li.place{
		display: block;
		margin-top: 0.5rem;
		padding-left: 2.9rem;
		background: url("/img/common/icon_location.svg") 0.4rem center no-repeat;
		background-size: auto 2.4rem;
		line-height: 2.4rem;
		font-size: 1.4rem;
		font-weight: 700;
		text-align: left;
		word-break: break-word;
	}


	.recruitingList > ul > li > dl > dd.categories > .workStyle{display: block; width: 11rem; margin-left:1rem;}
	.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: 100%;
		height: 2rem;
		padding: 0.5rem 0;
		border-radius: 4px;
		font-size: 1.2rem;
		color: #FFFFFF;
		text-align: center;
		line-height: 1;
		margin-bottom: 0.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: flex;
		flex-direction: column;
			flex-wrap: nowrap;
		align-items: flex-start;
			justify-content:  flex-start;
		max-height: 11rem;
		overflow: hidden;
		position: relative;
	}
	.recruitingList > ul > li > dl > dd.outline::after{
		content: '';
		display: block;
		height: 6rem;
		width: 100%;
		background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
		position: absolute;
		left: 0;
		bottom: 0;
	}
	.recruitingList > ul > li.open > dl > dd.outline{ max-height: 999999px;}
	.recruitingList > ul > li.open > dl > dd.outline::after{display: none;}


	.recruitingList > ul > li > dl > dd.outline > dl{
			display: block;
		width: 100%;
		order: 2;
	}
	.recruitingList > ul > li > dl > dd.outline > dl + dl{margin-top: 2rem;}

	.recruitingList > ul > li > dl > dd.outline > dl.environment{
			display: flex;
			flex-wrap: nowrap;
		align-items: flex-start;
			justify-content: flex-start;
		width: 100%;
		margin-bottom: 2rem;
		margin-top: 0;
		order: 1;
	}


	.recruitingList > ul > li > dl > dd.outline > dl > dt{
			display: flex;
			flex-wrap: nowrap;
		align-items: center;
			justify-content:  flex-start;
		width: 100%;
		margin-bottom: 0.8rem;
		font-size: 1.4rem;
		line-height: 1;
		font-weight: 700;
		text-align: left;
		white-space: nowrap;
	}
	.recruitingList > ul > li > dl > dd.outline > dl > dt::after{
		content: '';
		display: block;
		height: 1px;
		width: 100%;
		background: #ACACAC;
		margin-left: 1rem;
	}

	.recruitingList > ul > li > dl > dd.outline > dl.environment > dt{
		display: block;
			width: 7rem;
		line-height: 3rem;
	}
	.recruitingList > ul > li > dl > dd.outline > dl.environment > dt::after{display: none;}

	.recruitingList > ul > li > dl > dd.outline > dl > dd{
		display: block;
		width: 100%;
		font-size: 1.2rem;
		line-height: 1.4;
		text-align: left;
		word-break: break-all;
		position: relative;
	}

	.recruitingList > ul > li > dl > dd.outline > dl.environment > dd{
		width: calc( 100% - 7rem);
	}

	.recruitingList > ul > li > dl > dd.outline > dl.environment > dd > ul{
			display: flex;
			flex-wrap: wrap;
		align-items: stretch;
			justify-content: flex-start;
		width: 100%;
	}

	.recruitingList > ul > li > dl > dd.outline > dl.environment > dd > ul > li{
			display: block;
			width: calc((100% - 0.5rem) / 2);
			margin-right: 0.5rem;
	}
	.recruitingList > ul > li > dl > dd.outline > dl.environment > dd > ul > li:nth-of-type(2n){margin-right: 0;}
	.recruitingList > ul > li > dl > dd.outline > dl.environment > dd > ul > li:nth-of-type(n + 3){margin-top: 0.5rem;}

	.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;
			min-height: 3rem;
			border-radius: 1.5rem;
			padding: 0.6rem 1rem 0.6rem;
			border: 1px solid #CCCCCC;
			background: #FFFFFF;
			font-size: 1.2rem;
			line-height: 1;
			text-align: center;
			color: #1F4055;
			white-space: nowrap;
			letter-spacing: 0;
	}

	/** btn ******************************************/
	.recruitingList > ul > li > .spMore{
		display: block;
		text-align: right;
	}
	.recruitingList > ul > li > .spMore > span{
		display: inline-flex;
			flex-wrap: nowrap;
			align-items: center;
			justify-content: flex-end;
		padding: 2rem 0 2rem;
		font-size: 1.4rem;
		line-height: 1;
	}
	.recruitingList > ul > li > .spMore > span::before{
		content: '';
		display: inline-block;
		width: 1.5rem;
		height: 1.4rem;
		background: url("/img/common/icon_arrow_under_black.svg") 0 calc(50% + 0.1rem) no-repeat;
		background-size: auto 0.6rem;
			transition: transform 0.3s ease;
	}
	.recruitingList > ul > li > .spMore > span::after{
		content: '続きを読む';
	}


	.recruitingList > ul > li.open > .spMore > span::before{
		transform: scale(1, -1);
		background-position: 0 calc(50% - 0.1rem);
	}
	.recruitingList > ul > li.open > .spMore > span::after{
		content: '閉じる';
	}

	.recruitingList > ul > li > ul.btn{
			display: flex;
			flex-wrap: nowrap;
		align-items: stretch;
			justify-content: center;
		width: 100%;
		padding-top: 1.5rem;
		border-top: 1px solid #D6D6D6;
	}

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

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

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

	.sidework {
		text-align: center;
		border-radius: 4px;
    align-items: center;
    justify-content: flex-start;
		color: white;
		font-size: 1.2rem;
		font-weight: 500;
		background-color: #00263f;
		width: 6rem;
		position: absolute;
		top: 1rem;
		right: 1rem;
		padding: 0.4rem;
	}

	.recruitingDetail .sidework {
		top: 11rem;
	}

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

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

	/** btnKeep ******************************************/
	.recruitingList > ul > li .btnKeep{
		display: block;
		width: 4.6rem;
		height: 4.6rem;
		position: absolute;
		right: 0;
		top: 0;
	}

	.recruitingList > ul > li .btnKeep > a,
	.recruitingList > ul > li .btnKeep > button{
			display: flex;
		flex-direction: column;
			flex-wrap: nowrap;
			align-items: center;
			justify-content: center;
			width: 100%;
		height: 100%;
		padding: 0;
		background: #eeeeee;
		border-radius: 0 8px 0 8px;
			font-size: 1.0rem;
			text-align: center;
			color: #00263f;
	}

	.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{display: block; font-size: 2rem; text-align: center; margin-bottom: 0.5rem;}
	.recruitingList > ul > li .btnKeep > a > em > span,
	.recruitingList > ul > li .btnKeep > button > em > span{display: none;}
	.recruitingList > ul > li .btnKeep > a.Keeping > em > span,
	.recruitingList > ul > li .btnKeep > button.Keeping em > span{display: inline-block;}

	/** btnMore ******************************************/
	.recruitingList > .btnMore{
		display: block;
		width: 31rem;
		margin: 2rem 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: 8px;
		border: 1px solid #00273F;
			font-size: 1.4rem;
		font-weight: 700;
			text-align: center;
		cursor: pointer;
			transition: opacity 0.3s ease;
	}

	.recruitingList > .btnMore > span::before,
	.recruitingList > .btnMore > button::before{
		content: '+';
		font-size: 2.4rem;
		margin-right: 0.5rem;
	}




	/**************************************
	breadcrumbs
	**************************************/
	.breadcrumbs{
			display: block;
		width: 100%;
			margin: 0 auto 0;
			padding: 0.5rem 0 0.5rem 0;
		background: #eeeeee;
		border-top: 1px solid #FFFFFF;
	}

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

	.breadcrumbs > ol::-webkit-scrollbar {
			display:none;
	}

	.breadcrumbs > ol > li{
		display: inline;
		color: #8E9294;
		padding: 0.4rem;
	}
	.breadcrumbs > ol > li:nth-of-type(1){padding-left: 1rem;}

	.breadcrumbs > ol > li::after {
		content: "＞";
		margin: 0 1rem;
	}
	.breadcrumbs > ol > li:last-child{padding-right: 1rem;}
	.breadcrumbs > ol > li:last-child::after{ display: none;}

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


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


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

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

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


	#main .detailSearchBox .inner > dl > dt{
		display: flex;
			flex-wrap: nowrap;
			align-items: center;
			justify-content: flex-start;
			width: 100%;
			margin-bottom: 1.5rem;
			font-size: 1.6rem;
			line-height: 1;
			font-weight: 700;
			text-align: left;
			white-space: nowrap;
	}

	#main .detailSearchBox .inner > dl > dt::after {
			content: '';
			display: block;
			height: 1px;
			width: 100%;
			background: #ACACAC;
			margin-left: 1rem;
	}

	#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: 49%;
		margin-right: 2%;
	}
	#main .detailSearchBox .inner > dl > dd > ul > li:nth-of-type(2n){margin-right: 0;}
	#main .detailSearchBox .inner > dl > dd > ul > li:nth-of-type(n + 3){margin-top: 0.5rem;}

	#main .detailSearchBox .inner > dl > dd > ul > li > label{
			display: flex;
			flex-wrap: nowrap;
			align-items: center;
			justify-content: center;
			height: 100%;
			min-height: 4rem;
			cursor: pointer;
	}


	#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%;
		border-radius: 8px;
			padding: 0.5rem 1rem 0.8rem 3rem;
			background: #eeeeee;
		color: #4467aa;
			font-size: 1.2rem;
			line-height: 1.4;
		letter-spacing: 0;
			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: 1.6rem;
			height: 1.6rem;
			border: 1px solid #CCCCCC;
			border-radius: 50%;
			background: #FFFFFF;
			vertical-align: middle;
			text-align: center;
			position: absolute;
			top: calc(50% - 0.8rem);
			left: 0.5rem;
			z-index: 1;
	}

	#main .detailSearchBox .inner > dl.categories > dd > ul > li > label > span::after{
			content: '';
			display: block;
			width: 1rem;
			height: 1rem;
			border-radius: 50%;
			background: #ec6c00;
			position: absolute;
			top: calc(50% - 0.5rem);
			left: 0.8rem;
			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: 1.6rem;
			height: 1.6rem;
			border: 1px solid #CCCCCC;
			background: #FFFFFF;
			vertical-align: middle;
			text-align: center;
			position: absolute;
			top: calc(50% - 0.8rem);
			left: 1rem;
			z-index: 1;
	}

	#main .detailSearchBox .inner > dl.workStyle > dd > ul > li > label > span::after{
			content: '';
			display: block;
			width: 1.3rem;
			height: 1.3rem;
			border-radius: 50%;
			background: url("/img/common/icon_check.svg") center center no-repeat;
		background-size: 100% auto;
			position: absolute;
			top: calc(50% - 0.8rem);
			left: 1.1rem;
			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: 28rem;
		gap: 0 0.5rem;
		margin: 4rem auto 0;
	}

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

	#main .detailSearchBox .detailSearchBoxItem select,
	#main .detailSearchBox .detailSearchBoxItem input {
		margin-bottom: 1rem;
	}

	#main .detailSearchBox .detailSearchBoxItem .detail {
		margin: auto 0.6rem;
		font-size: 1.4rem;
	}



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

	.pagerBox.upper{margin: -2rem auto 1.5rem;}

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


	.pagerBox > .cntBox{
		display: block;
		font-size: 1.4rem;
		text-align: center;
		margin: 0 auto 1rem;
	}

	.pagerBox.upper > .cntBox{margin-bottom: 0;}

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

	.pagerBox.upper > .listPager{display: none;}

	.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 .ellipsis{font-size: 1.4rem;}

	.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.4rem;
		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.4rem;
		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: 2rem;}
	#recruitingDetailSection .mainTTL{
			display: flex;
			flex-wrap: wrap;
		align-items: center;
			justify-content: flex-start;
		min-height: calc(1.8rem * 1.2 * 2);
		padding-right: 8rem;
		padding-bottom: 0;
		margin-bottom: 1.5rem;
		text-align: left;
	}

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

	.category-link a {
		display: inline-block;
	}

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


	.recruitingDetail > .categories{
			display: flex;
			flex-wrap: wrap;
		align-items: flex-start;
			justify-content: flex-start;
		padding: 0 2rem;
		margin-bottom: 2rem;
	}


	.recruitingDetail > .categories > .category{
		display: block;
		width: 100%;
		margin-bottom: 1.3rem;
	}

	.recruitingDetail > .categories > .category > a,
	.recruitingDetail > .categories > .category > span{
			display: flex;
			flex-wrap: nowrap;
			align-items: center;
			justify-content: center;
			min-height: 3rem;
			border-radius: 1.5rem;
			padding: 0.6rem 1rem 0.6rem;
			background: #EFEFEF;
			font-size: 1.2rem;
			line-height: 1.4;
			text-align: center;
			color: #1F4055;
			white-space: nowrap;
	}


	.recruitingDetail > .categories > ul{
			display: block;
		width: calc(100% - 12rem);
	}
	.recruitingDetail > .categories > ul > li.reward{
		display: block;
		padding-left: 2.9rem;
		background: url("/img/common/icon_yen.svg") 0 center no-repeat;
		background-size: auto 2.4rem;
		line-height: 2.4rem;
		font-size: 1.4rem;
		font-weight: 700;
		text-align: left;
	}
	.recruitingDetail > .categories > ul > li.reward > span > em{color: #ec6c00;}
	.recruitingDetail > .categories > ul > li.reward > span > em > strong{ font-size: 1.8rem;}

	.recruitingDetail > .categories > ul > li.place{
			display: block;
		margin-top: 0.5rem;
		padding-left: 2.9rem;
			background: url("/img/common/icon_location.svg") 0.4rem center no-repeat;
			background-size: auto 2.4rem;
		line-height: 2.4rem;
		font-size: 1.4rem;
			font-weight: 700;
			text-align: left;
	}


	.recruitingDetail > .categories > .workStyle{display: block; width: 11rem; margin-left:1rem;}
	.recruitingDetail > .categories > .workStyle > a,
	.recruitingDetail > .categories > .workStyle > span{
		display: flex;
		flex-wrap: nowrap;
		align-items: center;
		justify-content: center;
		width: 100%;
		height: 2rem;
		padding: 0.5rem 0;
		border-radius: 4px;
		font-size: 1.2rem;
		color: #FFFFFF;
		text-align: center;
		line-height: 1;
		margin-bottom: 0.2rem;
	}

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

	.recruitingDetail > .categories > .btnKeep{
		display: block;
		width: 5.0rem;
		height: 5rem;
		position: fixed;
		right: 0;
		top: 9.5rem;
		z-index: 10;
	}

	.recruitingDetail > .categories > .btnKeep > a,
	.recruitingDetail > .categories > .btnKeep > button{
			display: flex;
		flex-direction: column;
			flex-wrap: nowrap;
			align-items: center;
			justify-content: center;
			width: 100%;
		height: 100%;
		padding: 0;
		background: #eeeeee;
		border-radius: 8px 0 0 8px;
			font-size: 1.0rem;
			text-align: center;
			color: #00263f;
	}

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

	.recruitingDetail > .categories > .btnKeep > a > span,
	.recruitingDetail > .categories > .btnKeep > button > span{display: block; font-size: 2rem; text-align: center; margin-bottom: 0.5rem;}
	.recruitingDetail > .categories > .btnKeep > a > em >span,
	.recruitingDetail > .categories > .btnKeep > button em > span{display: none;}
	.recruitingDetail > .categories > .btnKeep > a.Keeping > em > span,
	.recruitingDetail > .categories > .btnKeep > button.Keeping em > span{display: inline-block;}


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

	.recruitingDetail .outlineTable > dl{
			display: block;
		width: 100%;
		padding: 1.5rem 1rem 1.5rem;
		background: #FFFFFF;
		border-radius: 8px;
	}
	.recruitingDetail .outlineTable > dl + dl{margin-top: 2rem;}

	.recruitingDetail .outlineTable > dl > dt{
		display: block;
		padding: 0 0 1rem;
		margin-bottom: 2rem;
		font-size: 1.4rem;
		line-height: 1.3;
		font-weight: 700;
		text-align: center;
		border-bottom: 1px solid #ACACAC;
	}


	.recruitingDetail .outlineTable > dl > dd{
		display: block;
		width: 100%;
		background: #ffffff;
		font-size: 1.4rem;
		line-height: 1.4;
		text-align: left;
		word-break: break-all;
		position: relative;
	}
	.recruitingDetail .outlineTable > dl.price > dd,
	.recruitingDetail .outlineTable > dl.time > dd{text-align: center;}


	.recruitingDetail .outlineTable > dl.environment > dd > ul{
		display: flex;
			flex-wrap: wrap;
			align-items: stretch;
			justify-content: center;
			width: 100%;
		margin-top: -0.6rem;
	}

	.recruitingDetail .outlineTable > dl.environment > dd > ul > li{
		display: block;
			width: calc((100% - 1.5rem) / 3);
			margin-right: 0.5rem;
			margin-top: 0.6rem;
	}

	.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;
			min-height: 3rem;
			border-radius: 1.5rem;
			padding: 0.6rem 1rem 0.6rem;
			border: 1px solid #CCCCCC;
			background: #FFFFFF;
			font-size: 1.4rem;
			line-height: 1;
			text-align: center;
			color: #1F4055;
			white-space: nowrap;
			letter-spacing: 0;
	}


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


	#main .recruitingDetail .otherInfo > .subTTL{
		display: flex;
			flex-wrap: nowrap;
			align-items: center;
			justify-content: center;
		height: 4rem;
		background: #EEEEEE;
		border-radius: 8px 8px 0 0;
		font-size: 1.6rem;
		font-weight: 700;
		text-align: center;
		margin-bottom: 0;
		padding: 0;
	}

	#main .recruitingDetail .otherInfo > .outlineTable{
		padding: 0;
		margin: 0;
		background: #FFFFFF;
	}

	#main .recruitingDetail .otherInfo > .outlineTable > dl{
		display: flex;
			flex-wrap: nowrap;
			align-items: flex-start;
			justify-content: space-between;
		padding: 2rem 1rem;
		position: relative;
	}
	#main .recruitingDetail .otherInfo > .outlineTable > dl + dl{margin-top: 0;}

	#main .recruitingDetail .otherInfo > .outlineTable > dl + dl::before{
		content: '';
		display: block;
		width: calc(100% - 2rem);
		height: 1px;
		background: #D6D6D6;
		position: absolute;
		top: 0;
		left: 1rem;
	}

	#main .recruitingDetail .otherInfo > .outlineTable > dl > dt{
		display: block;
		width: 8.5rem;
		padding: 0;
		border: none;
		margin: 0;
		text-align: center;
	}

	#main .recruitingDetail .otherInfo > .outlineTable > dl > dd{
		display: block;
		width: calc(100% - 9.5rem);
	}

	#main .recruitingDetail .otherInfo > .outlineTable > dl.point{
		display: block;
	}
	#main .recruitingDetail .otherInfo > .outlineTable > dl.point > dt{
		display: block;
		width: 100%;
		text-align: left;
		margin-bottom: 1rem;
	}
	#main .recruitingDetail .otherInfo > .outlineTable > dl.point > dd{
		display: block;
		width: 100%;
		text-align: left;
	}

	/** btnEntry ******/
	#recruitingDetailSection .btnEntry{
		display: block;
		width: 100%;
		height: 5rem;
		margin: 0 auto;
	}

	#recruitingDetailSection .btnEntry > a,
	#recruitingDetailSection .btnEntry > button{
		height: 5rem;
		width: 28rem;
		margin: 0 auto;
	}



	#recruitingDetailSection .btnEntry.bottomFixedBtnSP > button,
	#recruitingDetailSection .btnEntry.bottomFixedBtnSP > a{
		position: fixed;
		left: calc(50% - 14rem);
		bottom: 0;
		z-index: 100;
		opacity: 0;
			transition: transform 0.2s ease,opacity 0.4s ease;
			transform: translate(0,100px);
	}

	#recruitingDetailSection .btnEntry.bottomFixedBtnSP.fixedSP > button,
	#recruitingDetailSection .btnEntry.bottomFixedBtnSP.fixedSP > a{
		opacity: 1;
			transform: translate(0, -2rem);
	}

	#recruitingDetailSection .btnEntry.bottomFixedBtnSP.stop > button,
	#recruitingDetailSection .btnEntry.bottomFixedBtnSP.stop > a{
		position: relative;
		bottom: inherit;
		left: inherit;
		opacity: 1;
			transform: translate(0,0);
	}


	/**************************************
	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: 80%;
		width: 90%;
		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;
	}

	.modalBox .modalInner > dl.complete{
			display: flex;
		width: 100%;
		flex-direction: column;
			flex-wrap: nowrap;
			align-items: center;
			justify-content: center;
		padding: 5rem 2rem 2rem;
		margin: 0 auto;
	}

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


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

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


	/* 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: 1rem;
		top: 1rem;
		cursor: pointer;
	}
	.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: 0 0 2rem 0;
		font-size: 2rem;
		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%;
	}

	.jobEntryModalBox .modalInner .jobEntryContent {
		width: 100%;
		padding: 3rem 1rem;
		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: 2rem;
	}

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

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

	.jobEntryModalBox .modalInner .jobEntryContent .radioList li {
		display: inline-block;
		line-height: 3rem;
		margin: 0 1rem;
	}

	.jobEntryModalBox .modalInner .btnArea {
		margin-bottom: 2rem;
		font-size: 1.4rem;
	}

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

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

	.jobEntryModalBox .modalInner .btnArea a {
		font-size: 1.2rem;
		padding: 0 0.4rem;
	}


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

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

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

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

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

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


	/**************************************
	#mailRegister
	**************************************/
	#header.registOnly{position: absolute;}
	#header.registOnly #headUtilityNav{display: none;}

	#header.registOnly + .breadcrumbs{display: none;}


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

	/**************************************
	orverRide
	**************************************/
	.pcView{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: 15rem 1rem 5rem;
		font-size: 1.6rem;
	}

	.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: 95%;
	}

	.cModalContent.isMedium {
		width: 95%;
	}

	.cModalContent.isLarge {
		width: 95%;
	}

	.cModalContentInner {
		position: relative;
		padding: 0 24px;
		max-height: 64vh;
		overflow-y: scroll;
	}

	.cModalClose {
		position: absolute;
		top: 13px;
		right: 10px;
		color: #888;
	}

	.cModal .modalTitle {
		font-size: 1.8rem;
		font-weight: 700;
		margin: 24px;
	}

	.cModalContent ul {
		display: block;
		list-style: none;
		padding: 0;
		margin: 0;
	}

	.cModalContent ul li {
		margin: 0 0 5px;
	}

	.cModalContent .checkBox {
		display: block;
		position: relative;
		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: 16px 0;
	}

	.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;
	}

}