.u-idxTtl .c-idxTtl__col {
	background-color: #f8fafc;
}
.u-idxTtl .c-idxTtl__col::before {
	background-image: url(/recruit/about/images/about_mv.png);
}
.u-idxTtl .c-idxTtl__main::before {
	background-color: #c5c9d5;
}
/* SP
-------------------------------------*/
@media screen and (max-width: 768px) {
	.u-idxTtl .c-idxTtl__col {
		min-height: calc(450 * var(--rs));
	}
	.u-idxTtl .c-idxTtl__col::before {
		background-image: url(/recruit/about/images/sp_about_mv.png);
	}
}


.u-sec {
	margin-top: calc(160 * var(--rs));
	container-type: inline-size;
}
.u-sec__cts {
	margin-top: calc(40 * var(--rs));
}
.u-sec__cts > *:first-child {
	margin-top: 0;
}
.u-sec__img {
	overflow: hidden;
	border-radius: calc(8 * var(--rs));
}
.u-sec__imgWrap01 {
	display: flex;
	justify-content: space-between;
	align-items: end;
}
.u-sec__imgWrap01 .u-sec__img:nth-child(1) {
	width: calc(1200 * var(--rs));
	margin-left: calc(-360 * var(--rs));
	border-radius: 0 calc(16 * var(--rs)) calc(16 * var(--rs)) 0;
}
.u-sec__imgWrap01 .u-sec__img:nth-child(2) {
	width: calc(276 * var(--rs));
}
.u-sec__imgWrap02 {
	display: grid;
	grid-template-columns: 932fr 389fr 511fr;
	grid-template-rows: auto auto;
	gap: calc(24 * var(--rs));
	padding: 0 calc(20 * var(--rs));
}
.u-sec__imgWrap02 .u-sec__img:nth-child(1) {
	grid-area: 1 / 1 / 3 / 2;
}
.u-sec__imgWrap02 .u-sec__img:nth-child(2) {
	grid-area: 1 / 2 / 2 / 3;
}
.u-sec__imgWrap02 .u-sec__img:nth-child(3) {
	grid-area: 2 / 2 / 3 / 3;
}
.u-sec__imgWrap02 .u-sec__img:nth-child(4) {
	grid-area: 1 / 3 / 3 / 4;
}
@media screen and (min-width: 1921px) {
	.u-sec__imgWrap01 .u-sec__img:nth-child(1) {
		border-radius: calc(16 * var(--rs));
	}
}
/* PC
-------------------------------------*/
@media screen and (min-width: 769px) {
	.l-recruitHeader + .u-sec {
		margin-top: calc((160 - 17) * var(--rs));
	}
}
/* SP
-------------------------------------*/
@media screen and (max-width: 768px) {
	.u-sec {
		margin-top: calc(80 * var(--rs));
	}
	.u-sec__img {
		border-radius: calc(4 * var(--rs));
	}
	.u-sec__imgWrap01 .u-sec__img:nth-child(1) {
		width: calc(267 * var(--rs));
		margin-left: calc(-25 * var(--rs));
		border-radius: 0 calc(4 * var(--rs)) calc(4 * var(--rs)) 0;
	}
	.u-sec__imgWrap01 .u-sec__img:nth-child(2) {
		width: calc(75 * var(--rs));
	}


	.u-sec__imgWrap02 {
		grid-template-columns: 148fr 194fr;
		grid-template-rows: repeat(3, auto);
		gap: calc(8 * var(--rs));
		padding: 0 calc(12 * var(--rs));
	}
	.u-sec__imgWrap02 .u-sec__img:nth-child(1) {
		grid-area: 1 / 1 / 2 / 3;
	}
	.u-sec__imgWrap02 .u-sec__img:nth-child(2) {
		grid-area: 2 / 1 / 3 / 2;
	}
	.u-sec__imgWrap02 .u-sec__img:nth-child(3) {
		grid-area: 3 / 1 / 4 / 2;
	}
	.u-sec__imgWrap02 .u-sec__img:nth-child(4) {
		grid-area: 2 / 2 / 4 / 3;
	}
}


.u-media {
	display: flex;
	gap: calc(122 * var(--rs));
	margin-top: calc(120 * var(--rs));
}
.u-media__col {
	flex: 1;
}
.u-media__lead {
	display: flex;
	align-items: end;
	flex-wrap: wrap;
	gap: 0 calc(8 * var(--rs));
	font-weight: bold;
	line-height: 1;
}
.u-media__lead > .small {
	padding-bottom: calc(8 * var(--rs));
	font-size: calc(20 * var(--rs));
	letter-spacing: 0.04em;
}
.u-media__lead > .small:not(.--block) {
	line-height: 1.5;
}
.u-media__lead > .small.--block {
	width: 100%;
	padding-bottom: calc(4 * var(--rs));
}
.u-media__lead:has( > .small.--block) + * {
	margin-top: calc(19 * var(--rs));
}
.u-media__lead > .num {
	color: var(--font-color-main);
	font-family: var(--font-montserrat);
	font-size: calc(100 * var(--rs));
	letter-spacing: 0.04em;
}
.u-media__lead > .num + * {
	margin-left: calc(-3 * var(--rs));
}
.u-media__lead > span:not([class]) {
	padding-bottom: calc(15 * var(--rs));
	font-size: calc(36 * var(--rs));
	letter-spacing: 0.04em;
}
.u-media__ttl {
	margin-top: calc(10 * var(--rs));
	font-weight: bold;
	font-size: calc(40 * var(--rs));
	line-height: 1.5;
	letter-spacing: 0.04em;
}
.u-media__txt {
	margin-top: calc(20 * var(--rs));
	line-height: 1.8;
	letter-spacing: 0.04em;
}
.u-media__img {
	flex-basis: calc(530 * var(--rs));
}
/* PC
-------------------------------------*/
@media screen and (min-width: 769px) {
	.u-media:not(.--col-reverse) .u-media__col {
		margin-top: calc(100 * var(--rs));
	}
	.u-media:not(.--col-reverse) .u-media__img {
		margin-right: calc(68 * var(--rs));
	}
	.u-media.--col-reverse {
		flex-direction: row-reverse;
		gap: calc(72 * var(--rs));
	}
	.u-media.--col-reverse .u-media__img {
		flex-basis: calc(718 * var(--rs));
		margin-top: calc(61 * var(--rs));
		margin-left: calc(-70 * var(--rs));
	}
}
/* SP
-------------------------------------*/
@media screen and (max-width: 768px) {
	.u-media {
		display: block;
	}
	.u-media__lead {
		gap: 0 calc(12 * var(--rs));
	}
	.u-media__lead > .small {
		padding-bottom: calc(7 * var(--rs));
		font-size: calc(18 * var(--rs));
	}
	.u-media__lead > .small:not(:has(.--block)) {
		margin-right: calc(11 * var(--rs));
	}
	.u-media__lead > .small.--block {
		padding-bottom: calc(3 * var(--rs));
	}
	.u-media__lead:has( > .small.--block) + * {
		margin-top: calc(16 * var(--rs));
	}
	.u-media__lead > .num {
		font-size: calc(80 * var(--rs));
	}
	.u-media__lead > .num + * {
		margin-left: calc(-2 * var(--rs));
	}
	.u-media__lead > span:not([class]) {
		padding-bottom: calc(12 * var(--rs));
		font-size: calc(30 * var(--rs));
	}
	.u-media__ttl {
		margin-top: calc(9 * var(--rs));
		font-size: calc(28 * var(--rs));
	}
	.u-media__img {
		margin-top: calc(20 * var(--rs));
	}
}


.u-panel {
	display: flex;
	flex-direction: column;
	gap: calc(15 * var(--rs));
	margin-top: calc(160 * var(--rs));
}
.u-panel__row {
	display: flex;
	gap: calc(15 * var(--rs));
}
.u-panel__row > * {
	flex: 1;
}
.u-panel__col {
	display: flex;
	flex-direction: column;
	gap: calc(15 * var(--rs));
}
.u-panel__col > .u-panel__item {
	flex: 1;
}
.u-panel__item {
	position: relative;
	min-height: calc(218 * var(--rs));
	padding: calc(44 * var(--rs)) calc(10 * var(--rs)) calc(20 * var(--rs));
	border-radius: calc(8 * var(--rs));
	border: 1px solid #EBEEF0;
	box-shadow: 0 0 calc(20 * var(--rs)) 0 rgba(0, 52, 99, 0.02);
	overflow: hidden;
}
.u-panel__dlList {
	display: block;
	height: 100%;
}
.u-panel__term {
	font-weight: bold;
	font-size: calc(20 * var(--rs));
	line-height: 1.5;
	letter-spacing: 0.04em;
	text-align: center;
}
.u-panel__term.--text-left {
	text-align: left;
}
.u-panel__dsc {
	margin-top: calc(21 * var(--rs));
}
.u-panel__dsc .num {
	color: var(--font-color-main);
	font-weight: bold;
	font-family: var(--font-montserrat);
	font-size: calc(80 * var(--rs));
	line-height: 1;
	letter-spacing: 0.04em;
}
.u-panel__dsc .num + * {
	margin-left: calc(-3 * var(--rs));
}
.u-panel__dsc .small {
	font-size: calc(20 * var(--rs));
	letter-spacing: 0.04em;
}
.u-panel__line {
	display: flex;
	justify-content: center;
	align-items: end;
	gap: calc(8 * var(--rs));
	font-weight: bold;
	line-height: 1;
	white-space: nowrap;
}
.u-panel__line > span:not([class]) {
	padding-bottom: calc(11 * var(--rs));
	font-size: calc(36 * var(--rs));
	letter-spacing: 0.04em;
}
.u-panel__line > .small {
	padding-bottom: calc(10 * var(--rs));
}
.u-panel__box {
	max-width: calc(350 * var(--rs));
	margin-top: calc(7 * var(--rs));
	padding: calc(26 * var(--rs));
	border-radius: calc(8 * var(--rs));
	background-color: #F7F7F7;
	color: #777;
	font-weight: bold;
	font-size: calc(15 * var(--rs));
	line-height: 1.5;
	letter-spacing: 0.04em;
}
.u-panel__note {
	margin-top: calc(8 * var(--rs));
	color: #777;
	font-weight: bold;
	font-size: calc(15 * var(--rs));
	line-height: 1.5;
	letter-spacing: 0.04em;
}
.u-panel__access {
	margin-top: calc(8 * var(--rs));
}
.u-panel__access > p {
	display: grid;
	grid-template-columns: calc(94 * var(--rs)) auto;
	gap: calc(2 * var(--rs)) calc(8 * var(--rs));
	line-height: 1.8;
}
.u-panel__access > p:not(:first-child) {
	margin-top: calc(2 * var(--rs));
}
.u-panel__access .time {
	position: relative;
	padding-left: calc(16 * var(--rs));
}
.u-panel__access .time::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	width: 8px;
	height: 1px;
	transform: translateY(-50%);
	background-image: repeating-linear-gradient(90deg, currentColor, currentColor 2px, transparent 2px, transparent 4px);
  background-position: left -1px top;
  background-repeat: repeat-x;
  background-size: 4px 1px;
}
.u-panel__link {
	margin-top: calc(8 * var(--rs));
}
.u-panel__link > a {
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	font-family: var(--font-montserrat);
	font-weight: bold;
	font-size: calc(32 * var(--rs));
	line-height: 1;
	letter-spacing: 0.04em;
}
.u-panel__link > a::after {
	content: "";
	display: block;
	width: calc(24 * var(--rs));
	height: calc(24 * var(--rs));
	background-color: #777777;
	-webkit-mask: url(/recruit/common/images/icn_blank_bl.svg) no-repeat center / contain;
	mask: url(/recruit/common/images/icn_blank_bl.svg) no-repeat center / contain;
}
@media (any-hover: hover) {
	.u-panel__link > a:hover {
		text-decoration: underline;
	}
}
.u-panel__img {
	max-width: calc(420 * var(--rs));
	margin: calc(36 * var(--rs)) auto 0;
}
.u-panel__label {
	margin-top: calc(16 * var(--rs));
	display: inline-block;
	padding: calc(6 * var(--rs)) calc(17 * var(--rs)) calc(8 * var(--rs));
	border-radius: calc(80 * var(--rs));
	background-color: #F7F7F7;
	color: #777;
	font-weight: bold;
	line-height: 1.5;
	letter-spacing: 0.04em;
}
.u-panel__list {
	display: flex;
	flex-wrap: wrap;
	gap: calc(16 * var(--rs));
	margin-top: calc(30 * var(--rs));
}
.u-panel__list > li {
	position: relative;
	padding: calc(4 * var(--rs)) calc(4 * var(--rs)) calc(4 * var(--rs)) calc(22 * var(--rs));
	color: #777;
	font-weight: bold;
	font-size: calc(24 * var(--rs));
	line-height: 1;
	letter-spacing: 0.04em;
}
.u-panel__list > li::before {
	content: "";
	position: absolute;
	top: 50%;
	left: calc(4 * var(--rs));
	transform: translateY(-50%);
	width: calc(10 * var(--rs));
	height: calc(4 * var(--rs));
	border-radius: calc(200 * var(--rs));
	background-color: var(--font-color-main);
}

.u-company__panel01::before,
.u-company__panel01::after {
	content: "";
	position: absolute;
	background: no-repeat center / contain;
}
.u-company__panel01::before {
	left: calc(27 * var(--rs));
	bottom: calc(-2 * var(--rs));
	width: calc(41 * var(--rs));
	height: calc(83 * var(--rs));
	background-image: url(/recruit/about/images/company_panel_img01.png);
}
.u-company__panel01::after {
	top: calc(53 * var(--rs));
	right: calc(22 * var(--rs));
	width: calc(64 * var(--rs));
	height: calc(65 * var(--rs));
	background-image: url(/recruit/about/images/company_panel_img02.png);
}


.u-company__panel04 .u-panel__dlItem:nth-child(1) .u-panel__box {
	padding: calc(21 * var(--rs)) calc(19 * var(--rs)) calc(23 * var(--rs)) calc(20 * var(--rs));
}
.u-company__panel04 .u-panel__dlItem:nth-child(2) {
	width: calc(321 * var(--rs));
	padding-top: calc(26 * var(--rs));
}
.u-company__panel04 .u-panel__dlItem:nth-child(2) .u-panel__term {
	padding-left: calc(52 * var(--rs));
	font-size: calc(15 * var(--rs));
	text-align: left;
}
.u-company__panel04 .u-panel__dlItem:nth-child(2) .u-panel__dsc {
	margin-top: calc(-4 * var(--rs));
}
.u-company__panel04 .u-panel__dlItem:nth-child(2) .u-panel__dsc .num {
	font-size: calc(49 * var(--rs));
}
.u-company__panel04 .u-panel__dlItem:nth-child(2) .u-panel__dsc .small {
	font-size: calc(15 * var(--rs));
	line-height: 1.2;
}
.u-company__panel04 .u-panel__dlItem:nth-child(2) .u-panel__line {
	justify-content: start;
	gap: calc(4 * var(--rs));
	padding-left: calc(49 * var(--rs));
}
.u-company__panel04 .u-panel__dlItem:nth-child(2) .u-panel__line > .small {
	padding-bottom: calc(3 * var(--rs));
}
.u-company__panel04 .u-panel__dlItem:nth-child(2) .u-panel__line > span:not([class]) {
	padding-bottom: calc(6 * var(--rs));
	font-size: calc(22 * var(--rs));
}
.u-company__panel04 .u-panel__img {
	display: block;
	width: calc(322 * var(--rs));
	margin-top: calc(-14 * var(--rs));
	margin-left: calc(-2 * var(--rs));
}

.u-company__panel05 .u-panel__box {
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}

.u-company__panel06 {
	position: relative;
	padding-top: calc(122 * var(--rs));
	padding-bottom: calc(26 * var(--rs));
}
.u-company__panel06::before {
	content: "";
	position: absolute;
	top: calc(-427 * var(--rs));
	left: calc(18 * var(--rs));
	width: calc(580 * var(--rs));
	height: calc(578 * var(--rs));
	background: url(/recruit/about/images/company_panel_img04.png) no-repeat center / contain;
	z-index: -1;
}
.u-company__panel06 .u-panel__dsc {
	margin-top: calc(33 * var(--rs));
	text-align: center;
}
.u-company__panel06 .u-panel__note {
	position: relative;
}
.u-company__panel06 .u-panel__note::before {
	content: "";
	position: absolute;
	bottom: calc(-24 * var(--rs));
	left: 50%;
	transform: translate(-50%, 100%);
	width: calc(12 * var(--rs));
	height: calc(47 * var(--rs));
	background: url(/recruit/about/images/icn_arw_b.svg) no-repeat center / contain;
}
.u-company__panel06 .u-panel__label {
	margin-top: calc(87 * var(--rs));
}
.u-company__panel06 .u-panel__lineWrap {
	margin-top: calc(24 * var(--rs));
	padding-left: calc(97 * var(--rs));
	text-align: left;
}
.u-company__panel06 .u-panel__lineWrap .u-panel__line {
	display: inline-flex;
	position: relative;
	padding-right: calc(196 * var(--rs));
}
.u-company__panel06 .u-panel__lineWrap .u-panel__line::before,
.u-company__panel06 .u-panel__lineWrap .u-panel__line::after {
	content: "";
	position: absolute;
	background: no-repeat center / contain;
}
.u-company__panel06 .u-panel__lineWrap .u-panel__line::before {
	top: calc(33 * var(--rs));
	right: calc(74 * var(--rs));
	width: calc(85 * var(--rs));
	height: calc(87 * var(--rs));
	background-image: url(/recruit/about/images/company_panel_img05.png);
}
.u-company__panel06 .u-panel__lineWrap .u-panel__line::after {
	top: calc(10 * var(--rs));
	right: 0;
	width: calc(52 * var(--rs));
	height: calc(107 * var(--rs));
	background-image: url(/recruit/about/images/company_panel_img06.png);
}

.u-employee__panel03 {
	text-align: center;
}
.u-employee__panel03 .u-panel__term {
	display: inline-block;
	position: relative;
	padding-right: calc(49 * var(--rs));
}
.u-employee__panel03 .u-panel__term::after {
	content: "";
	position: absolute;
	top: calc(-14 * var(--rs));
	right: calc(-19 * var(--rs));
	width: calc(49 * var(--rs));
	height: calc(48 * var(--rs));
	background: url(/recruit/about/images/employee_panel_img02.svg) no-repeat center / contain;
}
.u-employee__panel03 .u-panel__line {
	align-items: center;
	gap: 0 calc(30 * var(--rs));
}
.u-employee__panel03 .u-panel__line > span:not([class]) {
	padding: 0;
}
.u-employee__panel03 .u-panel__line > span:not([class]):not(:has(.num)) {
	transform: translateY(calc(-10 * var(--rs)));
	letter-spacing: normal;
}
.u-employee__panel03 .u-panel__line > span:not([class]) > * {
	display: block;
}

.u-employee__panel03 .u-panel__line .u-panel__note {
	margin-top: calc(2 * var(--rs));
	line-height: 1;
	text-align: center;
}

.u-employee__panel04 {
	position: relative;
	padding: calc(32 * var(--rs)) calc(64 * var(--rs)) calc(37 * var(--rs)) calc(57 * var(--rs));
}
.u-employee__panel04::before {
	content: "";
	position: absolute;
	top: calc(15 * var(--rs));
	right: calc(57 * var(--rs));
	width: calc(231 * var(--rs));
	height: calc(186 * var(--rs));
	background: url(/recruit/about/images/employee_panel_img03.png) no-repeat center / contain;
}

.u-employee__panel07::before {
	content: "";
	position: absolute;
	right: calc(34 * var(--rs));
	bottom: calc(28 * var(--rs));
	width: calc(72 * var(--rs));
	height: calc(90 * var(--rs));
	background: url(/recruit/about/images/employee_panel_img05.png) no-repeat center / contain;
}
.u-employee__panel07 .u-panel__img {
	width: calc(250 * var(--rs));
	margin-top: 0;
}
.u-employee__panel07 .u-panel__note {
	margin-top: calc(20 * var(--rs));
	line-height: 1;
	text-align: center;
}

.u-employee__panel08 {
	padding-bottom: calc(58 * var(--rs));
}

.u-employee__panel09 {
	padding-right: calc(10 * var(--rs));
	padding-left: calc(40 * var(--rs));
}
/* PC
-------------------------------------*/
@media screen and (min-width: 769px) {
	.u-panel__col.--flex-grow-2 {
		flex-grow: 2;
	}
	.u-panel__item.--spacing-s {
		padding-top: calc(31 * var(--rs));
		padding-bottom: calc(29 * var(--rs));
	}
	.u-panel__term.--pc-large {
	font-size: calc(28 * var(--rs));
	}
	.u-panel__dsc.--pc-gap-16 {
		margin-top: calc(16 * var(--rs));
	}
	.u-panel__dsc.--pc-gap-8 {
		margin-top: calc(8 * var(--rs));
	}
	.u-panel__dsc .num.--pc-large {
		font-size: calc(140 * var(--rs));
	}
	.u-panel__dsc .num.--pc-large + * {
		margin-left: calc(-5 * var(--rs));
	}
	
	.u-panel__term.--pc-text-left {
		text-align: left;
	}

	.u-company__panel04 {
		padding: calc(46 * var(--rs)) calc(47 * var(--rs)) calc(44 * var(--rs)) calc(63 * var(--rs));
	}
	.u-company__panel04 .u-panel__dlList {
		display: flex;
		gap: 0 calc(42 * var(--rs));
	}
	.u-company__panel04 .u-panel__dlItem:nth-child(1) {
		flex: 1;
	}
	.u-company__panel04 .u-panel__dlItem:nth-child(1) .u-panel__dsc {
		margin-top: calc(25 * var(--rs));
	}
	.u-company__panel04 .u-panel__dlItem:nth-child(1) .u-panel__note {
		margin-top: calc(24 * var(--rs));
	}
	.u-company__panel04 .u-panel__dlItem:nth-child(1) .u-panel__box {
		max-width: calc(305 * var(--rs));
		margin-top: calc(20 * var(--rs));
	}

	.u-company__panel06 .u-panel__line > span:not([class]) {
		font-size: calc(40 * var(--rs));
		padding-bottom: calc(20 * var(--rs));
	}

	.u-employee__panel04 .u-panel__dsc {
		margin-top: calc(27 * var(--rs));
	}
	.u-employee__panel04 .u-panel__line {
		justify-content: start;
		padding: 0 calc(80 * var(--rs));
	}
}
/* SP
-------------------------------------*/
@media screen and (max-width: 768px) {
	.u-panel {
		gap: calc(12 * var(--rs));
		margin-top: calc(80 * var(--rs));
	}
	.u-panel__row {
		flex-direction: column;
		gap: calc(12 * var(--rs));
	}
	.u-panel__row > * {
		flex: initial;
	}
	.u-panel__col {
		display: contents;
	}
	.u-panel__item {
		min-height: initial;
		padding: calc(23 * var(--rs)) calc(19 * var(--rs)) calc(31 * var(--rs));
	}
	.u-panel__item.--sp-order {
		order: -1;
	}
	.u-panel__term {
		font-size: calc(18 * var(--rs));
	}
	.u-panel__dsc {
		margin-top: calc(16 * var(--rs));
	}
	.u-panel__dsc .num {
		font-size: calc(56 * var(--rs));
	}
	.u-panel__dsc .num + * {
		margin-left: calc(-2 * var(--rs));
	}
	.u-panel__dsc .small {
		font-size: calc(18 * var(--rs));
	}
	.u-panel__line {
		gap: calc(4 * var(--rs));
	}
	.u-panel__line > span:not([class]) {
		padding-bottom: calc(8 * var(--rs));
		font-size: calc(24 * var(--rs));
	}
	.u-panel__line > .small {
		padding-bottom: calc(8 * var(--rs));
	}
	.u-panel__box {
		margin-top: calc(16 * var(--rs));
		padding: calc(16 * var(--rs)) calc(20 * var(--rs));
		font-size: calc(14 * var(--rs));
	}
	.u-panel__note {
		margin-top: calc(20 * var(--rs));
		text-align: center;
	}
	.u-panel__access > p {
		grid-template-columns: calc(88 * var(--rs)) auto;
	}
	.u-panel__link {
		margin-top: calc(8 * var(--rs));
	}
	.u-panel__link > a {
		gap: calc(4 * var(--rs));
		font-size: calc(24 * var(--rs));
	}
	.u-panel__img {
		max-width: calc(277 * var(--rs));
		margin-top: calc(16 * var(--rs));
	}
	.u-panel__label {
		margin-top: calc(12 * var(--rs));
		font-size: calc(14 * var(--rs));
	}
	.u-panel__list {
		gap: calc(16 * var(--rs)) calc(12 * var(--rs));
		margin-top: calc(20 * var(--rs));
	}
	.u-panel__list > li {
		font-size: calc(18 * var(--rs));
	}
	.u-panel__list > li::before {
		top: calc(11 * var(--rs));
		transform: initial;
	}

	.u-company__panel01::before {
		left: calc(26 * var(--rs));
		bottom: calc(17 * var(--rs));
		width: calc(32 * var(--rs));
		height: calc(66 * var(--rs));
	}
	.u-company__panel01::after {
		top: calc(23 * var(--rs));
		right: calc(25 * var(--rs));
		width: calc(51 * var(--rs));
		height: calc(52 * var(--rs));
	}

	.u-company__panel04 .u-panel__dlItem:nth-child(1) .u-panel__box {
		padding: calc(21 * var(--rs)) calc(18 * var(--rs)) calc(19 * var(--rs)) calc(19 * var(--rs));
	}
	.u-company__panel04 .u-panel__dlItem:nth-child(2) {
		width: auto;
		padding-top: calc(41 * var(--rs));
	}
	.u-company__panel04 .u-panel__dlItem:nth-child(2) .u-panel__term {
		padding-left: calc(38 * var(--rs));
		text-align: left;
	}
	.u-company__panel04 .u-panel__dlItem:nth-child(2) .u-panel__dsc {
		margin-top: calc(-3 * var(--rs));
	}
	.u-company__panel04 .u-panel__dlItem:nth-child(2) .u-panel__line {
		gap: 0 calc(9 * var(--rs));
		padding-left: calc(36 * var(--rs));
	}
	.u-company__panel04 .u-panel__dlItem:nth-child(2) .u-panel__line > .small {
		padding-bottom: calc(6 * var(--rs));
	}
	.u-company__panel04 .u-panel__img {
		width: calc(280 * var(--rs));
		margin-top: calc(-16 * var(--rs));
		margin-left: calc(4 * var(--rs));
	}

	.u-company__panel06 {
		padding-top: calc(48 * var(--rs));
		padding-bottom: calc(32 * var(--rs));
	}
	.u-company__panel06::before {
		top: calc(-276 * var(--rs));
		left: calc(-22 * var(--rs));
		width: calc(370 * var(--rs));
		height: calc(369 * var(--rs));
	}
	.u-company__panel06 .u-panel__dsc {
		margin-top: calc(16 * var(--rs));
	}
	.u-company__panel06 .u-panel__note {
		font-size: calc(16 * var(--rs));
	}
	.u-company__panel06 .u-panel__note::before {
		bottom: calc(-18 * var(--rs));
	}
	.u-company__panel06 .u-panel__label {
		margin-top: calc(77 * var(--rs));
	}
	.u-company__panel06 .u-panel__lineWrap {
		margin-top: calc(20 * var(--rs));
		padding-left: calc(29 * var(--rs));
	}
	.u-company__panel06 .u-panel__lineWrap .u-panel__line {
		padding-right: calc(136 * var(--rs));
	}
	.u-company__panel06 .u-panel__lineWrap .u-panel__line::before {
		top: calc(-3 * var(--rs));
		right: calc(65 * var(--rs));
		width: calc(53 * var(--rs));
		height: calc(55 * var(--rs));
	}
	.u-company__panel06 .u-panel__lineWrap .u-panel__line::after {
		top: calc(-16 * var(--rs));
		width: calc(33 * var(--rs));
		height: calc(67 * var(--rs));
	}

	.u-company__panel07 .u-panel__dsc .small {
		font-size: calc(24 * var(--rs));
	}

	.u-employee__panel03 .u-panel__term {
		padding-right: 0;
	}
	.u-employee__panel03 .u-panel__term::after {
		top: calc(-10 * var(--rs));
		right: calc(-56 * var(--rs));
		width: calc(39 * var(--rs));
		height: calc(39 * var(--rs));
	}
	.u-employee__panel03 .u-panel__dsc {
		margin-top: calc(20 * var(--rs));
	}
	.u-employee__panel03 .u-panel__line {
		display: grid;
		grid-template-columns: calc(56 * var(--rs)) calc(24 * var(--rs)) calc(48 * var(--rs));
		gap: 0 calc(18 * var(--rs));
	}
	.u-employee__panel03 .u-panel__line > span:not([class]):not(:has(.num)) {
		transform: translateY(calc(-8 * var(--rs)));
	}

	.u-employee__panel04 {
		padding: calc(24 * var(--rs)) calc(35 * var(--rs)) calc(32 * var(--rs));
	}
	.u-employee__panel04::before {
		top: calc(-13 * var(--rs));
		right: calc(-14 * var(--rs));
		width: calc(117 * var(--rs));
		height: calc(94 * var(--rs));
	}

	.u-employee__panel07::before {
		right: calc(15 * var(--rs));
		bottom: calc(12 * var(--rs));
		width: calc(62 * var(--rs));
		height: calc(78 * var(--rs));
	}
	.u-employee__panel07 .u-panel__img {
		width: calc(180 * var(--rs));
	}

	.u-employee__panel09 {
		padding: calc(32 * var(--rs)) calc(23 * var(--rs)) calc(49 * var(--rs));
	}
}


.u-questionnaire {
	background-color: var(--font-color-main);
	color: #fff;
}
.u-questionnaire__inr {
	padding: calc(120 * var(--rs)) 0 calc(112 * var(--rs));
}
.u-questionnaire__cts {
	margin-top: calc(20 * var(--rs));
	padding-bottom: calc(280 * var(--rs));
	border-left: 1px solid #5B71B3;
}
.u-questionnaire__list {
	position: relative;
	margin-top: calc(93 * var(--rs));
	padding-left: calc(63 * var(--rs));
	counter-reset: num;
}
.u-questionnaireItem {
	position: relative;
	display: flex;
	align-items: flex-end;
  height: 45vh;
  position: sticky;
  top: 0;
}
.u-questionnaireItem__inr {
	display: flex;
	width: 100%;
	opacity: 0;
}
.u-questionnaireItem__ttl {
	flex: 1 1 calc(458 * var(--rs));
	position: relative;
	padding-right: 1em;
	padding-left: calc(50 * var(--rs));
	font-weight: bold;
	font-size: calc(28 * var(--rs));
	line-height: 1.5;
	letter-spacing: 0.04em;
}
.u-questionnaireItem__ttl::before {
	content: counter(num, decimal-leading-zero);
	counter-increment: num;
	position: absolute;
	top: calc(7 * var(--rs));
	left: 0;
	font-family: var(--font-montserrat);
	font-weight: normal;
	font-size: calc(32 * var(--rs));
	line-height: 1;
	letter-spacing: 0.04em;
}
.u-questionnaireItem__cts {
	display: flex;
	gap: 0 calc(40 * var(--rs));
	flex: 1 1 calc(669 * var(--rs));
}
.u-questionnaireItem__col {
	flex: 0 1 calc(336 * var(--rs));
}
.u-questionnaireItem__list > li {
	display: flex;
	gap: 0 calc(8 * var(--rs));
	position: relative;
	padding-left: calc(16 * var(--rs));
	color: #C9CFE4;
	font-weight: bold;
	line-height: 1.8;
	letter-spacing: 0.04em;
}
.u-questionnaireItem__list > li::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	width: calc(8 * var(--rs));
	height: calc(3 * var(--rs));
	border-radius: calc(100 * var(--rs));
	background-color: currentColor;
}
.u-questionnaireItem__list > li:not(:first-child) {
	margin-top: calc(4 * var(--rs));
}
.u-questionnaireItem__img {
	width: calc(120 * var(--rs));
	margin-top: calc(2 * var(--rs));
}
.challenge-track {
	width: 1px;
	height: calc(100% - 40 * var(--rs));
	margin-left: auto;
	margin-right: auto;
	position: absolute;
	inset: 0% auto 0% 0;
}
.sticky-tracker {
	justify-content: center;
	align-items: flex-end;
	width: 1px;
	height: 45vh;
	display: flex;
	position: sticky;
	top: 0;
	opacity: 0;
}
.tracker {
	background-color: #fff;
  width: 100%;
  height: calc(116 * var(--rs));
}
/* SP
-------------------------------------*/
@media screen and (max-width: 768px) {
	.u-questionnaire__inr {
		padding: calc(64 * var(--rs)) 0 calc(120 * var(--rs));
	}
	.u-questionnaire__cts {
		margin-top: calc(16 * var(--rs));
		padding-bottom: calc(56 * var(--rs));
	}
	.u-questionnaire__list {
		margin-top: calc(123 * var(--rs));
		padding-left: calc(22 * var(--rs));
	}
	.u-questionnaireItem {
		top: calc(140 * var(--rs));
		align-items: flex-start;
		height: auto;
		min-height: calc(400 * var(--rs));
	}
	.u-questionnaireItem__inr {
		display: block;
		position: relative;
	}
	.u-questionnaireItem__inr::before {
		content: "";
		position: absolute;
		top: 0;
		left: calc(-22 * var(--rs));
		background-color: #fff;
		width: 1px;
		height: 100%;
	}
	.u-questionnaireItem__ttl {
		padding-right: 0;
		padding-left: calc(50 * var(--rs));
		font-size: calc(24 * var(--rs));
	}
	.u-questionnaireItem__ttl::before {
		top: calc(8 * var(--rs));
		font-size: calc(28 * var(--rs));
	}
	.u-questionnaireItem__cts {
		flex-direction: column;
		gap: calc(24 * var(--rs)) 0;
		margin-top: calc(28 * var(--rs));
	}
	.u-questionnaireItem__col {
		flex: initial;
	}
	.u-questionnaireItem__list > li {
		font-size: calc(14 * var(--rs));
	}
	.u-questionnaireItem__img {
		order: -1;
		width: calc(100 * var(--rs));
		margin: 0 auto;
		transform: translateX(calc(-11 * var(--rs)));
	}
	/* .challenge-track {
		height: calc(100% + 60 * var(--rs));
		top: calc(-100 * var(--rs));
	}
	.sticky-tracker {
		height: calc(400 * var(--rs));
	}
	.tracker {
		height: calc(300 * var(--rs));
	} */

}


