.modal-section {
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background-color: #c6c6c6b3;
	z-index: 4000;
	display: none;
}
.modal-section.active {
	display: block;
}
.modal-section .modal-section__outer {
	position: absolute;
	translate: -50% -50%;
	left: 50%;
	top: 50%;
	height: 639px;
	max-height: 90dvh;
	width: 100%;
	max-width: min(1206px, 90vw);
}
.modal-section .modal-section__inner {
	background-color: #ffffff;
	border-radius: 20px;
	height: 639px;
	max-height: 90dvh;
	width: 100%;
	max-width: min(1206px, 90vw);
	/* overflow: scroll; */
	padding-block: 60px;
	padding-inline: 60px;
}
@media screen and (max-width: 1024px) {
	.modal-section .modal-section__inner.business1,
	.modal-section .modal-section__inner.modal-section .business2 {
		padding-block: 40px 160px;
	}
}
@media screen and (max-width: 768px) {
	.modal-section .modal-section__inner {
		padding-block: 40px;
		padding-inline: 16px;
		height: 664px;
	}
	.modal-section .modal-section__inner.value,
	.modal-section .modal-section__inner.wwr,
	.modal-section .modal-section__inner.business1,
	.modal-section .modal-section__inner.business2,
	.modal-section .modal-section__inner.modal-section .business3 {
		padding-block: 40px 100px;
	}
}

.modal-section__close {
	content: "";
	display: block;
	background-image: url(../img/common/icon_modal_cross.svg);
	background-size: contain;
	background-repeat: no-repeat;
	width: 20px;
	height: 20px;
	position: absolute;
	right: 40px;
	top: 40px;
	cursor: pointer;
	transition: opacity 300ms;
}
.modal-section__close:hover {
	opacity: 0.6;
}
@media screen and (max-width: 768px) {
	.modal-section__close {
		display: none;
	}
}

.modal-section__nav {
	position: absolute;
	bottom: 40px;
	right: 60px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	gap: 50px;
}
.modal-section__nav a {
	position: relative;
	z-index: 4000;
}
.modal-section__nav a.button-buz {
	line-height: 1.5;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	font-weight: 300;
}
.modal-section__nav a.button-buz--left {
	text-align: right;
}
@media screen and (max-width: 768px) {
	.modal-section__nav {
		width: calc(100% - 32px);
		bottom: 30px;
		right: 50%;
		translate: 50% 0;
		-webkit-box-pack: justify;
		-webkit-justify-content: space-between;
		-ms-flex-pack: justify;
		justify-content: space-between;
	}
	.modal-section__nav a {
		font-size: 0;
	}
}

.modal-section .mission .mission__textBox {
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	margin-inline: auto;
	margin-top: 50px;
}
.modal-section .mission .mission__textBox .c-text {
	letter-spacing: 0.05em;
}
.modal-section .mission .mission__title img {
	width: 142px;
}
.modal-section .mission .mission__lead {
	font-size: 3.4rem;
	font-weight: 500;
	line-height: 1.2;
	letter-spacing: 0.05em;
}
@media screen and (max-width: 1024px) {
	.modal-section .mission .mission__title img {
		width: 85px;
	}
	.modal-section .mission .mission__lead {
		font-size: 1.8rem;
	}
}

.modal-section .vision .vision__textBox {
	max-width: 628px;
	margin-inline: auto;
	margin-top: 50px;
}
.modal-section .vision .vision__textBox .c-text {
	letter-spacing: 0.05em;
}
.modal-section .vision .vision__title img {
	width: 118px;
}
.modal-section .vision .vision__lead {
	font-size: 3.4rem;
	font-weight: 500;
	line-height: 1.5;
	letter-spacing: 0.05em;
}
@media screen and (max-width: 1024px) {
	.modal-section .vision .vision__title img {
		width: 70px;
	}
	.modal-section .vision .vision__lead {
		font-size: 1.8rem;
	}
}

.modal-section .value {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}
.modal-section .value .value__upper {
	width: 184px;
	-webkit-flex-shrink: 0;
	-ms-flex-negative: 0;
	flex-shrink: 0;
}
.modal-section .value .value__title img {
	width: 103px;
}
.modal-section .value .value__list {
	position: relative;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	gap: 30px 70px;
	padding-block: 20px 0;
	overflow: scroll;
	max-height: calc(100% - 20px);
}
.modal-section .value .value__list-item:nth-of-type(odd) {
	width: 352px;
}
.modal-section .value .value__list-item:nth-of-type(even) {
	width: 392px;
}
.modal-section .value .value__list-item:first-of-type {
	margin-top: 0;
}
.modal-section .value .value__list-title {
	font-size: 1.8rem;
	line-height: 18px;
	border-left: solid 1px var(--color--white);
	padding-left: 15px;
}
.modal-section .value .value__list-text {
	font-size: 1.2rem;
	margin-top: 20px;
	letter-spacing: 0.15em;
}
@media screen and (max-width: 1024px) {
	.modal-section .value {
		display: block;
	}
	.modal-section .value .value__list {
		max-height: calc(100% - 80px);
	}
}
@media screen and (max-width: 768px) {
	.modal-section .value .value__title img {
		width: 62px;
	}
	.modal-section .value .value__list {
		display: block;
		margin-top: 40px;
		max-height: calc(100% - 50px);
		overflow: scroll;
	}
	.modal-section .value .value__list-item:nth-of-type(odd) {
		width: 100%;
	}
	.modal-section .value .value__list-item:nth-of-type(even) {
		width: 100%;
	}
	.modal-section .value .value__list-item:nth-of-type(n + 2) {
		margin-top: 60px;
	}
}

.modal-section .wwr {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}
.modal-section .wwr .wwr__upper {
	width: 232px;
	-webkit-flex-shrink: 0;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	padding-inline: 0 20px;
}
.modal-section .wwr .wwr__wrap-contents {
	padding-top: 10px;
	overflow: scroll;
	max-height: calc(100% - 20px);
}
.modal-section .wwr .wwr__data-text-wrap {
	padding-inline: 30px 0;
	padding-block: 0;
	border-left: solid 1px #363636;
	margin-top: 20px;
	margin-inline: 20px 0;
}
@media screen and (max-width: 1024px) {
	.modal-section .wwr {
		display: block;
	}
	.modal-section .wwr .wwr__wrap-contents {
		max-height: calc(100% - 90px);
	}
}
@media screen and (max-width: 768px) {
	.modal-section .wwr .wwr__wrap-contents {
		margin-top: 60px;
		padding-top: 0;
		max-height: calc(100% - 70px);
		overflow: scroll;
	}
	.modal-section .wwr .wwr__data-text-wrap {
		padding-inline: 15px 0;
		margin-inline: 15px 0;
	}
}

.modal-section .business1 .business1__wrap {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	max-width: 100%;
	/* max-width: 812px; */
	margin-left: 95px;
	gap: 90px;
	overflow: scroll;
	max-height: calc(100% - 120px);
}
.modal-section .business1 .business1__text {
	padding-top: 120px;
	-webkit-flex-shrink: 0;
	-ms-flex-negative: 0;
	flex-shrink: 0;
}
.modal-section .business1 .business1__image {
	max-width: 536px;
	position: relative;
	top: -35px;
}
@media screen and (max-width: 1024px) {
	.modal-section .business1 .business1__wrap {
		display: block;
		margin-left: 0;
		max-height: calc(100% - 20px);
		overflow: scroll;
	}
	.modal-section .business1 .business1__text {
		padding-top: 0;
		margin-top: 60px;
		font-size: 1.2rem;
	}
	.modal-section .business1 .business1__image {
		margin-top: 40px;
	}
}

.modal-section .business2 .business2__wrap-flex {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	gap: 123px;
	-webkit-box-align: end;
	-webkit-align-items: end;
	-ms-flex-align: end;
	align-items: end;
}
.modal-section .business2 .business2__wrap-flex > .c-text {
	padding-bottom: 6px;
}
.modal-section .business2 .business2__wrap-data-list {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	gap: 60px;
	margin-inline: auto;
	max-width: 970px;
	padding-left: 20px;
	margin-top: 60px;
	overflow: scroll;
	max-height: calc(100% - 180px);
}
.modal-section .business2 .business2__data-body {
	padding-inline: 20px 0;
	padding-block: 10px;
	border-left: solid 1px #363636;
	margin-top: 20px;
	margin-inline: 10px 0;
}
.modal-section .business2 .business2__list {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	gap: 20px 30px;
	max-width: 400px;
	height: 245px;
}
.modal-section .business2 .business2__list-item {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	gap: 15px;
}
.modal-section .business2 .business2__list-item--1:nth-of-type(-n + 3) {
	width: 172px;
}
.modal-section .business2 .business2__list-item--1:nth-of-type(n + 4):nth-of-type(-n + 6) {
	width: 191px;
}
.modal-section .business2 .business2__list-item--2:nth-of-type(-n + 3) {
	width: 226px;
}
.modal-section .business2 .business2__list-item--2:nth-of-type(n + 4):nth-of-type(-n + 6) {
	width: 211px;
}
.modal-section .business2 .business2__list-icon {
	width: 60px;
	-webkit-flex-shrink: 0;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}
@media screen and (max-width: 1024px) {
	.modal-section .business2 .business2__wrap-flex {
		display: block;
	}
	.modal-section .business2 .business2__wrap-flex > .c-text {
		margin-top: 40px;
	}
	.modal-section .business2 .business2__wrap-data-list {
		display: block;
		padding-left: 0;
		margin-top: 30px;
		overflow: scroll;
		max-height: calc(100% - 250px);
	}
	.modal-section .business2 .business2__data-list:nth-of-type(n + 2) {
		margin-top: 30px;
	}
}
@media screen and (max-width: 768px) {
	.modal-section .business2 .business2__data-body {
		padding-block: 0;
	}
	.modal-section .business2 .business2__list {
		display: block;
		height: auto;
	}
	.modal-section .business2 .business2__list-item {
		-webkit-box-align: center;
		-webkit-align-items: center;
		-ms-flex-align: center;
		align-items: center;
	}
	.modal-section .business2 .business2__list-item:nth-of-type(-n + 3) {
		width: 100%;
	}
	.modal-section .business2 .business2__list-item:nth-of-type(n + 4):nth-of-type(-n + 6) {
		width: 100%;
	}
	.modal-section .business2 .business2__list-item:nth-of-type(n + 2) {
		margin-top: 10px;
	}
	.modal-section .business2 .business2__list-item .c-text--md {
		font-size: 1.4rem;
	}
	.modal-section .business2 .business2__data-title {
		font-size: 1.6rem;
	}
	.modal-section .business2 .business2__list-icon {
		width: 44px;
	}
	.modal-section .business2 .business2__wrap-data-list {
		max-height: calc(100% - 150px);
	}
}

.modal-section .business3 .business3__wrap-flex {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	gap: 109px;
	height: 100%;
}
.modal-section .business3 .business3__heading-group {
	-webkit-flex-shrink: 0;
	-ms-flex-negative: 0;
	flex-shrink: 0;
}
.modal-section .business3 .business3__heading-group .c-title--sub {
	line-height: 1.5;
}
.modal-section .business3 .business3__bottom-wrap {
	padding-top: 60px;
	overflow: scroll;
	max-height: calc(100% - 20px);
}
.modal-section .business3 .business3__contents-wrap {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	gap: 40px;
	margin-top: 40px;
}
.modal-section .business3 .business3__list {
	width: 180px;
	-webkit-flex-shrink: 0;
	-ms-flex-negative: 0;
	flex-shrink: 0;
}
.modal-section .business3 .business3__list-item .c-text--sm {
	font-weight: 200;
}
.modal-section .business3 .business3__list-item:nth-of-type(n + 2) {
	margin-top: 20px;
}
@media screen and (max-width: 1024px) {
	.modal-section .business3 .business3__wrap-flex {
		display: block;
	}
	.modal-section .business3 .business3__bottom-wrap {
		padding-top: 0;
		margin-top: 50px;
		max-height: calc(100% - 190px);
	}
}
@media screen and (max-width: 768px) {
	.modal-section .business3 .business3__wrap-flex {
		display: block;
	}
	.modal-section .business3 .business3__heading-group .c-title--sub {
		font-size: 1.2rem;
	}
	.modal-section .business3 .business3__bottom-wrap {
		padding-top: 0;
		margin-top: 50px;
		/* max-height: calc(100% - 120px); */
	}
	.modal-section .business3 .business3__contents-wrap {
		display: block;
	}
	.modal-section .business3 .business3__contents-wrap .c-text {
		font-size: 1.2rem;
	}
	.modal-section .business3 .business3__list-item:nth-of-type(n + 2) {
		margin-top: 10px;
	}
	.modal-section .business3 .business3__image {
		margin-top: 30px;
	}
}

.modal-section__title {
	font-size: 2rem;
}

@media screen and (max-width: 768px) {
	.modal-section__title {
		font-size: 1.75rem;
	}
}

.business1__title,
.business2__title,
.business3__title {
	transform: scale(0.5);
	transform-origin: left top;
}
