@charset "utf-8";

/* PC/スマホ共通表示 */
.-----PC_MOBILE_COMMON_CSS_START----- {}

* {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	-webkit-text-size-adjust: 100%;
	max-height: 999999px;
}

body {
	font-size: 14px;
	line-height: 180%;
	color: #333;
	width: 100%;
	font-family: "メイリオ", Meiryo,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",  Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
table {
	width:100%;
	border-collapse:collapse;
}
a:link,
a:visited {
	color: #003399;
	text-decoration: none;
}
a:hover,
a:active {
	color: #FF9900;
	text-decoration: underline;
}
br.pc_nowrap {
	display: none;
}
br.mobile_nowrap {
	display: inline;
}



#eco02 {
	width:920px;
	margin-left:20px;
	margin-right:auto;
}
#eco02 .eco02_bloc {
	box-sizing:border-box;
	width: 100%;
	height: 617px;
	margin-bottom: 55px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	padding-top: 50px;
	padding-right: 45px;
	padding-bottom: 40px;
	padding-left: 55px;
	display:flex;
	align-content:flex-start;
	align-items:flex-start;
	justify-content:space-between;
	flex-wrap:wrap;
}
#eco02 .eco02_bloc#initiative01 {
	background-image: url(../../about/img/eco02_bloc_01_bg.png);
	margin-top: 35px;
}
#eco02 .eco02_bloc#initiative02 {
	background-image: url(../../about/img/eco02_bloc_02_bg.png);
}
#eco02 .eco02_bloc#initiative03 {
	background-image: url(../../about/img/eco02_bloc_03_bg.png);
}
#eco02 .eco02_bloc#initiative04 {
	background-image: url(../../about/img/eco02_bloc_04_bg.png);
}
#eco02 .eco02_bloc .kakko_s {
	text-indent:-0.5em;
}
#eco02 .eco02_bloc > .ttl {
	box-sizing: border-box;
	width: 100%;
	font-size: 50px;
	line-height: 100%;
	font-weight: bold;
	color: #FFF;
	margin-bottom:20px;
	text-shadow:
		rgba(0,0,0,1) 0px 0px 5px,
		rgba(0,0,0,1) 0px 0px 2px
	;
}
#eco02 .eco02_bloc > .text {
	box-sizing: border-box;
	width: 440px;
	font-size: 16px;
	line-height: 220%;
	font-weight: bold;
	color: #FFF;
	text-shadow:
		rgba(0,0,0,1) 0px 0px 5px,
		rgba(0,0,0,1) 0px 0px 5px,
		rgba(0,0,0,1) 0px 0px 2px
	;
}
#eco02 .eco02_bloc > .tl {
	box-sizing: border-box;
	width: 365px;
	background-color:rgba(255,255,255,0.75);
	border-radius:10px;
	position:relative;
	overflow:hidden;
	padding-bottom:35px;
	text-align:center;
	font-size: 16px;
}
#eco02 .eco02_bloc#initiative04 > .tl {
	padding-bottom:15px;
}
#eco02 .eco02_bloc > .tl .tl_ttl {
	box-sizing: border-box;
	width: 100%;
	min-height: 55px;
	padding-top:12px;
	padding-bottom:10px;
	background-color: #FFF;
	display: flex;
	align-content: center;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	text-align: center;
	font-size: 24px;
	line-height: 110%;
	font-weight: bold;
	color: #333;
}
#eco02 .eco02_bloc > .tl .img {
	box-sizing: border-box;
	width: 100%;
	min-height: 130px;
	display: flex;
	align-content: center;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
}
#eco02 .eco02_bloc#initiative01 > .tl .img img {
	height:126px;
	width:auto;
}
#eco02 .eco02_bloc#initiative02 > .tl .img img {
	height:144px;
	width:auto;
}
#eco02 .eco02_bloc#initiative03 > .tl .img img {
	height:107px;
	width:auto;
}
#eco02 .eco02_bloc#initiative04 > .tl .img img {
	height:126px;
	width:auto;
}
#eco02 .eco02_bloc > .tl p {
}
#eco02 .eco02_bloc > .tl .int {
	width: 100%;
	font-size:75px;
	line-height:100%;
	font-weight:bold;
	margin-bottom:5px;
	padding-top:10px;
}
#eco02 .eco02_bloc#initiative04 > .tl .int {
	margin-bottom:20px;
	padding-top:0px;
}
#eco02 .eco02_bloc > .tl .int em {
	font-size:40px;
	line-height:100%;
	font-style:normal;
}

#eco02 .eco02_table {
	box-sizing:border-box;
	width: 100%;
	font-size:18px;
	line-height:140%;
}
#eco02 .eco02_table th,
#eco02 .eco02_table td {
	box-sizing: border-box;
	text-align: center;
	border: 1px solid #999;
	padding-top: 0.8em;
	padding-right: 5px;
	padding-bottom: 0.8em;
	padding-left: 5px;
}

#eco02 .eco02_table th {
	font-weight:bold;
}
#eco02 .eco02_table th:nth-of-type(1) {
	width:233px;
}
#eco02 .eco02_table th:nth-of-type(2) {

}
#eco02 .eco02_table th:nth-of-type(3) {
	width:180px;
}
#eco02 .eco02_table th:last-child,
#eco02 .eco02_table td:last-child {
	width:180px;
	color:#F00;
	font-weight:bold;
}
#eco02 .eco02_table td.yellow{
	background-color: #FFEDB5;
}
#eco02 .eco02_table td.green{
	background-color: #CBE3BB;
}
#eco02 .eco02_table td.blue{
	background-color: #BDD7EE;
}
#eco02 .eco02_table .notes {
	text-align:right;
	padding-top:0.5em;
	font-size:13px;
}

.-----PC_MOBILE_COMMON_CSS_END----- {}

/* スマートフォン用CSS */
@media screen and (max-width: 750px) {
	
.-----MOBILE_ONLY_CSS_START----- {}

body {
	font-size: 22px;
	line-height: 170%;
	width: 640px;
}

img {
	max-width:600px;
	height:auto;
}
br.pc_nowrap {
	display: inline;
}
br.mobile_nowrap {
	display: none;
}



#eco02 {
	width:600px;
	margin-left:auto;
}

#eco02 .eco02_bloc {
	height: auto;
	background-color: #CCC;
	margin-bottom: 65px;
	background-position: center top;
	background-size: cover;
	padding-top: 50px;
	padding-right: 30px;
	padding-bottom: 70px;
	padding-left: 30px;
	justify-content: center;
}
#eco02 .eco02_bloc#initiative01 {
	background-image: url(../../about/img/eco02_bloc_01_bg_sp.png);
	margin-top: 40px;
}
#eco02 .eco02_bloc#initiative02 {
	background-image: url(../../about/img/eco02_bloc_02_bg_sp.png);
}
#eco02 .eco02_bloc#initiative03 {
	background-image: url(../../about/img/eco02_bloc_03_bg_sp.png);
}
#eco02 .eco02_bloc#initiative04 {
	background-image: url(../../about/img/eco02_bloc_04_bg_sp.png);
}
#eco02 .eco02_bloc > .ttl {
	font-size: 55px;
	line-height: 120%;
}
#eco02 .eco02_bloc > .text {
	width: 100%;
	font-size: 23px;
	line-height: 160%;
}
#eco02 .eco02_bloc#initiative04 > .text {
	white-space:nowrap;
}
#eco02 .eco02_bloc > .tl {
	box-sizing:border-box;
	width: 490px;
	border-radius:16px;
	font-size: 22px;
	margin-top:40px;
}
#eco02 .eco02_bloc#initiative04 > .tl {
	padding-bottom:40px;
}
#eco02 .eco02_bloc > .tl .tl_ttl {
	min-height: 75px;
	padding-top:15px;
	padding-bottom:15px;
	font-size: 31px;
	line-height: 110%;
}
#eco02 .eco02_bloc > .tl .img {
	min-height: 190px;
	padding-top:25px;
	padding-bottom:25px;
}
#eco02 .eco02_bloc#initiative01 > .tl .img img {
	height:auto;
	width:auto;
}
#eco02 .eco02_bloc#initiative02 > .tl .img img {
	height:auto;
	width:auto;
}
#eco02 .eco02_bloc#initiative03 > .tl .img img {
	height:auto;
	width:auto;
}
#eco02 .eco02_bloc#initiative04 > .tl .img img {
	height:auto;
	width:auto;
}
#eco02 .eco02_bloc > .tl p {
}
#eco02 .eco02_bloc#initiative04 > .tl p {
	text-align:left;
	padding-left:2em;
}
#eco02 .eco02_bloc > .tl .int {
	font-size:98px;
	line-height:100%;
	margin-bottom:15px;
	padding-top:5px;
}
#eco02 .eco02_bloc#initiative04 > .tl .int {
	margin-bottom:20px;
	padding-top:0px;
	text-align:center;
	padding-left:0;
}
#eco02 .eco02_bloc > .tl .int em {
	font-size:52px;
	line-height:100%;
}

#eco02 .eco02_table {
	font-size:21px;
	line-height:110%;
	margin-top:50px;
}
#eco02 .eco02_table th,
#eco02 .eco02_table td {
	padding-top: 0.8em;
	padding-right: 1px;
	padding-bottom: 0.8em;
	padding-left: 1px;
}

#eco02 .eco02_table th:nth-of-type(1) {
	width:130px;
}
#eco02 .eco02_table th:nth-of-type(2) {

}
#eco02 .eco02_table th:nth-of-type(3) {
	width:180px;
}
#eco02 .eco02_table th:last-child,
#eco02 .eco02_table td:last-child {
	width:145px;
}
#eco02 .eco02_table .notes {
	font-size:16px;
}


}
.-----MOBILE_ONLY_CSS_END-----


/* PCのみCSS */
@media screen and (min-width: 641px) {
	#governance .btn02 a:hover{
		opacity:0.8;
	}
	#outline .table01 .link_area a:hover{
		opacity:0.8;
	}
	#anc01 ul li a:hover{
		background-color:#FFD;
		color:#FF0000;
	}
}