/* ---------------------------------------------------------------
start Recruit CSS
--------------------------------------------------------------- */

.bg_pagettl {
	height: 500px;
	color: #fff;
}

.bg_pagettl dl.col_pagettl dt {
	margin-bottom: 28px;
}

.bg_pagettl dl.col_pagettl dt img {
	width: 35.2vw;
	max-width: 275px;
}

.bg_pagettl dl.col_pagettl dd {
	font-size: 38px;
	line-height: 1.5;
}

.mds_recruit {
	margin: 0 0 62px;
	padding: 0;
	text-align: center;
}

.mds_recruit .mds {
	margin: 0;
	padding: 0;
	font-size: 38px;
	font-weight: 500;
	line-height: 1.5;
	letter-spacing: 0.15em;
}

.mds_recruit .en {
	margin: 0;
	padding: 0;
	color: #173782;
	font-size: 16px;
}

.col_recruit1 {
	width: 94%;
	max-width: 990px;
	margin: 0 auto 80px;
	padding: 60px 0 0;
}

.btmlink_recruit {
	width: 94%;
	max-width: 990px;
	margin: 0 auto 100px;
	padding: 0;
	display: flex;
}

.btmlink_recruit a {
	width: calc( calc( 100% - 40px )/3 );
	height: 160px;
	margin: 0 20px 0 0;
	padding: 10px 2%;
	color: #fff;
	font-size: 18px;
	line-height: 1.2;
	text-align: center;
	text-decoration: none;
	background-size: cover;
	background-position: right center;
	box-sizing: border-box;
	display: flex;
	align-items: center;
}

.btmlink_recruit a:last-child { margin-right: 0; }

.btmlink_recruit a.message {
	background-image: url(../img/recruit/img_btmlink_message.jpg);
	background-repeat: no-repeat;
}
.btmlink_recruit a.jobinfo {
	background-image: url(../img/recruit/img_btmlink_jobinfo.jpg);
	background-repeat: no-repeat;
}
.btmlink_recruit a.faq {
	background-image: url(../img/recruit/img_btmlink_faq.jpg);
	background-repeat: no-repeat;
}
.btmlink_recruit a.admission {
	background-image: url(../img/recruit/img_btmlink_admission.jpg);
	background-repeat: no-repeat;
}


/* --------------- works --------------- */

.bg_pagettl.works {
	background-image: url(../img/recruit/bg_pagettl.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center top;
}

.bg_recruit1 {
	margin: 0 0 200px;
	padding: 0;
	position: relative;
	z-index: 0;
}

.bg_recruit1:before {
	content: "";
	width: 100%;
	height: calc( 100% - 50px );
	margin: 0;
	padding: 0;
	background-color: #F0F6FA;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
}

.bg_recruit1:after {
	content: "";
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	background-color: #F0F6FA;
	transform-origin: right top;
	transform: skewX(-75deg);
	position: absolute;
	top: calc( 100% - 50px );
	right: 0;
	z-index: -1;
}

.list_anchor_works {
	width: 100%;
	margin: 0 0 60px;
	padding: 0;
	background-color: #fff;
	display: flex;
}

.list_anchor_works a {
	width: calc( 100% / 3 );
	height: 120px;
	margin: 0;
	padding: 0 12% 0 0;
	color: #fff;
	font-size: 22px;
	font-weight: 500;
	text-align: center;
	text-shadow: 0px 0px 5px #555;
	text-decoration: none;
	background-size: cover;
	background-position: right center;
	box-sizing: border-box;
	display: flex;
	align-items: center;
	justify-content: center;
}

.list_anchor_works a.front {
	background-image: url(../img/recruit/img_anchor_front.jpg);
	background-repeat: no-repeat;
}
.list_anchor_works a.breakfast {
	background-image: url(../img/recruit/img_anchor_breakfast.jpg);
	background-repeat: no-repeat;
}
.list_anchor_works a.cleaning {
	background-image: url(../img/recruit/img_anchor_cleaning.jpg);
	background-repeat: no-repeat;
}

dl.intro_works {
	width: 94%;
	max-width: 880px;
	margin: 0 auto 100px;
	padding: 0;
}

dl.intro_works dt {
	margin: 0 0 18px;
	padding: 0 0 11px;
	color: #173782;
	font-size: 30px;
	font-weight: 500;
	line-height: 1.4;
	text-align: center;
	border-bottom: solid 1px #1D4B8B;
}

dl.intro_works dd {
	margin: 0;
	padding: 0;
	line-height: 2;
	text-align: center;
}

.col_works_recruit {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto 40px;
	padding: 0;
	display: flex;
}

.col_works_recruit .img {
	width: 48.5%;
	margin: 0;
	padding: 0;
}

.col_works_recruit .img.right { order: 1; }

.col_works_recruit .txt {
	width: 51.5%;
	margin: 0;
	padding: 10px 0 0;
}

.col_works_recruit .txt dl {
	width: 90%;
	max-width: 380px;
	margin: 0 auto;
	padding: 0;
}

.col_works_recruit .txt dl dt {
	margin: 0 0 30px;
	padding: 0;
	font-size: 30px;
	font-weight: 500;
	line-height: 1.4;
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
}

.col_works_recruit .txt dl dt .num {
	width: 13vw;
	max-width: 106px;
	margin: 0;
	padding: 0;
}

.col_works_recruit .txt dl dd {
	margin: 0;
	padding: 0;
	line-height: 2.1;
}

.bgnone_recruit {
	margin: 0 0 150px;
	padding: 0;
	position: relative;
	z-index: 0;
}

.bgnone_recruit:after {
	content: "";
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	background-color: #F0F6FA;
	transform-origin: left bottom;
	transform: skewX(-75deg);
	position: absolute;
	left: 0;
	bottom: -200px;
	z-index: -1;
}

.bg_recruit1.cleaning {
	margin: 0 0 100px;
	padding: 0 0 50px;
}
.bg_recruit1.cleaning:before {
	top: auto;
	bottom: 0;
}
.bg_recruit1.cleaning:after {
	content: none;
}



/* --------------- faq --------------- */

.bg_pagettl.faq {
	background-image: url(../img/recruit/faq/bg_pagettl.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}

.col_recruit1.faq .mds_recruit {
	margin: 0 0 28px;
}

.lead_faq_recruit {
	margin: 0 0 60px;
	padding: 0;
	text-align: center;
}

.col_faq_recruit {
	width: 100%;
	margin: 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
}

dl.cont_faq {
	width: calc( 100%/3 );
	margin: 0 0 30px;
	padding: 0 10px;
	box-sizing: border-box;
}

dl.cont_faq dt {
	margin: 0;
	padding: 10px 0 14px;
	color: #fff;
	background-color: #173782;
	display: flex;
}

dl.cont_faq dd {
	margin: 0;
	padding: 22px 0;
	background-color: #F0F6FA;
	display: flex;
}

dl.cont_faq .mds {
	width: 64px;
	margin: 0;
	padding: 0;
	font-family: 'Noto Sans JP', Meiryo, sans-serif;
	font-size: 33px;
	font-weight: 600;
	text-align: center;
	line-height: 1;
}

dl.cont_faq dt .mds { color: #009280; }
dl.cont_faq dd .mds { color: #DE5A24; }

dl.cont_faq .txt {
	width: calc( 100% - 64px );
	margin: 0;
	padding: 0 15px 0 0;
}

dl.cont_faq dt .txt {
	padding: 6px 15px 0 0;
	font-size: 18px;
	line-height: 1.5;
}



/* --------------- admission --------------- */

.bg_pagettl.admission {
	height: 500px;
	color: #fff;
	background-image: url(../img/recruit/admission/bg_pagettl.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}

ul.list_tab_admission {
	width: 96%;
	max-width: 890px;
	margin: 0 auto;
	padding: 0;
	list-style: none;
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	box-sizing: border-box;
}

ul.list_tab_admission li {
	width: calc( ( 100% - 24px )/4 );
	height: 60px;
	margin: 0;
	padding: 0;
	font-size: 20px;
	line-height: 1.4;
	border: solid 1px #A0A0A0;
	border-bottom: none;
	box-sizing: border-box;
	display: flex;
	align-items: center;
	justify-content: center;
}

ul.list_tab_admission li a {
	width: 100%;
	height: 100%;
	text-decoration: none;
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
}

ul.list_tab_admission li.regular a { color: #46628F; }
ul.list_tab_admission li.contract a { color: #009280; }
ul.list_tab_admission li.parttime1 a { color: #DE5A24; }
ul.list_tab_admission li.parttime2 a { color: #802780; }

ul.list_tab_admission li.current { color: #fff; }
ul.list_tab_admission li.regular.current {
	border-color: #46628F;
	background-color: #46628F;
}
ul.list_tab_admission li.contract.current {
	border-color: #009280;
	background-color: #009280;
}
ul.list_tab_admission li.parttime1.current {
	border-color: #DE5A24;
	background-color: #DE5A24;
}
ul.list_tab_admission li.parttime2.current {
	border-color: #802780;
	background-color: #802780;
}

.col_admission {
	margin: 0;
	padding: 0;
}

.col_admission .box_search {
	width: 100%;
	margin: 0 0 50px;
	padding: 50px 0;
	border-top: solid 3px #46628F;
	background-color: #F5F6F7;
}
.col_admission.regular .box_search {
	border-top: solid 3px #46628F;
	background-color: #F5F6F7;
}
.col_admission.contract .box_search {
	border-top: solid 3px #009280;
	background-color: #EFF4F2;
}
.col_admission.parttime1 .box_search {
	border-top: solid 3px #DE5A24;
	background-color: #F9F5F4;
}
.col_admission.parttime2 .box_search {
	border-top: solid 3px #802780;
	background-color: #F9F7F9;
}

.col_admission .box_search dl {
	width: 94%;
	max-width: 890px;
	margin: 0 auto 25px;
	padding: 46px 10px;
	background-color: #fff;
	box-sizing: border-box;
	display: flex;
}

.col_admission .box_search dl dt {
	width: 168px;
	margin: 0;
	padding: 3px 10px 5px 20px;
	font-size: 20px;
	font-weight: 500;
	line-height: 1.2;
	border-right: solid 1px #4D4D4D;
	box-sizing: border-box;
}

.col_admission .box_search dl dt .small {
	color: #4d4d4d;
	font-size: 13px;
}

.col_admission .box_search dl dd {
	width: calc( 100% - 168px );
	margin: 0;
	padding: 5px 20px;
	box-sizing: border-box;
}

.col_admission .box_search dl dd ul {
	width: 100%;
	margin: 0;
	padding: 0;
	list-style: none;
	display: flex;
	flex-wrap: wrap;
}

.col_admission .box_search dl dd ul li {
	width: 50%;
	margin: 0 0 8px;
	padding: 0 5px 0 20px;
	line-height: 1.4;
	text-indent: -20px;
	box-sizing: border-box;
}

.col_admission .box_search dl dd ul li * {
	text-indent: 0;
}

.box_search .btn_search {
	width: 94%;
	margin: 0 auto;
	padding: 30px 0;
	text-align: center;
}

.box_search .btn_search input[type="submit"] {
	width: 100%;
	max-width: 320px;
	height: 60px;
	color: #fff;
	font-family: 'Noto Serif JP', serif;
	font-size: 17px;
	background-color: #4D4D4D;
	border: none;
	display: inline-block;
	cursor: pointer;
}

.cont_offerlist {
	width: 100%;
	margin: 0;
	padding: 0 0 30px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.cont_offerlist a.box {
	width: 48.4%;
	margin: 0 0 30px;
	padding: 0 0 22px;
	color: #4D4D4D;
	text-decoration: none;
	box-sizing: border-box;
	display: block;
}

.regular .cont_offerlist .box {
	border: solid 1px #46628F;
	background-color: #F5F6F7;
}
.contract .cont_offerlist .box {
	border: solid 1px #009280;
	background-color: #EFF4F2;
}
.parttime1 .cont_offerlist .box {
	border: solid 1px #DE5A24;
	background-color: #F9F5F4;
}
.parttime2 .cont_offerlist .box {
	border: solid 1px #802780;
	background-color: #F9F7F9;
}

.cont_offerlist .box .mds {
	margin: 0 0 30px;
	padding: 0;
	display: flex;
}

.cont_offerlist .box .mds .label {
	width: 62px;
	height: 62px;
	margin: 0;
	padding: 0 5px;
	color: #fff;
	line-height: 1.2;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
}
.regular .cont_offerlist .box .mds .label { background-color: #46628F; }
.contract .cont_offerlist .box .mds .label { background-color: #009280; }
.parttime1 .cont_offerlist .box .mds .label { background-color: #DE5A24; }
.parttime2 .cont_offerlist .box .mds .label { background-color: #802780; }

.cont_offerlist .box .mds .job {
	width: calc( 100% - 62px );
	margin: 0;
	padding: 8px 12px;
	font-family: 'Noto Sans JP', Meiryo, sans-serif;
	font-size: 24px;
	font-weight: 500;
	line-height: 1.3;
	align-self: center;
	box-sizing: border-box;
}

.cont_offerlist .box .cont {
	width: 92%;
	margin: 0 auto 8px;
	padding: 0;
	display: flex;
}

.cont_offerlist .box .cont .thumb {
	width: 122px;
	margin: 0;
	padding: 0;
	order: 1;
}

.cont_offerlist .box .cont .txt {
	width: calc( 100% - 122px );
	margin: 0;
	padding: 0 15px 0 0;
	box-sizing: border-box;
}

.cont_offerlist .box .cont dl {
	width: 100%;
	margin: 0;
	padding: 16px 0;
	line-height: 1.4;
	border-bottom: solid 1px #A0A0A0;
	box-sizing: border-box;
	display: flex;
	align-items: center;
}
.cont_offerlist .box .cont dl:first-child {
	border-top: solid 1px #a0a0a0;
}

.cont_offerlist .box .cont dl dt {
	width: 52px;
	margin: 0;
	padding: 2px 3px;
	color: #fff;
	font-size: 12px;
	text-align: center;
}
.regular .cont_offerlist .box .cont dl dt { background-color: #46628F; }
.contract .cont_offerlist .box .cont dl dt { background-color: #009280; }
.parttime1 .cont_offerlist .box .cont dl dt { background-color: #DE5A24; }
.parttime2 .cont_offerlist .box .cont dl dt { background-color: #802780; }

.cont_offerlist .box .cont dl dd {
	width: calc( 100% - 52px );
	margin: 0;
	padding: 0 0 0 11px;
	box-sizing: border-box;
}
.cont_offerlist .box .cont dl.salary dd {
	font-family: 'Noto Sans JP', Meiryo, sans-serif;
	font-size: 17px;
}

.cont_offerlist .box .taglist {
	width: 92%;
	margin: 0 auto;
	padding: 0;
}

.cont_offerlist .box .taglist span {
	margin: 0 5px 3px 0;
	padding: 2px 6px;
	font-family: 'Noto Sans JP', Meiryo, sans-serif;
	font-size: 12px;
	line-height: 1.4;
	background-color: #fff;
	border: solid 1px #B9B9B9;
	border-radius: 4px;
	display: inline-block;
}

ul.pagination_admission {
	width: 100%;
	margin: 0;
	padding: 0;
	font-family: 'Noto Sans JP', Meiryo, sans-serif;
	list-style: none;
	display: flex;
	justify-content: center;
}

ul.pagination_admission li {
	margin: 0;
	padding: 0 4px;
}

ul.pagination_admission li a {
	width: 28px;
	height: 33px;
	margin: 0;
	padding: 0;
	color: #000;
	text-decoration: none;
	background-color: #fff;
	border: solid 1px #919191;
	box-sizing: border-box;
	display: flex;
	align-items: center;
	justify-content: center;
}

ul.pagination_admission li.arrow {
	padding: 0 10px;
}

ul.pagination_admission li.arrow a {
	width: 33px;
	color: #fff;
	background-color: #919191;
}

ul.pagination_admission li.current a {
	color: #fff;
	background-color: #000;
	pointer-events: none;
}



/* --------------- admission detail --------------- */

.col_pagettl.admission_d {
	height: 212px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	position: relative;
	z-index: 0;
}

.col_pagettl.admission_d .mds_recruit {
	margin: 0;
}

.col_pagettl.admission_d .joblabel {
	width: 62px;
	height: 62px;
	margin: 0;
	padding: 0;
	color: #fff;
	font-size: 14px;
	line-height: 1.2;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	left: calc( 50% - 31px );
	bottom: -31px;
}
.col_pagettl.admission_d .joblabel.regular { background-color: #46628F; }
.col_pagettl.admission_d .joblabel.contract { background-color: #009280; }
.col_pagettl.admission_d .joblabel.parttime1 { background-color: #DE5A24; }
.col_pagettl.admission_d .joblabel.parttime2 { background-color: #802780; }

.bg_admission_d {
	margin: 0;
	padding: 75px 0 100px;
}
.bg_admission_d.regular { background-color: #F5F6F7; }
.bg_admission_d.contract { background-color: #EFF4F2; }
.bg_admission_d.parttime1 { background-color: #F9F5F4; }
.bg_admission_d.parttime2 { background-color: #F9F7F9; }

.bg_admission_d .jobname {
	margin: 0 0 100px;
	padding: 0;
	font-family: 'Noto Sans JP', Meiryo, sans-serif;
	font-size: 24px;
	font-weight: 600;
	text-align: center;
}

.col_admission_d {
	width: 94%;
	max-width: 990px;
	margin: 0 auto 50px;
	padding: 38px 0;
	background-color: #fff;
}

.mds_admission_d {
	width: 94%;
	max-width: 780px;
	margin: 0 auto 10px;
	padding: 10px;
	color: #fff;
	font-family: 'Noto Sans JP', Meiryo, sans-serif;
	font-size: 21px;
	font-weight: 500;
	text-align: center;
	line-height: 1.3;
	letter-spacing: 0.15em;
	box-sizing: border-box;
}
.regular .mds_admission_d { background-color: #46628F; }
.contract .mds_admission_d { background-color: #009280; }
.parttime1 .mds_admission_d { background-color: #DE5A24; }
.parttime2 .mds_admission_d { background-color: #802780; }

.mds_admission_d.noletterspace { letter-spacing: 0; }

.col_admission_d dl {
	width: 94%;
	max-width: 780px;
	margin: 0 auto;
	padding: 20px 3%;
	line-height: 1.5;
	border-bottom: solid 1px #aaa;
	box-sizing: border-box;
	display: flex;
}

.col_admission_d dl dt {
	width: 140px;
	margin: 0;
	padding: 0;
}

.col_admission_d dl dd {
	width: calc( 100% - 140px );
	margin: 0;
	padding: 0 0 0 20px;
	box-sizing: border-box;
}

.col_admission_d dl dd *:last-child {
	margin-bottom: 0;
}

.col_admission_d dl dd ul {
	margin: 0 0 10px;
	padding: 3px 0 0;
	list-style: none;
}

.col_admission_d dl dd ul li {
	margin: 0 0 3px;
	padding: 0 0 0 1em;
	text-indent: -1em;
}

.col_admission_d dl dd ul li * {
	text-indent: 0;
}

a.btn_entry_admission {
	width: 70%;
	max-width: 324px;
	margin: 0 auto;
	padding: 12px 5px;
	color: #fff;
	font-size: 17px;
	font-weight: 500;
	text-align: center;
	text-decoration: none;
	background-color: #E4801E;
	display: block;
}



/* --------------- recruit message --------------- */

.bg_pagettl.message {
	background-image: url(../img/recruit/message/bg_pagettl.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}

.bg_pagettl.message dl.col_pagettl dd {
	line-height: 1.7;
	letter-spacing: 0.14em;
}

.mds_recruit.message {
	margin: 65px 0 28px;
}

.lead_message_recruit {
	margin: 0 0 75px;
	padding: 0;
	text-align: center;
	line-height: 2.2;
}

.wrap_swiper {
	max-width: 990px;
	width: 100%;
	margin: 0 auto 145px;
	position: relative;
}

.swiper-container {
	width: 100%;
	margin: 0 auto;
	position: relative;
}

.swiper-slide {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.swiper-slide img {
	width: 100%;
}

.swiper-slide dl.message {
	width: 100%;
	height: 160px;
	margin: 0;
	padding: 23px 10px 20px;
	display: flex;
	flex-direction: column;
	align-items: center;
	transition: .2s;
}

.swiper-slide dl.message.blue {
	background-color: #d3e5ed;
}

.swiper-slide dl.message.beige {
	background-color: #ede9d3;
}

.swiper-slide dl.message.green {
	background-color: #d9edd3;
}

.swiper-slide dl.message.purple {
	background-color: #e9d9ea;
}

.swiper-slide dl.message.brown {
	background-color: #f2ddd8;
}

.swiper-slide dl.message.pink {
	background-color: #fadeeb;
}

.swiper-slide dl.message.navy {
	background-color: #d3d4ed;
}

.swiper-slide dl.message.long_place {
	padding: 10px 10px 20px;
}

.swiper-slide dl.message:after {
	content: "";
	display: inline-block;
	width: 24px;
	height: 10px;
	background-image: url(../img/recruit/message/arrow_anchor.png);
	background-size: contain;
	background-repeat: no-repeat;
	vertical-align: middle;
	position: absolute;
	bottom: 22px;
	left: calc( 50% - 12px );
}

.swiper-slide dl.message dt {
	margin: 0;
	padding: 0 0 0;
	font-size: 14px;
	font-weight: 400;
	color: #1a1a1a;
	text-align: center;
	line-height: 1.4;
	letter-spacing: 0.02em;
}

.swiper-slide dl.message dt span {
	padding: 0 0 2px;
	display: block;
	color: #173782;
	font-size: 12px;
}

.swiper-slide dl.message.blue dt span {
	color: #173782;
}
.swiper-slide dl.message.beige dt span {
	color: #827f4f;
}
.swiper-slide dl.message.green dt span {
	color: #25822f;
}
.swiper-slide dl.message.purple dt span {
	color: #82456b;
}
.swiper-slide dl.message.brown dt span {
	color: #873000;
}
.swiper-slide dl.message.pink dt span {
	color: #e0788a;
}
.swiper-slide dl.message.navy dt span {
	color: #554b82;
}

.swiper-slide dl.message dt span .txt_sinkan {
	display: inline;
}

.swiper-slide dl.message dd {
	margin: 0;
	padding: 0;
	font-size: 22px;
	font-weight: 500;
	color: #1a1a1a;
	position: relative;
}

.wrap_swiper .swiper-button-prev {
	width: 15px;
	height: 38px;
	margin: 0;
	padding: 0;
	background-image: url(../img/recruit/message/prev_slide.png);
	background-size: contain;
	top: calc( 50% - 35px );
	left: -45px;
}

.wrap_swiper .swiper-button-next {
	width: 15px;
	height: 38px;
	margin: 0;
	padding: 0;
	background-image: url(../img/recruit/message/next_slide.png);
	background-size: contain;
	top: calc( 50% - 35px );
	right: -45px;
}

.wrap_swiper img {
	margin: 0;
}

.wrap_swiper a {
	color: #595757;
	text-decoration: none;
}

.wrap_swiper img {
	transition: .2s;
}

.wrap_swiper img:hover ,
.wrap_swiper dl:hover{
	opacity: 0.7;
}


	@media all and (-ms-high-contrast: none) {
		.swiper-slide {
			display: block;
		}
	}


.col_message1 {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto 70px;
	padding: 0;
}

.wrap_message1 {
	width: 100%;
	margin: 0 auto 40px;
	padding: 0;
	display: flex;
}

.col_message1.beige .wrap_message1 .box ,
.col_message1.purple .wrap_message1 .box ,
.col_message1.pink .wrap_message1 .box {
	order: 1;
}

.wrap_message1 .box {
	width: 62%;
}

.wrap_message1 .img {
	width: 38%;
}

.wrap_message1 .box .bg_name {
	width: 100%;
	margin: 0 0 57px;
	padding: 30px 0 37px 160px;
}

.col_message1.beige .wrap_message1 .box .bg_name ,
.col_message1.purple .wrap_message1 .box .bg_name ,
.col_message1.pink .wrap_message1 .box .bg_name {
	padding: 30px 0 37px 60px;
}

.col_message1.blue .wrap_message1 .box .bg_name {
	background-color: #d3e5ed;
}
.col_message1.beige .wrap_message1 .box .bg_name {
	background-color: #ede9d3;
}
.col_message1.green .wrap_message1 .box .bg_name {
	background-color: #d9edd3;
}
.col_message1.purple .wrap_message1 .box .bg_name {
	background-color: #e9d9ea;
}
.col_message1.brown .wrap_message1 .box .bg_name {
	background-color: #f2ddd8;
}
.col_message1.pink .wrap_message1 .box .bg_name {
	background-color: #fadeeb;
}
.col_message1.navy .wrap_message1 .box .bg_name {
	background-color: #d3d4ed;
}


.bg_name .place {
	margin: 0 0 2px;
	display: block;
	font-size: 17px;
	line-height: 1.4;
	letter-spacing: 0.02em;
}

.col_message1.blue .wrap_message1 .box .bg_name .place {
	color: #173782;
}
.col_message1.beige .wrap_message1 .box .bg_name .place {
	color: #827f4f;
}
.col_message1.green .wrap_message1 .box .bg_name .place {
	color: #25822f;
}
.col_message1.purple .wrap_message1 .box .bg_name .place {
	color: #82456b;
}
.col_message1.brown .wrap_message1 .box .bg_name .place {
	color: #873000;
}
.col_message1.pink .wrap_message1 .box .bg_name .place {
	color: #e0788a;
}
.col_message1.navy .wrap_message1 .box .bg_name .place {
	color: #554b82;
}


.bg_name .belong {
	margin: 0 0 1px;
	display: block;
	font-size: 17px;
	line-height: 1.4;
	letter-spacing: 0.02em;
}

.bg_name .name {
	font-size: 56px;
	line-height: 1.6;
	letter-spacing: 0.04em;
}

.wrap_message1 .box dl {
	margin: 0 0 0;
	padding: 0 65px 0 160px;
}

.col_message1.beige .wrap_message1 .box dl ,
.col_message1.purple .wrap_message1 .box dl ,
.col_message1.pink .wrap_message1 .box dl {
	padding: 0 65px 0 60px;
}

.wrap_message1 .box dt {
	margin: 0 0 8px;
	padding: 0;
	font-size: 30px;
}

.col_message1.blue .wrap_message1 .box dt ,
.col_message1.blue .box_episode dt ,
.col_message1.blue .box_dear dt {
	color: #173782;
}
.col_message1.beige .wrap_message1 .box dt ,
.col_message1.beige .box_episode dt ,
.col_message1.beige .box_dear dt {
	color: #827f4f;
}
.col_message1.green .wrap_message1 .box dt ,
.col_message1.green .box_episode dt ,
.col_message1.green .box_dear dt {
	color: #25822f;
}
.col_message1.purple .wrap_message1 .box dt ,
.col_message1.purple .box_episode dt ,
.col_message1.purple .box_dear dt {
	color: #82456b;
}
.col_message1.brown .wrap_message1 .box dt ,
.col_message1.brown .box_episode dt ,
.col_message1.brown .box_dear dt {
	color: #873000;
}
.col_message1.pink .wrap_message1 .box dt ,
.col_message1.pink .box_episode dt ,
.col_message1.pink .box_dear dt {
	color: #e0788a;
}
.col_message1.navy .wrap_message1 .box dt ,
.col_message1.navy .box_episode dt ,
.col_message1.navy .box_dear dt {
	color: #554b82;
}


.wrap_message1 .box dd {
	margin: 0;
	padding: 0;
	font-size: 15px;
	line-height: 1.86;
	font-weight: 400;
}

.box_episode {
	width: 100%;
	padding: 20px 160px 0;
	margin: 0 auto 25px;
}

.box_episode dl {
	margin: 0;
	padding: 0;
}

.box_episode dt {
	margin: 0 0 8px;
	padding: 0;
	font-size: 30px;
}

.box_episode dd {
	margin: 0;
	padding: 0;
	font-size: 15px;
	line-height: 1.86;
	font-weight: 400;
}

.box_dear {
	width: 100%;
	padding: 0 160px 0;
	margin: 0 auto 30px;
}

.box_dear .inner {
	padding: 22px 38px 30px;
	
}

.col_message1.blue .box_dear .inner {
	border: solid 10px #d3e5ed;
}
.col_message1.beige .box_dear .inner {
	border: solid 10px #ede9d3;
}
.col_message1.green .box_dear .inner {
	border: solid 10px #d9edd3;
}
.col_message1.purple .box_dear .inner {
	border: solid 10px #e9d9ea;
}
.col_message1.brown .box_dear .inner {
	border: solid 10px #f2ddd8;
}
.col_message1.pink .box_dear .inner {
	border: solid 10px #fadeeb;
}
.col_message1.navy .box_dear .inner {
	border: solid 10px #d3d4ed;
}

.box_dear dl {
	margin: 0;
	padding: 0;
}

.box_dear dt {
	margin: 0 0 8px;
	padding: 0;
	font-size: 24px;
}

.box_dear dd {
	margin: 0;
	padding: 0;
	font-size: 15px;
	line-height: 1.86;
	font-weight: 400;
}



/* ---------------------------------------------------------------
	start max 1200px
--------------------------------------------------------------- */

@media screen and ( max-width: 1200px ) {

/* --------------- recruit message --------------- */

	.swiper-container {
		width: 88%;
	}

	.wrap_swiper .swiper-button-prev {
		left: 10px;
	}

	.wrap_swiper .swiper-button-next {
		right: 10px;
	}


	.wrap_message1 .box .bg_name {
		margin: 0 0 20px;
		padding: 30px 0 37px 10%;
	}
	
	.col_message1.beige .wrap_message1 .box .bg_name ,
	.col_message1.purple .wrap_message1 .box .bg_name ,
	.col_message1.pink .wrap_message1 .box .bg_name {
		padding: 30px 0 37px 10%;
	}
	
	.wrap_message1 .box dl {
		padding: 0 10% 0 10%;
	}

	.col_message1.beige .wrap_message1 .box dl ,
	.col_message1.purple .wrap_message1 .box dl ,
	.col_message1.pink .wrap_message1 .box dl {
		padding: 0 10% 0 10%;
	}

	.box_episode ,
	.box_dear {
		padding: 20px 6% 0;
	}

}

/* ---------------------------------------------------------------
	end max 1200px
--------------------------------------------------------------- */





/* ---------------------------------------------------------------
	start max 1033px
--------------------------------------------------------------- */

@media screen and ( max-width: 1033px ) {

/* --------------- recruit message --------------- */
	
	.swiper-container {
		width: 82%;
	}

	.wrap_swiper .swiper-button-prev {
		left: 40px;
	}

	.wrap_swiper .swiper-button-next {
		right: 40px;
	}
	
	.swiper-slide dl.message dt {
	font-size: 12px;
	}
	
	.swiper-slide dl.message.long_place {
	padding: 23px 10px 20px
	}
		
	.swiper-slide dl.message dd:after {
		bottom: -20px;
		}

	.swiper-slide dl.message.long_place dd:after {
		bottom: -20px;
	}

	.swiper-slide dl.message dt span .txt_sinkan {
		display: inline-block;
	}

}

/* ---------------------------------------------------------------
	end max 1033px
--------------------------------------------------------------- */

/* ---------------------------------------------------------------
	start max 850px
--------------------------------------------------------------- */

@media screen and ( max-width: 850px ) {
	
	.btmlink_recruit a {
		width: calc( ( 100% - 30px )/3 );
		margin: 0 15px 0 0;
		background-position: right 20% center;
	}
	
	
/* --------------- works --------------- */
	
	.list_anchor_works a {
		background-position: right 35% center;
	}
	
	.bg_recruit1 {
		margin: 0 0 140px;
	}
	
	
	
/* --------------- faq --------------- */
	
	dl.cont_faq {
		width: 50%;
	}
	
	
	
	
/* --------------- admission --------------- */
	
	.col_admission .box_search dl {
		padding: 32px 20px;
		display: block;
	}
	
	.col_admission .box_search dl dt {
		width: 100%;
		padding: 0 5px 12px;
		border-right: 0;
		border-bottom: solid 1px #4D4D4D;
		display: flex;
		align-items: flex-end;
	}
	
	.col_admission .box_search dl dd {
		width: 98%;
		padding: 15px 5px;
	}
	
	.cont_offerlist {
		display: block;
	}
	
	.cont_offerlist a.box {
		width: 100%;
	}



/* --------------- recruit message --------------- */
	
	.swiper-container {
		width: 78%;
	}

	.wrap_swiper .swiper-button-prev {
		left: 40px;
	}

	.wrap_swiper .swiper-button-next {
		right: 40px;
	}

	.wrap_message1 {
		margin: 0 auto 30px;
	}

	.wrap_message1 .box .bg_name {
		margin: 0 0 20px;
		padding: 20px 0 22px 7%;
	}
	
	.col_message1.beige .wrap_message1 .box .bg_name ,
	.col_message1.purple .wrap_message1 .box .bg_name ,
	.col_message1.pink .wrap_message1 .box .bg_name {
		padding: 30px 0 37px 7%;
	}
	
	.wrap_message1 .box dl {
		padding: 0 7%;
	}

	.col_message1.beige .wrap_message1 .box dl ,
	.col_message1.purple .wrap_message1 .box dl ,
	.col_message1.pink .wrap_message1 .box dl {
		padding: 0 7%;
	}

	.box_episode ,
	.box_dear {
		padding: 20px 4.6% 0;
	}

}

/* ---------------------------------------------------------------
	end max 850px
--------------------------------------------------------------- */
/* ---------------------------------------------------------------
	start min 701px
--------------------------------------------------------------- */

@media print,screen and ( min-width: 701px ) {
	
	ul.list_tab_admission li a { transition: background .3s; }
	ul.list_tab_admission li.regular a:hover { background-color: #F5F6F7; }
	ul.list_tab_admission li.contract a:hover { background-color: #EFF4F2; }
	ul.list_tab_admission li.parttime1 a:hover { background-color: #F9F5F4; }
	ul.list_tab_admission li.parttime2 a:hover { background-color: #F9F7F9; }
	
	.box_search .btn_search input[type="submit"] { transition: background .3s; }
	.box_search .btn_search input[type="submit"]:hover { background-color: #777; }
	
	.btmlink_recruit a { transition: opacity .3s; }
	.btmlink_recruit a:hover { opacity: 0.7; }
	
	
	
/* --------------- works --------------- */
	
	.list_anchor_works a { transition: opacity .3s; }
	.list_anchor_works a:hover { opacity: 0.7; }
	
	
/* --------------- admission --------------- */
	
	.cont_offerlist a.box { transition: opacity .3s; }
	.cont_offerlist a.box:hover { opacity: 0.7; }
	
	ul.pagination_admission li a { transition: background .3s; }
	ul.pagination_admission li a:hover { background-color: #eee; }
	ul.pagination_admission li.arrow a:hover { background-color: #aaa; }
	
	
}

/* ---------------------------------------------------------------
	end min 701px
--------------------------------------------------------------- */
/* ---------------------------------------------------------------
	start max 700px
--------------------------------------------------------------- */

@media print,screen and ( max-width: 700px ) {
	
	.bg_pagettl {
		height: 43vw;
		max-height: 246px;
	}
	
	.bg_pagettl dl.col_pagettl dt {
		margin-bottom: 4vw;
	}
	
	.bg_pagettl dl.col_pagettl dd {
		font-size: min( 4.2vw, 30px );
	}
	
	.col_recruit1 {
		padding: 40px 0 0;
	}
	
	.btmlink_recruit {
		max-width: 408px;
		margin: 0 auto 60px;
		display: block;
	}
	
	.btmlink_recruit a {
		width: 100%;
		height: 27.65vw;
		max-height: 120px;
		margin: 0 0 15px;
		padding: 0 45% 0 0;
		font-size: min( 24px, 5vw );
		justify-content: center;
	}
	
	.btmlink_recruit a.message {
		background-image: url(../img/recruit/sp/img_btmlink_message.jpg);
		background-repeat: no-repeat;
	}
	.btmlink_recruit a.jobinfo {
		background-image: url(../img/recruit/sp/img_btmlink_jobinfo.jpg);
		background-repeat: no-repeat;
	}
	.btmlink_recruit a.faq {
		background-image: url(../img/recruit/sp/img_btmlink_faq.jpg);
		background-repeat: no-repeat;
	}
	.btmlink_recruit a.admission {
		background-image: url(../img/recruit/sp/img_btmlink_admission.jpg);
		background-repeat: no-repeat;
	}
	
	
	
/* --------------- works --------------- */
	
	.bg_recruit1 {
		margin: 0 0 120px;
	}
	
	.bg_recruit1:before {
		height: calc( 100% - 5vw );
	}
	
	.bg_recruit1:after {
		top: calc( 100% - 5vw );
	}
	
	
	.list_anchor_works {
		max-width: 408px;
		margin: 0 auto;
		background-color: rgba(255,255,255,0);
		display: block;
	}
	
	.list_anchor_works a {
		width: 100%;
		height: 27.65vw;
		max-height: 120px;
		margin: 0 0 12px;
		padding: 0 40% 0 0;
		font-size: min( 5.5vw, 22px );
	}
	
	.list_anchor_works a.front {
		background-image: url(../img/recruit/sp/img_anchor_front.jpg);
		background-repeat: no-repeat;
	}
	.list_anchor_works a.breakfast {
		background-image: url(../img/recruit/sp/img_anchor_breakfast.jpg);
		background-repeat: no-repeat;
	}
	.list_anchor_works a.cleaning {
		background-image: url(../img/recruit/sp/img_anchor_cleaning.jpg);
		background-repeat: no-repeat;
	}
	
	dl.intro_works {
		margin: 0 auto 70px;
	}
	
	dl.intro_works dd {
		text-align: left;
	}
	
	dl.intro_works dd span.iblock {
		display: inline;
	}
	
	.col_works_recruit {
		width: 92%;
		max-width: 500px;
		display: block;
	}
	
	.col_works_recruit .img {
		width: 100%;
	}
	
	.col_works_recruit .txt {
		width: 100%;
		padding: 0;
	}
	
	.col_works_recruit .txt dl {
		width: 100%;
		max-width: 100%;
	}
	
	.col_works_recruit .txt dl dt {
		margin: 0 0 15px;
		padding: 35px 0 0;
		display: block;
		position: relative;
		z-index: 0;
	}
	
	.col_works_recruit .txt dl dt .num {
		width: 80px;
		position: absolute;
		top: -32px;
		left: 5px;
	}
	
	.bgnone_recruit {
		margin: 0 0 120px;
	}
	
	.bgnone_recruit:after {
		bottom: calc( -120px - 5vw );
	}
	
	.bg_recruit1.cleaning {
		margin: 0 0 60px;
		padding: 0 0 40px;
	}
	


/* --------------- faq --------------- */
	
	.bg_pagettl.faq {
		background-image: url(../img/recruit/faq/sp/bg_pagettl.jpg);
		background-repeat: no-repeat;
	}
	
	.col_recruit1.faq .mds_recruit {
		margin: 0 0 18px;
	}
	
	.lead_faq_recruit {
		margin: 0 0 30px;
	}



/* --------------- admission --------------- */

	.bg_pagettl.admission {
		background-image: url(../img/recruit/admission/sp/bg_pagettl.jpg);
		background-repeat: no-repeat;
	}
	
	.mds_recruit {
		margin: 0 0 35px;
	}
	
	.mds_recruit .mds {
		font-size: min(8.4vw, 38px );
	}
	
	
/* --------------- admission detail --------------- */
	
	.col_pagettl.admission_d {
		height: 200px;
	}
	
	
	
/* --------------- recruit message --------------- */
	
	.mds_recruit.message {
		width: 82%;
		margin: 30px auto 17px; 
	}

	.mds_recruit.message .mds {
		font-size: 30px;
		line-height: 1.3;
		letter-spacing: 0.14em;
	}

	.mds_recruit.message .en {
		font-size: 11px;
	}

	.lead_message_recruit {
		margin: 0 0 22px;
		line-height: 1.8;
		letter-spacing: 0.08em;
	}

	.wrap_swiper {
		margin: 0 auto 55px;
	}

	.swiper-container {
		width: 76%;
	}

	.wrap_swiper .swiper-button-prev {
		left: 4%;
	}

	.wrap_swiper .swiper-button-next {
		right: 4%;
	}

	.col_message1 {
		width: 100%;
		margin: 0 auto 65px;
	}

	.wrap_message1 {
		margin: 0 auto 20px;
	}

	.wrap_message1 .box {
		width: 100%;
		margin: 0 auto;
	}

	.img_float {
		width: 184px;
		margin: 0 0 10px 15px;
		float: right;
	}

	.wrap_message1 .box .bg_name {
		margin: 0 0 0;
		padding: 15px 0 12px;
		text-align: center;
	}

	.col_message1.beige .wrap_message1 .box .bg_name ,
	.col_message1.purple .wrap_message1 .box .bg_name ,
	.col_message1.pink .wrap_message1 .box .bg_name {
		padding: 15px 0 12px;
	}

	.bg_name .place {
		margin: 0 0 2px;
		font-size: 13px;
		line-height: 1.5;
	}

	.bg_name .belong {
		margin: 0 0 1px;
		font-size: 13px;
		line-height: 1.0;
	}

	.bg_name .name {
		font-size: 33px;
		line-height: 1.5;
	}

	.wrap_message1 .box dl {
		margin: 0 0 0;
		padding: 30px 5% 0;
	}

	.col_message1.beige .wrap_message1 .box dl ,
	.col_message1.purple .wrap_message1 .box dl ,
	.col_message1.pink .wrap_message1 .box dl {
		margin: 0 0 0;
		padding: 30px 5% 0;
	}

	.wrap_message1 .box dt {
		margin: 0;
		font-size: 23px;
	}

	.wrap_message1 .box dd {
		line-height: 1.86;
	}

	.box_episode ,
	.box_dear {
		padding: 20px 5% 0;
	}

	.box_episode {
		margin: 0 auto 35px;
	}

	.box_episode dt {
		margin: 0;
		font-size: 23px;
	}

	.box_dear .inner {
		padding: 12px 20px 15px;
		border: solid 5px #d3e5ed;
	}
		
	.col_message1.blue .box_dear .inner {
		border: solid 5px #d3e5ed;
	}
	.col_message1.beige .box_dear .inner {
		border: solid 5px #ede9d3;
	}
	.col_message1.green .box_dear .inner {
		border: solid 5px #d9edd3;
	}
	.col_message1.purple .box_dear .inner {
		border: solid 5px #e9d9ea;
	}
	.col_message1.brown .box_dear .inner {
		border: solid 5px #f2ddd8;
	}
	.col_message1.pink .box_dear .inner {
		border: solid 5px #fadeeb;
	}
	.col_message1.navy .box_dear .inner {
		border: solid 5px #d3d4ed;
	}
	
	.box_dear dt {
		margin: 0 0 5px;
		font-size: 23px;
		text-align: center;
	}

}

/* ---------------------------------------------------------------
	end max 700px
--------------------------------------------------------------- */
/* ---------------------------------------------------------------
	start max 600px
--------------------------------------------------------------- */

@media print,screen and ( max-width: 600px ) {
	
	
	
/* --------------- faq --------------- */
	
	.col_faq_recruit {
		display: block;
	}
	
	dl.cont_faq {
		width: 100%;
		padding: 0;
	}
	
	
	
	
/* --------------- admission --------------- */
	
	ul.list_tab_admission li {
		width: calc( ( 100% - 15px )/4 );
		height: 40px;
		font-size: min( 3.5vw, 16px );
	}
	
	.col_admission .box_search dl dd ul {
		display: block;
	}
	
	.col_admission .box_search dl dd ul li {
		width: 100%;
	}
	
	
/* --------------- admission detail --------------- */
	
	.col_admission_d {
		margin: 0 auto 30px;
	}
	
	.col_admission_d.note {
		margin-bottom: 60px;
	}
	
	.col_admission_d dl {
		padding: 12px 10px;
		display: block;
	}
	
	.col_admission_d dl dt {
		width: 100%;
		margin: 0 0 3px;
	}
	
	.col_admission_d dl dd {
		width: 100%;
		padding: 0 0 0 17px;
	}
	
	
	
}
/* ---------------------------------------------------------------
	end max 600px
--------------------------------------------------------------- */
/* ---------------------------------------------------------------
	start max 450px
--------------------------------------------------------------- */

@media screen and ( max-width: 450px ) {

/* --------------- works --------------- */
	
	dl.intro_works {
		margin: 0 auto 40px;
	}
	
	
/* --------------- admission --------------- */
	
	.col_admission .box_search {
		padding: 30px 0;
	}
	
	.box_search .btn_search {
		padding: 0;
	}
	
	.cont_offerlist .box .cont {
		display: block;
	}
	
	.cont_offerlist .box .mds {
		margin: 0 0 18px;
	}
	
	.cont_offerlist .box .mds .job {
		font-size: 21px;
	}
	
	.cont_offerlist .box .cont .thumb {
		width: 70%;
		max-width: 122px;
		margin: 0 auto 18px;
	}
	
	.cont_offerlist .box .cont .txt {
		width: 100%;
	}
	
	
/* --------------- admission detail --------------- */
	
	.col_pagettl.admission_d .mds_recruit {
		margin: 0 0 2vw;
	}
	
	.col_pagettl.admission_d .mds_recruit .mds {
		font-size: min( 10vw, 38px );
		line-height: 1.3;
	}
	
	.col_pagettl.admission_d .joblabel {
		margin: 0 auto;
		position: static;
	}
	
	.bg_admission_d {
		padding: 40px 0 60px;
	}
	
	.bg_admission_d .jobname {
		margin: 0 0 60px;
	}
	
	
	
/* --------------- recruit message --------------- */
	
	.mds_recruit.message .mds {
		font-size: 25px;
	}

	.swiper-slide dl.message dt {
		height: 43px;
		margin: 0;
		padding: 0 0 0;
		font-size: 10px;
		text-align: center;
		line-height: 1.4;
		letter-spacing: -0.04em;
		display: flex;
		flex-direction: column;
		justify-content: center;
	}

	.swiper-slide dl.message dt span {
		padding: 0 0 2px;
		font-size: 6px;
	}

	.swiper-slide dl.message {
		height: 100px;
		padding: 10px 5px 10px;
		font-size: 15px;
	}

	.swiper-slide dl.message.long_place {
		padding: 8px 5px 10px;
	}

	.swiper-slide dl.message dd {
		font-size: 15px;
	}

	.swiper-slide dl.message:after {
		width: 15px;
		height: 6px;
		bottom: 12px;
		left: calc( 50% - 7px );
	}
	
	
}

/* ---------------------------------------------------------------
	end max 450px
--------------------------------------------------------------- */

/* ---------------------------------------------------------------
	start max 360px
--------------------------------------------------------------- */

@media screen and ( max-width: 360px ) {

/* --------------- recruit message --------------- */

	.img_float {
		width: 51%;
		margin: 0 0 10px 8px;
	}



}

/* ---------------------------------------------------------------
	end max 360px
--------------------------------------------------------------- */