@charset "utf-8";

body {
	background: url(images/back.png) fixed repeat-x left bottom;
	background-size: 25%;
	}

.basebackground {
	background-color: rgba(255,255,255,0.8) !important;
	padding: 0px 0px 70px 0px;
	margin: 10px auto -70px auto;
	width: 100%;
	max-width: 960px; /* 1200px */
	}

.title p {
	font-size: 0.8em;
	color: #DA0012;
}

.link_bt {
	display: inline;
	border-radius: 5px;
	text-decoration: none;
	margin: 5px;
	color: #ffffff;
	text-align: center;
	font-size: 0.9em;
	background-color: #DA0012;
	padding: 5px 10px;
	line-height: normal;
}

.link_bt:hover {
	color: #da0012;
	background-color: #ffffff;
	border: 1px solid #DA0012;
}

img.logosize {
	width: 120px !important;
	}

	.bt_sdgs {
		display: block;
		width: 90%;
		max-width: 640px;
		margin: 10px auto !important;
		padding: 15px;
		background-color: #0599d9;
		color: #ffffff !important;
		font-weight: bold;
		text-decoration: none !important;
		border-radius: 50px;
		text-align: center;
		font-size: 1.0em;
		}

	.bt_sdgs a {
		text-decoration:none !important;
		color: #FFFFFF !important;
	}

	.bt_sdgs:hover{
		text-decoration:none !important;
		opacity: 0.8;
		color: #FFFFFF !important;
	}

.divH1 {
	font-size: 1.6em;
	color: #DA0012;
	letter-spacing: 0.16em;
	margin-top: 25px;
	margin-bottom: 20px;
	font-weight: normal;
	padding: 0px 0px 5px 5px;
	border-bottom: 2px solid #da0012;
}

.divH2 {
	font-size: 1.2em;
	color: #DA0012;
	letter-spacing: 0.16em;
	margin-top: 25px;
	margin-bottom: 10px;
	font-weight: normal;
}

.txt {
	width: 98%;
	margin: auto;
	font-size: 1.0em;
	padding: 4px;
	vertical-align: top;
	text-align: left;
	line-height: 1.4em;
	}

/* 画像の拡大・縮小の調整 */
.icon {
	width: 100px !important;
	vertical-align: top;
	}

.icon2 {
	width: 100px !important;
	vertical-align: top;
	}

.sdgseast {
	width: 30vw;
	min-width: 340px;
	vertical-align: top;
	border-radius: 15px;
	}

.sdgseast2 {
	width: 100%;
	/* min-width: 340px; */
	vertical-align: top;
	}

.sdgseast3 {
	width: 100%;
	vertical-align: top;
	border-radius: 15px;
	}

.infographic {
	width: 150px;
	margin: 0px auto 10px;
	vertical-align: top;
	}

.ig_number {
	line-height: 1;
	font-size: 4em;
	vertical-align: bottom;
	color: #3eb134;
	}

.ig_unit {
	font-size: 1.5em;
	vertical-align: bottom;
	color: #3eb134;
}

.ig_title {
	font-size: 1.2em;
	text-align: center;
	font-weight: bold;
	color: #3eb134;
}

/*** レスポンシブテーブルデザイン ***/
.tbl-r02 {
    width: 100%;
	max-width: 1200px; /* 1200px */
    margin-left: auto;
    margin-right: auto;
  } 

.ncp {
  width: 90%;
  text-align: left;
  margin: 0px auto;
}

th {
  color: #000000;
  padding: 10px;
}

td {
	padding: 10px;
	margin: 0px 5px;
	vertical-align: top;
}

.tbl-waku tr {
	border-bottom: 0.5px dotted #DA0012;
}

	.tbl5 td {
		width: calc(100% / 5);
		text-align: center;
		margin: auto;
		}

	.tbl4 td {
		width: calc(100% / 4);
		}

	.tbl3 td {
		width: calc(100% / 3);
		}

	.tbl2 td {
		width: calc(100% / 2);
		}

	.tbl1 img, td {
		width: 50%;
		text-align: center;
		margin: 0px auto;
		}

	.bt_2 td {
		width: 50%;
	}


	
@media screen and (min-width: 768px){
.br-sp {display: none; }
}

@media screen and (max-width: 767.98px){
.br-pc {display: none; }
}

@media screen and (max-width: 640px) {
body {
	background: url(images/back.png) fixed repeat-x left bottom;
	background-size: 100%;
	}
	
.basebackground {
	width: 98%;
	}

	.tbl1 img, td {
		width: 100%;
		text-align: center;
		margin: 0px auto;
		}

img.logosize {
	width: 25% !important;
	}

.link_bt {
	display: inline;
	border-radius: 5px;
	text-decoration: none;
	margin: 5px;
	color: #ffffff;
	text-align: center;
	font-size: 0.9em;
	background-color: #DA0012;
	padding: 5px 10px;
	line-height: normal;
}

.link_bt:hover {
	color: #da0012;
	background-color: #ffffff;
	border: 1px solid #DA0012;
}

.divH1 {
	font-size: 1.1em !important;
	color: #DA0012;
	letter-spacing: 0.16em;
	width: 100%;
	margin: 10px auto;
	font-weight: normal;
	padding: 0px 0px 5px 5px;
	border-bottom: 2px solid #da0012;
}

.divH2 {
	font-size: 1.0em !important;
	color: #DA0012;
	letter-spacing: 0.16em;
	width: 98%;
	margin: 5px auto;
	font-weight: normal;
}

.txt {
	font-size: 0.9em;
	}

.icon {
	width: 80px;
	margin: auto;
	}

.icon2 {
	width: 64px;
	margin: auto;
	}

.sdgseast {
	width: calc(100% - 1em);
	margin: 0px auto;
	}

.infographic {
	width: 80%;
	margin: 0px auto;
	vertical-align: top;
	}

.ig_number {
	line-height: 1;
	font-size: 7em;
	vertical-align: bottom;
	color: #3eb134;
	}

.ig_unit {
	font-size: 3.0em;
	vertical-align: bottom;
	color: #3eb134;
}

.ig_title {
	font-size: 2.0em;
	text-align: center;
	font-weight: bold;
	color: #3eb134;
}

.tbl5 td {
	margin-bottom: 75px;		
	}

  .last td:last-child {
    width: 100%;
  }
  .tbl-r02 {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
  }

  .tbl-r02 th,
  .tbl-r02 td {
　　border-bottom: none;
    display: block;
    width: 100%;
  }

  .tbl-waku {
	font-size: 1.0em;
  }

  .tbl-waku th,
  .tbl-waku td {
　　border-bottom: none;
    display: block;
    width: 100%;
  }

}