@charset "UTF-8";

/*================================================

　content-nav

=================================================*/
.content-nav__content {
	max-width: 789px;
	margin: auto;
}
.content-nav__content nav ul {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.content-nav__content nav ul li {
	margin-bottom: 20px;
}

@media screen and (max-width: 1079px) {

	.content-nav__content {
		max-width: 73.1232623vw;
	}
	.content-nav__content nav ul li {
		width: 21.4087118vw;
	}
	.content-nav__content nav ul li:last-child {
		width: 100%;
	}

}

@media screen and (max-width: 768px) {

	.content-nav__content {
		max-width: 86.3956216vw;
	}
	.content-nav__content nav ul li {
		width: 30%;
		margin-bottom: 2.60416666vw;
	}
}

/*================================================

　business

=================================================*/
.business {
	overflow: hidden;
	width: 100%;
	margin: 80px auto 0;
	padding: 0;
}
.business__content {
	position: relative;
	max-width: 1088px;
	margin: auto;
	padding: 0;
}
.business-card {
	max-width: 100%;
	margin: 30px auto 40px;
	padding: 0 20px;
}
.business-card h3 {
	text-align: center;
	font-size: 2.7rem;
	font-weight: 900;
}
.business-card__content {
	display: flex;
	flex-direction: row-reverse;
	justify-content: space-between;
	align-items: center;
	max-width: 870px;
	margin: 30px auto;
}
.business-card__text {
	max-width: 558px;
}
.business-card__text h4 {
	font-size: 1.9rem;
	font-weight: 900;
}
.business-card__text p {
	margin-top: 1.5em;
	font-size: 1.8rem;
	line-height: 1.5;
}
.business-card h5 {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 57px;
	color: #FFF;
	font-size: 2.2rem;
	font-weight: 900;
	background-color: #009BE4;
	border-radius: 6px;
	filter:
		drop-shadow(5px 5px 3px rgba(0, 0, 0, 0.5));
}
.business-card__casestudy {
	display: flex;
	justify-content: space-between;
	align-items: center;
	max-width: 870px;
	margin: 30px auto;
}
.business-card__casestudy li {
	display: flex;
	flex-direction: column;
	align-items: center;
	max-width: 245px;
}
.business-card__casestudy li h6 {
	margin-bottom: 15px;
}

@media screen and (max-width: 1279px) {

	.business {
		margin: 6.25488663vw auto 0;
	}
	.business__content {
		max-width: 85.0664582vw;
	}

}

@media screen and (max-width: 1079px) {

	.business-card {
		margin: 2.78035218vw auto 3.70713624vw;
		padding: 0 1.85356812vw;
	}
	.business-card h3 {
		font-size: clamp(1.9rem, (100vw - 769px) * 8 / 310 + 19px, 2.7rem);
	}
	.business-card__content {
		max-width: 80.6302132vw;
		margin: 2.78035218vw auto;
	}
	.business-card__content figure {
		width: 24.9304912vw;
	}
	.business-card__text {
		max-width: 51.7145505vw;
	}
	.business-card__text h4 {
		font-size: clamp(1.3rem, (100vw - 769px) * 6 / 310 + 13px, 1.9rem);
	}
	.business-card__text p {
		font-size: 1.8rem;
		font-size: clamp(1.3rem, (100vw - 769px) * 5 / 310 + 13px, 1.8rem);
	}
	.business-card h5 {
		height: 5.28266914vw;
		font-size: clamp(1.5rem, (100vw - 769px) * 7 / 310 + 15px, 2.2rem);
		border-radius: 0.556070436vw;
		filter:
			drop-shadow(0.46339203vw 0.46339203vw 0.278035218vw rgba(0, 0, 0, 0.5));
	}
	.business-card__casestudy {
		max-width: 80.6302132vw;
		margin: 2.78035218vw auto;
	}
	.business-card__casestudy li {
		max-width: 22.7062095vw;
	}
	.business-card__casestudy li h6 {
		margin-bottom: 1.39017609vw;
	}

}

@media screen and (max-width: 768px) {

	.business-card h3 {
		font-size: clamp(1.1rem, (100vw - 375px) * 11 / 393 + 11px, 2.2rem);
	}
	.business-card__content {
		flex-direction: column-reverse;
	}
	.business-card__content figure {
		width: 32vw;
		margin: 3.90625vw auto;
	}
	.business-card__text {
		max-width: 72.65625vw;
	}
	.business-card__text h4 {
		font-size: clamp(1.1rem, (100vw - 375px) * 8 / 393 + 11px, 1.9rem);
	}
	.business-card__text p {
		font-size: clamp(1.1rem, (100vw - 375px) * 7 / 393 + 11px, 1.8rem);
	}
	.business-card h5 {
		height: 7.421875vw;
		font-size: clamp(1.2rem, (100vw - 375px) * 10 / 393 + 12px, 2.2rem);
		border-radius: 6px;
		filter:
			drop-shadow(0.651041667vw 0.651041667vw 0.390625vw rgba(0, 0, 0, 0.5));
	}

}


/*================================================

　initiatives

=================================================*/
.initiatives {
	overflow: hidden;
	width: 100%;
	margin: 80px auto 0;
	padding: 0;
}
.initiatives__content {
	position: relative;
	max-width: 1088px;
	margin: auto;
	padding: 0;
}
.initiatives-card {
	max-width: 100%;
	margin: 30px auto 70px;
	padding: 0 20px;
}
.initiatives-card h3 {
	text-align: center;
	font-size: 2.7rem;
	font-weight: 900;
}
.initiatives-card h4 {
	position: relative;
	margin-top: 40px;
	text-align: center;
	font-size: 2rem;
	font-weight: 900;
}
.initiatives-card h4::before {
	position: absolute;
	content: '';
	top: -85px;
	left: 50%;
	width: 14px;
	height: 64px;
	background: url("../images/top/initiatives_arrow_01.svg") center center / 100% auto no-repeat;
	transform: translateX(-50%);
}
.initiatives-card__content > figure {
	max-width: 895px;
	margin: 60px auto 0;
}
.initiatives-card__content ul {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	max-width: 982px;
	margin: 30px auto;
}
.initiatives-card__content ul li {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 300px;
	text-align: center;
	font-size: 2.7rem;
	font-weight: 900;
}
.initiatives-card__content ul li p {
	margin: 20px auto;
	line-height: 1.3;
	order: 2;
}
.initiatives-card__content ul li figure {
	width: 284px;
	order: 1;
}
.initiatives-card__content ul li div {
	order: 3;
}
.initiatives-card__content ul li div a {
	display: block;
	border: 1px solid #1D2080;
}
.initiatives-card__content ul li div p {
	margin: 0;
	padding: 8px;
	color: #FFF;
	font-size: 1.7rem;
	background-color: #1D2080;
}
.initiatives-card__content ul li div figure {
	padding: 15px 0 10px;
}
.initiatives-card__content ul li div figure figcaption {
	margin-top: 10px;
	font-size: 2rem
}

@media screen and (max-width: 1279px) {

	.initiatives {
		margin: 6.25488663vw auto 0;
	}
	.initiatives__content {
		max-width: 85.0664582vw;
	}
	.initiatives-card__content ul {
		max-width: 76.7787334vw;
		margin: 2.34558249vw auto;
	}
	.initiatives-card__content ul li {
		width: 23.4558249vw;
		font-size: clamp(1.6rem, (100vw - 768px) * 11 / 511 + 16px, 2.7rem);
	}
	.initiatives-card__content ul li p {
		margin: 1.56372166vw auto;
	}
	.initiatives-card__content ul li figure {
		width: 22.2048475vw;
	}
	.initiatives-card__content ul li div p {
		padding: 0.625488663vw;
		font-size: clamp(1rem, (100vw - 768px) * 7 / 511 + 10px, 1.7rem);
	}
	.initiatives-card__content ul li div figure {
		padding: 1.17279124vw 0 0.781860829vw;
	}
	.initiatives-card__content ul li div figure figcaption {
		margin-top: 0.781860829vw;
		font-size: clamp(1.2rem, (100vw - 768px) * 8 / 511 + 12px, 2rem);
	}

}

@media screen and (max-width: 1079px) {

	.initiatives-card {
		margin: 2.78035218vw auto 6.48748842vw;
		padding: 0 1.85356812vw;
	}
	.initiatives-card h3 {
		font-size: clamp(1.9rem, (100vw - 769px) * 8 / 310 + 19px, 2.7rem);
	}
	.initiatives-card h4 {
		margin-top: 3.70713624vw;
		font-size: clamp(1.4rem, (100vw - 769px) * 6 / 310 + 14px, 2rem);
	}
	.initiatives-card h4::before {
		top: -7.8776645vw;
		width: 1.29749768vw;
		height: 5.93141798vw;
	}
	.initiatives-card__content > figure {
		max-width: 82.9471733vw;
		margin: 5.56070436vw auto 0;
	}

}

@media screen and (max-width: 768px) {

	.initiatives-card h3 {
		font-size: clamp(1.1rem, (100vw - 375px) * 11 / 393 + 11px, 2.2rem);
	}
	.initiatives-card h4 {
		margin-top: 5.20833333vw;
		font-size: clamp(1.2rem, (100vw - 375px) * 8 / 393 + 12px, 2rem);
	}
	.initiatives-card__content ul {
		flex-direction: column;
		align-items: center;
		max-width: 100%;
		margin: 3.90625vw auto;
	}
	.initiatives-card__content ul li {
		width: 50vw;
		max-width: 300px;
		margin-bottom: 5.20833333vw;
		font-size: clamp(1.4rem, (100vw - 375px) * 11 / 393 + 14px, 2.5rem);
	}
	.initiatives-card__content ul li:first-child {
		margin-bottom: 7.8125vw;
	}
	.initiatives-card__content ul li p {
		margin: 2.60416666vw auto;
	}
	.initiatives-card__content ul li figure {
		width: 47vw;
		max-width: 284px;
	}
	.initiatives-card__content ul li div p {
		margin: 0;
		padding: 1.04166666vw;
		font-size: clamp(1rem, (100vw - 375px) * 7 / 393 + 10px, 1.7rem);
	}
	.initiatives-card__content ul li div figure {
		padding: 1.953125vw 0 1.30208333vw;
	}
	.initiatives-card__content ul li div figure figcaption {
		margin-top: 1.30208333vw;
		font-size: clamp(1.2rem, (100vw - 375px) * 8 / 393 + 12px, 2rem);
	}

}


/*================================================

　highlight

=================================================*/
.highlight h2 {
	position: relative;
	margin-bottom: 10px;
	text-align: center;
	font-size: 3rem;
	font-weight: 900;
}
.highlight h2::before,
.highlight h2::after {
	position: absolute;
	content: '';
	top: -4px;
	left: 50%;
	width: 148px;
	height: 70px;
	background: url("../images/top/highlight_img_01.svg") center center / 100% auto no-repeat;
	transform: translateX(-354px);
	z-index: -1;
}
.highlight h2::after {
	left: 50%;
	transform: translateX(218px);
}
.highlight figure {
	padding: 30px 0 0;
}

@media screen and (max-width: 1079px) {

	.highlight h2 {
		margin-bottom: 0.926784059vw;
		font-size: clamp(2rem, (100vw - 769px) * 10 / 310 + 20px, 3rem);
	}
	.highlight h2::before,
	.highlight h2::after {
		top: -0.370713624vw;
		width: 13.7164041vw;
		height: 6.48748842vw;
		transform: translateX(-32.8081557vw);
	}
	.highlight h2::after {
		transform: translateX(20.2038925vw);
	}
	.highlight figure {
		padding: 2.78035218vw 0 0;
	}

}

@media screen and (max-width: 768px) {

	.highlight h2 {
		font-size: clamp(1.2rem, (100vw - 375px) * 8 / 393 + 12px, 2rem);
	}
}