@charset "UTF-8";

:root {
	--slide-text-transition: all .9s cubic-bezier(.5, 0, .75, 0);
}

/* --------------------------------------------------------------------------------------
	リード→アンカーリンクまで
--------------------------------------------------------------------------------------- */

.qre-lead {
	background-color: #fff;
	max-width: 1096px;
}

.qre-lead article {
	padding-bottom: 58px;
	padding-top: 104px;
}

.qre-lead article h2 {
	color: var(--color-sky-blue);
	font-family: var(--barlow-semi-condensed);
	font-size: 2.1rem;
	font-weight: var(--Bold);
	line-height: 1;
	min-height: 21px;
	position: relative;
}

.qre-lead article h3 {
	color: var(--color-sky-blue);
	display: inline-block;
	font-family: var(--Shippori);
	font-size: 3.6rem;
	font-weight: var(--Regular);
	letter-spacing: 1px;
	line-height: 1.5;
	margin-top: 3px;
	position: relative;
}

.qre-lead article .text {
	font-size: 1.8rem;
	line-height: 1.8;
	margin-top: 32px;
	text-box: trim-both cap alphabetic;
}

.anchor-nav ul { justify-content: center; }

.anchor-nav li:nth-of-type(n+2) { margin-left: 150px; }

.anchor-nav li a { font-size: 1.8rem; }

.qre-column .qre-head {
	background-color: #000;
	color: #fff;
	font-size: 2.4rem;
	font-weight: var(--Bold);
	padding: 22px 0;
}

.qre-wrap { counter-reset: number 0; }

.qre-wrap .qre-column .qre-content { background-color: #f1f1f1; }
.qre-wrap .qre-column .qre-content.bg-white { background-color: #fff; }

.qre-section {
	max-width: 1092px;
	padding-bottom: 80px;
	padding-top: 123px;
}

.qre-section::before {
	color: #fff;
	content: 'Q' counter(number);
	counter-increment: number 1;
	font-family: var(--barlow-semi-condensed);
	font-size: 30rem;
	font-weight: var(--Medium);
	left: -72px;
	line-height: 1;
	position: absolute;
	top: -3px;
}

.qre-wrap .qre-column .qre-content.bg-white .qre-section::before { color: #f3f3f3; }

.qre-wrap .qre-column .diagram { position: relative; }

.border-shadow-ttl {
	background-color: #fff;
	border: 1px solid #000;
	display: inline-block;
	font-family: var(--Shippori);
	font-size: 5rem;
	line-height: 1.2;
	padding: 17px 15px;
	position: relative;
	text-box: trim-both cap alphabetic;
	z-index: 0;
}

.border-shadow-ttl::before {
	background-color: #000;
	bottom: -12.7px;
	clip-path: polygon(0 0, 100% 0, 100% 100%, 2% 100%);
	content: '';
	display: block;
	height: 12px;
	left: 0;
	position: absolute;
	width: calc(100% + 12px);
	z-index: -1;
}

.border-shadow-ttl::after {
	background-color: #000;
	clip-path: polygon(0 0, 100% 17%, 100% 100%, 0% 100%);
	content: '';
	display: block;
	height: calc(100% + 12px);
	position: absolute;
	right: -13px;
	top: 0;
	width: 12px;
	z-index: -1;
}

.border-shadow-ttl b {
	background-color: var(--color-sky-blue);
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
	transition: var(--slide-text-transition);
	width: 100%;
}

.border-shadow-ttl.animate b { width: 0; }

.diagram-slide { position: relative; }

.diagram-slide .image {
	position: relative;
	z-index: 3;
}

.line-head { position: absolute; }

.line-head::before {
	background-position: left top;
	background-repeat: no-repeat;
	content: '';
	display: block;
	height: 100%;
	transition: all .3s linear;
	width: 0;
}

.line-head.animate::before { width: 100%; }

.line-head.right::before {
	background-position: right top;
	float: right;
}

.line-head.right::after {
	clear: both;
	content: '';
	display: block;
}

.line-head.no-diagonal::before { border-top: 1px solid #000; }

.line-head dt {
	font-family: var(--Din);
	font-size: 9rem;
	font-weight: var(--Bold);
	line-height: 1;
	overflow: hidden;
}

.line-head .slide-text-top {
	display: flex;
	transform: translateY(101%);
	transition: all .9s cubic-bezier(.4, .4, 0, 1);
	vertical-align: top;
}

.line-head .slide-text-top.animate { transform: translateY(0); }

.line-head dd {
	font-size: 16.5rem;
	max-height: 0;
	overflow: hidden;
}

.line-head.animate dd { max-height: 1em; }

.line-head dd * { line-height: 1.03 !important; }

.line-head dd .odometer {
	letter-spacing: -5px;
	top: -.1em;
}

.line-head dd span,
.line-head dd .odometer-value {
	font-family: var(--Din);
	font-optical-sizing: auto;
	font-style: normal;
	font-weight: var(--SemiBold);
	text-align: left;
}

.line-head dd sub {
	display: inline-block;
	font-size: 37%;
	font-weight: normal;
	margin-top: .9em;
	position: relative;
}

.qre-wrap .qre-column .comment {
	padding: 42px;
	position: relative;
	transform: translateY(50px);
	z-index: 0;
}

.qre-wrap .qre-column .comment.animate {
	opacity: 1;
	transform: translateY(0) translateX(0);
}

.qre-wrap .qre-column .comment::before,
.qre-wrap .qre-column .comment::after,
.qre-wrap .qre-column .comment-inner::before,
.qre-wrap .qre-column .comment-inner::after {
	content: '';
	display: block;
	height: 34px;
	position: absolute;
	width: 34px;
}

.qre-wrap .qre-column .comment::before {
	border-left: 1px solid #000;
	border-top: 1px solid #000;
	left: 0;
	top: 0;
}

.qre-wrap .qre-column .comment::after {
	border-right: 1px solid #000;
	border-top: 1px solid #000;
	right: 0;
	top: 0;
}

.qre-wrap .qre-column .comment-inner::before {
	border-bottom: 1px solid #000;
	border-left: 1px solid #000;
	bottom: 0;
	left: 0;
}

.qre-wrap .qre-column .comment-inner::after {
	border-bottom: 1px solid #000;
	border-right: 1px solid #000;
	bottom: 0;
	right: 0;
}

.qre-wrap .qre-column .comment dl { font-size: 1.4rem; }
.qre-wrap .qre-column .comment dl:nth-of-type(n+2) { margin-top: 28px; }

.qre-wrap .qre-column .comment dd {
	color: #9e9e9e;
	margin-top: 14px;
}

.qre-wrap .qre-column .result { position: relative; }

.qre-wrap .qre-column .result .result-head {
	display: inline-flex;
	position: relative;
	z-index: 1;
}

.qre-wrap .qre-column .result .result-head::after {
	background-color: var(--color-sky-blue);
	content: '';
	display: block;
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
	transition: var(--slide-text-transition);
	width: 100%;
}

.qre-wrap .qre-column .result .result-head dt {
	background-color: #fff;
	border: 1px solid #000;
	display: flex;
	flex-direction: column;
	font-size: 2rem;
	font-weight: var(--Medium);
	justify-content: center;
}

.qre-wrap .qre-column .result .result-head dt span {
	display: inline-block;
	letter-spacing: 5px;
	writing-mode: vertical-rl;
}

.qre-wrap .qre-column .result .result-head dd {
	background-color: var(--color-sky-blue);
	color: #fff;
	font-family: var(--Shippori);
	font-size: 4.8rem;
	line-height: 1.1;
	padding: 3px 8px 10px;
}

.qre-wrap .qre-column .result .result-comment {
	background-color: #fff;
	border: 1px solid #000;
	font-size: 1.8rem;
	padding: 32px 36px;
	position: relative;
}

.qre-wrap .qre-column .bg-white .result .result-comment	{ background-color: #f1f1f1; }

.qre-wrap .qre-column .result .result-comment::after {
	background-color: #000;
	content: '';
	display: block;
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
	transition: var(--slide-text-transition);
	width: 100%;
}

.qre-wrap .qre-column .result .result-comment p { line-height: 2; }
.qre-wrap .qre-column .result .result-comment p:nth-of-type(n+2) { margin-top: 1em;}

.qre-wrap .qre-column .result .result-head.animate::after,
.qre-wrap .qre-column .result .result-comment.animate::after { width: 0; }

.question-head {
	border-color: var(--color-sky-blue);
	color: var(--color-sky-blue);
	font-family: var(--barlow-semi-condensed);
	font-size: 2.4rem;
	font-weight: var(--Medium);
	position: relative;
	z-index: 3;
}

.question-head.vertical {
	border-right-style: solid;
	border-right-width: 1px;
	display: flex;
	min-height: 194px;
	position: absolute;
	right: 0;
	top: 0;
}

.question-head.vertical span {
	display: inline-block;
	writing-mode: sideways-lr;
}

.question-head.right {
	border-bottom-style: solid;
	border-bottom-width: 1px;
	float: right;
}

.question-head.right::before {
	background-color: var(--color-sky-blue);
	bottom: -1px;
	content: '';
	display: block;
	height: 1px;
	position: absolute;
	right: calc((-100vw + 1092px ) / 2);
	width: calc((100vw - 1092px) / 2);
}

.question-head.right::after {
	clear: both;
	content: '';
	display: block;
}

.question-head.left { border-bottom: 1px solid var(--color-sky-blue); }

.question-head.left::before {
	background-color: var(--color-sky-blue);
	bottom: -1px;
	content: '';
	display: block;
	height: 1px;
	left: calc((-100vw + 1092px ) / 2);
	position: absolute;
	width: calc((100vw - 1092px) / 2);
}

.diagram-slide .human { overflow: hidden; }

.diagram-slide .human .column {
	display: flex;
	overflow: hidden;
}

.diagram-slide .human .column:nth-of-type(n+2) { margin-top: 24px; }

.diagram-slide .human .column > div {
	display: flex;
	height: 100px;
	overflow: hidden;
}

.diagram-slide .human .column > div img {
	transform: translateY(120%);
	transition: all .6s cubic-bezier(.4, .4, 0, 1);
}

.diagram-slide .human .column > div img.animate { transform: translateY(0); }

@media (max-width: 768px) {

	.qre-lead article {
		padding-bottom: 11.084vw;
		padding-top: 9.639vw;
	}

	.qre-lead article h2 { font-size: 5.06vw; }

	.qre-lead article h3 {
		font-size: 8.675vw;
		line-height: 1.4;
		margin-top: 3.333vw;
	}

	.qre-lead article .text {
		font-size: 3.855vw;
		line-height: 2;
		margin-top: 7.711vw;
	}

	.anchor-nav ul { justify-content: space-between; }

	.anchor-nav li:nth-of-type(n+2) { margin-left: 0; }

	.anchor-nav li a { font-size: 3.855vw; }

	.qre-column .qre-head {
		font-size: 3.855vw;
		padding: 5.301vw 0;
	}

	.question-head { display: none !important; }

	.border-shadow-ttl {
		font-size: 7.711vw;
		padding: 2.892vw 2.41vw;
		text-box: trim-both cap alphabetic;
	}

	.border-shadow-ttl::before {
		bottom: -2.41vw;
		height: 2.41vw;
		left: -1px;
		width: calc(100% + 2.41vw + 1px);
	}

	.border-shadow-ttl::after {
		height: calc(100% + 2.41vw);
		right: -2.41vw;
		top: -1px;
		width: 2.41vw;
	}

	.qre-section {
		padding-bottom: 7.952vw;
		padding-top: 9.157vw;
	}

	.qre-section::before {
		font-size: 38.554vw;
		left: auto !important;
		right: 0 !important;
	}

	.diagram-slide .human .column > div { height: 14.94vw; }

	.diagram-slide .human .column:nth-of-type(n+2) { margin-top: 5.301vw; }

	.line-head dt { font-size: 13.494vw; }

	.line-head dd { font-size: 25.542vw; }

	.qre-wrap .qre-column .comment {
		max-width: 100% !important;
		padding: 0 !important;
		position: relative !important;
		right: auto !important;
		top: auto !important;
	}

	.qre-wrap .qre-column .comment::before,
	.qre-wrap .qre-column .comment::after,
	.qre-wrap .qre-column .comment-inner::before,
	.qre-wrap .qre-column .comment-inner::after { display: none; }

	.qre-wrap .qre-column .comment-inner {
		display: flex;
		justify-content: space-between;
	}

	.qre-wrap .qre-column .comment dl {
		font-size: 3.133vw;
		width: 42.446vw;
	}

	.qre-wrap .qre-column .comment dl:nth-of-type(n+2) { margin-top: 0; }

	.qre-wrap .qre-column .comment dt { line-height: 1.8; }

	.qre-wrap .qre-column .comment dd {
		font-size: 2.892vw;
		margin-top: 3.337vw;
	}

	.qre-wrap .qre-column .result {
		display: flex;
		flex-direction: column;
		overflow: hidden;
	}

	.qre-wrap .qre-column .result .result-head {
		left: auto !important;
		position: relative !important;
		top: auto !important;
		transform: translateY(0) !important;
	}

	.qre-wrap .qre-column .result .result-head::after { height: calc(100% + 1px); }

	.qre-wrap .qre-column .result .result-head dt {
		font-size: 3.855vw;
		text-box: trim-both cap alphabetic;
	}

	.qre-wrap .qre-column .result .result-head dt span { letter-spacing: 2px; }

	.qre-wrap .qre-column .result .result-head dd {
		font-size: 7.711vw;
		padding: 2.928vw 1.482vw;
		position: relative;
		text-box: trim-both cap alphabetic;
		white-space: nowrap;
	}

	.qre-wrap .qre-column .result .result-comment {
		font-size: 3.855vw;
		margin-left: 0 !important;
		margin-top: -1px !important;
		padding: 5.783vw 4.337vw !important;
	}

	.line-head dd sub { margin-top: 1.25em; }

	.line-head dd .odometer {
		letter-spacing: 0;
		top: auto;
	}
}

/* --------------------------------------------------------------------------------------
	Q1
--------------------------------------------------------------------------------------- */

.qre-wrap .qre-column .first-column {
	margin-left: 26px;
	margin-top: 67px;
}

.qre-wrap .qre-column .first-column .diagram {
	display: flex;
	justify-content: space-between;
}

.qre-wrap .qre-column .first-column .diagram-slide-first {
	max-width: 606px;
	width: 100%;
}

.qre-wrap .qre-column .first-column .diagram-slide-first .image {
	overflow: hidden;
	width: 320.5px;
}

.qre-wrap .qre-column .first-column .line-head {
	height: 58px;
	left: 296px;
	position: absolute;
	top: 144px;
	width: 306px;
}

.qre-wrap .qre-column .first-column .line-head::before {
	background-image: url(../img/employee-survey/line_q1_yes.png);
	background-size: 306px auto;
}

.qre-wrap .qre-column .first-column .line-head dt {
	position: absolute;
	right: 35px;
	top: -107px;
}

.qre-wrap .qre-column .first-column .line-head dd {
	position: absolute;
	right: -1px;
	top: 19px;
}

.qre-wrap .qre-column .first-column .comment {
	max-width: 378px;
	width: 100%;
}

.qre-wrap .qre-column .first-column .result { margin-top: 38px; }

.qre-wrap .qre-column .first-column .result-head {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}

.qre-wrap .qre-column .first-column .result-comment {
	margin-left: 281px;
	padding-left: 77px;
}

@media (max-width: 768px) {

	.qre-wrap .qre-column .first-column {
		margin-left: 0;
		margin-top: 6.94vw;
	}

	.qre-wrap .qre-column .first-column .diagram { display: block; }

	.qre-wrap .qre-column .first-column .diagram-slide-first .image { max-width: 46.024vw; }

	.qre-wrap .qre-column .first-column .line-head {
		height: 8.434vw;
		left: 43.096vw;
		top: 24.205vw;
		width: 44.578vw;
	}

	.qre-wrap .qre-column .first-column .line-head::before { background-size: 44.578vw; }

	.qre-wrap .qre-column .first-column .line-head dt {
		right: 7.333vw;
		top: -15.667vw;
	}

	.qre-wrap .qre-column .first-column .line-head dd { top: 2.333vw; }

	.qre-wrap .qre-column .first-column .comment {
		margin-top: 9.157vw;
		max-width: 100%;
	}
}

/* --------------------------------------------------------------------------------------
	Q2
--------------------------------------------------------------------------------------- */

.job-description-second .question-head { margin-top: -50px; }

.job-description-second .qre-section::before {
	left: auto;
	right: -90px;
}

.job-description-second .border-shadow-ttl {
	float: right;
	margin-top: 20px;
}

.job-description-second .second-column { clear: both; }

.job-description-second .second-column .diagram {
	display: flex;
	justify-content: space-between;
}

.job-description-second .second-column .diagram .diagram-slide {
	border-left: 2px solid #000;
	margin-top: -52px;
	max-width: 830px;
	order: 2;
	width: 100%;
}

.job-description-second .second-column .diagram .diagram-slide .bar {
	align-items: center;
	display: flex;
}

.job-description-second .second-column .diagram .diagram-slide .bar .bar-section {
	align-items: center;
	display: flex;
	max-width: 0;
	position: relative;
	transition: all 1.6s cubic-bezier(0, .55, .45, 1);
	width: 100%;
	z-index: 0;
}

.job-description-second .second-column .diagram .diagram-slide .bar .bar-section p {
	align-items: center;
	display: flex;
	height: 100%;
	overflow: hidden;
	position: relative;
	width: 100%;
}

.job-description-second .second-column .diagram .diagram-slide .bar .bar-section p::before {
	background-color: #e7e7e7;
	clip-path: polygon(90% 0, 100% 50%, 90% 100%, 0 100%, 0 0);
	content: '';
	display: block;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: -1;
}

.job-description-second .second-column .diagram .diagram-slide .bar .bar-section p span {
	display: inline-block;
	white-space: nowrap;
}

.job-description-second .second-column .diagram .diagram-slide .bar .slide-text-left {
	margin-left: 38px;
	overflow: hidden;
}

.job-description-second .second-column .diagram .diagram-slide .bar .number-text {
	align-items: baseline;
	display: flex;
	transform: translateX(-150%);
	transition: all 1s ease-in-out;
}

.job-description-second .second-column .diagram .diagram-slide .bar .number-text.animate { transform: translateX(0); }

.job-description-second .second-column .diagram .diagram-slide .bar .number-text div {
	display: flex;
	line-height: 1;
}

.job-description-second .second-column .diagram .diagram-slide .bar .odometer {
	line-height: 0;
	text-align: left;
}

.job-description-second .second-column .diagram .diagram-slide .bar .odometer div {
	font-family: var(--Din);
	font-optical-sizing: auto;
	font-size: 5.6rem;
	font-style: normal;
	font-weight: var(--SemiBold);
}

.job-description-second .second-column .diagram .diagram-slide .text-no { margin-top: 22px; }
.job-description-second .second-column .diagram .diagram-slide .text-no .bar-section { height: 73px; }
.job-description-second .second-column .diagram .diagram-slide .text-no .bar-section.animate { max-width: 130px; }

.job-description-second .second-column .diagram .diagram-slide .text-no .bar-section p {
	font-family: var(--Din);
	font-size: 4.8rem;
	font-weight: var(--SemiBold);
}

.job-description-second .second-column .diagram .diagram-slide .text-no .bar-section p span { margin-left: 19px; }

.job-description-second .second-column .diagram .diagram-slide .text-no .number-text sub {
	font-size: 2rem;
	margin-left: 10px;
}

.job-description-second .second-column .diagram .diagram-slide .text-no .image {
	filter: grayscale(1);
	position: absolute;
	right: -33px;
	top: 0;
}

.job-description-second .second-column .diagram .diagram-slide .text-no .image img {
	height: 73px;
	max-width: inherit;
}

.job-description-second .second-column .diagram .diagram-slide .text-neither { margin-top: 30px; }
.job-description-second .second-column .diagram .diagram-slide .text-neither .bar-section { height: 100px; }
.job-description-second .second-column .diagram .diagram-slide .text-neither .bar-section.animate { max-width: 248px; }

.job-description-second .second-column .diagram .diagram-slide .text-neither .bar-section p {
	font-size: 2rem;
	font-weight: var(--SemiBold);
	text-align: center;
}

.job-description-second .second-column .diagram .diagram-slide .text-neither .bar-section p span { margin-left: 50px; }

.job-description-second .second-column .diagram .diagram-slide .text-neither .number-text sub {
	font-size: 3rem;
	margin-left: 4px;
}

.job-description-second .second-column .diagram .diagram-slide .text-neither .odometer div { font-size: 9.8rem; }

.job-description-second .second-column .diagram .diagram-slide .text-neither .image {
	filter: grayscale(1);
	position: absolute;
	right: -33px;
	top: 0;
}

.job-description-second .second-column .diagram .diagram-slide .text-neither .image img {
	height: 101px;
	max-width: inherit;
}

.job-description-second .second-column .diagram .diagram-slide .text-yes { margin-top: 20px; }
.job-description-second .second-column .diagram .diagram-slide .text-yes .bar-section { height: 140px; }
.job-description-second .second-column .diagram .diagram-slide .text-yes .bar-section.animate { max-width: 490px; }

.job-description-second .second-column .diagram .diagram-slide .text-yes .bar-section p {
	font-family: var(--Din);
	font-size: 9rem;
	font-weight: var(--SemiBold);
}

.job-description-second .second-column .diagram .diagram-slide .text-yes .bar-section p::before { background-color: #c6eaf7; }

.job-description-second .second-column .diagram .diagram-slide .text-yes .bar-section p span { margin-left: 159px; }

.job-description-second .second-column .diagram .diagram-slide .text-yes .slide-text-left { margin-left: 90px; }

.job-description-second .second-column .diagram .diagram-slide .text-yes .number-text sub {
	font-size: 6rem;
	margin-left: 4px;
}

.job-description-second .second-column .diagram .diagram-slide .text-yes .odometer div { font-size: 16.8rem; }

.job-description-second .second-column .diagram .diagram-slide .text-yes .image {
	position: absolute;
	right: -75px;
	top: 50%;
	transform: translateY(-50%);
}

.job-description-second .second-column .diagram .diagram-slide .text-yes .image img {
	height: 210px;
	max-width: inherit;
}

.job-description-second .second-column .comment {
	margin-top: -76px;
	max-width: 206px;
	order: 1;
	padding: 36px 30px;
	width: 100%;
}

.job-description-second .result { margin-top: 48px; }

.qre-wrap .job-description-second .result .result-comment {
	margin-left: 31px;
	margin-top: -1px;
	padding: 24px 36px 24px 54px;
}

@media (max-width: 768px) {

	.job-description-second .border-shadow-ttl { margin-top: 0; }

	.job-description-second .qre-section::before { top: 11.333vw !important; }

	.job-description-second .second-column { padding-top: 5.06vw; }

	.job-description-second .second-column .diagram {
		flex-direction: column;
	}

	.job-description-second .second-column .diagram .diagram-slide {
		margin-top: 0;
		order: 1;
		padding-bottom: 3.855vw;
	}

	.job-description-second .second-column .diagram .diagram-slide .bar .image { transition: all 1.6s cubic-bezier(0, .55, .45, 1); }

	.job-description-second .second-column .diagram .diagram-slide .text-no .odometer div { font-size: 7.711vw; }
	.job-description-second .second-column .diagram .diagram-slide .text-no { margin-top: 4.578vw; }
	.job-description-second .second-column .diagram .diagram-slide .text-no .bar-section.animate { max-width: 15.422vw; }
	.job-description-second .second-column .diagram .diagram-slide .text-no .bar-section { height: 9.398vw; }
	.job-description-second .second-column .diagram .diagram-slide .text-no .bar-section p { font-size: 5.783vw; }
	.job-description-second .second-column .diagram .diagram-slide .text-no .bar-section p span { margin-left: 2.373vw; }
	.job-description-second .second-column .diagram .diagram-slide .text-no .image { right: -4.333vw; }
	.job-description-second .second-column .diagram .diagram-slide .text-no .image img { height: 9.398vw; }

	.job-description-second .second-column .diagram .diagram-slide .bar .slide-text-left { margin-left: 5.964vw; }

	.job-description-second .second-column .diagram .diagram-slide .text-no .number-text sub {
		font-size: 3.373vw;
		margin-left: 0;
	}

	.job-description-second .second-column .diagram .diagram-slide .text-neither .odometer div { font-size: 12.53vw; }
	.job-description-second .second-column .diagram .diagram-slide .text-neither { margin-top: 4.337vw; }
	.job-description-second .second-column .diagram .diagram-slide .text-neither .bar-section.animate { max-width: 30.602vw; }
	.job-description-second .second-column .diagram .diagram-slide .text-neither .bar-section { height: 12.771vw; }
	.job-description-second .second-column .diagram .diagram-slide .text-neither .bar-section p { font-size: 2.892vw; }
	.job-description-second .second-column .diagram .diagram-slide .text-neither .bar-section p span { margin-left: 5.711vw; }
	.job-description-second .second-column .diagram .diagram-slide .text-neither .image { right: -7.333vw; }
	.job-description-second .second-column .diagram .diagram-slide .text-neither .animate .image { right: -4.333vw; }
	.job-description-second .second-column .diagram .diagram-slide .text-neither .image img { height: 12.771vw; }

	.job-description-second .second-column .diagram .diagram-slide .text-neither .number-text sub {
		font-size: 4.337vw;
		margin-left: 0;
	}

	.job-description-second .second-column .diagram .diagram-slide .text-yes .odometer div { font-size: 22.169vw; }
	.job-description-second .second-column .diagram .diagram-slide .text-yes { margin-top: 4.337vw; }
	.job-description-second .second-column .diagram .diagram-slide .text-yes .bar-section.animate { max-width: 79.699vw;}
	.job-description-second .second-column .diagram .diagram-slide .text-yes .bar-section { height: 26.024vw; }
	.job-description-second .second-column .diagram .diagram-slide .text-yes .bar-section p { font-size: 12.048vw; }
	.job-description-second .second-column .diagram .diagram-slide .text-yes .bar-section p span { margin-left: 4.711vw; }
	.job-description-second .second-column .diagram .diagram-slide .text-yes .image { right: -15.333vw; }
	.job-description-second .second-column .diagram .diagram-slide .text-yes .animate .image { right: -8.333vw; }
	.job-description-second .second-column .diagram .diagram-slide .text-yes .image img { height: 26.024vw; }

	.job-description-second .second-column .diagram .diagram-slide .text-yes .slide-text-left {
		left: 30.333vw;
		margin-left: 0;
		position: absolute;
	}

	.job-description-second .second-column .diagram .diagram-slide .text-yes .number-text sub {
		font-size: 8.675vw;
		margin-left: 0;
	}

	.job-description-second .second-column .comment { margin-top: 4.337vw; }
}

/* --------------------------------------------------------------------------------------
	Q3
--------------------------------------------------------------------------------------- */

.job-description-third .question-head {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}

.job-description-third .qre-section::before { top: 266px; }

.job-description-third .third-column { margin-top: 66px; }

.job-description-third .diagram-slide-third .image {
	height: 706px;
	width: 690px;
}

.job-description-third .diagram-slide-third .image::after {
	border-top: 2px solid #000;
	bottom: 0;
	content: '';
	display: block;
	left: 0;
	position: absolute;
	width: 100%;
	z-index: 4;
}

.job-description-third .diagram-slide-third .image .rocket {
	height: 706px;
	position: absolute;
	width: 690px;
}

.job-description-third .diagram-slide-third .image .rocket-main {
	bottom: -23px;
	left: 202px;
	max-width: 162px;
	position: absolute;
	z-index: 5;
}

.job-description-third .diagram-slide-third .image .rocket-main.animate {
	bottom: 388px;
	transition: all 1.6s cubic-bezier(.11, 0, .5, 0);
}

.job-description-third .diagram-slide-third .image .rocket-body.animate img { animation: shake .21s cubic-bezier(.36,.07,.19,.97) both infinite; }

.job-description-third .diagram-slide-third .image .rocket-smoke {
	height: 706px;
	overflow: hidden;
	position: absolute;
	width: 690px;
}

.job-description-third .diagram-slide-third .image .rocket-smoke .rocket-smoke-main {
	height: 0;
	left: 0;
	overflow: hidden;
	position: absolute;
	top: 100%;
	width: 688px;
	z-index: -1;
}

.job-description-third .diagram-slide-third .image .rocket-smoke .rocket-smoke-main.animate {
	height: 412px;
	top: 292px;
	transition: all 1.5s cubic-bezier(.61, 1, .88, 1);
}

.job-description-third .diagram-slide-third .image .rocket-smoke .rocket-smoke-sub {
	height: 0;
	left: 292px;
	overflow: hidden;
	position: absolute;
	top: 100%;
	width: 234px;
	z-index: -1;
}

.job-description-third .diagram-slide-third .image .rocket-smoke .rocket-smoke-sub.animate {
	height: 56px;
	top: 650px;
	transition: all 1.5s cubic-bezier(.61, 1, .88, 1);
}

@keyframes shake {
	10%, 90% { transform: translate3d(-1px, 0, 0); }
	20%, 80% { transform: translate3d(2px, 0, 0); }
	30%, 50%, 70% { transform: translate3d(-2px, 0, 0); }
	40%, 60% { transform: translate3d(2px, 0, 0); }
}

.job-description-third .diagram-slide-third .image .rocket-main .rocket-body,
.job-description-third .diagram-slide-third .image .rocket-sub .rocket-body {
	position: relative;
	z-index: 2;
}

.job-description-third .diagram-slide-third .image .rocket-main .rocket-fire {
	height: 127px;
	left: 56px;
	max-width: 47px;
	position: absolute;
	top: 253px;
	transform: scale(0);
	transform-origin: top center;
	z-index: 1;
}

.job-description-third .diagram-slide-third .image .rocket-main.animate .rocket-fire,
.job-description-third .diagram-slide-third .image .rocket-sub.animate .rocket-fire {
	transform: scale(1);
	transition: all 1.6s cubic-bezier(.5, 1, .89, 1);
}

.job-description-third .diagram-slide-third .image .rocket-sub {
	bottom: -8px;
	position: absolute;
	right: 245px;
	width: 64px;
	z-index: 2;
}

.job-description-third .diagram-slide-third .image .rocket-sub.animate {
	bottom: 47px;
	transition: all 1.6s cubic-bezier(.11, 0, .5, 0);
}

.job-description-third .diagram-slide-third .image .rocket-sub .rocket-fire {
	height: 32px;
	left: 21px;
	position: absolute;
	top: 83px;
	transform: scale(0);
	transform-origin: top center;
	width: 15px;
	z-index: 1;
}


/* .job-description-third .diagram-slide-third .image .smoke {
	bottom: 0;
	height: 690px;
	left: 0;
	position: absolute;
	width: 100%;
}

.job-description-third .diagram-slide-third .image .smoke {
	bottom: 0;
	height: 100%;
	left: 0;
	overflow-x: hidden;
	overflow-y: clip;
	position: absolute;
	width: 100%;
}

.job-description-third .diagram-slide-third .image .smoke div {
	bottom: -188px;
	position: absolute;
	transform-origin: bottom;
}

.job-description-third .diagram-slide-third .image .smoke div:nth-of-type(1) { animation-duration: 2s; }
.job-description-third .diagram-slide-third .image .smoke div:nth-of-type(2) { animation-duration: 2.5s; }
.job-description-third .diagram-slide-third .image .smoke div:nth-of-type(3) { animation-duration: 3s; }
.job-description-third .diagram-slide-third .image .smoke div:nth-of-type(4) { animation-duration: 3.5s; }

.job-description-third .diagram-slide-third .image .smoke.animate div { animation: flame-gas-show 2s ease-in-out forwards; } */

@keyframes flame-gas-show {
	0% {
		opacity: 1;
		transform: scale(1);
	}

	80% { opacity: .8; }

	100% {
		bottom: -160px;
		opacity: 0;
		transform: scale(1.2);
	}
}

.job-description-third .diagram-slide-third .image .rocket-mini {
	bottom: -4px;
	left: 185px;
	max-width: 27px;
	position: absolute;
	z-index: 5;
}

.job-description-third .diagram-slide-third .line-head { z-index: 5; }

.job-description-third .diagram-slide-third .text-yes {
	height: 78px;
	left: 341px;
	top: 113px;
	width: 302px;
}

.job-description-third .diagram-slide-third .text-yes::before {
	background-image: url(../img/employee-survey/line_q3_yes.png);
	background-size: 302px auto;
}

.job-description-third .diagram-slide-third .text-yes dt {
	font-size: 8.2rem;
	position: absolute;
	right: 38px;
	top: -97px;
}

.job-description-third .diagram-slide-third .text-yes dd {
	font-size: 15rem;
	position: absolute;
	right: 13px;
	top: 24px;
}

.job-description-third .diagram-slide-third .text-neither {
	height: 102px;
	left: 409px;
	top: 467px;
	width: 221px;
}

.job-description-third .diagram-slide-third .text-neither::before {
	background-image: url(../img/employee-survey/line_q3_neither.png);
	background-size: 221px auto;
}

.job-description-third .diagram-slide-third .text-neither dt {
	font-size: 2rem;
	left: 106px;
	line-height: 1.3;
	position: absolute;
	text-align: center;
	top: -65px;
}

.job-description-third .diagram-slide-third .text-neither dd {
	font-size: 8.8rem;
	left: 98px;
	position: absolute;
	top: 17px;
}

.job-description-third .diagram-slide-third .text-neither dd .odometer { letter-spacing: -4px; }

.job-description-third .diagram-slide-third .text-no {
	height: 58px;
	left: 60px;
	top: 610px;
	width: 139px;
}

.job-description-third .diagram-slide-third .text-no::before {
	background-image: url(../img/employee-survey/line_q3_no.png);
	background-size: 139px auto;
}

.job-description-third .diagram-slide-third .text-no dt {
	font-size: 4.2rem;
	left: 9px;
	position: absolute;
	top: -54px;
}

.job-description-third .diagram-slide-third .text-no dd {
	font-size: 5.6rem;
	left: 21px;
	position: absolute;
	top: 14px;
}

.job-description-third .diagram-slide-third .text-no dd .odometer { letter-spacing: normal; }

.job-description-third .diagram-slide-third .text-no dd .odometer.odometer-auto-theme .odometer-digit .odometer-value { min-width: 28px; }

.qre-wrap .job-description-third .result {
	bottom: 80px;
	max-width: 319px;
	position: absolute;
	right: 0;
}

.qre-wrap .job-description-third .result .result-head dt { margin-bottom: -1px; }

.qre-wrap .job-description-third .comment {
	max-width: 640px;
	padding-bottom: 37px;
	padding-top: 37px;
	position: absolute;
	right: 0;
	top: 123px;
}

.qre-wrap .job-description-third .comment-inner {
	display: flex;
	justify-content: space-between;
}

.qre-wrap .job-description-third .comment-inner dl {
	display: flex;
	flex-direction: column;
	max-width: 348px;
}

.qre-wrap .job-description-third .comment-inner dl:nth-of-type(n+2) {
	margin-left: 36px;
	margin-top: 0;
}

.qre-wrap .job-description-third .comment-inner dt { flex-grow: 1; }

@media (max-width: 768px) {

	.job-description-third .qre-section::before {
		left: .333vw !important;
		right: auto !important;
		top: 19.333vw;
	}

	.job-description-third .border-shadow-ttl { float: right; }

	.job-description-third .third-column {
		clear: both;
		margin-top: 0;
		padding-top: 6.333vw;
	}

	.job-description-third .diagram-slide-third .image {
		height: 92.048vw;
		width: 100%;
	}

	.job-description-third .diagram-slide-third .image .rocket-main {
		bottom: -2.967vw;
		left: 26.565vw;
		max-width: 21.205vw;
	}

	.job-description-third .diagram-slide-third .image .rocket-main.animate { bottom: 52.222vw; }

	.job-description-third .diagram-slide-third .image .rocket-main .rocket-fire {
		left: 7.47vw;
		max-width: 5.783vw;
		top: 33.033vw;
	}

	.job-description-third .diagram-slide-third .image .rocket-smoke {
		height: 92.048vw;
		width: 100%;
	}

	.job-description-third .diagram-slide-third .image .rocket-smoke .rocket-smoke-main { width: 100%; }

	.job-description-third .diagram-slide-third .image .rocket-smoke .rocket-smoke-main.animate {
		height: 56.048vw;
		top: 36.433vw;
	}

	.job-description-third .diagram-slide-third .image .rocket-sub {
		bottom: -.967vw;
		right: 31.807vw;
		width: 8.434vw;
	}

	.job-description-third .diagram-slide-third .image .rocket-sub .rocket-fire {
		height: 6.578vw;
		left: 3.133vw;
		top: 10.033vw;
		width: 1.928vw;
	}

	.job-description-third .diagram-slide-third .image .rocket-sub.animate { bottom: 6.747vw; }

	.job-description-third .diagram-slide-third .image .rocket-mini {
		bottom: -.367vw;
		left: 24.096vw;
		max-width: 3.614vw;
	}

	.job-description-third .diagram-slide-third .image .rocket-smoke .rocket-smoke-sub {
		left: 37.227vw;
		width: 34.048vw;
	}

	.job-description-third .diagram-slide-third .image .rocket-smoke .rocket-smoke-sub.animate {
		height: 7.507vw;
		top: 84.033vw;
	}

	.qre-wrap .job-description-third .result {
		bottom: auto;
		margin-top: 6.747vw;
		max-width: 100%;
		position: relative;
		right: auto;
	}

	.job-description-third .diagram-slide-third .text-yes {
		height: 10.361vw;
		left: 44.578vw;
		top: 13.012vw;
		width: 39.518vw;
	}

	.job-description-third .diagram-slide-third .text-yes::before { background-size: 39.518vw auto; }

	.job-description-third .diagram-slide-third .text-yes dt {
		font-size: 11.566vw;
		right: 5.033vw;
		top: -12.667vw;
	}

	.job-description-third .diagram-slide-third .text-yes dd {
		font-size: 20.723vw;
		right: -1.667vw;
		top: .333vw;
	}

	.job-description-third .diagram-slide-third .text-yes dd sub { margin-left: -8%; }

	.job-description-third .diagram-slide-third .text-neither {
		height: 13.735vw;
		left: 54.035vw;
		top: 59.141vw;
		width: 29.157vw;
	}

	.job-description-third .diagram-slide-third .text-neither::before { background-size: 29.157vw auto; }

	.job-description-third .diagram-slide-third .text-neither dt {
		font-size: 2.892vw;
		left: 13.133vw;
		top: -8.667vw;
	}

	.job-description-third .diagram-slide-third .text-neither dd {
		font-size: 12.048vw;
		left: 13.333vw;
		top: 2.333vw;
	}

	.job-description-third .diagram-slide-third .text-no {
		height: 7.711vw;
		left: 7.892vw;
		top: 79.463vw;
		width: 18.313vw;
	}

	.job-description-third .diagram-slide-third .text-no::before { background-size: 18.313vw auto; }

	.job-description-third .diagram-slide-third .text-no dt {
		font-size: 6.265vw;
		left: 1.333vw;
		top: -6.367vw;
	}

	.job-description-third .diagram-slide-third .text-no dd {
		font-size: 7.229vw;
		left: 2.333vw;
		top: 1.333vw;
	}

	.job-description-third .diagram-slide-third .text-no dd .odometer.odometer-auto-theme .odometer-digit .odometer-value { min-width: inherit; }

	.qre-wrap .job-description-third .comment { margin-top: 7.711vw; }

	.qre-wrap .job-description-third .comment-inner dl:nth-of-type(n+2) { margin-left: 5.783vw; }

	.qre-wrap .job-description-third .comment-inner dt { flex-grow: inherit; }
}

/* --------------------------------------------------------------------------------------
	Q4
--------------------------------------------------------------------------------------- */

.salary-benefits-first .qre-section::before {
	left: auto;
	right: 9px;
}

.salary-benefits-first .four-column .diagram {
	display: flex;
	justify-content: space-between;
	margin-top: 75px;
}

.salary-benefits-first .four-column .diagram .diagram-slide {
	margin-left: 20px;
	max-width: 541px;
	width: 100%;
}

.salary-benefits-first .four-column .diagram .diagram-slide .image {
	overflow: hidden;
	position: relative;
}

.salary-benefits-first .four-column .diagram .diagram-slide .image svg {
	height: 540px;
	left: 0;
	margin: auto;
	position: absolute;
	top: 0;
	transform: scale(-1,1) rotate(-90deg);
	width: 540px;
}

.salary-benefits-first .four-column .diagram .diagram-slide .image svg circle {
	fill: none;
	stroke: #fff;
	stroke-dasharray: 100;
	stroke-width: 34px;
}

.salary-benefits-first .four-column .diagram .diagram-slide .image svg circle.animate { animation: anime01 2.4s forwards ease-in-out;  }

.salary-benefits-first .four-column .diagram .diagram-slide .image .parts {
	display: none;
	left: 237px;
	position: absolute;
	top: 36px;
	width: 40px;
}

.salary-benefits-first .four-column .diagram .diagram-slide .image .parts.animate { display: block; }

@keyframes anime01 {
	0% { stroke-dasharray: 100,100;}
	50%, 100% { stroke-dasharray: 0,100;}
}

.salary-benefits-first .four-column .diagram .comment {
	height: 100%;
	max-width: 418px;
	width: 100%;
}

.salary-benefits-first .four-column .line-head {
	height: 1px;
	left: 50%;
	top: 243px;
	transform: translateX(-50%);
	width: 242px;
	z-index: 3;
}

.salary-benefits-first .four-column .line-head dt {
	left: 37px;
	position: absolute;
	top: -109px;
}

.salary-benefits-first .four-column .line-head dd {
	left: 15px;
	max-height: 121px;
	position: absolute;
	top: 19px;
}

.salary-benefits-first .four-column .result {
	align-items: flex-end;
	display: flex;
	flex-direction: column;
	margin-top: -23px;
}

.salary-benefits-first .four-column .result .result-comment {
	background-color: #f1f1f1;
	margin-top: -1px;
}

@media (max-width: 768px) {

	.salary-benefits-first .qre-section::before {
		right: -3.667vw !important;
		top: 12.333vw !important;
	}

	.salary-benefits-first .border-shadow-ttl {
		letter-spacing: -3px;
		max-width: 69.88vw;
	}

	.salary-benefits-first .four-column .diagram {
		display: block;
		margin-top: 10.639vw;
	}

	.salary-benefits-first .four-column .diagram .diagram-slide {
		margin-left: 0;
		max-width: 100%;
	}

	.salary-benefits-first .four-column .diagram .diagram-slide .image svg {
		height: 100%;
		width: 100%;
	}

	.salary-benefits-first .four-column .diagram .diagram-slide .image .parts {
		left: 39.53vw;
		overflow: hidden;
		top: 6.06vw;
		width: 6.701vw;
	}

	.salary-benefits-first .four-column .diagram .diagram-slide .image .parts img { float: left; }

	.salary-benefits-first .four-column .line-head {
		top: 41.253vw;
		width: 33.012vw;
	}

	.salary-benefits-first .four-column .line-head dt {
		left: 5.033vw;
		top: -15.067vw;
	}

	.salary-benefits-first .four-column .line-head dd {
		left: 1.333vw;
		top: 1.333vw;
	}

	.salary-benefits-first .four-column .line-head dd sub { margin-top: 1.333vw; }

	.salary-benefits-first .four-column .diagram .comment { margin-top: 5.783vw; }

	.salary-benefits-first .four-column .diagram .comment .comment-inner { flex-wrap: wrap; }

	.salary-benefits-first .four-column .diagram .comment .comment-inner dl:last-child { margin-top: 5.783vw; }

	.salary-benefits-first .four-column .result {
		align-items: baseline;
		margin-top: 7.639vw;
	}
}

/* --------------------------------------------------------------------------------------
	Q5
--------------------------------------------------------------------------------------- */

.salary-benefits-second .qre-section::before {
	left: auto;
	right: -118px;
	top: 45px;
}

.salary-benefits-second .question-head {
	position: absolute;
	right: 0;
	top: 752px;
}

.salary-benefits-second .border-shadow-ttl { float: right; }

.salary-benefits-second .five-column { clear: both; }

.salary-benefits-second .five-column .diagram {
	display: flex;
	justify-content: space-between;
	padding-top: 87px;
}

.salary-benefits-second .five-column .diagram .image { width: 666px; }

.salary-benefits-second .five-column .diagram .image .ground {
	position: relative;
	z-index: 2;
}

.salary-benefits-second .five-column .diagram .image .parts {
	bottom: 0;
	height: 434px;
	left: 0;
	overflow: hidden;
	position: absolute;
	width: 550px;
	z-index: 3;
}

.salary-benefits-second .five-column .diagram .image .parts > div {
	height: 100%;
	overflow: hidden;
	position: absolute;
	top: 0;
	transition: all 1.1s cubic-bezier(.61, 1, .88, 1);
	width: 100%;
}

.salary-benefits-second .five-column .diagram .image .parts.animate > div { height: 0; }

.salary-benefits-second .five-column .diagram .image .parts img {
	height: 434px;
	width: 550px;
}

.salary-benefits-second .five-column .diagram .image .flag {
	left: 405px;
	position: absolute;
	top: 30px;
	transition: all .5s cubic-bezier(.61, 1, .88, 1);
	width: 40px;
}

.salary-benefits-second .five-column .diagram .image .flag.animate { top: -67px; }

.salary-benefits-second .five-column .diagram .image .running {
	bottom: 31px;
	left: 0;
	opacity: 0;
	position: absolute;
	transition: all .5s cubic-bezier(.61, 1, .88, 1);
	width: 218px;
	z-index: 3;
}

.salary-benefits-second .five-column .diagram .image .running.animate {
	left: 30px;
	opacity: 1;
}

.salary-benefits-second .five-column .diagram .image .running img { filter: url(#motionBlurX); }

.salary-benefits-second .five-column .diagram .comment {
	height: 100%;
	max-width: 297px;
}

.qre-wrap .salary-benefits-second .five-column .result { margin-top: 51px; }

.qre-wrap .salary-benefits-second .five-column .result-head {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}

.qre-wrap .salary-benefits-second .five-column .result-comment {
	margin-left: 384px;
	padding-left: 77px;
}

.salary-benefits-second .five-column .diagram .text-yes {
	height: 120px;
	left: 0;
	top: -86px;
	width: 341px;
}

.salary-benefits-second .five-column .diagram .text-yes::before {
	background-image: url(../img/employee-survey/line_q5_yes.png);
	background-size: 341px auto;
}

.salary-benefits-second .five-column .diagram .text-yes dt {
	font-size: 9.8rem;
	left: 41px;
	position: absolute;
	top: -105px;
}

.salary-benefits-second .five-column .diagram .text-yes dd {
	font-size: 18rem;
	left: 13px;
	position: absolute;
	top: 24px;
}

.salary-benefits-second .five-column .diagram .text-neither {
	height: 120px;
	left: 541px;
	top: 136px;
	width: 170px;
}

.salary-benefits-second .five-column .diagram .text-neither::before {
	background-image: url(../img/employee-survey/line_q5_neither.png);
	background-size: 170px auto;
}

.salary-benefits-second .five-column .diagram .text-neither dt {
	font-size: 2rem;
	left: 61px;
	line-height: 1.3;
	position: absolute;
	text-align: center;
	top: -67px;
}

.salary-benefits-second .five-column .diagram .text-neither dd {
	font-size: 6.2rem;
	left: 58px;
	position: absolute;
	top: 17px;
}

.salary-benefits-second .five-column .diagram .text-neither dd sub { margin-left: 6px; }

.salary-benefits-second .five-column .diagram .text-no {
	bottom: 382px;
	height: 1px;
	right: 0;
	width: 44px;
}

.salary-benefits-second .five-column .diagram .text-no dt {
	font-size: 4.4rem;
	left: -5px;
	position: absolute;
	top: -50px;
}

@media (max-width: 768px) {

	.salary-benefits-second .border-shadow-ttl { float: none; }

	.salary-benefits-second .five-column .diagram {
		display: block;
		padding-top: 31.325vw;
	}

	.salary-benefits-second .five-column .diagram .image { width: 100%; }

	.salary-benefits-second .five-column .diagram .image .parts {
		height: 100%;
		width: 100%;
	}

	.salary-benefits-second .five-column .diagram .image .flag {
		left: 54.734vw;
		top: 2.667vw;
		width: 5.301vw;
	}

	.salary-benefits-second .five-column .diagram .image .flag.animate { top: -9.067vw; }

	.salary-benefits-second .five-column .diagram .image .parts img {
		height: auto;
		width: 74.424vw;
	}

	.salary-benefits-second .five-column .diagram .image .running {
		bottom: 3.333vw;
		width: 31.333vw;
	}

	.salary-benefits-second .five-column .diagram .image .running.animate { left: 3.333vw; }

	.salary-benefits-second .five-column .diagram .text-yes {
		height: 14.217vw;
		left: 6.833vw;
		top: -9.867vw;
		width: 40.723vw;
	}

	.salary-benefits-second .five-column .diagram .text-yes::before { background-size: 40.723vw auto; }

	.salary-benefits-second .five-column .diagram .text-yes dt {
		font-size: 11.566vw;
		left: 4.333vw;
		top: -12.667vw;
	}

	.salary-benefits-second .five-column .diagram .text-yes dd {
		font-size: 20.723vw;
		left: 2.333vw;
		top: .333vw;
	}

	.salary-benefits-second .five-column .diagram .text-neither {
		height: 8.916vw;
		left: 73.033vw;
		top: 20.333vw;
		width: 20.482vw;
	}

	.salary-benefits-second .five-column .diagram .text-neither::before { background-size: 20.482vw auto; }

	.salary-benefits-second .five-column .diagram .text-neither dt {
		font-size: 2.41vw;
		left: 7.633vw;
		top: -7.667vw;
	}

	.salary-benefits-second .five-column .diagram .text-neither dd {
		font-size: 7.229vw;
		left: 9.333vw;
		top: 1.333vw;
	}

	.salary-benefits-second .five-column .diagram .text-neither dd sub { margin-left: 0; }

	.salary-benefits-second .five-column .diagram .text-no {
		bottom: 49.333vw;
		width: 5.898vw;
	}

	.salary-benefits-second .five-column .diagram .text-no dt {
		font-size: 5.383vw;
		left: -.467vw;
		top: -6.067vw;
	}

	.salary-benefits-second .five-column .diagram .comment { margin-top: 7.711vw; }

	.qre-wrap .salary-benefits-second .five-column .result { margin-top: 8.675vw; }
}

/* --------------------------------------------------------------------------------------
	Q6
--------------------------------------------------------------------------------------- */

.working-style-first .border-shadow-wrap { text-align: center; }

.working-style-first .border-shadow-wrap .border-shadow-ttl {
	margin-left: auto;
	margin-right: auto;
}

.working-style-first .diagram-slide {
	display: flex;
	justify-content: space-between;
	margin-top: 90px;
}

.working-style-first .diagram-slide-six .line-head dt,
.working-style-first .diagram-slide-six .line-head dd {
	display: flex;
	justify-content: center;
	position: absolute;
	text-align: center;
	width: 100%;
}

.working-style-first .diagram-slide-six .text-yes {
	height: 1px;
	left: 576px;
	top: 76px;
	width: 236px;
}

.working-style-first .diagram-slide-six .text-yes dt {
	font-size: 9.4rem;
	left: 0;
	top: -103px;
}

.working-style-first .diagram-slide-six .text-yes dd {
	font-size: 16.8rem;
	left: 0;
	top: 24px;
}

.working-style-first .diagram-slide-six .text-neither {
	height: 1px;
	left: 846px;
	top: 39px;
	width: 147px;
}

.working-style-first .diagram-slide-six .text-neither dt {
	font-size: 2rem;
	left: 0;
	line-height: 1.3;
	top: -65px;
}

.working-style-first .diagram-slide-six .text-neither dd {
	font-size: 10rem;
	left: 0;
	top: 15px;
}

.working-style-first .diagram-slide-six .text-neither dd sub { margin-left: 5px; }

.working-style-first .diagram-slide-six .text-no {
	height: 1px;
	right: 0;
	top: 26px;
	width: 81px;
}

.working-style-first .diagram-slide-six .text-no dt {
	font-size: 4.8rem;
	left: 0;
	top: -65px;
}

.working-style-first .diagram-slide-six .text-no dd {
	font-size: 6rem;
	left: 0;
	top: 15px;
}

.working-style-first .diagram-slide-six .text-no dd sub { margin-left: 5px; }

.working-style-first .diagram-slide-six .line-head dd sub { margin-top: -3px; }

.working-style-first .comment-result-wrap {
	display: flex;
	justify-content: space-between;
	margin-top: 86px;
}

.working-style-first .comment-result-wrap .comment {
	display: flex;
	flex-direction: column;
	justify-content: center;
	max-width: 300px;
	padding-bottom: 21px;
	padding-top: 21px;
	width: 100%;
}

.working-style-first .comment-result-wrap .result {
	max-width: 732px;
	width: 100%;
}

.working-style-first .comment-result-wrap .result .result-head { display: flex; }
.working-style-first .comment-result-wrap .result .result-head dd { width: 100%; }

.working-style-first .comment-result-wrap .result .result-comment { margin-top: -1px; }

@media (max-width: 768px) {

	.working-style-first .qre-section::before {
		left: -9.667vw !important;
		right: auto !important;
		top: -5.667vw;
	}

	.working-style-first .border-shadow-wrap { text-align: left; }

	.working-style-first .border-shadow-ttl {
		float: right;
		letter-spacing: -2px;
	}

	.working-style-first .six-column {
		clear: both;
		padding-top: 8.675vw;
	}

	.working-style-first .diagram-slide {
		flex-wrap: wrap;
		justify-content: center;
		margin-top: 0;
	}

	.working-style-first .diagram-slide-six .text-yes {
		left: 3.333vw;
		top: 52.639vw;
		width: 43.373vw;
	}

	.working-style-first .diagram-slide-six .text-yes dt {
		font-size: 11.566vw;
		top: -12.667vw;
	}

	.working-style-first .diagram-slide-six .text-yes dd {
		font-size: 20.723vw;
		top: 1.333vw;
	}

	.working-style-first .diagram-slide-six .line-head dd sub {
		margin-left: 0;
		margin-top: .833vw;
	}

	.working-style-first .diagram-slide-six .text-neither {
		left: 46.333vw;
		top: 49.333vw;
		width: 21.205vw;
	}

	.working-style-first .diagram-slide-six .text-neither dt {
		font-size: 2.892vw;
		top: -8.067vw;
	}

	.working-style-first .diagram-slide-six .text-neither dd {
		font-size: 12.048vw;
		top: .333vw;
	}

	.working-style-first .diagram-slide-six .text-no {
		right: 7.333vw;
		top: 47.333vw;
		width: 14.94vw;
	}

	.working-style-first .diagram-slide-six .text-no dt {
		font-size: 5.783vw;
		top: -6.267vw;
	}

	.working-style-first .diagram-slide-six .text-no dd {
		font-size: 7.229vw;
		top: .933vw;
	}

	.working-style-first .comment-result-wrap {
		display: block;
		margin-top: 43.333vw;
	}

	.working-style-first .comment-result-wrap .result {
		margin-top: 7.711vw;
		max-width: 100%;
	}

	.working-style-first .comment-result-wrap .result .result-head dd { letter-spacing: -2px; }
}

/* --------------------------------------------------------------------------------------
	Q7
--------------------------------------------------------------------------------------- */

.working-style-second .qre-section::before {
	left: auto;
	right: -118px;
	top: 45px;
}

.working-style-second .question-head {
	margin-bottom: 41.5px;
	min-width: 397px;
}
.working-style-second .border-shadow-ttl {
	clear: both;
	float: right;
	margin-right: 64px;
}

.working-style-second .seven-column {
	align-items: flex-end;
	clear: both;
	display: flex;
	justify-content: space-between;
}

.working-style-second .seven-column .diagram  { margin-top: -170px; }

.working-style-second .seven-column .tree-section {
	border-bottom: 1px solid #000;
	height: 640px;
	overflow: hidden;
	position: relative;
	width: 620px;
}

.working-style-second .seven-column .tree-section .no {
	bottom: 0;
	overflow: hidden;
	position: absolute;
	right: 32px;
	width: 50px;
}

.working-style-second .seven-column .tree-section .neither {
	bottom: 0;
	overflow: hidden;
	position: absolute;
	right: 95px;
	width: 194px;
}

.working-style-second .seven-column .tree-section .no img,
.working-style-second .seven-column .tree-section .neither img {
	transform: scale(0);
	transform-origin: center bottom;
	transition: all 1.2s cubic-bezier(.61, 1, .88, 1);
}

.working-style-second .seven-column .tree-section .no.animate img,
.working-style-second .seven-column .tree-section .neither.animate img { transform: scale(1); }

.working-style-second .seven-column .tree-section .yes .roots {
	bottom: 0;
	height: 0;
	left: 169px;
	overflow: hidden;
	position: absolute;
	transition: all 1.4s cubic-bezier(.61, 1, .88, 1);
	width: 60px;
	z-index: 2;
}

.working-style-second .seven-column .tree-section .yes .left {
	bottom: 251px;
	position: absolute;
	right: 438px;
	width: 90px;
	z-index: -1;
}

.working-style-second .seven-column .tree-section .yes .right {
	bottom: 263px;
	left: 213px;
	position: absolute;
	width: 90px;
}

.working-style-second .seven-column .tree-section .yes .left img,
.working-style-second .seven-column .tree-section .yes .right img {
	transform: scale(0);
	transition: all .9s cubic-bezier(.61, 1, .88, 1);
}

.working-style-second .seven-column .tree-section .yes .left img { transform-origin: right bottom; }
.working-style-second .seven-column .tree-section .yes .right img { transform-origin: left bottom; }

.working-style-second .seven-column .tree-section .yes .left.animate img,
.working-style-second .seven-column .tree-section .yes .right.animate img { transform: scale(1); }

.working-style-second .seven-column .tree-section .yes .roots.animate { height: 393px; }

.working-style-second .seven-column .tree-section .yes .leaf .item:nth-of-type(1) {
	bottom: 332px;
	position: absolute;
	right: 270px;
	width: 180px;
	z-index: 3;
}

.working-style-second .seven-column .tree-section .yes .leaf .item:nth-of-type(2) {
	bottom: 348px;
	left: 15px;
	position: absolute;
	width: 234px;
	z-index: 2;
}

.working-style-second .seven-column .tree-section .yes .leaf .item:nth-of-type(3) {
	bottom: 442px;
	position: absolute;
	right: 290px;
	width: 210px;
	z-index: 1;
}

.working-style-second .seven-column .tree-section .yes .leaf .item img {
	transform: scale(0);
	transform-origin: center bottom;
	transition: all .9s cubic-bezier(.61, 1, .88, 1);
}

.working-style-second .seven-column .tree-section .yes .leaf .item.animate img { transform: scale(1); }

.working-style-second .seven-column .cloud .item {
	filter: blur(10px);
	opacity: 0;
	position: absolute;
	transition: all 1s cubic-bezier(.5, 1, .89, 1);
	z-index: -1;
}

.working-style-second .seven-column .cloud .item:nth-of-type(1) {
	bottom: 148px;
	right: 309px;
	transform: translateX(50px);
	width: 196px;
}

.working-style-second .seven-column .cloud .item:nth-of-type(2) {
	bottom: 246px;
	left: 43px;
	transform: translateX(-50px);
	width: 163px;
	z-index: 3;
}

.working-style-second .seven-column .cloud .item:nth-of-type(3) {
	bottom: 548px;
	left: 12px;
	transform: translateX(-50px);
	width: 220px;
}

.working-style-second .seven-column .cloud .item.animate {
	filter: blur(0);
	opacity: 1;
	transform: translateY(0) translateX(0);
}

.working-style-second .seven-column .cloud .item.animate img { animation: floating 3.5s ease-in-out infinite;}

@keyframes floating {
	0% { transform: translateX(0px); }
	50% { transform: translateX(-8px); }
	100% { transform: translateX(0px); }
}

.working-style-second .diagram-slide-seven .line-head dt,
.working-style-second .diagram-slide-seven .line-head dd {
	display: flex;
	justify-content: center;
	position: absolute;
	text-align: center;
	width: 100%;
}

.working-style-second .diagram-slide-seven .text-yes {
	bottom: 500px;
	height: 1px;
	left: 303px;
	width: 265px;
	z-index: 4;
}

.working-style-second .diagram-slide-seven .text-yes dt {
	font-size: 9.4rem;
	left: 0;
	top: -103px;
}

.working-style-second .diagram-slide-seven .text-yes dd {
	font-size: 16.8rem;
	left: 0;
	top: 24px;
}

.working-style-second .diagram-slide-seven .text-neither {
	bottom: 232px;
	height: 1px;
	right: 112px;
	width: 154px;
	z-index: 4;
}

.working-style-second .diagram-slide-seven .text-neither dt {
	font-size: 2rem;
	left: 0;
	line-height: 1.3;
	top: -65px;
}

.working-style-second .diagram-slide-seven .text-neither dd {
	font-size: 10rem;
	left: 0;
	top: 15px;
}

.working-style-second .diagram-slide-seven .text-neither dd sub { margin-left: 5px; }

.working-style-second .diagram-slide-seven .text-no {
	bottom: 103px;
	height: 1px;
	right: 21px;
	width: 65px;
}

.working-style-second .diagram-slide-seven .text-no dt {
	font-size: 4.8rem;
	left: 0;
	top: -52px;
}

.working-style-second .diagram-slide-seven .text-no dd {
	font-size: 6rem;
	left: 0;
	top: 15px;
}

.working-style-second .diagram-slide-seven .text-no dd sub { margin-left: 5px; }

.working-style-second .diagram-slide-seven .line-head dd sub { margin-top: -3px; }

.working-style-second .seven-column .comment { max-width: 366px; }

.working-style-second .result { margin-top: 60px; }

.working-style-second .result .result-comment {
	margin-left: 31px;
	margin-top: -1px;
	padding: 24px 36px 24px 54px;
}

.qre-wrap + .note {
	font-size: 90%;
	margin-bottom: 80px;
	margin-top: -48px;
	max-width: 1092px;
}

@media (max-width: 768px) {

	.working-style-second .qre-section::before { top: -3.667vw; }

	.working-style-second .border-shadow-ttl {
		float: left;
		margin-right: 0;
	}

	.working-style-second .seven-column .diagram {
		margin: 0 auto;
		max-width: 74.94vw;
	}

	.working-style-second .seven-column {
		display: block;
		padding-top: 8.675vw;
	}

	.working-style-second .seven-column .tree-section {
		height: 76.627vw;
		width: 100%;
	}

	.working-style-second .seven-column .tree-section .no {
		right: 4.096vw;
		width: 5.783vw;
	}

	.working-style-second .seven-column .tree-section .neither {
		right: 11.566vw;
		width: 23.373vw;
	}

	.working-style-second .seven-column .tree-section .yes .roots {
		left: 20.241vw;
		width: 9.157vw;
	}

	.working-style-second .seven-column .tree-section .yes .roots.animate { height: 47.711vw; }

	.working-style-second .seven-column .tree-section .yes .left {
		bottom: 32.53vw;
		right: 53.599vw;
		width: 8.434vw;
	}

	.working-style-second .seven-column .tree-section .yes .right {
		bottom: 34.53vw;
		left: 28.333vw;
		width: 8.916vw;
	}

	.working-style-second .seven-column .tree-section .yes .leaf .item:nth-of-type(1) {
		bottom: 42.41vw;
		left: 22.023vw;
		width: 21.687vw;
	}

	.working-style-second .seven-column .tree-section .yes .leaf .item:nth-of-type(2) {
		bottom: 44.578vw;
		left: 1.928vw;
		width: 28.193vw;
	}

	.working-style-second .seven-column .tree-section .yes .leaf .item:nth-of-type(3) {
		bottom: auto;
		right: 34.94vw;
		top: 3.373vw;
		width: 26.024vw;
	}

	.working-style-second .seven-column .cloud .item:nth-of-type(1) {
		bottom: 17.831vw;
		left: 13.976vw;
		width: 23.614vw;
	}

	.working-style-second .seven-column .cloud .item:nth-of-type(2) {
		bottom: 29.639vw;
		left: 5.06vw;
		width: 19.759vw;
	}

	.working-style-second .seven-column .cloud .item:nth-of-type(3) {
		bottom: auto;
		left: 1.446vw;
		top: 0;
		width: 25.542vw;
	}

	.working-style-second .diagram-slide-seven .text-no {
		bottom: 12.333vw;
		right: 2.333vw;
		width: 7.711vw;
	}

	.working-style-second .diagram-slide-seven .text-no dt {
		font-size: 5.783vw;
		top: -6.267vw;
	}

	.working-style-second .diagram-slide-seven .text-no dd {
		font-size: 7.229vw;
		top: .633vw;
	}

	.working-style-second .diagram-slide-seven .line-head dd sub { margin-top: .25em; }

	.working-style-second .diagram-slide-seven .text-no dd sub { margin-left: 0; }

	.working-style-second .diagram-slide-seven .text-neither {
		bottom: 28.333vw;
		right: 12.333vw;
		width: 18.795vw;
	}

	.working-style-second .diagram-slide-seven .text-neither dt {
		font-size: 2.892vw;
		top: -8.667vw;
	}

	.working-style-second .diagram-slide-seven .text-neither dd {
		font-size: 12.048vw;
		top: .933vw;
	}

	.working-style-second .diagram-slide-seven .text-neither dd sub { margin-left: 0; }

	.working-style-second .diagram-slide-seven .text-yes {
		bottom: 61.687vw;
		left: 36.627vw;
		width: 32.048vw;
	}

	.working-style-second .diagram-slide-seven .text-yes dt {
		font-size: 11.566vw;
		top: -12.667vw;
	}

	.working-style-second .diagram-slide-seven .text-yes dd {
		font-size: 20.723vw;
		left: 3.333vw;
		top: 1.333vw;
	}

	.working-style-second .seven-column .comment { margin-top: 7.229vw; }

	.working-style-second .seven-column .comment .comment-inner { flex-wrap: wrap; }

	.working-style-second .seven-column .comment .comment-inner dl:last-child { margin-top: 5.783vw; }

	.working-style-second .result { margin-top: 6.265vw; }

	.working-style-second .result .result-head dd { letter-spacing: -1.5px; }

	.qre-wrap + .note {
		font-size: 80%;
		margin-bottom: 8.333vw;
		margin-top: -1.667vw;
	}
}