@charset "UTF-8";



/* root */
:root {
	--about-text-bg:#69BBC8;
	--benefits-contents-bg:#D83C7B;
	--benefits-contents-inner-bg:#FFE5F0;
	--benefits-ttl-color:#D83C7B;
	--benefits-text-color:#1A1A1A;
	--job-list-bg:#292929;
	--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:#3C3C3C;
}



/* about */
.about_list {display:flex;}

.about_list ul {
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	align-items:center;
	flex:1;
}

.about_list ul li {
	width:calc(33.3% - 4px);
	margin:6px 6px 0 0;
}

.about_list ul li:nth-of-type(-n+3) {margin-top:0;}

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

.about_girl_image {
	width:24%;
	max-width:502px;
	margin-left:16px;
	display:flex;
	align-items:flex-end;
}

.about_text {margin-top:24px;}

.about_text p:nth-of-type(1) {
	width:72%;
	margin:0 auto 16px;
	padding:1px;
	border:1px solid var(--about-text-bg);
}

.about_text p:nth-of-type(1) span {
	height:3.2rem;
	color:var(--fujin-ttl-color);
	font-weight:700;
	line-height:3.2rem;
	text-align:center;
	display:block;
	background:var(--about-text-bg);
}

.about_text p:nth-of-type(2) span {
	margin-top:16px;
	font-size:1.4rem;
	font-weight:700;
	text-align:center;
	display:block;
}


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

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

	.about_text p:nth-of-type(1) {
		width:400px;
		margin:0 auto 24px;
		padding:2px;
	}

	.about_text p:nth-of-type(1) span {
		height:4rem;
		line-height:4rem;
	}

	.about_text p:nth-of-type(2) span {
		margin-top:24px;
		font-size:1.6rem;
	}
}



/* girls */
.girls_list {
	display:flex;
	flex-wrap:wrap;
}

.girl {
	width:calc(50% - 8px);
	margin:16px 16px 0 0;
}

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

.girl:nth-of-type(even) {margin-right:0;}

.girl_detail {
	margin-top:4px;
	padding:8px 0;
	text-align:center;
	border-top:3px double #FFF;
	border-bottom:3px double #FFF;
}


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

	.girl {
		width:calc(25% - 18px);
		margin:0 24px 0 0;
	}

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

	.girl:nth-of-type(even) {margin-right:24px;}

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



/* benefits_contents */
.benefits_contents {
	padding:2px;
	border-radius:8px;
	background:var(--benefits-contents-bg);
}

.benefits_contents_inner {
	padding:24px;
	border-radius:8px;
	background:var(--benefits-contents-inner-bg);
}

.benefits_ttl {
	margin-bottom:16px;
	color:var(--benefits-ttl-color);
	font-weight:700;
	text-align:center;
	display:flex;
	justify-content:center;
	align-items:center;
}

.benefits_ttl::before,
.benefits_ttl::after {
	height:2px;
	flex-grow:1;
	content:"";
	background:var(--benefits-ttl-color);
}

.benefits_ttl::before {margin-right:8px;}

.benefits_ttl::after {margin-left:8px;}

.benefits_02 {margin:24px 0;}

.benefits_text {
	color:var(--benefits-text-color);
	text-align:center;
}


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

	.benefits_ttl {
		margin-bottom:24px;
		font-size:1.8rem;
	}

	.benefits_ttl::before {margin-right:24px;}

	.benefits_ttl::after {margin-left:24px;}

	.benefits_02 {margin:48px 0;}
}



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

.back_01_ttl,
.back_02_ttl {
	margin-bottom:16px;
	padding-top:16px;
	font-weight:700;
	text-align:center;
	background-position:center top;
	background-size:16px;
	background-repeat:no-repeat;
}

.back_01_ttl {background-image:url("../images/fujin/ttl_back_01.png");}
.back_02_ttl {background-image:url("../images/fujin/ttl_back_02.png");}

.back_01_ttl span,
.back_02_ttl span {
	padding:4px 16px 0;
	border-top:1px solid #FFF;
	display:inline-block;
}

.back_01_contents,
.back_02_contents {
	padding:2px;
	border:2px solid #FFF;
}

.back_01_contents_inner,
.back_02_contents_inner {
	padding:24px;
	border:1px solid #FFF;
}

.back_01_contents_inner ul li,
.back_02_contents_inner ul li {
	margin-top:8px;
	text-align:center;
}

.back_01_contents_inner ul li:first-of-type,
.back_02_contents_inner ul li:first-of-type {margin-top:0;}

.back_01_contents_inner ul li p,
.back_02_contents_inner ul li p {
	padding:0 8px;
	font-size:1.4rem;
	font-weight:700;
	border-bottom:1px solid #FFF;
	display:inline-block;
}

.back_01_contents_inner ul li span:first-of-type,
.back_02_contents_inner ul li span:first-of-type {color:transparent;}

.back_01_contents_inner ul li span:last-of-type,
.back_02_contents_inner ul li span:last-of-type {color:#FFEFBF;}

.back_01_text,
.back_02_text {
	margin-top:16px;
	text-align:center;
}

.back_01_text p,
.back_02_text p {
	text-align:left;
	display:inline-block;
}

.back_text {margin-top:24px;}


@media screen and (min-width:768px) {
	.back_contents {
		display:flex;
		justify-content:space-between;
	}

	.back_01,
	.back_02 {width:calc(50% - 24px);}

	.back_02 {margin-top:0;}

	.back_01_ttl,
	.back_02_ttl {
		margin-bottom:24px;
		padding-top:20px;
		background-size:20px;
	}

	.back_01_ttl span,
	.back_02_ttl span {padding:8px 24px 0;}

	.back_01_contents_inner,
	.back_02_contents_inner {padding:48px;}

	.back_01_contents_inner ul li p,
	.back_02_contents_inner ul li p {font-size:1.6rem;}

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



/* salary standard_list */
.standard_list {
	margin-top:24px;
	padding:1px;
	color:#1A1A1A;
	background:#D83C7B;
}

.standard_list_ttl {
	padding:8px;
	font-weight:700;
	text-align:center;
	background:#FFEDBD;
}

.standard_list ul li {
	margin-top:1px;
	padding:8px;
	text-align:center;
	background:#FFF8E4;
}

.standard_list ul li span {color:transparent;}


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

	.standard_list_ttl {padding:16px;}

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



/* salary date_list */
.date_list {
	margin-top:24px;
	padding:1px;
	color:#1A1A1A;
	background:#D83C7B;
}

.date_list_ttl {
	padding:8px;
	font-weight:700;
	text-align:center;
	background:#BDEDFF;
}

.date_list ul li {
	margin-top:1px;
	padding:8px;
	text-align:center;
	background:#E9F9FF;
}

.date_list ul li span {color:transparent;}


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

	.date_list_ttl {padding:16px;}

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



/* salary kiwami_list */
.kiwami_list {
	margin-top:24px;
	padding:1px;
	color:#1A1A1A;
	background:#D83C7B;
}

.kiwami_list_ttl {
	padding:8px;
	font-weight:700;
	text-align:center;
	background:#BDFFCB;
}

.kiwami_list ul li {
	margin-top:1px;
	padding:8px;
	text-align:center;
	background:#E9FFF2;
}

.kiwami_list ul li span {color:transparent;}


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

	.kiwami_list_ttl {padding:16px;}

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



/* salary option_list */
.option_list {
	margin-top:24px;
	padding:1px;
	color:#1A1A1A;
	background:#D83C7B;
}

.option_list_ttl {
	padding:8px;
	font-weight:700;
	text-align:center;
	background:#FFDEE9;
}

.option_list ul {
	display:flex;
	flex-wrap:wrap;
}

.option_list ul li {
	width:50%;
	margin-top:1px;
	padding:8px;
	text-align:center;
	display:flex;
	justify-content:space-between;
	box-sizing:border-box;
}

.option_list ul li:nth-of-type(odd) {background:#FAF0F4;}

.option_list ul li:nth-of-type(even) {
	width:calc(50% - 1px);
	margin-left:1px;
	background:#FFF6F9;
}

.option_list ul li span {width:calc(50% - 8px);}

.option_list ul li span:nth-of-type(1) {text-align:right;}
.option_list ul li span:nth-of-type(2) {text-align:left;}


@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;
	color:#1A1A1A;
	background:#D83C7B;
}

.zappi_list_ttl {
	padding:8px;
	font-weight:700;
	text-align:center;
	background:#FFDEE9;
}

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


@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;
	color:#1A1A1A;
	background:#D83C7B;
}

.invoice_list_ttl {
	padding:8px;
	font-weight:700;
	text-align:center;
	background:#FFEDBD;
}

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


@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/fujin/ttl_backup.png");
}

.backup_ttl span {
	height:4rem;
	color:#FFF;
	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 #FFF;
	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:#FFF;
	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;
	color:#1A1A1A;
	background:#D83C7B;
}

.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:#FFDEE9;}
.backup_list ul li:nth-of-type(even) {background:#FFF6F9;}

.backup_list ul li span {
	margin-top:4px;
	color:#D83C7B;
	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;
	color:#1A1A1A;
	background:#D83C7B;
}

.salary_point_list_ttl {
	padding:8px;
	font-weight:700;
	text-align:center;
	background:#FFEDBD;
}

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


@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_text */
.salary_point_text {
	margin-top:24px;
	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_text {font-size:1.4rem;}

.job_point_list {
	margin-top:24px;
	color:#1A1A1A;
}

.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:#D83C7B;
	background:#FFE5F0;
}

.job_point_list ul li p:first-of-type {
	color:#D83C7B;
	border-bottom-color:#D83C7B;
}


@media screen and (min-width:768px) {
	.job_text {
		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;}
}



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

.office_ttl {
	margin-bottom:24px;
	text-align:center;
}

.office_ttl span {
	padding:0 8px;
	font-size:1.6rem;
	font-weight:700;
	border-bottom:2px solid #FFF;
	display:inline-block;
}

.office_image {
	margin-top:24px;
	text-align:center;
}

.office_image img {max-width:754px;}

.office_explan_cont {margin-top:24px;}

.explan_01,
.explan_02 {
	padding-top:calc(1.6rem - 2px);
	position:relative;
}

.explan_ttl {
	width:64%;
	height:3.2rem;
	margin:auto;
	color:#FFF;
	text-align:center;
	line-height:3.2rem;
	border:1px solid #FFF;
	border-radius:8px;
	top:0;
	right:0;
	left:0;
	position:absolute;
	background:#D83C7B;
}

.office_explan_cont ul {
	padding:calc((1.6rem - 4px) + 24px) 24px 24px;
	color:#1A1A1A;
	border:2px solid #D83C7B;
	border-radius:8px;
	background:#FFE5F0;
}

.office_explan_cont ul li {margin-top:4px;}
.office_explan_cont ul li:first-of-type {margin-top:0;}

.explan_01 ul li {text-align:center;}

.explan_01 ul li p {display:inline-block;}

.explan_01 ul li:nth-of-type(1) p span {color:#E90000;}
.explan_01 ul li:nth-of-type(2) p span {color:#00A2FF;}

.explan_02 {margin-top:24px;}

.explan_02 ul li p span {color:#D83C7B;}

.explan_text {margin-top:24px;}


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

	.office_ttl {margin-bottom:48px;}

	.office_ttl span {
		padding:0 24px;
		font-size:1.8rem;
	}

	.office_text {text-align:center;}

	.office_explan_cont {
		margin-top:48px;
		display:flex;
		justify-content:space-between;
	}

	.explan_01,
	.explan_02 {
		width:calc(50% - 24px);
		padding-top:calc(2rem - 2px);
		box-sizing:border-box;
	}

	.explan_ttl {
		height:4rem;
		line-height:4rem;
	}

	.office_explan_cont ul {padding:calc((2rem - 4px) + 48px) 48px 48px;}

	.explan_02 {margin-top:0;}

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



/* 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:#D83C7B;
}

.recruit_info_list p:first-of-type {
	padding:8px;
	color:#1A1A1A;
	font-weight:700;
	text-align:center;
	background:#FFEDBD;
}

.recruit_info_list p:last-of-type {
	padding:8px;
	color:#1A1A1A;
	text-align:center;
	background:#FFF8E4;
}


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

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