@charset "utf-8";
/* CSS Document */
/* 
-------------------------------------------------- */

/* ====================================================
		Header
==================================================== */
/* -------------------------------
		Global Navigation
------------------------------- */
#gNavi ul li:nth-child(2) a {
  color: #de3e21;
}
#gNavi ul li.has-child ul li:nth-child(1) a,
#gNavi ul li.has-child ul li:nth-child(2) a {
  color: #262423;
}


section .inner {
	max-width:1000px;
	width:94%;
	margin: 0 auto;
	padding:4em 0 4.2em;
	font-size:10px;
	font-family: 'Noto Sans JP', sans-serif;
}
.inner .ttl--sdgs {
	margin:0 auto 5em;
	text-align: center;
}
.inner .ttl--sdgs img {
	width:auto;
	height:92px;
}
.inner h2 {
	margin:0 auto 2.4em;
	text-align: center;
}
.inner h3 {
	margin-bottom: 2em;
	font-size:2em;
	font-weight: 900;
	line-height: 1.4;
	text-align: center;
}
.inner h3 span {
	position:relative;
	display: inline-block;
}
.inner h3 span::before,
.inner h3 span::after {
	content: '';
	position: absolute;
	top:-5px;
	width:21px;
	height:69px;
}
.inner h3 span::before {
	left:-28px;
}
.inner h3 span::after {
	right:-28px;
}
.inner .lead {
	font-size:1.8em;
	font-weight:600;
	color: #603813;
	text-align: center;
	line-height:1.6;
}

.ul--anc01 {
	display:flex;
	justify-content: space-around;
}
.ul--anc01 li {
	width:100%;
	text-align:center;
	overflow: hidden;
	background:url("../images/sustainability/sdgs/bg_anc_li.svg") left center no-repeat;
}
.ul--anc01 li:first-of-type { background:none;}
.ul--anc01 li a {
	display:block;
	padding-top:79px;
	margin:0 auto;
	text-indent:-500%;
}
.ul--anc01 li:nth-child(1) a {
	background:url("../images/sustainability/sdgs/anc_01.png") center 1em no-repeat;
	background-size:auto 73px;
}
.ul--anc01 li:nth-child(2) a{
	background:url("../images/sustainability/sdgs/anc_02.png") center 1em no-repeat;
	background-size:auto 73px;
}
.ul--anc01 li:nth-child(3) a{
	background:url("../images/sustainability/sdgs/anc_03.png") center 1em no-repeat;
	background-size:auto 73px;
}
.ul--anc01 li:nth-child(4) a {
	background:url("../images/sustainability/sdgs/anc_04.png") center 1em no-repeat;
	background-size:auto 73px;
}
.ul--anc01 li a:hover {
	background-position:center 1.5em;
}

.about--sdgs .lead {
	font-size:2.4em;
	line-height:1.8;
}

.about--sdgs--inner {
	margin-top: 4em;
	padding:2.6em 4.2em 3em;
	background:url("../images/sustainability/sdgs/bg_about_pc.svg") center top no-repeat;
	background-size:100%;
}
.about--sdgs--inner .ttl {
	width:294px;
	margin:0 auto 2em;
}
.about--sdgs--inner .ttl img {}
.about--sdgs--inner p {
	margin-bottom: 1em;
	font-size:1.8em;
	line-height: 1.6;	
}
.about--sdgs--inner .image {}

.bx--sdgs {
	padding:4em 0 4.2em;
}
.bx--sdgs h2 img {
	height:7.1em;
}
.bx--sdgs .mark { text-align:center;}
.bx--sdgs .mark img {
	width:auto;
	margin-bottom: 2em;
	height:7.14em;
}

.dl--sdgsTtl01 {
	display:flex;
	justify-content: space-between;
	margin-bottom: 8px;
}
.dl--sdgsTtl01 dt,
.dl--sdgsTtl01 dd {
	width:49.5%;
	height:42px;
	text-align: center;
	font-weight: 700;
	font-size:2.4em;
	line-height: 42px;
}
.dl--sdgsTtl01 dd {
	color: #fff;
}

.dl--sdgs01 {
	display: flex;
	justify-content: space-between;
	color: #603813;
	font-weight:700;
	line-height: 1.6;
}
.dl--sdgs01 dt {
	display: flex;
	width:49.3%;
	align-items: center;
	padding:2.8em 2.4em;
}
.dl--sdgs01 dt .icon {
	padding-right: 1rem;
}
.dl--sdgs01 dt .icon img {
	height:110px;
	width:auto;
}
.dl--sdgs01 dt .txt {
	line-height: 1.5;
	font-size:2.2em;
	font-weight: 700;
}
.dl--sdgs01 dd {
	width:53%;
	padding:9px 9px;
}
.dl--sdgs01 dd .ul--wrappter01 {
	height:100%;
	display:flex;
	align-items: center;
	padding-left: 1.4em;
	border-radius: 10px;
	background:url("../images/sustainability/sdgs/bg_ul.png") center center no-repeat;
	background-size:100% auto;
}
.dl--sdgs01 dd ul {
	flex-wrap: wrap;
	box-sizing: border-box;
	vertical-align: middle;
}
.dl--sdgs01 dd ul li {
	width:100%;
	margin-bottom: 0.1em;
	padding-left: 1.2em;
	font-size:1.8em;
	font-weight:700;
	background:url("../images/sustainability/sdgs/bg_li_01.svg") left 0.4em no-repeat;
	background-size:0.82em auto;
}
.image--photo {
	width:490px;
	margin:0 auto 0;
}
.image--photo ul {
	display:flex;
	margin-top: 20px;
}
.image--photo ul li {
	padding:0 1em;
}
.image--photo ul li .photo {
	margin-bottom: 0.6em;
}
.image--photo ul li p {
	font-size:1.6em;
	color: #603813;
	line-height: 1.4;
}

@media screen and (max-width:960px) {
/* tablet用 */
}
@media (max-width: 768px) {
/* tablet用 */
	section .inner {
		padding:4em 0 4.2em;
	}
}
@media (max-width: 480px) {
/* SP用 */
	section .inner {
		padding:2.5em 0 2em;
	}
	.inner .lead {
		font-size:1.4em;
		line-height: 1.9;
		letter-spacing: -0.05em;
		font-weight:700;
	}
	
	.dl--sdgsTtl01 {
		display:none;
	}
	
	.ul--anc01 li a {
		display:block;
		padding-top:70px;
		margin:0 auto;
		text-indent:-500%;
	}
	.ul--anc01 li:nth-child(1) a {
		background:url("../images/sustainability/sdgs/anc_01_sp.png") center 1.4em no-repeat;
		background-size:auto 56px;
	}
	.ul--anc01 li:nth-child(2) a{
		background:url("../images/sustainability/sdgs/anc_02_sp.png") center 1.4em no-repeat;
		background-size:auto 56px;
	}
	.ul--anc01 li:nth-child(3) a{
		background:url("../images/sustainability/sdgs/anc_03_sp.png") center 1.4em no-repeat;
		background-size:auto 56px;
	}
	.ul--anc01 li:nth-child(4) a {
		background:url("../images/sustainability/sdgs/anc_04_sp.png") center 1.4em no-repeat;
		background-size:auto 56px;
	}	
	
	.inner .ttl--sdgs {
		margin-bottom: 2em;
	}
	
	
	.about--sdgs--inner {
		position:relative;
		margin-top: 4em;
		padding:2em 2em 0;
		background:url("../images/sustainability/sdgs/bg_about_sp.png") center top no-repeat;
		background-size:100% auto;
	}
	.about--sdgs--inner--after {
		content:'';
		/*position:absolute;
		left:0;
		bottom:0;*/
		height:2.5em;
		width:100%;
		background:url("../images/sustainability/sdgs/bg_about_02_sp.png") center bottom no-repeat;
		background-size:100% auto;
		/*border-radius: 0 0 5px 5px;*/
	}
	.about--sdgs--inner .ttl {
		width:180px;
		margin:0 auto 2em;
	}
	.about--sdgs--inner .ttl img {}
	.about--sdgs--inner p {
		margin-bottom: 1em;
		font-size:1.4em;
		line-height: 1.6;	
	}
	
	.bx--sdgs {
		padding:50px 0 2.1em;
	}
	.bx--sdgs h2 img {
		height:4.2em;
	}
	.bx--sdgs .mark { text-align:center;}
	.bx--sdgs .mark img {
		width:auto;
		margin-bottom: 1.4em;
		height:4.7em;
	}
	
	.inner h3 {
		margin:0 2.2em 2em;
		font-size:1.4em;
		font-weight: 700;
		line-height: 1.4;
		text-align: center;
	}
	.inner h3 span {
		position:relative;
		display: inline-block;
	}
	.inner h3 span::before,
	.inner h3 span::after {
		content: '';
		position: absolute;
		top:-5px;
		width:21px;
		height:69px;
	}
	.inner h3 span::before {
		left:-28px;
	}
	.inner h3 span::after {
		right:-28px;
	}

	.dl--sdgsTtl01 {
		display:none;
	}
	
	.sdgs--lists {
		background:none;
	}

	.dl--sdgs01 {
		display: block;
		margin-left: 30px;
		color: #603813;
		font-weight:700;
		line-height: 1.6;
		margin-bottom: 10px;
		background:#fff;
	}
	.dl--sdgs01 dt {
		position:relative;
		display: flex;
		width:calc(100% - 3.6em);
		align-items: center;
		padding:1.6em 1.8em;
	}
	
	.dl--sdgs01 dt .icon {
		padding-right: 1rem;
	}
	.dl--sdgs01 dt .icon img {
		height:72px;
		width:auto;
	}
	.dl--sdgs01 dt .txt {
		font-size:1.8em;
	}
	.dl--sdgs01 dd {
		position:relative;
		width:94%;
		height:calc(68px + 2em);
		padding:9px 3%;
	}
	.dl--sdgs01 dt::before,
	.dl--sdgs01 dd::before {
		content: '';
		width:25px;
		height:105px;
		position:absolute;
		left:-30px;
		top:2px;
	}
	.dl--sdgs01 dd .ul--wrappter01 {
		height:100%;
		display:flex;
		align-items: center;
		padding-left: 1.2em;
		border-radius: 10px;
		background:url("../images/sustainability/sdgs/bg_ul.png") center center no-repeat;
	}
	.dl--sdgs01 dd ul {
		flex-wrap: wrap;
		box-sizing: border-box;
		vertical-align: middle;
		width:100%;
	}
	.dl--sdgs01 dd ul li {
		width:93%;
		margin-bottom: 0.1em;
		padding-left: 1.1em;
		font-size:1.2em;
		line-height: 1.3;
		font-weight:700;
		background:url("../images/sustainability/sdgs/bg_li_01.svg") left 0.25em no-repeat;
		background-size:0.82em auto;
	}
	.image--photo {
		width:100%;
		margin:0 auto 0;
	}
	.image--photo ul {
		display:flex;
		justify-content: space-between;
		margin-top: 20px;
	}
	.image--photo ul li {
		padding:0;
		width:48.5%;
	}
	.image--photo ul li .photo {
		margin-bottom: 0.6em;
	}
	.image--photo ul li p {
		font-size:1.3em;
		color: #603813;
		line-height: 1.4;
	}
	
	
	.pc { display:none;}
	.sp { display:block;}
}
@media (min-width: 481px) {
/* SP用 */
	main .sp { display:none;}
	main .pc { display:block;}
}

/* kv
-------------------------------------------------- */
.kv {
	padding-top:10em;
}
.visual {
	position:relative;
	width:68.9%;
	margin:0 auto 4em;
}
.visual .kv02 {
	position:absolute;
	width:88.888%;
	top:7.7em;
	left:4.5%;
	margin:0 auto;
	z-index: 2;
}
.visual .kv03 {
	position:absolute;
	width:69.95%;
	top:8.9em;
	left:9%;
	z-index: 3;
}
.visual .kv04 {
	position:absolute;
	width:55.73%;
	top:0.6em;
	left:-8.2%;
	z-index: 3;
}
@media screen and (max-width:960px) {
/* tablet用 */
}
@media (max-width: 768px) {
/* tablet用 */
}
@media (max-width: 480px) {
/* SP用 */
	.kv {
		padding-top:5em;
	}
	
	.visual .kv02 { top:3.2em;}
	.visual .kv03 { top:4.45em;}
	.visual .kv04 { }
}


/* about--sdgs
-------------------------------------------------- */
.about--sdgs {
	background:#fefabe;
}
@media screen and (max-width:960px) {
/* tablet用 */
}
@media (max-width: 768px) {
/* tablet用 */
}
@media (max-width: 480px) {
/* SP用 */
}



/* sdgs01
-------------------------------------------------- */
.sdgs01 {
	background:#e6f6fb;
}
.sdgs01 h3 {
	color: #00a6d8;
}
.sdgs01 h3 span::before {
	background:url("../images/sustainability/sdgs/kk_01_01.svg") left top no-repeat;
	background-size:100% auto;
}
.sdgs01 h3 span::after {
	background:url("../images/sustainability/sdgs/kk_01_02.svg") left top no-repeat;
	background-size:100% auto;
}

.sdgs01 .dl--sdgsTtl01 dt {
	color: #00a6d8;
	background:url("../images/sustainability/sdgs/dl_ttl_01_01_pc.png") left bottom no-repeat;
	background-size:100% auto;
}
.sdgs01 .dl--sdgsTtl01 dd {
	background:url("../images/sustainability/sdgs/dl_ttl_01_02_pc.png") left bottom no-repeat;
	background-size:100% auto;
}

.sdgs01 .sdgs--lists {
	background:#fff url("../images/sustainability/sdgs/bg_line_01_01.svg") center top no-repeat;
}

.sdgs01 .dl--sdgs01 {	
	background:url("../images/sustainability/sdgs/bg_line_01_01.svg") center bottom no-repeat;
	background-size:100% auto;
}
.sdgs01 .dl--sdgs01 dt {
	
}
.sdgs01 .dl--sdgs01 dt .icon {}
.sdgs01 .dl--sdgs01 dt .txt {}
.sdgs01 .dl--sdgs01 dd {
	background:url("../images/sustainability/sdgs/bg_line_01_02.svg") left center no-repeat;
	background-size:auto 90%;
}
.sdgs01 .dl--sdgs01 dd ul li {}
@media screen and (max-width:960px) {
/* tablet用 */
}
@media (max-width: 768px) {
/* tablet用 */
}
@media (max-width: 480px) {
/* SP用 */
	.sdgs01 .sdgs--lists {
		background:none;
	}
	.sdgs01 .dl--sdgs01 {
		background:#fff url("../images/sustainability/sdgs/bg_line_01_01.svg") left top no-repeat;
		background-size:auto 2px;
	}
	.sdgs01 .dl--sdgs01 dt {
		background:url("../images/sustainability/sdgs/bg_line_01_01.svg") left bottom no-repeat;
		background-size:auto 2px;
	}
	.sdgs01 .dl--sdgs01 dt .icon {}
	.sdgs01 .dl--sdgs01 dt .txt {}
	.sdgs01 .dl--sdgs01 dd {
		background:url("../images/sustainability/sdgs/bg_line_01_01.svg") left bottom no-repeat;
		background-size:auto 2px;
	}
	.sdgs01 .dl--sdgs01 dd ul li {}
	
	.sdgs01 .dl--sdgs01 dt::before {
		background:url("../images/sustainability/sdgs/dl_ttl_01_01_sp.svg") left top no-repeat;
		background-size:25px auto;
	}
	.sdgs01 .dl--sdgs01 dd::before {
		background:url("../images/sustainability/sdgs/dl_ttl_01_02_sp.svg") left top no-repeat;
		background-size:25px auto;
	}
}


/* sdgs02
-------------------------------------------------- */
.sdgs02 {
	background:#fdf3eb;
}
.sdgs02 h3 {
	color: #ec6a02;
}
.sdgs02 h3 span::before {
	background:url("../images/sustainability/sdgs/kk_02_01.svg") left top no-repeat;
	background-size:100% auto;
}
.sdgs02 h3 span::after {
	background:url("../images/sustainability/sdgs/kk_02_02.svg") left top no-repeat;
	background-size:100% auto;
}

.sdgs02 .dl--sdgsTtl01 dt {
	color: #ec6a02;
	background:url("../images/sustainability/sdgs/dl_ttl_02_01_pc.png") left bottom no-repeat;
	background-size:100% auto;
}
.sdgs02 .dl--sdgsTtl01 dd {
	background:url("../images/sustainability/sdgs/dl_ttl_02_02_pc.png") left bottom no-repeat;
	background-size:100% auto;
}

.sdgs02 .sdgs--lists {
	background:#fff url("../images/sustainability/sdgs/bg_line_02_01.svg") center top no-repeat;
}

.sdgs02 .dl--sdgs01 {	
	background:url("../images/sustainability/sdgs/bg_line_02_01.svg") center bottom no-repeat;
	background-size:100% auto;
}
.sdgs02 .dl--sdgs01 dt {
	
}
.sdgs02 .dl--sdgs01 dt .icon {}
.sdgs02 .dl--sdgs01 dt .txt {}
.sdgs02 .dl--sdgs01 dd {
	background:url("../images/sustainability/sdgs/bg_line_02_02.svg") left center no-repeat;
	background-size:auto 90%;
}
.sdgs02 .dl--sdgs01 dd ul li {}
@media screen and (max-width:960px) {
/* tablet用 */
}
@media (max-width: 768px) {
/* tablet用 */
}
@media (max-width: 480px) {
/* SP用 */
	.sdgs02 .sdgs--lists {
		background:none;
	}
	.sdgs02 .dl--sdgs01 {
		background:#fff url("../images/sustainability/sdgs/bg_line_02_01.svg") left top no-repeat;
		background-size:auto 2px;
	}
	.sdgs02 .dl--sdgs01 dt {
		background:url("../images/sustainability/sdgs/bg_line_02_01.svg") left bottom no-repeat;
		background-size:auto 2px;
	}
	.sdgs02 .dl--sdgs01 dt .icon {}
	.sdgs02 .dl--sdgs01 dt .txt {}
	.sdgs02 .dl--sdgs01 dd {
		background:url("../images/sustainability/sdgs/bg_line_02_01.svg") left bottom no-repeat;
		background-size:auto 2px;
	}
	
	.sdgs02 .dl--sdgs01 dt::before {
		background:url("../images/sustainability/sdgs/dl_ttl_02_01_sp.svg") left top no-repeat;
		background-size:25px auto;
	}
	.sdgs02 .dl--sdgs01 dd::before {
		background:url("../images/sustainability/sdgs/dl_ttl_02_02_sp.svg") left top no-repeat;
		background-size:25px auto;
	}
}


/* sdgs03
-------------------------------------------------- */
.sdgs03 {
	background:#e8f4e1;
}
.sdgs03 h3 {
	color: #417935;
}
.sdgs03 h3 span::before {
	background:url("../images/sustainability/sdgs/kk_03_01.svg") left top no-repeat;
	background-size:100% auto;
}
.sdgs03 h3 span::after {
	background:url("../images/sustainability/sdgs/kk_03_02.svg") left top no-repeat;
	background-size:100% auto;
}

.sdgs03 .dl--sdgsTtl01 dt {
	color: #417935;
	background:url("../images/sustainability/sdgs/dl_ttl_03_01_pc.png") left bottom no-repeat;
	background-size:100% auto;
}
.sdgs03 .dl--sdgsTtl01 dd {
	background:url("../images/sustainability/sdgs/dl_ttl_03_02_pc.png") left bottom no-repeat;
	background-size:100% auto;
}

.sdgs03 .sdgs--lists {
	background:#fff url("../images/sustainability/sdgs/bg_line_03_01.svg") center top no-repeat;
}

.sdgs03 .dl--sdgs01 {	
	background:url("../images/sustainability/sdgs/bg_line_03_01.svg") center bottom no-repeat;
	background-size:100% auto;
}
.sdgs03 .dl--sdgs01 dt {
	
}
.sdgs03 .dl--sdgs01 dt .icon {}
.sdgs03 .dl--sdgs01 dt .txt {}
.sdgs03 .dl--sdgs01 dd {
	background:url("../images/sustainability/sdgs/bg_line_03_02.svg") left center no-repeat;
	background-size:auto 90%;
}
.sdgs03 .dl--sdgs01 dd ul li {}

@media screen and (max-width:960px) {
/* tablet用 */
}
@media (max-width: 768px) {
/* tablet用 */
}
@media (max-width: 480px) {
/* SP用 */
	.sdgs03 .sdgs--lists {
		background:none;
	}
	.sdgs03 .dl--sdgs01 {
		background:#fff url("../images/sustainability/sdgs/bg_line_03_01.svg") left top no-repeat;
		background-size:auto 2px;
	}
	.sdgs03 .dl--sdgs01 dt {
		background:url("../images/sustainability/sdgs/bg_line_03_01.svg") left bottom no-repeat;
		background-size:auto 2px;
	}
	.sdgs03 .dl--sdgs01 dt .icon {}
	.sdgs03 .dl--sdgs01 dt .txt {}
	.sdgs03 .dl--sdgs01 dd {
		background:url("../images/sustainability/sdgs/bg_line_03_01.svg") left bottom no-repeat;
		background-size:auto 2px;
	}
	.sdgs03 .dl--sdgs01 dt::before {
		background:url("../images/sustainability/sdgs/dl_ttl_03_01_sp.svg") left top no-repeat;
		background-size:25px auto;
	}
	.sdgs03 .dl--sdgs01 dd::before {
		background:url("../images/sustainability/sdgs/dl_ttl_03_02_sp.svg") left top no-repeat;
		background-size:25px auto;
	}
}


/* sdgs04
-------------------------------------------------- */
.sdgs04 {
	background:#d9e9e8;
}
.sdgs04 h3 {
	color: #004c87;
}
.sdgs04 h3 span::before {
	background:url("../images/sustainability/sdgs/kk_04_01.svg") left top no-repeat;
	background-size:100% auto;
}
.sdgs04 h3 span::after {
	background:url("../images/sustainability/sdgs/kk_04_02.svg") left top no-repeat;
	background-size:100% auto;
}

.sdgs04 .dl--sdgsTtl01 dt {
	color: #004c87;
	background:url("../images/sustainability/sdgs/dl_ttl_04_01_pc.png") left bottom no-repeat;
	background-size:100% auto;
}
.sdgs04 .dl--sdgsTtl01 dd {
	background:url("../images/sustainability/sdgs/dl_ttl_04_02_pc.png") left bottom no-repeat;
	background-size:100% auto;
}

.sdgs04 .sdgs--lists {
	background:#fff url("../images/sustainability/sdgs/bg_line_04_01.svg") center top no-repeat;
}

.sdgs04 .dl--sdgs01 {	
	background:url("../images/sustainability/sdgs/bg_line_04_01.svg") center bottom no-repeat;
	background-size:100% auto;
}
.sdgs04 .dl--sdgs01 dt {
	
}
.sdgs04 .dl--sdgs01 dt .icon {}
.sdgs04 .dl--sdgs01 dt .txt {}
.sdgs04 .dl--sdgs01 dd {
	background:url("../images/sustainability/sdgs/bg_line_04_02.svg") left center no-repeat;
	background-size:auto 90%;
}
.sdgs04 .dl--sdgs01 dd ul li {}

@media screen and (max-width:960px) {
/* tablet用 */
}
@media (max-width: 768px) {
/* tablet用 */
}
@media (max-width: 480px) {
/* SP用 */
	.sdgs04 .sdgs--lists {
		background:none;
	}
	.sdgs04 .dl--sdgs01 {
		background:#fff url("../images/sustainability/sdgs/bg_line_04_01.svg") left top no-repeat;
		background-size:auto 2px;
	}
	.sdgs04 .dl--sdgs01 dt {
		background:url("../images/sustainability/sdgs/bg_line_04_01.svg") left bottom no-repeat;
		background-size:auto 2px;
	}
	.sdgs04 .dl--sdgs01 dt .icon {}
	.sdgs04 .dl--sdgs01 dt .txt {}
	.sdgs04 .dl--sdgs01 dd {
		background:url("../images/sustainability/sdgs/bg_line_04_01.svg") left bottom no-repeat;
		background-size:auto 2px;
	}
	
	.sdgs04 .dl--sdgs01 dt::before {
		background:url("../images/sustainability/sdgs/dl_ttl_04_01_sp.svg") left top no-repeat;
		background-size:25px auto;
	}
	.sdgs04 .dl--sdgs01 dd::before {
		background:url("../images/sustainability/sdgs/dl_ttl_04_02_sp.svg") left top no-repeat;
		background-size:25px auto;
	}
}



/* future
-------------------------------------------------- */
@media screen and (max-width:960px) {
/* tablet用 */
}
@media (max-width: 768px) {
/* tablet用 */
}
@media (max-width: 480px) {
/* SP用 */
	.future {
		padding-bottom:3em;
	}
}


/* bnr--sdgs
-------------------------------------------------- */
.bnr--sdgs {
	max-width:95%;
	width:1000px;
}
.bnr--sdgs img {
	width:100%; height: auto;
}
@media screen and (max-width:960px) {
/* tablet用 */
}
@media (max-width: 768px) {
/* tablet用 */
}
@media (max-width: 480px) {
/* SP用 */
}


/*20221222追記分
-------------------------------------------------- */
#sdgs-news {
	max-width: 995px;
	border: 5px solid #8bc53f;
	box-sizing: border-box;
	outline: 5px solid #417935;
	outline-offset: 0;
	position: relative;
	z-index: 0;
	margin-bottom: 40px;
	padding-bottom: 20px;
}
#sdgs-news::before,#sdgs-news::after {
	content: "";
	width: 2px;
	height: 30px;
	background: #fff;
	position: absolute;
	top: -25px;
	z-index: 1;
}
#sdgs-news::before {
	left: -11px;
	transform: rotate(-45deg);
}
#sdgs-news::after {
	right: -11px;
	transform: rotate(45deg);
}

#sdgs-news .innerbox {
	padding: 0 45px;
	position: relative;
}

#sdgs-news .innerbox::before,#sdgs-news .innerbox::after {
	content: "";
	width: 2px;
	height: 30px;
	background: #fff;
	position: absolute;
	bottom: -45px;
	z-index: 1;
}
#sdgs-news .innerbox::before {
	left: -11px;
	transform: rotate(45deg);
}
#sdgs-news .innerbox::after {
	right: -11px;
	transform: rotate(-45deg);
}
 #sdgs-news p.ttl {
	margin-top: -25px;
	text-align: center;
}
#sdgs-news h2 {
	margin-top: 30px;
}
#sdgs-news h3 {
	margin-bottom: 0;
}
#sdgs-news .bels_img{ margin-top:30px; }
 #sdgs-news p:not([class]) {
	font-size: 18px;
	color: #417935;
	font-weight: bold;
	line-height: 28px;
	margin-top: 15px;
}
#sdgs-news table { 
	width: 100%;
	background: url("../images/sustainability/sdgs/bg_table.jpg");
	margin-top: 20px;
}
#sdgs-news table th {
	background: #417935;
	color: #fff;
	font-size: 18px;
	text-align: center;
	padding: 10px;
	box-sizing: border-box;
	font-weight: bold;
}
#sdgs-news table th + th {
	border-left: 1px solid #fff;
}
#sdgs-news table td { 
	font-size: 17px;
	color: #417935;
	padding: 10px 15px;
	box-sizing: border-box;
	line-height: 23px;
	font-weight: bold;
	vertical-align: middle;
}
#sdgs-news table td:first-child {
	white-space: nowrap;
}
#sdgs-news table td + td { 
	border-left: 1px solid #417935;
}
#sdgs-news table tr:not(:first-of-type):not(:last-of-type) {
	border-bottom: 1px dashed #417935;
}
#sdgs-news table td ul.disc li {
	text-indent: -1em;
	margin-left: 1em;
}
#sdgs-news table td ul.disc li::before { 
	content: "●";
}
#sdgs-news table td ul.goals {
	margin-top: -0.5vw;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	max-width: 254px;
}
#sdgs-news table td ul.goals li {
	max-width: 57px;
	width: calc(95% / 4);
	margin-top: 0.5vw;
}
#sdgs-news table td ul.goals[datacol="3col"]::before,#sdgs-news table td ul.goals[datacol="3col"]::after {
	content: "";
	order: 8;
	max-width: 57px;
	width: calc(95% / 4);
}
#sdgs-news table td ul.goals[datacol="3col"]::after {
	order: 7;
}
#sdgs-news table + ul {
	margin-top: 20px;
	font-size: 16px;
	line-height: 26px;
}
#sdgs-news table + ul a {
	color: #417935;
	text-decoration: underline;
}


@media screen and (max-width:960px) {
/* tablet用 */
	#sdgs-news .innerbox {
		padding: 0 25px;
	}
}
@media (max-width: 768px) {
	/* tablet用 */
	#sdgs-news .innerbox {
		padding: 0 15px;
	}
	#sdgs-news p:not([class]) {
		font-size: 14px;
	}
	#sdgs-news table th {
		font-size: 16px;
	}
	#sdgs-news table td { 
		font-size: 14px;
	}
	#sdgs-news table td ul.goals {
		max-width: 188px;
	}
	#sdgs-news table td ul.goals li {
		width: calc(95% / 3);
	}
	#sdgs-news table td ul.goals[datacol="3col"]::before,#sdgs-news table td ul.goals[datacol="3col"]::after {
		width: calc(95% / 3);
	}
	#sdgs-news table td ul.goals .none {
		display: none;
	}
}

@media (max-width: 480px) {
	/* SP用 */
	#sdgs-news h2 {
		margin-top: 10px;
	}
	 #sdgs-news p:not([class]) {
		font-size: 12px;
		line-height: 19px;
	}
	#sdgs-news table th {
		display: none;
	}
	#sdgs-news table td { 
		font-size: 11px;
		line-height: 15px;
		padding: 0;
		display: flex;
		justify-content: flex-start;
		min-height: 77px;
	}
	#sdgs-news table td:first-child {
		white-space: normal;
	}
	#sdgs-news table td + td { 
		border-left: none;
	}
	#sdgs-news table tr:not(:first-of-type):not(:last-of-type),#sdgs-news table tr td:last-child {
		border-bottom: none;
	}
	#sdgs-news table tr + tr {
		border-top: 5px solid #ffff;
	}
	#sdgs-news table tr td::before {
		content: "";
		white-space: pre;
		width: 77px;
		background: #417935;
		display: flex;
		color: #fff;
		align-items: center;
		justify-content: center;
		text-align: center;
		border-bottom: 1px solid #fff;
	}

	#sdgs-news table tr td:first-child::before {
		content: "特定\Aインパクト";
	}
	#sdgs-news table tr td:nth-child(2)::before {
		content: "KPI\A（指標と目標）";
	}
	#sdgs-news table tr td:nth-child(3)::before {
		content: "関連SDGs";
	}
	#sdgs-news table tr td:first-child div,#sdgs-news table td ul.disc {
		width: calc(100% - 77px);
		padding: 10px;
		box-sizing: border-box;
		display: flex;
		align-items: center;
		border-bottom: 1px solid #417935;
	}
	#sdgs-news table td ul.disc { 
		flex-direction: column;
		align-items: flex-start;
		justify-content: center;
	}
	#sdgs-news table td ul.goals {
		max-width: 210px;
		width: calc(100% - 77px);
		padding: 10px;
		box-sizing: border-box;
		align-items: center;
		margin-top: -7px;
	}
	.sp-none { display: none; }
	#sdgs-news table td ul.goals li {
		max-width: 46px;
		width: calc(90% / 4);
		margin-top: 7px;
	}
	#sdgs-news table td ul.goals[datacol="3col"]::before,#sdgs-news table td ul.goals[datacol="3col"]::after {
		max-width: 46px;
		width: calc(90% / 4);
	}
	#sdgs-news table td ul.goals .none {
		display: block;
	}
	#sdgs-news table + ul {
		margin-top: 10px;
		font-size: 11px;
		line-height: 18px;
	}
}


/* 
-------------------------------------------------- */
@media screen and (max-width:960px) {
/* tablet用 */
}
@media (max-width: 768px) {
/* tablet用 */
}
@media (max-width: 480px) {
/* SP用 */
}


/* 
-------------------------------------------------- */
@media screen and (max-width:960px) {
/* tablet用 */
}
@media (max-width: 768px) {
/* tablet用 */
}
@media (max-width: 480px) {
/* SP用 */
}









/* ====================================================
		Contents
==================================================== */
.kv {
  padding-top: 20px;
}

/* ====================================================
		Footer
==================================================== */
#gFooter {
  padding-top: 0;
}