@charset "utf-8";
/*------------------------------------------------------------
　共通
-------------------------------------------------------------*/
img{
	display:block;
}
.clear_t{
	width:100%;
	display:table;
}
.separate{
	border-top:1px dashed #c1c1c1;
}
.inline_c{
	text-align:center;
}
.btn1{
	font-weight:bold;
	text-align:center;
	border-radius:8px;
	margin:15px auto;
}
.btn1{
	display:inline-block;
}
.btn_type1{
	width:160px;
	height:46px;
	line-height:46px;
}
.btn_type2{
	height:46px;
	line-height:46px;
	padding:0 20px;
}
.btn_area{
	font-size:12px;
	text-align:center;
	border-radius:5px;
}
.switch li,.no_switch li{
	padding:15px 10px;
}
h2{
	color:#a02200;
	font-size:14px;
	font-weight:normal;
	text-indent:10px;
	height:33px;
	line-height:33px;
	background:#ffd735;
	border-top:4px solid #ff812d;
}
.lead{
	font-size:12px;
	padding:15px 10px;
}
section[class^="sec0"] h3{
	position: relative;
	color:#a02200;
	font-size:14px;
	background-color: #fffcdf;
	border:1px solid #fae7c1;
	padding:5px 10px 5px 35px;
}
.sec03 h3,
.sec09 h3{
	margin:15px 10px;
}
.sec04 h3,
.sec05 h3,
.sec06 h3,
.sec07 h3,
.sec08 h3{
	margin:15px 10px 0;
}
section[class^="sec0"] h3:before,
.option h4:before{
	position: absolute;
	top: 50%;
	left: 6px;
	overflow: hidden;
	width: 23px;
	height: 23px;
	margin-top: -12px;
	background-image:url(../images/area/ttl-icon.png);
	background-repeat: no-repeat;
	background-size: 23px 276px;
	content: "";
}
.sec01 h3:before{
	background-position: 0 0;
}
.sec02 h3:before{
	background-position: 0 -23px;
}
.sec03 h3:before{
	background-position: 0 -46px;
}
.sec04 h3:before{
	background-position: 0 -138px;
}
.sec05 h3:before{
	background-position: 0 -161px;
}
.sec06 h3:before{
	background-position: 0 -69px;
}
.sec07 h3:before{
	background-position: 0 -184px;
}
.sec08 h3:before{
	background-position: 0 -207px;
}
.sec09 h3:before{
	background-position: 0 -253px;
}
/*------------------------------------------------------------
　お仕事を選ぶ
-------------------------------------------------------------*/
.sec01,.sec02{
	padding:15px 5px;
}
.sec01 h3,.sec02 h3{
	margin:0 5px 15px;
}
.box_area{
	width:100%;
	display:table;
	border-spacing:5px 0;
}
.box_area+.box_area{
	margin-top:5px;
}
.box_area li{
	color:#999;
	width:50%;
	height:56px;
	display:table-cell;
	vertical-align:middle;
	margin-bottom:5px;
}
.box_area li:nth-of-type(2n){
	margin-left:5px;
}
.box_area li a{
	color:#5f99eb !important;
	font-weight:bold;
	height:46px;
	display:block;
	padding-top:6px;
}
.box_area li a span{
	text-decoration:underline;
}
.empty{
	height:0 !important;
	visibility:hidden;
}
.kodawariSearch{
	height:36px;
	line-height:36px;
	display:block;
	margin:5px 5px 0;
}
/*------------------------------------------------------------
　働く女の子
-------------------------------------------------------------*/
.interview .clear{
	display:table;
}
.interview .img_box{
	display:table-cell;
	vertical-align:top;
	position:relative;
}
.beginner:before{
	content:"未経験";
	color:#fff;
	font-size:12px;
	font-weight:bold;
	text-indent:25px;
	width:100%;
	height:25px;
	line-height:25px;
	background:url(../images/area/beginner.png) no-repeat 6px center rgba(0,0,0,.6);
	background-size:14px 17px;
	position:absolute;
	top:69px;
	let:0;
}
.interview .box{
	display:table-cell;
	vertical-align:top;
	padding-left:10px;
}
.interview h4 a{
	color:#5f99eb;
	font-size:16px;
	text-decoration:underline;
	display:block;
	margin-bottom:10px;
}
.interview h4 a span{
	font-size:14px;
}
.interview .box dt{
	width:21px;
	display:table-cell;
}
.interview .box dt img{
	display:inline-block;
	vertical-align:middle;
}
.interview .box dd{
	font-size:12px;
	display:table-cell;
	vertical-align:middle;
}
.interview p{
	font-size:12px;
	border:3px solid #e7e7e7;
	border-radius:10px;
	position:relative;
	padding:10px 15px;
	margin-top:15px;
}
.interview p:before{
	content:"";
	width:12px;
	height:15px;
	background:url(../images/interview/bubble_parts.png) no-repeat;
	background-size:12px 15px;
	position:absolute;
	top:-15px;
	left:25px;
}
/*------------------------------------------------------------
　コントローラー
-------------------------------------------------------------*/
.controller_wrap{
	margin:0 10px 15px;
}
.controller{
	width:100%;
	background:#fffcdf;
	border:1px solid #fae7c1; 
	border-radius:5px;
	display:table;
}
.controller div{
	font-size:12px;
	font-weight:bold;
	text-align:center;
	width:30%;
	display:table-cell;
}
.controller ul{
	width:100%;
	display:table;
	border-spacing:5px 5px;
}
.controller li{
	font-weight:bold;
	text-align:center;
	height:36px;
	line-height:36px;
	border:2px solid #d3d3d3;
	border-radius:5px;
	display:table-cell;
}
.controller ul .on{
	color:#fff;
	background:rgb(255,129,173);
	background:-webkit-linear-gradient(top,  rgba(255,129,173,1) 0%,rgba(255,105,156,1) 100%);
	background:linear-gradient(to bottom,  rgba(255,129,173,1) 0%,rgba(255,105,156,1) 100%);
	border:2px solid #ff246f;
	box-shadow:none;
}
/*------------------------------------------------------------
　エリアの特色
-------------------------------------------------------------*/
section[class^="sec_description0"]{
	padding:15px 0;
}
section[class^="sec_description0"] h3{
	color:#a02200;
	font-size:14px;
	border-bottom:2px solid #e3b75b;
	padding-bottom:10px;
	margin:0 10px 15px;
}
section[class^="sec_description0"] p{
	font-size:12px;
	word-break:normal;
	margin:0 10px;
}
section[class^="sec_description0"] span{
	font-weight:bold;
}
.sec_description02 p+p{
	margin-top:10px;
}
.sec_description02 dl{
	font-size:12px;
	word-break:normal;
	margin:0 10px;
}
.sec_description02 dt{
	font-weight:bold;
	height:30px;
	line-height:30px;
	margin-bottom:15px;
}
.sec_description02 dt:before{
	content:"";
	width:5px;
	height:30px;
	background:#ff7676;
	border-radius:3px;
	display:inline-block;
	vertical-align:middle;
	margin-right:10px;
}
.sec_description02 dd+dt{
	margin-top:20px;
}
.sec_description02 dd div{
	margin-top:25px;
}

/*------------------------------------------------------------
　体験談
-------------------------------------------------------------*/
.taikensya{
	margin:0 auto;
}
.tit_taikensya{
	font-size:16px;
	font-weight:bold;
	text-align:center;
	margin:10px 0;
}
.tit_taikensya>span{
	font-size:14px;
}
.item_taiken p{
	word-break:normal;
}
.item_taiken p+p{
	margin-top:10px;
}
/*------------------------------------------------------------
　おすすめ求人
-------------------------------------------------------------*/
.box_kyujin{
	background:#ededed;
	padding:10px;
}
.item_kyujin{
	background:#fff;
	border-radius:10px;
	padding:10px;
}
.item_kyujin+li{
	margin-top:10px;
} 
.item_kyujin a{
	color:#ff5f9a;
	font-size:16px;
	font-weight:bold;
	text-decoration:underline;
	display:block;
	margin:10px 0;
}
.catch_kyujin{
	word-break:normal;
	margin-bottom:10px;
}
.data_kyujin li{
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow:hidden;
}
.data_kyujin li+li{
	margin-top:1px;
}
.data_kyujin li:before{
	content:"";
	width:10px;
	height:10px;
	display:inline-block;
	vertical-align:middle;
	margin:-2px 5px 0 0;
}
.jobtype:before{
	background:#ff5f9a;
}
.data_kyujinArea:before{
	background:#83f486;
}
.salary:before{
	background:#ffb400;
}
.qualification:before{
	background:#d688fb;
}
/*------------------------------------------------------------
　バナー
-------------------------------------------------------------*/
.option{
	position:relative;
	padding:20px 0;
}
.item_option{
	padding:0 10px;
}
.item_option+.item_option{
	border-top:1px dashed #c1c1c1;
	padding-top:10px;
	margin-top:10px;
}
.option:before,.option:after{
	content:"";
	width:100%;
	height:10px;
	background:url(../images/area/bg_parts1.png);
	background-size:4px 4px;
	position:absolute;
	left:0;
}
.option:before{
	top:0;
}
.option:after{
	bottom:0;
}
.option h4{
	position: relative;
	color:#a02200;
	margin-bottom:15px;
	padding: 0 10px 0 38px;
}
.option h4:before{
	background-position: 0 -115px;
}
.option a{
	color:#ff5f9a;
	font-size:16px;
	font-weight:bold;
	text-decoration:underline;
	display:block;
	margin-bottom:10px;
}
.text_option{
	width:100%;
	display:table-cell;
	vertical-align:top;
	padding-left:10px;
}

/*------------------------------------------------------------
　写真投稿
-------------------------------------------------------------*/
.box_pictureS{
	width:100%;
	display:table;
	border-spacing:10px 10px;
}
.item_pictureS{
	text-align:center;
	width:33%;
	display:table-cell;
	vertical-align:top;
}
.box_imgPictureS{
	border:1px solid #ddd;
	padding:4px;
	margin-bottom:5px;
}
.img_pictureS{
	display:block;
	overflow:hidden;
}
.shop_pictureS{
	color:#5f96e8 !important;
}
.type_pictureS{
	color:#666;
	font-size:12px;
	margin:5px 0;
}
/*------------------------------------------------------------
　おすすめエリア
-------------------------------------------------------------*/
.sec09 .box_area li a{
	height:56px;
	line-height:56px;
	padding:0;
}
.line2{
	line-height:inherit;
	padding:10px 10px 0;
}