@charset "UTF-8";



/* root */
:root {
	--girl-border:linear-gradient(to right, #AD8200, #FFF5D9 50%, #AD8200 100%);
	--girl-ttl-border:linear-gradient(to right, #AD8200, #FFF5D9 50%, #AD8200) 1;
	--girl-ttl-therapist-bg:url("../images/common/tiger_bg.png") 8px center / 2px no-repeat, url("../images/common/tiger_bg.png") right 8px center / 2px no-repeat, #402816;
	--girl-ttl-gold-bg:url("../images/common/tiger_bg.png") 8px center / 2px no-repeat, url("../images/common/tiger_bg.png") right 8px center / 2px no-repeat, #006603;
	--girl-ttl-platinum-bg:url("../images/common/tiger_bg.png") 8px center / 2px no-repeat, url("../images/common/tiger_bg.png") right 8px center / 2px no-repeat, #002266;
	--girl-ttl-diamond-bg:url("../images/common/tiger_bg.png") 8px center / 2px no-repeat, url("../images/common/tiger_bg.png") right 8px center / 2px no-repeat, #700000;
	--girl-ttl-special-bg:url("../images/common/tiger_bg.png") 8px center / 2px no-repeat, url("../images/common/tiger_bg.png") right 8px center / 2px no-repeat, #550066;
	--girl-ttl-royal-bg:url("../images/common/tiger_bg.png") 8px center / 2px no-repeat, url("../images/common/tiger_bg.png") right 8px center / 2px no-repeat, #34495E;
	--girl-ttl-color:linear-gradient(to top, #AD8200, #FFF5D9 50%, #AD8200);
	--girl-color:#ECB440;
	--salary-list-bg:#FFEBC2;
	--salary-list-odd-bg:#4C463D;
	--salary-list-even-bg:#5D554B;
	--salary-list-ttl-color:#1A1A1A;
	--job-rank-text-bg:#D6CABA;
	--job-rank-text-border:#4C463D;
	--job-rank-text-color:#4C463D;
	--job-list-bg:#4C463D;
	--message-text-span-color:#ECB440;
	--faq-list-bg:#FFF;
	--faq-list-color:#1A1A1A;
	--faq-q-bg:#FF8BD2;
	--faq-a-bg:#8BACFF;
	--faq-span-color:#FFF;
	--recruit-info-list-bg:#FFEBC2;
	--recruit-info-list-color:#1A1A1A;
	--recruit-info-list-p-bg:#4C463D;
}



/* about */
.about_list ul {
	display:flex;
	flex-wrap:wrap;
}

.about_list ul li {
	width:calc(25% - 3px);
	margin-right:4px;
}

.about_list ul li:nth-of-type(4n) {margin-right:0;}

.about_text {margin-top:24px;}


@media screen and (min-width:768px) {
	.about_list ul li {
		width:calc(25% - 18px);
		margin-right:24px;
	}

	.about_text {
		margin-top:48px;
		text-align:center;
	}
}



/* salary girl */
.girl {
	padding:24px 0;
	border-top:1px solid #FFF;
	border-image:var(--girl-border) 1;
	position:relative;
}

.girl::before {
	border-top:1px solid #FFF;
	border-image:var(--girl-border) 1;
	content:"";
	top:-4px;
	bottom:0;
	left:0;
	right:0;
	z-index:-1;
	position:absolute;
}

.girl:last-of-type {
	border-bottom:1px solid #FFF;
	border-image:var(--girl-border) 1;
}

.girl:last-of-type::before {
	border-bottom:1px solid #FFF;
	border-image:var(--girl-border) 1;
	content:"";
	top:0;
	bottom:-4px;
	left:0;
	right:0;
	z-index:-1;
	position:absolute;
}

.girl_ttl {
	width:72%;
	margin:0 auto 16px;
	padding:1px;
	text-align:center;
	border:1px solid;
	border-image:var(--girl-ttl-border);
}

.girl_ttl span {
	padding:8px 0;
	font-weight:700;
	display:block;
}

.girl_ttl .therapist {background:var(--girl-ttl-therapist-bg);}
.girl_ttl .gold {background:var(--girl-ttl-gold-bg);}
.girl_ttl .platinum {background:var(--girl-ttl-platinum-bg);}
.girl_ttl .diamond {background:var(--girl-ttl-diamond-bg);}
.girl_ttl .special {background:var(--girl-ttl-special-bg);}
.girl_ttl .royal {background:var(--girl-ttl-royal-bg);}

.girl_ttl span span {
	padding:0;
	color:transparent;
	display:inline !important;
	background:var(--girl-ttl-color) !important;
	-webkit-background-clip:text !important;
}

.girl_detail {
	display:flex;
	justify-content:center;
	align-items:center;
}

.girl_image {
	width:50%;
	margin-right:16px;
}

.girl_salary p:nth-of-type(1),
.girl_salary p:nth-of-type(3) {
	padding-left:8px;
	color:var(--girl-color);
	font-size:1.4rem;
	font-weight:700;
	border-left:6px solid var(--girl-color);
}

.girl_salary p:nth-of-type(2),
.girl_salary p:nth-of-type(4) {margin-top:4px;}

.girl_salary p:nth-of-type(2) {
	font-size:1.6rem;
	font-weight:700;
}

.girl_salary p:nth-of-type(3) {margin-top:24px;}

.girl_salary p:nth-of-type(5) {
	margin-top:4px;
	font-size:1rem;
	display:block;
}


@media screen and (min-width:768px) {
	#salary .sub_ttl br:last-of-type {display:none;}

	.girls_list {
		padding:48px 0;
		display:flex;
		flex-wrap:wrap;
		border-top:1px solid #FFF;
		border-bottom:1px solid #FFF;
		border-image:var(--girl-border) 1;
		position:relative;
	}

	.girls_list::before {
		border-top:1px solid #FFF;
		border-bottom:1px solid #FFF;
		border-image:var(--girl-border) 1;
		content:"";
		top:-4px;
		bottom:-4px;
		left:0;
		right:0;
		z-index:-1;
		position:absolute;
	}

	.girl {
		width:calc(50% - 24px);
		margin:48px 48px 0 0;
		padding:0;
		border:0;
		position:static;
	}

	.girl:nth-of-type(-n+2) {margin-top:0;}
	.girl:nth-of-type(2n) {margin-right:0;}

	.girl::before {border:0;}

	.girl:last-of-type {border:0;}

	.girl:last-of-type::before {border:0;}

	.girl_ttl {
		width:320px;
		margin:0 auto 24px;
	}

	.girl_image {margin-right:24px;}

	.girl_salary p:nth-of-type(1),
	.girl_salary p:nth-of-type(3) {
		font-size:1.8rem;
		border-left:8px solid var(--girl-color);
	}

	.girl_salary p:nth-of-type(2),
	.girl_salary p:nth-of-type(4) {margin-top:8px;}

	.girl_salary p:nth-of-type(2) {font-size:2rem;}

	.girl_salary p:nth-of-type(5) {
		margin-top:8px;
		font-size:1.2rem;
	}
}



/* salary girls_list_attention girls_list_text */
.girls_list_attention {margin-top:24px;}

.girls_list_text {
	margin-top:24px;
	font-size:1.4rem;
	text-decoration:underline;
}


@media screen and (min-width:768px) {
	.girls_list_attention {
		margin-top:48px;
		text-align:center;
	}

	.girls_list_text {
		font-size:1.8rem;
		text-align:center;
	}
}



/* salary option_list */
.option_list {
	margin-top:24px;
	padding:1px;
	background:var(--salary-list-bg);
}

.option_list_ttl {
	padding:8px;
	color:var(--salary-list-ttl-color);
	font-weight:700;
	text-align:center;
}

.option_list ul li {
	margin-top:1px;
	padding:8px;
	text-align:center;
}

.option_list ul li:nth-of-type(1) {margin-top:0;}

.option_list ul li:nth-of-type(odd) {background:var(--salary-list-odd-bg);}
.option_list ul li:nth-of-type(even) {background:var(--salary-list-even-bg);}


@media screen and (min-width:768px) {
	.option_list {margin-top:48px;}

	.option_list_ttl {padding:16px;}

	.option_list ul li {padding:16px;}
}



/* salary zappi_list */
.zappi_list {
	margin-top:24px;
	padding:1px;
	background:var(--salary-list-bg);
}

.zappi_list_ttl {
	padding:8px;
	color:var(--salary-list-ttl-color);
	font-weight:700;
	text-align:center;
}

.zappi_list ul li {
	margin-top:1px;
	padding:8px;
	text-align:center;
}

.zappi_list ul li:nth-of-type(1) {margin-top:0;}

.zappi_list ul li:nth-of-type(odd) {background:var(--salary-list-odd-bg);}
.zappi_list ul li:nth-of-type(even) {background:var(--salary-list-even-bg);}


@media screen and (min-width:768px) {
	.zappi_list {margin-top:48px;}

	.zappi_list_ttl {padding:16px;}

	.zappi_list ul li {padding:16px;}
}



/* salary invoice_list */
.invoice_list {
	margin-top:24px;
	padding:1px;
	background:var(--salary-list-bg);
}

.invoice_list_ttl {
	padding:8px;
	color:var(--salary-list-ttl-color);
	font-weight:700;
	text-align:center;
}

.invoice_list ul li {
	margin-top:1px;
	padding:8px;
	text-align:center;
}

.invoice_list ul li:nth-of-type(1) {margin-top:0;}

.invoice_list ul li:nth-of-type(odd) {background:var(--salary-list-odd-bg);}
.invoice_list ul li:nth-of-type(even) {background:var(--salary-list-even-bg);}


@media screen and (min-width:768px) {
	.invoice_list {margin-top:48px;}

	.invoice_list_ttl {padding:16px;}

	.invoice_list ul li {padding:16px;}
}



/* salary backup */
.backup {margin-top:24px;}

.backup_ttl {
	width:72%;
	margin:0 auto 24px;
	padding-top:48px;
	background-position:center top;
	background-size:32px;
	background-repeat:no-repeat;
	background-image:url("../images/tora/ttl_backup.png");
}

.backup_ttl span {
	height:4rem;
	color:var(--tora-sub-color);
	font-size:1.6rem;
	font-weight:700;
	font-family:"Libre Baskerville", "Noto Serif JP", serif !important;
	text-align:center;
	line-height:4rem;
	border:1px solid var(--tora-sub-color);
	display:block;
}


@media screen and (min-width:768px) {
	.backup {margin-top:48px;}

	.backup_ttl {
		width:400px;
		margin:0 auto 48px;
		padding-top:64px;
		background-size:48px;
	}

	.backup_ttl span {
		height:4.2rem;
		font-size:1.8rem;
		line-height:4.2rem;
	}
}



/* salary backup_text */
.backup_text p {display:inline-block;}

.backup_text p span {display:block;}

.backup_text p span:first-of-type {
	color:var(--tora-sub-color);
	font-size:1.4rem;
	text-decoration:underline;
}

.backup_text p span:last-of-type {text-align:right;}


@media screen and (min-width:768px) {
	.backup_text {text-align:center;}

	.backup_text p span:first-of-type {font-size:1.8rem;}
}



/* salary backup_list */
.backup_list {
	margin-top:24px;
	padding:1px;
	background:var(--salary-list-bg);
}

.backup_list_ttl {
	padding:8px;
	color:var(--salary-list-ttl-color);
	font-weight:700;
	text-align:center;
}

.backup_list ul li {
	margin-top:1px;
	padding:8px;
	text-align:center;
}

.backup_list ul li:nth-of-type(1) {margin-top:0;}

.backup_list ul li:nth-of-type(odd) {background:var(--salary-list-odd-bg);}
.backup_list ul li:nth-of-type(even) {background:var(--salary-list-even-bg);}

.backup_list ul li span {
	margin-top:4px;
	color:var(--tora-sub-color);
	display:block;
}


@media screen and (min-width:768px) {
	.backup_list {margin-top:48px;}

	.backup_list_ttl {padding:16px;}

	.backup_list ul li {padding:16px;}
}



/* salary_point_list */
.salary_point_list {
	margin-top:24px;
	padding:1px;
	background:var(--salary-list-bg);
}

.salary_point_list_ttl {
	padding:8px;
	color:var(--salary-list-ttl-color);
	font-weight:700;
	text-align:center;
}

.salary_point_list ul li {
	margin-top:1px;
	padding:8px;
	text-align:center;
}

.salary_point_list ul li:nth-of-type(1) {margin-top:0;}

.salary_point_list ul li:nth-of-type(odd) {background:var(--salary-list-odd-bg);}
.salary_point_list ul li:nth-of-type(even) {background:var(--salary-list-even-bg);}

.salary_point_list ul li span {display:none;}


@media screen and (min-width:768px) {
	.salary_point_list {margin-top:48px;}

	.salary_point_list_ttl {padding:16px;}

	.salary_point_list ul li {padding:16px;}

	.salary_point_list ul li span {display:inline;}

	.salary_point_list ul li br {display:none;}
}



/* salary_point_text */
.salary_point_text {
	margin-top:24px;
	color:var(--tora-sub-color);
	font-size:1.4rem;
	text-decoration:underline;
}


@media screen and (min-width:768px) {
	.salary_point_text {
		margin-top:48px;
		font-size:1.8rem;
		text-align:center;
	}
}



/* job */
#job .sub_ttl {
	margin-bottom:8px;
	font-size:1.4rem;
}

#job .sub_ttl_text {
	margin-bottom:24px;
	color:var(--aroma-sub-ttl-color);
}


@media screen and (min-width:768px) {
	#job .sub_ttl {
		margin-bottom:16px;
		font-size:2.4rem;
	}

	#job .sub_ttl_text {
		margin-bottom:48px;
		text-align:center;
	}
}



/* job rank_text */
.rank_text {
	margin-top:24px;
	padding:24px;
	color:var(--job-rank-text-color);
	font-weight:700;
	border:1px solid var(--job-rank-text-border);
	background:var(--job-rank-text-bg);
}

.rank_text p:first-of-type {
	padding-bottom:4px;
	border-bottom:1px solid var(--job-rank-text-border);
}

.rank_text p:last-of-type {margin-top:8px;}


@media screen and (min-width:768px) {
	.rank_text {padding:48px;}

	.rank_text p:first-of-type {padding-bottom:8px;}

	.rank_text p:last-of-type {margin-top:16px;}
}



/* job benefits_list */
.benefits_list ul {
	display:flex;
	flex-wrap:wrap;
}

.benefits_list ul li {
	width:calc(25% - 3px);
	margin:4px 4px 0 0;
}

.benefits_list ul li:nth-of-type(-n+4) {margin-top:0;}
.benefits_list ul li:nth-of-type(4n) {margin-right:0;}

.job_text {
	margin-top:24px;
	font-size:1.4rem;
}

.job_point_list {margin-top:24px;}

.job_point_list ul {
	padding:24px;
	border-width:1px;
	border-style:solid;
}

.job_point_list ul li {margin-top:16px;}

.job_point_list ul li:first-of-type {margin-top:0;}

.job_point_list ul li p:first-of-type {
	padding-bottom:4px;
	border-bottom-width:1px;
	border-bottom-style:solid;
}

.job_point_list ul li p:last-of-type {margin-top:8px;}

.job_point_list ul {
	border-color:var(--tora-sub-color);
	background:var(--job-list-bg);
}

.job_point_list ul li p:first-of-type {
	color:var(--tora-sub-color);
	border-bottom-color:var(--tora-sub-color);
}


@media screen and (min-width:768px) {
	.benefits_list ul li {
		width:calc(25% - 18px);
		margin:24px 24px 0 0;
	}

	.job_text {
		margin-top:48px;
		font-size:1.8rem;
		text-align:center;
	}

	.job_point_list {margin-top:48px;}

	.job_point_list ul {padding:48px;}

	.job_point_list ul li {margin-top:24px;}

	.job_point_list ul li p:first-of-type {padding-bottom:8px;}

	.job_point_list ul li p:last-of-type {margin-top:16px;}
}



/* message */
.message_text {
	padding-top:170px;
	background:url("../images/tora/torajiro.png") top center / 88px 146px no-repeat;
}

.message_text span {color:var(--message-text-span-color);}


@media screen and (min-width:768px) {
	.message_text {
		min-height:180px;
		padding:0 157px 0 0;
		background:url("../images/tora/torajiro.png") center right / 109px 180px no-repeat;
	}
}



/* faq */
.faq_list ul li {
	margin-top:16px;
	padding:24px;
	color:var(--faq-list-color);
	border-radius:8px;
	background:var(--faq-list-bg);
}

.faq_list ul li:first-of-type {margin-top:0;}

.faq_list ul li p:first-of-type,
.faq_list ul li p:last-of-type {
	display:flex;
	align-items:center;
}

.faq_list ul li p:first-of-type span:first-of-type,
.faq_list ul li p:last-of-type span:first-of-type {
	width:40px;
	height:40px;
	margin-right:8px;
	color:var(--faq-span-color);
	font-size:1.4rem;
	border-radius:88888888px;
	display:flex;
	justify-content:center;
	align-items:center;
}

.faq_list ul li p:first-of-type span:first-of-type {background:var(--faq-q-bg);}
.faq_list ul li p:last-of-type span:first-of-type {background:var(--faq-a-bg);}

.faq_list ul li p:first-of-type span:last-of-type,
.faq_list ul li p:last-of-type span:last-of-type {flex:1;}

.faq_list ul li p:last-of-type {margin-top:16px;}


@media screen and (min-width:768px) {
	.faq_list ul li {
		margin-top:24px;
		padding:48px;
	}

	.faq_list ul li p:first-of-type span:first-of-type,
	.faq_list ul li p:last-of-type span:first-of-type {
		width:48px;
		height:48px;
		margin-right:24px;
		font-size:1.6rem;
	}

	.faq_list ul li p:last-of-type {margin-top:24px;}
}



/* recruit_info */
.recruit_info_list {
	padding:1px;
	background:var(--recruit-info-list-bg);
}

.recruit_info_list p:first-of-type {
	padding:8px;
	color:var(--recruit-info-list-color);
	font-weight:700;
	text-align:center;
}

.recruit_info_list p:last-of-type {
	padding:8px;
	text-align:center;
	background:var(--recruit-info-list-p-bg);
}


@media screen and (min-width:768px) {
	.recruit_info_list p:first-of-type {padding:16px;}

	.recruit_info_list p:last-of-type {padding:16px;}
}


