.pc {
	display: block
}

.message {
	padding: 0 0 min(10vw, 120px)
}

.message__block {
	display: flex;
	flex-direction: row-reverse;
	justify-content: space-between
}

.message__textArea {
	width: 100%
}

.message__textArea--flex {
	max-width: 65%
}

.message__copy {
	font-size: var(--fontsize40);
	font-weight: 700;
	line-height: 1.4;
	margin: 0 0 30px
}

.message__person {
	font-weight: 700;
	margin: 0 0 30px auto;
	text-align: right;
	width: -moz-fit-content;
	width: fit-content
}

.message__position {
	align-items: center;
	display: block;
	display: flex;
	font-size: var(--fontsize18);
	gap: 0 14px
}

.message__position:before {
	background: var(--base-orange);
	content: "";
	height: 6px;
	top: 50%;
	transform: skewX(-30deg);
	width: 7px
}

.message__name {
	display: block;
	font-size: var(--fontsize24)
}

.message__imgArea {
	margin: 10px 0 0;
	max-width: 30%;
	width: 100%
}

.message__text {
	font-size: 17px;
	margin: 0 0 30px
}

.message__text--last {
	margin: 0
}

.business {
	background: var(--base-light-gray);
	padding: min(9.1666666667vw, 110px) 0 min(10vw, 120px)
}

.business__title {
	font-size: var(--fontsize40);
	font-weight: 700;
	margin: 100px 0 40px
}

.business__title--blue {
	color: var(--base-blue);
	margin: 0 0 40px
}

.business__title--green {
	color: var(--base-green)
}

.business__title--purple {
	color: var(--base-purple)
}

.business__block {
	background: var(--base-white);
	display: flex;
	justify-content: space-between;
	margin: 0 0 40px;
	padding: 40px
}

.business__textArea {
	max-width: 600px;
	width: 100%
}

.business__blockTitle {
	font-size: var(--fontsize32);
	font-weight: 700;
	line-height: 1.5;
	margin: 0 0 30px
}

.business__blockTitle--blue {
	color: var(--base-blue)
}

.business__blockTitle--green {
	color: var(--base-green)
}

.business__blockTitle--purple {
	color: var(--base-purple)
}

.business__dtTitle {
	align-items: center;
	display: flex;
	font-size: var(--fontsize24);
	font-weight: 700;
	gap: 0 14px;
	margin: 0 0 20px
}

.business__dtTitle:before {
	content: "";
	height: 6px;
	top: 50%;
	transform: skewX(-30deg);
	width: 7px
}

.business__dtTitle--blue:before {
	background: var(--base-blue)
}

.business__dtTitle--green:before {
	background: var(--base-green)
}

.business__dtTitle--purple:before {
	background: var(--base-purple)
}

.business__ddText {
	font-size: var(--fontsize17)
}

.business__imgArea {
	max-width: 440px;
	width: 100%
}

.business__ddList {
	list-style: circle;
	margin: 30px 0 30px 1em
}

.business__ddListItem::marker {
	color: var(--base-purple)
}

.business__btn {
	margin: 90px auto 0
}

.crosstalk__eyeCatch {
	margin: 0 auto;
	max-width: 1400px
}

.talkMember {
	background: var(--base-light-gray);
	margin: -90px 0 0;
	padding: 150px 0 60px
}

.talkMember__talkTheme {
	align-items: center;
	display: flex;
	font-size: var(--fontsize24);
	font-weight: 700;
	gap: 0 14px;
	margin: 0 0 40px
}

.talkMember__talkTheme:before {
	background: var(--base-orange);
	content: "";
	height: 6px;
	top: 50%;
	transform: skewX(-30deg);
	width: 7px
}

.talkMember__catch {
	color: var(--base-orange);
	font-size: var(--fontsize40);
	font-weight: 700;
	line-height: 1.5;
	margin: 0 0 35px;
	text-align: center
}

.talkMember__text {
	font-size: var(--fontsize21);
	margin: 0 0 80px;
	text-align: center
}

.talkMember__title {
	font-family: Arial, Helvetica, Liberation Sans, Nimbus Sans L, sans-serif;
	font-size: var(--fontsize40);
	font-weight: 700;
	margin: 0 0 40px;
	text-align: center
}

.talkMember__list {
	align-items: baseline;
	display: flex
}

.talkMember__person {
	width: 33.3333333333%
}

.talkMember__imgArea {
	margin: 0 0 30px;
	position: relative
}

.talkMember__imgArea:before {
	background: var(--base-orange);
	bottom: 0;
	content: "";
	display: block;
	height: 160px;
	left: 46px;
	position: absolute;
	transform: skewX(-30deg);
	width: 86%
}

.talkMember__img {
	display: block;
	margin: 0 auto;
	position: relative;
	z-index: 2
}

.talkMember__division {
	align-items: center;
	display: flex;
	font-size: var(--fontsize24);
	font-weight: 700;
	gap: 0 14px;
	margin: 0
}

.talkMember__division:before {
	background: var(--base-orange);
	content: "";
	flex-shrink: 0;
	height: 6px;
	top: 50%;
	transform: skewX(-30deg);
	width: 7px
}

.talkMember__name {
	display: block;
	padding: 0 0 0 24px
}

.qa {
	padding: min(9.1666666667vw, 110px) 0 min(10vw, 120px)
}

.qa__question {
	align-items: center;
	background: url(img/page/crosstalk/icon_plus.png) no-repeat 100%/40px;
	border-bottom: 1px solid var(--base-orange);
	cursor: pointer;
	display: flex;
	font-size: var(--fontsize32);
	font-weight: 700;
	gap: 0 50px;
	margin: 0 0 20px;
	padding: 0 60px 20px 0
}

.qa__question:hover {
	opacity: .8
}

.qa__question.show {
	background: url(img/page/crosstalk/icon_minus.png) no-repeat 100%/40px
}

.qa__number {
	color: var(--base-orange);
	flex-shrink: 0;
	font-family: Arial, Helvetica, Liberation Sans, Nimbus Sans L, sans-serif;
	font-size: var(--fontsize100);
	font-style: italic;
	line-height: 1
}

.qa__title {
	font-size: var(--fontsize32)
}

.qa__eyeCatch {
	margin: 0 0 40px;
	position: relative
}

.qa__eyeCatch--inText {
	padding: 60px 0 0
}

.qa__eyeCatchText {
	color: #e77401;
	display: block;
	font-family: Arial, Helvetica, Liberation Sans, Nimbus Sans L, sans-serif;
	font-size: var(--fontsize120);
	font-style: italic;
	font-weight: 700;
	line-height: 1;
	opacity: .2;
	position: absolute;
	right: 0;
	top: 0
}

.qa__answer {
	display: none;
	margin: 0 0 80px
}

.qa__answer.show {
	display: block
}

.qa__block {
	display: flex;
	gap: 0 40px;
	margin: 0 0 30px
}

.qa__person {
	width: 100px
}

.qa__personImgArea {
	border-radius: 100px;
	display: block;
	height: 100px;
	overflow: hidden;
	padding: 10px 0 0;
	width: 100px
}

.qa__personImgArea--red {
	background: var(--base-deep-red);
	border: 1px solid var(--base-deep-red)
}

.qa__personImgArea--blue {
	background: var(--base-blue);
	border: 1px solid var(--base-blue)
}

.qa__personImgArea--green {
	background: #5bb5ab;
	border: 1px solid #5bb5ab
}

.qa__personImg {
	max-width: none
}

.qa__personImg--ao {
	width: 90px
}

.qa__personImg--ri {
	width: 116px
}

.qa__personImg--ri,
.qa__personImg--rm {
	max-width: none;
	transform: translateX(-5px)
}

.qa__personImg--rm {
	width: 109px
}

.qa__personImg--mu {
	transform: translateX(-20px);
	width: 139px
}

.qa__personImg--st {
	transform: translateX(-20px);
	width: 146px
}

.qa__personImg--sa {
	transform: translateX(-10px);
	width: 127px
}

.qa__personImg--ks {
	transform: translateX(-10px);
	width: 98px
}

.qa__personImg--tk {
	transform: translateX(-25px);
	width: 120px
}

.qa__personImg--st2 {
	transform: translateX(-20px);
	width: 120px
}

.qa__personName {
	display: block;
	font-family: Arial, Helvetica, Liberation Sans, Nimbus Sans L, sans-serif;
	font-size: var(--fontsize17);
	font-weight: 700;
	text-align: center
}

.qa__personName--red {
	color: var(--base-deep-red)
}

.qa__personName--blue {
	color: var(--base-blue)
}

.qa__personName--green {
	color: #5bb5ab
}

.qa__comment {
	font-size: var(--fontsize17);
	padding: 15px 0 0
}

.qa__imgBlock {
	display: flex;
	gap: 30px;
	justify-content: space-between
}

.qa__imgBlockInner {
	max-width: 560px;
	width: 100%
}

.qa__subImgArea {
	max-width: 550px;
	width: 100%
}

.qa__imgList {
	display: flex;
	gap: 0 60px;
	margin: 0 0 40px
}

.interviewList {
	padding: 0 0 min(10vw, 120px)
}

.interviewList__intro {
	font-size: var(--fontsize17);
	margin: 0 0 72px
}

.interviewList__list {
	display: flex;
	flex-wrap: wrap;
	gap: 60px
}

.interviewList__block {
	position: relative;
	width: calc(33.33333% - 40px)
}

.interviewList__imgArea {
	margin: 0 0 30px
}

.interviewList__imgArea img {
	
}

.interviewList__title {
	font-size: var(--fontsize22);
	font-weight: 700;
	line-height: 1.5;
	margin: 0 0 12px
}

.interviewList__division {
	align-items: center;
	display: flex;
	font-size: var(--fontsize18);
	font-weight: 700;
	gap: 0 14px;
	margin: 0
}

.interviewList__division:before {
	background: var(--base-orange);
	content: "";
	flex-shrink: 0;
	height: 6px;
	top: 50%;
	transform: skewX(-30deg);
	width: 7px
}

.interviewList__name {
	padding: 0 0 0 24px
}

.interviewList__name,
.interviewList__num {
	display: block;
	font-size: var(--fontsize14)
}

.interviewList__num {
	bottom: 10px;
	color: var(--base-orange);
	font-family: Arial, Helvetica, Liberation Sans, Nimbus Sans L, sans-serif;
	font-weight: 700;
	position: absolute;
	right: 0;
	writing-mode: vertical-rl
}

.crosstalkList {
	background: var(--base-light-gray);
	padding: min(9.1666666667vw, 110px) 0 min(10vw, 120px)
}

.crosstalkList__list {
	display: flex;
	flex-wrap: wrap;
	gap: 80px
}

.crosstalkList__block {
	border-bottom: 1px solid var(--base-orange);
	padding: 0 0 16px;
	width: calc(50% - 40px)
}

.crosstalkList__imgArea {
	margin: 0 0 40px
}

.crosstalkList__btn {
	align-items: center;
	display: flex;
	font-size: var(--fontsize20);
	font-weight: 700;
	gap: 0 14px;
	line-height: 1.5;
	padding: 0 28px 0 10px
}

.crosstalkList__btn:before {
	background: var(--base-orange);
	content: "";
	flex-shrink: 0;
	height: 6px;
	top: 50%;
	transform: skewX(-30deg);
	width: 7px
}

.crosstalkList__btn:after {
	background: #000 url(img/common/white-right-arw.png) no-repeat 50%/15px;
	border-radius: 50px;
	content: "";
	display: block;
	flex-shrink: 0;
	height: 46px;
	margin: 0 0 0 auto;
	width: 46px
}

.movieList {
	padding: min(9.1666666667vw, 110px) 0 min(10vw, 120px)
}

.movieList__list {
	display: flex;
	flex-wrap: wrap;
	gap: 80px
}

.movieList__block {
	position: relative;
	width: calc(50% - 40px)
}

.movieList__imgArea {
	margin: 0 0 30px
}

.movieList__movie {
	display: block;
	max-width: 100%;
	width: 100%
}

.movieList__title {
	font-size: var(--fontsize22);
	font-weight: 700;
	line-height: 1.5;
	margin: 0 0 12px
}

.movieList__division {
	align-items: center;
	display: flex;
	font-size: var(--fontsize18);
	font-weight: 700;
	gap: 0 14px;
	margin: 0
}

.movieList__division:before {
	background: var(--base-orange);
	content: "";
	flex-shrink: 0;
	height: 6px;
	top: 50%;
	transform: skewX(-30deg);
	width: 7px
}

.movieList__name {
	display: block;
	font-size: var(--fontsize14);
	padding: 0 0 0 24px
}

.careerList {
	background: var(--base-light-gray);
	padding: min(9.1666666667vw, 110px) 0 min(10vw, 120px)
}

.careerList__intro {
	font-size: var(--fontsize17);
	margin: 0 0 72px
}

.careerList__list {
	display: flex;
	flex-wrap: wrap;
	gap: 80px
}

.careerList__block {
	position: relative;
	width: calc(50% - 40px)
}

.careerList__imgArea {
	margin: 0 0 30px
}

.careerList__title {
	font-size: var(--fontsize22);
	font-weight: 700;
	line-height: 1.5;
	margin: 0 0 12px
}

.careerList__division {
	align-items: center;
	display: flex;
	font-size: var(--fontsize18);
	font-weight: 700;
	gap: 0 14px;
	margin: 0
}

.careerList__division:before {
	background: var(--base-orange);
	content: "";
	flex-shrink: 0;
	height: 6px;
	top: 50%;
	transform: skewX(-30deg);
	width: 7px
}

.careerList__name {
	display: block;
	font-size: var(--fontsize14);
	padding: 0 0 0 24px
}

.benefits {
	padding: 0 0 min(10vw, 120px)
}

.benefits__linkList {
	display: flex;
	flex-wrap: wrap;
	gap: 27px 80px
}

.benefits__linkListItem {
	border-bottom: 1px solid var(--base-orange);
	width: calc(50% - 40px)
}

.benefits__linkBtn {
	align-items: center;
	display: flex;
	font-size: var(--fontsize20);
	font-weight: 700;
	gap: 0 14px;
	line-height: 1.5;
	padding: 0 28px 17px 10px
}

.benefits__linkBtn:before {
	background: var(--base-orange);
	content: "";
	flex-shrink: 0;
	height: 6px;
	top: 50%;
	transform: skewX(-30deg);
	width: 7px
}

.benefits__linkBtn:after {
	background: #000 url(img/common/white-right-arw.png) no-repeat 50%/15px;
	border-radius: 50px;
	content: "";
	display: block;
	flex-shrink: 0;
	height: 46px;
	margin: 0 0 0 auto;
	width: 46px
}

.system {
	padding: min(9.1666666667vw, 110px) 0 min(10vw, 120px)
}

.system--first {
	padding: 0 0 min(10vw, 120px)
}

.system--bg {
	background: var(--base-light-gray);
	padding: min(9.1666666667vw, 110px) 0 min(10vw, 120px)
}

.system__title {
	color: var(--base-orange);
	font-size: var(--fontsize32);
	font-weight: 700
}

.system__subTitle {
	align-items: center;
	display: flex;
	font-size: var(--fontsize24);
	font-weight: 700;
	gap: 0 14px;
	margin: 80px 0 40px
}

.system__subTitle--first {
	margin: 50px 0 40px
}

.system__subTitle:before {
	background: var(--base-orange);
	content: "";
	flex-shrink: 0;
	height: 6px;
	top: 50%;
	transform: skewX(-30deg);
	width: 7px
}

.system__table {
	border-top: 1px solid #4b4a48
}

.system__tr {
	border-bottom: 1px solid #4b4a48
}

.system__th {
	color: var(--base-orange);
	font-size: var(--fontsize18);
	font-weight: 700;
	max-width: 280px;
	padding: 36px 20px;
	text-align: left;
	vertical-align: top;
	width: 23.3333333333%
}

.system__td {
	font-size: var(--fontsize17);
	padding: 36px 0
}

.system__imgList {
	display: flex;
	flex-wrap: wrap;
	gap: 40px;
	margin: 30px 0 0
}

.system__imgList--mt {
	margin: 20px 0 0
}

.system__imgListItem {
	width: calc(50% - 20px)
}

.system__listImg {
	width: 100%
}

.system__list {
	list-style: circle;
	margin: 30px 0 30px 1em
}

.system__listItem::marker {
	color: var(--base-orange)
}

.system__flow {
	margin: 80px auto;
	max-width: 1130px;
	width: 100%
}

.system__flowImgArea {
	margin: 0 0 100px
}

.system__flowList {
	display: flex;
	flex-wrap: wrap;
	gap: 60px
}

.system__flowDl {
	width: calc(33.33333% - 40px)
}

.system__flowDt {
	color: var(--base-orange);
	font-size: var(--fontsize24);
	font-weight: 700;
	text-align: center
}

.system__flowIconArea {
	display: block;
	margin: 30px auto;
	width: -moz-fit-content;
	width: fit-content
}

.system__flowDd {
	font-size: var(--fontsize17)
}

.development,
.linkArea {
	/* padding: min(9.1666666667vw, 110px) 0 min(10vw, 120px) */
	padding: 0 0 min(10vw, 120px)
}

.development__title {
	color: var(--base-orange);
	font-size: var(--fontsize40);
	font-weight: 700;
	margin: 0 0 30px
}

.development__text {
	font-size: var(--fontsize17);
	margin: 0 0 50px
}

.devSection {
	background: var(--base-light-gray);
	padding: min(9.1666666667vw, 110px) 0 min(10vw, 120px)
}

.devSection__blockWrap {
	display: flex;
	flex-wrap: wrap;
	gap: 40px 80px
}

.devSection__block {
	background: #fff;
	padding: 30px 40px;
	width: calc(50% - 40px)
}

.devSection__title {
	color: var(--base-orange);
	font-size: var(--fontsize32);
	font-weight: 700;
	margin: 0 0 20px
}

.devSection__subTitle {
	align-items: center;
	display: flex;
	font-size: var(--fontsize24);
	font-weight: 700;
	gap: 0 14px;
	margin: 0 0 10px
}

.devSection__subTitle:before {
	background: var(--base-orange);
	content: "";
	flex-shrink: 0;
	height: 6px;
	top: 50%;
	transform: skewX(-30deg);
	width: 7px
}

.devSection__text {
	font-size: var(--fontsize17)
}

.devSection__list {
	list-style: circle;
	margin: 10px 0 10px 1em
}

.devSection__listItem {
	font-size: var(--fontsize17)
}

.devSection__listItem::marker {
	color: var(--base-orange)
}

.education {
	padding: min(9.1666666667vw, 110px) 0 min(10vw, 120px)
}

.education__content {
	height: 720px;
	position: relative
}

.education__title {
	color: var(--base-orange);
	font-size: var(--fontsize40);
	font-weight: 700;
	margin: 0 0 10px
}

.education__catch {
	font-size: var(--fontsize24);
	font-weight: 700;
	margin: 0 0 10px
}

.education__text {
	font-size: var(--fontsize17);
	max-width: 560px;
	width: 46.6666666667%
}

.education__imgArea {
	max-width: 684px;
	position: absolute;
	right: 0;
	top: 0;
	width: 57%
}

.education__imgArea--scroll {
	max-width: 100%;
	position: relative;
	width: 100%
}

.education__subTitle {
	align-items: center;
	display: flex;
	font-size: var(--fontsize24);
	font-weight: 700;
	gap: 0 14px;
	margin: 0 0 10px
}

.education__subTitle:before {
	background: var(--base-orange);
	content: "";
	flex-shrink: 0;
	height: 6px;
	top: 50%;
	transform: skewX(-30deg);
	width: 7px
}

.eduSection {
	background: var(--base-light-gray);
	padding: min(9.1666666667vw, 110px) 0 min(10vw, 120px)
}

.eduSection__block {
	background: #fff;
	margin: 0 0 40px;
	padding: 50px
}

.eduSection__title {
	align-items: center;
	display: flex;
	font-size: var(--fontsize24);
	font-weight: 700;
	gap: 0 28px;
	margin: 0 0 20px
}

.eduSection__number {
	color: var(--base-orange);
	flex-shrink: 0;
	font-family: Arial, Helvetica, Liberation Sans, Nimbus Sans L, sans-serif;
	font-size: var(--fontsize50);
	font-style: italic;
	font-weight: 700;
	line-height: 1
}

.eduSection__subTitle {
	color: var(--base-orange);
	font-size: var(--fontsize32);
	font-weight: 700;
	margin: 0 0 30px
}

.eduSection__dlList {
	display: flex;
	flex-direction: column;
	gap: 30px 0
}

.eduSection__dt {
	align-items: center;
	display: block;
	display: flex;
	font-size: var(--fontsize24);
	font-weight: 700;
	gap: 0 14px;
	margin: 0 0 10px
}

.eduSection__dt:before {
	background: var(--base-orange);
	content: "";
	flex-shrink: 0;
	height: 6px;
	top: 50%;
	transform: skewX(-30deg);
	width: 7px
}

.eduSection__dd {
	font-size: var(--fontsize17)
}

@media print,
screen and (max-width:767px) {
	.pc {
		display: none
	}

	.message {
		padding: 0 0 min(17.9487179487vw, 70px)
	}

	.message__block {
		flex-direction: column;
		gap: 20px 0
	}

	.message__text {
	font-size: var(--fontsize14);
	}

	.message__textArea--flex {
		flex-direction: column;
		max-width: 100%
	}

	.message__copy {
		font-size: var(--fontsize24)
	}

	.message__position {
		font-size: var(--fontsize16)
	}

	.message__position:before {
		height: 6px;
		width: 6px
	}

	.message__imgArea {
		max-width: 100%
	}

	.business {
		padding: min(17.9487179487vw, 70px) 0
	}

	.business__title {
		font-size: var(--fontsize22);
		margin: 60px 0 20px
	}

	.business__title--blue {
		margin: 0 0 20px
	}

	.business__block {
		flex-direction: column;
		gap: 20px 0;
		margin: 0 0 20px;
		padding: 20px
	}

	.business__blockTitle {
		margin: 0 0 20px
	}

	.business__dtTitle {
		font-size: var(--fontsize18)
	}

	.business__dtTitle:before {
		height: 6px;
		width: 6px
	}

	.business__ddText {
	font-size: var(--fontsize14)
	}

	.business__btn {
		margin: 40px auto 0
	}

	.talkMember {
		margin: 0;
		padding: 30px 0
	}

	.talkMember__talkTheme {
		font-size: var(--fontsize18);
		margin: 0 0 20px
	}

	.talkMember__talkTheme:before {
		height: 6px;
		width: 6px
	}

	.talkMember__catch {
		font-size: var(--fontsize24);
		margin: 0 0 20px;
		text-align: left
	}

	.talkMember__text {
		font-size: var(--fontsize18);
		margin: 0 0 40px;
		text-align: left
	}

	.talkMember__title {
		font-size: var(--fontsize24);
		margin: 0 0 20px
	}

	.talkMember__list {
		flex-direction: column
	}

	.talkMember__person {
		display: flex;
		gap: 0 14%;
		width: 90%
	}

	.talkMember__imgArea {
		flex-shrink: 0;
		width: 30%
	}

	.talkMember__imgArea:before {
		height: 70px;
		left: 10px
	}

	.talkMember__img--small {
		width: 85%
	}

	.talkMember__info {
		padding: 10px 0 0
	}

	.talkMember__division {
		font-size: var(--fontsize20);
		line-height: 1.5
	}

	.talkMember__division:before {
		height: 6px;
		width: 6px
	}

	.talkMember__name {
		font-size: var(--fontsize16)
	}

	.qa {
		padding: min(17.9487179487vw, 70px) 0
	}

	.qa__question {
		align-items: flex-start;
		gap: 0 10px;
		margin: 0 0 20px;
		padding: 0 40px 20px 0
	}

	.qa__question,
	.qa__question.show {
		background: url(img/page/crosstalk/icon_plus.png) no-repeat 100%/24px
	}

	.qa__title {
		font-size: var(--fontsize18);
		line-height: 1.5
	}

	.qa__eyeCatch {
		margin: 0 0 20px
	}

	.qa__eyeCatch--inText {
		padding: 20px 0 0
	}

	.qa__answer {
		margin: 0 0 20px
	}

	.qa__block,
	.qa__person {
		gap: 0 20px
	}

	.qa__personImgArea {
		height: 50px;
		padding: 5px 0 0;
		width: 50px
	}

	.qa__personImg--ao {
		width: 40px
	}

	.qa__personImg--mu,
	.qa__personImg--ri,
	.qa__personImg--rm,
	.qa__personImg--sa,
	.qa__personImg--st {
		transform: translateX(0);
		width: 50px
	}

	.qa__personImg--ks,
	.qa__personImg--tk {
		transform: translateX(-7px);
		width: 50px
	}

	.qa__personImg--st2 {
		transform: translateX(-5px);
		width: 50px
	}

	.qa__comment,
	.qa__personName {
		font-size: var(--fontsize16)
	}

	.qa__imgBlock {
		flex-direction: column-reverse;
		gap: 30px 0
	}

	.qa__imgList {
		gap: 0 5px
	}

	.interviewList {
		padding: 0 0 min(17.9487179487vw, 70px)
	}

	.interviewList__intro {
		margin: 0 0 36px
	}

	.interviewList__list {
		flex-direction: column;
		gap: 40px
	}

	.interviewList__block {
		width: 100%
	}

	.interviewList__imgArea {
		margin: 0 0 20px
	}

	.interviewList__division {
		line-height: 1.5
	}

	.interviewList__division:before {
		height: 6px;
		width: 6px
	}

	.crosstalkList {
		padding: min(17.9487179487vw, 70px) 0
	}

	.crosstalkList__list {
		flex-direction: column;
		gap: 30px
	}

	.crosstalkList__block {
		width: 100%
	}

	.crosstalkList__imgArea {
		margin: 0 0 20px
	}

	.crosstalkList__btn {
		font-size: var(--fontsize16);
		padding: 0 10px 0 0
	}

	.crosstalkList__btn:before {
		height: 6px;
		width: 6px
	}

	.crosstalkList__btn:after {
		background: #000 url(img/common/white-right-arw.png) no-repeat 50%/10px;
		height: 22px;
		width: 22px
	}

	.movieList {
		padding: min(17.9487179487vw, 70px) 0
	}

	.movieList__list {
		flex-direction: column;
		gap: 40px
	}

	.movieList__block {
		width: 100%
	}

	.movieList__imgArea {
		margin: 0 0 20px
	}

	.movieList__division {
		line-height: 1.5
	}

	.movieList__division:before {
		height: 6px;
		width: 6px
	}

	.careerList {
		padding: min(17.9487179487vw, 70px) 0
	}

	.careerList__intro {
		margin: 0 0 36px
	}

	.careerList__list {
		flex-direction: column;
		gap: 40px
	}

	.careerList__block {
		width: 100%
	}

	.careerList__imgArea {
		margin: 0 0 20px
	}

	.careerList__division {
		line-height: 1.5
	}

	.careerList__division:before {
		height: 6px;
		width: 6px
	}

	.benefits {
		padding: 0 0 min(17.9487179487vw, 70px)
	}

	.benefits__linkList {
		flex-direction: column;
		gap: 20px
	}

	.benefits__linkListItem {
		width: 100%
	}

	.benefits__linkBtn {
		font-size: var(--fontsize16);
		padding: 0 10px 20px 0
	}

	.benefits__linkBtn:before {
		height: 6px;
		width: 6px
	}

	.benefits__linkBtn:after {
		background: #000 url(img/common/white-right-arw.png) no-repeat 50%/10px;
		height: 22px;
		width: 22px
	}

	.system {
		padding: min(17.9487179487vw, 70px) 0
	}

	.system--first {
		padding: 0 0 min(17.9487179487vw, 70px)
	}

	.system--bg {
		padding: min(17.9487179487vw, 70px) 0
	}

	.system__title {
		font-size: var(--fontsize26);
		line-height: 1.5
	}

	.system__subTitle {
		font-size: var(--fontsize20);
		margin: 40px 0 10px
	}

	.system__subTitle--first {
		margin: 20px 0 10px
	}

	.system__subTitle:before {
		height: 6px;
		width: 6px
	}

	.system__th {
		display: block;
		padding: 20px 0 10px;
		width: 100%
	}

	.system__td {
		display: block;
		font-size: var(--fontsize14);
		padding: 0 0 20px
	}

	.system__imgList {
		gap: 20px;
		margin: 20px 0 0
	}

	.system__imgListItem {
		width: calc(50% - 10px)
	}

	.system__flow {
		margin: 20px auto
	}

	.system__flowImgArea {
		margin: 0 0 20px;
		overflow: auto
	}

	.system__flowImgWrap {
		width: 600px
	}

	.system__flowList {
		flex-direction: column;
		gap: 30px
	}

	.system__flowDl {
		width: 100%
	}

	.system__flowIconArea {
		margin: 20px auto
	}

	.system__flowDd {
    font-size: var(--fontsize14);
	}

	.development,
	.linkArea {
		/* padding: min(17.9487179487vw, 70px) 0 */
		padding: 0 0 min(17.9487179487vw, 70px) ;
	}

	.development__title {
		font-size: var(--fontsize26);
		line-height: 1.5
	}

	.development__text {
		font-size: var(--fontsize14);
		margin: 0 0 20px
	}

	.development__imgArea {
		overflow: auto
	}

	.development__imgWrap {
		width: 600px
	}

	.devSection {
		padding: min(17.9487179487vw, 70px) 0
	}

	.devSection__blockWrap {
		flex-direction: column;
		gap: 20px 0
	}

	.devSection__block {
		padding: 30px 20px;
		width: 100%
	}

	.devSection__title {
		font-size: var(--fontsize26);
		line-height: 1.5
	}

	.devSection__subTitle {
		font-size: var(--fontsize20);
		margin: 0 0 10px
	}

	.devSection__subTitle:before {
		height: 6px;
		width: 6px
	}

	.devSection__listItem,
	.devSection__text {
    font-size: var(--fontsize14);
	}

	.education {
		padding: min(17.9487179487vw, 70px) 0
	}

	.education__content {
		height: auto;
		margin: 0 0 40px
	}

	.education__title {
		font-size: var(--fontsize28);
		line-height: 1.5
	}

	.education__catch {
		font-size: var(--fontsize20);
		line-height: 1.5
	}

	.education__text {
		margin: 0 0 20px;
		width: 100%;
		font-size: var(--fontsize14);
	}

	.education__imgArea {
		position: relative;
		width: 100%
	}

	.education__imgArea--scroll {
		overflow: auto
	}

	.education__subTitle {
		font-size: var(--fontsize20);
		margin: 0 0 10px
	}

	.education__subTitle:before {
		height: 6px;
		width: 6px
	}

	.education__imgWrap {
		width: 600px
	}

	.eduSection {
		padding: min(17.9487179487vw, 70px) 0
	}

	.eduSection__block {
		margin: 0 0 20px;
		padding: 30px 20px
	}

	.eduSection__title {
		gap: 0 10px
	}

	.eduSection__subTitle {
		line-height: 1.5;
		margin: 0 0 20px
	}

	.eduSection__dt:before {
		height: 6px;
		width: 6px
	}

	.eduSection__dd {
		font-size: var(--fontsize14);
	}
}

/*# sourceMappingURL=maps/page2.css.map */
