@charset "utf-8";
/*---------------------------------------------------------
	SDGs page
---------------------------------------------------------*/

.sdgs_page {
	background:#F7F9FC;
}

/* SDGs専用見出し
---------------------------------------------------------*/

.sdgsSecHead {
	margin-bottom: 60px;
}

.sdgsSecHead__ttl {
	margin: 0;
	padding: 0;
	font-size: 3.6rem;
	font-weight: 500;
	letter-spacing: 0.1em;
	line-height: 1.6;
}

.sdgsSecHead__ttl::before {
	content: none;
}

/* Lead
---------------------------------------------------------*/

.content_area.sdgs_lead {
	padding: 120px 0 85px;
}

.sdgs_lead_box {
	display: grid;
	grid-template-columns: 1fr 1fr;
	align-items: center;
}

.sdgs_lead_body p {
	margin: 0 0 38px;
/* 	font-size: 1.4rem; */
	letter-spacing: 0.1em;
	line-height: 2.375;
}

.sdgs_lead_body p:last-child {
	margin-bottom: 0;
}

.sdgs_lead_sign{
	display:flex;
	justify-content: flex-end;
}

.sdgs_lead_date {
	line-height: 2.375;
	letter-spacing:0.1em;
}

.sdgs_lead_logo{
	margin-left:37px;
}

.sdgs_lead_logo img {
	width: 100%;
	height: auto;
}

/* About
---------------------------------------------------------*/

.content_area.sdgs_about {
	margin-bottom:70px;
}

.sdgs_about_box {
	margin: 0 auto;
	padding: 38px 20px;
	background: #eaf0f7;
	text-align: center;
}

.sdgs_about_ttl {
	margin: 0 0 30px;
	padding: 0;
	font-size: 3.0rem;
	font-weight: 500;
	letter-spacing: 0;
	line-height: 1.5;
}

.sdgs_about_ttl::before {
	content: none;
}

.sdgs_about_logo {
	max-width: 572px;
	margin: 0 auto 28px;
}

.sdgs_about_logo img {
	width: 100%;
	height: auto;
}

.sdgs_about_box p {
	max-width:790px;
	margin: 0 auto;
	letter-spacing: 0.1em;
	line-height: 1.75;
	text-align:left;
}

/* Activity
---------------------------------------------------------*/

.content_area.sdgsActivity {
/* 	padding: 50px 0; */
}

.content_area.sdgsActivity--last {
	padding-bottom: 200px;
}

.sdgsActivity__row {
	display: grid;
	grid-template-columns: 520px 485px;
	gap: 62px;
	border-bottom:1px solid #DFDFDF;
	padding: 60px 0;
}

.content_area.sdgsActivity:last-child .sdgsActivity__row{
	border-bottom:none;
}

.sdgsActivity__row--reverse {
	grid-template-columns: 485px 1fr;
}

.sdgsActivity__row--reverse .sdgsActivity__body {
	order: 2;
}

.sdgsActivity__row--reverse .sdgsGoalList {
	order: 1;
}

.sdgsActivity__ttl {
	margin: 0 0 30px;
	padding: 0;
	font-size: 3.2rem;
	font-weight: 500;
	letter-spacing: 0.1em;
	line-height: 1.43;
}

.sdgsActivity__ttl::before {
	content: none;
}

.sdgsActivity__subttl {
	margin: 0 0 20px;
	font-size: 2.2rem;
	font-weight: 500;
	letter-spacing: 0.1em;
	line-height: 1.6;
	padding-left: 33px;
	position:relative;
}

.sdgsActivity__subttl::before {
	content: "";
	position: absolute;
	top: 0.8em;
	left: 0;
	width: 25px;
	height: 2px;
	background: #122C48;
	transform: translateY(-50%);
}


.sdgsActivity__row ul{
	margin:0;
}

.sdgsActivity__row li{
	margin:0;
	line-height:1.875;
	letter-spacing:0.1em;
}

/* Goal icon
---------------------------------------------------------*/

.sdgsGoalList {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 25px;
	align-items: start;
}

.sdgsGoalList__item img {
	display: block;
	width: 100%;
	height: auto;
}

.sdgsGoalList--single {
/* 	grid-template-columns: 140px; */
}

/* responsive
---------------------------------------------------------*/

@media screen and (max-width: 767px) {
	.content_area.sdgs_lead {
		padding: 70px 0 45px;
	}

	.sdgs_lead_box {
		display: block;
	}

	.sdgsSecHead {
		margin-bottom: 25px;
	}

	.sdgsSecHead__ttl {
		font-size: 2.2rem;
	}

	.sdgs_lead_logo {
		width: 260px;
		margin: 35px auto 0;
	}

	.content_area.sdgs_about {
		margin-bottom:30px;
	}

	.sdgs_about_box {
		padding: 35px 25px;
	}

	.sdgs_about_ttl {
		font-size: 1.8rem;
		margin-bottom:20px;
	}

	.content_area.sdgsActivity {
/* 		padding: 30px 0; */
	}
	
	.content_area.sdgsActivity--last{
		padding-bottom:160px;
	}

	.sdgsActivity--last {
		padding-bottom: 80px;
	}

	.sdgsActivity__row,
	.sdgsActivity__row--reverse {
		display: block;
		padding:40px 0;
	}

	.sdgsActivity__row--reverse .sdgsActivity__body,
	.sdgsActivity__row--reverse .sdgsGoalList {
		order: initial;
	}

	.sdgsActivity__ttl {
		font-size: 2rem;
		margin-bottom: 20px;
	}

	.sdgsActivity__subttl {
		font-size: 1.6rem;
	}

	.sdgsActivity__body p {
/* 		font-size: 1.3rem;
		line-height: 2; */
	}

	.sdgsGoalList,
	.sdgsGoalList--single {
		margin-top: 25px;
		grid-template-columns: repeat(3, 1fr);
		gap: 10px;
	}
}