@charset "utf-8";

.sp {
	display: none !important;
}

.pc {
	display: none !important;
}

.pcsp {
	display: none !important;
}

.fv_slide img {
	width: 100% !important;
	height: auto !important;
}

.inner90 {
	width: 90% !important;
	margin: 0 auto;
}

/* パンくず */
#breadcrumbs {
	width: 90%;
	margin: 0 auto 75px;
	text-align: left;
}

/* もっと見る */
.disnosp {
	display: none;
}

.disnosp p {
	margin-bottom: 20px;
}

.seemore {
	cursor: pointer;
	color: #e60012;
	font-size: 1.8rem;
}

.visi {
	/*display:inline;*/
}

.visi p:last-child {
	/*display:inline;*/
}

.disnosp p:first-child {
	/*display:inline;*/
}

.sp_gnav01 li a:hover {
	background: #333;
}

.recruitTtl {
	margin: 0 auto 50px;
	padding: 0 0 10px;
	background: url(../images/line01.png) no-repeat center bottom;
	font-size: 3.0rem;
	font-weight: bold;
	text-align: center;
	line-height: 1.4;
	letter-spacing: 0.05em;
	text-indent: 0.05em;
}

.ttl01 {
	margin: 0 auto 20px;
	padding: 50px 0 10px;
	font-size: 3.0rem;
	font-weight: bold;
	text-align: center;
	line-height: 1.4;
	letter-spacing: 0.05em;
	text-indent: 0.05em;
}

.ttl01 span {
	font-size: 1.2rem;
}

.about_ttl01 {
	margin: 0 auto 20px;
	padding: 50px 0 10px;
	font-size: 3.0rem;
	font-weight: bold;
	text-align: center;
	line-height: 1.4;
	letter-spacing: 0.05em;
	text-indent: 0.05em;
}

.about_ttl01 span {
	font-size: 1.2rem;
}


.subttl01 span {
	font-size: 2.0rem;
}

#fvArea2 {
	width: 100%;
	margin: 69px 0 50px;
	position: relative;
	z-index: 1;
}

#mv .sp-slides {
	height: 80vh !important;
}

.maintxtimg {
	width: 80%;
}

.top_shopbox:nth-child(odd) {
	width: 49%;
	margin: 0 1.5% 1.5% 0;
	float: left;
	padding: 1% 1% 1% 1%;
	background: #000;
}

.top_shopbox:nth-child(even) {
	display: inline-block;
	width: 49%;
	margin: 0 0 1.5% 0;
	float: left;
	padding: 1% 1% 1% 1%;
	background: #000;
}

.top_moviebox {
	display: inline-block;
	width: 49%;
	max-width: 49%;
	margin: 0 0 1.5% 0;
	float: left;
	padding: 1% 4% 0.5%;
}

.top_moviebox a.movieLinkBox {
	display: block;
	margin: 0 auto 2%;
	padding: 3.2% 0;
	border: 1px solid #e60012;
	background: #e60012;
	font-size: 1.4rem;
	font-weight: bold;
	color: #ffffff;
	text-align: center;
}

.tsp_inner {
	font-size: 1.2rem;
}

.tsp_txt01,
.tsp_add {
	display: block;
	font-size: 1.2rem;
	color: #ffffff;
}

.tsp_name {
	font-size: 1.6rem;
}

.topPol {
	width: 100%;
	height: 50vh;
	max-height: 512px;
}

.top_inn01 {
	width: 70%;
}

.topRecruit {}

.toprec_col {
	width: 700px;
	font-size: 1.5rem;
}

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
	bottom: 0;
}

.bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 170px;
	margin-top: 0%;
	outline: 0;
	width: 25px;
	height: 38px;
	text-indent: -9999px;
	z-index: 100;
}

.toprecBtn {
	bottom: 2.5vh;
}

.toprecBtn a {
	width: 540px;
	padding: 10px;
	font-size: 1.5rem;
}

.topNews {
	width: 90%;
	margin: 0 auto;
}

.lists__item a {
	display: block;
	width: 100%;
	padding: 20px 50px 11px 10px;
	border-bottom: 1px solid #707070;
	background: url(../images/arr_blk.png) no-repeat 99% center;
	font-size: 1.5rem;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}

.cat {
	display: inline-block;
	width: 180px;
	margin-bottom: 10px;
	padding: 2px 4px 0;
	margin-right: 20px;
	background: #e60012;
	font-size: 1.6rem;
	color: #ffffff;
	text-align: center;
}

.top_contact {
	width: 100%;
	max-width: 850px;
	margin: 0 auto;
	padding: 50px;
}

.tn_txt {
	display: inline-block;
}

.telnum {
	float: left;
	width: 55%;
	padding: 0 0 0 30px;
	background: url(../images/tel_icon_wht.png) no-repeat 0 10px;
	background-size: auto;
	font-size: 3.5rem;
	color: #ffffff;
	line-height: 1.2;
}

.telnum p {
	font-size: 1.2rem;
}

.topcontact_btn {
	float: right;
	width: 45%;
}

img {
	max-width: 100%;
	height: auto;
	width
	/***/
	: auto;
}

.news_detail_txt img {
	max-width: 100%;
	height: auto;
}


/*Subpage
======================================*/
.subTtl span.subtl_icon span.subtl_in {
	font-size: 4.8rem;
}

#newsSingle {
	width: 100%;
	height: 70px;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	flex-direction: column;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
}

.news_detail_area {
	margin-bottom: 50px;
}

/* shop */
.shopCol {
	width: 85%;
	margin: 0 auto 40px;
	padding: 0 0 40px;
	border-bottom: 1px solid #707070;
}

.shopCol {
	width: 100%;
}

.shop_img {
	float: left;
	width: 31%;
	height: 234px;
	overflow: hidden;
	margin-bottom: 0;
}

.shop_img img {
	width: 100% !important;
	height: auto !important;
}

.shop_box {
	float: right;
	width: 67%;
}

.shopname {
	margin: 0 0 15px;
	font-size: 2.5rem;
	font-weight: bold;
}

.shop_tab {
	width: 100%;
	margin-bottom: 9px;
}

.link {
	margin: 10px 0 20px;
	text-align: center;
}

.link a {
	dislay: inline-block;
	padding: 5px 8px;
	background: #000000;
	border: 1px solid #000000;
	color: #ffffff;
	font-size: 1.2rem;
	font-weight: bold;
}

.shopname {
	margin: 0 0 2px;
	font-size: 3.0rem;
	font-weight: bold;
}

.shop_tab th,
.shop_tab td {
	font-size: 1.4rem;
}

.shop_tab td a {
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}

.shop_tab td a:hover {
	background: #ffffff;
	color: #e60012;
}

.note {
	width: 90%;
	max-width: 1200px;
	margin: 20px auto 40px;
	text-align: center;
	display: flex;
	flex-direction: column;
	gap: 1em 0;
}

.noteTit {
	font-size: 2.2rem;
	font-weight: bold;
	text-align: center;
}

.noteName {
	margin-top: 1em;
	font-size: 1.8rem;
}

.link {
	float: left;
	width: 50%;
	max-width: 300px;
	margin: 0 0 10px;
	text-align: left;
}

.link a {
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}

.link a:hover {
	background: #ffffff;
	color: #000000;
}

.official_btn {
	float: right;
	width: 47%;
	max-width: 265px;
	margin: -27px 0 0;
}

.official_btn a {
	font-size: 1.4rem;
	padding: 15px 10px 15px 0;
	background: url(../images/arr03.png) no-repeat 93% center #e60012;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}

.official_btn a:hover {
	background: url(../images/arr03.png) no-repeat 98% center #e60012;
}

.recruitArea {
	width: 100%;
	height: 650px;
	margin: 70px 0 0px;
	/*background: url(../images/movie_back.png) repeat;*/
	position: relative;
	overflow: hidden;
}

.recruitArea video {
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
}


.recArea {
	width: 100%;
	margin: 70px 0 0px;
	/*background: url(../images/movie_back.png) repeat;*/
	position: relative;
	overflow: hidden;
}

.recArea video {
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
}

.fv_slide {
	/*position: absolute;*/
}

.fv_slide img {
	filter: brightness(0.9);
	-webkit-filter: brightness(0.9);
	-moz-filter: brightness(0.9);
	-o-filter: brightness(0.9);
	-ms-filter: brightness(0.9);
}

.rec_massage {
	width: 90%;
	margin: 0 auto;
}

.rec_txt {
	width: 100%;
	font-size: 5.0rem;
	padding-top: 10%;
}

.rec_txt span {
	display: inline-block;
	font-size: 2.6rem;
}

.rec_txt span {
	display: inline-block;
	margin-bottom: 15px;
	padding-bottom: 15px;
	position: relative;
	font-size: 2.2rem;
}

.rec_txt span::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	border-bottom: 3px solid #ffffff;
}

.rec_txt {
	width: 100%;
	font-size: 5.0rem;
	padding-top: 15%;
}

.rec_massage_box {
	padding: 50px 0 40px;
	text-align: center;
	background: none;
}

.rec_massage p, .rec_sec01_r p {
	display: inline-block;
	width: 700px;
	font-size: 1.8rem;
	line-height: 1.8;
	margin-bottom: 20px;
	text-align: left;
}

.rec_sec01_l {
	width: 100%;
	height: 40vh;
	background: url(../images/recruit_img01.jpg) no-repeat center;
	background-size: cover;
}

.rec_sec01_2 {
	width: 100%;
	height: 400px;
	background: url(../images/recruit_img00.jpg) no-repeat center;
	background-size: cover;
}

.rec_sec01_l p {
	width: 100%;
	height: 100%;
	background: url(../images/dot_bg.png) repeat 0 0;
	color: #ffffff;
	font-size: 2.8rem;
	display: -webkit-flex;
	display: flex;
}

.rec_sec01_2 p {
	width: 100%;
	height: 100%;
	padding-top: 170px;
	padding-left: 15%;
	color: #ffffff;
	font-size: 2.8rem;
	text-align: left;
}

.rec_sec01_r {
	width: 100%;
	padding: 5%;
	background: #f6f6f6;
}

.recSec02 {
	width: 93%;
}

.rec_sec02_l {
	float: left;
	width: 48%;
}

.rec_sec02_r {
	float: right;
	width: 48%;
}

.rec_subtl01 {
	font-size: 2.3rem;
}

.rec_subtl01 span {
	font-size: 1.6rem;
}

.rec_sec02_r p {
	font-size: 1.8rem;
	line-height: 1.6;
}

.rec_sec02_r dl dt {
	font-size: 1.8rem;
}

.recSec01 {
	width: 100%;
	margin: 0 auto 85px;
}

.recsec02_cont {
	width: 100%;
	margin: 0 auto;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

.recsec02_worker {
	margin: 0 auto 70px;
}

.recsec02_worker img {
	width: 33.3%;
	margin: 0;
	float: left;
}

.rs02_in {
	width: 48%;
	margin: 0 0 15px;
}

.recSec01 {
	width: 100%;
	margin: 0 auto 60px;
}

.rec_shop {
	width: 90%;
	margin: 0 auto;
}

.rec_shop_box {
	width: 100%;
	display: table;
	margin-bottom: 15px;
	padding-bottom: 10px;
	/*	border-bottom: 1px dotted #000; */
}

.rs_img {
	display: table-cell;
	width: 35%;
}

/*.rs_col {
	display: table-cell;
	padding: 0 0 0 10px;
	font-size: 1.3rem;
}*/
.rs_name {
	margin-bottom: 10px;
	font-size: 1.1rem;
	font-weight: bold;
}

.rs_name span {
	font-size: 1.8rem;
}

.rec_shop {
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	width: 100%;
	margin: 0 auto;
}

.rec_shop_box {
	width: 31%;
	max-width: 320px;
	margin: 0 1% 20px;
}

.rs_img {
	display: block;
	width: 100%;
	margin-bottom: 15px;
}

.rs_col {
	font-size: 1.6rem;
}

.rs_name {
	margin-bottom: 10px;
	font-size: 1.6rem;
	font-weight: bold;
}

.rs_name span {
	font-size: 2.0rem;
}

.recSec01 {
	width: 100%;
	margin: 0 auto 60px;
}

.rec_shop {
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	width: 100%;
	margin: 0 auto;
}

.interviewArea1 {
	width: 90%;
	height: auto;
	margin: 0 auto 100px;
}

.interviewArea2 {
	width: 90%;
	height: auto;
	margin: 0 auto 100px;
}

.interviewArea .bx-wrapper .bx-controls-direction a {
	top: 25%;
	width: 30px;
}

.interviewArea .bx-wrapper .bx-prev {
	left: -10%;
	background: url(../images/prev02.png) no-repeat 0 0;
	background-size: contain;
}

.interviewArea .bx-wrapper .bx-next {
	right: -10%;
	background: url(../images/next02.png) no-repeat 0 0;
	background-size: contain;
}

.content {
	padding: 50px 0;
}

.ques {
	width: 93%;
	margin: 0 auto 1px;
	border-bottom: 1px dotted #000000;
}

.ans {
	width: 93%;
	margin: 0 auto;
	background: #f7f7f7;
}

.rec_tab {
	width: 93%;
}

.recFlow {
	width: 93%;
	margin: 0 auto;
	display: table;
}

.recflow_box,
.rec_arr {
	display: table-cell;
}

.recflow_box {
	width: 210px;
	padding: 30px 20px;
	border: 1px solid #000000;
	-webkit-border-radius: 3px;
	background: #ffffff;
}

.rec_arr {
	width: 50px;
	background: url(../images/arr05.png) no-repeat center;
}

#area_auth {
	width: 90%;
	margin: 0 auto;
}

#userInfo {
	width: 90%;
	margin: 0 auto 30px;
}

#box3 li a {
	display: block;
	width: 400px;
	margin: 0 auto;
	padding: 5px 0 12px;
	background: url(../images/arr03.png) no-repeat 95% center #e60012;
	font-size: 2.6rem;
	font-weight: bold;
	color: #ffffff;
	text-align: center;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}

li#confirmBtn1 a {
	display: block;
	width: 45%;
	padding: 15px 0 12px;
	float: left;
	background: url(../images/arr03-2.png) no-repeat 5% center #000;
	font-size: 2.0rem;
	font-weight: bold;
	color: #ffffff;
	text-align: center;
}

li#confirmBtn2 a {
	display: block;
	width: 45%;
	padding: 15px 0 12px;
	float: right;
	background: url(../images/arr03.png) no-repeat 95% center #e60012;
	font-size: 2.0rem;
	font-weight: bold;
	color: #ffffff;
	text-align: center;
}

.err {
	/* padding-left: 326px; */
	padding-left: 230px;
	color: #E60012;
}

#homeBtn a {
	display: block;
	width: 35%;
	margin: 50px auto 0;
	padding: 15px 0 12px 25px;
	background: url(../images/arr03-2.png) no-repeat 10% center #000;
	font-size: 2.0rem;
	font-weight: bold;
	color: #ffffff;
	text-align: center;
}

.contactList {
	padding-left: 40px;
}

.dropmenu li {
	width: 300px;
}

.dropmenu li ul li a {
	padding: 13px 20px;
	border-top: 1px solid #eeeeee;
	background: url(../images/arr_red.png) no-repeat 5px center #f5f5f5;
	text-align: left;
}

.grt {
	width: 100%;
	margin: 0 auto;
	padding: 5px;
	/*	background: rgba(255,255,255,.50);*/
}

.greeingArea {
	position: relative;
	width: 100%;
	max-width: 1200px;
	margin: 0px auto 100px;
	padding: 0 5%;
	/* background: url(../images/oner_bg.jpg) no-repeat center 800px;*/
	/* background-size: 80%;*/
}

.grt02 {
	width: 100%;
	padding: 0;
	font-size: 1.6rem;
	border: 1px solid #615f5d;
}

.grt02 img {
	width: 100%;
}

.about_ttl01 img {
	width: 50%
}

.grt p.rightName {
	display: block;
	padding-right: 40px !important;
	text-align: right !important;
	margin-bottom: 30px;
}

.rightName img {
	width: 25%;
}

.underImg {
	width: 88%;
	margin: 0 auto 50px;
	overflow: hidden;
}

.aboutImg {
	width: 560px;
	margin: 0 auto 80px;
}

.aboutImg span {
	font-size: 1.6rem;
	letter-spacing: 0.46em;
}

.grt {
	width: 100%x;
	line-height: 2.0;
	/*	background: rgba(255,255,255,.85);*/
}

.recruitBnr {
	width: 88%;
	margin: 50px auto;
	padding: 30px 10px;
	background: url(../images/recruit_bg02.jpg) no-repeat center;
	background-size: cover;
	color: #ffffff;
	text-align: center;
}

.recruitBnr a {
	display: block;
	width: 325px;
	font-size: 1.8rem;
}

.recruitBnr p {
	font-size: 1.6rem;
}

#area_experience select, #area_age select {
	width: 50%;
	padding: 8px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: 1px solid #999;
	background: #eee;
	background: url(../images/arrow01.png) right 50% no-repeat, -webkit-linear-gradient(top, #fff 0%, #efebe1 100%);
	background: url(../images/arrow01.png) right 50% no-repeat, linear-gradient(to bottom, #fff 0%, #efebe1 100%);
	background-size: 20px, 100%;
}

.aboutArea {
	width: 550px;
}

.about_tab th {
	width: 125px;
	padding: 15px 0;
	text-align: right;
}

.about_tab td {
	padding: 15px 10px 15px 50px;
}

.siteList {
	width: 100%;
	margin: 0 auto 50px;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}

.siteList02 {
	width: 100%;
	margin: 0 auto 100px;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}

.siteList a,
.siteList02 a {
	display: block;
	width: 48%;
	margin: 0 1% 5px;
	padding: 20px;
	border: 1px solid #000000;
	background: url(../images/arr_wht.png) no-repeat 97% center #000000;
	color: #ffffff;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}

.siteList a:hover,
.siteList02 a:hover {
	color: #000000;
	background: #fff;
}

.ucn_tl span {
	width: 55px;
}

.ucn_tl span img {
	width: 100%;
}

.ucn01_img img {
	width: 50%;
}

.ucn02_img img {
	width: 60%;
}

.ucn03_img img {
	width: 65%;
}

.contactTxt {
	text-align: center;
}

.shoplink_btn {
	width: 262px;
}

.shoplink_btn a {
	border: 1px solid #e60012;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}

.shoplink_btn a:hover {
	background: #ffffff;
	color: #e60012;
}

#contactCaution {
	padding: 0 0 50px 0;
	text-align: center;
	color: #e60012;
	font-weight: bold;
}

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

.news_box a {
	display: table;
	/*margin-bottom: 15px;*/
}

.news_box a div {
	display: table-cell;
}

.top_news_col {
	margin-top: 0;
	padding: 0 30px 0 20px;
	font-size: 1.5rem;
}

.news_box a:hover {
	background: url(../images/arr_red02.png) no-repeat 99% center #222222;
}

.news_box a:hover .news_cat {
	background: #ffffff;
	color: #000000;
}

.news_cat {
	width: 95px;
	height: 66px;
	font-size: 1.4rem;
}

.cont_tl {
	width: 100%;
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #000000;
	text-align: center;
}

.contactTelArea {
	width: 90%;
	max-width: 800px;
}

.in_cta02 {
	padding: 20px 30px;
}

.inner_cont_tel {
	width: 50%;
	max-width: 340px;
	margin: 0 0 0 -10px;
}

.telbox_l {
	float: left;
	width: 45%;
}

.telbox_r {
	float: right;
	width: 55%;
}

.c_logo img {
	width: 90%;
}

.c_add {
	font-size: 1.2rem;
}

.contact_tel {
	font-size: 4.2rem;
	line-height: 0.1em;
	text-align: right;
}

.topRecruit {
	width: 100%;
	margin-bottom: 50px;
	padding: 50px;
	background: url(../images/toprec_bg.jpg) repeat center 0;
	overflow: hidden;
}


/*footer*/
.off_logo {
	float: left;
	width: 45%;
	margin: 0 auto 40px;
	text-align: left;
}

.logoArea {
	float: right;
	width: 54%;
	margin: 0 auto 50px;
}

/* 170428 recruit2追記 */
/*header*/
h1.rec_logo2 {
	width: 187px;
	height: 58px;
	float: left;
}

h1.rec_logo2 a {
	display: block;
	padding: 12px 0;
}

ul.rec_nav2 {
	width: 756px;
	float: right;
}

.rec_nav2 li {
	float: left;
}

.rec_nav2 li a {
	display: block;
	padding: 29px 15px;
	text-align: center;
	font-size: 1.4rem;
	font-weight: bold;
	color: #000;
	background: #fff;
}

.rec_nav2 li a:hover {
	display: block;
	color: #fff;
	background: #e60012;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}

/*会社からのメッセージ*/
.rec_massage2 {
	width: 100%;
	margin: 0 auto;
	padding: 50px 0 0;
}

.rec_massage2 p, .rec_sec01_r p {
	font-size: 1.6rem;
	line-height: 1.6;
	margin-bottom: 20px;
}

.recSec00 {
	display: table;
	width: 100%;
	margin: 0 auto 0;
}

.rec_sec00_l,
.rec_sec00_r {
	display: table-cell;
	width: 50%;
	padding: 2%;
}

.rec_sec00_l {
	width: 50%;
	background: url(images/oner_bg2.jpg) no-repeat top right;
	background-size: cover;
	text-align: center;
	vertical-align: middle;
}

.rec_sec00_r {
	width: 50%;
	padding: 2%;
}

/*ベンジャミンランチグループ採用担当*/
.recruitBox2 {
	width: 100% !important;
	margin: 0 auto 50px !important;
}

.rec2Sec02 {
	width: 100%;
	margin-bottom: 20px;
	text-align: left;
}

.shopManager {
	width: 20% !important;
	height: auto !important;
	float: left;
}

.shopManager img {
	width: 100%;
	height: auto;
}

/*ファクトリュウはこんな人材を待っています*/
.rs02_in2 {
	width: 48%;
	margin: 0 6px 15px 6px;
	padding: 20px 10px 20px 65px;
	border: 1px solid #e60012;
	float: left;
	background: url(../images/check_img.png) no-repeat 15px center;
	font-size: 1.5rem;
	-webkit-align-items: center;
	align-items: center;
}

/*店舗紹介*/
.rec_shop2 {
	width: 100%;
	margin: 0 auto;
}

.rec_shop_box2 {
	width: 33.33%;
	float: left;
}

.rec_shop_box2:nth-child(3n) {
	width: 33.33%;
	float: left;
}

.rs_img2 {
	display: block;
	width: 100%;
}

.rs_img2 img {
	width: 100%;
	height: auto;
}

.rs_col2 {
	padding: 3%;
	border-bottom: 1px solid #dcdcdc;
	border-left: 1px solid #dcdcdc;
	font-size: 1.6rem;
}

.rs_col3 {
	padding: 3%;
	border-left: 1px solid #dcdcdc;
	border-bottom: 1px solid #dcdcdc;
	border-right: 1px solid #dcdcdc;
	font-size: 1.6rem;
}

/*従業員インタビュー*/
.interview_box {
	padding: 0px 40px;
}

.interviewArea1 .bx-wrapper .bx-prev, .interviewArea2 .bx-wrapper .bx-prev {
	left: 0%;
}

.interviewArea1 .bx-wrapper .bx-next, .interviewArea2 .bx-wrapper .bx-next {
	right: 0%;
}

/*よくある質問*/
.tab2 {
	width: 100%;
	margin: 0;
	padding: 0;
}

.tab2 li {
	width: 33.33%;
	margin: 0;
	padding: 15px 10px;
	float: left;
	cursor: pointer;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	background: #e5e5e5;
	font-weight: bold;
	border-top: 1px solid #bfbfbf;
	border-right: 1px solid #bfbfbf;
	box-sizing: border-box;
}

.tab2 li.tablist2 {
	display: block;
	width: 50% !important;
	margin: 0;
	float: left;
	font-size: 2.4rem;
}

.tab2 li:last-child {
	border-right: none;
}

.tab2 li.current {
	background: #fff;
	border-bottom: none;
}

#simple .sp-mask {
	height: 550px;
}

#simple2 .sp-mask {
	height: 700px !important;
}

/*170524採用情報*/

/*採用 共通*/
.recContnerL {
	width: 100%;
	margin: 0 auto 50px;
}

.recContnerLL {
	width: 100%;
	padding: 50px 0;
	background: url(../images/recruit_bg.jpg) repeat 0 0;
}

.recContnerM {
	width: 100%;
	margin: 0 auto;
	padding: 0 2%;
}

/*採用 メインビジュアル*/
.recArea {
	display: table;
	width: 100%;
	position: relative;
	overflow: hidden;
}

.recMvTxt {
	display: table-cell;
	padding: 16% 0;
	color: #fff;
	font-size: 34px;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	background: url(../images/factoryu_rec_mv.jpg) repeat 0 0;
	background-size: cover;
	letter-spacing: 0.3em;
	text-indent: 0.3em;
	text-shadow: 0 0 10px rgba(0, 0, 0, 0.7);
}

.recMvTxt span#recMvTxtTop {
	padding-bottom: 1%;
	border-bottom: 5px solid #fff;
}

.recMvTxt span#recMvTxtbottom {
	display: block;
	padding-top: 1%;
}

/* 応援 */
#recContnerAera {
	margin-bottom: 50px;
}

#recSupportLeft {
	max-width: 580px;
	width: 49%;
	float: left;
}

#recSupportRight {
	max-width: 580px;
	width: 49%;
	float: right;
}

.recSupportImg {
	width: 100%;
}

.recSupportImg img {
	width: 100%;
	height: auto;
}

span.recSupportRed {
	display: block;
	height: 120px;
	padding: 10px 15px;
	font-size: 20px;
	font-weight: bold;
	letter-spacing: 2px;
	color: #fff;
	background: #d8050e;
}

.recSupportTxt {
	padding: 35px 20px 20px;
	border: 1px dotted #ccc;
	background: #fff;
}

.hatarakikataArea {}

.hatarakikataImg {
	position: relative;
	width: 33.3%;
	float: left;
}

.hatarakikataImg img {
	width: 100%;
	height: auto;
}

span.hatarakikataTxt {
	position: absolute;
	top: 10px;
	left: 10px;
	width: 100px;
	height: 100px;
}

span.hatarakikataTxt img {
	width: 100%;
	height: auto;
}

/* 店舗・店長紹介 */
#recShopArea {
	margin-bottom: 30px;
}

.recShopTop {
	width: 100%;
}

.recShopBox {
	position: relative;
	width: 20%;
	float: left;
	overflow: hidden;
}

.recShopBox a {
	display: block;
}

span.recShopAdd {
	position: absolute;
	top: 0;
	left: 0;
	padding: 7px 10px;
	color: #fff;
	background: #d8050e;
}

span.recShopName {
	position: absolute;
	left: 5%;
	bottom: 5%;
	width: 90%;
	padding: 10px 0;
	font-weight: bold;
	text-align: center;
	color: #000;
	background-color: rgba(255, 255, 255, 0.7);
}

.recShopDetailBox {
	width: 100%;
	padding: 30px 30px 20px;
	border: 1px dotted #c9c9c9;
}

.recShopDetailImg {
	width: 32%;
	float: left;
	overflow: hidden;
}

.recShopDetailImg img {
	width: 100%;
	height: auto;
}

.recShopDetail {
	width: 65%;
	float: right;
}

h3.recShopDetailTtl {
	margin-top: -10px;
	margin-bottom: 10px;
	font-size: 30px;
	font-weight: bold;
	line-height: 1.2;
}

h3.recShopDetailTtl span {
	font-size: 16px;
}

span.recShopDetailRed {
	padding: 5px 8px;
	color: #fff;
	background: #d8050e;
}

.recShopDetailTxt {
	margin: 5px 0 10px;
}

/* メッセージ */
#recMessageArea {
	margin-bottom: 30px;
}

.recMessage {
	margin-bottom: 16px;
	text-align: left;
}

.recMessageImgArea {
	width: 100%;
	margin-bottom: 30px;
}

.recMessageImgArea img {
	width: 20%;
	float: left;
}

h3.recMessageTtl {
	font-size: 28px;
	margin-bottom: 20px;
}

/*ファクトリュウはこんな人材を待っています*/
.rs02_in2 {
	width: 32%;
	margin: 0 12px 15px 0;
	padding: 20px 5px 20px 60px;
	border: 1px dotted #e60012;
	float: left;
	background: url(../images/check_img.png) no-repeat 15px center;
	font-size: 1.4rem;
	-webkit-align-items: center;
	align-items: center;
}

.rs02_in2:nth-child(3n) {
	margin: 0 0 15px 0;
}

/* インタビュー */
#interviewArea {}

.interviewBox {
	position: relative;
	width: 33.3%;
	float: left;
}

.interviewBox a {
	display: block;
}

.interviewBox a:hover {
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}

.interviewBoxDetail {
	width: 100%;
	padding: 20px;
}

.rec_sec02_l {
	float: left;
	width: 38%;
}

.rec_sec02_r {
	float: right;
	width: 58%;
}

.interviewImg {
	width: 100%;
	overflow: hidden;
}

.interviewImg img {
	width: 100%;
	height: auto;
}

.interviewDetail {
	padding: 20px 10px;
	border: 1px dotted #dcdcdc;
	background: #fff;
}

.interviewTtl {
	margin-bottom: 10px;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
}

.interviewTxt {
	text-align: center;
}

h3.recApplyTtl {
	width: 90% !important;
	padding: 10px !important;
	margin: 0 auto 20px !important;
	font-size: 24px !important;
	text-align: center !important;
	color: #333333 !important;
	border-bottom: 1px #666666 solid !important;
}

/* 
hamburger(ハンバーガーアイコン)
=================================== */
.hamburger {
	position: absolute;
	top: 0;
	right: 0;
	width: 70px;
	height: 70px;
	padding: 15px 0 0;
	background: #e71e22;
	z-index: 1500;
}

.hamburger__line {
	position: absolute;
	left: 15px;
	width: 60%;
	height: 4px;
	background-color: #ffffff;
	border-radius: 4px;
	transition: all 0.5s;
}

.hamburger__line--1 {
	top: 14px;
}

.hamburger__line--2 {
	top: 26px;
}

.hamburger__line--3 {
	top: 38px;
}

.hamburger span:nth-of-type(4) {
	position: absolute;
	top: 46px;
	width: 100%;
	text-align: center;
	font-size: 1rem;
	font-weight: bold;
	color: #ffffff;
	background: none;
}

/*ハンバーガーがクリックされたら*/
.open .hamburger__line--1 {
	transform: rotate(-45deg);
	top: 25px;
}

.open .hamburger__line--2 {
	opacity: 0;
}

.open .hamburger__line--3 {
	transform: rotate(45deg);
	top: 25px;
}

/* 
sp-nav(ナビ)
=================================== */
.sp-nav {
	position: fixed;
	right: -100%;
	/*ハンバーガーがクリックされる前はWindow右側に隠す*/
	top: 0;
	width: 100%;
	/* 出てくるスライドメニューの幅 */
	height: 100vh;
	background-color: rgba(0, 0, 0, 0.95);
	overflow: scroll;
	transition: all 0.5s;
	z-index: 200;
	overflow-y: auto;
	/* メニューが多くなったらスクロールできるように */

	ul {
		width: 70%;
		margin: 80px auto 20px;

		li {

			a {
				display: block;
				width: 100%;
				padding: 10px 0 10px 15px;
				background: url(images/arr_red.png) no-repeat 0 center;
				border-bottom: 1px solid #333333;
				color: #ffffff;
				font-size: 1.5rem;
			}
		}
	}
}

.menu_btn {
	display: block;
	width: 70%;
	margin: 0 auto;
	padding: 15px 0;
	background: #e60012;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	color: #ffffff;
	text-align: center;
	font-weight: bold;
	line-height: 2;
}

/*ハンバーガーがクリックされたら右からスライド*/
.open .sp-nav {
	right: 0;
}


/* 
black-bg(ハンバーガーメニュー解除用bg)
=================================== */
.black-bg {
	position: fixed;
	left: 0;
	top: 0;
	width: 100vw;
	height: 100vh;
	z-index: 5;
	background-color: #000;
	opacity: 0;
	visibility: hidden;
	transition: all 0.5s;
	cursor: pointer;
	z-index: 100;
}

/*ハンバーガーメニューが開いたら表示*/
.open .black-bg {
	opacity: 0.3;
	visibility: visible;
}