@charset "utf-8";
/* CSS Document */

/*店舗名*/
/* 一元化 2020.09 UNI */
.areacolor1 #staff_header{border-top:#0499BB 3px solid;}
.areacolor2 #staff_header{border-top:#D11A30 3px solid;}
.areacolor3 #staff_header{border-top:#F8B608 3px solid;}
.areacolor4 #staff_header{border-top:#C11668 3px solid;}

#staff_recruit{
	position:relative;
}

#staff_header{
	position:absolute;
	top:10px;
	left:0;
	right:0;
	z-index:11;
	padding:0 10px;
	background:url(../img/w80.png) 0 0 repeat;
	height: 85px;
	box-shadow:0px 5px 6px rgba(0,0,0,0.3);
	display:flex;
	flex-direction:column;
	justify-content:center;
}

#staff_header > *{
	width:1220px;
	padding:0 180px 0 20px;
	margin:0 auto;
	box-sizing:border-box;
}

.type > *{
	height:24px;
	line-height:24px;
}

.type > p{
	text-align:center;
	color:#fff;
	float:left;
/* 一元化 2020.06 UNI */
	padding:0 5px;
	background:#888;
	color:#fff;
}

/* 一元化 2020.06 UNI */
.type .area{
	padding:0 10px;
}

.type > span{
	display:inline-block;
	margin-left:5px;
}

#staff_header h2{
	font-size: 133.3%;
  padding-top: 5px;
}

#staff_header h2 a{
	color:#333;
}

/*全体*/
#sideMenu h4,
#mainCont section h3{
	font-size: 1rem;
	text-align:center;
	position:relative;
	margin:20px 0;
}

#sideMenu h4::after,
#mainCont section h3::after{
	content:"";
	display:block;
	width:88px;
	height:4px;
	background-color:#FFBF00;
	margin:0 auto;
}

/*左エリア*/
div#contents{
	position:relative;
}

div#sideMenu{
	padding-top:98px;
}

div#sideMenu > div{
	z-index:0;
	margin:0;
	width:218px;
	position:relative;
}

#sideMenu h3{
	text-align:center;
	color:#FFFFFF;
	position:relative;
	line-height:30px;
	margin-bottom:50px;
}

#sideMenu h3::before{
	content:"";
	position:absolute;
	display:block;
	width:0;
	height:0;
	border: 70px solid transparent;
	border-top: 70px solid #FFB600;
	z-index:-1;
	left:50%;
	margin-left:-70px;
}

#sideMenu > div > p{
	text-align:center;
	font-size:.85rem;
	color:#666666;
	line-height:1.2;
	margin:20px 10px;
}

#line,
#line dd > a,
#sideMenu > div > a,
#sr_inquiry{
	border-radius: 3px;
	box-shadow: 0 2px 2px 0 rgba(0,0,0,0.4);
	text-align:center;
	overflow:hidden;
}

#line,
#sideMenu > div > a,
#sr_inquiry{
	width:200px;
	margin:10px auto;
}

#line dt,
#line dd > a{
	background-color:#00B800;
	color:#FFFFFF;
	font-size:.85rem;
}

#line dt{
	height:50px;
	line-height:50px;
}

#line dt img{
	margin-right:5px;
}

#line dd{
	background-color:#FFFFFF;
	padding:10px;
}

#line dd > span{
	display:block;
	margin:10px;
}

#line dd > span::before{
	content:"LINE ID";
	display:block;
	color:#00B800;
}

#line dd > a,
#sideMenu > div > a{
	display:block;
	height:34px;
	line-height:34px;
}

div#sideMenu > div > a{
	background-color:#0277BD;
	color:#FFFFFF;
	font-size:.85rem;
}

.btn_red{
	background-color:#FF2950 !important;
}

.btn_yellow{
	background-color:#FFB600 !important;
}

#sr_inquiry{
	background-color:rgba(255,255,255,.6);
}

#sr_inquiry > *{
	margin:0 auto;
	padding:10px;
}

#sr_inquiry dt{
	width:120px;
	border-bottom:#DDDDDD 1px solid;
}

#sr_inquiry dd{
	width:170px;
	text-align:justify;
	color:#666666;
	line-height:1.2;
}



/*中央エリア*/
#mainCont > *:first-child{
	margin-top:118px;
}

#mainCont > img:first-child{
	width:800px;
	display:block;
	margin:0 auto;
}

#mainCont > section{
	border-top:#444444 4px solid;
	border-bottom:#999999 1px solid;
	background-color:rgba(255,255,255,.4);
	box-shadow:inset 0 5px 3px -1px rgba(0,0,0,.4);
	margin:20px auto;
}


#catch,
#privelege,
#finish{
	width:770px;
	padding:20px;
	box-sizing:border-box;
	background-color:rgba(255,255,255,.85);
	font-size:.85rem;
}

#catch{
	border:#00ADA9 10px solid;
	color:#00ADA9;
	margin:0 auto -50px;
	position:relative;
	top:-50px;
}

#finish{
	border:#00ADA9 10px solid;
	margin:20px auto;
}

#mainCont > #privelege{
	border:#FFB600 10px solid;
	color:#FFB600;
	box-shadow:none;
	display:flex;
	align-items:center;
	background-color: rgba(255,255,255,.85);
}

#mainCont > #privelege h3{
	color:#333333;
	width:120px;
	height:120px;
	flex:0 0 120px;
	line-height:120px;
	margin:0 20px 0 0;
	background:url(../img/img_circle.png) no-repeat center center;
}

#mainCont > #privelege h3::after{
	content:none;
}

#mainCont > #terms h3::after{
	background-color: #008C8C;
}

#finish{
	text-align:center;
	color:#009292;
}

#finish > img{
	margin:20px auto;
	display:block;
}

#finish > a{
	display:block;
	width: 600px;
	margin:30px auto 10px;
	line-height: 40px;
	font-size: 110%;
	color: #FFF;
	background: #00ADA9;
	border-radius: 3px;
	box-shadow: 0 2px 2px 0 rgba(0,0,0,0.4);
	cursor:pointer;
	text-decoration:none;
	transition: 0.3s ease-in-out;
}
#finish > a:hover{
	opacity: 0.6;
}

#terms ul{
	display:flex;
	flex-wrap:wrap;
	width:780px;
	margin:15px auto;
}

#terms li{
	width:120px;
	height:36px;
	padding:10px;
	line-height:1.2;
	box-sizing:border-box;
	text-align:center;
	background-color: #008C8C;
	color:#FFFFFF;
	border-radius:18px;
	display:flex;
	justify-content:center;
	align-items:center;
	margin:5px;
}

#info table{
	width:100%;
	border-collapse:collapse;
}

#info tr > *{
	padding:10px;
	vertical-align:middle;
	border-top:#999999 1px solid;
}

#info th{
	width: 20%;
	background-color:#FFFFFF;
	border-right:#999999 1px solid;
	color:#666666;
	font-weight:normal;
}

#info td{
	background-color:#F9F9F9;
	font-size:.85rem;
}

#info td a{
	display:block;
	color:#FF8000;
}

#faq dl > *{
	padding:10px 0 10px 54px;
}

#faq dt{
	position:relative;
	font-size:.85rem;
}

#faq dt::before{
	content:url(../img/icon_q_y.png);
	display:inline-block;
	width:24px;
	height:24px;
	position:absolute;
	top:9px;
	left:15px;
}
#faq dd{
	color:#666666;
}

#faq dd:not(:last-child){
	border-bottom:#999999 1px solid;
}









/*ポップアップ*/
#popUp .header{
	border-bottom: solid 2px #FFB600;
	padding-left:20px;
}

#popUp #container h2{
	color:#FF0B72;
	font-size: 105%;
	margin:20px;
}


#popUp form input[type="submit"],
.p_close{
	display:block;
	width:380px;
	margin: 20px auto 0;
	line-height:40px;
	text-align:center;
	font-size:133.3%;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif, Meiryo;
	color:#FFF;
	cursor:pointer;
	border:0;
	padding:0;
	border-radius:3px;
	box-shadow:0 2px 2px 0 rgba(0,0,0,0.4) ;
	transition:opacity 0.3s ease-in-out;
}

#popUp form input[type="submit"]{
	background: #FFB600;
}

.p_close{
	background: #333;
}

#popUp form input[type="submit"]:hover,
.p_close:hover{
  opacity: 0.6;
}

.message{
	color:#008C8C;
}

.set > dd{
	background-color:#EEEEEE;
	padding:15px;
}

.set > dd + dd{
	padding-top:0;
}

.set > dd > div:not(:first-of-type){
	margin-top:15px;
}

.formFinish {
	width: 380px;
	border: #ccc 4px solid;
	margin: 0 auto;
	box-sizing:border-box;
}

.formFinish > *{
	margin:20px;
}

.formFinish > div{
	font-size: 133.3%;
  color: #139F85;
  text-align: center;
}

.formFinish > p{
	font-size: 116.7%;
}

.formFinish > img{
	display:block;
	margin-left:auto;
	margin-right:auto;
}

.fancybox-inner{
	padding:0 !important;
	border-radius:0 !important;
}

.fancybox-close{
	top:-14px !important;
	right:-4px !important;
}