.u-mv {
	position: relative;
}
.u-mv::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(/recruit/questionnaire/images/questionnaire_mv_bg.jpg) no-repeat center / cover;
	z-index: -1;
}
.u-mv__inr {
	padding: calc(218 * var(--rs)) 0 calc(234 * var(--rs));
	text-align: center;
}
.u-mv__ttl {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: calc(20 * var(--rs));
	font-weight: bold;
	font-size: calc(32 * var(--rs));
	line-height: 1.4;
	letter-spacing: 0.16em;
}
.u-mv__ttl .bubble {
	position: relative;
	display: inline-block;
	margin-left: calc(5 * var(--rs));
}
.u-mv__ttl .bubble::before,
.u-mv__ttl .bubble::after {
	content: "";
	position: absolute;
	bottom: calc(6 * var(--rs));
	background-color: currentColor;
	width: 1px;
	height: calc(32 * var(--rs));
}
.u-mv__ttl .bubble::before {
	left: calc(-20 * var(--rs));
	transform: rotate(-20deg);
}
.u-mv__ttl .bubble::after {
	right: calc(-16 * var(--rs));
	transform: rotate(20deg);
}
.u-mv__ttl .row {
	display: flex;
	justify-content: center;
	align-items: flex-end;
	margin-left: calc(40 * var(--rs));
}
.u-mv__ttl .square {
	margin-right: calc(2 * var(--rs));
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: calc(72 * var(--rs));
	height: calc(72 * var(--rs));
	border: 1px solid;
	background-color: #fff;
	font-size: calc(46 * var(--rs));
	letter-spacing: 0.04em;
}
.u-mv__ttl .square:last-of-type {
	margin-right: calc(14 * var(--rs));
}
.u-mv__ttl .big {
	font-size: calc(46 * var(--rs));
	letter-spacing: 0.04em;
}
.u-mv__txt {
	margin-top: calc(24 * var(--rs));
	line-height: 1.8;
	letter-spacing: 0.04em;
}
.u-mv__btnWrap {
	margin-top: calc(34 * var(--rs));
}
.u-mv + .l-recruitHeader {
	margin-top: calc((32 - 17) * var(--rs));
}
/* SP
-------------------------------------*/
@media screen and (max-width: 768px) {
	.u-mv::before {
		background-image: url(/recruit/questionnaire/images/sp_questionnaire_mv_bg.jpg);
	}
	.u-mv__inr {
		padding: calc(116 * var(--rs)) 0;
	}
	.u-mv__ttl {
		gap: calc(12 * var(--rs));
		font-size: calc(24 * var(--rs));
	}
	.u-mv__ttl .bubble {
		margin-left: calc(4 * var(--rs));
	}
	.u-mv__ttl .bubble::before,
	.u-mv__ttl .bubble::after {
		bottom: calc(4 * var(--rs));
		height: calc(24 * var(--rs));
	}
	.u-mv__ttl .bubble::before {
		left: calc(-24 * var(--rs));
	}
	.u-mv__ttl .bubble::after {
		right: calc(-20 * var(--rs));
	}
	.u-mv__ttl .row {
		display: inline-block;
		margin: 0 calc(-10 * var(--rs));
	}
	.u-mv__ttl .square {
		width: calc(56 * var(--rs));
		height: calc(56 * var(--rs));
		font-size: calc(32 * var(--rs));
	}
	.u-mv__ttl .square:last-of-type {
		margin-right: calc(8 * var(--rs));
	}
	.u-mv__ttl .big {
		display: inline-block;
		margin-top: calc(10 * var(--rs));
		font-size: calc(32 * var(--rs));
	}
	.u-mv__txt {
		margin-top: calc(8 * var(--rs));
		font-size: calc(15 * var(--rs));
	}
	.u-mv__btnWrap {
		margin-top: calc(24 * var(--rs));
	}
	.u-mv + .l-recruitHeader {
		margin-top: calc(14 * var(--rs));
	}
}


.u-questionnaire {
	--sec-bg: #FFF;
	--ttl-bg: #E2ECFF;
	--item-bg: #F3F7FF;
	--item-txt-bg: #FFF;
	margin-top: calc(120 * var(--rs));
	background-color: var(--sec-bg);
}
.u-questionnaire:nth-of-type(even) {
	--sec-bg: #E2ECFF;
	--ttl-bg: #FFF;
	--item-bg: #FFF;
	--item-txt-bg: #F3F7FF;
	position: relative;
	z-index: 0;
}
.u-questionnaire:nth-of-type(even)::after {
	content: " ";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(/recruit/questionnaire/images/questionnaire_sec_bg.png) no-repeat center / cover;
	mix-blend-mode: multiply;
	z-index: -1;
}
.u-questionnaire:nth-of-type(even) .u-questionnaire__inr {
	padding: calc(120 * var(--rs)) 0;
}
.u-questionnaire__panel {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: calc(15 * var(--rs));
}
.u-questionnaire__panelRow {
	display: flex;
	gap: calc(15 * var(--rs));
}
.u-questionnaire__panelCol {
	display: flex;
	flex-direction: column;
	gap: calc(15 * var(--rs));
}
.u-questionnaire__panelCol > * {
	flex: 1;
}
.u-questionnaire__ttlBox {
	position: relative;
	height: 100%;
	padding: calc(20 * var(--rs)) calc(103 * var(--rs)) calc(12 * var(--rs));
	border-radius: calc(8 * var(--rs));
	background: url(/recruit/questionnaire/images/questionnaire_ttl_bg.png) var(--ttl-bg) no-repeat center / contain;
}
.u-questionnaire__ttlWrap {
	display: flex;
	justify-content: center;
	position: relative;
	padding: calc(41 * var(--rs)) calc(20 * var(--rs)) calc(85 * var(--rs));
	z-index: 0;
}
.u-questionnaire__ttlWrap::before {
	content: " ";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(/recruit/questionnaire/images/questionnaire_ttl_bubble.png) no-repeat top left / 100% auto;
	z-index: -1;
}
.u-questionnaire__ttl {
	position: relative;
	color: var(--font-color-main);
	padding: 0 calc(48 * var(--rs)) 0 calc(64 * var(--rs));
	font-weight: bold;
	font-size: calc(32 * var(--rs));
	line-height: 1.4;
	letter-spacing: 0.16em;
}
.u-questionnaire__ttl::before,
.u-questionnaire__ttl::after {
	position: absolute;
	color: currentColor;
	font-family: var(--font-montserrat);
	line-height: 1;
	font-size: calc(64 * var(--rs));
	letter-spacing: 0.04em;
}
.u-questionnaire__ttl::before {
	content: "“";
	top: 0;
	left: 0;
}
.u-questionnaire__ttl::after {
	content: "”";
	right: 0;
	bottom: calc(-10 * var(--rs));
}
.u-questionnaire__ttl .big {
	font-size: calc(46 * var(--rs));
	letter-spacing: 0.04em;
}
.u-questionnaire__ttl .small {
	font-size: calc(28 * var(--rs));
	letter-spacing: 0.16em;
}
/* PC
-------------------------------------*/
@media screen and (min-width: 769px) {
	.u-questionnaire:first-of-type {
		margin-top: calc((80 - 17) * var(--rs));
	}
	.u-questionnaire__panelRow > * {
		flex: 1 1 calc(390 * var(--rs));
	}
	.u-questionnaire__panelCol.--flex-grow-2 {
		flex-basis: calc(795 * var(--rs));
	}
}
/* SP
-------------------------------------*/
@media screen and (max-width: 768px) {
	.u-questionnaire {
		margin-top: calc(80 * var(--rs));
	}
	.u-questionnaire:nth-of-type(even)::after {
		background-position: top left;
		background-size: contain;
		background-image: url(/recruit/questionnaire/images/sp_questionnaire_sec_bg.png);
	}
	.u-questionnaire:nth-of-type(even) .u-questionnaire__inr {
		padding: calc(80 * var(--rs)) 0;
	}
	.u-questionnaire__panel {
		gap: calc(12 * var(--rs));
	}
	.u-questionnaire__panelRow {
		display: block;
	}
	.u-questionnaire__panelRow > *:not(:first-child) {
		margin-top: calc(12 * var(--rs));
	}
	.u-questionnaire__panelRow:has(.u-questionnaire__ttlBox) > *:not(:first-child) {
		margin-top: calc(16 * var(--rs));
	}
	.u-questionnaire__panelCol {
		gap: calc(12 * var(--rs));
	}
	.u-questionnaire__ttlBox {
		padding: calc(30 * var(--rs)) calc(30 * var(--rs)) calc(25 * var(--rs));
		border-radius: calc(4 * var(--rs));
		background-image: url(/recruit/questionnaire/images/sp_questionnaire_ttl_bg.png);
	}
	.u-questionnaire__ttlWrap {
		padding: calc(18 * var(--rs)) calc(8 * var(--rs)) calc(38 * var(--rs));
	}
	.u-questionnaire__ttlWrap::before {
		background-image: url(/recruit/questionnaire/images/sp_questionnaire_ttl_bubble.png);
	}
	.u-questionnaire__ttl {
		padding: calc(22 * var(--rs)) calc(9 * var(--rs)) calc(32 * var(--rs));
		font-size: calc(20 * var(--rs));
		line-height: 1.5;
	}
	.u-questionnaire__ttl::before,
	.u-questionnaire__ttl::after {
		font-size: calc(26 * var(--rs));
	}
	.u-questionnaire__ttl::before {
		top: calc(1 * var(--rs));
		left: calc(9 * var(--rs));
	}
	.u-questionnaire__ttl::after {
		right: calc(8 * var(--rs));
		bottom: calc(-4 * var(--rs));
	}
	.u-questionnaire__ttl .big {
		font-size: calc(24 * var(--rs));
	}
	.u-questionnaire__ttl .small {
		font-size: calc(16 * var(--rs));
	}
}



.u-employeeItem {
	padding: calc(16 * var(--rs));
	border-radius: calc(8 * var(--rs));
	background: var(--item-bg);
}
.u-employeeItem__inr {
	display: flex;
	align-items: start;
	gap: calc(8 * var(--rs)) calc(20 * var(--rs));
	height: 100%;
}
.u-employeeItem__txtWrap {
	flex: 1;
	position: relative;
	min-height: calc(86 * var(--rs));
	padding: calc(16 * var(--rs));
	border-radius: calc(8 * var(--rs));
	background-color: var(--item-txt-bg);
}
.u-employeeItem__txtWrap::after {
	content: " ";
	position: absolute;
	top: calc(56 * var(--rs));
	right: calc(-16 * var(--rs));
	width: calc(20 * var(--rs));
	height: calc(16 * var(--rs));
	background-color: var(--item-txt-bg);
	clip-path: polygon(0 0, 0% 100%, 100% 100%);
}
.u-employeeItem__txt {
	padding: 0 calc(24 * var(--rs)) 0 calc(28 * var(--rs));
	font-weight: bold;
	font-size: calc(24 * var(--rs));
	line-height: 1.5;
	letter-spacing: 0.04em;
}
.u-employeeItem__txt::before,
.u-employeeItem__txt::after {
	position: absolute;
	color: #B3C8EC;
	font-family: var(--font-montserrat);
	line-height: 1;
	font-size: calc(32 * var(--rs));
	letter-spacing: 0.04em;
}
.u-employeeItem__txt::before {
	content: "“";
	top: calc(20 * var(--rs));
	left: calc(16 * var(--rs));
}
.u-employeeItem__txt::after {
	content: "”";
	right: calc(16 * var(--rs));
	bottom: calc(8 * var(--rs));
}
.u-employeeItem__txt.--text-s {
	font-size: calc(18 * var(--rs));
}
.u-employeeItem__txt.--text-l {
	font-size: calc(32 * var(--rs));
}
.u-employeeItem__icn {
	align-self: flex-end;
	flex-shrink: 0;
	width: calc(80 * var(--rs));
	margin-right: calc(4 * var(--rs));
	padding-bottom: calc(24 * var(--rs));
}


.u-employeeItem.--size-l .u-employeeItem__inr {
	flex-direction: column;
	justify-content: space-between;
}
.u-employeeItem.--size-l .u-employeeItem__txtWrap {
	flex: initial;
}
.u-employeeItem.--size-l .u-employeeItem__txtWrap::after {
	top: auto;
	right: calc(100 * var(--rs));
	bottom: calc(-16 * var(--rs));
	width: calc(16 * var(--rs));
	height: calc(20 * var(--rs));
	clip-path: polygon(100% 0, 0 0, 100% 100%);
}
/* PC
-------------------------------------*/
@media screen and (min-width: 769px) {
	.u-employeeItem {
		min-height: calc(160 * var(--rs));
	}
	.u-employeeItem.--size-l {
		position: relative;
		min-height: calc(335 * var(--rs));
	}
	.u-employeeItem.--size-l .u-employeeItem__icn {
		position: absolute;
		right: calc(16 * var(--rs));
		bottom: calc(16 * var(--rs));
	}

}
/* SP
-------------------------------------*/
@media screen and (max-width: 768px) {
	.u-employeeItem__txtWrap::after {
		top: calc(40 * var(--rs));
		right: calc(-12 * var(--rs));
	}
	.u-employeeItem__txtWrap {
		padding: calc(16 * var(--rs)) calc(8 * var(--rs));
	}
	.u-employeeItem__txt {
		padding: 0 calc(20 * var(--rs)) 0 calc(24 * var(--rs));
		font-size: calc(22 * var(--rs));
	}
	.u-employeeItem__txt::before {
		left: calc(8 * var(--rs));
	}
	.u-employeeItem__txt::after {
		right: calc(8 * var(--rs));
	}
	.u-employeeItem__txt.--text-s {
		font-size: calc(16 * var(--rs));
	}
	.u-employeeItem__txt.--text-l {
		font-size: calc(28 * var(--rs));
	}
	.u-employeeItem__icn {
		align-self: start;
		width: calc(64 * var(--rs));
		margin: calc(11 * var(--rs)) 0 0;
		padding-bottom: 0;
	}

	.u-employeeItem.--size-l .u-employeeItem__txtWrap::after {
		right: calc(72 * var(--rs));
	}
	.u-employeeItem.--size-l .u-employeeItem__icn {
		align-self: flex-end;
		margin-top: 0;
	}
}


@media screen and (max-width: 768px) {
  .u-more__cts {
		display: grid;
		grid-template-rows: 0fr;
		transition: grid-template-rows .5s linear;
  }
	.js-open .u-more__cts {
		grid-template-rows: 1fr;
	}
	.u-more__btn {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    min-width: calc(214 * var(--rs));
		min-height: calc(44 * var(--rs));
    margin: calc(40 * var(--rs)) auto 0;
    padding: calc(9 * var(--rs)) calc(10 * var(--rs));
    border: 1px solid var(--font-color-main);
    border-radius: calc(4 * var(--rs));
    background-color: #fff;
    color: var(--font-color-main);
    font-family: var(--fon-family-base);
    font-weight: bold;
    font-size: calc(15 * var(--rs));
    line-height: 1.5;
		letter-spacing: 0.04em;
		text-align: center;
  }
  .u-more__btn .icn {
    position: absolute;
		top: 50%;
		right: calc(8 * var(--rs));
		transform: translateY(-50%);
    display: flex;
    justify-content: center;
    align-items: center;
    width: calc(16 * var(--rs));
    height: calc(16 * var(--rs));
  }
  .u-more__btn .icn::before,
  .u-more__btn .icn::after {
    content: "";
		position: absolute;
    background-color: var(--font-color-main);
    width: calc(8 * var(--rs));
    height: 2px;
    border-radius: 2px;
  }
  .u-more__btn .icn::after {
    transform: rotate(90deg);
    transition: transform 0.3s linear;
  }
  .js-open .u-more__btn .icn::after {
    transform: rotate(0);
  }
}