@charset "utf-8";

.arr {
	display: inline-block;
	position: relative;
	overflow: hidden;
	height: 11px;
	line-height: 0;
}
.arr svg {
	position: absolute;
	top: calc(50% - 5px);
	right: 0;
	width: 100px;
	height: 11px;
	fill: none;
	stroke: currentcolor;
}
.ico {
	position: relative;
	top: -.1em;
	width: 1em;
	height: 1em;
	line-height: 0;
	vertical-align: middle;
	fill: currentcolor;
}

/**
 * CHOICE
 * ---------------------------------------- */
.choice_column a {
	display: block;
}
.choice_column .text {
	z-index: 1;
	position: relative;
}
.choice_column .c-title {
	font-size: 1.6rem;
	line-height: 1.6;
}
.choice_column .c-title .ico {
	top: .025em;
	margin-right: .5em;
}
.p-page-member .c-lead .c-gradmarker,
.choice_column a[href*="member"] .c-gradmarker,
.p-page-staff .c-lead .c-gradmarker,
.choice_column a[href*="staff"] .c-gradmarker {
	display: inline-block;
	position: relative;
}
.p-page-member .c-lead .c-gradmarker::after,
.choice_column a[href*="member"] .c-gradmarker::after,
.p-page-staff .c-lead .c-gradmarker::after,
.choice_column a[href*="staff"] .c-gradmarker::after {
	content: "";
	z-index: -1;
	position: absolute;
	top: -1px;
	right: 0;
	bottom: -2px;
	left: 0;
	background: linear-gradient(100deg, #A6D2E0 0%, #F0B090 96%);
}
.p-page-member .c-lead .c-gradmarker::after,
.choice_column a[href*="member"] .c-gradmarker::after {
	clip-path: polygon(0 0, 70% 0, 70% 48%, 96% 48%, 96% 100%, 0 100%);
}
.p-page-staff .c-lead .c-gradmarker::after {
	clip-path: polygon(0 0, 100% 0, 100% 52%, 39% 52%, 39% 100%, 0 100%);
}
.choice_column a[href*="staff"] .c-gradmarker::after {
	clip-path: polygon(0 0, 100% 0, 100% 52%, 70% 52%, 70% 100%, 0 100%);
}
.p-page-member .c-lead .c-marker,
.choice_column a[href*="member"] .c-marker,
.p-page-staff .c-lead .c-marker,
.choice_column a[href*="staff"] .c-marker {
	left: 0;
	padding: .6em .8em;
	background: none;
	filter: none;
}
@media all and (-ms-high-contrast: none) {
	.p-page-member .c-lead .c-marker,
	.choice_column a[href*="member"] .c-marker {
		box-shadow: -.8em 0 0 #3f4b4f, .8em 0 0 #3f4b4f;
	}
	.p-page-staff .c-lead .c-marker,
	.choice_column a[href*="staff"] .c-marker {
		box-shadow: -.8em 0 0 #949ea3, .8em 0 0 #949ea3;
	}
}
.choice_column .photo {
	margin-top: -120px;
}
@media (hover: hover) {
	.choice_column .text,
	.choice_column .photo {
		backface-visibility: hidden;
	}
	.choice_column .photo {
		position: relative;
		overflow: hidden;
	}
	.choice_column .photo::after {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: linear-gradient(122.43deg, #9dc9cd 0%, #efc3bc 75%, #fdeee3);
		mix-blend-mode: hard-light;
		transition: opacity .4s;
	}
	.choice_column a:not(:hover) .photo::after {
		opacity: 0;
		transition-duration: 1s;
	}
}
@media (min-width: 721px) {
	.p-choice {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.p-choice .c-title {
		flex-basis: 100%;
	}
	.choice_column {
		flex-basis: calc(50% - 40px / 2);
		margin-top: 40px;
	}
	.choice_column .c-lead {
		margin-top: 24px;
		font-size: 1.8rem;
	}
	.choice_column .photo {
		margin-left: 32px;
	}
}
@media (min-width: 1025px) {
	.choice_column {
		flex-basis: calc(50% - 72px / 2);
	}
	.choice_column .c-lead {
		font-size: 2rem;
	}
}
@media (max-width: 720px) {
	.choice_column {
		margin-top: 40px;
	}
	.choice_column .photo {
		margin: -40px calc(50% - 50vw) 0;
	}
	.choice_column .c-link {
		display: none;
	}
}

/**
 * VISION
 * ---------------------------------------- */
.p-vision {
	margin-top: 120px;
}
@media (min-width: 721px) {
	.p-vision {
		align-items: stretch;
	}
}

/**
 * MISSION
 * ---------------------------------------- */
@media (min-width: 721px) {
	.p-mission .text {
		flex-basis: 50%;
	}
	.p-mission .photo {
		order: -1;
	}
}
@media (min-width: 1025px) {
	.p-mission .text {
		flex-basis: calc(50% - 32px);
		padding-right: 64px;
	}
}

/**
 * CREDO
 * ---------------------------------------- */
.p-credo .photo {
	z-index: 0;
	position: relative;
}
.p-credo .photo .p {
	position: absolute;
}
.p-credo .photo .p1 {
	z-index: 3;
	bottom: 0;
	left: 33%;
}
.p-credo .photo .p2 {
	z-index: 2;
	top: 14%;
	right: 0;
}
.p-credo .photo .p3 {
	z-index: 1;
	top: 0;
	left: 20%;
}
.p-credo .photo .p4 {
	top: 13%;
	left: 0;
}
@media (min-width: 721px) {
	.p-credo {
		flex-wrap: wrap;
	}
	.p-credo .text {
		flex-basis: auto;
	}
	.p-credo .photo {
		flex-basis: calc(540vw / 10);
		height: calc(396vw / 10);
	}
	.p-credo .photo .p1 {
		width: calc(216vw / 10);
	}
	.p-credo .photo .p2 {
		width: calc(288vw / 10);
	}
	.p-credo .photo .p3 {
		width: calc(180vw / 10);
	}
	.p-credo .photo .p4 {
		width: calc(216vw / 10);
	}
}
@media (min-width: 1000px) {
	.p-credo .text {
		flex-basis: calc(100% - 508px - 32px);
	}
	.p-credo .photo {
		flex-basis: 540px;
		height: 396px;
	}
	.p-credo .photo .p1 {
		width: 216px;
	}
	.p-credo .photo .p2 {
		width: 288px;
	}
	.p-credo .photo .p3 {
		width: 180px;
	}
	.p-credo .photo .p4 {
		width: 216px;
	}
}
@media (max-width: 720px) {
	.p-credo .text {
		margin-top: 56px;
	}
	.p-credo .photo {
		height: 73vw;
		margin-right: 0;
		margin-left: 0;
	}
	.p-credo .photo .p1 {
		width: calc(216vw / 5.4);
	}
	.p-credo .photo .p2 {
		width: calc(288vw / 5.4);
	}
	.p-credo .photo .p3 {
		width: calc(180vw / 5.4);
	}
	.p-credo .photo .p4 {
		width: calc(216vw / 5.4);
	}
}

/* :::::: credo :::::: */
.c-credo > dl:nth-of-type(1) {
	color: #77879F;
}
.c-credo > dl:nth-of-type(2) {
	color: #838397;
}
.c-credo > dl:nth-of-type(3) {
	color: #7E8C8E;
}
.c-credo .c-title {
	font-size: 2rem;
	line-height: 1.5;
}
.c-credo .credo_list {
	margin-top: 24px;
	font-size: 1.7rem;
}
.c-credo .acc_body .credo_list {
	margin-top: 0;
	padding-top: 24px;
}
.c-credo .credo_list li + li {
	margin-top: .5em;
}
.c-credo .credo_list li::before {
	content: "";
	display: inline-block;
	position: relative;
	top: -.1em;
	width: 8px;
	height: 8px;
	margin-right: .8em;
	border: 2px solid currentcolor;
	border-radius: 8px;
	vertical-align: middle;
}
@media (min-width: 721px) {
	.c-credo.v-dt {
		display: flex;
		flex-wrap: wrap;
	}
	.c-credo {
		margin-top: 80px;
	}
	.c-credo dl {
		flex-basis: 50%;
	}
	.c-credo dl:nth-child(n+3) {
		margin-top: 56px;
	}
}
@media (max-width: 1024px) {
	.c-credo .c-title {
		font-size: 1.8rem;
	}
	.c-credo .credo_list {
		font-size: 1.6rem;
	}
}
@media (max-width: 720px) {
	.c-credo {
		margin-top: 40px;
	}
	.c-credo dl + dl {
		margin-top: 32px;
	}
	.c-credo .c-title {
		font-size: 1.6rem;
	}
	.c-credo .credo_list {
		font-size: 1.5rem;
	}
}
@media (max-width: 360px) {
	.c-credo .c-title {
		font-size: 1.4rem;
	}
	.c-credo .credo_list {
		font-size: 1.2rem;
	}
}

/**
 * BUSINESS
 * ---------------------------------------- */
.p-business .text {
	max-width: 540px;
}
.p-business .c-text {
	margin-top: 48px;
}
.p-business .photo {
	margin-top: 56px;
}
@media (max-width: 720px) {
	.p-business .c-text {
		margin-top: 32px;
	}
	.p-business .photo {
		margin: 40px calc(50% - 50vw) 0;
	}
}

/**
 * POLICY
 * ---------------------------------------- */
@media (min-width: 721px) {
	.p-policy {
		flex-wrap: wrap;
	}
}
@media (max-width: 720px) {
	.p-policy .c-lead {
		font-size: 1.8rem;
	}
}

/* :::::: policy :::::: */
.c-policy dt {
	line-height: 1;
}
.c-policy .tag {
	display: inline-block;
	padding: .3em 1em;
	color: #fff;
	font-size: 1.2rem;
	line-height: 1.2;
	background: #3f4b4f;
}
.c-policy .c-lead {
	display: block;
	margin-top: 16px;
	font-size: 1.8rem;
	line-height: 2;
}
.c-policy .c-text {
	margin-top: 16px;
	font-size: 1.3rem;
}
@media (min-width: 721px) {
	.c-policy {
		margin-top: 80px;
	}
	.c-policy.v-dt {
		display: flex;
		justify-content: space-between;
	}
	.c-policy dl {
		flex-basis: calc(33.333% - 64px / 3);
	}
}
@media (min-width: 1025px) {
	.c-policy dl {
		flex-basis: calc(33.333% - 144px / 3);
	}
}
@media (max-width: 720px) {
	.c-policy {
		margin-top: 40px;
	}
	.c-policy dl + dl {
		margin-top: 32px
	}
	.c-policy .tag {
		font-size: 1rem;
	}
	.c-policy .c-lead {
		margin-top: 8px;
		font-size: 1.6rem;
	}
	.c-policy .c-text {
		margin-top: 6px;
		font-size: 1.2rem;
	}
	.c-policy .o-acc {
		margin: 0;
		margin-right: -24px;
		padding: 16px 0; 
		padding-right: 24px;
		border-top: 1px solid #cfd1d2;
	}
	.c-policy .o-acc:last-child {
		border-bottom: 1px solid #cfd1d2;
	}
	.c-policy .o-acc .c-text {
		margin-top: 0;
		padding-top: 6px;
	}
}

/**
 * CORE MEMBER
 * ------------------------------------------------------------ */
.c-vision {
	margin-top: 88px;
}
.c-vision .text {
	z-index: 1;
	position: relative;
}
.c-vision .c-lead {
	margin-top: 0;
	font-size: 2.8rem;
}
.c-vision .photo {
	margin: 0 calc(50% - 50vw);
}
@media (min-width: 721px) {
	.c-vision .text {
		position: absolute;
		width: 50%;
		max-width: 480px;
	}
	.c-vision .c-text {
		margin-top: 32px;
	}
	.c-vision .photo {
		padding-top: 64px;
	}
}
@media (max-width: 1024px) {
	.p-page-member .c-pagetitle {
		font-size: 3.8rem;
	}
}
@media (max-width: 720px) {
	.p-page-member .c-pagetitle {
		font-size: 2.2rem;
		line-height: 1.6;
	}
	.c-vision {
		margin-top: 40px;
	}
	.c-vision .c-lead {
		font-size: 2.2rem;
		letter-spacing: 0;
	}
	.c-vision .photo {
		margin-top: 32px;
	}
}
@media (max-width: 360px) {
	.p-page-member .c-pagetitle {
		font-size: 2rem;
	}
}

/**
 * CULTURE
 * ---------------------------------------- */
.p-culture {
	align-items: stretch;
}
.p-culture .c-link {
	margin-top: 16px;
	font-weight: 500;
}
@media (min-width: 721px) {
	.p-culture .text {
		max-width: 432px;
	}
	.p-culture .photo {
		order: -1;
	}
	.p-culture .c-policy {
		margin-top: 40px;
	}
	.p-culture .c-policy dl + dl {
		margin-top: 32px
	}
}
@media (min-width: 1025px) {
	.p-culture .text {
		margin-right: 72px;
	}
}

/**
 * SPOT STAFF
 * ------------------------------------------------------------ */
@media (max-width: 1024px) {
	.p-page-staff .c-pagetitle {
		font-size: 3.8rem;
	}
}
@media (max-width: 720px) {
	.p-page-staff .c-pagetitle {
		font-size: 2.2rem;
		line-height: 1.6;
	}
}
@media (max-width: 360px) {
	.p-page-staff .c-pagetitle {
		font-size: 2rem;
	}
}

 /**
 * ABOUT WORK  
 * ---------------------------------------- */
@media (min-width: 721px) {
	.p-about {
		align-items: stretch;
	}
	.p-about .text {
		padding-right: 64px;
	}
	.p-about .photo {
		order: -1;
	}
}
@media (max-width: 720px) {
	.p-about .c-text {
		padding-right: 16vw;
	}
}

/**
 * WHY SHE  
 * ---------------------------------------- */
@media (min-width: 721px) {
	.p-why {
		align-items: stretch;
		flex-wrap: wrap;
	}
	.p-why .text {
		padding-left: 64px;
	}
	.p-why .c-charmpoint {
		flex-basis: 100%;
	}
}
@media (max-width: 720px) {
}

/* :::::: 特徴 :::::: */
.c-charmpoint {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-top: 80px;
}
.c-charmpoint dl {
	margin-top: 24px;
}
.c-charmpoint dt {
	line-height: 1;
}
.c-charmpoint .tag {
	display: inline-block;
	padding: 4px 8px 5px 10px;
	border: 1px solid rgba(63,75,79,.5);
	font-size: 1rem;
	vertical-align: top;
}
.c-charmpoint .c-lead {
	display: block;
	margin-top: 12px;
	font-size: 1.8rem;
	line-height: 2;
}
.c-charmpoint .c-text {
	margin-top: 8px;
	font-size: 1.3rem;
}
@media (min-width: 721px) {
	.c-charmpoint li {
		flex-basis: calc(25% - 72px / 4);
	}
}
@media (min-width: 1025px) {
	.c-charmpoint li {
		flex-basis: calc(25% - 216px / 4);
	}
}
@media (max-width: 720px) {
	.c-charmpoint {
		margin-top: 40px;
	}
	.c-charmpoint li {
		flex-basis: calc(50% - 24px / 2);
	}
	.c-charmpoint li:nth-child(n+3) {
		margin-top: 32px;
	}
	.c-charmpoint dl {
		margin-top: 16px;
	}
	.c-charmpoint .c-lead {
		font-size: 1.2rem;
	}
	.c-charmpoint .c-text {
		font-size: 1rem;
	}
}
@media (max-width: 360px) {
	.c-charmpoint {
		padding-left: 24px;
	}
	.c-charmpoint li:last-child {
		padding-right: 24px;
	}
}

/**
 * JOB LIST
 * ---------------------------------------- */
.c-joblist {
	margin-top: 56px;
}
.c-joblist dl {
	align-items: flex-start;
	flex-grow: 1;
	margin-top: 32px;
}
.c-joblist dt {
	line-height: 1;
}
.c-joblist .tag {
	padding: 4px 8px 5px 10px;
	border: 1px solid rgba(63,75,79,.5);
	font-size: 1rem;
	vertical-align: top;
}
.c-joblist dd:last-child {
	margin-top: auto;
}
.c-joblist .c-lead {
	display: block;
	margin-top: 12px;
	font-size: 1.8rem;
	line-height: 2;
}
.c-joblist .c-text {
	margin-top: 8px;
	font-size: 1.3rem;
}
.c-joblist .c-link {
	margin-top: 8px;
	font-size: 1.2rem;
}
.c-joblist .c-link .ico {
	margin-left: 1.2em;
}
@media (min-width: 721px) {
	.c-joblist {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.c-joblist li,
	.c-joblist dl {
		display: inline-flex;
		flex-direction: column;
	}
	.c-joblist li {
		flex-basis: calc(33.333% - 64px / 3);
	}
}
@media (min-width: 1025px) {
	.c-joblist li {
		flex-basis: calc(33.333% - 144px / 3);
	}
}
@media (max-width: 720px) {
	.c-joblist {
		margin-top: 40px;
	}
	.c-joblist li + li {
		margin-top: 40px;
	}
	.c-joblist .c-lead {
		font-size: 1.4rem;
	}
	.c-joblist .c-text {
		font-size: 1.2rem;
	}
}

/**
 * INTERVIEW
 * ------------------------------------------------------------ */
.p-page-interview .p-interview {
	margin-top: 88px;
}
@media (max-width: 720px) {
	.p-page-interview .p-interview {
		margin-top: 56px;
	}
}
@media (max-width: 360px) {
	.p-page-interview .c-pagetitle {
		font-size: 2.8rem;
	}
}

.c-interviewlist {
	display: flex;
	flex-wrap: wrap;
	margin-top: 40px;
}
.c-interviewlist a {
	display: flex;
	flex-direction: column;
}
.c-interviewlist .job {
	margin-top: 4px;
}
.c-interviewlist .title {
	margin-top: 6px;
	font-family: "游明朝体", YuMincho, "游明朝", "Yu Mincho", serif;
}
.isAndroid .c-interviewlist .title {
	font-family: "Noto Serif JP", serif;
}
@media (hover: hover) {
	.c-interviewlist .text,
	.c-interviewlist .photo {
		backface-visibility: hidden;
	}
	.c-interviewlist .photo {
		position: relative;
		overflow: hidden;
	}
	.c-interviewlist .photo::after {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		mix-blend-mode: hard-light;
		transition: opacity .4s;
	}
	.c-interviewlist .c1 .photo::after {
		background: linear-gradient(122.43deg, #adadcb 0%, #cee9eb 100%);
	}
	.c-interviewlist .c2 .photo::after {
		background: linear-gradient(152.12deg, #abbaca 0%, #bee2d9 100%);
	}
	.c-interviewlist .c3 .photo::after {
		background: linear-gradient(156.04deg, #bca995 0%, #e2dcc4 100%);
	}
	.c-interviewlist .c4 .photo::after {
		background: linear-gradient(111.75deg, #cbaaaf 0%, #eedbca 100%);
	}
	.c-interviewlist .c5 .photo::after {
		background: linear-gradient(156.04deg, #b4ba93 0%, #dfd4bf 100%);
	}
	.c-interviewlist .c6 .photo::after {
		background: linear-gradient(156.04deg, #8fada3 0%, #bed098 100%);
	}
	.c-interviewlist .c7 .photo::after {
		background: linear-gradient(156.04deg, #8fb0b0 0%, #c4e1c5 100%);
	}
	.c-interviewlist a:not(:hover) .photo::after {
		opacity: 0;
		transition-duration: 1s;
	}
}
@media (min-width: 721px) {
	.c-interviewlist .text {
		z-index: 1;
		position: relative;
	}
	.c-interviewlist .job {
		font-size: 1rem;
	}
	.c-interviewlist .name {
		font-size: 1.3rem;
	}
	.c-interviewlist .title {
		font-size: 1.3rem;
	}
	.c-interviewlist .photo {
		margin-top: -104px;
		margin-left: 16px;
	}
	.c-interviewlist li:nth-child(n+4) {
		margin-top: 64px;
	}
}
@media (min-width: 721px) and (max-width: 1024px) {
	.c-interviewlist li {
		flex-basis: calc(50% - 80px / 3);
	}
	.c-interviewlist li:nth-child(2n) {
		margin-left: 40px;
	}
	.c-interviewlist li:nth-child(n+3) {
		margin-top: 40px;
	}
}
@media (min-width: 1025px) {
	.c-interviewlist li {
		flex-basis: calc(33.333% - 144px / 3);
	}
	.c-interviewlist li:not(:nth-child(3n+1)) {
		margin-left: 72px;
	}
	.c-interviewlist .job {
		font-size: 1.2rem;
	}
	.c-interviewlist .name {
		font-size: 1.5rem;
	}
	.c-interviewlist .title {
		font-size: 1.6rem;
	}
}
@media (max-width: 720px) {
	.c-interviewlist li {
		flex-basis: calc(50% - 32px / 2);
	}
	.c-interviewlist li:nth-child(2n) {
		margin-left: 32px;
	}
	.c-interviewlist li:nth-child(n+3) {
		margin-top: 32px;
	}
	.c-interviewlist a {
		position: relative;
	}
	.c-interviewlist .text {
		margin-top: 0;
	}
	.c-interviewlist .job {
		font-size: 1rem;
	}
	.c-interviewlist .name {
		font-size: 1.2rem;
	}
	.c-interviewlist .title,
	.c-interviewlist .photo {
		font-size: 1rem;
	}
	.c-interviewlist .title {
		z-index: 1;
		position: absolute;
		bottom: 0;
		left: 0;
	}
	.c-interviewlist .c-link {
		display: none;
	}
	.c-interviewlist .photo {
		margin-top: 4px;
		margin-bottom: 2em;
	}
	.p-page-interview .p-interview .c-interviewlist {
		max-width: 600px;
		margin-right: auto;
		margin-left: auto;
	}
	.p-page-interview .p-interview .c-interviewlist li {
		flex-basis: 100%;
		margin-left: 0;
	}
	.p-page-interview .p-interview .c-interviewlist li:nth-child(n+2) {
		margin-top: 40px;
	}
	.p-page-interview .p-interview .c-interviewlist .job {
		font-size: 1.2rem;
	}
	.p-page-interview .p-interview .c-interviewlist .name {
		font-size: 1.5rem;
	}
	.p-page-interview .p-interview .c-interviewlist .title {
		position: relative;
		margin-top: .6em;
		font-size: 1.8rem;
	}
	.p-page-interview .p-interview .c-interviewlist .c-link {
		display: inline-block;
		z-index: 1;
		position: relative;
	}
	.p-page-interview .p-interview .c-interviewlist .photo {
		margin: -6em 0 0 24px;
		padding: 0;
		font-size: 1.8rem;
	}
}
@media (max-width: 360px) {
	.c-interviewlist {
		display: block;
	}
	.c-interviewlist li:nth-child(2n) {
		margin-left: 0;
	}
	.c-interviewlist li:nth-child(n+2) {
		margin-top: 24px;
	}
	.p-page-interview .p-interview .c-interviewlist .job {
		font-size: 1rem;
	}
	.p-page-interview .p-interview .c-interviewlist .name {
		font-size: 1.3rem;
	}
	.p-page-interview .p-interview .c-interviewlist .title,
	.p-page-interview .p-interview .c-interviewlist .photo {
		font-size: 1.5rem;
	}
}

/**
 * 募集職種
 * ------------------------------------------------------------ */
.p-recruitment {
	position: relative;
	margin-top: 88px;
}
.p-recruitment .c-category {
	font-size: 1.2rem;
	font-family: "游明朝体", YuMincho, "游明朝", "Yu Mincho", serif;
	white-space: nowrap;
	letter-spacing: .1em;
}
.isAndroid .p-recruitment .c-category {
	font-family: "Noto Serif JP", serif;
}
.p-recruitment .c-category a {
	padding: 4px 0;
	background: linear-gradient(currentcolor, currentcolor) right bottom / 0 1px no-repeat;
}
.p-recruitment .c-category a:not([href]) {
		background-size: 100% 1px;
}
@media (hover: hover) {
	.p-recruitment .c-category a {
		transition: background-size .4s cubic-bezier(0.215, 0.61, 0.355, 1);
	}
	.p-recruitment .c-category a:hover {
		background-position: left bottom;
		background-size: 100% 1px;
	}
}
@media (max-width: 720px) {
	.p-recruitment {
		margin-top: 56px;
	}
}

/* for ajax */
.p-recruitment.is-anim {
	transition: height .4s cubic-bezier(.3,1,.7,1);
}
.p-recruitment.is-hide .c-section_result {
	opacity: 0;
}
.p-recruitment.is-anim .c-section_result {
	transition: opacity .4s;
}
.p-recruitment.is-anim.is-hide,
.p-recruitment.is-anim.is-hide .c-section_result {
	transition-duration: .2s;
}
.paging_loader {
	position: absolute;
	top: 64px;
	right: 450px;
	width: 32px;
	height: 32px;
	border-radius: 32px;
	background: linear-gradient(to right, #fbd9cf, #b2e7ee);
}
.p-recruitment:not(.is-hide) .paging_loader {
	opacity: 0;
}
.p-recruitment.is-anim .paging_loader {
	transition: opacity .4s;
}
.p-recruitment.is-hide .paging_loader,
.p-recruitment.is-anim .paging_loader {
	animation: loading .4s -.2s alternate infinite cubic-bezier(0,.8,.6,1);
}
@media (max-width: 1024px) {
	.paging_loader {
		right: calc(50% - 16px);
	}
}

.c-recruitment li {
	border-bottom: 1px solid rgba(107,85,70,.4);
}
.c-recruitment li:first-child {
	border-top: 1px solid rgba(107,85,70,.4);
}
.c-recruitment a {
	display: block;
}
.c-recruitment .item {
	padding: 24px 0;
}
.c-recruitment .tag {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 56px;
	height: 20px;
	border: 1px solid rgba(107,85,70,.4);
	font-size: 1rem;
}
.c-recruitment .tag.-member {
	color: #fff;
	background: #3f4b4f;
}
.c-recruitment .tag.-staff {
	background: #fff;
}
.c-recruitment .job {
	margin: 0;
	font-size: 1.6rem;
}
.c-recruitment .detail {
	margin: 0;
	font-size: 1.2rem;
}
.c-recruitment .media {
	font-size: 1rem;
}
.c-recruitment .media b {
	font-weight: inherit;
}
.c-recruitment .media .ico {
	margin-left: 1em;
}
@media (min-width: 721px) {
	.p-recruitment {
		display: flex;
		justify-content: space-between;
	}
	.p-recruitment .c-category li + li {
		margin-top: 8px;
	}
	.p-recruitment .c-section_result {
		flex-basis: 828px;
		margin-left: 72px;
	}
	.c-recruitment .item {
		display: -ms-grid;
		display: grid;
		-ms-grid-rows: auto auto;
		-ms-grid-columns: auto 1fr auto;
		grid-template: auto / auto 1fr auto;
		align-items: center;
		padding-right: 16px;
	}
	.c-recruitment .tag {
		-ms-grid-row-span: 2;
		-ms-grid-column: 1;
		grid-area: 1 / 1 / 3 / 2;
		margin-right: 32px;
	}
	.c-recruitment .job {
		-ms-grid-row: 1;
		-ms-grid-column: 2;
		grid-area: 1 / 2 / 2 / 3;
		font-family: "游明朝体", YuMincho, "游明朝", "Yu Mincho", serif;
	}
	.isAndroid .c-recruitment .job {
		font-family: "Noto Serif JP", serif;
	}
	.c-recruitment .detail {
		-ms-grid-row: 2;
		-ms-grid-column: 2;
		grid-area: 2 / 2 / 3 / 3;
	}
	.c-recruitment .media {
		-ms-grid-row-span: 2;
		-ms-grid-column: 3;
		grid-area: 1 / 3 / 3 / 4;
		margin-left: 32px;
	}
}
@media (max-width: 720px) {
	.p-recruitment .c-category {
		display: flex;
	}
	.p-recruitment .c-category li + li {
		margin-left: 2em;
	}
	.p-recruitment .c-section_result {
		margin-top: 40px;
	}
	.c-recruitment .item {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
	}
	.c-recruitment .job {
		margin-left: 16px;
		font-size: 1.3rem;
	}
	.c-recruitment .detail {
		order: 1;
		flex-basis: 100%;
		margin-top: 8px;
	}
	.c-recruitment .media b {
		display: none;
	}
}

/* :::::: pagenate :::::: */
.c-paginate {
	margin-top: 64px;
}
.c-paginate-links,
.c-paginate-links .page-numbers {
	display: flex;
	justify-content: center;
	align-items: center;
}
.c-paginate-links .page-numbers {
	width: 40px;
	height: 40px;
	background: #fff;
}
.c-paginate-links .page-numbers + .page-numbers {
	margin-left: 8px;
}
@media (hover: hover) {
	.c-paginate-links .page-numbers {
		transition: background .4s;
	}
	.c-paginate-links .page-numbers:hover {
		background: whitesmoke;
		transition-duration: .1s;
	}
}
.c-paginate-links .page-numbers.current {
	pointer-events: none;
	color: #fff;
	background: #3f4b4f;
}
.c-paginate-links .page-numbers.prev,
.c-paginate-links .page-numbers.next {
	background: #fff;
	fill: none;
	stroke: #3f4b4f;
	stroke-linecap: round;
	stroke-linejoin: round;
}
@media (hover: hover) {
	.c-paginate-links .page-numbers.prev svg,
	.c-paginate-links .page-numbers.next svg {
		transition: transform .4s cubic-bezier(.3,1,.7,1);
	}
	.c-paginate-links .page-numbers.prev:hover svg {
		transform: translateX(-4px);
		transition-duration: .1s;
	}
	.c-paginate-links .page-numbers.next:hover svg {
		transform: translateX(4px);
		transition-duration: .1s;
	}
}

/**
 * プロフィール
 * ------------------------------------------------------------ */
.p-profile {
	margin-top: 88px;
}
@media (max-width: 720px) {
	.p-profile {
		margin-top: 56px;
	}
}

.c-profile {
	display: flex;
	flex-wrap: wrap;
}
.c-profile a {
	display: block;
	cursor: pointer;
}
.c-profile .tag {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	height: 20px;
	padding: 0 1em;
	font-size: 1rem;
	vertical-align: top;
	background: whitesmoke;
}
.c-profile .tag.she-likes {
	background: #e8edf0;
}
.c-profile .tag.she-money {
	background: #ebede1;
}
.c-profile .tag.she-beauty {
	background: #f5e9ed;
}
.c-profile .tag .t-tag {
	width: auto;
	height: 1em;
	fill: currentcolor;
}
.c-profile .text {
	margin-top: 24px;
}
.c-profile .job {
	font-size: 1rem;
	line-height: 1.2;
}
.c-profile .name {
	font-size: 1.5rem;
	font-weight: 500;
}
.c-profile .comment {
	margin-top: 8px;
	font-size: 1.2rem;
	font-family: "游明朝体", YuMincho, "游明朝", "Yu Mincho", serif;
}
.isAndroid .c-profile .comment {
	font-family: "Noto Serif JP", serif;
}
@media (hover: hover) {
	.c-profile .photo {
		backface-visibility: hidden;
	}
	.c-profile .photo {
		position: relative;
		overflow: hidden;
	}
	.c-profile .photo::after {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: linear-gradient(to top, #c3c3d9, #c3d7d9);
		mix-blend-mode: hard-light;
		transition: opacity .4s;
	}
	.c-profile a:not(:hover) .photo::after {
		opacity: 0;
		transition-duration: 1s;
	}
}
@media (min-width: 721px) and (max-width: 1024px) {
	.c-profile li {
		flex-basis: calc(33.333% - 80px / 3);
	}
	.c-profile li:not(:nth-child(3n+1)) {
		margin-left: 40px;
	}
	.c-profile li:nth-child(n+4) {
		margin-top: 32px;
	}
}
@media (min-width: 1025px) {
	.c-profile li {
		flex-basis: calc(25% - 216px / 4);
	}
	.c-profile li:not(:nth-child(4n+1)) {
		margin-left: 72px;
	}
	.c-profile li:nth-child(n+5) {
		margin-top: 48px;
	}
}
@media (max-width: 720px) {
	.c-profile li {
		flex-basis: calc(50% - 24px / 2);
	}
	.c-profile li:nth-child(2n) {
		margin-left: 24px;
	}
	.c-profile li:nth-child(n+3) {
		margin-top: 24px;
	}
	.c-profile .text {
		margin-top: 16px;
	}
	.c-profile .comment {
		display: none;
	}
}
@media (max-width: 360px) {
	.c-profile li {
		flex-basis: calc(50% - 16px / 2);
	}
	.c-profile li:nth-child(2n) {
		margin-left: 16px;
	}
}

/* :::::: プロフィール詳細 (modal) :::::: */
@media (min-width: 721px) {
	.profile_photo,
	.profile_text {
		position: absolute;
		top: 0;
		height: 100%;
	}
	.profile_photo {
		width: 44%;
	}
	.profile_photo img {
		object-fit: cover;
		width: 100%;
		height: 100%;
	}
	.profile_text {
		right: 0;
		overflow: auto;
		width: 56%;
		padding: 64px 56px 72px;
	}
}
@media (max-width: 720px) {
	.profile_article {
		position: absolute;
		overflow: auto;
		width: 100%;
		height: 100%;
	}
	.profile_text {
		padding: 24px 24px 48px;
	}
}

.profile_personal .tag {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	height: 20px;
	margin-right: 16px;
	padding: 0 1em;
	font-size: 1rem;
	background: whitesmoke;
}
.profile_personal .tag.she-likes {
	background: #e8edf0;
}
.profile_personale .tag.she-money {
	background: #ebede1;
}
.profile_personal .tag.she-beauty {
	background: #f5e9ed;
}
.profile_personal .tag .t-tag {
	width: auto;
	height: 1em;
	fill: currentcolor;
}
.profile_personal .job {
	display: inline-block;
	font-size: 1rem;
	line-height: 1.2;
	vertical-align: middle;
}
.profile_personal .name {
	margin-top: 12px;
	font-size: 1.4rem;
	line-height: 1.6;
}
.profile_personal .name .ja {
	font-family: "游明朝体", YuMincho, "游明朝", "Yu Mincho", serif;
}
.isAndroid .profile_personal .name .ja {
	font-family: "Noto Serif JP", serif;
}
.profile_personal .name .en {
	font-size: 1.2rem;
}
.profile_personal .sns {
	display: flex;
	font-size: 1.2rem;
}
.profile_personal .sns a + a {
	margin-left: 1.2em;
}
.profile_personal .sns svg {
	width: auto;
	height: 1em;
	color: currentcolor;
}
/* 経歴 */
.profile_history {
	display: flex;
	flex-wrap: wrap;
	margin-top: 24px;
	font-size: 1.2rem;
}
.profile_history dt {
	flex-basis: 5em;
}
.profile_history dd {
	flex-basis: calc(100% - 5em);
}
/* データ */
.profile_data {
	margin-top: 24px;
	font-size: 1rem;
}
.profile_data dt {
	flex-basis: 12em;
	padding: 4px 8px;
	border: 1px solid rgba(107,85,70,.4);
	line-height: 1;
}
.profile_data .ico {
	width: 10px;
	height: 10px;
	margin-right: .5em;
	fill: currentcolor;
}
@media (min-width: 721px) {
	.profile_data {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
	}
	.profile_data dt {
		flex-basis: 12em;
	}
	.profile_data dd {
		flex-basis: calc(100% - 14em);
		padding-left: 2em;
	}
	.profile_data dt:nth-of-type(n+2),
	.profile_data dd:nth-of-type(n+2) {
		margin-top: 12px;
	}
}
@media (max-width: 720px) {
	.profile_data dt {
		width: 12em;
	}
	.profile_data dt:nth-of-type(n+2) {
		margin-top: 12px;
	}
}
/* コメント */
.profile_comment {
	display: flex;
	flex-direction: column;
	margin-top: 40px;
}
.profile_comment .title,
.profile_comment .c-link b {
	font-size: 1.8rem;
	font-weight: 400;
	font-family: "游明朝体", YuMincho, "游明朝", "Yu Mincho", serif;
}
.isAndroid .profile_comment .title,
.isAndroid .profile_comment .c-link b {
	font-family: "Noto Serif JP", serif;
}
.profile_comment .title {
	margin-top: 24px;
}
.profile_comment .text {
	margin-top: 24px;
	font-size: 1.3rem;
}
.profile_comment .c-link {
	cursor: pointer;
	margin-left: auto;
	padding: 16px 0;
	font-size: 1rem;
}
.profile_comment .c-link b {
	margin-left: 1em;
}
.profile_comment .photo {
	order: -1;
}
@media (max-width: 720px) {
	.profile_comment .title,
	.profile_comment .c-link b {
		font-size: 1.6rem;
	}
}

/**
 * modal contents
 * ---------------------------------------- */
.l-modal,
.modal_overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.l-modal {
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 10;
}
.modal_overlay {
	background: rgba(123,100,86,.1);
	-webkit-backdrop-filter: blur(16px);
	backdrop-filter: blur(16px);
}
.noBackDropFilter .modal_overlay {
	background: rgba(123,100,86,.6);
}
.modal_container {
	position: relative;
	overflow: hidden;
	width: calc(100% - 48px);
	max-width: 1000px;
	height: calc(100% - 48px);
	max-height: 620px;
	background: #fff;
}
.modal_close {
	z-index: 1;
	position: absolute;
	top: 24px;
	right: 24px;
	width: 48px;
	height: 48px;
	padding: 0;
	border: 0;
	background: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
.modal_close .ico {
	width: 48px;
	height: 48px;
	fill: none;
	stroke: #7b6456;
	stroke-linecap: round;
}
.modal_contents {
	width: 100%;
	height: 100%;
}
@media (max-width: 720px) {
	.modal_container {
		max-width: 432px;
	}
	.modal_close {
		top: 12px;
		right: 12px;
	}
}
/* motion */
.l-modal:not(.is-active) {
	pointer-events: none;
}
.l-modal:not(.is-active) .modal_overlay {
	opacity: 0;
}
.l-modal:not(.is-active) .modal_container {
	opacity: 0;
	transform: translateY(24px);
}
.l-modal.is-anim:not(.is-active) .modal_container {
	transform: translateY(-24px);
}
.modal_contents.is-hide {
	opacity: 0;
}
.l-modal.is-anim .modal_overlay {
	transition: opacity .4s;
}
.l-modal.is-anim .modal_container {
	transition: opacity .4s, transform .4s cubic-bezier(.3,1,.7,1);
}
.modal_contents.is-anim {
	transition: opacity .4s;
}
/* loader */
.modal_loader {
	position: absolute;
	top: calc(50% - 16px);
	left: calc(50% - 16px);
	width: 32px;
	height: 32px;
	border-radius: 32px;
	background: linear-gradient(to right, #fbd9cf, #b2e7ee);
}
.modal_contents:not(.is-hide) + .modal_loader {
	opacity: 0;
}
.modal_contents.is-anim + .modal_loader {
	transition: opacity .4s;
}
.modal_contents.is-hide + .modal_loader,
.modal_contents.is-anim + .modal_loader {
	animation: loading .4s -.2s alternate infinite cubic-bezier(0,.8,.6,1);
}
@keyframes loading {
	from { transform: scale(.4); }
	to { transform: none; }
}