@charset "UTF-8";

html{
	overflow-y: scroll!important;
}
p{
	color: #333;
}

.lower_br{
	display: none;
}
.tb_only{
	display: none;
}
.tbon{
	display: none!important;
}

/*.lower{
	padding-top: 80px;
	padding: 120px 20px 20px;
  background-color: #f3ede2;
}*/
.apply_btn{
	max-width: 216px!important;
	margin: 0 auto;
}
.access_btn img{
	max-width: 172px;
}
#contents-area{
	box-sizing: border-box;
}
/*.breadcrum{
	max-width: 1000px;
	width: 100%!important;
}*/
.lower_title p{
	font-weight: bold;
	font-family: '游明朝','Noto Serif JP';
}
.lower_title p:nth-of-type(1){
	font-size: 32px;
	color: #aa1b49;
	margin-bottom: 0;
}
.lower_title p:nth-of-type(2){
	font-size: 16px;
	color: #333;
	display: flex;
  justify-content: center;
  align-items: center;
}
.lower_title p:nth-of-type(2):before{
	content: '';
	background-color: #333;
	width: 40px;
	height: 1px;
	margin-right: 20px;
}
.lower_title p:nth-of-type(2):after{
	content: '';
	background-color: #333;
	width: 40px;
	height: 1px;
	margin-left: 20px;
}
.aller_cont{
	max-width: 1000px;
	margin: 0 auto;
}

.section{
	max-width: 900px;
/*	margin: 20px auto!important;*/
}

.aller_title p{
	font-size: 20px;
	font-weight: bold;
}

.lower_wrap{
	margin: 120px 0 80px;
	padding: 0 20px;
}
.breadcrum ul{
	background-color: #fff!important;
	display: none;
}
.mainimgarea h2{
	max-width: 1000px;
	width: 100%;
	margin: 0 auto;
}
/*.mainimgarea h2 p{
	font-size: 28px;
  font-weight: bold;
  margin-bottom: 20px !important;
  padding: 0px 35px;
  position: relative;
  font-family: '游明朝','Noto Serif JP';
}
.mainimgarea h2 p:before{
	content: '';
	background-color: #a58e7a;
	width: 15px;
	height: 100%;
	position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}*/


.mainimgarea h2 p{
	font-size: 34px;
  font-weight: bold;
  margin-bottom: 30px !important;
  padding: 0px 50px;
  position: relative;
  width: fit-content;
  margin: 0 auto;
  font-family: '游明朝','Noto Serif JP';
}
.mainimgarea h2 p:before{
	content: '';
	background-image: url(../img/new/lower_title.png);
	background-size: contain;
	width: 30px;
	height: 30px;
	position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
.mainimgarea h2 p:after{
	content: '';
	background-image: url(../img/new/lower_title.png);
	background-size: contain;
	width: 30px;
	height: 30px;
	position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}


.mainimgarea h2 img{
	height: auto;
}
#contents-area{
	max-width: 1000px;
  width: 100%;
  margin: 0 auto!important;
}
.recruit_entry_box{
	width: 95%!important;
	max-width: 800px;
}
#main-area p,.p_item dd{
	font-size: 14px;
}
#main-area p span,#main-area dt span{
	font-size: 18px;
	font-weight: bold;
	color: #836150!important;
}

/*トップバナー*/
#contents-area #main-area .pagetop{
	display: none;
}



.fc_page #main-area .section .fc_pr{
	width: 100%;
}
.fc_pr .li1, .li2{
	font-size: 14px;
}

.mainimgarea{
	padding: 0!important;
}



.type_b{
	display: flex;
	flex-direction: row-reverse;
	justify-content: space-between;
}
.type_b img{
	max-width: 290px;
	width: 100%;
}




/*new*/
.lower{
	padding: 160px 20px 80px;
	background-color: #f3ede2;
}
.lower_wrap{
	max-width: 1000px;
	width: 100%;
	margin: 0 auto;
	background-color: #fff;
	padding: 35px 20px 20px;
	box-sizing: border-box;
}
.lower_cont{
	max-width: 900px;
	margin: 0 auto 35px;
}
.ctitle{
	font-size: 20px;
	font-weight: bold;
	background-color: #977e73;
	padding: 3px 20px;
}
.ctitle p{
	color: #fff;
}
.stex .stitle p{
	color: #836150;
	font-size: 18px;
	font-weight: bold;
}
.stex{
	margin: 15px 20px;
}
.stex p{
	font-size: 14px;
	line-height: 1.7 ;
}

#protect ul {
    padding-left:1em!important;
    padding-top: 15px;
}
#protect .uha ul{
	padding-top: 10px;
/*	padding-bottom: 15px;*/
	/*text-indent: -1em;
  padding: 0 0 0 1em !important;*/
}
#protect .uha ul.list,.number_ul{
	text-indent: -1em;
  padding: 0 0 0 2em !important;
}
#protect ul li {
    list-style-type: none;
    font-size: 14px;
    color: #333;
}
.number_ul{
	padding-left: 40px;
    padding-top: 15px;
    padding-bottom: 15px;
}
.uha{
	padding-left: 40px;
    padding-top: 15px;
    padding-bottom: 15px;
}

#fc #submenu-area{
	position: sticky;
	left: 0;
	top: 120px;
}
.h3title_bg{
	background-size: cover!important
}

.pa_flow img{
	width: 100%;
}
.pa_flow img:last-of-type{
	margin-left: 0!important;
}




/*recruit*/
.recruit_boxx{
	max-width: 1000px;
	width: 100%!important;
	margin: -100px auto 0;
/*	padding: 20px;*/
	box-sizing: border-box;
/*	background-color: #fff;*/
	padding-top: 100px;
}
.rec_unker{
	display: flex;
	justify-content: space-between;
	max-width: 850px;
	margin: 30px auto 40px;
}
.rec_unker a{
	width: 32%;
	background-color: #fff;
	border-radius: 35px;
	border: solid 2px #a58e7a;
}
.rec_unker a p{
	padding: 10px 10px;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	color: #a58e7a;
}
.rec_unker a:hover{
	background-color: #a58e7a;
	border: solid 2px #a58e7a;
}
.rec_unker a:hover p{
	color: #fff;
}
.recruit_step,.recruit_step2{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start;
}
.recruit_step div,.recruit_step2 div{
	position: relative;
}
.recruit_step div:nth-of-type(1){
	width: 100%;
	padding-bottom: 20px;
}
.recruit_step div:nth-of-type(n+2){
	width: 32%;
}
.recruit_step div img:nth-of-type(2),.recruit_step2 div img:nth-of-type(2){
	max-width: 308px;
	position: absolute;
	bottom: 20px;
	right: 0;
	left: 0;
	margin: auto;
}
.recruit_step2{
	margin-bottom: 20px;
}
.recruit_step2 div:nth-of-type(2) img:nth-of-type(2){
	bottom: unset;
	right: unset;
	top: 0;
	left: 0;
	max-width: 624px;
}

.recruit_step2 div:nth-of-type(1){
	width: 32%;
}
.recruit_step2 div:nth-of-type(2){
	width: 66%;
}
.shopcheck_boxx {
/*    background: url(../img/recruit/wb_rec_info_off.png) no-repeat;*/
    margin: 20px auto;
    position: relative;/*
    max-width: 979px;*/
    text-align: center;
}
.shiru{
	max-width: 408px;
	width: 40%;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0px;
	margin: auto;
}
.slide-right{
	max-width: 979px;
}

.riyu{
	padding: 10px 30px;
	background-color: #fcaa24;
	border-radius: 15px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 20px;
	overflow: hidden;
}
.riyu2{
	flex-direction: row-reverse;
}
.riyu_tex{
	width: 80%;
}
.riyu_tex p:nth-of-type(1),.pattern_a_img p{
	font-size: 24px;
	font-weight: bold;
	color: #fff;
	position: relative;
	width: fit-content;
	margin-bottom: 20px;
}
.riyu_tex p:nth-of-type(1):after,.pattern_a_img p:after{
	content: '';
	background-color: #fff;
	width: 100%;
	height: 1px;
	position: absolute;
	bottom: 0px;
	left: 0;
}
.riyu_tex p:nth-of-type(2){
	font-size: 14px;
	font-weight: bold;
	line-height: 1.7;
}
.riyu_img{
	width: 20%;
}
.bobo,.obo{
	max-width: 1000px;
	margin: -100px auto 0;
	padding-top: 100px;
}
.boyoko{
	background: url(../img/recruit/rec_info_back.jpg)repeat-y;
}
.boyoko_title{
	max-width: 1000px;
	margin: 0 auto;
}
.staff{
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	margin-top: 30px;
}
.rec_fuki{
	max-width: 157px;
	width: 16%;
}
.rec_fuki2{
	max-width: 159px;
	width: 16%;
}
.staffy{
	max-width: 689px;
	width: 72%;
}
.rec_point{
	display: flex;
	justify-content: space-between;
	max-width: 923px;
	margin: 0 auto;
}
.rec_point img{
	width: 32%;
	max-width: 301px;
}
.rec_matte{
	max-width: 1000px;
	margin: 0 auto;
	position: relative;
}
.rec_saa{
	text-align: center;
	position: absolute;
	bottom: 30px;
	right: 0;
	left: 0;
	margin: auto;

}
.rec_saa img:nth-of-type(1){
	max-width: 200px;
	width: 20%;
	margin: 0 auto;
}
.rec_saa img:nth-of-type(2){
	max-width: 1000px;
	margin: 0 auto;
}
.rec_point img:nth-of-type(1){
	margin-right: 2%;
}

.pattern_a_img p{
	font-size: 18px;
	margin: 0 auto;
}
/*#recruit{
	padding: 40px 0px 25px;
}*/
.recruit_boxx{
	padding-left: 10px;
	padding-right: 10px;
}

.rec_mintitle{
	position: relative;
    font-size: 24px;
    font-weight: bold;
    font-family: '游明朝', 'Noto Serif JP';
    padding: 0;
    text-decoration: unset;
    padding-left: 30px;
    margin-bottom: 15px;
/*    margin-top: 35px;*/
}
#wani .rec_mintitle{
	margin-top: 0;
}
.rec_mintitle:before{
	content: '';
    background-color: #a58e7a;
    width: 15px;
    height: 85%;
    clip-path: unset;
    position: absolute;
    left: 0px;
    top: 0px;
    bottom: 0;
    margin: auto;
}

/*.city_group{
	display: flex;
	align-items: flex-start;
}
.city_group dt{
	float: left;
}
.city_group dd{
	width: 20%;
	background-color: #fff;
}*/
.recruit_entry_box.enbo{
	margin: 0px;
	padding: 20px 10px;
	background-color: #fff;
	width: 100% !important;
    max-width: 1000px;
    box-sizing: border-box;
}
.recruit_entry_box dl.city_group{
	margin: 0 auto 0 0;
}
.w_space{
	background-color: #fff;
	width: 100%;
	height: 25px;
}
#boyo,#wani{
	margin-bottom: 60px;
}


.recruit_entry_box dl.city_group dt:hover{
	opacity: unset!important;
}


#contents-area #main-area{
	padding-top: 15px;
	box-sizing: border-box;
/*	width: 100%;*/
}

.confi{
	padding: 30px 0 20px !important;
}

.contents .rese_title{
	border-bottom: none;
}
.rese .section{
	margin: 0 auto!important;
}
.rese_wrap{
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	flex-wrap: wrap;
	margin-bottom: 60px;
}
.rese_cont{
	width: 48%;
}
.contents .rese_cont h3{
	border-top: solid 1px #4d4d4d;
	border-bottom: solid 1px #4d4d4d;
	padding: 13px 10px 10px;
	margin-top: 30px;
}
.contents .rese_cont p{
	padding: 0 10px;
	line-height: 1.7;
}
.rese_btn{
	background-color: #aa1b49;
	max-width: 450px;
	width: 100%;
	margin: 15px auto 0;
	padding: 17px 10px;
	display: flex;
	justify-content: center;
	align-items: center;
	box-sizing: border-box;
}
#main-area .rese_btn p{
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	margin: 0 5px 0 0;
}
.rese_btn img{
	max-width: 17px!important;
	height: 17px!important;
}
.mail_maechu p{
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	margin: 20px auto 0;
}




@media screen and (max-width: 1023px){
	.tb_only{
		display: block;
	}
	.lower{
		padding: 120px 20px 70px;
	}
	.mainimgarea h2 p{
		margin-bottom: 20px!important;
		font-size: 28px;
	}
	.mainimgarea h2 p:after,.mainimgarea h2 p:before{
		width: 25px;
		height: 25px;
		background-repeat: no-repeat;
	}

	.rec_unker a p{
		font-size: 14px;
	}
	#contents-area #main-area{
		padding-top: 15px;
	}

	.company table, .apply table{
		width: 100%!important;
		max-width: 760px;
	}
}
@media screen and (max-width: 767px){
	.tb_only{
		display: none;
	}
	.lower {
    	padding: 40px 10px 25px;
    	background-color: #f3ede2;
	}
	.mainimgarea h2{
		width: 90%;
	}
	.mainimgarea h2 p{
		font-size: 24px;
     text-align: center; 
    padding: 0 40px;
    line-height: 32px;
    margin-bottom: 25px !important;
	}
	.mainimgarea h2 p:after,.mainimgarea h2 p:before{
		width: 20px;
		height: 20px;
	}
	.mainimgarea{
		padding: 65px 0 0!important;
	}
	#container{
		padding-bottom: 0!important;
	}
	.recruit_entry_box{
		width: 100%!important;
	}
	.type_b{
		flex-direction: column;
	}

	.lower_wrap{
		padding: 20px 20px 20px;
	}
	.ctitle{
		font-size: 18px;
	}
	.stex .stitle p{
		font-size: 16px;
	}
	.stex {
    	margin: 15px 0px;
	}
	.uha{
		padding-left: 0;
	}
	.fc_page #contents-area {
    	padding-bottom: 10px!important;
	}
	.fc_page #main-area .section .fc_ttl {
    	margin-bottom: 10px !important;
	}

	.recruit_step .rec_top1 img:nth-of-type(2){
		position: unset;
		max-width: 569px;
	}
	.rec_unker{
		flex-direction: column;
	}
	.rec_unker a{
		margin-bottom: 10px;
		width: 100%;
	}
	.rec_top_tex p:nth-of-type(1){
		font-size: 16px;
		font-weight: bold;
		color: #a9174b;
	}
	.rec_top_tex p:nth-of-type(2){
		font-size: 14px;
		font-weight: bold;
		color: #333;
	}
	.rec_top_tex p:nth-of-type(2) span{
		font-size: 16px;
		color: #a9174b;
	}
	.recruit_step div:nth-of-type(1){
		padding: 0px 0 10px;
	}
	.recruit_step div.rec_top_tex{
		padding: 15px 0 10px;
	}
	.recruit_step div:nth-of-type(n+2),.recruit_step2 div:nth-of-type(1){
		width: 100%;
	}
	.riyu{
		flex-direction: column-reverse;
		padding: 20px 20px;
	}
	.riyu_tex{
		width: 100%;
	}
	.rec_unker{
		width: 80%;
		margin: 10px auto 15px;
	}
	.rec_unker a p{
		padding: 5px 20px;
	}
	.rec_point{
		flex-wrap: wrap;
		justify-content: center;
	}
	.rec_point img{
		width: 48%;
	}
	.rec_fuki{
		width: 25%;
		position: absolute;
		top: -40%;
		left: 0;
	}
	.rec_fuki2{
		width: 25%;
		position: absolute;
		top: -40%;
		right: 0;
	}
	.staff{
		justify-content: center;
	}
	.staffy{
		width: 90%;
		margin-bottom: 20px;
	}
	.rec_saa{
		bottom: 15px;
	}
	#recruit{
		padding: 40px 0 0;
	}
	#boyo .rec_mintitle{
		margin-left: 20px;
	}
	#obo .rec_mintitle{
		margin-left: 10px;
	}
	.obo{
		padding: 0px 10px 10px;
	}
	.inquiry_mail .bg_white{
		margin: 30px auto!important;
	}
	.inquiry_page .contents h2{
		padding: 0 10px;
	}

	.recruit_boxx,.bobo,.obo{
		margin-top: 0px;
		padding-top: 0px;
	}
	.recruit_page--search #rec_list *,.recruit_page--search #rec_top *,.recruit_page--search .recruit_entry_box *{
		max-width: unset;
/*		width: 100%;*/
	}
	.company table th,.apply table th,.guidelines table th{
		width: 20%!important;
	}
	.company table td,.apply table td,.guidelines table td{
		width: 80%!important;
	}
	.enter_btn {
		max-width: 216px!important;
		margin: 0 auto;
	}
	.back_btn{
		max-width: 275px!important;
	}

	.recruit_page--search .company table td input:not([type="radio"]):not([type="checkbox"]), .recruit_page--search .company table td textarea {
	    width: calc(100% - 5px);
	}


	.confi{
		padding: 5px 0 0px !important;
	}

}
@media screen and (max-width: 630px){
	.rese_cont{
		width: 100%;
	}
	#main-area .rese_btn p{
		font-size: 14px;
	}
	.rese_btn{
		padding: 10px;
		margin: 10px auto 5px;
	}
	.tbon{
		display: flex!important;
	}
	.inquiry_page .contents{
		margin-top: 35px!important;
	}
}
@media screen and (max-width: 425px){
	.lower_br{
		display: block;
	}
	.protect_page .mainimgarea h2 p{
		font-size: 22px;
	}
}