@charset "utf-8";
body{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height: 1.6;
	color: #333;
	margin: 0;
	padding: 0;
}
*{ margin:0; padding:0; overflow-wrap: break-word;}
li img{ vertical-align:top;}
img{ border:none;}
a { color:#0B756B;}
a:hover { color: #C00;}
a:focus { color: #333 !important;background-color: #DDD;}


/* クリア */
.clearFix {min-height:1px;}
* html .clearFix {
  height:1px;
  /*¥*//*/
  height:auto;
  overflow:hidden;
  /**/
}
.clearFix:after {
  content:"."; 
  display:block; 
  height:0; 
  font-size:0;
  clear:both; 
  visibility:hidden;
}

/* ====================
共通
==================== */

.inner,#header-inner {
	max-width:1200px;
	width:100%;
	margin:0 auto;
}
.inner:after {
  content:"."; 
  display:block; 
  height:0; 
  font-size:0;
  clear:both; 
  visibility:hidden;
}
#skip-link {
	overflow: hidden;
	position: absolute;
	height: 0;
	width: 0;
	left: 0;
	top: 0;
}


/* ====================
ヘッダ
==================== */

header {
	border-bottom:5px solid #0C8377;
}
#header-inner {
	padding:30px 0 0 0;
	position:relative;
}
#header-inner #header-logo {
	background-color:#0C8377;
	width:300px;
	text-align:center;
	padding:15px 0;
	margin:0 0 0 10px;
	border-radius:10px 10px 0 0;
	line-height:0;
}
#header-inner #header-kanagawa {
	position:absolute;
	top:0px;
	right:10px;
}

/* グローバルナビ */

#header-inner #toggle {
	display:none;
}

#header-inner #menu {
	position:absolute;
	bottom:10px;
	right:10px;
}
#menu ul {
	list-style:none;
	display:table;
}
#menu ul li {
	display:table-cell;
}
#menu a {
	display:block;
	text-decoration:none;
	color:#666;
	padding:5px 20px;
	border-left:1px solid #ccc;
}
#menu ul li:last-child a {
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
}
#menu a:hover {
	color:#000;
	background-color:#E9F4FC;
}



/* ====================
記事
==================== */
#bread-crumb {
	font-size:0.8em;
	padding:10px 0; 
	border-bottom:1px solid #0C8377;
}
#bread-crumb ul {
	list-style: none;
	padding: 0 20px;
}
#bread-crumb li:after {
	content: '>';
	padding-left: 2px;
}
#bread-crumb li:last-child:after {
	content: '';
}

#bread-crumb li {
	display: inline;
}

#main-article {
	padding:50px 0;
}
#main-content {
	padding:0 50px;
}
#main-content h1 {
	display: block;
	font-size: 1.5em;
	font-weight: bold;
	background-color:#DFF4E7;
	border-left: 5px solid #0C8377;
	border-right: 5px solid #0C8377;
	padding: 20px 10px;
	margin: 0 0 1em 0;
	text-align:center;
}
#main-content h2 {
	display: block;
	font-size: 1.5em;
	font-weight: normal;
	border-top: 2px solid #0C8377;
	padding: 5px;
	background: -moz-linear-gradient(top, #C0E9CF, #FFF);
	background: -webkit-linear-gradient(top, #C0E9CF, #FFF);
	background: linear-gradient(to bottom, #C0E9CF, #FFF);
	margin: 2em 0 1em 0;
	position:relative;
}
#main-content h2 a.sub-link {
	position:absolute;
	bottom:10px;
	right:5px;
	font-size:0.7em;
	text-decoration:none;
}
#main-content h3 {
	font-size: 1.2em;
	font-weight: bold;
	border-left: 5px solid #0C8377;
	padding: 5px;
	margin: 1em 0;
}
#main-content h4 {
	font-size: 1.3em;
	font-weight: bold;
	color: #0C8377;
	margin: 1em 0 0.5em 0;
}
#main-content h4.border {
	font-size: 1.1em;
	font-weight: bold;
	color: #333;
	border-bottom:1px solid #333;
	margin: 1em 0 0.5em 0;
}
#main-content h5 {
	font-size: 1.1em;
	font-weight: bold;
	margin: 0.5em 0;
}
#main-content p {
	margin:0 0 0.5em 0;
}
#main-content p.no-margin {
	margin:0 0 0 0;
}



/* ====================
トップページ
==================== */

/* スライドショー */
#top-image {
	position:relative;
	padding:30px 0;
	background-color:#DFF4E7;
}
#top-image #slide-area {
	display:block;
	width: 100%;
	max-width: 1200px;
	margin:0 auto;
	padding:0;
	text-align:center;
}
#top-image #top-catch {
	position:absolute;
	bottom: 180px;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	z-index:500;
	/*font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	color:#FFF;
	font-size:2.5em;
	font-weight:bold;
	text-shadow:0 0 5px #000;*/
}
#slide-area img {
	width: 100%;
	height:auto;
}

/* 先頭部分 */
#top-mokuji {
	background-color:#E9F4FC;
	padding:30px;
	width:70%;
	margin:0 auto;
}
#top-mokuji h2 {
	margin:0 0 1em 0 !important;
	background-image:none !important;
	border-top:none !important;
	font-weight:bold !important;
	font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif !important;
}
#top-mokuji h2 .top-mokuteki {
	border-bottom:1px solid #333;
	padding:0 10px;
}
.top-mokuteki br {
	display:none;
}
.mokuji-list{
	display: flex;
	justify-content: center;
}
.mokuji-list li {
	font-size:1.2em;
	width: 100%;
}

/* 事業効果 */
#kouka1-fig,#kouka2-fig,#kouka3-fig,#kouka4-fig,#kouka5-fig {
	position:relative;
}
#kouka1-fig #kouka1-mokuzai,#kouka1-fig #kouka1-co2,
#kouka2-fig #kouka2-kansan1,#kouka2-fig #kouka2-kansan2,
#kouka3-fig #kouka3-shiyouryou,
#kouka4-fig #kouka4-menseki1,#kouka4-fig #kouka4-menseki2,#kouka4-fig #kouka4-seibi,
#kouka5-fig #kouka5-kansan {
	position:absolute;
	display:block;
	border:1px solid #333;
	padding:5px 10px;
	background-color:#FFF;
}
#kouka1-fig #kouka1-mokuzai {
	bottom:5%;
	left:15%;
}
#kouka1-fig #kouka1-co2 {
	bottom: 19%;
	left: 56%;
}
#kouka2-fig #kouka2-kansan1 {
	top:30%;
	left:40%;
	border:1px solid #E00000;
	color:#E00000;
}
#kouka2-fig #kouka2-kansan2 {
	bottom:20px;
	left:20%;
	border:1px solid #E00000;
	color:#E00000;
}
#kouka3-fig #kouka3-shiyouryou {
	bottom: 5%;
	left: 38%;
}
#kouka4-fig #kouka4-menseki1 {
	top:15%;
	left:10%;
}
#kouka4-fig #kouka4-menseki2 {
	top:15%;
	left:67%;
}
#kouka4-fig #kouka4-seibi {
	bottom:5%;
	left:40%;
}
#kouka5-fig #kouka5-kansan {
	text-align: center;
	bottom: 0;
	left: 30%;
	border: 1px solid #E00000;
	color: #E00000;
}



/* ====================
地図で見る取組位置
==================== */
.torukumi-map {
	text-align:center;
}
#map-ken,#map-shichoson {
	display:inline-block;
	position:relative;
}
#map-ken .ringyo-icon,#map-shichoson .ringyo-icon {
	position:absolute;
	width:32px;
	height:32px;
}
#map-ken .icon-ken-all {
	width:120px !important;
	height:92px !important;
}
#map-ken .ringyo-icon img,
#map-shichoson .ringyo-icon img {
	max-width:100%;
	height:auto;
}

.popup-icon {
	position:relative;
	cursor:pointer;
}
.popup-icon > a {pointer-events: none;}

.popup-icon .popup-board {
	position:absolute;
	bottom:45px;
	left:-150px;
	z-index:1000;
	width:330px;
	/*height:200px;*/
	background-color:#FFF;
	box-shadow: 0 0 5px #666;
	font-size:0.9em;
	display:none;
}
#ken-shien .popup-icon .popup-board {
	position:absolute;
	bottom:45px;
	left:-100px;
	z-index:1000;
	width:330px;
	/*height:200px;*/
	background-color:#FFF;
	box-shadow: 0 0 5px #666;
	font-size:0.9em;
	display:none;
}
.popup-board a {
	display:block;
	padding:5px;
	text-decoration:none;
}
.popup-board img {
	max-width:100%;
	height:auto;
}
.popup-board .popup-note {
	font-size:0.8em;
}

.hanrei {
	display:inline-block;
	text-align:left;
	font-size:0.9em;
	border:solid 1px #666;
	padding:10px;
	margin:1em 0 0 0;
}
.hanrei-color {
	display:inline-block;
	text-indent:-999px;
	border:1px solid #999;
	width:2em;
	margin:0 10px 10px 10px;
}
.color-green1 {
	background-color:#77D77C;
}
.color-green2 {
	background-color:#01894B;
}
.hanrei img {
	margin: 0 5px 0 15px;
	vertical-align: middle;
}
.hanrei br {
	display:none;
}
#note {
	padding:0 0 0 20px;
}



/* ====================
アーカイブ
==================== */
.box-jirei {
	padding:0 5px 20px 5px;
}
.box-jirei ul {
	list-style:none;
	display:flex;
	flex-wrap:wrap;
}
.box-jirei ul li {
	width:45%;
	margin:0 5% 0 0;
}


/* ====================
フッタ
==================== */
footer {
	border-bottom:5px solid #0C8377;
}
#footer-upper,#footer-upper-top {
	width:60%;
	padding:20px 0;
	border-top: solid 2px #333;
	border-bottom: solid 2px #333;
	text-align:center;
}
#footer-upper {
	margin:30px auto;
}
#footer-upper-top {
	margin:30px auto 0 auto;
}
.site-policy {
	width:60%;
	text-align:right;
	margin:0 auto 30px auto;
	padding:10px 0 0 0;
}
#footer-upper h2,#footer-upper-top h2 {
	font-size:1.2em;
	font-weight:bold;
	margin:0 0 0.5em 0;
}
#footer-bottom {
	text-align:center;
	background-color:#DFF4E7;
	padding:10px 0;
	font-size:0.8em;
}
#footer-bottom img {
	height:40px;
	width:auto;
}


/* ====================
ページの先頭へ
==================== */

.pagetop{
	position: fixed;
	bottom: -80px;
	right: 10px;
	opacity: 0.6;
	-moz-opacity: 0.6;
	filter: alpha(opacity=60); /* ie6.7 */
	-ms-filter: "alpha(opacity=60)"; /* ie 8 */
	z-index: 10000;
}
.pagetop a{
	display: block;
	width: 50px;
	height: 50px;
	background-color: #555;
	text-align: center;
	color: #fff;
	font-size: 110%;
	line-height: 35px;
	text-decoration: none;
	border-radius: 5px;
}


/* ====================
汎用
==================== */

a.bg-blue,a.inline-blue {
	background-color: #1574B3;
	border: 2px solid #1574B3;
	border-radius:10px;
	color: #FFF;
	text-decoration: none;
	background-image: url(../images/dot-white.png);
	background-repeat: no-repeat;
	background-position: left 10px center;
}
a.bg-blue {
	display: block;
	padding: 5px 5px 5px 30px;
}
a.inline-blue {
	display: inline-block;
	padding: 5px 15px 5px 30px;
	margin:0 0 10px 0;
	min-width:14em;
}
a.bg-blue:hover,a.inline-blue:hover {
	background-color: #FFF;
	color: #333;
	background-image: url(../images/dot-blue.png);
}

a.inline-red {
	display: inline-block;
	padding: 5px 15px 5px 30px;
	margin:0 0 10px 0;
	min-width:14em;
	background-color: #c00;
	border: 2px solid #c00;
	border-radius:10px;
	color: #FFF;
	text-decoration: none;
	background-image: url(../images/dot-white.png);
	background-repeat: no-repeat;
	background-position: left 10px center;
}
a.inline-red:hover {
	background-color: #fff;
	color: #333;
	background-image: url(../images/dot-blue.png);
}

/* 枠あり文言 */
.waku-or-yl,.waku-bl-bl {
	padding:15px;
	margin:1em 0;
	border-radius:15px;
}
.waku-or-yl {
	border:1px solid #FC0;
	background-color:#FFC;
}
.waku-bl-bl {
	border: 1px solid #7492AD;
	background-color: #D7E9F7;
}
.waku-or-yl h4 {
	margin:0 0 0.5em 0 !important;
	color:#333 !important;
	text-decoration:underline;
	text-align:center;
}

/* 横並び */
.box-side {
	display:table;
	width:100%;
	border-collapse:separate;
	border-spacing:5px;
}
.box-side .box-cell {
	display:table-cell;
}
.box-cell h4 {
	margin-top:0px !important;
}
.box-cell img {
	max-width:100%;
	height:auto;
}
.middle-cell {
}
.align-top {
	vertical-align:top;
}
.align-mid {
	vertical-align:middle;
}
.tl-fixed {
	table-layout:fixed;
}
.cell-zei {
	padding:0 50px 0 0;
}

.pictbox-full {
	max-width:1180px;
}
.pictbox-full img {
	width:100%;
	height:auto;
}

.non-br br {
	display:none;
}

/* トグルdl */
dl.toggleDL {
	margin:5px 0 0 0;
}
dl.toggleDL dt {
	display: block;
	background-color: #1574B3;
	border: 2px solid #1574B3;
	border-radius:10px;
	color: #FFF;
	text-decoration: none;
	padding: 5px 5px 5px 30px;
	background-image: url(../images/dot-white.png);
	background-repeat: no-repeat;
	background-position: left 10px center;
	cursor:pointer;
	position:relative;
}
dl.toggleDL dd {
	padding:10px;
}
dl.toggleDL dd ul {
	list-style:none;
}
dl.toggleDL dd ul li {
	float:left;
}
dl.toggleDL dd a {
	display:inline-block;
	padding:3px 10px;
	border-right:1px solid #ccc;
	width:4em;
}
dl.toggleDL dd a:hover {
	background-color: #1574B3;
	color: #FFF;
}

/* 表組 */
.border-table {
}
.border-table table {
	width:100%;
	border-collapse:collapse;
	font-size:0.8em;
}
.border-table table caption {
	display:none;
}
.border-table table th,.border-table table td {
	border:solid 1px #333;
	padding:5px;
}
.border-table table th {
	font-weight: bold;
	background-color: #FFF2CC;
}
.border-table table td {
}
.no-wrap {
	white-space:nowrap;
}

.place-center {
	text-align:center;
}
.place-right {
	text-align:right;
}

ul.link-list {
	list-style-image: url(../images/dot-green.png);
	margin:0.5em 0 0.5em 30px;
}
.txt-uline {
	text-decoration:underline;
}
.txt-ind-rev1 {
	padding:0 0 0 1em;
	text-indent:-1em;
}
.txt-80 {
	font-size:0.8em;
}

.margin-b30 {
	margin-bottom:30px;
}
.margin-b50 {
	margin-bottom:50px;
}