@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@1,500&display=swap');


/*================================================
 *  リクルートLP用
 ================================================*/
html {
	font-size: 10px;
}

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

body {
	font-family: "Noto Sans JP", sans-serif;
	font-weight: 500;
}

main {
	overflow: inherit;
	overflow-x: clip
}


.animated.katakata {
	animation: katakata 1s steps(1) infinite;
}
@keyframes katakata {
    0%,100% { transform: rotate(0) }
    50% { transform: rotate(5deg) }
}



/*見出し*/
section .reclp_section_title {
	text-align: center;
	padding: 16rem 0 6rem;
}
section .reclp_section_title > span {
	font-size: 10rem;
	font-weight: 700;
	letter-spacing: 0.1em;
}
section .reclp_section_title > em {
	display: block;
	font-size: 26px;
	font-weight: 600;
	margin-top: 1.1em;
}













/*******メインエリア*******/
section#main_area .main_box {
	height: 103rem;
}

section#main_area .main_box .img_bg {
	position: absolute;
	top: 0;
	left: 0;
	z-index: -2;
	width: 100%;
}

section#main_area .main_box .img_bg_deco {
	position: absolute;
	top: -2.4rem;
	right: -4rem;
	z-index: -1;
	width: 36.1rem;
}


section#main_area .main_box .inner {
	width: 160rem;
	margin: 0 auto;
	padding-top: 13.5rem;
}

section#main_area .main_box .inner .img_svgmask {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	z-index: -2;
	
}
section#main_area .main_box .inner #main_slider {
	height: 89.4rem;
	width: 138.3rem;
	margin: 0 0 0 -1.5rem;
	clip-path:url(#mainslider_clip);
	-webkit-clip-path: url(#mainslider_clip);
}
section#main_area .main_box #main_slider .swiper-slide {
	overflow: hidden;
}
section#main_area .main_box #main_slider .swiper-slide img {
	will-change: transform;
	transition: all 7s ease-in-out;
	transform: scale(1);
}
section#main_area .main_box #main_slider.js-load .swiper-slide[class*=-active] img,
section#main_area .main_box #main_slider.js-load .swiper-slide[class*=-prev] img {
	transform: scale(1.15);
}


section#main_area .main_box .inner h1 {
	position: absolute;
	top: 21rem;
	right: 29.5rem;
	z-index: 2;
}
section#main_area .main_box .inner h1 img {
	width: 21rem;
}


section#main_area .main_box .inner .point_list {
	position: absolute;
	bottom: 3rem;
	right: 17.5rem;
	z-index: 5;
	display: flex;
}
section#main_area .main_box .inner .point_list li {
	border: 4px solid transparent;
	border-radius: 50%;
	width: 22.4rem;
	height: 22.4rem;
	
	margin: 0 0.7rem;
}
section#main_area .main_box .inner .point_list li > div {
	border-radius: 50%;
	background-color: #fff;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-align: center;
	height: 100%;
	width: 100%;
	font-size: 2.8rem;
	font-weight: 800;
	line-height: 1.35;
}
section#main_area .main_box .inner .point_list li > div > span {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 4.2rem;
	width: 4.2rem;
}
section#main_area .main_box .inner .point_list li > div > span img {
	width: 4.2rem;
}
section#main_area .main_box .inner .point_list li > div > em {
	margin-top: 0.5em;
}


/*イントロダクション*/
section#main_area .intro_box {
	width: 130rem;
	margin: 0 auto;
	padding: 5rem 0 11rem;
	z-index: 10;
}
section#main_area .intro_box .unit_txt ,
section#main_area .intro_box .unit_slider {
	z-index: 5;
}
section#main_area .intro_box .unit_txt {
	width: 50%;
	position: relative;
}
section#main_area .intro_box .unit_slider {
	width: 56rem;
	height: 53.7rem;
	margin: 5rem 5.5rem 0 auto;
}
section#main_area .intro_box .unit_slider #intro_slider01 {
	position: absolute;
	top: 0;
	right: 0;
	width: 43rem;
	height: 43rem;
	border-radius: 50%;
	z-index: 1;
}
section#main_area .intro_box .unit_slider #intro_slider02 {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 24rem;
	height: 24rem;
	border-radius: 50%;
	z-index: 2;
}

section#main_area .intro_box .img_bg01 {
	left: -4rem;
	bottom: 39rem;
	width: 14rem;
}
section#main_area .intro_box .img_bg02 {
	bottom: -1rem;
	right: -16rem;
	width: 49.3rem;
}








/*******現在募集中の職種*******/
section#category_area {
	padding-bottom: 8rem;
}
section#category_area .img_bg {
	top: 0;
	left: 0;
	z-index: -1;
}

section#category_area .inner {
	padding: 7rem 0 7.5rem;
	width: 160rem;
	margin: 0 auto;
}
section#category_area .inner h2 {
	font-size: 4.6rem;
	font-weight: 800;
	text-align: center;
	letter-spacing: 0.08em;
	margin-bottom: 1em;
}

section#category_area .inner .category_list {
	width: 106rem;
	margin: 0 auto;
}
section#category_area .inner .category_list li {
	width: calc((100% - 4rem) / 3);
}
section#category_area .inner .category_list li:nth-child(n+4) {
	margin-top: 2rem;
}
section#category_area .inner .category_list li a {
	background-color: #fff;
	border-radius: 1rem;
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-size: 2.8rem;
	font-weight: 800;
	line-height: 1.5;
	min-height: 14rem;
	padding: 0.2em 2.5rem 0.2em 3.7rem;
}
section#category_area .inner .category_list li a img {
	width: 4rem;
	height: auto;
}

section#category_area .inner .notes {
	font-size: 2.2rem;
	font-weight: 800;
	margin-top: 4rem;
}


section#category_area .deco_box [class*="unit_deco"]  {
	bottom: -1rem;
}
section#category_area .deco_box [class*="unit_deco"] .img_people {
	width: 100%;
	bottom: 0;
	left: 0;
}
section#category_area .deco_box .unit_deco01 {
	left: 2.3rem;
	width: 24.5rem;
	height: 41.5rem;
}
section#category_area .deco_box .unit_deco01 .img_fuki {
	top: 0;
	left: 0;
	width: 19.1rem;
}
section#category_area .deco_box .unit_deco02 {
	right: 1rem;
	width: 28.5rem;
	height: 40.5rem;
}
section#category_area .deco_box .unit_deco02 .img_fuki {
	top: 0;
	right: 1rem;
	width: 20.6rem;
}









/*******働きやすい5つの魅力*******/
section#appeal_area {
	border-radius: 8rem 8rem 0 0;
	margin-top: -8rem;
	z-index: 10;
	padding-top: 9rem;
}
section#appeal_area h2 img {
	width: 64rem;
}


section#appeal_area .inner {
	width: 160rem;
	margin: 7rem auto 0;
}
section#appeal_area .inner .img_svgmask {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	z-index: -2;
}
section#appeal_area .inner [class*="appeal_box"] {
	display: flex;
	justify-content: flex-end;
}
section#appeal_area .inner [class*="appeal_box"]:nth-of-type(even) {
	flex-direction: row-reverse;
}
section#appeal_area .inner [class*="appeal_box"]:nth-of-type(n+2) {
	margin-top: 10rem;
}
section#appeal_area .inner [class*="appeal_box"] .unit_txt {
	width: 55rem;
}
section#appeal_area .inner [class*="appeal_box"]:nth-of-type(even)  .unit_txt {
	padding-left: 1rem;
}
section#appeal_area .inner [class*="appeal_box"] .unit_txt h3 {
	position: relative;
	padding: 8.5rem 0 3rem;
}
section#appeal_area .inner [class*="appeal_box"] .unit_txt h3 .num {
	position: absolute;
	top: 0;
	left: -9.5rem;
	font-size: 24rem;
	font-weight: 500;
	font-style: italic;
	opacity: 0.1;
	z-index: -1;
}
section#appeal_area .inner [class*="appeal_box"] .unit_txt h3 > em {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
	font-size: 5rem;
	font-weight: 800;
}
section#appeal_area .inner [class*="appeal_box"] .unit_txt h3 > em span {
	display: inline-flex;
	align-items: center;
	font-size: 2.8rem;
	height: 1.78em;
	padding: 0 0.7em;
	margin-bottom: 0.8em;
}
section#appeal_area .inner [class*="appeal_box"] .unit_txt .inr {
	width: 48rem;
	text-align: left;
}
section#appeal_area .inner [class*="appeal_box"] .unit_txt .inr p .marker {
	background:linear-gradient(transparent 0%, #ffff00 0%);
}

section#appeal_area .inner [class*="appeal_box"] .unit_img {
	height: 62.5rem;
	width: 78rem;
	position: relative;
	margin-left: 3.5rem;
}
section#appeal_area .inner [class*="appeal_box"]:nth-of-type(even) .unit_img {
	margin: 0 6rem 0 -5rem;
}
section#appeal_area .inner [class*="appeal_box"] .unit_img img {
	position: absolute;
}
section#appeal_area .inner [class*="appeal_box"] .unit_img .img02 {
	border-radius: 50%;
	overflow: hidden;
	z-index: 1;
	width: 26rem;
	height: auto;
	bottom: 0;
}
section#appeal_area .inner [class*="appeal_box"]:nth-of-type(odd) .unit_img .img01 {
	top: 0;
	right: 0;
	width: 73.5rem;
	clip-path:url(#appeal_clip01);
	-webkit-clip-path: url(#appeal_clip01);
}
section#appeal_area .inner [class*="appeal_box"]:nth-of-type(even) .unit_img .img01 {
	top: 0;
	left: 0;
	width: 73.5rem;
	clip-path:url(#appeal_clip02);
	-webkit-clip-path: url(#appeal_clip02);
}
section#appeal_area .inner [class*="appeal_box"]:nth-of-type(odd) .unit_img .img02 {
	left: 0;
}
section#appeal_area .inner [class*="appeal_box"]:nth-of-type(even) .unit_img .img02 {
	right: 0;
}










/*******仕事紹介とスタッフの声*******/
section#job_area .title_box .img_deco01 {
	bottom: -4rem;
	right: 50%;
	margin-right: 38rem;
	width: 37.4rem;
}
section#job_area .title_box .img_deco02 {
	bottom: -5rem;
	left: 50%;
	margin-left: 33rem;
	width: 38.4rem;
}


section#job_area .job_list {
	width: 126rem;
	margin: 9rem auto 0;
} 
section#job_area .job_list [id^="job_box"] {
	width: calc((100% - 6rem) / 2);
	position: relative;
	padding: 0 4rem 5.5rem;
}
section#job_area .job_list [id^="job_box"]:nth-of-type(n+3) {
	margin-top: 10rem;
}
section#job_area .job_list [id^="job_box"]::before {
	position: absolute;
	content: '';
	top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 2rem;
    border: 4px solid transparent;
    background: linear-gradient(90deg, rgba(245,172,5,1) 0%, rgba(237,137,30,1) 100%) border-box border-box;
    -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0) border-box;
    -webkit-mask-composite: destination-out;
    mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0) border-box;
    mask-composite: exclude;
	z-index: -1;
}
section#job_area .job_list [id^="job_box"] .unit_img {
	border-radius: 50%;
	overflow: hidden;
	position: relative;
	width: 32rem;
	height: 32rem;
	top: -4.5rem;
	margin: 0 auto -4.5rem;
	z-index: 1;
}

section#job_area .job_list [id^="job_box"] .unit_txt {
	width: 46rem;
	margin: 4rem auto 0;
}
section#job_area .job_list [id^="job_box"] .unit_txt h3 {
	font-size: 4rem;
	font-weight: 800;
	letter-spacing: 0.08em;
	text-align: center;
	margin-bottom: 0.75em;
}
section#job_area .job_list [id^="job_box"] .unit_voice {
	border-radius: 1rem;
	margin-top: 3rem;
	position: relative;
	padding: 3rem 16rem 3rem 3.3rem;
}
section#job_area .job_list [id^="job_box"] .unit_voice .inr {
	text-align: left;
}
section#job_area .job_list [id^="job_box"] .unit_voice .inr .name {
	margin-top: 0.8em;
}
section#job_area .job_list [id^="job_box"] .unit_voice .img_voice {
	position: absolute;
	bottom: 0;
	right: -2rem;
	width: 19rem;
	height: auto;
}
section#job_area .job_list [id^="job_box"] .unit_voice .img_voice img {
	width: 100%;
}

section#job_area .job_list [id^="job_box"] a {
	font-size: 2.8rem;
	font-weight: 600;
	margin-top: 4rem;
}
section#job_area .job_list [id^="job_box"] a img {
	width: 4.2rem;
	height: auto;
	margin-left: 0.7em;
}








/*******募集要項*******/
section#guide_area {
	width: 104rem;
	margin: 0 auto;
}

/*職種タブ*/
section#guide_area #tab_guide li {
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 100vh;
	height: 9rem;
	width: calc((100% - 5rem) / 3);
	cursor: pointer;
}
section#guide_area #tab_guide li:nth-child(n+4) {
	margin-top: 2.5rem;
}
section#guide_area #tab_guide li > div {
	background-color: #fff;
	border-radius: 100vh;
	width: calc(100% - 8px);
	height: calc(100% - 8px);
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	font-size: 2.4rem;
	font-weight: 600;
	transition: all 0.1s linear;
}
section#guide_area #tab_guide li.active > div,
section#guide_area #tab_guide li:hover > div {
	background-color: transparent;
	color: #fff;
}


section#guide_area #tab_content {
	margin-top: 10rem;
}
section#guide_area #tab_content .tab_box:not(.active) {
	display: none;
}




/*******include guide.phpの中身用*******/
/*職種リスト*/
#tab_nav {
	display: flex;
	flex-wrap: wrap;
}
#tab_nav li {
	font-size: 2.4rem;
	font-weight: 600;
	padding-right: 1.58em;
	cursor: pointer;
	display: flex;
	align-items: center;
}
#tab_nav li.active,
#tab_nav li:hover {
	color: var(--color-reclp);
}
#tab_nav li span {
	width: 4.2rem;
	height: 4.2rem;
	margin-right: 0.625em;
	position: relative;
}
#tab_nav li span:before {
	content: ''!important;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url('../images/recruit_lp/icon_circle_arrow.svg') center center / 99% auto no-repeat;
}

/*タブ中身*/
#tab_wrap {
	margin-top: 7rem;
}
#tab_wrap section {
	display: none;
}
#tab_wrap section.active {
	display: block;
	animation: tabShow 0.3s linear;
}
@keyframes tabShow{
    from{opacity: 0;}
    to{opacity: 1;}
}


#tab_wrap section h3 {
	color: var(--color-reclp);
	font-size: 4.2rem;
	font-weight: 800;
	line-height: 1.5;
	letter-spacing: 0.08em;
	text-align: center;
	margin-bottom: 1em;
}


/*表*/
#tab_wrap section table {
	border-collapse: separate;
	border-spacing: 0;
	width: 100%;
}
#tab_wrap section table th,
#tab_wrap section table td {
	font-size: 2rem;
	font-weight: 500;
	line-height: 1.75;
	padding: 1em 1.25em;
	text-align: left;
}

#tab_wrap section table th {
	border-top: 2px solid var(--color-reclp);
	color: var(--color-reclp);
	width: 26rem;
	padding-right: 0;
}
#tab_wrap section table tbody tr:last-child th {
	border-bottom: 2px solid var(--color-reclp);
}
#tab_wrap section table td .color_rec,
#tab_wrap section table td .circle_list li:before {
	color: var(--color-reclp);
}
#tab_wrap section table td {
	border-top: 2px solid #ccc;
}
#tab_wrap section table tbody tr:last-child td {
	border-bottom: 2px solid #ccc;
}


#tab_wrap section table td .f14m_s {
	font-size: 1.6rem;
}









/*******【共通】エントリー *******/
section.entry_area {
	border-radius: 8rem;
	max-width: 154rem;
	width: 100%;
	margin: 25rem auto 0;
	z-index: 100;
}
section.entry_area h2 {
	position: absolute;
	top: 0.05em;
	left: 21rem;
	transform: translateY(-100%);
	font-size: 12rem;
	font-weight: 700;
	letter-spacing: 0.14em;
	white-space: nowrap;
}
section.entry_area .inner {
	width: 110rem;
	margin: 0 auto;
	padding: 7rem 0 10rem;
}
section.entry_area .inner h3 {
	font-size: 3.8rem;
	font-weight: 800;
	line-height: 1.5;
}
@media screen and (min-width: 500.1px) {
	section.entry_area .inner .badge_list {
		position: absolute;
		top: -9rem;
		right: 18rem;
	}
	section.entry_area .inner .badge_list img {
		width: 24rem;
		height: auto;
	}
	section.entry_area .inner .badge_list img + img {
		margin-left: 1.5rem;
	}
}

section.entry_area .inner .inr_contact {
	margin-top: 4rem;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
section.entry_area .inner .inr_contact .tel .number {
	display: flex;
	align-items: center;
	font-size: 7.2rem;
	font-weight: 500;
}
section.entry_area .inner .inr_contact .tel .number span:first-child {
	font-size: 6.4rem;
	width: 8.5rem;
}
section.entry_area .inner .inr_contact .tel p {
	font-size: 2.2rem;
	font-weight: 600;
	margin: 0.7em 0 0 8.7rem;
}
section.entry_area .inner .inr_contact .btn_contact {
	width: 50rem;
}
section.entry_area .inner .inr_contact .btn_contact a {
	border-radius: 100vh;
	border-color: #fff!important;
	font-size: 3.6rem;
	font-weight: 800;
	height: 14rem;
	padding-left: 5rem;
}
section.entry_area .inner .inr_contact .btn_contact a [class*="icon-"] {
	font-size: 4rem;
	margin-right: 0.6em;
}






/*================================================
 *  スマートフォン向けデザイン
 ================================================*/
@media screen and (max-width:500px) {

html {
	font-size: 4vw;
}







/*見出し*/
section .reclp_section_title {
	padding: 20vw 0 10vw;
}
section .reclp_section_title > span {
	font-size: 13.3vw;
}
section .reclp_section_title > em {
	font-size: 4.2vw;

}


















/*******メインエリア*******/
section#main_area .main_box {
	height: auto;
}

section#main_area .main_box .inner {
	width: 100%;
	padding-top: 12vw;
}


section#main_area .main_box .inner #main_slider {
	height: 116.2vw;
	width: 145.7vw;
	margin-left: -27.4vw;
	clip-path:url(#mainslider_clip_sp);
	-webkit-clip-path: url(#mainslider_clip_sp);
}

section#main_area .main_box .inner h1 {
	top: 62vw;
	right: 8vw;
}
section#main_area .main_box .inner h1 img {
	width: 30vw;
}


section#main_area .main_box .inner .point_list {
	position: static;
	bottom: auto;
	right: auto;
	justify-content: center;
	margin-top: 4vw;
}
section#main_area .main_box .inner .point_list li {
	border-width: 2px;
	width: 30.4vw;
	height: 30.4vw;
	margin: 0 0.6vw;
}
section#main_area .main_box .inner .point_list li > div {
	font-size: 3.7vw;
}
section#main_area .main_box .inner .point_list li > div > span {
	height: 5.6vw;
	width: 5.6vw;
}
section#main_area .main_box .inner .point_list li > div > span img {
	width: 5.6vw;
}


/*イントロダクション*/
section#main_area .intro_box {
	width: 100%;
	padding: 8.8vw 8.4vw 27vw;
}
section#main_area .intro_box .unit_txt {
	width: 81vw;
	margin: 0 auto;
}
section#main_area .intro_box .unit_slider {
	width: 100%;
	height: 58vw;
	margin: 4vw 0 0;
}
section#main_area .intro_box .unit_slider #intro_slider01 {
	width: 57vw;
	height: 57vw;
}
section#main_area .intro_box .unit_slider #intro_slider02 {
	width: 32vw;
	height: 32vw;

}

section#main_area .intro_box .img_bg01 {
	left: -3.5vw;
	bottom: 61vw;
	width: 19vw;
}
section#main_area .intro_box .img_bg02 {
	bottom: -2.5vw;
	right: -3.5vw;
	width: 70vw;
}






/*******現在募集中の職種*******/
section#category_area {
	padding-bottom: 10.6vw;
}

section#category_area .inner {
	padding: 13vw 0 0;
	width: 100%;
}
section#category_area .inner h2 {
	font-size: 7.2vw;
}

section#category_area .inner .category_list {
	width: 93vw;
}
section#category_area .inner .category_list li {
	width: calc((100% - 2.6vw) / 2);
}
section#category_area .inner .category_list li:nth-child(n+3) {
	margin-top: 2.6vw
}
section#category_area .inner .category_list li a {
	border-radius: 1.3vw;
	font-size: 4.8vw;
	min-height: 18.6vw;
	padding: 4vw 2vw 4vw 3.5vw;
}
section#category_area .inner .category_list li a img {
	width: 8vw;
}
section#category_area .inner .notes {
	font-size: 4vw;
	margin-top: 5vw;
}


section#category_area .deco_box {
	position: relative;
	height: 60vw;
	width: 94.6vw;
	margin: 8vw auto 0;
}
section#category_area .deco_box .unit_deco01 {
	bottom: -9vw;
	left: 2.8vw;
	width: 42vw;
	height: 69vw;
}
section#category_area .deco_box .unit_deco01 .img_fuki {
	left: -2.8vw;
	width: 32vw;
}
section#category_area .deco_box .unit_deco02 {
	bottom: -5vw;
	right: 0;
	width: 46vw;
	height: 65vw;
}
section#category_area .deco_box .unit_deco02 .img_fuki {
	top: 0;
	right: 0;
	width: 34vw;
}









/*******働きやすい5つの魅力*******/
section#appeal_area {
	border-radius: 10.6vw 10.6vw 0 0;
	margin-top: -10.6vw;
	padding-top: 11.5vw;
}
section#appeal_area h2 img {
	width: 89.3vw;
}


section#appeal_area .inner {
	width: 100%;
	margin-top: 9vw;
}
section#appeal_area .inner [class*="appeal_box"] {
	display: block;
}
section#appeal_area .inner [class*="appeal_box"]:nth-of-type(n+2) {
	margin-top: 10vw;
}
section#appeal_area .inner [class*="appeal_box"] .unit_txt {
	width: 80vw;
	margin: 0 auto;
	padding: 0!important;
}
section#appeal_area .inner [class*="appeal_box"] .unit_txt h3 {
	padding: 10vw 0 5vw;
}
section#appeal_area .inner [class*="appeal_box"] .unit_txt h3 .num {
	left: -10vw;
	font-size: 32vw;
}
section#appeal_area .inner [class*="appeal_box"] .unit_txt h3 > em {
	font-size: 7.2vw;
}
section#appeal_area .inner [class*="appeal_box"] .unit_txt h3 > em span {
	font-size: 4.2vw;
}
section#appeal_area .inner [class*="appeal_box"] .unit_txt .inr {
	width: 100%;
}


section#appeal_area .inner [class*="appeal_box"] .unit_img {
	height: 83.6vw;
	width: 100%;
	margin: 5vw 0 0!important;

}
section#appeal_area .inner [class*="appeal_box"] .unit_img .img02 {
	width: 34vw;
}
section#appeal_area .inner [class*="appeal_box"]:nth-of-type(odd) .unit_img .img01 {
	right: -9.3vw;
	width: 98vw;
}
section#appeal_area .inner [class*="appeal_box"]:nth-of-type(even) .unit_img .img01 {
	left: -9.3vw;
	width: 98vw;
}
section#appeal_area .inner [class*="appeal_box"]:nth-of-type(odd) .unit_img .img02 {
	left: 5.6vw;
}
section#appeal_area .inner [class*="appeal_box"]:nth-of-type(even) .unit_img .img02 {
	right: 5.6vw;
}





/*******仕事紹介とスタッフの声*******/
section#job_area .job_list {
	width: 90vw;
	margin-top: 15vw;
} 
section#job_area .job_list [id^="job_box"] {
	width: 100%;
	padding: 0 5vw 10vw;
}
section#job_area .job_list [id^="job_box"]:nth-of-type(n+2) {
	margin-top: 17vw;
}
section#job_area .job_list [id^="job_box"]::before {
	border-width: 1vw;
}
section#job_area .job_list [id^="job_box"] .unit_img {
	width: 53.3vw;
	height: 53.3vw;
	top: -6.5vw;
	margin-bottom: -6.5vw;
}

section#job_area .job_list [id^="job_box"] .unit_txt {
	width: 75vw;
	margin-top: 6.5vw;
}
section#job_area .job_list [id^="job_box"] .unit_txt h3 {
	font-size: 6.6vw;
}
section#job_area .job_list [id^="job_box"] .unit_voice {
	border-radius: 1.3vw;
	margin-top: 4.5vw;
	padding: 5vw 21vw 5.5vw 6vw;
}
section#job_area .job_list [id^="job_box"] .unit_voice .img_voice {
	right: -5vw;
	width: 33vw;
	height: 34.4vw;
	overflow: hidden;
}

section#job_area .job_list [id^="job_box"] a {
	font-size: 4.8vw;
	margin-top: 6vw;
}
section#job_area .job_list [id^="job_box"] a img {
	width: 8.8vw;
}









/*******募集要項*******/
section#guide_area {
	width: 90vw;
}

/*職種タブ*/
section#guide_area #tab_guide li {
	height: 12vw;
	width: calc((100% - 2.6vw) / 2);
}
section#guide_area #tab_guide li:nth-child(n+3) {
	margin-top: 2.6vw;
}
section#guide_area #tab_guide li > div {
	width: calc(100% - 4px);
	height: calc(100% - 4px);
	font-size: 4.2vw;
}


section#guide_area #tab_content {
	margin-top: 10vw;
}




/*******include guide.phpの中身用*******/
/*職種リスト*/
#tab_nav {
	display: grid;
	grid-template-columns: auto 48vw; 
	grid-auto-rows: auto;
	justify-content: space-between;
	gap: 4vw 0px;
}
#tab_nav li {
	font-size: 4.2vw;
	padding-right: 0;
}
#tab_nav li span {
	width: 7.4vw;
	height: 7.4vw;
	margin-right: 2vw;
}

/*タブ中身*/
#tab_wrap {
	margin-top: 12vw;
}


#tab_wrap section h3 {
	font-size: 6.9vw;
}


/*表*/
#tab_wrap section table,
#tab_wrap section table tbody,
#tab_wrap section table tr,
#tab_wrap section table th,
#tab_wrap section table td {
	display: block;
}
#tab_wrap section table th,
#tab_wrap section table td {
	font-size: 4.2vw;
	padding: 2.5vw;
}

#tab_wrap section table th {
	width: 100%;
	padding-top: 3vw;
}
#tab_wrap section table tbody tr:last-child th {
	border-bottom: none;
}
#tab_wrap section table td {
	border: none;
	padding-top: 0;
	padding-bottom: 7vw;
}
#tab_wrap section table tbody tr:last-child td {
	border: none;
	padding-bottom: 0;
}

#tab_wrap section table td .f14m_s {
	font-size: 3.8vw;
}















/*******【共通】エントリー *******/
section.entry_area {
	border-radius: 10.6vw;
	max-width: inherit;
	width: 96vw;
	margin-top: 30vw;
}
section.entry_area h2 {
	left: 50%;
	transform: translate(-50%,-100%);
	font-size: 18vw;
	padding-left: 0.14em; /*letter-spacing 調整用*/
}
section.entry_area .inner {
	width: 81vw;
	padding: 13vw 0 10vw;
}
section.entry_area .inner h3 {
	font-size: 5.3vw;
	text-align: center;
}
section.entry_area .inner .badge_list {
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	margin-top: 5vw;
}
section.entry_area .inner .badge_list img {
	width: 37.3vw;
}
section.entry_area .inner .badge_list img + img {
	margin-left: 4vw;
}

section.entry_area .inner .inr_contact {
	margin-top: 10vw;
	display: block;
}
section.entry_area .inner .inr_contact .tel .number {
	font-size: 10.9vw;
	margin-right: -5vw;
}
section.entry_area .inner .inr_contact .tel .number span:first-child {
	font-size: 10.1vw;
	width: 11.9vw;
}
section.entry_area .inner .inr_contact .tel p {
	font-size: 3.6vw;
	margin-left: 12vw;
}
section.entry_area .inner .inr_contact .btn_contact {
	width: 100%;
}
section.entry_area .inner .inr_contact .btn_contact a {
	font-size: 5.6vw;
	height: 18.6vw;
	padding-left: 8vw;
	margin-top: 6vw;
}
section.entry_area .inner .inr_contact .btn_contact a [class*="icon-"] {
	font-size: 6.6vw;
	margin-right: 5vw;
}





	
}