@charset "utf-8";
/*svg{	background: rgba(148,85,86,1.00);}*/
/* ROOT */

.sdgs{	background: url("../img/bg-sdgs01.png");}
	.sdgs-header{	box-sizing: border-box;	background: url("../img/bg-sdgs02.png") 50% 100% / cover no-repeat;	height: 617px;	padding-top: 70px;	text-align: center;}
	.sdgs-catch{	box-sizing: border-box;	background: url("../img/bg-sdgs03.png") 50% 100% / cover no-repeat;	max-width: 1366px;	margin: 0 auto;	padding: 70px 0 90px;}
		.sdgs-catch p{	font-size: 20px;	max-width: 962px;	margin: 0 auto 40px;	line-height: 2.1;}
		.sdgs-catch_list{		letter-spacing: -.4em;	line-height: 0;	text-align: center;}
		.sdgs-catch_list li{	display: inline-block;	list-style: none;	letter-spacing:normal;	line-height: normal;	padding: 0 10px;}
	.sdgs-title01{	font-size: 34px;	font-weight: 400;	text-align: center;	display: table;	margin: 125px auto 70px;}
		.sdgs-title01::after,
		.sdgs-title02::after{ background : -moz-linear-gradient(0% 50% 0deg,rgba(229, 0, 30, 1) 0%,rgba(215, 166, 0, 1) 6.81%,rgba(0, 151, 59, 1) 14.53%,rgba(198, 15, 40, 1) 21.84%,rgba(232, 56, 25, 1) 28.73%,rgba(0, 166, 217, 1) 35.21%,rgba(250, 189, 0, 1) 42.3%,rgba(220, 0, 122, 1) 49.24%,rgba(237, 106, 2, 1) 54.57%,rgba(151, 11, 49, 1) 61.38%,rgba(245, 162, 0, 1) 67.5%,rgba(66, 121, 53, 1) 73.37%,rgba(0, 117, 186, 1) 80.23%,rgba(40, 168, 56, 1) 87.07%,rgba(0, 76, 136, 1) 93.07%,rgba(0, 48, 103, 1) 100%);
		background : -webkit-linear-gradient(0deg, rgba(229, 0, 30, 1) 0%, rgba(215, 166, 0, 1) 6.81%, rgba(0, 151, 59, 1) 14.53%, rgba(198, 15, 40, 1) 21.84%, rgba(232, 56, 25, 1) 28.73%, rgba(0, 166, 217, 1) 35.21%, rgba(250, 189, 0, 1) 42.3%, rgba(220, 0, 122, 1) 49.24%, rgba(237, 106, 2, 1) 54.57%, rgba(151, 11, 49, 1) 61.38%, rgba(245, 162, 0, 1) 67.5%, rgba(66, 121, 53, 1) 73.37%, rgba(0, 117, 186, 1) 80.23%, rgba(40, 168, 56, 1) 87.07%, rgba(0, 76, 136, 1) 93.07%, rgba(0, 48, 103, 1) 100%);
		background : -webkit-gradient(linear,0% 50% ,100% 50% ,color-stop(0,rgba(229, 0, 30, 1) ),color-stop(0.0681,rgba(215, 166, 0, 1) ),color-stop(0.1453,rgba(0, 151, 59, 1) ),color-stop(0.2184,rgba(198, 15, 40, 1) ),color-stop(0.2873,rgba(232, 56, 25, 1) ),color-stop(0.3521,rgba(0, 166, 217, 1) ),color-stop(0.423,rgba(250, 189, 0, 1) ),color-stop(0.4924,rgba(220, 0, 122, 1) ),color-stop(0.5457,rgba(237, 106, 2, 1) ),color-stop(0.6138,rgba(151, 11, 49, 1) ),color-stop(0.675,rgba(245, 162, 0, 1) ),color-stop(0.7337,rgba(66, 121, 53, 1) ),color-stop(0.8023,rgba(0, 117, 186, 1) ),color-stop(0.8707,rgba(40, 168, 56, 1) ),color-stop(0.9307,rgba(0, 76, 136, 1) ),color-stop(1,rgba(0, 48, 103, 1) ));
		background : -o-linear-gradient(0deg, rgba(229, 0, 30, 1) 0%, rgba(215, 166, 0, 1) 6.81%, rgba(0, 151, 59, 1) 14.53%, rgba(198, 15, 40, 1) 21.84%, rgba(232, 56, 25, 1) 28.73%, rgba(0, 166, 217, 1) 35.21%, rgba(250, 189, 0, 1) 42.3%, rgba(220, 0, 122, 1) 49.24%, rgba(237, 106, 2, 1) 54.57%, rgba(151, 11, 49, 1) 61.38%, rgba(245, 162, 0, 1) 67.5%, rgba(66, 121, 53, 1) 73.37%, rgba(0, 117, 186, 1) 80.23%, rgba(40, 168, 56, 1) 87.07%, rgba(0, 76, 136, 1) 93.07%, rgba(0, 48, 103, 1) 100%);
		background : -ms-linear-gradient(0deg, rgba(229, 0, 30, 1) 0%, rgba(215, 166, 0, 1) 6.81%, rgba(0, 151, 59, 1) 14.53%, rgba(198, 15, 40, 1) 21.84%, rgba(232, 56, 25, 1) 28.73%, rgba(0, 166, 217, 1) 35.21%, rgba(250, 189, 0, 1) 42.3%, rgba(220, 0, 122, 1) 49.24%, rgba(237, 106, 2, 1) 54.57%, rgba(151, 11, 49, 1) 61.38%, rgba(245, 162, 0, 1) 67.5%, rgba(66, 121, 53, 1) 73.37%, rgba(0, 117, 186, 1) 80.23%, rgba(40, 168, 56, 1) 87.07%, rgba(0, 76, 136, 1) 93.07%, rgba(0, 48, 103, 1) 100%);
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#E5001E', endColorstr='#003067' ,GradientType=0)";
		background : linear-gradient(90deg, rgba(229, 0, 30, 1) 0%, rgba(215, 166, 0, 1) 6.81%, rgba(0, 151, 59, 1) 14.53%, rgba(198, 15, 40, 1) 21.84%, rgba(232, 56, 25, 1) 28.73%, rgba(0, 166, 217, 1) 35.21%, rgba(250, 189, 0, 1) 42.3%, rgba(220, 0, 122, 1) 49.24%, rgba(237, 106, 2, 1) 54.57%, rgba(151, 11, 49, 1) 61.38%, rgba(245, 162, 0, 1) 67.5%, rgba(66, 121, 53, 1) 73.37%, rgba(0, 117, 186, 1) 80.23%, rgba(40, 168, 56, 1) 87.07%, rgba(0, 76, 136, 1) 93.07%, rgba(0, 48, 103, 1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#E5001E',endColorstr='#003067' , GradientType=1);
		content: "";	display: block;	height: 6px;	margin-top: 10px;}
		.sdgs-title02::after{ height: 3px;	margin-top: 1em;}
	.sdgs-title02{	font-size: 25px;	font-weight: 700;		margin: 0 auto 40px;}
	.sdgs-box1{		font-size: 16px;	line-height: 2.15;	padding:50px 40px;	background: #fff;}
		.sdgs-box1_text{	margin-top: 60px;	position: relative;	width: 540px;}
		.sdgs-box1_title{	position: absolute;	left: -10px;	bottom: 100%;	margin-bottom: 0;}
		.sdgs-box1_img{	width: 550px;}
		.sdgs-box1_img img{	max-width: none;}
		.sdgs-box1_img .btn01{	position: relative;	top: -1.5em;}
	.sdgs-sec1{	background: url("../img/bg-sdgs04.png") 50% 100% / 100% no-repeat;	overflow: hidden;}
		.sdgs-sec1 + .sdgs-sec1{	margin-top: 100px;}
	.sdgs-list li{	font-size: 16px;	list-style: none;	padding-left: 1em;	text-indent: -1em;}
		.sdgs-list li::before{	background: url("../img/bg-sdgs05@2x.png") 0 50% / 10px no-repeat;	content: "";	display: inline-block;	height: 1em;	width: 1em;vertical-align: middle;}
		.sdgs-list li+li{		margin-top: 2em;}
	.sdgs-iconbox{	text-align: center;	margin-bottom: 40px;	letter-spacing: -.4em;	line-height: 0;}
		.sdgs-iconbox img{max-height: 138px;}
	.sdgs-set img{	float: right;	margin-left: 30px;	width: 354px;}
		.sdgs-set +	.sdgs-set{	margin-top: 50px;}
	.sdgs-sec:last-of-type{	padding-bottom: 100px;}

	.setItem1{    opacity: 0;
			-moz-transform: translateY(100px);
			-webkit-transform: translateY(100px);
			transform: translateY(100px);}
	.setItem2{    opacity: 0;
			-moz-transform: translateX(100px);
			-webkit-transform: translateX(100px);
			transform: translateX(100px);}
	.setItem3{    opacity: 0;
			-moz-transform: translateX(-100px);
			-webkit-transform: translateX(-100px);
			transform: translateX(-100px);}
	.setItem4{    opacity: 0;
			-moz-transform: translateY(-100px);
			-webkit-transform: translateY(-100px);
			transform: translateY(-100px);}
	.setItem1.is-active,
	.setItem2.is-active,
	.setItem3.is-active,
	.setItem4.is-active {
			opacity: 1;
			-moz-transform: translate(0);
			-webkit-transform: translate(0);
			transform: translate(0);
			-moz-transition: opacity 1.3s ease, transform 1s ease;
			-webkit-transition: opacity 1.3s ease, transform 1s ease;
			transition: opacity 1.3s ease, transform 1s ease;
	}
	@media screen and (min-width: 641px) {
		.sdgs-slider .slides{	list-style: none;	display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;-webkit-justify-content: space-between;-moz-justify-content: space-between;-ms-justify-content: space-between;justify-content: space-between;	max-width: 1200px;	margin: 0 auto;}
	}
	@media screen and (max-width: 640px) {
		.sdgs-header{	height: 43vh; padding: 3em 2em 0;}
		.sdgs-header p{	width: 60%;	margin: 0 auto;}
		.sdgs-catch{	background-size: 100%;	padding: 2em 0 4em;}
			.sdgs-catch p{	font-size: 14px;	margin: 0 2em 1em;}
			.sdgs-catch_list li{	width: 40%;	padding: 10px 10px;}
		.sdgs-title01{	font-size: 153.9%;	margin: 2em auto 1em;}
		.sdgs-title02{	font-size: 138.5%;		margin: 0 auto 1em;}
		.sdgs-box1{		font-size: 13px;	padding:1em;}
			.sdgs-box1_text{	margin-top: 9em;	width: 100%;}
			.sdgs-box1_text img{	filter: drop-shadow(0px 0px 3px rgba(255,255,255,0.6));}
			.sdgs-box1_title{	position: absolute;	left: -10px;	bottom: 100%;	margin-bottom: 0;}
			.sdgs-box1_img{	width: 100%;}
			.sdgs-box1_img img{	max-width: 100%;}
		.sdgs-sec1 + .sdgs-sec1{	margin-top: 3em;}
		.sdgs-slider img{ 	max-height: 300px;}
			.sdgs-slider .flex-direction-nav{	box-sizing: border-box;	position: absolute;	top: 50%;	left: 0;	width: 100%;	padding: 0 15px;}
			.sdgs-slider .flex-direction-nav li{	list-style: none;}
			.sdgs-slider .flex-direction-nav a{	border-radius: 3px;	color: #fff;	display: inline-block;	background: #0093d3;	font-size: 13px;	height: 30px;	width: 30px;	text-align: center;	line-height: 30px;}
			.sdgs-slider .flex-direction-nav a.flex-prev::before{	content: "＜";}
			.sdgs-slider .flex-direction-nav a.flex-next::before{	content: "＞";}
			.sdgs-slider .flex-direction-nav a.flex-prev{	float: left;}
			.sdgs-slider .flex-direction-nav a.flex-next{	float: right;}
		.sdgs-list li{	font-size: 13px;}
		.sdgs-iconbox{	margin-bottom: 40px;}
			.sdgs-iconbox img{	max-height: 100px;}
		.sdgs-set img{	float: none;	margin:0 auto 20px;	width: 100%;}
			.sdgs-set +	.sdgs-set{	margin-top: 50px;}
		.sdgs-sec:last-of-type{	padding-bottom: 50px;}
	}