@charset "UTF-8";
/*====================================================
p-under (共通)
====================================================*/
/* p-under-member-card
----------------------------------------------- */
.p-under-member-card {
	position: relative;
	display: block;
}

.p-under-member-card__img {
	overflow: hidden;
	display: block;
	position: relative;
	aspect-ratio: 280/335;
	width: 100%;
	max-height: 335px;
	border: 1px solid #eee;
}

@media screen and (max-width: 768px) {
	.p-under-member-card__img {
		aspect-ratio: 335/195;
	}
}

.p-under-member-card__img img {
	object-fit: cover;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 50%;
	translate: -50% 0;
	transition: all 0.3s ease;
	transition-property: scale;
}

.p-under-member-card:focus-visible .p-under-member-card__img img {
	scale: 1.05;
}
@media (any-hover: hover) {
	.p-under-member-card:hover .p-under-member-card__img img {
		scale: 1.05;
	}
}

.p-under-member-card__name {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.5em 17px;
	line-height: 1;
	font-weight: 500;
	font-size: 18px;
	margin-top: 20px;
}
@media screen and (max-width: 768px) {
	.p-under-member-card__name {
		font-size: 4.8vw;
	}
}

.p-under-member-card__name--en {
	font-family: var(--font-serif);
	color: #5aa395;
	letter-spacing: 0.06em;
	font-size: 14px;
}
@media screen and (max-width: 768px) {
	.p-under-member-card__name--en {
		font-size: 3.733vw;
	}
}

.p-under-member-card__position {
	line-height: 1.2;
	font-size: 13px;
	margin-top: 13px;
}
@media screen and (max-width: 768px) {
	.p-under-member-card__position {
		font-size: 3.466vw;
	}
}

/*====================================================
RECRUIT
====================================================*/
.p-recruit .p-under__fv {
	margin-bottom: 0;
}
.p-recruit__inner {
	position: relative;
	padding-top: 17px;
}
.p-recruit__bg {
	z-index: -1;
	position: absolute;
	top: 0;
	right: 0;
	aspect-ratio: 404/802;
	width: clamp(204px, 404/ 1366 * 100vw, 500px);
}

@media screen and (max-width: 768px) {
	.p-recruit__bg {
		width: clamp(204px, 204/ 375 * 100vw, 500px);
		width: max(204px, 55vw);
	}
}

/* p-recruit-sec1
----------------------------------------------- */
.p-recruit-sec1 {
	position: relative;
}

.p-recruit-sec1__bg img {
	height: 100%;
	object-fit: cover;
}

.p-recruit-sec1__box1 {
	display: grid;
	grid-template-columns: max-content 1fr;
	column-gap: clamp(20px, 114 / 1366 * 100vw, 114px);
}
@media screen and (max-width: 768px) {
	.p-recruit-sec1__box1 {
		display: block;
	}
}

.p-recruit-sec1__box1--head1 {
	font-family: var(--font-Cormorant);
	font-size: clamp(28px, 45 / 1366 * 100vw, 45px);
	font-weight: 600;
	line-height: 1.5;
	letter-spacing: 0.02em;
	color: #00798f;
}
@media screen and (max-width: 768px) {
	.p-recruit-sec1__box1--head1 {
		text-align: center;
		font-size: 7.466vw;
	}
}

.p-recruit-sec1__box1--head2 {
	--lineSize: 40px;
	font-family: var(--font-Cormorant);
	display: grid;
	grid-template-columns: var(--lineSize) auto;
	align-items: center;
	gap: 10px;
	font-size: clamp(14px, 24 / 1366 * 100vw, 24px);
	font-weight: 500;
	line-height: 2.6;
	letter-spacing: 0.06em;
}
.p-recruit-sec1__box1--head2::before {
	content: "";
	display: block;
	height: 1px;
	background-color: #3c3c3c;
}
@media screen and (max-width: 768px) {
	.p-recruit-sec1__box1--head2 {
		display: block;
		text-align: center;
		font-size: 3.733vw;
	}
	.p-recruit-sec1__box1--head2::before {
		content: none;
	}
}

@media screen and (max-width: 768px) {
	.p-recruit-sec1__box1--r {
		margin-top: 19px;
	}
}

.p-recruit-sec1__box1--r > * + * {
	margin-top: 24px;
}
@media screen and (max-width: 768px) {
	.p-recruit-sec1__box1--r > * + * {
		margin-top: 11px;
	}
}

.p-recruit-sec1__box1--body {
	line-height: 2.6;
	letter-spacing: 0.18em;
	font-size: 18px;
}
@media screen and (max-width: 768px) {
	.p-recruit-sec1__box1--body {
		line-height: 2;
		letter-spacing: 0.04em;
		font-size: 3.733vw;
	}
}

.p-recruit-sec1__box2 {
	background-color: color-mix(in srgb, #d0eaef 50%, transparent);
	margin-top: 108px;
	padding: 62px 20px 80px;
}
@media screen and (max-width: 768px) {
	.p-recruit-sec1__box2 {
		margin-top: 70px;
		margin-inline: calc(50% - 50vw);
		padding: 34px 13px 40px;
	}
}

.p-recruit-sec1__box2--ttl {
	font-family: var(--font-serif);
	text-align: center;
	font-weight: 500;
	font-size: 30px;
}
@media screen and (max-width: 768px) {
	.p-recruit-sec1__box2--ttl {
		font-size: 5.333vw;
	}
}

.p-recruit-sec1__box2--img {
	width: min(966px, 100%);
	margin-top: 35px;
	margin-inline: auto;
}
@media screen and (max-width: 768px) {
	.p-recruit-sec1__box2--img {
		margin-top: 27px;
	}
}

.p-recruit-sec1__box2--btn {
	margin-top: 55px;
}
@media screen and (max-width: 768px) {
	.p-recruit-sec1__box2--btn {
		margin-top: 38px;
	}
}

.p-recruit-sec1__box2--btn > .c-btn {
	background-color: #fff;
	margin-inline: auto;
}

/* p-recruit-sec2
----------------------------------------------- */
.p-recruit-sec2 {
	margin-top: 90px;
	margin-bottom: 162px;
}
@media screen and (max-width: 768px) {
	.p-recruit-sec2 {
		margin-top: 53px;
		margin-bottom: 26.667vw;
	}
}
.p-recruit-sec2__ttl {
	font-family: var(--font-serif);
	text-align: center;
	font-weight: 500;
	font-size: 30px;
}
@media screen and (max-width: 768px) {
	.p-recruit-sec2__ttl {
		font-size: 5.333vw;
	}
}

.p-recruit-sec2__list {
	--columnGap: 55px;
	display: flex;
	justify-content: center;
	gap: 40px var(--columnGap);
	margin-top: 33px;
}

.p-recruit-sec2__list > * {
	width: calc((100% - (2 * var(--columnGap))) / 3);
}

@media screen and (max-width: 768px) {
	.p-recruit-sec2__list {
		display: block;
		margin-top: 25px;
	}

	.p-recruit-sec2__list > * {
		width: 100%;
	}

	.p-recruit-sec2__list > * + * {
		margin-top: 40px;
	}
}

.p-recruit-sec2--btn {
	margin-top: 53px;
}
.p-recruit-sec2--btn .c-btn{
	margin:0 auto;
}
@media screen and (max-width: 768px) {
	.p-recruit-sec2--btn {
		margin-top: 38px;
	}
}

/*====================================================
RECRUIT VALUE
====================================================*/
.p-recruit-value-sec1 {
	margin-bottom: 152px;
}
@media screen and (max-width: 768px) {
	.p-recruit-value-sec1 {
		margin-bottom: 26.667vw;
	}
}

.p-recruit-value-sec1__list > * + * {
	border-top: 1px solid #eeeeee;
	padding-top: 50px;
	margin-top: 50px;
}

@media screen and (max-width: 768px) {
	.p-recruit-value-sec1__list > * + * {
		padding-top: 20px;
		margin-top: 30px;
	}
}

.p-recruit-value-sec1__item {
	--imgSize: clamp(300px, 500 / 1366 * 100vw, 500px);
	display: grid;
	grid-template-areas: "content img";
	grid-template-columns: 1fr var(--imgSize);
	align-items: center;
	column-gap: clamp(20px, 68 / 1366 * 100vw, 68px);
}
.p-recruit-value-sec1__item:nth-of-type(even) {
	grid-template-areas: "img content ";
	grid-template-columns: var(--imgSize) 1fr;
}
@media screen and (max-width: 768px) {
	.p-recruit-value-sec1__item,
	.p-recruit-value-sec1__item:nth-of-type(even) {
		display: block;
	}
}

.p-recruit-value-sec1__content {
	grid-area: content;
}

.p-recruit-value-sec1__ttl {
	color: #00798f;
	font-style: italic;
	font-family: var(--font-Cormorant);
	font-weight: 600;
	line-height: 1.5;
	font-size: 32px;
}
@media screen and (max-width: 768px) {
	.p-recruit-value-sec1__ttl {
		text-align: center;
		font-size: 28px;
		font-size: 7.466vw;
	}
}

.p-recruit-value-sec1__ttl--sub {
	font-family: var(--font-Cormorant);
	letter-spacing: 0.06em;
	line-height: 2.6;
	font-size: 14px;
}
@media screen and (max-width: 768px) {
	.p-recruit-value-sec1__ttl--sub {
		text-align: center;
		font-size: 3.733vw;
	}
}

.p-recruit-value-sec1__body {
	line-height: 2;
	letter-spacing: 0.06em;
	font-size: 16px;
	margin-top: 13px;
}

@media screen and (max-width: 768px) {
	.p-recruit-value-sec1__body {
		font-size: 3.733vw;
		margin-top: 4px;
	}
}

.p-recruit-value-sec1__body > * + * {
	margin-top: 9px;
}
@media screen and (max-width: 768px) {
	.p-recruit-value-sec1__body > * + * {
		margin-top: 7px;
	}
}

.p-recruit-value-sec1__img {
	grid-area: img;
	aspect-ratio: 500/290;
}

@media screen and (max-width: 768px) {
	.p-recruit-value-sec1__img {
		margin-top: 14px;
	}
}

.p-recruit-value-sec1__img img {
	height: 100%;
	object-fit: cover;
}

/*====================================================
RECRUIT MEMBER ARCHIVE
====================================================*/
.p-member-archive {
	margin-bottom: 162px;
}
@media screen and (max-width: 768px) {
	.p-member-archive {
		margin-bottom: 26.667vw;
	}
}

.p-member-archive__list {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 60px 55px;
}

@media screen and (max-width: 768px) {
	.p-member-archive__list {
		display: block;
	}
	.p-member-archive__list > * + * {
		margin-top: 40px;
	}
}

/*====================================================
RECRUIT MEMBER SINGLE
====================================================*/
/* p-member-single
----------------------------------------------- */
.p-member-single {
	padding-top: 140px;
}
@media screen and (max-width: 768px) {
	.p-member-single {
		padding-top: 93px;
	}
}
.p-member-single .breadcrumb {
	justify-content: start;
}

.p-member-single-article {
	margin-top: 115px;
	padding-bottom: 160px;
}

@media screen and (max-width: 768px) {
	.p-member-single-article {
		margin-top: 57px;
		padding-bottom: 26.667vw;
	}
}

/* .p-member-single-sec1
----------------------------------------------- */
.p-member-single-sec1__top {
	--thumbnailSize: clamp(380px, 430 / 1366 * 100vw, 430px);
	display: grid;
	grid-template-areas: "img info";
	grid-template-columns: var(--thumbnailSize) 1fr;
	column-gap: clamp(40px, 70 / 1366 * 100vw, 70px);
}
@media screen and (max-width: 768px) {
	.p-member-single-sec1__top {
		grid-template-areas:
			"info"
			"img";
		grid-template-columns: 1fr;
		row-gap: 20px;
	}
}

.p-member-single-sec1__img {
	grid-area: img;
	aspect-ratio: 430/265;
	border: solid 1px #eee;
}
.p-member-single-sec1__img img {
	object-fit: cover;
	height: 100%;
}

.p-member-single-sec1__info {
	grid-area: info;
	padding-top: clamp(24px, 70 / 1366 * 100vw, 70px);
}

.p-member-single-sec1__name {
	font-family: var(--font-serif);
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.5em 17px;
	line-height: 1;
	font-weight: 500;
	font-size: 30px;
	margin-top: 20px;
}

@media screen and (max-width: 768px) {
	.p-member-single-sec1__name {
		font-size: 5.866vw;
	}
}

.p-member-single-sec1__name--en {
	font-family: var(--font-Cormorant);
	color: #5aa395;
	letter-spacing: 0.06em;
	font-size: 14px;
}
@media screen and (max-width: 768px) {
	.p-member-single-sec1__name--en {
		font-size: 3.733vw;
	}
}

.p-member-single-sec1__position {
	line-height: 1.2;
	font-size: 13px;
	margin-top: 13px;
}
@media screen and (max-width: 768px) {
	.p-member-single-sec1__position {
		font-size: 3.466vw;
	}
}

.p-member-single-sec1__body {
	background-color: #fafafa;
	line-height: 2;
	letter-spacing: 0.06em;
	font-size: 16px;
	padding: 78px 44px 39px 75px;
	margin-top: -45px;
	margin-left: 50px;
}
@media screen and (max-width: 768px) {
	.p-member-single-sec1__body {
		font-size: 3.733vw;
		padding-top: 62px;
		padding-inline: 28px;
		padding-bottom: 33px;
		margin-top: -40px;
		margin-inline: calc(50% - 50vw);
	}
}

.p-member-single-sec1__body a {
	text-decoration: underline;
	color: #00798f;
}

.p-member-single-sec1__body > * + * {
	margin-top: 1em;
}

/* p-member-single-sec2
----------------------------------------------- */
.p-member-single-sec2 {
	border-top: 1px solid #eeeeee;
	padding-top: 60px;
	margin-top: 60px;
}

.p-member-single-sec2__list > * + * {
	margin-top: 75px;
}
@media screen and (max-width: 768px) {
	.p-member-single-sec2__list > * + * {
		margin-top: 35px;
	}
}

.p-member-single-sec2__item {
	position: relative;
}

.p-member-single-sec2__back {
	margin-top: 120px;
}

@media screen and (max-width: 768px) {
	.p-member-single-sec2__back {
		margin-top: 80px;
	}
}

/* =====コンテンツ内のimgタグ===== */
.p-member-single-sec2 img {
	display: block;
	width: min(540px, 100%);
	margin-inline: auto;
	margin-bottom: 26px;
}

.p-member-single-sec2 img {
	margin-bottom: 15px;
}

/* p-member-toggle
----------------------------------------------- */
.p-member-toggle {
	position: relative;
}

.p-member-toggle__head {
	position: relative;
	--paddingInline: 20px;
	--iconSize: 10px;
	--columnGap: 10px;
	background-color: #d0eaef;
	font-family: var(--font-serif);
	border-radius: 3px;
	font-weight: 500;
	line-height: 1.5;
	font-size: 20px;
	letter-spacing: 0.06em;
	padding: 15px var(--paddingInline);
}
@media screen and (max-width: 768px) {
	.p-member-toggle__head {
		--paddingInline: 15px;
		cursor: pointer;
		font-size: 3.733vw;
		padding-top: 8px;
		padding-right: calc(var(--paddingInline) + var(--iconSize) + var(--columnGap));
		padding-bottom: 8px;
	}
}

.p-member-toggle__head::before {
	content: "-";
}

@media screen and (max-width: 768px) {
	.p-member-toggle__head::after {
		content: "";
		position: absolute;
		top: 50%;
		right: var(--paddingInline);
		translate: 0 -50%;
		aspect-ratio: 1;
		width: var(--iconSize);
		mask-position: center center;
		mask-repeat: no-repeat;
		mask-size: contain;
		background-color: #00798f;
		transition: all 0.5s ease;
		transition-property: mask-image, rotate;
	}
}

.p-member-toggle__content--inner {
	display: grid;
	grid-template-rows: 1fr;
	transition: all 0.5s ease;
	transition-property: grid-template-rows;
}

.p-member-toggle__content--inner2 {
	overflow: hidden;
}

.p-member-toggle__content {
	letter-spacing: 0.1em;
	line-height: 1.6;
	font-size: 16px;
	padding-top: 30px;
}
@media screen and (max-width: 768px) {
	.p-member-toggle__content {
		line-height: 1.8;
		letter-spacing: 0.04em;
		font-size: 3.733vw;
		padding-top: 15px;
	}
}
.p-member-toggle__content > * + * {
	margin-top: 2em;
}
@media screen and (max-width: 768px) {
	.p-member-toggle__content > * + * {
		margin-top: 1em;
	}
}

/* =====状態変化(SP時のみ)===== */
@media screen and (max-width: 768px) {
	/* open */
	.p-member-toggle[data-is-close="false"] .p-member-toggle__content--inner {
		grid-template-rows: 1fr;
	}
	.p-member-toggle[data-is-close="false"] .p-member-toggle__head::after {
		mask-image: url(../img/icon_toggle_minus.svg);
		rotate: 180deg;
	}

	/* close */
	.p-member-toggle[data-is-close="true"] .p-member-toggle__content--inner {
		grid-template-rows: 0fr;
	}
	.p-member-toggle[data-is-close="true"] .p-member-toggle__head::after {
		mask-image: url(../img/icon_toggle_plus.svg);
	}

	/* default close */
	.p-member-toggle[data-default-close="true"] .p-member-toggle__content--inner {
		grid-template-rows: 0fr;
	}
	.p-member-toggle[data-default-close="true"] .p-member-toggle__head::after {
		mask-image: url(../img/icon_toggle_plus.svg);
	}
}