@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(4n) {margin-right:6px;}

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

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

.about_text 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(25% - 18px);
		margin-right:24px;
	}

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

	.about_list ul li {
		width:calc(33.3% - 18px);
		margin:8px 24px 0 0;
	}

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

	.about_text span {
		margin-top:24px;
		font-size:1.6rem;
	}
}



/* salary girl */
.girl {
	padding:24px 8px;
	border-bottom:2px dashed #FFF;
}

.girl:first-of-type {padding-top:0;}

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

.girl_image {text-align:center;}

.girl_image img {width:72%;}

.girl_detail_cont {
	margin-top:8px;
	padding:2px;
	border-radius:8px;
	background:#FFF;
}

.girl_detail {
	padding:24px;
	color:#FFF;
	border-radius:8px;
	background:#F00;
	clip-path:polygon(0 16px, 16px 0, 100% 0, 100% 100%, 0 100%);
}

.girl_detail p {margin-top:8px;}

.girl_detail p span {color:#FFE79C;}

.girl_detail p:nth-of-type(1) {
	margin-top:0;
	text-align:center;
}

.girl_detail p:nth-of-type(1) span {
	width:80%;
	padding:4px 0;
	color:#F00;
	font-weight:700;
	border-radius:4px;
	display:inline-block;
	background:#FFF;
}

.girl_detail p:nth-of-type(4),
.girl_detail p:nth-of-type(6) {
	padding-left:8px;
	font-size:1.4rem;
	font-weight:700;
	border-left:6px solid #FFE79C;
}

.girl_detail p:nth-of-type(5) {
	font-size:1.4rem;
	font-weight:700;
}

.girl:nth-of-type(1) .girl_detail {background:#EA81C1;}
.girl:nth-of-type(1) .girl_detail p:nth-of-type(1) span {color:#EA81C1;}

.girl:nth-of-type(2) .girl_detail {background:#B881EA;}
.girl:nth-of-type(2) .girl_detail p:nth-of-type(1) span {color:#B881EA;}

.girl:nth-of-type(3) .girl_detail {background:#5CD9D2;}
.girl:nth-of-type(3) .girl_detail p:nth-of-type(1) span {color:#5CD9D2;}


@media screen and (min-width:768px) {
	.girl {
		padding:48px 0;
		display:flex;
		justify-content:center;
		align-items:center;
	}

	.girl_image {
		width:363px;
		margin-right:24px;
	}

	.girl_image img {width:363px;}

	.girl_detail_cont {
		width:calc(50% - 12px);
		margin-top:0;
		padding:4px;
	}

	.girl_detail {
		padding:48px;
		clip-path:polygon(0 32px, 32px 0, 100% 0, 100% 100%, 0 100%);
	}

	.girl_detail p {margin-top:24px;}

	.girl_detail p:nth-of-type(1) span {padding:8px 0;}

	.girl_detail p:nth-of-type(4),
	.girl_detail p:nth-of-type(6) {
		font-size:1.8rem;
		border-left:8px solid #FFE79C;
	}

	.girl_detail p:nth-of-type(5) {font-size:1.8rem;}
}



/* salary course_list */
.course_list_ttl {
	padding:8px;
	font-weight:700;
	text-align:center;
	border:1px solid #D3B051;
	background:#FFEDBD;
}

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

.course_list ul li {
	width:50%;
	padding:8px 0;
	border-right:1px solid #D3B051;
	border-bottom:1px solid #D3B051;
	display:flex;
	justify-content:center;
	align-items:center;
	box-sizing:border-box;
}

.course_list ul li:nth-of-type(odd) {border-left:1px solid #D3B051;}
.course_list ul li:nth-of-type(even) {flex:1;}

.course_list ul li:nth-of-type(1),
.course_list ul li:nth-of-type(4),
.course_list ul li:nth-of-type(5),
.course_list ul li:nth-of-type(8),
.course_list ul li:nth-of-type(9),
.course_list ul li:nth-of-type(12) {background:#FFF8E4;}

.course_list ul li:nth-of-type(2),
.course_list ul li:nth-of-type(3),
.course_list ul li:nth-of-type(6),
.course_list ul li:nth-of-type(7),
.course_list ul li:nth-of-type(10),
.course_list ul li:nth-of-type(11) {background:#FFFBF1;}

.course_list ul li span:first-of-type {
	width:6rem;
	margin-right:8px;
	text-align:left;
}

.course_list ul li span:last-of-type {
	width:6rem;
	text-align:right;
}


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

	.course_list_ttl {padding:16px;}

	.course_list ul li {padding:16px 0;}

	.course_list ul li span:first-of-type {
		width:7rem;
		margin-right:24px;
	}

	.course_list ul li span:last-of-type {width:7rem;}
}



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

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

.option_list ul li {
	padding:8px 0;
	border:1px solid #F06795;
	border-top:0;
	display:flex;
	justify-content:center;
	align-items:center;
}

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

.option_list ul li span:first-of-type {
	width:20rem;
	margin-right:8px;
	text-align:left;
}

.option_list ul li span:last-of-type {
	width:6rem;
	text-align:right;
}

.option_text {
	margin-top:8px;
	color:#FFF;
	font-weight:500;
}


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

	.option_list_ttl {padding:16px;}

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

	.option_list ul li {
		width:50%;
		padding:16px 0;
		border-right:1px solid #F06795;
		border-bottom:1px solid #F06795;
		border-left:0;
		display:flex;
		justify-content:center;
		align-items:center;
		box-sizing:border-box;
	}

	.option_list ul li:nth-of-type(odd) {
		border-left:1px solid #F06795;
		background:#F00;
	}

	.option_list ul li:nth-of-type(even) {
		flex:1;
		background:#F00;
	}

	.option_list ul li:nth-of-type(1),
	.option_list ul li:nth-of-type(4),
	.option_list ul li:nth-of-type(5),
	.option_list ul li:nth-of-type(8),
	.option_list ul li:nth-of-type(9),
	.option_list ul li:nth-of-type(12),
	.option_list ul li:nth-of-type(13),
	.option_list ul li:nth-of-type(16),
	.option_list ul li:nth-of-type(17),
	.option_list ul li:nth-of-type(20) {background:#FFF5F8;}

	.option_list ul li:nth-of-type(2),
	.option_list ul li:nth-of-type(3),
	.option_list ul li:nth-of-type(6),
	.option_list ul li:nth-of-type(7),
	.option_list ul li:nth-of-type(10),
	.option_list ul li:nth-of-type(11),
	.option_list ul li:nth-of-type(14),
	.option_list ul li:nth-of-type(15),
	.option_list ul li:nth-of-type(18),
	.option_list ul li:nth-of-type(19),
	.option_list ul li:nth-of-type(21) {background:#FFFBFC;}

	.option_list ul li span:first-of-type {
		width:23rem;
		margin-right:24px;
	}

	.option_list ul li span:last-of-type {width:7rem;}

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



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

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

.zappi_list ul li {
	padding:8px 0;
	text-align:center;
	border:1px solid #F06795;
	border-top:0;
}

.zappi_list ul li:nth-of-type(odd) {background:#FFF5F8;}
.zappi_list ul li:nth-of-type(even) {background:#FFFBFC;}


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

	.zappi_list_ttl {padding:16px;}

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



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

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

.invoice_list ul li {
	padding:8px 0;
	text-align:center;
	border:1px solid #D3B051;
	border-top:0;
}

.invoice_list ul li:nth-of-type(odd) {background:#FFF8E4}
.invoice_list ul li:nth-of-type(even) {background:#FFFBF1;}


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

	.invoice_list_ttl {padding:16px;}

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



/* 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;
	text-align:center;
	line-height:4rem;
	border:1px solid #FFF;
	display:block;
}

.backup_text p {
	color:#FFF;
	font-weight:700;
	display:inline-block;
}

.backup_text p span {display:block;}

.backup_text p span:first-of-type {
	font-size:1.4rem;
	text-decoration:underline;
}

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

.backup_list {margin-top:24px;}

.backup_list ul li {
	padding:8px 0;
	text-align:center;
	border:1px solid #55C1FF;
	border-top:0;
}

.backup_list ul li:first-of-type {border-top:1px solid #55C1FF;}

.backup_list ul li:nth-of-type(odd) {background:#BDEDFF;}
.backup_list ul li:nth-of-type(even) {background:#E9F9FF;}

.backup_list ul li span {
	margin-top:4px;
	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;
	}

	.backup_text {text-align:center;}

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

	.backup_list {margin-top:48px;}

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



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

.onkei_list_ttl {
	padding:8px;
	font-weight:700;
	text-align:center;
	border:1px solid #D3B051;
	background:#FFEDBD;
}

.onkei_list ul li {
	padding:8px 0;
	text-align:center;
	border:1px solid #D3B051;
	border-top:0;
}

.onkei_list ul li:nth-of-type(odd) {background:#FFF8E4}
.onkei_list ul li:nth-of-type(even) {background:#FFFBF1;}

.onkei_text {
	margin-top:24px;
	color:#FFF;
	font-size:1.4rem;
	font-weight:700;
	text-decoration:underline;
}


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

	.onkei_list_ttl {padding:16px;}

	.onkei_list ul li {padding:16px 0;}

	.onkei_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:1px solid #D3B051;
	background:#FFFBF1;
}

.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;
	color:#D3B051;
	font-weight:700;
	border-bottom:1px solid #D3B051;
}

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


@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;
	color:#1A1A1A;
	font-size:1.6rem;
	font-weight:700;
	border-bottom:2px solid #1A1A1A;
	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:#D3B051;
}

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

.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:#D3B051;}

.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;}
}