@charset "UTF-8";

/*================================================
 *  サスティナブル 用
 ================================================*/

.contents {
	padding-top: 0;
}

/*******メインエリア*******/
section#main_area .img_main {
	height: 54rem;
	width: 80%;
	width: calc(50vw + 64rem);
	margin-left: auto;
}

section#main_area .inr {
	margin-top: 9rem;
}


/*******SDGs宣言*******/
section#sdgs_area {
	margin-top: 12rem;
}

section#sdgs_area .img_logo {
	margin: 8rem 0 9rem;
}
section#sdgs_area .img_logo img {
	width: 89.2rem;
}
section#sdgs_area .img_logo figcaption {
	margin-top: 9rem;
}

section#sdgs_area [class*="sdgs_box"] {
	border: 2px solid;
	padding: 7rem 8rem;
}
section#sdgs_area [class*="sdgs_box"]:nth-of-type(n+2) {
	margin-top: 10rem;
}

section#sdgs_area [class*="sdgs_box"] .icon_intro .icon_list {
	width: 26.2rem;
	margin: 4rem 3rem 0 0;
}
@media screen and (min-width: 800.1px) {
	section#sdgs_area .sdgs_box02 .icon_intro .icon_list,
	section#sdgs_area .sdgs_box03 .icon_intro .icon_list {
		height: 27.2rem;
	}
}

section#sdgs_area [class*="sdgs_box"] .icon_intro .icon_list img {
	width: 12.6rem;
	height: auto;
}
section#sdgs_area [class*="sdgs_box"] .icon_intro .icon_list img:nth-child(n+3) {
	margin-top: 1rem;
}

section#sdgs_area [class*="sdgs_box"] .icon_intro figcaption {
	width: 56rem;
}
section#sdgs_area [class*="sdgs_box"] .icon_intro figcaption h3 {
	font-size: 3.6rem;
	font-weight: bold;
	line-height: 1.75;
	margin-bottom: 0.8em;
}
section#sdgs_area [class*="sdgs_box"] .icon_intro figcaption .circle_list_small > li::before {
	color: var(--color-red);
}


section#sdgs_area .sdgs_box02 .initiative_list {
	margin: 5rem 0 3rem;
}
section#sdgs_area .sdgs_box02 .initiative_list > div + div {
	margin-top: 5rem;
}
/*@media screen and (min-width: 800.1px) {
	section#sdgs_area .sdgs_box02 .initiative_list > div figure,
	section#sdgs_area .sdgs_box02 .initiative_list > div figure figcaption {
		display: flex;
		flex-direction: column;
	}
}*/
section#sdgs_area .sdgs_box02 .initiative_list > div figure figcaption {
		display: flex;
		flex-direction: column;
	}
section#sdgs_area .sdgs_box02 .initiative_list > div figure {
	width: 28rem;
}
section#sdgs_area .sdgs_box02 .initiative_list > div figure + figure {
	margin-left: 5rem;
}
section#sdgs_area .sdgs_box02 .initiative_list > div figure figcaption {
	margin-top: 2rem;
}
section#sdgs_area .sdgs_box02 .initiative_list > div figure figcaption h6 {
	font-size: 2.4rem;
	font-weight: bold;
}
section#sdgs_area .sdgs_box02 .initiative_list > div figure figcaption p {
	margin-top: auto;
}










/*================================================================================================
 *  スマートフォン向けデザイン
 ================================================================================================*/
@media screen and (max-width:800px) {


/*******メインエリア*******/
section#main_area .img_main {
	height: 56vw;
	width: 93vw;
}

section#main_area .inr {
	margin-top: 15vw;
}


/*******SDGs宣言*******/
section#sdgs_area {
	margin-top: 17vw;
}

section#sdgs_area .img_logo {
	margin: 12vw 0 15vw;
}
section#sdgs_area .img_logo img {
	width: 100%;
}
section#sdgs_area .img_logo figcaption {
	margin-top: 15vw;
}

section#sdgs_area [class*="sdgs_box"] {
	padding: 12vw 10vw 10vw;
}
section#sdgs_area [class*="sdgs_box"]:nth-of-type(n+2) {
	margin-top: 15vw;
}

section#sdgs_area [class*="sdgs_box"] .icon_intro .icon_list {
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	width: 100%;
	margin: 0 0 7vw;
}
section#sdgs_area [class*="sdgs_box"] .icon_intro .icon_list img {
	width: calc((100% - 6vw) / 4);
}
section#sdgs_area [class*="sdgs_box"] .icon_intro .icon_list img:nth-child(n+2) {
	margin: 0 0 0 2vw;
}

section#sdgs_area [class*="sdgs_box"] .icon_intro figcaption {
	width: 100%;
}
section#sdgs_area [class*="sdgs_box"] .icon_intro figcaption h3 {
	font-size: 6.4vw;
	text-align: center;
}


section#sdgs_area .sdgs_box02 .initiative_list {
	margin: 10vw 0 4vw;
}
section#sdgs_area .sdgs_box02 .initiative_list > div + div,
section#sdgs_area .sdgs_box02 .initiative_list > div figure + figure{
	margin-top: 7vw;
}
section#sdgs_area .sdgs_box02 .initiative_list > div figure {
	width: 100%;
}
section#sdgs_area .sdgs_box02 .initiative_list > div figure + figure {
	margin-left: 0
}
section#sdgs_area .sdgs_box02 .initiative_list > div figure figcaption {
	margin-top: 4vw;
}
section#sdgs_area .sdgs_box02 .initiative_list > div figure figcaption h6 {
	font-size: 4.8vw;
}




	
}