@charset "UTF-8";

.sdgs-note {
	margin-bottom: 14px;
	color: #7d94aa;
	font-size: 11px;
	font-weight: 500;
	line-height: 1.5;
}

.sdgs-hero {
	position: relative;
	z-index: 1;
	padding: 85px 0 195px;
}

.sdgs-hero::before {
	content: "";
	display: block;
	position: absolute;
	z-index: -1;
	right: 0;
	bottom: 45px;
	width: 632px;
	height: 632px;
	background: url("../image/sdgs_iconbg.png") 50% 50% no-repeat;
	background-size: contain;
}

.sdgs-hero__logo {
	margin-bottom: 50px;
}

.sdgs-hero__body {
	max-width: 815px;
}

.sdgs-goals::before {
	background: var(--color-bg-pale);
}

.sdgs-goals__list {
	max-width: 1150px;
	margin: -33px 0 -40px;
}

.sdgs-goals__item {
	position: relative;
	display: grid;
	grid-template-columns: 221px minmax(0, 1fr);
	gap: 80px;
	padding: 33px 0 40px;
}

.sdgs-goals__item::before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	border-bottom: solid 1px var(--color-gray);
	opacity: .66;
}

.sdgs-goals__item:last-child::before {
	display: none;
}

.sdgs-goals__body {
	padding: 33px 0;
}

.sdgs-goals__title {
	margin: 0 0 .636em;
	font-size: 22px;
	font-weight: 500;
	letter-spacing: .08em;
	line-height: 1.6;
}

.sdgs-case {
	padding: 20px 0 0;
}

.sdgs-case__sec {
	max-width: 1150px;
	padding: 80px 0;
	margin-left: auto;
	border-bottom: solid 1px var(--color-border);
}

.sdgs-case__sec:last-child {
	padding-bottom: 0;
	border-bottom: none;
}

.sdgs-case__sec--cols {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	gap: 40px;
}

.sdgs-case__sec--01 .sdgs-case__body {
	max-width: 615px;
}

.sdgs-case__title {
	margin-bottom: 33px;
}

.sdgs-case__sec--01 .sdgs-case__title {
	margin-bottom: 20px;
}

.sdgs-case__sec--02 .sdgs-case__image + .sdgs-case__text,
.sdgs-case__sec--02 .sdgs-gallery + .sdgs-case__text {
	margin-top: 60px;
}

.sdgs-case__image {
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	margin-top: 25px;
}

.sdgs-case__caption {
	margin-top: .571em;
	font-size: .875em;
	line-height: 1.7;
	text-align: right;
}

.sdgs-case__caption--s {
	width: 66.66%;
}

.sdgs-gallery {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 11px;
	max-width: 1102px;
	margin-top: 25px;
}

.sdgs-gallery .sdgs-case__caption {
	margin-top: .143em;
}

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

	.sdgs-hero {
		padding: 5px 0 90px;
	}

	.sdgs-hero::before {
		bottom: 25px;
		-webkit-transform: scale(.35);
		        transform: scale(.35);
		-webkit-transform-origin: right bottom;
		        transform-origin: right bottom;
	}

	.sdgs-hero__logo {
		margin-bottom: 30px;
	}

	.sdgs-goals__list {
		margin: -30px 0 -25px;
	}

	.sdgs-goals__item {
		display: block;
		padding: 30px 0 25px;
	}

	.sdgs-goals__icon {
		margin-bottom: 20px;
		text-align: center;
	}

	.sdgs-goals__icon img {
		max-width: 62%;
	}

	.sdgs-goals__title {
		font-size: 20px;
	}

	.sdgs-goals__body {
		padding: 0;
	}

	.sdgs-case {
		padding: 5px 0 0;
	}

	.sdgs-case__sec {
		padding: 45px 0;
	}

	.sdgs-case__sec--cols {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		gap: 20px;
	}

	.sdgs-case__sec--01 .sdgs-case__body {
		max-width: none;
	}

	.sdgs-case__title {
		margin-bottom: 22px;
	}

	.sdgs-case__logo {
		-webkit-transform: scale(.85);
		        transform: scale(.85);
		margin: -30px;
	}

	.sdgs-case__sec--02 .sdgs-case__image + .sdgs-case__text,
	.sdgs-case__sec--02 .sdgs-gallery + .sdgs-case__text {
		margin-top: 35px;
	}

	.sdgs-gallery {
		grid-template-columns: 1fr;
		gap: 25px;
		max-width: 360px;
		margin-left: auto;
		margin-right: auto;
	}

}