@charset "UTF-8";

.p-about {
	margin-bottom: 180px;
}
@media screen and (max-width: 46.875em) {
	.p-about {
		margin-bottom: 90px;
	}
}

.p-about__anchor {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding: 36px 38px;
	border-radius: 100vh;
	background: url(/pc/recruit/assets/img/work/office/connect_txt.svg) no-repeat center/clamp(210px, 0px + 19.4444444444vw, 280px);
	background-color: #fff;
	margin-top: 60px;
}
@media screen and (max-width: 46.875em) {
	.p-about__anchor {
		background-image: url(/pc/recruit/assets/img/work/office/connect_txt_sp.svg);
		background-size: calc(63 / 375 * 100vw);
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		gap: calc(97 / 375 * 100vw);
		padding: calc(22 / 375 * 100vw) calc(20 / 375 * 100vw);
	}
}

.p-about__anchor-item {
	width: clamp(360px, 0px + 33.3333333333vw, 480px);
	height: clamp(360px, 0px + 33.3333333333vw, 480px);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	text-align: center;
}
.p-about__anchor-item.--onsite a {
	background-color: #ffd890;
}
@media print, screen and (min-width: 46.9375em) {
	.p-about__anchor-item.--onsite a:hover {
		background-color: #ffe8bc;
	}
	.p-about__anchor-item.--onsite a:hover .p-about__anchor-name-link {
		border: clamp(3px, 0px + 0.2777777778vw, 4px) solid #ffd890;
	}
}
.p-about__anchor-item.--main a {
	background-color: #ffd0d0;
}
@media print, screen and (min-width: 46.9375em) {
	.p-about__anchor-item.--main a:hover {
		background-color: #ffe3e3;
	}
	.p-about__anchor-item.--main a:hover .p-about__anchor-name-link {
		border: clamp(3px, 0px + 0.2777777778vw, 4px) solid #ffd0d0;
	}
}
.p-about__anchor-item a {
	border-radius: 50%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 100%;
	height: 100%;
	-webkit-transition: background-color 0.16s;
	transition: background-color 0.16s;
}
@media screen and (max-width: 46.875em) {
	.p-about__anchor-item {
		width: 100%;
		height: auto;
		aspect-ratio: 1/1;
	}
}

.p-about__anchor-num {
	font-family: "Barlow Condensed", sans-serif;
	font-weight: 700;
	font-size: clamp(105px, 0px + 9.7222222222vw, 140px);
	color: #fff;
	line-height: 0.6;
	margin-bottom: clamp(30px, 0px + 2.7777777778vw, 40px);
}
@media screen and (max-width: 46.875em) {
	.p-about__anchor-num {
		font-size: calc(85 / 375 * 100vw);
		margin-bottom: calc(18 / 375 * 100vw);
	}
}

.p-about__anchor-name {
	font-size: clamp(45px, 0px + 4.1666666667vw, 60px);
	font-weight: 700;
	line-height: 1.5;
}
@media screen and (max-width: 46.875em) {
	.p-about__anchor-name {
		font-size: calc(38 / 375 * 100vw);
	}
}

.p-about__anchor-name-sub {
	font-size: clamp(15px, 0px + 1.3888888889vw, 20px);
}
@media screen and (max-width: 46.875em) {
	.p-about__anchor-name-sub {
		font-size: calc(16 / 375 * 100vw);
	}
}

.p-about__anchor-name-link {
	margin-top: clamp(22.5px, 0px + 2.0833333333vw, 30px);
	background-color: #fff;
	border-radius: 100vh;
	max-width: clamp(180px, 0px + 16.6666666667vw, 240px);
	width: 100%;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	gap: clamp(7.5px, 0px + 0.6944444444vw, 10px);
	padding: clamp(9px, 0px + 0.8333333333vw, 12px) 0;
	font-size: clamp(15px, 0px + 1.3888888889vw, 20px);
	border: clamp(3px, 0px + 0.2777777778vw, 4px) solid #fff;
	-webkit-transition: border 0.16s;
	transition: border 0.16s;
}
.p-about__anchor-name-link [class*=c-icon] {
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
	font-size: clamp(22.5px, 0px + 2.0833333333vw, 30px);
}
@media screen and (max-width: 46.875em) {
	.p-about__anchor-name-link {
		max-width: calc(146 / 375 * 100vw);
		font-size: calc(16 / 375 * 100vw);
		gap: calc(3 / 375 * 100vw);
		padding: calc(7 / 375 * 100vw) 0;
	}
}

.p-cnt__ttl {
	font-size: 20rem;
	line-height: 0.84;
	margin-bottom: 40px;
	letter-spacing: 0.06em;
	font-family: "Barlow Condensed", sans-serif;
	text-align: center;
	color: #fff;
}
@media screen and (max-width: 46.875em) {
	.p-cnt__ttl {
		font-size: 10rem;
		margin-bottom: 20px;
	}
}

.p-cnt__data {
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: (1fr)[2];
	grid-template-columns: repeat(2, 1fr);
	gap: 30px;
}
@media screen and (max-width: 46.875em) {
	.p-cnt__data {
		-ms-grid-columns: 1fr;
		grid-template-columns: 1fr;
	}
}

.p-cnt__data-item {
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: 140px 1fr;
	grid-template-columns: 140px 1fr;
}
.p-cnt__data-item dt {
	font-size: 2.4rem;
	font-weight: 700;
	line-height: 1.4;
	background-color: #e68432;
	color: #fff;
	text-align: center;
	padding: 20px;
	height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}
.p-cnt__data-item dd {
	border: 1px solid #e68432;
	padding: 17px 30px;
	font-size: 2rem;
}
@media print, screen and (min-width: 46.9375em) {
	.p-cnt__data-item:nth-child(5) {
		-ms-grid-column: 1;
		-ms-grid-column-span: 2;
		grid-column: 1/3;
		width: 100%;
		max-width: 600px;
		-ms-grid-column-align: center;
		justify-self: center;
	}
}
@media screen and (max-width: 46.875em) {
	.p-cnt__data-item {
		-ms-grid-columns: 1fr;
		grid-template-columns: 1fr;
	}
	.p-cnt__data-item dt {
		padding: 10px;
		font-size: 1.8rem;
	}
	.p-cnt__data-item dd {
		font-size: 1.6rem;
		text-align: center;
		padding: 10px;
	}
}

.p-cnt + .p-cnt {
	margin-top: 160px;
}
@media screen and (max-width: 46.875em) {
	.p-cnt + .p-cnt {
		margin-top: 120px;
	}
}

.p-cnt__plus {
	text-align: center;
	margin: 60px 0;
	font-size: 6rem;
	font-weight: 700;
	line-height: 0.8;
}

.p-cnt__work-head {
	background-color: #e68432;
	padding: 20px 0;
	text-align: center;
}

.p-cnt__work-head-ttl {
	font-size: 3.4rem;
	line-height: 1.8;
	letter-spacing: 0.05em;
	font-weight: 700;
}

.p-cnt__work-body {
	border: 1px solid #e68432;
	padding: 40px;
}
@media print, screen and (min-width: 46.9375em) {
	.p-cnt__work-body {
		text-align: center;
	}
}
@media screen and (max-width: 46.875em) {
	.p-cnt__work-body {
		padding: 40px 10px;
	}
}

.p-box {
	background-color: #f5f5f5;
	padding: 30px;
	border-radius: 10px;
}
@media screen and (max-width: 46.875em) {
	.p-box {
		padding: 30px 15px;
	}
}

@media screen and (max-width: 46.875em) {
	.p-schedule .p-table th {
		padding: 10px !important;
	}
}
.p-schedule .p-table th .p-table__headline {
	font-size: 3rem;
	line-height: 1.4;
	letter-spacing: 0.06em;
}
@media screen and (max-width: 46.875em) {
	.p-schedule .p-table th .p-table__headline {
		font-size: 2rem;
	}
}
.p-schedule .p-table td .p-table__ttl {
	text-align: left;
	font-size: 3rem;
	line-height: 1.4;
	letter-spacing: 0.06em;
	margin-bottom: 5px;
}
@media screen and (max-width: 46.875em) {
	.p-schedule .p-table td .p-table__ttl {
		font-size: 2rem;
	}
}
.p-schedule .p-table td .p-table__txt {
	text-align: left;
	font-size: 2rem;
	line-height: 1.4;
	letter-spacing: 0.06em;
}
@media screen and (max-width: 46.875em) {
	.p-schedule .p-table td .p-table__txt {
		font-size: 1.6rem;
	}
}

.p-schedule__label-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 40px;
	margin-top: 20px;
}
@media screen and (max-width: 46.875em) {
	.p-schedule__label-list {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		gap: 5px;
	}
}

.p-schedule__label {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 20px;
	font-size: 2rem;
	letter-spacing: 0.06em;
	line-height: 1.4;
}
.p-schedule__label::before {
	content: "";
	width: 50px;
	height: 10px;
	display: block;
}
.p-schedule__label.--pink::before {
	background-color: #ffd0d0;
}
.p-schedule__label.--yellow::before {
	background-color: #ffd890;
}
.p-schedule__label.--blue::before {
	background-color: #9ed8f5;
}
@media screen and (max-width: 46.875em) {
	.p-schedule__label {
		font-size: 1.6rem;
	}
}

.p-organization__items {
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: (1fr)[2];
	grid-template-columns: repeat(2, 1fr);
	gap: 20px;
}
@media screen and (max-width: 78.625em) {
	.p-organization__items .p-box {
		padding: 24px;
	}
}
@media screen and (max-width: 46.875em) {
	.p-organization__items {
		-ms-grid-columns: 1fr;
		grid-template-columns: 1fr;
	}
	.p-organization__items .p-box {
		padding: 30px 15px;
	}
}

.p-organization__ttl {
	font-weight: 700;
	text-align: center;
	margin-bottom: 30px;
	padding-bottom: 30px;
	border-bottom: 1px solid #999;
}

.p-organization__list + .p-organization__list {
	margin-top: 20px;
}
.p-organization__list dt {
	font-weight: 700;
}
@media print, screen and (min-width: 46.9375em) {
	.p-organization__list {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		gap: 20px;
	}
}
@media screen and (max-width: 46.875em) {
	.p-organization__list dt {
		text-align: center;
		margin-bottom: 10px;
	}
	.p-organization__list dd {
		text-align: center;
	}
}