@charset "UTF-8";

.pc { display: block !important; }
.sp { display: none !important; }

body {
	background:#fbf6f3;
}
main {
	padding-top:120px;
}
.inedex_body main {
	padding: 0;
}
figure {
	text-align:center;
}
section:not(.pickup) {
	margin-bottom: 20px;
}
.inner {
	padding:10px;
}
/*************************年齢認証******************************************/
.home_content {
}

.home_header p {
	text-align: center;
    background: #343434;
    color: #fff;
	font-size: 0.75em;
}

.home_heading,
.home_footer {
	background:#e0cfbe;
	color:#fff;
}
.home_heading,
.home_copyright,
h_description {
	text-align:center;
}
.home_bg {
	background: url(../images/door_image.png) center top / cover no-repeat;
	padding-top: 82%;
	position:relative;
}
.home_heading2 {
	width: 65%;
	position: absolute;
	top: 25%;
	left: 5%;
}
.notification {
	position: absolute;
	top: 3%;
	left: 5%;
	background: #bf8e63;
	color: #fff;
	border-radius: 10px;
	padding: 0.5% 2%;
	font-size: 90%;
}
.enter_content {
	background: rgba(255,255,255,0.7);
	position: absolute;
	bottom: 5%;
	left: 5%;
	width: 65%;
	padding: 3%;
}
.leave {
	text-align:right;
	font-size: 80%;
}

.leave a:link,
.leave a:visited {
  color: #00f;
}
.leave a:hover {
  color: #f03;
}

.h_description {
	padding: 3%;
	color:735134;
}
.less_than {
	font-size: 0.8em;
	text-align: center;
	margin-top: 2%;
}
.leave {
	text-align: right;
	margin-top: 2%;
	text-decoration:underline;;
}

/*奥様の実話のこと教えて*/
.inner.bt_box_inner {
	padding-top: 56.25%;
	background: url(../images/bt_image02.png) center top / contain no-repeat;
	position: relative;
}
.bt_box {
	position: absolute;
	right: 0;
	top: 10px;
}


/*************************ヘッダー*************************************/


.header .spflex.titlebox,
.fontsize_choice.spflex {
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;	
}
.header .spflex.titlebox {
	-ms-flex-align: end;
	align-items: flex-end;
}
.titlebox {
	padding: 5px;
}
.titlebox .logo,.titlebox .header_contact {
	width:160px;
}
.breadcrumb {
	background: #343434;
	color: #fff;
}
.breadcrumb a {
	color: #fff;
}


/*************************ヘッダー*************************************/

.logo {
}
.header_contact {
}
.nav.global-nav {
	width: 100%;
	margin: auto;
}
.header{
	position: fixed;
	z-index: 999;
	top: 0;
	background: #fff;
	box-shadow: 0px 3px 2px #a3918c;
	width: 100%;
}
.nav_list.spflex {
	max-width: 800px;
	margin: 0 auto;
}
.nav_list a:hover {
  opacity: 0.7;
}
.header .spflex.titlebox,
.fontsize_choice.spflex {
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;	
}
.header .spflex.titlebox {
	-ms-flex-align: end;
	align-items: flex-end;

}
.titlebox {
	padding: 5px;
}
.breadcrumb {
	background: #343434;
	padding: 0 10px;
}
.breadcrumb a {
	color: #fff;
}
.breadcrumb li::after {
  content: ">";
	display: inline-block;
	padding: 0 10px;
}
.breadcrumb li:last-child::after {
  content: none;
}


.fontsize_choice.spflex {
	align-items: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
/********************ナビゲーション************************/
.nav_list li {
	width: calc(100% / 5);
	padding: 5px;
	font-size: 0;
	border-right: 1px solid #a68971;
}
.nav_list li a {
	display: block;
	width: 100%;
	display: inline-block;
	content: "";
	height: 50px;
}
.nav_list li.home {
	border-left: 1px solid #a68971;
}
.nav_list .home a{
	background:url(../images/icon_home.png) center top / contain no-repeat;
}
.nav_list .recruitment a{
	background:url(../images/icon_Recruitment.png) center top / contain no-repeat;
}
.nav_list .salary a{
	background:url(../images/icon_salary.png) center top / contain no-repeat;
}
.nav_list .questtion a{
	background:url(../images/icon_q&a.png) center top / contain no-repeat;
}
.nav_list .group a{
	background:url(../images/icon_group.png) center top / contain no-repeat;
}

.fontsize_choice {
	background: #e9cdc9;
	box-shadow: 0px 3px 2px #a3918c inset;
	padding: 5px;
}
.fontsize_choice p {
	font-weight: bold;
}
.fontsize_choice.spflex ul li {
	font-weight: bold;
}
.fontsize_choice.spflex ul li a {
	color: #e08672;
	background: #fff;
}

/*****************************店長のつぶやき***********************************/
.tweet_list li {
	width: calc(100% / 3);
	text-align: center;
}
.shop_boss {
	text-align: center;
}
/*****************************新着***********************************/

.updata_blog {
	padding-top: 10px;
}
.blog_content h3 {
	color: #cf4747;
	font-weight: bold;
}
.updata ul li figure,
.women_voice ul li figure {
	width: 40%;
	margin-right: 3%;
}
.blog_content {
	width: 68%;
}
.blogmore {
	text-align: right;
	color: #cf4747;
}
/*****************************在籍女性の声***********************************/
.women_voice .updata_blog {
	margin-bottom:20px;
}

/******************************教えて先輩******************************************************/
.ownerItemList, .group_list01.spflex {
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.ownerList li {
	line-height: 1.5;
	border: solid 1px #dcc0a8;
	border-radius: 5px;
	margin-bottom: 15px;
}

.ownerList li a {
	color: #000;
	padding: 15px;
	display: block;
	overflow: hidden;
}
.ownerSubTtl {
	line-height: 1.2;
	margin-bottom: 15px;
}
.ownerItemBox {
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-align: end;
	align-items: flex-end;

	margin-top: 5px;
	width: 70%;
}
.ownerList li span {
	color: #fff;
	padding: 0px 12px;
	margin-right: 5px;
	margin-bottom: 5px;
}
.ownerList li span.interview {
	background:#65a779;
}
.ownerList li span.owner_work {
	background:#a780d0;
}
.ownerList li span.owner_salary {
	background:#dd8786;
}	
.ownerList li span.owner_treatment {
	background:#e07cde;
}
.ownerList li span.owner_other {
	background:#c6aa82;
}
.ownerList li .owner_answer {
	color: #da665f;
	padding: 0;
	margin: 0;
	text-align: right;
	width: 30%;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;	
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
}
.owner_more {
	text-align: right;
}
.owner_more a {
	color: #da665f;
	padding: 0 10px;
}
.form-button {
	margin: 20px 0;
}
/*****************************お問い合わせ***********************************/
.contact_form {
	background: #463d2e;
	padding: 10px;
}
.contact_form .spflex {
	justify-content: space-between;
}
.contact_form .spflex li {
	width: 49%;
}
.contact_btn li {
	position: relative;
}
.c_tel_btn {
	position: absolute;
	top: 46%;
	left: 5%;
}
.c_mail_btn {
	position: absolute;
	bottom: 8%;
	left: 5%;
}
/********************************バナーエリア**************************************************/
.bnr_content figure {
	margin-bottom: 20px;
}

.slick-slide img {
    width: 100%;
    margin: auto;
}
/**********************************オフィシャル***********************************************************/
.area_review ul li {
	margin-bottom: 10px;
}

/**********************************教えて先輩***********************************************************/

.Tellme_senior .title {
  width: 50%;
  padding-left: 15px;
}
.pickup p {
	margin-bottom: 10px;
}
.pickup ul li {
	width: 48%;
}
.pickup ul {
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

/*************************収入例**********************************************/
.inner.salary_bt_box {
	padding-top: 56.25%;
	background: url(../images/wwork01.png) center top / contain no-repeat;
	position: relative;

}
.salary_box_list {
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;

}
.salary_tax {
	font-size: 0.75em;
}
/****************************************フッター***************************************************************/
footer {
	background: #463d2e;
	text-align: right;
}
footer.footer a {
	color:#c6ab82;
}

.copyright {
	position: relative;
	padding: 15px 0;
	text-align: center;
}
.copyright span {
	position: fixed;
	right: 1%;
	bottom: 2%;
	text-align: right;
}
.copyright span img {
	width: 50%;
}
/*************************************下層ページ*************************************/

/*************************************衛生管理*************************************/
h3.title {
	font-size: 1.2em;
	font-weight: bold;
	color: #eb6877;
	padding: 2% 3%;
	margin: 0 0 5%;
	border-left: 5px solid #eb6877;
	border-bottom: 1px solid #eb6877;
}
.underlayer_inner_txt {
	line-height: 1.8;
}
.hm_list li {
	background: #ffff;
	line-height: 1.8;
	color: #eb6877;
	padding: 2%;
	margin-bottom: 3%;
}
.hm_list2 li {
	margin-bottom: 3%;
	padding-left: 2em;
	text-indent: -1em;

}
.hm_list2 .mail_check{
	padding-left: 4%;
	text-indent: 0;
}

/**********************************講習***************************************/
h4.title {
	font-size: 1.2em;
	font-weight: bold;
	color: #eb6877;
}
h4.title::before {
	content: "■";
	color: #eb6878;
	font-size: 2em;
	vertical-align: middle;
}
/**********************************未経験***************************************/

.Inexperience_txt {
	background: #fff0e9;
	padding: 2% 3%;
	border: solid 1px #eed7d5;
	border-radius: 5px;
}
.Inexperience_p {
	text-align:center;
}
.a_color {
	color:#755849;
}
.c_color {
	color:#eb6877;
}
/**********************************給料システム***************************************/

.salary_title {
	color: #e96675;
	font-size: 1.5em;
	font-weight: bold;
}
.salary_title02 {
	background: #f72e8d;
	color: #fff;
	text-align: center;
	padding: 2%;
	font-size: 1.2em;
}
.name_point {
	color: #f72e8d;
	text-align: center;
	font-size: 1.5em;
	border: solid 1px #f72e8d;
	padding: 1%;
}
dl.salary_list01 dt, .salary_list02 dt {
	width: 40%;
	height: 40px;
	font-weight: bold;
	color: #000;
	line-height: 40px;
	border: 1px solid #c7c7c7;
	box-sizing: border-box;
	background: #ffe4e9;
	text-align: center;
}
dl.salary_list01 dt:first-child {
	background: #ff97b0;
}

dl.salary_list01 dd:nth-of-type(1) {
	background: #ff7292;
	color:#fff;
}
dl.salary_list01 dd, .salary_list02 dd {
	padding: 0;
	width: 60%;
	height: 40px;
	line-height: 40px;
	color: #fe55b2;
	border: 1px solid #c7c7c7;
	box-sizing: border-box;
	text-align: center;
}
.salary_list01.spflex, .salary_list02.spflex {
	-ms-flex-wrap: wrap;
  	flex-wrap: wrap;
}

.salary_list03 {
	width: 100%;
	text-align: center;
	border: 1px solid #c7c7c7;
}
.salary_list03 tr:not(:last-child) {
	border: 1px solid #c7c7c7;
}
.salary_course {
	font-weight:bold;
	background: #ffe4e9;
}
.salary_list03 .c_color {
	border-right:1px solid #c7c7c7;
	border-left:1px solid #c7c7c7;
	font-weight: bold;
}
.salary_list03 th, .salary_list03 td {
	height: 40px;
	line-height: 40px;
}
/***************************************入店までの流れ**************************************************/

.flow_content {
	position:relative;
}
.flow_content .stepMail {
	position: absolute;
	width: 94%;
	height: 40px;
	bottom: 20%;
	left: 10px;
	top: 7.5%;
}


/**********************************Q&A***************************************/

h3.title, .secTtl {
	font-size: 1.2em;
	font-weight: bold;
	color: #eb6877;
	padding: 2% 3%;
	margin: 0 0 5%;
	border-left: 5px solid #eb6877;
	border-bottom: 1px solid #eb6877;
}
.tabList .accordion-container .article-title {
	background:#ddccd3;
}
.tabList .accordion-container {
	padding:0;
}
.tabList .article-title::after {
	right: 15px;
}

/************************************新人応援***************************************************/
.campaign_txt {
}
.p_color {
	display: block;
	color: #FF0000;
	font-size: 1.5em;
	font-weight: bold;
	border-bottom: 1px solid #FF0000;
}
.p_color2 {
	color: #FF0099;
		font-weight: bold;

}

/************************************募集要項***************************************************/
.recruitment table {
	text-align: left;
	display: table;
	padding: 0 15px;
	table-layout:fixed;
	border-collapse: separate;
}
.recruitment table tr {
	width: 100%;
	padding: 0 60px;
	position:relative;
}
.recruitment table th {
	width: 33%;
	background: #fef2e2;
}
.recruitment table td {
	padding: 28px 0;
	line-height: 1.5;
}

tr, td, th {
	border-top: #000 1px dashed;
}
.tableLayout {
	display: flex;
	flex-wrap: wrap;
	border-top: 1px solid #725546;
	border-left: 1px solid #725546;
	border-right: 1px solid #725546;
	width: 100%;
	margin: 0 auto 0px;
}
.tableLayout a {
	color: #1972f8;
	text-decoration: underline;
}
#recruit dl:last-child {
	border-bottom: 1px solid #725546;
}
.tableLayout dt {
	background: #e8cec8;
	width: 25%;
	padding: 10px;
	box-sizing: border-box;
	color: #715645;
	font-weight: bold;
	border-right: solid 1px #725546;
}
.tableLayout dd{
	padding: 10px;
	margin: 0;
	width: 75%;
	background: #fff;
	box-sizing: border-box;
}


/***************************************男性スタッフ**************************************************/
.staff_heading {
	color: #eb6877;
	font-size: 1.6em;
	text-align: center;
	font-weight: bold;
	border-bottom:1px solid #eb6877;
}
.staff_heading2 {
	color: #eb6877;
	font-size: 1.3em;
	text-align: center;
	font-weight: bold;
}
/***************************************グループ**************************************************/
dl.group_list01 dt {
	width: 30%;
    color: #000;
    border: 1px solid #a58b74;
    box-sizing: border-box;
    background: #ffdddb;
    padding: 2%;
    border-top: none;
    border-right: none;
}
dl.group_list01 dd {
	color: #1e1e1e;
    padding: 0;
    width: 70%;
    border: 1px solid #a58b74;
    box-sizing: border-box;
    text-align: center;
    padding: 2%;
    border-top: none;
}
.group_heading {
	background: #e8d8c8;
	color: #eb6877;
	padding: 2% 3%;
	font-size: 1.2em;
	font-weight: bold;
	position: relative;
	box-shadow: 0px 1px 0px #a58b74;
	margin-bottom:1px; 
}
.group_heading::before {
	content: "■";
	margin-right: 1%;
}
.group_content .accordion-content {
	padding: 0;
	background: #fff;
}
.group_content .article-title::after {
	right: 15px;
}
.group_content a {
	color:#0166ff;
}
.t_right {
	text-align: right;
}
.u_line {
	text-decoration: underline;
}

/***************************************動画**************************************************/
.movie_content h3.title {
	background: #dd8786;
	color: #fff;
	border: none;
	text-align: center;
	padding:1%;
}
/***************************************新着情報**************************************************/
.news_content .newsTitle {
	background: #dd8786;
	color: #fff;
	padding: 10px;
}
.news_content .newsDate {
	font-size: 12px;
	text-align: right;
}
.news_content .newsBody {
	padding: 15px 10px 0;
}
.news_content .newsBody .newsPhoto {
	width: 100%;
	text-align: center;
}


.previous {
	margin: 0 auto 30px;
}
.previous::after {
	content: '';
	display: block;
	clear: both;
}
.previous li {
	width: 48%;
	text-align: center;
}
.previous li.new {
	float: left;
}
.previous li.old {
	float: right;
}
.previous li a {
	padding: 3% 10%;
	color: #fff;
	background: #463d2e;
	border-radius: 5px;
	display: block;
	margin-right: 5%;
}

/***************************************お問い合わせ**************************************************/

.contact_btn.spflex li:not(:last-child) {
	margin-right: 2%;
}
/***************************************嘘の広告**************************************************/


.lie_back {
	background: #f2e6d0;
	padding: 2% 3%;
}
/***************************************応募**************************************************/

.form_ttl {
	background:#dd8786;
	color:#fff;
	text-align:center;
	padding:10px;
}
.carrierList li a {
	background: #c6c582;
	color: #fff;
	display: block;
	border-radius: 5px;
	padding: 5px 0;
}
.carrierList li {
	width: 32%;
	text-align: center;
}
.carrierList li:not(:last-child) {
	margin-right: 2%;
}
.domain_list li {
	border-bottom: 1px dotted #ccc;
	margin-bottom: 5px;
	padding-bottom: 5px;
}


.question_txt {
	text-decoration:underline;
	text-align:center;
}
/*************************教えてオーナー**********************/
.categoryList {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-wrap: wrap;
  	flex-wrap: wrap;
	margin:10px 0;
}
.categoryList li {
	width:32%;
}
.categoryList a {
	display: block;
	padding: 5px;
	text-align: center;
	color: #000;
	border: 1px solid rgba(0, 0, 0, 0.3);
	box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.3);
	margin-bottom: 5px;
	border-radius: 5px;
}
.categoryList a.active {
	background: #725547;
	color: #fff;
}
.owner_tell .btn {
	background: #d34947;
	color: #fff;
	display: block;
	text-align: center;
	border-radius: 5px;
	padding: 10px;
	margin-top: 20px;
}
.btn.submitBtn {
	background: #725547;
	color: #fff;
	display: block;
	text-align: center;
	border-radius: 5px;
	padding: 10px;
	margin-top: 20px;
}
.owner_tell .btn-qsend {
	width: 100%;
}
.owner_tell .btn-qcancel {
	width: 100%;
	background-color: #aeaeae;
}

.btn.formLink {
	background:#d34947;
}
.baloon01 {
	position: relative;
	display: inline-block;
	padding: 15px;
	color: #443a2e;
	background: #FFF;
	border: solid 2px #715645;
	box-sizing: border-box;
	border-radius: 5px;
	min-width:95%;
}
.baloon01::before {
	content: "";
	position: absolute;
	top: 50%;
	right: -23px;
	margin-top: -23px;
	border: 12px solid transparent;
	border-left: 12px solid #FFF;
	z-index: 2;
}
.baloon01::after {
	content: "";
	position: absolute;
	top: 50%;
	right: -28px;
	margin-top: -24px;
	border: 14px solid transparent;
	border-left: 14px solid #715645;
	z-index: 1;
}
.baloon02 {
	position: relative;
	display: inline-block;
	padding: 7px 10px;
	min-width: 120px;
	max-width: 100%;
	color: #443a2e;
	background: #FFF;
	border: solid 2px #dc7371;
	box-sizing: border-box;
	border-radius: 5px;
	min-width: 95%;
}

.baloon02:before {
  content: "";
  position: absolute;
  top: 50%;
  left: -24px;
  margin-top: -15px;
  border: 12px solid transparent;
  border-right: 12px solid #FFF;
  z-index: 2;
}

.baloon02:after {
  content: "";
  position: absolute;
  top: 50%;
  left: -29px;
  margin-top: -17px;
  border: 14px solid transparent;
  border-right: 14px solid #d34949;
  z-index: 1;
}
.blnBox_r {
	margin-bottom: 20px;
	width: 90%;
	margin-right: 0;
	margin-left: auto;
	padding-right: 10px;
}
.blnBox_l {
	width: 90%;
	padding-left: 10px;
}
.baloon_h {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	color: #343434;
}
.question_listbtn a {
	background: #d24948;
	color: #fff;
	display: block;
	width: 100%;
	padding: 15px;
	border-radius: 5px;
	font-size: 18px;
	text-align: center;
}
.question_formbtn a {
	background:#c6aa82;
	color: #fff;
	display: block;
	width: 100%;
	padding: 15px;
	border-radius: 5px;
	font-size: 18px;
	text-align: center;
}

/***********************************在籍女性の声*********************************************/
.voice_content .profile {
	margin-bottom: 30px;
}
.voice_content .profile .w_name {
	font-size: 21px;
}

.voice_heading {
	background: #dd8786;
	color: #fff;
	padding: 10px;
}
.voice_list figure {
	width: 40%;
	margin-right: 2%;
}
.voice_list .profile {
	width:58%;
}
/***********************************在籍女性の声 詳細*********************************************/
.area_shop {
	background:#c6aa82;
	padding:1% 2%;
	color:#fff;
	display: inline-block;
}
.voice_qu {
	text-decoration:underline;
}
.voice_detail_content img {
	width: 100%;
}


/***********************************サイトマップ*********************************************/

.sitemap_list li a {
	color: #dd8786;
	text-decoration: underline;
	padding: 10px;
	background: #fff;
	display: block;
	margin-bottom: 10px;
}
.sitemap_list li a::before {
	content: "▲";
	display: inline-block;
	transform: rotate(90deg);
	color: #dd8786;
	margin-right: 10px;
}