@charset 'utf-8';
/*
 * name:sdgs.css
 * author:sovanda nulo
*/

/* sdgs
------------------------------------------------ */

#sdgs { margin-bottom: 120px; }
.sdgs--desc { font-size: 18px; font-size: 1.8rem; line-height: 2.111; margin-bottom: 80px; display: block; max-width: 1056px; }
.sdgs__logo { position: relative; max-width: 950px; margin: 0 auto; }
.sdgs__logo--pic { max-width: 528px; margin: 0 auto 32px; }
.sdgs__logo--lists { display: flex; flex-wrap: wrap; }
.sdgs__logo--lists li { width: 15.1%; margin-right: 1.88%; }
.sdgs__logo--lists li:nth-child(6n) { margin-right: 0; }
.sdgs__logo--lists li:nth-child(n+7) { margin-top: 1.88%; }
.sdgs__block { margin-top: 80px; }
.sdgs__block--tlt { font-size: 30px; font-size: 3rem; line-height: 2; text-align: center; margin-bottom: 50px; }
.sdgs__block--lists { display: flex; flex-wrap: wrap; }
.sdgs__block__desc { width: 48.9%; margin-right: 2.2%; border: 1.5px solid #af9b41; -webkit-box-sizing: border-box; box-sizing: border-box; }
.sdgs__block__desc:nth-child(2n) { margin-right: 0; }
.sdgs__block__desc:nth-child(n+3) { margin-top: 2.2%; }
.sdgs__block__desc dt { font-size: 24px; font-size: 2.4rem; line-height: 1.2; padding: 20px 0; font-weight: bold; color: #fff; letter-spacing: .075em; text-align: center; background: #af9b41; background: -moz-linear-gradient(top, #af9b41 0%, #d4c499 100%); background: -webkit-linear-gradient(top, #af9b41 0%,#d4c499 100%); background: linear-gradient(to bottom, #af9b41 0%,#d4c499 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#af9b41', endColorstr='#d4c499',GradientType=0 ); }
.sdgs__block__desc dd { padding: 40px 30px 35px; }
.sdgs__block__desc--break {  }
.sdgs__block__desc--logo { display: inline-block; vertical-align: middle; width: 34.5%; }
.sdgs__block__desc--text { display: inline-block; vertical-align: middle; width: calc( 65.5% - 20px ); margin-left: 20px; font-size: 17px; font-size: 1.7rem; letter-spacing: .025em; line-height: 2; }
.sdgs__block__desc--more { border-top: 1.5px solid #af9b41; margin-top: 40px; padding-top: 25px; }
.sdgs__block__desc--more li { font-size: 23px; font-size: 2.3rem; font-weight: bold; letter-spacing: .025em; }
.sdgs__block__desc--more li:not(:last-child) { margin-bottom: 8px; }
.sdgs__block__desc--more li span { display: inline-block; color: #af9b41; margin-right: .3em; }

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

	#sdgs { margin-bottom: 60px; }
	.sdgs--desc { font-size: 14px; font-size: 1.4rem; line-height: 1.7; margin-bottom: 28px; }
	.sdgs__logo {  }
	.sdgs__logo--pic { max-width: 55.7%; margin: 0 auto 3%; }
	.sdgs__block { margin-top: 50px; }
	.sdgs__block--tlt { font-size: 17px; font-size: 1.7rem; margin-bottom: 23px; }
	.sdgs__block--lists { display: block; }
	.sdgs__block__desc { width: 100%; margin: 0 auto; border: 1px solid #af9b41; display: block; }
	.sdgs__block__desc:nth-child(2n) { margin-right: auto; }
	.sdgs__block__desc:nth-child(n+2) { margin-top: 30px; }
	.sdgs__block__desc dt { font-size: 15px; font-size: 1.5rem; padding: 16px 0; }
	.sdgs__block__desc dd { padding: 20px 20px 15px; }
	.sdgs__block__desc--logo { width: 34.5%; }
	.sdgs__block__desc--text { width: calc( 65.5% - 15px ); margin-left: 15px; font-size: 14px; font-size: 1.4rem; line-height: 1.7; }
	.sdgs__block__desc--more { border-top: 1px solid #af9b41; margin-top: 20px; padding-top: 12px; }
	.sdgs__block__desc--more li { font-size: 15px; font-size: 1.5rem; }
	.sdgs__block__desc--more li:not(:last-child) { margin-bottom: 3px; }

}